@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,500,600,700&subset=latin,latin-ext);

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0;
	padding: 0;
	background-color: #f7f7f7 ;
}
body.wide{ background-color: #FFF}
body.dashboard{ background-color: #f7f7f7}

a, a img, input, textarea, .animated {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.animatedFast {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
h2,h3{ margin: 0; margin-bottom: 15px}
td {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

a {
	color: #B7161C;
	text-decoration: none;
}

a:hover {
	color: #333333;
}

a:focus {
	outline-style: none;
	outline-width: 0;
}

a img {
	border: 0px;
	vertical-align: middle;
}

form {
	padding: 0px;
	margin: 0px;
}

UL {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
#add{display:none; position:absolute; background-color:#FFF; z-index:1000; padding:10px; margin-top:30px;
	-moz-box-shadow: 0px 0px 14px #000;
	-webkit-box-shadow: 0px 0px 14px #000;
	box-shadow: 0px 0px 14px #000;
	
	-moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
	border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;
}	
#add INPUT[type="text"]{ width:200px}
#overlay{ display:none; position:fixed; width:100%; height:100%; background-color:rgba(255,255,255,.7); z-index:100; top:0px; left:0px}
#box_email{position:fixed; left:10%; top:10%; background-color:#FFF; padding:0px; width:80%; height:80%; display:none; z-index:200; 
	-moz-box-shadow: 0px 0px 14px #000;
	-webkit-box-shadow: 0px 0px 14px #000;
	box-shadow: 0px 0px 14px #000;
	box-sizing: border-box;
	-moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
	border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;
	}
#box_email A.close{ position:absolute; display:block; padding:10px 15px; right:-15px; top:-15px; font-size:15px; font-weight:bold; color:#FFF; background-color:#333;  font-family:"Arial Black", Gadget, sans-serif;
				-moz-border-radius:  				20px 20px 20px 20px /*{global-radii-buttons}*/;
			   -webkit-border-radius: 				20px 20px 20px 20px /*{global-radii-buttons}*/;
			   border-radius: 						20px 20px 20px 20px /*{global-radii-buttons}*/;
}

LABEL.block {
	display: block;
	font-weight: 600;
	margin-top: 5px;
	font-size: 13px;
}


LABEL.block.radio{ position: relative; padding-left: 25px; box-sizing: border-box}
LABEL.block.radio input{ position:  absolute; left: 0px; top:0px}
LABEL.block.info{ position: relative; padding-right: 15px; box-sizing: border-box}
LABEL.block.info .info_tooltip{ position: absolute; right: 0; top: 0}


.list_indicators LABEL{ width:120px; display: inline-block; margin-right: 10px; vertical-align: top}
.border_box{border: 1px solid #ddd;
background-color: #fdfdfd;
padding: 10px;
border-radius: 3px; min-height: 150px; min-width: 420px}
.border_box span{ color:#1e73be; display: block; font-weight: normal}
.border_box_td span{ color:#1e73be; display: block; font-weight: normal}
.label_block LABEL{ display:block}
.on {
	display: block;
}

.head{
    margin: 0px -20px;
    margin-bottom: 0px;
    margin-bottom: 15px;
    padding: 10px 20px 7px 20px;
    font-size: 22px;
    border-bottom: 1px solid #DDD;
	overflow: hidden;
}
.head svg{ vertical-align: middle}

.off {
	display: none;
}

.expand {
	text-indent: -9999px;
	width: 9px;
	height: 100%;
}

.expand_minus {
	background: transparent url("images/minus.gif") no-repeat 0 50%;
}

.expand_plus {
	background: transparent url("images/plus.gif") no-repeat 0 50%;
}

.handler{ cursor: pointer; position: relative; display: flex; margin-bottom: 15px}
.handler::after{ content: ''; background: url('/images/icon-control-down.svg') 50% no-repeat; margin-top:7px; margin-left: 5px;  width: 14px; height: 10px}
.expandable{ display: none}
.expandable.on{ display: block}

.add_new {
	background: transparent url("images/new16.png") no-repeat 0 50%;
	width: 24px;
	height: 100%;
	text-indent: -9999px;
}

.formcontrols {
	margin: 10px 0px 10px 0px;
}

.formcontrols a {
	background-color: #DFDFDF;
	border: 1px solid #999;
	padding: 2px 10px;
	margin-right: 3px;
	color: #069;
	float: left;
	display: block;
	font-weight: bolder;
}

.formcontrols a:hover {
	background-color: #069;
	color: #fff;
}

h1 {
	margin: 0px 0px 10px 0px;
	font-size: 32px;
	padding: 0px;
	font-weight: 300;
	line-height:34px;
}

h4 {
	font-size: 16px;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

input,select, textarea {
	box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;

    padding:5px 7px;
    outline: none;
	font-size:13px;	
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	max-width: 100%;
}
input:focus,select:focus, textarea:focus{
    border: 1px solid #0C0;
}


input.title {
	font-size: 14px;
}

input.input {
	width: 99%;
}

.capess label{ display: block}

B.ob{background-repeat: no-repeat;
	background-position: center center;
	background-color: #ffc107;
	color: #FFF;
	border-radius: 15px;
	display: inline-table;
	width: 25px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}
	
B.md{background-repeat: no-repeat;
	background-position: center center;
	background-color: #fe0000;
	color: #FFF;
	border-radius: 15px;
	display: inline-table;
	width: 25px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}
	
B.sim{background-repeat: no-repeat;
	background-position: center center;
	background-color: #00ad00;
	color: #FFF;
	border-radius: 15px;
	display: inline-table;
	width: 25px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}

B.re{background-repeat: no-repeat;
	background-position: center center;
	background-color: #6E0000;
	color: #FFF;
	border-radius: 15px;
	display: inline-table;
	width: 25px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}
B.leg{background-repeat: no-repeat;
	background-position: center center;
	background-color:blueviolet;
	color: #FFF;
	border-radius: 15px;
	display: inline-table;
	width: 25px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}
B.dez{background-repeat: no-repeat;
	background-position: center center;
	background-color:#00ffff;
	color: #000;
	border-radius: 15px;
	display: inline-table;
	width: 25px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}
B.pv{background-repeat: no-repeat;
	background-position: center center;
	background-color:#00ad00;
	color: #000;
	border-radius: 15px;
	display: inline-table;
	width: 25px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}
.doc{background-repeat: no-repeat;
	background-position: center center;
	background-color:yellow ;
	color: #000;
	border-radius: 15px;
	display: inline-table;
	width: 40px;
	height: 22px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px; cursor: pointer}


.b1 td:hover .validare{ display:block; }
textarea {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%;
	box-sizing:border-box;
	min-width: 200px;
}

.sigla {
	font-size: 13px;
	color: #000;
	font-weight: 700;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	text-align: center;
	padding: 10px; padding-bottom: 0px;
	background-color: #FFF
}

.sigla A {
	color: #1e73be;
}

.burger{ float: right; padding: 10px; cursor: pointer; padding-top: 6px; display: none}
.burger .bar1, .burger .bar2, .burger .bar3 {
	width: 25px;
	height: 4px;
	background-color: #000;
	margin: 3px auto;
	margin-right: 0px;
	transition: 0.4s;
}
.sigla.active .bar1 {  -webkit-transform: rotate(-45deg) translate(-9px, 6px);  transform: rotate(-45deg) translate(-6px, 5px);}
.sigla.active .bar2 {opacity: 0;}
.sigla.active .bar3 {  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-5px, -4px);}

.logout {
	float:right;
	font-size: 13px;
	top: 14px;
	line-height: normal;
}

.anmcs { height: 70px}

.projectTitle {
	float: left;
	width: 310px;
	font-size:16px;
	color:#000;
	font-weight: bold;
	text-align: left;
}

.hospital_name{ font-size:22px; padding: 10px 20px; border-bottom: 1px solid #CCC; margin-bottom: 0;background-color: #fafafa;}
.content {
	max-width:1200px;
	margin: 0 auto;
	padding: 30px;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, .4)
	
}
.wide .content{ max-width:100%; margin: 0px; padding:0px 20px; box-shadow:none }
body.dashboard .content{ padding:20px; background-color: transparent}
body.map .content{ margin:0px; padding: 0px}
body.map .content{ margin:0px; padding: 0px}


/*
.content {
	min-height: calc(100vh - 180px);
}
*/

.content ul { 
	list-style-type: disc !important; 
	list-style-position: inside !important; 
}
.content li {
	margin: 10px 0 0px 0;
}
.content ol[type="A"] {
	padding: 0 0 0 40px;
	list-style-type: upper-alpha !important; 
	list-style-position: outside !important; 
}
.content ol[type="A"]{ font-size: 21px; font-weight: bold}
.content ol[type="A"] LI{ font-size: 14px; font-weight: normal}
.content ul ul, .content ol ul { 
	list-style-type: circle !important; 
	list-style-position: inside !important; 
	margin-left: 15px !important; 
}
.content ol ol, .content ul ol {  
	list-style-position: inside !important; 
	margin-left: 0px !important;
	padding-left:0px;
}

.documentList li {
	margin: 0;
	padding: 5px 0px;
	border-bottom: dotted 1px #8C9BC0;
}
.documentList li LI:last-child{ border:0px}

.documentList .name{ display:inline-block; width:500px; vertical-align:top}
LI .btn{float:right; margin-left:10px}
LI .progress{ width:100px; float:right}
LI .see_doc{ float:right; width:200px}
LI .see_doc div{ font-size:11px}

.upload{ width:400px}
.upload .btn{float:right; margin-left:10px}
.upload .progress{ width:100px; float:right}
.upload .see_doc{ float:right; width:200px}
.upload .see_doc div{ font-size:11px}

OL{ margin: 0; margin-bottom: 15px}
OL.documentList{ padding-left:0px}
OL.nestedDocumentList  { counter-reset: item }
OL.nestedDocumentList LI { display: table; width:100% }
OL.nestedDocumentList LI:before { content: counters(item, ".") " "; counter-increment: item; display:table-cell; padding-right:5px; vertical-align:top; width: 25px }

.flex_doc{ display: flex; flex-wrap: wrap; font-size: 12px; align-items: center; min-width: 220px}
LI .flex_doc{ float:right; justify-content: flex-end}
.flex_doc svg{ width: 20px; margin-right: 10px; fill:#555; display: none}
.flex_doc .action{ margin-right: 10px; display: none}

.flex_doc.edit svg{ display: block}
.flex_doc.edit .action{ display: block; width: 180px}

.flex_doc .action > *{ visibility: hidden}
.flex_doc.edit .action > *{ visibility:visible}

.flex_doc .doc-name{ word-break: break-all}
.flex_doc .btn-date{ margin-right: 10px}
.flex_doc .btn-load{ width: 180px; flex:0 0 auto }
.flex_doc .status{ font-weight: 600}

.ambulator_child {border: 1px solid #ccc; padding: 15px; margin-bottom: 20px; overflow: hidden}
.ambulator_child .flex_doc{ flex-wrap: wrap; justify-content: flex-start; float: none }
.ambulator_child .btn{ margin-left: 0px; float: none}

.hr {
	height: 1px;
	margin: 25px 0 20px;
	border-bottom: solid 1px #ccc;
}
.date{ background-color:aquamarine; padding:0 5px; margin: 0 10px}
.none {
	padding: 0px;
	background-color: transparent;
	border: 0px;
}

.arrows {
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}

.main {
	background-color: #CCCCCC;
	width: 100%;
}

.main td {
	background-color: #FFFFFF;
}

td.header1 {
	background-color: #F0F0F0;
	font-weight: 700;
}

.paste {
	-moz-border-radius: 1em /*{global-radii-buttons}*/;
	-webkit-border-radius: 1em /*{global-radii-buttons}*/;
	border-radius: 1em /*{global-radii-buttons}*/;
	background-color: #ffe45c;
	border: 1px solid #CCC;
	display: block;
	margin: 10px 0px;
	padding: 5px;
	color: #000;
}
/*------------------MENU--------------------*/
.menu { background-color: #0073b5; margin: 0px -10px; text-align: left}

.menu LI {
	display: inline-block;
	height: 37px;
	line-height: 37px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
.menu LI:hover { background-color: #8C9BC0}
.menu Li.documents{ background-color: #FFF1F2;}
.menu Li.documents A{  color: #000}
.menu LI.activ {
	background-color: #FFF;
	background-image: none;
}

.menu LI a {
	display: block;
}

.menu LI a {
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
}

.menu LI:hover UL {
	display: block;
}

.menu UL {
	background-color: #FFF;
	border-top: 1px solid #FFF;
	display: none;
	position: absolute;
	left: 0px;
	top: 30px;
	z-index: 10;
	min-width:200px;
}

.menu UL LI {
	white-space: nowrap;
	background-image: none;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	height: 30px;
	float: none;
	border-bottom:1px solid #FFF
}

.menu UL LI A {
	padding: 0px 10px;
	color:#FFF !important;
}

.menu UL LI A:hover {
	background-color: #A4C9DC;
	color: #000;
}

.menu li.activ a {
	color: rgb(24, 56, 131);
}

/*   ---------------pictures sortable--------------------         */
UL#sortable {
}

UL#sortable LI {
	float: left;
	width: 200px;
	margin-right: 10px;
	background-color: #EEE;
	border: 1px solid #CCC;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px;
}

UL#sortable LI .img {
	width: 200px;
	height: 120px;
	overflow: hidden;
}

UL#sortable LI IMG {
	cursor: move;
}

UL#sortable LI .name {
	text-align: left;
	background-color: #FFC;
}

UL#sortable LI .text {
	text-align: left;
	background-color: #CF9;
}

UL#sortable LI.ui-state-highlight {
	height: 150px;
	background-color: #FF9;
}
/*   ---------------wigets sortable--------------------         */
UL.wiget_sortable {
}

UL.wiget_sortable H2 {
	cursor: move;
}

UL.wiget_sortable LI.ui-state-highlight {
	height: 22px;
	background-color: #FF9;
}

#header_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right; clear: right
}

#header_menu li {
	float: left;
}

#header_menu a:link, #header_menu a:active, #header_menu a:visited {
	text-transform:uppercase;
	text-decoration: none;
	font-weight: 600;
	color: #000;
	display: inline-block;
	padding: 0px 10px;
    font-family: 'Open Sans', sans-serif; 
	text-align: center;
	font-size: 12px;
	display: block; line-height: normal
}
#header_menu A I{ font-size:14px;  display: block; margin-bottom: 4px}
#header_menu a:hover {
	color: #999;
}
#header_menu LI{ list-style-type:none !important; margin: 0px}


.alert {
	padding: 10px 15px;
	margin-bottom: 17px;
	border: 1px solid transparent;
	border-radius: 3px;
}

.alert-warning {
	background-color: #FFEFA4;
	border-color: #FFEFA4;
	color: #574802;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.button_red {
	cursor: pointer;
	background-color: #CD0000;
	color: #FFF;
	padding: 10px 30px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	border: 0px;
}
.button_red:hover {
	padding: 10px 40px;
	background-color: #183883;
}
.button_center {
	display: block;
	margin: 0 auto;
}

.download {
	/*background-color: #CD0000;*/
	text-decoration: underline;
	font-weight: 700;
	color: #183883;
}
.download:hover {
	color: #CD0000;
}
.answer {
	/*background-color: #CD0000;*/
	text-decoration: underline;
	font-weight: 700;
	color:#093;
	float:right
}
.answer:hover {
	color: #183883;
}

.note {
	border-left:3px solid #CD0000;
	padding:10px 15px;
	margin:10px 0px
}
.label {
	display: inline;
	padding: 0.2em 0.6em 0.3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25em;
}
.progress {
    height: 20px;
    overflow: hidden;
    background-color: #F5F5F5;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
	display:none;
	margin-left:10px;
}
.progress-bar {
    float: left;
    width: 0px;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    background-color: #428BCA;
    box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset;
    transition: width 0.6s ease 0s;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
	color: #FFF !important;
    background-color: #3071A9;
	border:0;
	font-size: 12px;
	font-weight: 700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	text-transform: uppercase;
	cursor: pointer;
	box-sizing: border-box;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.btn:hover{ background-color:#3b8ace; color:#FFF}

.btn.small { padding:3px 7px; font-size:11px}
.btn.large { padding:10px 20px; font-size:16px}

.btn.green{ background-color:#060}
.btn.green:hover{ background-color:#00ad00}
.btn.green SPAN{ font-size:13px;}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}
.btn-grey {
    color: #FFF;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-grey:hover {
    color: #000;
    background-color: #CCC;
    border-color: #CCC;
}
.btn.block {
	display: block;
	width: 100%;
}

.prioritate{ 
	display: inline-block;
	width: 35px;
	color: #FFF;
    background-color: #3071A9;
	border:0px;
	padding:3px 7px; font-size:11px;
	font-weight: 700;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-transform: uppercase;
	text-align: center;
}
.prioritate.v0{ display: none}
.prioritate.v1 { background-color: #dc3545;    border-color: #dc3545;}
.prioritate.v2 {}
.prioritate.v3 {background-color: #ffc107;border-color: #ffc107;}
.final.fa-check{ border:1px solid #CCC; border-radius: 300px; padding: 7px; color:#666; font-size: 14px}
.final.fa-check:hover, .final.done.fa-check{ background-color: #6bf761; color: #42973b; border: 1px solid #42973b}

.switch { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600;}
.slider { position: relative; width: 60px;  height: 34px; display: inline-block; vertical-align: middle; cursor: pointer;  background-color: #ccc;  -webkit-transition: .4s;  transition: .4s; border-radius: 34px; }
.slider:before { position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s; border-radius: 50%; -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}
.switch.closed .slider{ background-color: #6edc5f}
.switch.closed .slider:before { -webkit-transform: translateX(0px);  -ms-transform: translateX(0px);  transform: translateX(0px);}

.stats{ overflow:hidden; margin: 0px -15px; margin-bottom: 30px }
.stats .item{ width:25%; box-sizing:border-box; float:left; padding:0px 15px;}
.stats .item .int{ background-color:#4fc3f7; padding: 15px 20px; color:#FFF; border-radius: 5px; position:relative; overflow:hidden}
.stats .item .int.cls2{ background-color:#33db9e}
.stats .item .int.cls3{ background-color:#f0466b}
.stats .item .int.cls4{ background-color:#ff8a65}
.stats .item .int::before {
    width: 130px;
    height: 130px;
    bottom: -50px;
}
.stats .item .int::after {
    width: 85px;
    height: 85px;
    bottom: 50px;
}
.stats .item .int::before, .stats .item .int::after {
    content: "";
    position: absolute;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
    right: -50px;
}

.stats .item .item-value{ font-size:24px}
.stats .item .item-title{ font-size:26px; font-weight:bold}
.stats .item:last-child{ border:0px}

/*------------------Portlet--------------------*/
.portlet-row{ display: flex; flex-wrap: wrap; margin: 0px -15px; margin-bottom: 30px }
.portlet-col{padding:0px 15px; flex: 0 0 auto; float: left; box-sizing: border-box}
.portlet{   background-color: #FFF;    box-shadow: 0px 0px 8px rgba(0, 0, 0, .4); }
.portlet-head{ padding: 20px 20px; font-size: 22px; position: relative; box-sizing: border-box}
.portlet-head-settings{ position:absolute; top: 20px; right: 20px}
.portlet-body{ padding: 20px 20px; padding-top: 10px}

/*------------------google-visualization-tooltip--------------------*/
div.google-visualization-tooltip SPAN{ padding:10px; box-sizing: border-box; display: block; font-size: 16px}
div.google-visualization-tooltip SPAN B{ display:block; font-weight: 600;}
div.google-visualization-tooltip SPAN B.b1{ color:#4285f4}
div.google-visualization-tooltip SPAN B.b2{ color:#db4437}
div.google-visualization-tooltip SPAN B STRONG{ color:#757575; font-weight: 600; font-size: 13px}

/*------------------BELOGN TO--------------------*/
.belongTo{ white-space:nowrap; }
	.belongTo input{ }
	.belongTo IMG{ vertical-align:top}

/*------------------DIV OVER traker--------------------*/
#divTrakes{background-color:#FFF; overflow:auto; position:absolute; top:5%; left:20%; width:600px; height:400px; border:1px solid #CCC; display:none; z-index:100}
	#divTrakes .top{  background-color:#92B9CA; height:30px; padding-left:10px; padding-right:10px; padding-top:3px }
	#divTrakes .body{ padding:10px}
	#divTrakes .bottom { background-color:#f2f2f2; border-top:1px solid #CCC; height:30px; padding-left:10px; padding-right:10px; padding-top:3px }

/*------------------TABLE--------------------*/
.admin_content{ width:100%; background-color:#FFF}
.admin_content H2, .admin_content H3{ margin:0px; padding:0px}
.admin_content TD{ border-bottom:1px solid #DFDFDF; padding:7px 3px; vertical-align: top}
/*.admin_content TD{ padding-bottom:10px}*/
.admin_content .separator TD{ border-top:1px solid #000; border-bottom:0px}
.info{ font-style:italic; color:#666}
.admin_content TD.tdon{ font-size: 16px; cursor: pointer; text-align: center}

.admin_content .BL{text-align:center; border-left:1px solid #ccc;}
.admin_content .BR{text-align:center; border-right:1px solid #ccc;}
.admin_content .NW{white-space:nowrap}
.admin_content .NW select{ padding:1px}

.edit TD{ border-bottom:0px}
.edit .input-field-val{
	 box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:5px 7px;
    outline: none;
	font-size:13px; background-color: #EEE; width: 400px; display: block
}
.admin_content thead{ background-color:#DDD; }
	.admin_content thead td{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; vertical-align:middle; padding-top:4px; padding-bottom:4px; background-color:#DDD; z-index: 1}
		.admin_content thead td A{ color:#000}
		.admin_content thead td SPAN{ font-weight:bold; color:#fff; font-size:18px; line-height:12px}
		
		.admin_content thead td .belongTo{ width:70px}
			.admin_content thead td .belongTo input{ width:50px}
		
	.admin_content td.first{ padding-left: 6px}
	.admin_content td.last{ padding-right: 6px}

.admin_content .subhead{ background-color:#C9E2FC; vertical-align:top;}
	.admin_content .subhead STRONG{ width:100px; float:left; text-align:left; padding-right:5px}
	.admin_content .subhead TD{ border-bottom: 1px solid #000;}
	
.admin_content .submenu{ background-image:url(images/submenu_bg.png); background-repeat:repeat-x; background-position:top; background-color:#dddddd }
	.admin_content .submenu TD{ height:24px; font-size:12px}

.admin_content .total{ background-color:#f2f2f2;}
	.admin_content .total TD{ height:24px; font-size:12px; font-weight:bold}

.admin_content.top{ background-color:#FFF1F2; margin-bottom:10px; 	   
		-moz-border-radius:  				10px /*{global-radii-buttons}*/;
		-webkit-border-radius: 				10px /*{global-radii-buttons}*/;
		border-radius: 						10px /*{global-radii-buttons}*/;
}
	.admin_content.top TD{ height:24px; font-size:14px; border:0px}
	.admin_content.top.border TD{ border-bottom:1px solid; font-size:11px; padding-top:7px; padding-bottom:7px}
		.admin_content.top.border TD A{ margin-left:10px; }
.TL{ text-align:left}
.mov, .admin_content .mov TD{ }
.tdred, .red, .admin_content .red TD{ color:#F00;}
.admin_content .green TD{ color:#0C3; font-weight:bold}


.onhold{ background-image:url(images/smile.gif); background-repeat:no-repeat; background-position:right top}

.white thead td.first{ }
.white thead td.last{ }

.white tbody td.first{border-left:1px solid #DFDFDF}
.white tbody td.last{border-right:1px solid #DFDFDF}

.tr1{ background-color:#F9F9F9; }
/*	.tr1 td{  vertical-align:top}*/
.tr2{ background-color:#FFF; }
/*.tr2 td{vertical-align:top}*/
.tr_value_indice{ background-color:#FFF; }
	
.competencie{  background-image:url(../images/live.gif); background-repeat:no-repeat; background-position:center center } 
.need{ background-image:url(../images/live.gif); background-repeat:no-repeat; background-position:center center } 
.conflict, 	#rota .rotas.conflict{ background-color:#FF6; } 
.conflict_red{ background-color:#F00}
.sel{ background-color:#093 !important; color:#FFF}
.rotasT{ margin-bottom:5px}


.tr1:hover{ background-color:#ccffcc; cursor:pointer }
.tr2:hover{ background-color:#ccffcc; cursor:pointer }
.tr_value_indice:hover{ background-color:#ccffcc;  cursor:pointer  }

.selected{ background-color:#ccffcc; cursor:default}
.selected:hover{ cursor:default}

.none{ padding:0px; background-color:transparent; border:0px }

.arrows{ display:inline}

.main{ background-color:#CCCCCC; width:100%}
.main td{ background-color:#FFFFFF}
td.header1{ background-color:#F0F0F0; font-weight:bold}

.cell{border-left:1px solid #DFDFDF}
	.cell .new{ display:none}
	.cell:hover .new{ display:block}

.tr0{ background-color:#A4C9DC;}
		.tr0 TD{ font-weight:bold}
/* ----------------------END TABLE */
.sr {
	background-color: #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	padding: 2px;
}

.srs {
	background-color: #666666;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 2px;
}

/* LEGENDLEGEND */
.legend{float:right; width:300px; font-weight:bold}
.legend  LI{ list-style-type: none}
.legend  LI span{ width:225px; display:inline-block; margin-right:15px; font-weight:normal}
.legend .fara_infectii { color:#28d600}
.legend .fara_infectii .ui-icon-background, .legend .fara_infectii .ui-state-active .ui-icon-background { background-color:#28d600 }
.ui-button .ui-icon{ background-image: url('/css/images/ui-icons_f9bd01_256x240.png')}

.form_item{ margin-bottom: 15px; position: relative}
.form_item_head{ font-weight: bold; font-size: 13px; color: #000}
.form_item_body{box-sizing: border-box;}
.form_item_body label{ display: block; position: relative; font-weight: normal; padding: 6px; padding-left: 26px; font-size: 14px; cursor: pointer}
.form_item_body label:hover{ background-color: #eee}
.form_item_body label INPUT{ position:absolute; left: 5px; top: 6px }

.form_item.select_checkbox{cursor: pointer}
.form_item.select_checkbox .select_checkbox_info{ display:block; background-color: #FFF; position: relative}
.form_item.select_checkbox .textInfo{ border:1px solid #C2C2C2; display:inline-block; font-size: 14px; width: calc(100% - 31px); padding:5px 7px;  box-sizing: border-box; vertical-align: top; border-bottom-left-radius:5px; border-top-left-radius:5px}
.select_checkbox .form_item_body{ position: absolute; left: 10px; top: 20px;  width: 90%; max-height: 500px;  display: none; overflow-x: hidden; overflow-x: auto; background-color: #FFF;    box-shadow: 0px 0px 8px rgba(0, 0, 0, .4); z-index: 10 }




/* BOX */
.box {
	margin-bottom: 10px;
	border: 1px solid #CCC;
}

.box H2 {
	background-image: url(images/gray-grad.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #ececec;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	font-size: 13px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 700;
	overflow: hidden;
}

.box H2 STRONG {
	font-size: 11px;
}

.box .body {
	padding: 10px;
}

.homepage .box {
	position: relative;
	margin: 0px;
}

.homepage .box H2 .editable {
	float: right;
}

.editable input{ width: 100px !important; height: 30px !important}

.homepage .box.boxspliter {
	border: 0px;
	margin: 0px;
}

.homepage .boxspliter H2.spliter {
	background-color: #F1F3F5;
	background-image: none;
}

.homepage LI {
	margin-bottom: 10px;
}

.spliter_element {
	float: left;
	box-sizing: border-box;
	padding-top: 10px;
}

.spliter_element .box {
}

.vizible_off {
	background-image: url(images/visibile_off.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.vizible_on {
	background-image: url(images/visibile_on.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*------------------schedule-form --------------------*/
.schedule-form {
}

.schedule-form  DIV {
	vertical-align: top;
}

.schedule-form  .h, .schedule-form  .tens, .schedule-form  .ones {
	width: 20px;
	border: 1px solid #CCC;
	display: block;
	text-align: right;
	margin-bottom: 1px;
	padding: 2px;
	cursor: pointer;
	font-size: 11px;
	font-weight: 700;
}

.schedule-form  .activ {
	background-color: #dfeffc;
}

#schedules .item {
	background-color: #f0f0f0;
	overflow: hidden;
	margin-bottom: 8px;
}

#schedules .item  .date {
	background-color: #41121d;
	display: inline-block;
	width: 40px;
	text-align: center;
	padding: 5px 10px;
	color: #FFF;
}

#schedules .item  .hour {
	display: inline-block;
	width: 60px;
	text-align: center;
	font-size: 14px;
	line-height: 42px;
	color: #000;
	vertical-align: top;
	position: relative;
}

#schedules .item  .hour IMG {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
}

#schedules .item  .hour:hover {
	background-color: #CCFFCC;
}

#schedules .item  .hour:hover IMG {
	display: block;
}
/*------------------PAGINATION--------------------*/
.pagination {
	padding: 5px;
	font-size: 0.9em;
	line-height: 30px;
}

.pagination A {
	padding: 3px;
}

.pagination A.activ {
	color: #000;
	font-weight: 700;
}

.pagination EM {
	color: #BDBDBD;
}

.pagination A STRONG {
	font-size: 16px;
	font-weight: 400;
}
/*------------------TABS--------------------*/
#tabs{ font-size:14px}
.tabs {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #92b9ca;
	padding-top: 25px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}

.tabs LI.activ {
	background-color: #FFF;
	background-image: none;
}

.tabs LI {
	list-style-type: none;
	float: left;
	background-color: #e5eef2;
	margin-right: 1px;
	margin-left: 3px;
}

.tabs LI A {
	margin: 0.5em 1em;
	float: left;
	color: #212121;
	border: 0px;
	font-size: 11px;
}

.tabs LI SELECT {
	margin: 0.4em 1em;
	float: left;
	color: #212121;
	border: 0px;
}

/*------------------------------QA-------------------------------------*/
.qa{ margin-bottom:32px; background-color: #f9f9f9; border: 2px solid #f9f9f9; box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);  }
.qa .question{ font-weight:bold; font-size:16px; display:block; padding:10px 15px; cursor:pointer}
.qa .answer{ text-decoration: none;	font-weight: normal;	color:#000;	float:none;	display:none; padding:10px 15px; background-color:#FFF;}
.qa A{ color:#37a000; text-decoration: none;	font-weight: 700; display:block; cursor:pointer; padding:10px 15px; padding-top:0px}
.qa A span:last-child { display: none;}
.qa A span{ display:inline-block; margin-left:10px }
.qa A:before{content: "";
		background: url(/images/icon-control-down.svg) 50% no-repeat;
		display: inline-block;
		width: 14px;
		height: 10px;
}

.qa.activ .answer{ display:block}
.qa.activ A { padding-top:10px}
.qa.activ A span:first-child { display:none;}
.qa.activ A span:last-child { display:inline-block;}
.qa.activ A:before{transform: rotate(-180deg);}

/*------------------------------FORM-------------------------------------*/
.form-style-2{
    padding: 0 0px;
    font: 13px 'Open Sans',Arial, Helvetica, sans-serif;
}
.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-2 div.item{
    display: block;
    margin: 0px -20px 0px -20px;
	padding: 5px 20px;
}
.form-style-2 div.item:focus-within{ background-color: #eee}
.form-style-2 div.item > span{
    width: 250px;
    font-weight: bold;
    display: inline-block;
    padding-top: 8px;
    padding-right: 5px;
	vertical-align:top;
}
.form-style-2 .inline-username{ display:inline-block}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-2 input.input-field,  .form-style-2 .select-field, .form-style-2 .textarea-field{
    width: 38%;
  }

.form-style-2 div.item span.input-field-val{ box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    padding:5px 7px;
    outline: none;
	font-size:13px; background-color: #EEE; display: inline-block}

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
 .form-style-2 .select-field{
    box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;

    padding:5px 7px;
    outline: none;
	font-size:13px;
}

.form-style-2 .item.contact SPAN, .form-style-2 div.item.contact > span{ width:100px;}
.form-style-2 .item.contact input.input-field{ width:200px; margin-right: 20px}

.form-style-2 DIV.radio-field{ padding:7px 0; display:inline-block; width: calc(100% - 300px)}
.form-style-2 .input-field:focus,
.form-style-2 .tel-number-field:focus,
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
    border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
    height:100px;
}

.flex_labels{ display: flex; flex-wrap: wrap}
.flex_labels label{ width: 33.3333%; padding-right: 10px; padding-left: 24px; margin-right:0; margin-bottom: 10px;  box-sizing: border-box; position: relative; flex:  0 0 auto }
.flex_labels label INPUT{ position: absolute; left: 0; top: 0; }

/*
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 35px 8px 35px;
    background: #CD0000;
    color: #fff;
	font-size:14px;
	font-weight:700;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	text-transform:uppercase;
	cursor:pointer
}
*/

.form-style-2 .cas span{ width:150px}
.form-style-2 .cas input.input-field{ width:20%}
.form-style-2 .cas select.casa{ margin-right:15px; width:30%}
.form-style-2 small.error{ padding-left:10px; color:#FF0000}

.form-style-2  .row-inline{}
.form-style-2  .row-inline div.item{ display:inline-block; width: 400px; margin-right: 10px; vertical-align: top}
.form-style-2  .row-inline div.item SPAN{ display:block; width: 100%; box-sizing: border-box}

.subject-box{ border-bottom: 1px solid #DDD; margin: 0px -20px 10px -20px; padding: 0px 20px 10px 20px}
.form-style-2 .subject-box div.item > span{ width: 100px; }
.form-style-2 .subject-box div.item.subject > span{ width: 100px; font-size: 18px; font-weight: 400; color:#333; padding-top: 6px}
.form-style-2 .subject-box input{ width: calc(100% - 109px); font-size: 18px; border: 0px; box-shadow:none; }
.form-style-2 .subject-box div.item > span.input-field-val{ width: calc(100% - 109px);}


 div.item{ border-bottom: 1px solid #CCC; padding: 7px 0; box-sizing: border-box}
.form-style-2 div.item{ margin: 0; }
.group-item { border-bottom: 1px solid #ccc; display: flex; flex-wrap: nowrap}
.group-item .item{ border: 0px; flex: 0 0 auto; width: 40%}
.group-item .item:first-of-type .radio-field LABEL{ display: block}
.group-item .item.yes{ background-color: #efefef; padding: 10px !important; width: 60%}
.yes B{ display: block; font-weight: bold}
.form-style-2-heading{ background-color: #0073b5; color:#FFF; padding: 10px}


.email-body{ border-bottom: 1px solid #DDD; margin: 0px -20px 20px -20px; padding: 0px 20px 20px 20px; min-height: 250px}

div.input{margin-bottom: 10px; display: flex; flex-direction: row; flex-wrap: nowrap}
div.input LABEL{ width: 20%; font-weight: 600}
div.input input[type="text"], div.input input[type="password"], div.input select, div.input textarea { width: 59%;}

div.input.cols{flex-direction:column; }
div.input.cols LABEL{ width: 100%; margin-bottom: 5px }
div.input.cols input[type="text"], div.input.cols input[type="password"], div.input.cols select, div.input.cols textarea { width: 100%;}

.emails td{ padding: 15px 3px}
.emails .subject{ font-weight: 600}
.emails .subject div, .emails .subject strong{ color: #0073b5; font-weight: normal}

/*------------------QUIZ--------------------*/
#quiz H2{ margin: 0px; margin-bottom: 5px; font-weight: 600; font-size: 18px}
#quiz LABEL{ display: block; margin-bottom: 2px; position: relative; padding: 8px 10px 8px  27px; background-color: rgba(0,173,21,.1); font-size: 15px; font-weight: bold}
#quiz LABEL INPUT{ position: absolute; left: 0px; top: 8px; }
#quiz .btn{ margin-top: 20px; width: 100%}
#quiz .question {margin: 0px 5px 10px 5px; background-color: #FFF;
	-moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
	border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;
	box-sizing:border-box;
	padding:10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12);}
#quiz input[type=text], #quiz textarea{ display:block; width: 100%}


.type_ambulatoriu{ display:inline-block; width:600px; overflow-y:scroll; height:300px; border: 1px solid #ddd;background-color: #fdfdfd;padding: 10px; border-radius: 3px;}
.type_ambulatoriu UL { counter-reset: item }
.type_ambulatoriu LI {  width:100%; list-style-type: none; margin: 0px; padding-bottom:10px }
.type_ambulatoriu LI  LI{ padding-bottom:0px}
.type_ambulatoriu LI LABEL:before { content: counters(item, ".") ". "; counter-increment: item; flex:0 0 auto; padding-right:5px; font-weight:bold }
.type_ambulatoriu LI LABEL.sel{ color:#FF0000; font-weight:bold; background-color:transparent}
.type_ambulatoriu INPUT{ flex:0 0 auto;  margin:1px; margin-right:10px}
.type_ambulatoriu SELECT{flex:0 0 auto;  padding: 0px 5px; margin-right: 10px}
.type_ambulatoriu span{ flex:1; }
.type_ambulatoriu LABEL{ margin-bottom:10px; display: flex; align-items: center}

fieldset{ background-color: #EEE; border: 1px solid #999; margin-bottom: 20px}
fieldset legend{background-color:#FFF;	padding: 10px 30px;	border: 1px solid	#999;	text-transform: uppercase;	font-weight: bold;}

.subject{ font-size:15px}
.subject div{ font-size:13px; margin-top: 5px; color: #666}
.subject div a{ color:#666; font-weight: 600}
.subject div a:hover{ color:#1e73be}
.subject strong{ font-weight:600}
.subject .h{ float:right; width: calc(100% - 250px)}
.subject I{ margin-right:5px}
/* -------------------------HARTA----------------------------------- */

#harta{ }
#harta text{ font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-anchor: middle; pointer-events: none;}
#harta path{ fill:#3071A9}
#harta path.over{ fill:#333; cursor:pointer}
#harta path.buc{ fill:#ff0000}
#harta path.green{ fill:#060}
#harta path.yellow{ fill:#FF0}
#harta path.red{ fill:#ff0000}

text {
    pointer-events: none;
}


.tooltipster-sidetip .tooltipster-content{ color:#000}
.tooltipster-sidetip .tooltipster-box { background-color:#FFF;}
.tooltipster-sidetip .tooltip_map SPAN{ width:350px; margin-right:10px; display:inline-block; color:#000 !important; font-size:13px}
.tooltipster-sidetip .tooltip_map STRONG{ color:#000 !important; display:block; margin-bottom:10px; font-size:20px}
.tooltipster-sidetip .tooltip_map DIV.item{ border-top:1px solid #CCC; padding:5px 0px}
.tooltipster-sidetip .tooltip_map DIV.item IMG { vertical-align:middle}
.tooltipster-sidetip .tooltip_map a{ float:right; color:#2e6e9e; font-weight:bold}
.tooltipster-sidetip .tooltip_map B{ display:inline-block; font-size:20px; color:#000}
.tooltipster-sidetip .tooltipster-content UL{ margin: 15px}
.tooltipster-sidetip .tooltipster-content LI{ list-style-type: disc; list-style-position:outside}

/* -------------------------------- TABLE FLEX -----------------------------------*/
.row-flex{ display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; border-bottom: 1px solid #ebebeb; padding: 4px 0px; align-items: center; min-height: 40px;box-sizing: border-box;}
.row-flex.table-head{ font-weight: 600}
.col-flex{ box-sizing: border-box; padding: 0px 4px}
.col-flex.group{ display: flex; flex-wrap: nowrap; flex-direction: row; flex: 1; padding: 0px; align-items: center}
.col-flex i{ font-size: 13px; margin:0px 5px;}
.col-flex i.fa-edit{ color: #0073b5}
.col-flex i.fa-trash-alt{ color: #ff0000}

/* -------------------------------- columns -----------------------------------*/
.columns{  display: flex; flex-wrap: wrap;}
.columns .col{ flex: 0 0 auto; box-sizing: border-box}
#sidebar{ width: 170px; border-right: 1px solid #DDD; padding-top: 10px; margin-left: -20px}
#sidebar a{ color:#000; padding: 10px 0; display: block; box-sizing: border-box; padding-left: 50px; position: relative}
#sidebar a svg{ position: absolute; left: 20px; height: 20px;transition: .3s;}
#sidebar a:hover svg{ left: 25px}
#sidebar a.activ{ background-color: #ddd}
#main{ width: calc(100% - 150px); padding-left: 20px}

/* -------------------------------- ASSETS -----------------------------------*/
.assetmanager-container{ display:flex; flex-direction: column; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%}
.assetmanager-container .assetmanager-head{ height: 48px; border-bottom: 1px solid #ccc; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; box-sizing: border-box; padding: 0px 15px; padding-right: 30px}
.assetmanager-container .assetmanager-head .location{ flex:1}
.assetmanager-container .assetmanager-head .actions{ display: flex}
.assetmanager-container .assetmanager-head .actions form{ margin-right: 10px; position: relative}
.assetmanager-container .assetmanager-head .actions svg{ position: absolute; left: 7px; top: 7px; height: 17px; fill:#666}
.assetmanager-container .assetmanager-head .actions .search{ padding-left: 30px; box-sizing: border-box}
.assetmanager-container .assetmanager-head .actions I.fa-plus{ font-size: 15px}
.assetmanager-container .assetmanager-body{ flex: 1; overflow-y: scroll; font-size: 13px}

.col-flex a{ text-decoration: none; color: #000}
.col-flex.icn I{ font-size: 40px; color: #555}
.col-flex.icn img{ height: 30px; cursor: pointer}
.col-flex I.fa-folder{ color: #0073b5}
.col-flex.icn{ width:96px; text-align: center}
.col-flex.name, .col-flex .label-name{ flex:2; word-break:break-all}
.col-flex.loc, .col-flex .label-location{ flex:2; word-break:break-all}
.col-flex.size, .col-flex .label-size{ flex:1}
.col-flex.data, .col-flex .label-data{ flex:1}
.col-flex .label-name, .col-flex .label-size,.col-flex .label-location, .col-flex .label-data{ padding: 0px 4px; box-sizing: border-box}
.col-flex.preview{ width: 80px}
.col-flex.action{ width: 70px; display: flex; flex-direction: row ;flex-wrap: nowrap}
.col-flex i.fa-edit, .col-flex i.fa-trash-alt,.col-flex i.fa-eye{ visibility: hidden}
.row-flex:hover i{ visibility:visible}

/* -------------------------------- DRPDOWN -----------------------------------*/
.dropdown{ position:relative}
.dropdown-content{ position: absolute; right: 0px; display: none}
.dropdown-content.show{ display: flex}
.dropdown-content{ flex-direction: column; box-shadow: 0 4px 8px 0 rgba(34,47,62,.1); background-color: #FFF; border: 1px solid #CCC}
.dropdown-content a{display: block; text-align: left; min-width: 200px; padding: 8px 16px; color: #000; font-size: 15px}
.dropdown-content a:hover{ background-color: #ccc}
.dropdown-content a.disable{color: #666}
.dropdown-content a.disable:hover{background-color:transparent} 
.dropdown-content a i{ margin-right: 10px; font-size: 20px; color: #333}

/* -------------------------------- DIALOG -----------------------------------*/
.dialog{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;  align-items: center; justify-content: center; box-sizing: border-box; z-index: 100; background-color: rgba(255,255,255,.5); display: none}
.dialog.show{ display:flex;}
.dialog .dialog-content{box-shadow: 0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);border: 1px solid #ccc;border-radius:4px; background-color: #FFF; width: 100%; max-width: 380px; padding: 15px;max-height: 90%; overflow: auto;}

/* -------------------------------- DIALOG -----------------------------------*/
.location{ color:#000; font-size: 24px; display: flex; flex-wrap: wrap; align-items: center}
.location a{ color:#666; font-size: 16px}
.location SPAN{ line-height: 20px; margin: 0px 5px; padding-bottom: 3px}
.location SPAN:last-child{ display:none}
.location .fa-arrow-left{ margin-right: 10px}

/* -------------------------------- GOGOLE MAP -----------------------------------*/
.gm-style .gm-style-iw .item{ font-weight:400}
.gm-style .gm-style-iw .item.prezent{ color:#FF0000}
.gm-style .gm-style-iw .item.absent{ color:#28d600}

#table_hospitals .item.prezent{ color:#FF0000}
#table_hospitals .item.absent{ color:#28d600}

.gm-style .gm-style-iw h3{ font-size:40px; font-weight: 600; margin: 0px; margin-bottom: 7px}
.gm-style .gm-style-iw STRONG{ font-weight: 600}
.gm-style .gm-style-iw .item, .gm-style .gm-style-iw .item strong{ font-size:15px}
.gm-style .gm-style-iw .item.externate{color:#44bb00}
.gm-style .gm-style-iw .procent{    position: absolute;    right: 0px;    bottom: 0px;    background-color: #FF0000;    padding: 10px 7px;    font-size: 14px;    font-weight: bold;
color:#FFF}

/* calendar */
#CalDiv1 {
	background-color: #FFFFFF;
}

.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText, .cpToday {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
}

TD.cpDayColumnHeader {
	text-align: right;
	border: solid thin #C0C0C0;
	border-width: 0px 0px 1px 0px;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate, .cpToday {
	text-align: center;
	text-decoration: none;
}

.cpToday {
	background-color: #215DA3;
}
/*.cpOtherMonthDate{ color:#FFFFFF;}*/
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
	color: #D0D0D0;
	text-align: right;
}
/*.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate { color:#808080; }*/
TD.cpCurrentDate a {
	color: #CD0000;
}

TD.cpToday a {
	color: #FFFFFF;
}

TD.cpCurrentDateDisabled {
	border-width: 1px;
	border: solid thin #FFAAAA;
}

TD.cpTodayText, TD.cpTodayTextDisabled {
	border: solid thin #C0C0C0;
	border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled {
	height: 20px;
}

.cpTodayTextDisabled {
	color: #D0D0D0;
}

.cpBorder {
	border: 1px solid #215DA3;
}

.txtNr{ min-width: 70px; width: 70px; height: 30px}

/*------------------AUTOCOMPLETE--------------------*/
.autocomplete_results{ clear:both}
.autocomplete_results  A{ background-color:#DEE7F8 ; border:1px solid #CAD8F3; padding-left:5px; padding-right:5px; color:#000; line-height:20px; white-space:nowrap; display:block; margin-bottom:5px }
	.autocomplete_results  A STRONG{ font-size:10px; color:#999}
.autocomplete_results a:hover{ background-color:#bbCEF1; border:1px solid #6d95e0;}
	.autocomplete_results  a:hover STRONG{ font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#333}

.ui-menu .ui-menu-item-wrapper{ background-image: none;}
.ui-menu .ui-menu-item-wrapper span{ display: inline-block;vertical-align:top; font-size: 12px; padding: 0px 10px; font-family: arial; box-sizing: border-box}
.ui-menu .ui-menu-item-wrapper span.vechi{ border-right:1px solid #ccc; width: 90px; padding-left: 0px}
.ui-menu .ui-menu-item-wrapper span.nou{ border-right:1px solid #ccc; width: 90px}
.ui-menu .ui-menu-item-wrapper span.colspan2{ width:192px; padding: 0; }

.ui-menu .ui-menu-item-wrapper span{ width: 500px}
.ui-menu .ui-menu-item-wrapper.colorS{background-color:#4f81bd; color:#FFF; font-weight: bold}
.ui-menu .ui-menu-item-wrapper.colorCr{background-color:#b8cce4; font-weight: bold}
.ui-menu .ui-menu-item-wrapper.colorC{background-color:#dbe5f1; font-weight: bold}
.ui-widget.ui-widget-content{ border:0 solid #CCC; background:none; background-color: #FFF}
.custom-combobox-input.ui-widget.ui-widget-content{ border: 1px solid #CCC}
.ui-tabs .ui-tabs-panel{ padding: 10px 0}
.ui-state-active{ font-weight: normal !important}
.custom-combobox {
    position: relative;
    display: inline-block;
	width: 400px !important;
	padding-top: 0px !important;
	max-width: 100%;
}
.custom-combobox INPUT{ width: 100%}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
	border: 1px solid #CCC;
	background: none;
}

.filter{ margin-bottom: 15px}
.filter table{ table-layout:fixed;}
.filter .custom-combobox{ width: 100% !important;}
.custom-combobox-toggle{ margin-left: -29px}
.selected_options a{ display: block; background-color: #DEE7F8; margin-bottom: 2px; padding: 3px 5px; padding-right: 15px; position: relative; color: #000}
.selected_options a::after{ content: 'x'; position: absolute; right: 7px; top: 3px}

.ui-autocomplete{ max-height:300px; overflow: hidden; overflow-y:scroll}
.ui-menu .ui-menu-item-wrapper { min-height: 15px}
.ui-menu .ui-menu-item-wrapper.ui-state-active{ font-weight:normal}

#tagit_results TR.colorS{background-color:#4f81bd; color:#FFF; font-weight: bold}
#tagit_results TR.colorS TD{ color: #FFF}
#tagit_results TR.colorCr{background-color:#b8cce4; font-weight: bold}
#tagit_results TR.colorC{background-color:#dbe5f1; font-weight: bold}

.fixed-width{ table-layout:fixed;}
.fixed-width .custom-combobox{ width: 100% !important;}

.comment_text BUTTON {
	display: block;
}

.helpPage h2 {
	padding: 10px 0px;
	margin: 0px;
}

.helpPage h3 {
	padding: 0px 20px;
	margin: 0px;
}

.help {
	border: dashed 1px #f00;
	font-style: italic;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #efefef;
	line-height: 12px;
}

.help img {
	vertical-align: middle;
}

.editable_text INPUT {
	font-size: 30px;
}

.ui-front {
	z-index: 9999;
}

.spacer1 {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	display: block;
}

.spacer3 {
	font-size: 3px;
	height: 3px;
	line-height: 3px;
}

.spacer5 {
	font-size: 5px;
	height: 5px;
	line-height: 5px;
}

.spacer10 {
	font-size: 10px;
	height: 10px;
	line-height: 10px;
	display: block;
}


/*--------------FISA TABLE--------------------*/
.fisa{border-collapse: collapse;}

.fisa TD{ font-size:13px; border-bottom:0px}
.fisa TD.first{ font-size:16px; font-weight:bold; cursor:pointer}
.fisa TD.first H3{}
.fisa TD H2{ margin:5px 0px}
.fisa TD.first p{ display:none; font-size:13px; font-weight:normal; position:absolute; left:50px; top:50%; max-width:80%;
			background-color:#FFF; padding:10px; 
			-moz-box-shadow: 0px 0px 14px #000;
			-webkit-box-shadow: 0px 0px 14px #000;
			box-shadow: 0px 0px 14px #000;
			box-sizing: border-box;
			-moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
			-webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
			border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;

}
.fisa TR:hover TD{ position:relative}
.fisa TR:hover p{ display:block}
.fisa TD.first SPAN{ color:#FF0000; font-size:13px}
.fisa SELECT{ width:100px}
.fisa INPUT{ width:100} 
.fisa H4{ font-weight:bold; margin:0px}
.fisa TR.header TD{ background-color:#ddd; font-size:16px; font-weight:bold; text-align:center}
.fisa .center{ text-align:center}

.footer{ padding:30px 0px; overflow:hidden}
.footer #header_menu{ float:none}
.footer #header_menu LI{ list-style-type:none}
.footer #header_menu a:link, .footer #header_menu a:active, .footer #header_menu a:visited {
    color: #000;
}

/*------------------------------PANEL-------------------------------------*/
.panel{border-bottom: 1px solid #CCC; margin: 0px -10px; margin-bottom: 15px;}
.panel_head{ padding:5px 10px; font-size: 16px; font-weight: 600}
.panel_body{padding: 0px 10px; margin-bottom: 10px}
.panel input[type=submit]{ margin:10px}

/*------------------------------FILTER COLUMNS-------------------------------------*/
#filter_columns LABEL{display: inline-block; vertical-align: top; width: 200px; position: relative; padding-left: 20px; margin-bottom: 10px; margin-right: 10px; font-size: 12px; font-weight: 600}
#filter_columns .panel_body INPUT{position: absolute; left: 0px; top: 0px}

/*------------------COMMENTS--------------------*/
.author{ margin-bottom: 10px; color:#80868b}
.author .delete{ float:right}

.comment{ border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 5px; font-family: "Open Sans", sans-serif; font-size: 13px}
.comment a{ float: right}
.comment strong{ font-weight: 600; color:#000}
.comment span{ color: #666; font-size: 12px}
.comment .text{ padding-left: 30px; box-sizing: border-box}

.info_tooltip{ background-image: url('images/i.svg'); background-repeat: no-repeat; background-position: center center; background-color:#fe0000; color:#FFF; border-radius:15px; display:inline-table; width:22px; height: 22px; text-indent: -99999px; overflow: hidden}

.numbers{ margin-bottom: 15px}
.numbers a {
    text-transform: uppercase;
    border: 0;
    background: #69818D;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px #111;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
    text-decoration: none;
    font-size: 12px;
    line-height: 30px;
    margin: 0;
}
.numbers a.activ{ background-color: #dc3545}
.clear {
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
}
.hidden{ display:none}

.drugs{ font-size: 14px}
.drugs span, .drugs A{ display: inline-block; margin-bottom: 10px; cursor: pointer;}
.drugs span{ color: #2e6e9e}
.content .drugs UL UL{ margin-left: 30px !important}
.content .drugs li { margin: 0; list-style-type: none}

.flex{ display: flex}
.flex flex_col{ flex: 0 0 auto; box-sizing: border-box}

.login {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	max-width: 450px;
}

@media print {

	body{ background-color:#FFF; }
	.menu{ display:none}
	.content{ padding:0px;; width:100%} 
	.sigla{ display:none}
	.noprint{ display:none}
	.pagebreak { page-break-before: always; }
	.hidden{ display:block}
}

@media screen and (min-width: 600px) {
	.mobile_only{ display:none !important}
}

@media screen and (max-width: 600px) {
	.desktop_only{ display:none !important}

	.sigla{ padding: 0}
	.projectTitle, .anmcs, .logout, .menu{	display: none}
	.burger{ display: block}
	.sigla.active .menu{ display: block; margin: 0px}
	.menu{ border-top: 2px solid #0073b5}
	.menu li{ display: block}
	.menu li.activ{ background-color: #8C9BC0; color: #FFF}
	.menu li.activ a{ color: #FFF}
	.head{ margin-left:-10px; margin-right: -10px; padding: 10px}
	.content{ background-color: transparent; padding: 10px; box-shadow: none; margin-top: 0px}

	.form-style-2{ font-size: 17px}
	.form-style-2 DIV.radio-field{ width: 100%}
	.form-style-2 div.item > span{ width: 100%; display: block; margin-bottom: 5px}
	.form-style-2 div.item{
		display: block;
		margin: 0;
		padding: 5px 0;
		font-size: 17px;
	}
	.form-style-2 div.item span.input-field-val{ font-size: 17px}
	.form-style-2 input[type=text], .form-style-2 select, .form-style-2 textarea, .form-style-2 .btn,
	.form-style-2 input.input-field, .form-style-2 .select-field, .form-style-2 .textarea-field
	{
		width: 100%;
		font-size: 18px;
	}
	input[type=text], input[type=password], select, textarea, .btn {
		padding: 8px 10px;
		outline: none;
		font-size: 16px;
		box-sizing: border-box;
	}
	.form-style-2 label{ display: block;		margin-bottom: 2px;		position: relative;		padding: 8px 10px 8px 27px;		background-color: rgba(0,173,21,.1);		font-size: 15px;
		font-weight: bold;}
	.form-style-2 label INPUT[type=radio] {		position: absolute;		left: 0;		top: 8px;	}

	.flex_labels label{ width: 100%;}
	td{ font-size: 17px; font-weight: 600}
	DIV.list-secondary{ font-size: 14px; font-weight: 400}

	.columns .col{ width: 100% !important;}
	.login TD{ display: block}
}