body{
       font-family: Arial, Helvetica, sans-serif;
       font-size: 11px;
       color: #000000;
	   margin:0; padding:0;
	   background-color:#a4c9dc ;
	   background-image:url(/images/logo.png?v=5); background-repeat:no-repeat; background-position:0px 65px; background-size: 382px;
}
ins {
    color: green;
    background: #dfd;
}
del {
    color: red;
    background: #fdd;
}

body.home{background-image:url(/images/logo.png?v=5); background-repeat:no-repeat; background-position:center 180px; background-size: 800px}
td{ font-family: Arial, Helvetica, sans-serif;
       font-size: 11px;
       color: #000000;
}
a{ color:#B7161C; text-decoration:none}
a:hover{ color:#333333}
a img {border:0px}
a.nurse{ color:#00A70D}
a.nurse_sp{ color:#ff0090}
form{ padding:0px; margin:0px}

ul,li{ list-style-type:none; margin:0px; padding:0px}

h1 {
    margin: 0;
    font-size: 16pt;
    font-weight: bold;
    padding: 0px 0 10px 0px;
    color: #B7161C;
    text-transform: capitalize;
}
H3{ margin:0px; padding:0px; padding-bottom:3px}
label{ font-weight:bold; }
SELECT{-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	width:200px;
	font-size:12px; font-family:Arial, Helvetica, sans-serif;
	padding:2px
}
INPUT{ font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:2px; 
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box; }
TEXTAREA{ line-height:18px}

input,select, textarea {
	 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: #FFF;
}
input:focus,select:focus, textarea:focus{
    border: 1px solid #0C0;
}
.payroll .edit{ background-image: url(images/edit_small.gif); background-repeat: no-repeat; background-position: left top; display: inline-block; width: 16px; height: 16px}
.payroll .del{ background-image: url(images/delete_small.gif); background-repeat: no-repeat; background-position: left top; display: inline-block; width: 16px; height: 16px}

.payroll input, .payroll select, .payroll textarea{ padding:3px 2px; font-size:11px}
.payroll .BR{ border-right:1px solid #ccc}
.payroll .W140{ display:inline-block; width: 140px; white-space: normal; vertical-align: top}
.payroll .W90{ display:inline-block; width: 70px}
.payroll .W45{ display: inline-block; width: 45px; text-align: right}
.payroll select{ width:80px}
.payroll .W45 INPUT{width:35px; text-align:right}
.payroll i{ display: block; color: #F31215}
.payroll input[type="text"] { width: 35px; text-align: right}

INPUT.ac_input{ font-size:11px; border:1px solid #999999}	
.notes TEXTAREA{ height:100px}
.button{ background-image:url(images/bg_menu.jpg); background-repeat:repeat-x; background-position:bottom center; height:25px; border:0px; cursor:pointer; border:1px solid #eee; font-family:Arial, Helvetica, sans-serif; color:#333 !important; font-size:12px}
.btn {
	display: inline-block;
	padding: 8px 14px;
	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}
.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; vertical-align: middle}
.break{page-break-before: always}

/*------------------BELOGN TO--------------------*/
/*
.belongTo{ white-space:nowrap; height:17px}
	.belongTo input{ border-right:0px; float:left; width:130px; height:13px; margin:0px; padding-top:1px; padding-bottom:1px; }
	.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 }
	
.sigla{ padding-bottom:5px; font-size:26px; font-weight:normal; color:#000; padding-left:10px}
	.sigla a{ color:#000}

#containter{padding-right:10px; margin-left:160px}
/*------------------MENU--------------------*/
.menu{ float:left; margin-left:-150px; width:145px}
	.menu LI{ margin-bottom:5px;
		padding:13px 0px;
		background-color:#FFF; background-image:url(images/bg_menu.jpg); background-repeat:repeat-x; background-position:bottom; 
		-moz-border-radius:  				10px /*{global-radii-buttons}*/;
		-webkit-border-radius: 				10px /*{global-radii-buttons}*/;
		border-radius: 						10px /*{global-radii-buttons}*/;
		position:relative;
	}
	.menu LI:hover{background-color:#FFF; background-image:none;}
	.menu LI.activ{ background-color:#FFF; background-image:none;
		-moz-border-radius:  				10px 0px 0px 10px /*{global-radii-buttons}*/;
		-webkit-border-radius: 				10px 0px 0px 10px /*{global-radii-buttons}*/;
		border-radius: 						10px 0px 0px 10px /*{global-radii-buttons}*/;
		width:150px;
	}
	
	.menu LI a{ display:block;  padding-left:10px; padding-right:10px;}
	.menu LI a{ color:#6b8894; font-weight:bold; font-size:12px}

.menu LI:hover UL{ display:block}
.menu LI UL{ background-color:#FFF; border:1px solid #A4C9DC;  display:none; position:absolute; left:140px; top:0px; z-index:10;
		-moz-border-radius:  				10px /*{global-radii-buttons}*/;
		-webkit-border-radius: 				10px /*{global-radii-buttons}*/;
		border-radius: 						10px /*{global-radii-buttons}*/;}
.menu LI UL LI{ white-space:nowrap; background-image:none; margin-bottom:0px}
.menu LI UL LI A:hover{ background-color:#A4C9DC; color:#000}

.menu.home{ float:none; width:200px; margin:0 auto;}
.menu.home LI{
	background-color:#FFF;
	background-position:bottom;
    float:none; margin-bottom:10px;
	-moz-border-radius:  				15px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				15px /*{global-radii-buttons}*/;
	border-radius: 						15px /*{global-radii-buttons}*/;
}

.right{ background-color:#FFF; float:left; min-width:100%; min-height:calc(100vh - 160px); margin-bottom:20px;
	   -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;
}
.right.chat{ height:calc(100vh - 160px)}
/*------------------TABLE--------------------*/
.fixHead thead {
	position: sticky;
	top: 0;
	z-index: 8;
}


.admin_content{ width:100%; background-color:#FFF}
.admin_content TD{ border-bottom:1px solid #DFDFDF; padding-right:3px; padding-left:3px}
.admin_content .separator TD{ border-top:1px solid #000; border-bottom:0px}

.edit TD{ border-bottom:0}
.admin_content thead{ background-color:#5590d2; background-image:url(images/tr0_bg.png); background-repeat:repeat-x; background-position:top; }
	.admin_content thead td{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; vertical-align:middle; padding-top:4px; padding-bottom:4px; 
					background-color: #5590d2;}
	.invoice thead td{ background-color: #1A6B69;}
		.admin_content thead td A{ color:#FFF}
		.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 thead td.first{background-image:url(images/tr0_left.gif); background-position:left top; background-repeat:no-repeat; text-align:center}
	.admin_content thead td.last{background-image:url(images/tr0_right.gif); background-position:right top; background-repeat:no-repeat; padding-right:5px}

.admin_content .subhead{ background-color:#C9E2FC; line-height:15px; vertical-align:top;}
	.admin_content .subhead STRONG{ width:100px; float:left; text-align:left; padding-right:5px}
	.admin_content .subhead TD{ border:0px}
	
.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:13px; 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; }
.admin_content.top TD .allocated{ color:#666; margin-top:5px}
.admin_content.top TD .allocated:nth-of-type(1){ margin-top:0px}
.admin_content.top TD A{ display:block; margin-bottom:30px}

.mov, .admin_content .mov TD{ }

.admin_content .color_930 TD{ color:#930; font-weight:bold}
.admin_content .color_F60 TD{ color:#F60; font-weight:bold}
.admin_content .color_C0C TD{ color:#C0C; font-weight:bold}
.admin_content .color_00C TD{ color:#00C; font-weight:bold}

.green2 {color:#6BAD6B}

.tdred, .red, .admin_content .red TD{ color:#F00; font-weight:bold}
.admin_content .green TD{ color:#0C3; font-weight:bold}

.admin_content TD.color_930{ color:#930; font-weight:bold}
.admin_content TD.color_F60{ color:#F60; font-weight:bold}
.admin_content TD.color_C0C{ color:#C0C; font-weight:bold}
.admin_content TD.color_00C{ color:#00C; font-weight:bold}
.admin_content TD.red_exp{ color:#F00; font-weight:bold}




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

.white thead td.first{background-image:url(images/tr0_left_white.gif); }
.white thead td.last{background-image:url(images/tr0_right_white.gif); }

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

.tr1{ background-color:#F9F9F9; }
	.tr1 td{ padding-top:5px; padding-bottom:15px; vertical-align:top}
.tr2{ background-color:#FFF; }
	.tr2 td{ padding-top:5px; padding-bottom:15px; vertical-align:top}
.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; color:#000 } 

.conflict_red{ background-color:#F00}
.sel{ background-color:#093; color:#FFF}
.rotasT{ margin-bottom:5px}


.tr1:hover{ background-color:#ccffcc; cursor:pointer }
.tr2: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}
.cell.training_conflict{ background-color:#00C; color:#FFF } 	
.cell.holiday{ background-color:#C0C; color:#000}
.cell.holiday_brown{ background-color:#654320; color:#FFF}
.cell.holiday_grey{ background-color:#999; color:#FFF}



.tr0{ background-color:#A4C9DC;}
		.tr0 TD{ font-weight:bold}
		
.wards_1{ background-color:#FF8C8F}
.wards_2{ background-color:#0F6}
/*------------------EDIT--------------------*/
.value{ display:inline}
.item{ margin-bottom:10px; overflow:auto}
	.item .value{ float:left}
DIV.border{border:1px solid #AAA}
	DIV.border .no_border{ border:0px}

/*------------------UPLOAD FILES--------------------*/
.files{}
	.files .item{ display:block; margin-bottom:7px; font-size:12px; background-color:#DEE7F8; border:1px solid #CAD8F3; padding:5px}

/*------------------JOBS--------------------*/
.job input{ width:400px; font-family:Verdana; font-size:10px}
.job textarea{ width:400px; height:150px;font-size:10px; font-family:Verdana;}
.job .checkbox{ width:20px;}

/*------------------SEARCH--------------------*/
.search{ float:right; border:1px solid #92B9CA; padding:1px; width:200px; }
.search .head{background-color:#92B9CA; padding:10px; color:#FFF; font-size:16px; font-weight:bold}
.search .body{ padding:10px}
.search label{ width:40px; display:block; float:left}

/*------------------PAGINATION--------------------*/
.pagination { padding:5px;  font-size:0.9em; line-height:30px}
	.pagination A{ padding:3px; }
	.pagination A.activ{ color:#000; font-weight:bold;}
	.pagination EM{ color:#BDBDBD}
	.pagination A STRONG{ font-size:16px; font-weight:normal;}
	.pagination INPUT{ margin-right:10px; width:30px}

/*------------------COMMENTS--------------------*/
.author{ background-color:#eee; padding:5px}
	.author .delete{ float:right}

fieldset{
		-moz-border-radius:  				10px;
		-webkit-border-radius: 				10px;
		width:250px

}
A.delete{ position: relative; cursor: pointer}
A.delete::after {
	content: 'x';
	position: absolute;
	right: 7px;
	top: 3px;
}
.tool_name{ position:absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: #eee;
		padding: 5px;
		opacity: 0.85;
		left:0px; top:15px;
		display:none;
		white-space:nowrap
 }

/*   -----------------------------------         */
.menubar {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	background-color: #F1F3F5;
	width:100%;
}


#header_menu {
    list-style: none;
    margin: 0;
    padding: 0;
	float:right;
	margin-bottom:5px
}

#header_menu li {
    float: left;
}

#header_menu a:link, #header_menu a:active, #header_menu a:visited {
    text-transform: capitalize;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

#header_menu a:hover {
    color: #333;
}

#header_menu a img{
    padding: 0 5px 0 15px;
	vertical-align:middle;
}

#header_menu a:hover img {
	vertical-align:middle;
}


.admin_content a img{
    padding: 0 2px;
}

.admin_content a:hover img {
    filter: alpha(opacity=100);
    opacity: 1;
}

.button_red{
	border: 1px solid 		#396B9E /*{a-bup-border}*/;

	font-weight: bold;
	color: 					#fff !important /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
	
	
	background: -webkit-gradient(linear, left top, left bottom, from( #CD0000 ), to( #FF0000 ));
	background: -webkit-linear-gradient( #CD0000 , #FF0000 ); 
	background:    -moz-linear-gradient( #CD0000 , #FF0000 ); 
	background:     -ms-linear-gradient( #CD0000 , #FF0000 );
	background:      -o-linear-gradient( #CD0000 , #FF0000 ); 
	background:         linear-gradient( #CD0000 , #FF0000 );
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CD0000, endColorstr=#FF0000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CD0000, endColorstr=#FF0000)";
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	border-radius: 7px;
	padding:5px;
	margin-left:10px;
	cursor:pointer;
	display:block;
}

/*------------------ROTA--------------------*/
#rota{ position:relative}
	#rota .days{ height:30px; position:relative; border-bottom:1px solid #DFDFDF}
	#rota SPAN{ padding-top:5px; float:left; width:100px; }
	#rota .rotas{position:absolute; background-color:rgb(255,0,0); height:30px;}

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

#modal_container {
	padding:5px;
	background-color:#fff;
	border:1px solid #666;
	overflow:auto;
	font-family:"Lucida Grande", Verdana;
	font-size:12px;
	color:#333;
	text-align:left;
}

#modal_container.test {
	background-color:#900;
	color:#fff;
	padding:30px;
	text-align:center
}

#modal_overlay {
	background-color:#000;
}

#modal_overlay.test {
	background-color:#fff;
}
/*------------------TRAINING--------------------*/
.table_calendar.training{}
.table_calendar.training .date{ width:30%; float:left; font-size:11px}
.table_calendar.training .date.float_none{ float:none}
.table_calendar.training .name{ width:70%; float:right; color:#FFF; padding:3px; box-sizing:border-box; position:relative; margin-bottom:3px}
.table_calendar.training TD{ width:8.33%; cursor:pointer; background-clip: padding-box; position:relative}
.table_calendar.training .name .delete{ display:none; position:absolute; right:0px; top:0px}
.table_calendar.training .name:hover .delete{ display:block} 

.collapse{ border-collapse:collapse; border-color:#DFDFDF}
.collapse TD{ border-color:#DFDFDF}

/*------------------CALENDAR--------------------*/

#box_calendar A{ text-decoration:none; color:#183A52; font-weight:normal}
#box_calendar A:hover{ text-decoration:underline}

.table_calendar{ text-align:center; font-size:12px; border-collapse:collapse; border-spacing:0; }
	.table_calendar  TR.first TD{  background-color:#E8EBEF; font-size:16px; font-weight:bold }
	.table_calendar TD{ background-color:#FFF; color:#000; font-weight:bold; text-align:left; font-size:40px; font-weight:normal; vertical-align:top; width:calc(100% / 7)}
		.table_calendar TD A{ display:block; color:#183A52; padding:5px;}
		#box_calendar TD.on A{
				color:#FFF;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f20000), to(#b00000));
				background: -webkit-linear-gradient(top, #f20000, #b00000);
				background: -moz-linear-gradient(top, #f20000, #b00000);
				background: -ms-linear-gradient(top, #f20000, #b00000);
				background: -o-linear-gradient(top, #f20000, #b00000);
				/* For Internet Explorer 5.5 - 7 */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f20000, endColorstr=#b00000);
				/* For Internet Explorer 8 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f20000, endColorstr=#b00000)";
			}
		
		
	#bg_grey{ padding:2px; font-weight:bold;  background-color:#545559;   color:#FFFFFF; font-size:13px; line-height:30px; margin-top:5px}
		#bg_grey A{ color:#FFFFFF; font-size:30px; line-height:20px}
	.table_calendar .linkClean{ font-size:17px; line-height:17px}
	.table_calendar .linkClean:hover{ color:#000000}

/*------------------CALENDAR MONTH--------------------*/
.table_calendar.month{}
.table_calendar.month .top TD{ font:12px}
.table_calendar.month TD{ font-size:12px}

/*------------------AUTOCOMPLETE--------------------*/
.autocomplete_results {
	/*max-height:100px; overflow:auto*/
}
.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: 11px;
	font-family: 'Open Sans', sans-serif, Verdana, Geneva, sans-serif;
	color: #999;
}
.autocomplete_results a:hover {
	background-color: #bbcef1;
	border: 1px solid #6d95e0;
}
.autocomplete_results a:hover STRONG {
	font-size: 11px;
	font-family: 'Open Sans', sans-serif, Verdana, Geneva, sans-serif;
	color: #333;
}

.ui-autocomplete{ max-height:300px; overflow: hidden; overflow-y:scroll}
.ui-menu .ui-menu-item-wrapper { min-height: 18px; font-size: 14px}
.ui-menu .ui-menu-item-wrapper.ui-state-active{ font-weight:normal}
#ui-datepicker-div {
	z-index: 1000 !important;
}

#add{display:none; position:absolute; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:top right; padding-top:30px; z-index:1000;}	
#overlay{ display:none; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:100; top:0px; left:0px}

#box_email{position:fixed; left:5%; top:5%; background-color:#f7f7f7; padding:0px; width:90%; height:90%; 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.active{ display: block}
#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:#41121d;  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}*/;
}

.popup{position:absolute; left:160px; background-color:#a4c9dc; width:600px; height:400px; display:none; z-index:200; padding:10px;
	-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}*/;
	}
.popup_int{
	-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}*/;
	background-color:#FFF;
	height:100%;
	overflow:auto;
}
.popup .close{ text-align:right; line-height:30px}

/*------------------TABS--------------------*/
.tabs{ padding:0px; margin:0px; width:100%; background-color:#92b9ca; height:25px; padding-top:25px; margin-bottom:15px}
.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{ padding:0.5em 1em; float:left; color:#212121}
	
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}
.error{ background-color:#cd0000; font-size:14px; font-weight:bold; padding:10px; clear:both; color:#FFF; width:50%}



    .filters_navigation{overflow:auto;}
    .filters_navigation H3{background-color:#E5EEF2;margin:0;padding:5px 5px 5px 30px; border-width:1px 0; border-style:solid; border-color:#92B9CA;cursor:pointer; }    
    .filters_navigation .filters{padding:5px;}

	.filters_navigation H3.plus{background:#E5EEF2 url("images/plus.jpg") no-repeat 5px 5px; }
    .filters_navigation H3.minus{background:#E5EEF2 url("images/minus.jpg") no-repeat 5px 5px; }
	
	#period{overflow:auto;}
	#period li{float:left; width:120px; }
	#period li.radio{float:left; width:70px;clear:left;}
	#period .text{float:left; width:70px; }
	#period a.prev,
	#period a.next{float:left; display:block;width:9px;height:18px;text-indent:-9999px; }


	#period a.prev{ background:transparent url("images/prev_next.gif") no-repeat -9px 0px;margin:0 0 0 5px; }
	#period a.next{ background:transparent url("images/prev_next.gif") no-repeat 0px 0px;margin:0 5px 0 0; }

/*------------------TOAST--------------------*/
#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
	top: 12px;
	right: 12px;
}
#toast-container .toast{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff; background-color: rgba(189,54,47,.8); font-size:14px; background-image:url(../images/calendarIcon.png); background-repeat:no-repeat; background-position:12px 17px;}
#toast-container .close{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}    
#toast-container .close:hover{ color:#000}
#toast-container .title{ font-weight:bold}
#toast-container .toast.yellow{  background-color: rgba(248,148,6,.8); background-image:url('../images/warning.png')}


/*------------------CHAT--------------------*/
.chat_container{ width:100%; height:100%;}


.chat_container #comments{ width:calc(100% - 200px); height:100%; float:left; overflow:auto; box-sizing: border-box; border-right:1px solid #ccc;  padding-right:10px}
.chat_container #users{ width:200px; height:100%; float:left; overflow:auto; box-sizing: border-box; padding-left:10px}


/*tasks*/
.chat_container #users a{ font-size:12px; display:block; border-top:1px solid #CCC; width:100%; padding:10px 0px; box-sizing: border-box; cursor:pointer}
.chat_container #users a.selected{ padding:10px}
.chat_container #users A B{ float:right;background-color: #F00;color: #FFF;font-weight: bold; display: inline-block; padding: 4px 7px; margin-top:-4px;  -moz-border-radius:  				10px; -webkit-border-radius: 				10px ; 	border-radius: 						10px; margin-right:5px}

/*COMMENTS*/
.chat_container #comments span{ font-size:12px; display:block; background-color:#f1f1f1; width:70%; margin-bottom:15px; padding:10px; 
		 -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; clear:both;
		}
.chat_container #comments span.my{ float:right}		
.chat_container #comments span.complete{ opacity:.5;}
.chat_container #comments span B{ display:block; font-weight:bold; color:#F00}
.chat_container #comments span I{ float:right}
.chat_container #comments span .close{ float:right}
.chat_container #usercomment{ width:100%;}

.custom-combobox {
    position: relative;
    display:  flex;
	width: 100%;
	padding-top: 0 !important;
}
.custom-combobox INPUT{ flex: 1}
/*
.chat_container #formular{ width:100%; height:80px; background-color:#EEE; box-sizing:border-box; border-top:1px solid #CCC; padding:10px}
.chat_container .autocomplete_results A{ display:inline-block}
.chat_container .autocomplete_results{ display:contents}
.chat_container #users{ border:1px solid #CCC; width:300px; background-color:#FFF; height:100%; float:left; box-sizing: border-box; padding:5px}
.chat_container #users INPUT{ border:0px}
.chat_container textarea{ height:100%; width:calc(100% - 330px); float:left; margin-left:10px; box-sizing: border-box; padding:5px}
*/

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  background-color:#F00; color:#FFF; font-weight:bold; display:inline-block;
  padding:5px 10px;
   -moz-border-radius:  				15px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				15px /*{global-radii-buttons}*/;
	border-radius: 						15px /*{global-radii-buttons}*/;
}

.badge {
	font-size: 13px;
	display: inline-block;
	color: #fff;
	background: #8e8e93;
	background-color: rgb(142, 142, 147);
	border-radius: 20px;
	padding: 1px 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.folder svg{ width: 30px; fill: #5590d2}
.folderlist{ width: 100% }
.folderlist thead{ border-bottom: 1px solid #999; font-weight: bold}
.folderlist td{ padding: 5px 3px; border-bottom: 1px solid #dfdfdf; font-size: 14px;}
.folderlist TR TD:nth-child(3){ font-weight: bold}
.folderlist TR.subfolder TD:nth-child(3){ font-weight: normal; padding-left: 15px}

.body-map svg{ width: 300px; height: 550px}
.body-map path{ cursor: pointer}
.body-map path.over{ fill: #ff0000; fill-opacity: .3}
.body-map path.go_bck, .body-map path.go_frt{ fill-opacity: 0}


/*------------------CUSTOM CHECKBOX--------------------*/
/* Customize the label (the container) */
.custom-checkbox {
	position: relative;
	padding: 6px 16px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-height: 50px; box-sizing: border-box; display: flex; align-items: center; width: 100%;
}
.folderlist .custom-checkbox{ min-height: 10px}

.custom-checkbox.inline{ float: left; background-color: #74c318; border-radius: 3px; padding: 10px 10px; padding-left:45px; margin-right: 10px; color: #FFF}
/* Hide the browser's default checkbox */
.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: relative;
	height: 25px;
	width: 25px;
	background-color: #eee;
	order: -1; margin-right: 10px; flex: 0 0 auto;
}
.custom-checkbox input[type='radio'] ~ .checkmark { border-radius: 100% }
.custom-checkbox.inline  .checkmark{ left: 10px; top: 8px}
/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


@media print {
	BODY
	{
		font-family:Lucida Grande,Lucida Sans;
		width:100%;
		height:100%;
		font-size:12px;
		margin:0px; 
		padding:0px;
		background-color:#FFF
	} 
	#toast-container{ display:none}
	.noprint{ display:none !important}
	.width_print{ width:100% !important}
	#tabs2{ margin:0px !important}
	.ui-tabs .ui-tabs-panel{ padding:0px}
	.ui-widget-content{ border:0px}
	
	a{ color:#000}
	table{ border-collapse:collapse !important; border:1px solid #000}
	.admin_content TD, .admin_content tr{ border-bottom:1px solid #000}
	.white tbody td.first{ border-left:1px solid #000}
	.white tbody td.last{ border-right:1px solid #000}
	
	.noborder TD, .noborder TR{ border:0px}
	
	td{ font-size:12px;}
	.tr1 td, .tr2 td{ padding:5px 5px 5px 3px}
	
	.break{page-break-before: always}
	.onhold{ background-image:url(images/smile.gif); background-repeat:no-repeat; background-position:right top}
	thead{ page-break-before:avoid !important}
	
	.pad10, #containter{ padding:0px; margin:0px}
	.menu, #submenu, .sigla, .tabs, .ui-tabs .ui-tabs-nav{ display:none}
	.main{ width:100%; float:none}
	#header_menu{ display:none}
	FORM.print{ display:block}
}