/*
 * Copyright Information
 * 
 *
 *
 * TODO's:
 * - cluster blocks
 * - declutter old projects
 * - harmonise layout acoording to brand book
 * - implement brandbook colours
 * 
 * Colours, Fonts, General, Start & Login, Venus
 * 
 */
/*  
 * DUMP
 *
 *
 * 
 */

/* BEGIN Colours */
:root {
  --main: #044b6f;
  --accent: #48abe4; 
  --delimiter: #fofofo; 
  --background: #fafcfc;
  --content: #ffffff;

/*brand book 26414f 28438f*/
  --h1: #2a4350;	
  --h2: #77b2c2;
  --p: #28404f;
  --text: #606060;
  --background: #f4f3f3;
  --labels: #6cbdca;
  --lines: #a4b3b5;
  --color1: #238693;
  --color2: #274e61;
  --blue1: #2a4350;	
  --blue2: #215c71;
  --blue3: #217b99;	
  --blue4: #00afd8;	
  --blue5: #18dcff;	
  --gray1: #606060;	
  --gray2: #808080;
  --gray3: #a0a2a5;	
  --gray4: #bebebe;	
  --gray5: #e0e0e0;		
  --purple: #8f8aef;
  --yellow: #f5b341;	
  --red: #ed4564;	
  --green: #43dc78;	
  --lightblue: #1e94ff;
  --graylabels: #828282;
	/*315B6F h1?*/
	
  --box-shadow: 
	0 1px 3px rgba(0, 0, 0, 0.10),
    0 5px 12px rgba(0, 0, 0, 0.07),
    0 10px 20px rgba(0, 0, 0, 0.05);
	/*-1px -1px 5px 2px #f7f7f7, 1px 1px 7px 4px #d8d8df;*/
	
  --box-background: #f4f3f3;
	
  --button-shadow:     
	0 1px 3px rgba(0, 0, 0, 0.10),
    0 3px 12px rgba(0, 0, 0, 0.06),
    0 10px 20px rgba(0, 0, 0, 0.04);
	/*-1px -1px 3px 2px #eff0f1, 1px 1px 7px 4px #d8d8df;*/
	
  --button-background: #eaeaea;
	
  --corner-shadow:	  
	0 1px 3px rgba(0, 0, 0, 0.20),
    0 3px 12px rgba(0, 0, 0, 0.16),
    0 0 8px 10px rgba(256, 265, 265, 0.98);  
	
	--tag-shadow:
	-3px -3px 6px rgba(255, 255, 255, 0.7), 
     3px  5px 10px rgba(0, 0, 0, 0.18);	
   

	--minitag-shadow:
	-3px -3px 6px rgba(255, 255, 255, 0.7), 
     3px  5px 10px rgba(0, 0, 0, 0.18);	
	
/* module colours scheme */	
  --base_main: #2f4bcd;
  --base_1: #411eba;
  --base_2: #2071dd;
  --core_main: #148ae8;	
  --core_1: #2071dd;
  --core_2: #0a9ff1;
  --unit_main: #08a6f4;
  --unit_1: #0a9ff1;
  --unit_2: #02b9fd;
  --unit_bg: #e1f2fa;
  --unit_bg1: #f9f9f9;
  --unit_bg2: #efefef;		
  --library_main: #575be1;
  --library_1: #02b9fd;
  --library_2: #6f40da;
  --analyse_main: #b824a0;
  --analyse_1: #6f40da;
  --analyse_2: #e91279;	
  --think_main: #dd114c;
  --think_1: #e91279;
  --think_2: #860c29;
  --inventory_main: #ff6000;
  --inventory_1: #ff6000;
  --inventory_2: #b3683b;	
  --dashboard_main: #09b6e0;
  --dashboard_1: #079cd4;
  --dashboard_2: #0cfafc;
  --quality_main: #26bf9c;	
  --quality_1: #0cfafc;
  --quality_2: #58f7bd;
  --research_main: #6bb36b;
  --research_1: #58f7bd;
  --research_2: #c7eb67;
  --sandbox_main: #bfbd28;	
  --sandbox_1: #c7eb67;
  --sandbox_2: #ffd700;	
  --access_main: #f2ba00;
  --access_1: #ffd700;
  --access_2: #ffbf00;		
  --emergency_main: #bc7ea4;	
  --emergency_1: #9397e2;
  --emergency_2: #e1676d;	
  --hospital_main: #e76466;	
  --hospital_1: #e76466;
  --hospital_2: #fe5d7a;
  --paeds_main: #d31a75;
  --paeds_2: #ef0969;
  --paeds_2: #ae3084;	
  --neonate_main: #e31ca1;
  --neonate_1: #c7389a;
  --neonate_2: #ff00a8;		
  --icu_main: #c66e71;		
  --icu_1: #b3757b;	
  --icu_2: #e36363;	
  --imc_main: #f5395b;		
  --imc_1: #f75654;
  --imc_2: #f31e62;	
  --practice_main: #ff7630;		
  --practice_1: #ff492b;	
  --practice_2: #ff9e34;	
  --rehab_main: #e5ac30;		
  --rehab_1: #ffbe36;	
  --rehab_2: #ffe031;
  --theatre_main: #3dc0b9;		
  --theatre_1: #589d88;
  --theatre_2: #21e5eb;	
  --home_main: #a2d968;		
  --home_1: #eae542;
  --home_2: #7fef9c;		
  --developer_main: #b19549;		
  --developer_1: #f5d168;	
  --developer_2: #666d77;
  --admin_main: #83aa4f;		
  --admin_1: #90cd43;	
  --admin_2: #666d77;	
  --link_main: #429e87;		
  --link_1: #1ecc95;	
  --link_2: #666d77;	
  --campus_main: #9f5286;		
  --campus_1: #df3498;	
  --campus_2: #666d77;
  --academia_main: #ffa500;		
  --academia_1: #653ee6;	
  --academia_2: #666d77;		
  --users_main: #6655b0;		
  --users_1: #653ee6;	
  --users_2: #666d77;
	
/* Neo switch definitions*/
  --w: 44px;
  --h: 24px;
  --pad: 4px;
  --bg: var(--box-background);       /* page bg */
  --track: var(--gray5);    /* switch bg */
  --shadow1: rgba(0,0,0,.10);
  --shadow2: rgba(255,255,255,.85);
	
}

/* END Colours */


/* BEGIN Fonts */

/* main font */
@font-face {
  font-family: dmsans_b;
  font-style:  normal; font-weight: normal; 
  src: url(../css/DM_Sans/DMSans-Bold.ttf) format('truetype');
} 

@font-face {
  font-family: dmsans_me;
  font-style:  normal; font-weight: normal; 
  src: url(../css/DM_Sans/DMSans-Medium.ttf) format('truetype');
} 

@font-face {
  font-family: dmsans_re;
  font-style:  normal; font-weight: normal; 
  src: url(../css/DM_Sans/DMSans-Regular.ttf) format('truetype');
} 

/* main brand font */
@font-face {
  font-family: ppfragment_sr;
  font-style:  normal; font-weight: normal; 
  src: url('../css/ppfragment/PPFragment-SerifRegular.otf') format('truetype');
}

/* sub brand font */
@font-face {
  font-family: mona_sans;
  font-style:  normal; font-weight: normal; 
  src: url('../css/Mona_Sans/Mona-Sans.ttf') format('truetype');
}

/* END Fonts */

/* BEGIN Grid */

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 800px) {
  .main_header{
	  max-height: 5px;
	  width: 100% !important;
	  box-shadow: 1px 5px 7px #d8d8df !important;	  
  }
	#search_page_needle{
		visibility: hidden;
	}
	
	.div_left_floater_1{
		visibility: hidden;
	}
	
  /* For mobile phones: */
  [class*="col-"] {
      width: calc(100% - 30px);
	  height: initial !important;
  }
	
	.div_sub_master{
	position: fixed !important;
	top: 20px !important;
	left: 0px !important;
	width: 100% !important;
	height: calc (100% - 15px) !important;
	padding: 5px !important;
	overflow-y: scroll;	
	border-top: 1px solid #fff;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
@media (max-width: 1600px) {
[class*="col-"] {
    width: calc(100% - 30px);
  }

	
	}}

/* END Grid */

/* BEGIN General */

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-attachment:fixed;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
	max-height: 100%;
	max-height: 100%;
    overflow:hidden;
	background-color: #000000;
	-webkit-transition: #000000 300ms linear, #efefef 1s linear;
    -moz-transition: #000000 300ms linear, #efefef 1s linear;
    -o-transition: #000000 300ms linear, #efefef 1s linear;
    -ms-transition: #000000 300ms linear, #efefef 1s linear;
    transition: #000000 300ms linear, #efefef 1s linear;
}

h1{
	font-family: dmsans_re;
	font-size: 30px;
	font-weight: normal;
	color: var(--h1);
	line-height: 1.3em;
	text-align: left;
	padding-top: 30px;
	display:inline;
	text-transform: uppercase;
	vertical-align: top; 	
}

h2{
	font-family: dmsans_re;
	font-size:15px;
	font-weight: normal;
	color: var(--h2);
	line-height: 32px;	
	text-align: left;
	-webkit-margin-after: 0em;	
	display:inline;
	text-decoration: underline;
	text-underline-offset: 4px;
    text-underline-width: 0.5px;
	text-transform: uppercase;
	text-decoration-color: white;
}

h3{
	font-family: dmsans_re;
	font-size: 10px;
	font-weight: normal;
	color: var(--main);
	line-height: 12px;
	text-align: left;
	padding: 0px;
	display:inline	
}

p {
	font-size: 15px;
	text-align: left;
	color: var(--p);
}

a{
	font-family: dmsans_re;
	color: var(--blue2);
	text-decoration: none;
}

a:visited{
	text-decoration: none;
}

a:hover{
	color: var(--blue3);
	background: none;
}

b {
	font-family: dmsans_me;
	font-weight: normal;
}

td {
	color: #5a5a5a;
	font-family: dmsans_re;
	font-size: 13px;
	vertical-align: top;
}
.td-first {
	color: #5a5a5a;
	font-family: dmsans_re;
	font-size: 13px;
	text-transform: uppercase;
	vertical-align: top;
}

th {
	color: #202020;
	font-size: 10px;
	text-align: left;
}


ul{
	list-style-type: none;
	z-index: 999;	
}

input[type="radio"]{
	margin-right: 20px;
	color:#830191;
}

input[type="submit"],input:matches([type="submit"],[type="button"]){
	width: 180px;
	font-family: dmsans_re;
	font-size: 11px;
	color: var(--gray2);
	background: var(--gray5); /* rgb(4,75,112)
    background: linear-gradient(133deg, rgba(4,75,112,1) 0%, rgba(1,51,77,1) 100%);*/
	border-radius: 0px;
	border: 1px solid #e1e1e5;
	padding: 7px 7px 7px 10px;
	margin: 5px 8px 5px 0px;
	text-transform: uppercase;
	box-shadow: var(--button-shadow);;
	/*box-shadow: 2px 2px 5px 2px #d8d8df, -2px -2px 5px 2px #ffffff;*/
}

input[type="text"],[type="password"],[type="email"],[type="date"]{
	font-family: dmsans_re;
	font-size: 12px;
	width: 250px;
	height: 30px;
	border-radius: 0px;
	border: 0px;
	padding-left: 10px;
	text-align: left;
  	color: #828282;
	background-color: var(--button-background);	
	box-shadow: var(--button-shadow);	
}

input[type="text"]:read-only {
  	color: #828282;
	background-color: var(--button-background);	
	box-shadow: var(--button-shadow);	
}

option, select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-family: dmsans_re;
	font-size: 12px;
	width: 250px;
	border-radius: 0px;
	border: 0px;
	background-color: var(--button-background);
	padding: 7px 7px 7px 10px;
	margin: 5px 8px 5px 0px;
	box-shadow: var(--button-shadow);
	/*box-shadow: -1px -1px 5px 2px #f7f7f7, 1px 1px 7px 4px #d8d8df;
	box-shadow: 1px 1px 5px 2px #d8d8df, -1px -1px 5px 2px #ffffff; 9B9B9B*/
	text-align: left;
	color: #828282;
}

textarea{
	width: 90%;
	/*height: 500px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 0px;
	border: 1px solid #999;
	padding: 7px;
}

input[type="checkbox"]{
  position: relative;
  width: 20px;
  height: 10px;
  -webkit-appearance: none;
  background: linear-gradient(0deg,#999,#333);
  outline: none;
  border-radius: 15px;
  box-shadow: 
	  	-3px -3px 6px rgba(255, 255, 255, 0.7), 
     3px  5px 10px rgba(0, 0, 0, 0.18);	
	/*0 0 0 1px #353535, 0 0 0 2px #480a31,
  inset 0 0 10px #999999ff,0 5px 20px #99999988, inset 0 0 15px #99999944;*/
}
input:checked[type="checkbox"] {
  background: linear-gradient(0deg,#ff6eca,#ff21ae);
  box-shadow: 0 0 1px #ff6eca, 0 0 0 2px #353535, 0 0 0 1px #480a31,
  inset 0 0 10px rgba(0,0,0,1),0 5px 20px rgba(0,0,0,.5), inset 0 0 15px rgba(0,0,0,.2);
	/*6dd1ff 20b7ff*/
}
input[type="checkbox"]:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 20px;
  background: linear-gradient(0deg,#ddd,#6b6b6b);
  border-radius: 15px;
  box-shadow: 0 0 0 1px #232323;
  transform: scale(.98, .96);
  transition: .5s;
}
input:checked[type="checkbox"]:before {
  left: 10px;
}
input[type="checkbox"]:after{
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  left: 15px;
  width: 4px;
  height:  4px;
  background: linear-gradient(0deg,#6b6b6b,#000);
  border-radius: 50%;
  transition: .5s;
}
input:checked[type="checkbox"]:after {
  background: #ff63c6;
  left: 25px;
  box-shadow: 0 0 5px #ff12a8, 0 0 15px #ff12a8;
}

/* Neumorphic sliding switch*/
.switch{
  display:inline-block;
  position:relative;
  width:var(--w);
  height:var(--h);
}

.switch input{
  position:absolute;
  inset:0;
  opacity:0;
  margin:0;
  cursor:pointer;
}

/* Track */
.track{
  position:absolute;
  inset:0;
  border-radius:999px;
  background: var(--track);
  box-shadow:
    14px 14px 28px var(--shadow1),
    -14px -14px 28px var(--shadow2),
    inset 1px 1px 0 rgba(255,255,255,.65);
  transition: box-shadow .25s ease;
}

/* Knob */
.track::before{
  content:"";
  position:absolute;
  top:var(--pad);
  left:var(--pad);
  width:calc(var(--h) - (var(--pad) * 2));
  height:calc(var(--h) - (var(--pad) * 2));
  border-radius:50%;
  background: #ffffff;
  box-shadow:
    3px 3px 5px 1px var(--shadow1),
    -3px -3px 5px 1px var(--shadow2);
  transform: translateX(0);
  transition: transform .28s ease;
}

/* ON: slide knob to the right */
.switch input:checked + .track::before{
  transform: translateX(calc(var(--w) - var(--h)));
}

/* Press / focus */
.switch input:active + .track::before{
  transform: translateX(var(--w) - var(--h)) scale(.96);
}

.switch input:focus-visible + .track{
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 4px;
}



/* Define the scrollbar style */
-webkit-overflow-scrolling: auto !important;

.scroll_container {
	scroll-behavior: auto;
}

.scroll_container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.process_collapsed {
  height: 40px !important;
}

/* Define the thumb style */
.scroll_container::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #fff;
}

/* Define the track style */
.scroll_container::-webkit-scrollbar-track {
  background-color: #dddddd00;
  border: 0px solid #ccc;
}

/* Define the button style */
.scroll_container::-webkit-scrollbar-button {
  background-color: #ffffff;
  border-radius: 0px;
}

/* Define the button style when being hovered over */
.scroll_container::-webkit-scrollbar-button:hover {
  background-color: #99999900;
}

	



.h1_begin{
	color: var(--h1);/*--blue1*/
	font-family: ppfragment_sr;
	font-size: 69px;
	font-weight: normal;
	text-align: left;
	padding-left: 0px;
	line-height: 28px;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	margin: 0;
	padding-top: 0;
}

.h1_begin img{
	height:130px;
	margin-right: 20px;
}

.h2_begin{
	color: var(--h1);
	font-family: mona_sans;
	font-size: 50px;
	line-height: 72px;
	text-align: left;
	padding-left: 0px;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	margin: 0;
}

/* BEGIN Start & Login */

.body_login{
	width:100%;
	max-width: 100%;
	height:100%;
	max-height: 100%;
	overflow: hidden;
	/*background-image: url('../img/background_1.png');
	background-size: 100% 100%;*/
	background-color: #efefef;
	-webkit-transition: background-color 300ms linear, #efefef 1s linear;
	-moz-transition: background-color 300ms linear, #efefef 1s linear;
	-o-transition: background-color 300ms linear, #efefef 1s linear;
	-ms-transition: background-color 300ms linear, #efefef 1s linear;
	transition: background-color 300ms linear, #efefef 1s linear;
}

.div_login{
    margin: 0 auto;
	width: 800px;
	height: 400px;
	margin-top: 11%;
	padding-left: 45px;
	padding-right: 45px;	
	padding-top: 0px;
	border: 0px solid #f0f0f0;
	border-radius:0px;
	background: #efefef00;
	border: 0px solid black;
}

.div_login2{
    margin: 0 auto;
	width: 600px;
	height: 400px;
	margin-top: 3%;
	padding-left: 45px;
	padding-right: 45px;	
	padding-top: 30px;
	border: 0px solid #f0f0f0;
	border-radius:0px;
	background: #efefef00;
}

.div_login_container{
	float:center;
	clear:center;
	padding-left: 40px;
	padding-right: 40px;	
	margin-left: calc(50% - 180px); 
	margin-right: calc(50% - 180px); 
	padding-top:20px;
	padding-bottom: 20px;
	background-color: #fbfbfb; 
	border-radius: 0px; 
	box-shadow: 5px 1px 7px #d8d8df, -5px -1px 7px #f6f6f7; 
	width:280px;
}

.div_login_container_table{
	width: 100%;
	padding: 0px;
}

.h1_login{
	color: var(--h1);
	font-family: ppfragment_sr;
	font-size: 65px;
	font-weight: normal;
	text-align: center;
	padding-left: 0px;
	line-height: 1em;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 0;
	text-transform: lowercase;
}

.h1_login img{
	height:130px;
}

.h2_login{
	color: var(--h1);
	font-family: mona_sans;
	font-size: 45px;
	line-height: 28px;
	text-align: center;
	padding-left: 0px;
	text-decoration: none;
	text-transform: none;
	display: block;
	margin: 0;
}

.button_login{
	background-color: #eaeaea;/*8a9399*/
	border: 1px solid #104c6e;
	font-size: 24pt;
	border-radius: 5px;
	font-family: dmsans_re;	
    color:#808184 !important; 
	width: 30px;  
	border-radius: 15px; 
	box-shadow: 5px 1px 7px #d8d8df, -5px -1px 7px #f6f6f7 !important;	
}

input.login{
	width: 190px;
	font-family: dmsans_re;
	font-size: 15px;
	color: #ffffff;
	background: #eaeaea; /* rgb(4,75,112)
    background: linear-gradient(133deg, rgba(4,75,112,1) 0%, rgba(1,51,77,1) 100%);*/
	border-radius: 25px;
	border: 0px solid #0a8ab2;
	padding: 5px 10px 7px 10px;
	text-transform: uppercase;
}	

.td_login{
	color: #808184;
	font-family: dmsans_re;
	font-size: 14px;
	width: 220px;
	text-align: left;
}

.small_login{
	color: #999;
	font-size: 14px;
	font-family: dmsans_re;	
}

.feedback_login{
	background-color: #fefefe;
	font-size: 14px;
	font-family: dmsans_re;
	color:#696969;	
}

.overlay-black{
    position: absolute;
    top: 0; 
	left: 0;
    height: 100%;
    width: 100%;
	max-width: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
    z-index:1;
	text-align: center;
    background-color:#000000;
    animation-name:fadeIn;
	animation-delay: 1.0s;
    animation-duration:2s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.overlay-black img{
	width: 300px;
	margin-top: calc(50% - 380px);	
}

.h1_login_black{
	color: #EFEFEF;
	font-family: ppfragment_sr;
	font-size: 155px;
	font-weight: normal;
	text-align: center;
	padding-left: 0px;
	line-height: 20px;
	text-decoration: none;
}

.div_copy{
	position: absolute; 
	bottom: 5px; 
	border: 0px solid #444;
	color:#999999; 
	margin: 0 auto; 
	width: 100%;
	text-align:center;
	font-size:9px;
}

.span_version{
	color: #687984;
	font-size: 10px;
	font-family: dmsans_re;	
}

@keyframes fadeIn {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
		visibility: hidden;
    }
}

@media only screen and (max-width: 1260px){ 
.body_login{
	width:100%;
	max-width: 100%;
	height:100%;
	max-height: 100%;
	overflow: hidden;
	background-image: url('../img/background_1.png');
	background-size: cover cover !important;
	background-repeat: no-repeat;	
}
	
.div_login{
    margin: 0 auto;
	width: calc(100% - 125px);
	height: 100%;
	max-height: 100%;
	padding-left: 90px;
	padding-top: 30px;
	border: 0px solid #f0f0f0;
	border-radius:0px;
}	
	  
.button_login{
	font-size: 20pt; 	
} 
	
.overlay-black img{
	width: 300px;
	margin-top: calc(30% - 50px);
}
	
.distributer_div {
	width: 85% !important;
	font-size: 30px !important;
	padding: 15px !important;
	height: 105px !important;
}	

.distributer_div h1{
	font-size: 40px !important;
}

}

/* END Start & Login */

/* BEGIN 0_base */

.block_title{
	font-family: dmsans_re;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 4px;
    text-underline-width: 0.5px;
	text-decoration-color: white;
	color: var(--h1);
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: 18px;
}

/* END 0_base */

/* BEGIN 1_core */


.name_title{
	font-family: dmsans_re;
	font-size: 28px;
	line-height: 32px;
	color: var(--h1);
	text-transform: uppercase;
	text-decoration: none;
}

.patient_profile{
	float: left;
	width: 40px;
	height: 60px;
	margin-top: 5px;
	background-size: auto 100%;
	background-position: center;
	box-shadow:1px 1px 5px 2px #d8d8df, -1px -1px 5px 2px #ffffff;
}
.patient_name{
	float: left;
	margin-left: 0px;
	margin-top: 5px;
}

/* END 1_core */

.main_header {
	position: fixed;
	background-color: #f5f3f3;
	color: #606060;
	height: 100%;
	min-width: 100px;
	max-width: 150px;
	padding: 7px;
	padding-left: 10px;
	border-right: 0px solid #f0eff0;
	box-shadow: 5px 1px 7px #d8d8df;
	z-index: 900;
}
.main_header_top {
	position: fixed;
	background-color: #f4f3f3;
	color: #606060;
	width: 100%;
	height: 10px;
	padding: 7px;
	padding-left: 10px;
	border-bottom: 0px solid #f0eff0;
	box-shadow: 5px 1px 7px #d8d8df;
	z-index: 999;
}
.div_sub_content_menu_img {
	float: left;
	width:25px;
	padding-right: 20px;
	padding-left:20px;
	padding-top:17px;
}

.div_sub_content_menu_title {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	height: 40px; 
	padding-top: 20px; 
	padding-left: 20px; 
	padding-right: 15px; 	
	width: calc(100% - 40px);
	text-align: left;
	border: 0px solid;	
}


input.add_record{
	width: 100px;
	font-family: dmsans_re;
	font-size: 13px;
	color: #555;
	background: #dfc226;
	border-radius: 5px;
	border: 1px solid #cdb21e;
	padding: 5px 10px 7px 10px;
}

.uppercase{
	text-transform: uppercase;
}

.div_left_floater_1 {
	float:left; 
	clear:left; 
	width:100px;
	border:0px solid black; 
	font-family:dmsans_re;	
	margin-top: 30px;
}

.div_left_floater_1 a{
	text-transform: uppercase;	
	line-height: 2.5em;
	padding-left: 20px;
	color: var(--graylabels);
	font-size: 12px;
}

.div_left_floater_1 a:first-child{
	margin-top: 0px;
}

.sidemenu{
    visibility:hidden;
	position:absolute;
	font-size: 10px;
	background-color: #fff;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	border: 1px solid #efefef;
	z-index: 999;
	list-style-type: none;
}

.sidemenuli:hover > ul{
    visibility:visible;
}

.small{
	font-size: 14px;
	color: #555;
	font-style: normal;
}
.medium{
	font-size: 14px;
}
.big{
	font-size: 18px;
}
.signature{
	color: #dfc226;
}
.blue{
	color: #223f67;/*273b51, 223f67*//*0055a4;*/
	z-index: 600;
}
.gray{
	color: #6d6e73;/*808287;*/
}
.white{
	color: #eff2f4;
}
.center{
	text-align: center;
}
.header_font_color{
	color: #e5eaee;
}
.spacy{
	line-height: 1.7em;
}
.normal{
	font-style: normal;
}
.italic{
	font-style: italic;
}
.ticker{
	font-style: normal;
	font-size: 14px;
	float:left;
	clear: left;
}
.description{
	font-size: 11px;
	color: #777;
}
.note{
	color: #777777;
	text-transform: uppercase;
}
.inactive{
	color: #A9B7BB;
	text-transform: lowercase;
}
.uppercase{
	text-transform: uppercase;
}
.module_base:hover{
	color:var(--base_main);
}
.module_core:hover{
	color:var(--core_main);
}
.module_unit:hover{
	color:var(--unit_main);
}
.module_library:hover{
	color:var(--library_main);
}
.module_analyse:hover{
	color:var(--analyse_main);
}
.module_think:hover{
	color:var(--think_main);
}
.module_inventory:hover{
	color:var(--inventory_main);
}
.module_access:hover{
	color:var(--access_main);
}
.module_dashboard:hover{
	color:var(--dashboard_main);
}
.module_quality:hover{
	color:var(--quality_main);
}
.module_research:hover{
	color:var(--research_main);
}
.module_admin:hover{
	color:var(--admin_main);
}
.module_campus:hover{
	color:var(--campus_main);
}
.module_developer:hover{
	color:var(--developer_main);
}
.module_link:hover{
	color:var(--link_main);
}
.module_user:hover{
	color:var(--user_main);
}
.module_emergency:hover{
	color:var(--emergency_main);
}
.module_paeds:hover{
	color:var(--paeds_main);
}
.module_hospital:hover{
	color:var(--hospital_main);
}
.module_icu:hover{
	color:var(--icu_main);
}
.module_imc:hover{
	color:var(--imc_main);
}
.module_neonate:hover{
	color:var(--neonate_main);
}
.module_practice:hover{
	color:var(--practice_main);
}
.module_rehab:hover{
	color:var(--rehab_main);
}
.module_theatre:hover{
	color:var(--theatre_main);
}
.module_home:hover{
	color:var(--home_main);
}
.module_sandbox:hover{
	color:var(--sandbox_main);
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}


.h1_gadget{
	color: var(--h1);/*--blue1*/
	font-family: ppfragment_sr;
	font-size: 38px;
	font-weight: normal;
	text-align: left;
	padding-left: 0px;
	line-height: 20px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding-top: 0;
}

.h1_gadget img{
	height:90px;
	margin-right: 10px;
}

.h2_gadget{
	color: var(--h2);
	font-family: mona_sans;
	font-size: 39px;
	line-height: 72px;
	text-align: left;
	padding-left: 0px;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	margin: 0;
}



/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 28px;
  width: 54px;	
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}
/* patient view */
.no_data{
	font-size: 13px;
	color: #777;
}
.unit{
	font-size: 9px !important;
}
.number{
	font-size: 13px;
	color: #777;
}
.datetime{
	font-family: dmsans_re;
	font-size: 8px;
	color: #b3b5b8;
}
.inactive{
	color: #888 !important;
}
.value{
	font-family: dmsans_re;
	font-size: 10px;	
	color: #333;
}
.comment{
	font-family: dmsans_re !important;	
	font-style: italic !important;
	font-size: 9px !important;	
	color: #777 !important;
}
.detail{
	font-family: dmsans_re;
	font-style: normal;	
	font-size: 9px;	
	color: #000;
}
.problem{
	font-family: dmsans_re;
	font-size: 10px;	
	color: #333;
}
.drug{
	font-family: dmsans_re;
	font-size: 10px;	
	color: #333;
}
.score{
	font-family: dmsans_re;
	font-size: 10px;	
	color: #333;
}
.imaging{
	font-family: dmsans_re;
	font-size: 10px;	
	color: #333;
}
.modality{
	font-family: dmsans_re;
	font-size: 10px;	
	color: #555658;
	width: 10px;
}
.base {
	font-family: dmsans_re;
	font-size: 10px;	
	color: #333;
}

.warning_corner {
	position: absolute;
	right: -12px;
	top: -8px;
	width: 24px;
	text-align: center;
	color: var(--gray2);
	font-size: 11px;
	font-family: dmsans_re;
	line-height: 24px;
	height: 24px;	
	max-width: 24px;
	max-height: 24px;
	border-radius: 24px;	
	background-color: #e2e2e2;
	box-shadow: var(--corner-shadow);
}

.li_notification_success {
	list-style: disc; 
	color: var(--blue5);/*#b8babc*/
	list-style-position: inside;	
}

.li_notification_info {
	list-style: disc; 
	color: var(--blue4);/*#8f9194*/
	list-style-position: inside;
}

.li_notification_warning {
	list-style: disc; 
	color: var(--blue3);/*#808081*/
	list-style-position: inside;
}

.li_notification_alert {
	list-style: disc; 
	color: var(--blue2);/*#58595b*/
	list-style-position: inside;
}

.alert {
  float:left;
  clear: left;
  width: 100%;
  padding: 12px 16px;
  border-radius: 0px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 12px;
  font-size: 10px;
}

.alert.alert-success {
  background-color: rgba(227, 253, 235, 1);
  border-color: rgba(38, 179, 3, 1);
  color: rgba(60, 118, 61, 1);
}

.alert.alert-info {
  background-color: rgba(217, 237, 247, 1);
  color: rgba(49, 112, 143, 1);
  border-color: rgba(126, 182, 193, 1);
}

.alert.alert-warning {
  background-color: rgba(252, 248, 227, 1);
  border-color: rgba(177, 161, 129, 1);
  color: rgba(138, 109, 59, 1);
}

.alert.alert-danger {
  background-color: rgba(248, 215, 218, 1);
  border-color: rgba(220, 53, 69, 1);
  color: rgba(114, 28, 36,1);
}
.alert_flat {
  float:left;
  clear: left;
  width: 100%;
  padding: 1px 3px;
  border-radius: 0px;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 2px;
  font-size: 10px;
  line-height: 1.3;
}

.alert_flat.alert-success {
  background:linear-gradient(90deg, HSLA(82,40%,80%,0.1) 0%, #abd177 100%);
  color: HSLA(82,10%,30%,1);
  border: 0px solid;
  border-radius: 0px;
}

.alert_flat.alert-info {
  background:linear-gradient(90deg, HSLA(43,40%,80%,0.1) 0%, #f7cc6a 100%);
  color: HSLA(43,10%,30%,1);
  border: 0px solid;
  border-radius: 0px;
}

.alert_flat.alert-warning {
  background:linear-gradient(90deg, HSLA(12,40%,80%,0.1) 0%, #eb765b 100%);
  color: HSLA(12,10%,30%,1);
  border: 0px solid;
  border-radius: 0px;
}

.alert_flat.alert-danger {
  background:linear-gradient(90deg, HSLA(356,40%,80%,0.1) 0%, #da6069 100%);
  color: HSLA(356,10%,30%,1);
  border: 0px solid;
  border-radius: 0px;
}


.div_sub_view_master {
	width: calc(100% - 0px);
	height: 98%;
}

.div_human_body {
	position: relative;
	width: calc(100% - 70px);
	height: 95%;
	border: 0px solid #639198;
	padding: 20px;
}

.div_human_body_block {
	position: absolute;
	top: 40px;
	left: 20px;
	width: 200px;
	height: 80px;
	margin-top:20px;
	text-align: left;
	font-size: 11px;
	font-family: dmsans_re;
	background-color: #fff;
    border-right: 1px solid #e3ebed;
	box-shadow: 1px 1px 7px 1px #e3ebed;
	padding: 5px;
	padding-left: 8px;
}


.div_human_body_block_title {
	font-family: dmsans_re;
}

.div_sub_content_master_top_left {
	float: left;
	width: 20%;
	color: #7f7f80;
}

.div_sub_content_master_top_right {
	float: left;
	width: 60%;
	color: #7f7f80;
	padding-top: 5px;
}

.body_main{
	background-color: #ececec;
	color: #585858;
	background-size: 100%; 
	font-size: 12px;
	padding: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
	width: calc(100% - 0px);
}
.div_header_main{
	position: fixed;
	height: 80px;
	width: 100%;
	background-color: rgba(256,256,256,0.7);
	color: #dfc226;
	padding: 20px 10px 10px 80px;
	border-bottom: 1px solid ##E2EEF1;
}
@media (max-width:400px) {
.div_header_main{
	position: fixed;
	height: 60px;
	width: 100%;
	background-color: #fefefe;
	color: #dfc226;
	padding: 10px;
	border-bottom: 1px solid #eee;
	background-image: url(../img/background_white.png);
	background-size: 100%; 
	background-repeat: no-repeat;
}}
.h1_header_main{
	color: #dfc226;
	font-size: 50px;
}
.h2_header_main{
	color: #999;
	font-size: 25px;	
}
.logo_header_main{
	float:left;
	width:50px;
	padding:0px;
	margin-left: 20px;
	margin-top: 25px;
	z-index: 999;	
	padding-right: 20px;
}
.logo_header_main img{
	z-index: 999;
}
.div_left_floater{
	position: absolute;
	width: 100%;
	height: 200px;
	background-color: #ffffff;
    border: 1px solid #f4f4f4;
	box-shadow: 0px 0px 2px 4px #fcfcfc;
	padding: 20px;
	z-index:900;
	visibility:hidden;
	text-transform: uppercase;
	font-size: 14px;
	color: var(--main);
}
.div_left_floater li{
	font-family: dmsans_re;
	font-size: 14px;
	line-heith: 2.5em;
	color: #333;
	list-style-type: none;	
}
.div_sub_master{
	padding: 10px;	
	padding-left: 150px; 
	padding-top: 20px;
	position: relative;
	float:left;
	clear:left;
	top: 0px;
	width: calc(100% - 160px);
	height: calc(100% - 35px);
	overflow-y: scroll;	
	overflow-x: hidden;		
	border: 0px solid #599eb3;
	font-size: 1em;
}
.div_patient_content{
	position: fixed;
	top: 60px;
	left: 0px;
	width: calc(100% - 80px);
	height: calc(100% - 100px);
	padding: 8px;
	overflow-y: scroll;	
	border: 1px solid #639198;
}
.div_patient_content_small{
	position: relative;
	float:left;
	width: 100px;
	height: 200px;
	padding: 8px;
	overflow-y: scroll;	
	border: 1px solid #639198;
}
.div_patient_content_big{
	position: relative;
	float:left;
	width: 600px;
	height: 400px;
	padding: 8px;
	overflow-y: scroll;	
	border: 1px solid #639198;
}

@media (max-width:400px) {
.div_sub_master{
	position: fixed;
	top: 100px;
	left: 0px;
	width: 100%;
	height: calc (100% - 15px) !important;
	padding: 5px;
	overflow-y: scroll;	
	border-top: 1px solid #fff;
}
.div_sub_master h1{
	padding-left: 20px;
}
}

.div_sub_master h1{
	font-size: 20px;
	line-height: 2.5em;
	display: block;
	margin: 0;
	padding-top: 0;
}

.div_sub_master h2{
    color: var(--blue3);
    text-decoration: none;
	display: block;	
}

.div_sub_master h3{
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
}

.div_right_menu{
	position: fixed;
	right: 0px;
	height: 200px;
	width: 40px;
	background: #ffffff;
	border-radius: 5px 0px 0px 5px;
	border: 1px solid #e3ebed;
}

.div_sub_content_master{
	float: left;
	width: calc(25% - 60px);
	height: 240px;
	padding: 10px;
	padding-top:20px;
	padding-left: 20px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-style: solid;
	border-width: 0px;
	border-color: #e3ebed;
	border-radius:0px;
	overflow: unset;
	line-height: 1.5;
	position: relative;
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);	
	/*		overflow-y: scroll; box-shadow: 1px 1px 10px 1px #e0e0e4;box-shadow: -1px -1px 5px 1px #eff0f1;*/
}

/*** BEGIN Dashboard ***/
.div_sub_content_dashboard{
	float: left;
	width: 300px;
	height: 200px;
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-style: solid;
	border-width: 0px;
	border-color: #e3ebed;
	border-radius:0px;
	overflow-y: scroll;
	line-height: 1.5;
	position: relative;
	background-color: #f4f3f3;
	box-shadow: var(--box-shadow);
	/*	box-shadow: -1px -1px 5px 1px #eff0f1;*/
}

.barchart_vertical_dashboard{
	border-radius:5px;
	rx: 4px;
}
.barchart_vertical_dashboard:hover{
	opacity:0.5;
}

.barchart_horizontal_dashboard{
	border-radius:5px;
	rx: 4px;
}
.barchart_horizontal_dashboard:hover{
	opacity:0.5;
}
.piechart_dashboard{
	
}
.piechart_dashboard:hover{
	opacity:0.5;
}

.segmentchart_dashboard{
	
}
.segmentchart_dashboard:hover{
	opacity:0.5;
}

.tooltip_dashboard{
	position: absolute;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 5px;
	padding-top: 1px;
	padding-bottom: 1px;	
	font-size: 10px;
	visibility: hidden;
	font-family: dmsans_re;
	z-index: 999;
}
.tooltip_dashboard h1{
	font-size: 10px;
	font-family: dmsans_re;
}

.segmenttip_dashboard{
	position: relative;	
	visibility: hidden;
	height: 30px;
	margin:0;
	border: 0px solid #999;
	border-radius: 5px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 1px;	
	font-size: 10px;
	font-family: dmsans_re;
	text-align:center;
	z-index: 999;
	vertical-align: top;
}
.segmenttip_dashboard h1{
	font-size: 10px;
	font-family: dmsans_re;
}
/*** END Dashboard ***/

/*** BEGIN Core ***/
.div_sub_content_menu{
	float: left;
	width: 205px;
	height: 200px;
	padding: 15px;
	padding-left: 20px;
	padding-top: 50px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-style: solid;
	border-width: 0px;
	border-color: #E2EEF1;
	border-radius:0px;
	overflow-y: scroll;
	line-height: 1.5;
	position: relative;
	background-color: #f4f3f3;
	box-shadow: var(--box-shadow);
}

.div_sub_content_menu li{
	padding-left: 0px;
	list-style-position: inside;
}

.div_sub_content_master_double{
	float: left;
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-style: solid;
	border-width: 0px;
	border-color: #e3ebed;
	border-radius:0px;
	overflow-y: scroll;
	line-height: 1.5;
	position: relative;	
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);	
}

.div_sub_content_master_top{
	float: left;
	width: 100%;
	height: 130px;
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-style: solid;
	border-width: 0px;
	border-color: #e3ebed;
	border-radius:0px;
	overflow-y: scroll;
	line-height: 1.5;
	position: relative;	
	background-color: rgba(244,243,243,0);
	/*	box-shadow: 1px 1px 10px 1px #e0e0e4;box-shadow: -1px -1px 5px 1px #eff0f1;*/
}

.div_sub_content_master_mobile{
	float: left;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	border-style: solid;
	border-width: 0px;
	border-color: #e3ebed;
	border-radius:0px;
	overflow-y: hidden;
	line-height: 1.5;
	position: relative;	
	background-color: rgba(244,243,243,0);
	/*	box-shadow: 1px 1px 10px 1px #e0e0e4;box-shadow: -1px -1px 5px 1px #eff0f1;*/
}

.div_sub_content_master_tripple{
	float: left;
	width: 735px;
	height: 830px;
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 0px solid #f0f0f0;
	overflow-y: scroll;
	line-height: 1.5;
	position: relative;
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);	
}
.div_sub_content_editor{
	float: left;
	width: calc(100% - 100px);
	height: calc(100% - 180px);
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-top: 0px;
	border-width: 0px;
	border-radius:0px;
	overflow-y: scroll;
	line-height: 1.5;
	position: relative;	
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);
}
.div_sub_content_library{
	float: left;
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 0px solid #ddd;
	overflow-y: hidden;
	line-height: 1.5;
	background-color: #f3f4f4;
	box-shadow: var(--box-shadow);
}
.div_sub_content_library tr:nth-child(even) {background: #ffffff;}
.div_sub_content_library tr:nth-child(odd) {background: #fafcfc;}
.div_sub_content_add{
	position:relative;
	float: right;
	width: 24px;
	text-align: center;
	color: var(--gray2);
	font-size: 17px;
	font-family: dmsans_sb;
	line-height: 20px;
	height: 24px;	
	max-width: 24px;
	max-height: 24px;
	border-radius: 24px;	
	background-color: #eaeaea;
	box-shadow: var(--tag-shadow);
	margin-right: 10px;
}

.div_sub_content_minitag{
	position:relative;
	float: right;
	width: 18px;
	text-align: center;
	color: var(--gray2);
	font-size: 13px;
	font-family: dmsans_re;
	line-height: 16px;
	height: 18px;	
	max-width: 18px;
	max-height: 18px;
	border-radius: 18px;	
	background-color: #eaeaea;
	box-shadow: var(--minitag-shadow);
	margin-right: 10px;
}

.kardex_vital_tab table{
	width: 100%;
	border: 1px solid #555;
	color: #222;
	padding: 2px;
}
.kardex_vital_tab tr:nth-child(even) {background: #ffffff;}
.kardex_vital_tab tr:nth-child(odd) {background: #fafcfc;}

.div_sub_table_list{
	float: left;
	width: 45%;
	min-width: 300px;
	height: calc(100% - 268px);
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #999;
	overflow-y: scroll;
	line-height: 1.8;
	font-size: 13px;
}
.div_sub_table_list td{
	font-size: 13px;
}
.div_editor{
	float: left;
	width: 80%;
}
.texteditor{
	height: 500px;
}
.div_preview{
	float: left;
	width: 30%;
	margin-top: 10px;
	margin-right: 40px;
	height: 500px;
	border: 1px solid #999;
	overflow-y: scroll;	
}
.div_control{
	float: left;
	width: 20%;
	margin-top: 10px;
	height: 480px;
	padding: 10px;	
	border: 1px solid #999;	
}
.div_group_header{
	width: 92px;
	font-family: dmsans_re;
	font-size: 10px;
	color: #555;
	background: #dfc226;
	border-radius: 5px;
	padding: 6px 10px 7px 10px;
}
.div_group_header_inactive{
	width: 92px;
	font-family: dmsans_re;
	font-size: 10px;
	color: #555;
	background: #ccc;
	border-radius: 2px;
	border: 1px solid #bbb;	
	padding: 7px 10px 6px 10px;
}
.div_group_header_active{
	width: 92px;
	font-family: dmsans_re;
	font-size: 10px;
	color: #555;
	background: #f0e195;
	border-radius: 5px;
	border: 1px solid #dfc226;		
	padding: 7px 10px 6px 10px;
}
.div_group_header_nonactive{
	width: 92px;
	font-family: dmsans_re;
	font-size: 10px;
	color: #555;
	background: #f6eec2; /*e9d569;*/
	border-radius: 5px;
	border: 1px solid #f3e8ac;		
	padding: 7px 10px 6px 10px;
}

.div_sub_content_editor tr:nth-child(even) {background: #e3ebed00;}
.div_sub_content_editor tr:nth-child(odd) {background: #fafcfc00;}
.div_sub_content_editor td {padding: 4px;}
.div_sub_content_editor th {
	font-family: dmsans_re; 
	text-align: left; 
	padding-top: 7px;
	padding-bottom: 7px;
	font-size:10px;
	text-transform:uppercase;
}
/*** END Core ***/


.header_title_div{
	float: center;
	text-align: left;	
	padding-top:18px;
	padding-left: 13%;
	width: 70%;
	font-family: dmsans_re;
	font-weight: normal;
	text-align:center;
	font-size: 17px;
	font-weight: 500;		
}
.header_title_div a:hover{
	background: none;
}

.header_right_div{
	position: fixed;
	right: 15px;
	top: 36px;
	font-family:dmsans_re;
}
.header_left_div{
	position: fixed;
	left: 15px;
	top: 34px;
}
.header_left_div_logo{
	position: fixed;
	left: 15px;
	top: 31px;
}
.header_right_img{
	float: right;
	height: 15px;	
	padding: 0px;
}
.header_left_img{
	float: left;
	height: 15px;
	padding: 0;
}
.header_left_img_logo{
	float: left;
	height: 20px;
	padding: 0;
}
.header_left_img_arrow{
	float: left;
	height: 16px;
	padding-top: 5px;
	padding-left: 10px;
}
.header_img_logo{
	float: left;
	height: 20px;
	padding: 0;
}
.header_home_img{
	width:17px;
	vertical-align: center;
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}
.menu_div{
	position: absolute;
	width: 80%;
	height: 100%;
	top: 0px;
	right: 0%;
	background: rgba(39,59,81,255);
	border-left: 1px solid #33475e;
	color: #e5eaee;
	padding: 0px;
	opacity: 1;
	z-index:901;
	overflow-y: scroll;
}
.menu_div a{
	color: #eeeeee;
}
.menu_div li{
	height: 20px;
	margin: none;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-bottom: 1px solid #33475e;
	-webkit-padding-start: 20px;	
	list-style-type: none;	
	font-family: dmsans_re;
}
.menu_div li:hover{
	background-color: #394f68;
}
.menu_div ul{
	list-style-type: none;
	padding-left: none;
	-webkit-padding-start: 10px;
	margin: none;
}
.menu_top{
	line-height: 20px;
	padding-bottom: 3px;
	padding-top: 20px;
}
.menuLink{
	border-radius: 43px 0% 0% 43px;
	width: 100%;
	border: 1px solid #b7bbc1;
	padding: 15px 5px 5px 20px;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 20px;
	text-align: left;
background: -moz-linear-gradient(-45deg, rgba(125,185,232,0) 0%, rgba(229,234,238,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(125,185,232,0) 0%,rgba(229,234,238,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(125,185,232,0) 0%,rgba(229,234,238,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}
.menu_top_img{
	width:19px;
	float:left;
	vertical-align: text-bottom;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 5px;
}
.menu_img{
	width:19px;
	float:none;
	vertical-align: text-bottom;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 5px;
}

.FlagTitle{
	width: 100%;
	height: 40px;
	padding: 15px;
	padding-left: 55px;
	background: url(../img/flag.png) no-repeat left;
}
.MilkGlass{
	position: absolute;
	background-color: #ffffff;
	opacity: 0.5;
	width: 96%;
	height: 100%;
	top: 78px;
	left: 2%;
	overflow-y: scroll;
}
.MilkShadow{
	position: absolute;
	background-color: #ffffff;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	background: -moz-linear-gradient(-45deg, rgba(125,185,232,0) 0%, rgba(229,234,238,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 70%,rgba(229,234,238,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(229,234,238,1) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */		
	z-index: 500;		
}

.div_sub_content_cockpit_img {
	float: left;
	width:25px;
	padding-right: 20px;
	padding-left:20px;
	padding-top:17px;
}

.div_sub_content_cockpit_big {
	float: left;
	width: 470px;
	height: 600px;
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #f0f0f0;
	overflow-y: hidden;
	line-height: 1.5;
	position: relative;	
	background-color: #ffffff;
}

.div_sub_content_cockpit_small {
	float: left;
	width: 310px;
	height: 200px;
	padding: 15px;
	padding-left: 20px;
	padding-top: 50px;
	margin-right: 30px;
	margin-bottom: 30px;
	border-width: 0px;
	border-radius:0px;
	overflow-y: scroll;
	line-height: 1.5;
	position: relative;
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);
}

.div_sub_content_cockpit_small li{
	padding-left: 0px;
	list-style-position: inside;
}

.div_sub_content_scroller {
	overflow-y: scroll;
	height: 100%;
	font-family: dmsans_re;
}

/*** BEGIN Hospital ***/
.div_sub_content_hospital_large {
	float: left;
	width: 570px;
	height: 400px;
	max-height: 400px;
	padding: 10px;
	padding-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 0px;
	overflow-y: hidden;
	line-height: 1.5;
	position: relative;	
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);
}
.div_sub_content_hospital_small {
	float: left;
	width: 370px;
	height: 400px;
	max-height: 400px;
	padding: 10px;
	padding-left: 25px;
	padding-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 0px;
	overflow-y: hidden;
	line-height: 1.5;
	position: relative;	
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);
}

.div_sub_content_hospital_graphics {
	float: left;
	width: calc(100% - 270px);
	height: 700px;
	padding: 10px;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 0px;
	overflow-y: hidden;
	line-height: 1.5;
	position: relative;	
	background-color: var(--box-background);
	box-shadow: var(--box-shadow);
}

/*** END Hospital ***/


/*** BEGIN Venus ***/
.body_venus_mobile{
	background-color: #F1F1F1;
	color: #585858;
	background-size: 100%; 
	font-size: 12px;
	padding: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	/*background-repeat: no-repeat;	
	background-image: url(../img/bg3.jpg);	*/	
}

.body_venus_mobile_full{
	background-color: #F1F1F1;
	color: #585858;
	background-size: 100%; 
	font-size: 12px;
	padding: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	/*background-repeat: no-repeat;	
	background-image: url(../img/bg3.jpg);	*/	
}

.skeuomorph{
    filter: drop-shadow(-2px -2px 5px #ffffff) drop-shadow(2px 2px 5px #A3A3A4);
	filter: inner-shadow(-3px -3px 5px #ffffff) inner-shadow(3px 3px 5px #C9D9E6);
}

.circle{
	fill: inner-shadow(-3px -3px 5px #ffffff) inner-shadow(3px 3px 5px #C9D9E6);
}

.div_personal_message{
	width: calc(100% - 80px);
	margin-left: 40px;
	text-align: center;
	font-family: dmsans_re;
	font-size: 18px;
	margin-top: 50px;
	background-color:  #f3f4f4;
	border: 1px solid #DCDCDC;
	border-radius: 20px;
	filter: drop-shadow(-2px -2px 5px #ffffff) drop-shadow(2px 2px 5px #A3A3A4);
}

.div_quote_venus{
	width: calc(100% - 80px);
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
	font-family: dmsans_re;
	font-size: 12px;
	margin-top: 50px;
}

.div_quote_source_venus{
	width: calc(100% - 20px);
	padding-right: 20px;
	text-align: center;
	font-family: dmsans_re;
	font-size: 9px;
	margin-top: 0px;
}

.div_menu_bottom_venus {
	position: absolute;
	height: 110px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background-color: #f3f4f400;
	z-index: 999;
}

.div_menu_bottom_venus_1 {
	position: absolute;
	left: calc(15% - 30px);
	width: 30px;
	height: 30px;	
	bottom: 30px;
	padding: 15px;
	bottom: 30px;	
	background-color:  #ECF0F3;
	border: 1px solid #f2e1ec;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}

.div_menu_bottom_venus_2 {
	position: absolute;
	left: calc(38% - 30px);
	width: 30px;
	height: 30px;	
	bottom: 30px;
	padding: 15px;	
	bottom: 30px;
	background-color:  #f3f4f4;
	border: 1px solid #f2e1ec;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);	
    background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;	
}

.div_menu_bottom_venus_3 {
	position: absolute;
	left: calc(62% - 30px);
	width: 30px;
	height: 30px;	
	bottom: 30px;
	padding: 15px;		
	background-color:  #f3f4f4;
	border: 1px solid #f2e1ec;
	border-radius: 20px;	
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);	
	/*filter: drop-shadow(-2px -2px 5px #ffffff) drop-shadow(2px 2px 5px #A3A3A4);*/
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}

.div_menu_bottom_venus_4 {
	position: absolute;
	left: calc(85% - 30px);
	width: 30px;
	height: 30px;	
	bottom: 30px;
	padding: 15px;
	background-color:  #f3f4f4;
	border: 1px solid #f2e1ec;
	border-radius: 20px;	
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);		
	/*filter: drop-shadow(-2px -2px 5px #ffffff) drop-shadow(2px 2px 5px #A3A3A4);/*7f7f80  C9D9E6*/
    background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);	
	background-blend-mode: screen;	
	/*background: linear-gradient(-45deg, rgba(0,0,0,0.22), rgba(255,255,255,0.25));*/
}

.div_menu_add_venus_1 {
	position: absolute;
	left: calc(5% - 0px);
	width: 30px;
	height: 30px;	
	bottom: 30px;
	padding: 10px;	
	background-color:  #ECF0F3;
	border: 1px solid #f2e1ec;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}
.div_menu_add_venus_2 {
	position: absolute;
	left: calc(25% - 0px);
	width: 25px;
	height: 25px;
	padding: 10px;
	bottom: 30px;	
	background-color:  #ECF0F3;
	border: 1px solid #f2e1ec;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}
.div_menu_add_venus_3 {
	position: absolute;
	left: calc(45% - 0px);
	width: 25px;
	height: 25px;
	padding: 10px;
	bottom: 30px;	
	background-color:  #ECF0F3;
	border: 1px solid #f2e1ec;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}
.div_menu_add_venus_4 {
	position: absolute;
	left: calc(65% - 0px);
	width: 25px;
	height: 25px;
	padding: 10px;
	bottom: 30px;	
	background-color:  #ECF0F3;
	border: 1px solid #f2e1ec;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}
.div_menu_add_venus_5 {
	position: absolute;
	left: calc(85% - 0px);
	width: 25px;
	height: 25px;
	padding: 10px;
	bottom: 30px;	
	background-color:  #ECF0F3;
	border: 1px solid #f2e1ec;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}

.div_control_add_venus {
	position: absolute;
	top: calc(30% + 15px);
	left: calc(50% - 15px);
	width: 30px;
}

.div_control_lock_venus {
	position: absolute;
	top: 4%;
	right: 4%;
	width: 30px;
}

.venus_day_text{
	font-size: 20px;
	font-family:dmsans_b;
	fill:#666;
	width: 5px;
}

.div_venus_chat {
	position: relative;
	left: 30px;
	top: 30px;
	width: calc(100% - 90px);
	height: calc(100% - 190px);	
	padding: 15px;	
	padding-left: 20px;
	font-size: 15px;
	background-color:  #f5f3f4;
	border: 0.5px solid #e3e4e7;
	border-radius: 2px;
	filter: drop-shadow(-4px -4px 7px #f5f5f5) drop-shadow(3px 3px 5px #e3e4e7);
	/*ECF0F3  e5c8db ffffff
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;*/
}
.div_venus_chat h2{
	font-size: 18px;
	line-height: 1.5em;
}

.div_venus_settings {
	position: relative;
	left: 30px;
	top: 30px;
	width: calc(100% - 90px);
	height: calc(100% - 190px);	
	padding: 15px;	
	font-size: 15px;
	background-color:  #f5f3f4;
	border: 0.5px solid #e3e4e7;
	border-radius: 2px;
	filter: drop-shadow(-4px -4px 7px #f5f5f5) drop-shadow(3px 3px 5px #e3e4e7);
	/*background-color:  #ECF0F3;
	border: 1px solid #E1E9F1;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;*/
}

.div_venus_settings td{
	font-size: 15px;
	height: 35px;
}
.div_venus_legal {
	position: relative;
	left: 30px;
	top: 30px;
	width: calc(100% - 90px);
	height: calc(100% - 90px);	
	overflow-y: scroll;
	padding: 15px;	
	background-color:  #ECF0F3;
	border: 1px solid #E1E9F1;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}

.div_venus_legal h2{
	font-size: 17px;	
}

.div_venus_settings h2{
	font-size: 17px;
	text-transform: uppercase;
	text-decoration-color: white;
	color: #28434f;
}

.div_venus_settings input{
	height: 35px;
	margin-bottom: 15px;
}

.div_venus_settings table{
	margin-top: 15px;
}

.div_legal_x {
	position: fixed;
	right: 30px;
	top: 30px;
	width: 13px;
	height: 20px;	
	padding-left: 6px;
	line-height: 18px;
	background-color:  #ECF0F3;
	border: 1px solid #E1E9F1;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
	color: #606060;
	font-size: 18px;
	font-family: dmsans_b;
}

.div_venus_ticker {
	position: absolute;
	left: 30px;
	bottom: 130px;
	width: calc(100% - 90px);
	height: 15px;	
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	padding: 15px;	
	background-color:  #ECF0F3;
	border: 1px solid #E1E9F1;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
}

.div_venus_ticker_text {
	width: contain;
    height: inherit;
    position: absolute;
    left: 0%;
    top: 12px;
	font-size: 15px;
}

.primary {
  animation: primary 10s linear infinite;
}

.secondary {
  animation: secondary 10s linear infinite;
}

@keyframes primary {
  from {
    left: 0%;
  }
  to {
    left: -200%;
  }
}

@keyframes secondary {
  from {
    left: 200%;
  }
  to {
    left: 0%;
  }
}

.div_control_lock_venus_div{
	position: absolute;
	left: 30px;
	top: 130px;
	width: calc(100% - 120px);
	height: 200px;	
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 25px;	
	background-color:  #ffffff;
	border: 1px solid #E1E9F1;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
	z-index: 999;
	font-size: 15px;
	/*visibility: hidden;ECF0F3*/
}

.div_control_add_venus_div{
	position: absolute;
	left: 30px;
	top: 60%;
	width: calc(100% - 110px);
	height: 110px;	
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	padding: 25px;	
	background-color:  #ffffff;
	border: 1px solid #E1E9F1;
	border-radius: 20px;
	filter: drop-shadow(-3px -3px 5px #ffffff) drop-shadow(3px 3px 5px #e5c8db);
	background: linear-gradient(to right, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%),linear-gradient(to bottom, rgba(228,228,228,0.8) 0%,rgba(250,250,250,0.5) 10%,rgba(250,250,250,0.5) 90%,rgba(228,228,228,0.8) 100%);
	background-blend-mode: screen;
	z-index: 999;
	/*visibility: hidden;ECF0F3*/
}


.div_graph_venus_circle {
	position: absolute; 
	top: calc(30% - 125px); 
	width: 300px; 
	padding-left: calc(50% - 150px); 
	padding-right: calc(50% - 150px);
}


.div_venus_settings input[type="text"]{
  padding: 3px;
  font-size: 15px;	
  font-family: dmsans_re;
}

.div_control_add_venus_div_day {
	position: absolute;
	top: 5px;
	width: calc(100% - 50px);
	height: 20px;
	font-size: 12px;
	font-family: dmsans_b;
	color: #555;
	text-align: center;
}

/*** END Venus ***/

.distributer_div {
	width: 160px;
	height: 65px;
	border: 1px solid #e1e1e5;
	padding: 20px;
	padding-top: 40px;
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	background-color: #e2e2e2; /*f4f3f3c5;*/
	border-radius: 2px;
	box-shadow: 5px 1px 7px #d8d8df, -5px -1px 7px #f6f6f7; 
}
.distributer_div h1{
	font-size: 20px;
}

.core_menu_div {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	height: 300px;
	z-index: 990;
}




  :root{
    /* base sizing */
    --size: 180px;                 /* hex width */
    --ratio: 0.8660254;            /* width/height for pointy-top (1 / 1.1547) */
    --touch-lift: 0.288675;        /* 25% of hex height = 0.25 / ratio */

    /* colors/shadows */
    --bg: #e9ecef;
    --card: #eef1f4;
    --shadow-dark: 12px 12px 24px #e0e0e4;
    --shadow-light:-12px -12px 24px #eff0f1;
    /* --text: var(--text);*/
  }


  .wrap{ max-width:1100px; margin:48px auto; padding:0 16px; clear:left; }

  /* --- Honeycomb layout --- */
  .comb{
    display:flex; flex-direction:column; align-items:flex-start;
  }
  .row{
    display:flex; gap:100px;               /* no horizontal gap—sides touch */
  }
  .row + .row{
    /* Pull rows upward by 25% of hex height so top/bottom edges touch */
    margin-top: calc(-1 * var(--size) * var(--touch-lift));
  }
  .row:nth-child(even){
    /* Offset every other row by 50% hex width for interlocking */
    margin-left: calc(var(--size) / 2 + 50px);
  }

  /* --- Hex --- */

  .hex-wrap {
  	display: inline-block;
    filter: drop-shadow(3px 3px 5px #e0e0e4)
          drop-shadow(-3px -3px 5px #eff0f1); /* neomorphic dual shadow */
  }
  .hex{
    position:relative;
    width: var(--size);
    aspect-ratio: 1 / var(--ratio);     /* height = width / ratio ≈ 1.1547 * width */
    clip-path: polygon(
  25% 0%,   /* top-left */
  75% 0%,   /* top-right */
  100% 50%, /* right */
  75% 100%, /* bottom-right */
  25% 100%, /* bottom-left */
  0% 50%    /* left   5px 5px 11px #e0e0e4, -5px -5px 11px #eff0f1*/
);
    background: var(--card);
    box-shadow: var(--shadow-dark), var(--shadow-light);
	background-color: #f4f3f3;
    overflow:hidden;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    cursor:pointer;
  }
  .hex:hover{
    transform: translateY(-3px);
    box-shadow: 18px 18px 36px rgba(0,0,0,.16), -18px -18px 36px rgba(255,255,255,.96);
    filter: saturate(1.05);
  }

  /* Content layers */
  .hex__img{ position:absolute; inset:0; background-size:cover; background-position:center; }
  .hex__veil{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 100%); }
  .hex__body{
    position:absolute; inset: 33% 26%;
    display:block; flex-direction:column; justify-content:flex-start; gap:.05rem;
  }
  .kicker{ font-size:.82rem; letter-spacing:.0em; text-transform:uppercase; opacity:1; font-family: ppfragment_sr; color:var(--h1);}
  .title{ margin-top: 2px; font-weight:500; font-family: ppfragment_sr; text-transform:uppercase; font-size: clamp(.82rem,.5rem + .3vw,.82rem); line-height:1.2; color:var(--h1);}
  .meta{ font-size:.72rem; opacity:1; color: var(--text);margin-top: .25rem;}

  /* Responsive control: shrink hex size smoothly */
  @media (max-width: 900px){ :root{ --size: 150px; } }
  @media (max-width: 640px){ :root{ --size: 130px; } }
.gadget_calculator_search {
	clear: left;
	width: 500px;
	padding-left: 150px;
	padding-top: 20px;
}

.gadget_calculator_search_input {
	
}


	:root {

    --field-bg: #eef1f4;
    --accent: var(--h1);
  }

  body {
    margin: 0;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background: var(--bg);
    font-family: "Poppins", system-ui, sans-serif;
  }

  .search-container {
    width: min(90%, 520px);
    background: var(--field-bg);
    border-radius: 50px;
    box-shadow: var(--shadow-dark), var(--shadow-light);
    display: flex;
    align-items: center;
    padding: 0.5rem 1.25rem;
    transition: all 0.25s ease;
  }

  .search-container:focus-within {
    box-shadow:
      inset 4px 4px 8px rgba(0,0,0,0.1),
      inset -4px -4px 8px rgba(255,255,255,0.8),
      0 0 0 3px rgba(0,119,182,0.15);
  }

  input[type="search"] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 1.1rem;
    color: #333;
    padding: 0.75rem 1rem;
  }

  input::placeholder {
    color: #999;
    letter-spacing: 0.5px;
  }

  .search-btn {
    background: var(--field-bg);
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    box-shadow: var(--shadow-dark), var(--shadow-light);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.25s ease;
  }

  .search-btn:hover {
    transform: scale(1.05);
  }

  .search-btn svg {
    width: 20px;
    height: 20px;
    fill: var(--accent);
  }