html, body{
	font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif;
	font-size: 14px;
	background:#f3f3f3;
	color: #444;
}

header{
	background: #00495e;
	border-bottom: 1px solid #012f3c;
	height: 36px;
	box-sizing:  border-box;
}

.header-nav {
	font-weight:bold;
	text-transform:uppercase;
	color:#FF5722;
	line-height:48px;
	vertical-align:top;
}

.header-nav i{
	font-size:48px;
	color:#FF5722;
	margin-right:1rem;
}

.header-nav span{
	display:inline-block;
	vertical-align:top;
}

.content-nav {
	text-align: center;
/*	margin-top:  1rem;
	max-width: 1024px;
*/	margin: 0 auto;
}
.content-nav a.child{
	text-align:center;
	display:inline-block;
	margin: 10px;
	width: 150px;
	vertical-align:top;
	position:  relative;
	/* border: 1px solid #00bcd4; */
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 -1px 2px 0 rgba(0,0,0,.1);
	overflow: hidden;
	border-radius: 5px;
}

.content-nav figure{
	padding:0;
	background:#fff;
	margin:0;
	height: 180px;
	line-height: 150px;
	display:block;
	width:100%;
	color: #00bcd4;
	font-size:48px;
}
.content-nav a.child:hover {
	box-shadow: 0 25px 20px 0 rgba(0, 0, 0, 0.31), 0 -1px 2px 0 rgba(0, 0, 0, 0.16);
	z-index: 3;
}

.content-nav a:hover figcaption{
	background: #FF5722;
	color: #ffffff;
}
.content-nav a:hover i{
    color: #ff5722;
}

.content-nav .attach figure{
	color: #CDDC39;
}

.content-nav .attach figure span{
	position:absolute;
	top: -6px;
	left: 0px;
	padding:0;
	line-height:1;
	width:auto;
}

.content-nav figcaption{
	padding: 10px 5px;
	font-size: 12px;
	text-align: center;
	background: #00bcd4;
	border: 0;
	color: #fff;
	position:  absolute;
	width:  100%;
	bottom: 0;
	box-sizing:  border-box;
	/* min-height: 46px; */
	text-transform:  uppercase;
	white-space: nowrap;
	text-overflow:  ellipsis;
	overflow:  hidden;
}

.content-nav .detail{
	position:  absolute;
	font-size:1rem;
	top: 2.5rem;
	left:0;
	width:100%;
	color: #888;
	-text-shadow:1px 1px 2px #999;
	font-size:.85rem;
	font-weight:normal;
	text-align:center;
	text-transform: uppercase;
}

.content-nav .attach figcaption{
	text-transform:none;
	font-size:.75rem
}

.vertical-nav{
    background: #00bcd4;
    font-size:.85rem;
    min-width:160px;
    border-top: 1px solid #1b9eaf;
}
.vertical-nav-content{
    padding: 1rem;
    height: calc(100vh - 72px);
    overflow-y: auto;
    box-sizing: border-box;
}
.vertical-nav a{
	display:block;
	border-bottom: 1px solid #00aec3;
	border-top: 1px solid #07dcf7;
    border-left:2px solid #00bcd4;
	padding:1rem;
	color: #4c4c4c;
}

.vertical-nav a:hover{
    border-left:2px solid #ff5722;
}

.vertical-nav a.activo{
    border:0;
    border-left:2px solid #ff5722;
    color:#FF5722;
    background: #f3f3f3;
}

.med-thumbs{
    display: flex;
    flex-direction: row;
    height: calc( 100vh - 72px );
    width: 100%;
    flex-wrap: wrap;
    border: 3px solid #00495e;
    box-sizing: border-box;
}
.med-thumbs a{
    box-sizing: border-box;
    border: 3px solid #00495e;
    flex-grow: 1;
    height: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 33.33%;
    max-width: 33.33%;
    color: #00bcd4;
    font-size:1rem;
    background: #ffffff;
    position: relative;
}

.med-thumbs .tag{
    position: absolute;
    top: 0rem;
    left: 0;
    margin: 0;
    background: #607d8b;
    color: #fff;
    width: 60%;
    height: 32px;
    line-height: 32px;
    text-align: center !important;
    padding: 0rem 1rem;
    transition: all 500ms ease-in;
    white-space: nowrap;
}
.med-thumbs .mdi{
    color: #607d8b;
    font-size: 4rem;
    top:0rem;
    transition: all 500ms ease-in;
}
.med-thumbs a:nth-child(1) .tag{
	background:#E91E63
}
.med-thumbs a:nth-child(1) .mdi{
	color:#E91E63
}
.med-thumbs a:nth-child(2) .tag{
	background:#3F51B5
}
.med-thumbs a:nth-child(2) .mdi{
	color:#3F51B5
}
.med-thumbs a:nth-child(4) .tag{
	background:#4CAF50
}
.med-thumbs a:nth-child(4) .mdi{
	color:#4CAF50
}
.med-thumbs a:nth-child(3) .tag{
	background:#03A9F4
}
.med-thumbs a:nth-child(3) .mdi{
	color:#03A9F4
}
.med-thumbs a:nth-child(5) .tag{
	background:#9C27B0
}
.med-thumbs a:nth-child(5) .mdi{
	color:#9C27B0
}
.med-thumbs a:nth-child(6) .tag{
	background:#FF5722
}
.med-thumbs a:nth-child(6) .mdi{
	color:#FF5722
}
.med-thumbs a:nth-child(7) .tag{
	background:#00BCD4
}
.med-thumbs a:nth-child(7) .mdi{
	color:#00BCD4
}

.med-thumbs a:hover .tag{
	height: 100%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding:0;
	width:100%;
	opacity:.7;
	text-shadow:1px 1px 5px black;
}
.med-thumbs a:hover .mdi{
    font-size: 3rem;
    top:-3rem;
    position:relative;
    color:#000;
}

header h2, #caption{
	color:#077a8d;
}
header h2{
	background: #00495e;
	color: #fff;
}
header h2 span{
	color: #5496aa;
}

header .home{
	color:#fff;
	vertical-align: top;
}

header .home span{
	 font-size: 1.5rem;
	 display: block;
	 box-sizing: border-box;
	 height: 36px;
}

header #caption{
	color: #8BC34A;
	/*text-shadow: 1px 1px 1px #fff;*/
	font-weight:  normal;
	padding-left: 1rem;
	padding-right:  1rem;
}

li#caption {}
header #caption span{
	background:#ddd;
	display:inline-block;
	color:#aaa;
	width: 40px;
	text-align:  center;
	/* border-radius:  50%; */
	height: 40px;
	line-height:  40px;
	margin-left: .5rem;
}
header ul:first-child li.logo{
	/*! border-right: 1px solid #00313f; */
	/*! border-left: 1px solid #006583; */
	/*! display: none; */
	font-size: .85rem;
	color: #ffffff;
	box-sizing:  border-box;
	padding-left: 1rem;
	text-align:  left;
	/* letter-spacing:10px; */
}
.logo .fa-caret-down{
	font-size:1.25rem;
	margin-left:8px;
	/* background:red; */
	/* display:inline-block; */
	margin-top: -3px;
	vertical-align: middle;
}
header ul:first-child li.logo .mdi-power{
	height: 24px;
	width: 24px;
	background: #f00;
	color: #ffffff;
	display:  inline-block;
	line-height: 24px;
	text-align:  center;
	margin-right: .5rem;
	border-radius: 50%;
	font-size:1.5rem;
}
header ul:first-child li.logo .mdi-account{
	height: 24px;
	width: 24px;
	background: #ccc;
	color: #ffffff;
	display:  inline-block;
	line-height: 24px;
	text-align:  center;
	margin-right: .5rem;
	border-radius: 50%;
	font-size:1.5rem;
}
.actions .btn {
    box-shadow: none;
}
.actions .btn.enabled i {
    color: #CDDC39;
}
.actions .frmbtn span {
    color: #042320;
    /* background: #fff; */
    /* border-radius:  50%; */
    font-size: 1.5rem;
    vertical-align: middle;
    transition: all .25s ease-in-out;
}
.actions .btn.enabled:hover{
	text-shadow:  none;
	background: #087d8c;
}
.lga-button .btn:hover{
	text-shadow:  none;
	background: #087d8c;
}
.actions .btn.enabled:active{
	box-shadow:0px 0px 5px #fff;
}
.actions .frmbtn .mdi:before {
    transition: all .25s ease-in-out;
}
.actions .frmbtn.enabled:hover .mdi:before{
	color: #ffffff;
	/* background: #00a6be; */
	font-size:2rem;
	/*transform: rotateY(360deg);*/
}
.actions .btn.enabled:active{
	box-shadow:0px 0px 5px #fff;
}
.lnkbtn .mdi{
	color: #FFEB3B;
	font-size: 1.25rem;
}

nav{
	background: #00495e;
	z-index: 31;
	border-right: 1px solid #133f4c;
	box-sizing: border-box;
}
nav a{
	color: #fff;
}
nav a.parent{
	color:#fff;
	border-bottom: 1px solid #00313f;
	border-top: 1px solid #006583;
}
nav > a:hover{
		background:#00a6be;
		color: #fff !important;
}
nav  a:hover{
	color:#FFF;
}

nav > .current:hover{
	color: #fff !important;
}
.wdgres{
	padding:0

}
.wdgres a{
	display:inline-block;
	background: #e91e63;
	box-shadow: 0px 0px 5px #009688;
	line-height:48px;
	height:48px;
	padding:0;
	width:48px;
	border-radius:50%;
	margin: 0 5px;
}

.wdgres .bigicon{
    margin:0
}


.childs i.fa{
	color: #008eb7;
}

.current_grid_row{
	color: #e47100 !important;
}

nav>a.current{
	color: #79B079 !important;
}
nav div{
	/* background:#002a35; */
	color: #a2aeb2;
	padding: .5rem .5rem;
	font-size: .5rem;
	box-shadow: none;
}
nav div:first-child{
	/* margin-top:1rem; */
}

nav span:first-child{

width: auto !important;

display:  block;

text-align:  left;

font-size: .7rem;

text-transform:  uppercase;
}

nav strong{
	font-size: .8rem;
	color: #8BC34A;
	/* margin-top: 5px; */
	display:  block;
	text-transform:  uppercase;
	font-weight: normal;
}


nav div a.current{
	color: #79B079;
}
.ca{color: #00BCD4!important;}
.ca2{color: #FF9800 !important;}
.ca3{color: #CDDC39 !important;}
.cg{color: #A0A0A0 !important;}
.cb{color:black !important}
.cw{color:#fff !important}
.bgca{background: #FF5722 !important;}
.bgca2{background: #00495e !important;}
.bgca3{background: #607D8B !important;}


.titles {
	color: #fff;
	/* border-bottom:1px solid #2d8fab; */
	background: #00495E;
}

.titles span{
	 font-weight:normal;
}

h1{
	background: #00BCD4;
	color: #ffffff;
	font-weight:  normal;
}
.profile strong{
	color:#00a6be;
}
.grid .row:hover{
	background: #E8F5E9;
	color: #00BCD4;
}

#main{
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 36px;
}

#main.full{
	padding-left: 0;
	margin: 0;
}
.full #content{
	padding:0
}

#mnuidx{
	margin: 0 0 0rem auto;
	text-align:center;
	font-size:0;
	background: #00BCD4;
	box-shadow: 0 0 10px;
}

#mnuidx a{
	color: #4c4c4c;
	font-size: 0.8rem;
	display:inline-block;
	padding: .715rem 1rem;
	text-transform:  uppercase;
	box-sizing: border-box;
}

#mnuidx i{
	padding-right:.25rem;
}

#mnuidx a:not(.curidx):hover{
	border-bottom: 2px solid #FF5722;
}
#mnuidx .curidx{
	color: #ffffff;
	border-bottom: 2px solid #FF5722;
}

.actions a{
	border:0;
}
.logo{
	text-align:center;
}
header #alerts{
	position:relative;
	border-left: 1px solid #05637e;
	border-right:  1px solid #063543;
}
header #alerts span{
	font-size: 1.25rem;
	vertical-align:middle;
	color: #ffffff;
}
header #alerts i{
	/* font-size:1.5rem; */
	/* vertical-align:middle; */
	color: #ff9800;
	font-style: normal;
	/* background: #FF9800; */
	/* font-size: 10px; */
	/* font-weight:bold; */
	/* width: 18px; */
	/* height: 18px; */
	/* line-height: 18px; */
	/* display:block; */
	/* border-radius:50%; */
	/* position:absolute; */
	/* top:5px; */
	/* right: 5px; */
	/* text-align:center; */
}
header #inme{
	color:#fff;
	border-right: 0;
}
header a{
	padding: 0 1rem;
	display: block;
}
header a:hover{
	text-shadow: 0 0 5px #fff;
}
.fbactions{
	position:absolute;
	right: 1rem;
	top:0;
	z-index: 1005;
	font-size:  0;
}

.fbactions a{
	display: inline-block;
	font-size:.8rem;
	line-height:27px;
	height:27px;
	text-align: center;
	width: 32px;
	padding:0 .25rem;
	color: #31747d;
	cursor:auto
}

.fbactions .enabled{
	display: inline-block;
	font-size:.8rem;
	line-height:27px;
	height:27px;
	text-align: center;
	width: 32px;
	padding:0 .25rem;
	color: #AED581;
	cursor:pointer
}

.fbactions .enabled i{
	cursor: pointer;
}

.fbactions a.enabled:hover i{
	color: #FF9800;
}

.content-panel{
	padding: 0 0 0 220px!important;
	min-height:0 !important;
}
.content-full{
	padding: 0!important;
	min-height:0 !important;
}
.content-full .doc{
	max-width:100%;
}

.subnav{
	background:#fff;
	font-size:0;
	text-align:center;
	position: fixed;
	top: 50px;
	left:  220px;
	height:100%;
	width: 220px;
}
.subnav a{
	color:#777;
	display:block;
	box-sizing:border-box;
	font-size:.8rem;
	white-space:nowrap;
	text-align:left;
	padding:1rem;
	text-transform:uppercase;
	border-bottom:  1px solid #efefef;
}
.subnav .snactive{
	color: #FF5722;
	background:#EEEEEE;
}

.subnav a:hover{
	background:#FAFAFA;
	color: #00BCD4;
}

.subnav a i{
	margin-right:1rem
}

.subcontent-wrap{
	box-sizing:border-box;
	padding:1rem;
}

.subcontent{
	border-radius:0px;
	background:#fff;
	padding: 0rem;
}
.subcontent .formulario>section{
	padding:0;
}
.subcontent{
	box-shadow:none;
	max-width:100%;
	margin:0
}

.required{
	color:red !important; 	
}
.subnav span{
	position:absolute;
	right:0;
	color:#4CAF50;
}

.formulario h3{
		color: #00BCD4;
		/* border-radius: 15px; */
}

.prbtn{
	padding-right: 32px;
}

.btnglyph{
	position: absolute;
	right: 0;
	max-width: 32px;
	top: 0;
}

.cards{

}

.card{
	position:relative;
}
.card h1{
	background:none;
	color: #00BCD4;
	font-size: 1.5em;
	margin:0;
	padding:  5px 0;
}

.card h2{
	background:none;
	color: #4CAF50;
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:.5rem 0;
}

.card strong{
	color:#FF5722 !important;
}
.card-actions-bottom{
	border-top: 1px solid #eee;
	text-align:right;
	padding-top:.5rem;
	color: #00BCD4;
}
.card em{
	font-style:normal
}
.card-actions-bottom a{
	color: #4CAF50;
	text-transform:uppercase;
}
.bgw{background: #fff}
#inhaloterapia, .bgg{
	background: #f3f3f3;
}

.btnCloseCard{
	position:absolute;
	right: .5rem;
	top: .5rem;
}

.lista{
	vertical-align:top;
}

.lista h4{
	background: #00BCD4;
	color:  #fff;
	margin:  0;
	padding:  .5rem;
	border-radius:5px 5px 0 0;
	font-weight:  normal;
	text-align: left;
}

.lista .panel{
	padding:1rem;
	border-bottom: 1px solid #eee;
	color:  #333;
	position:relative;
	font-size:  .9rem;
}
.widget{
	background:#fff;
	border-radius:5px;		
	margin-bottom:1rem;	
	box-shadow: 0 2px 8px #ddd;	
}
.panel strong{
	color: #8BC34A;
	font-weight:  normal;
}

.ellipsis{
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
	white-space:nowrap
}

.wstandalone{
	background: #00bcd4;
	color: #FAFAFA;
	padding:1.5rem 1rem;
}

.winterconsulta{
	padding:1rem;
}


.panel:hover {
	background: #00495e;
	color: #fff;
}

.panel:hover .apply{
	background:rgba(0,0,0,.5);
	display:block!important;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

.apply span{
	background:#F44336;
	bottom:0;
	color:#fff;
	display:inline-block;
	padding: .5rem 0;
	position:absolute;
	right:0;
	text-align:center;
	text-transform:uppercase;
	width:100%;
}

.apply span i{
	color:#fff !important;	
}

.panel .actions-bottom a{
	font-size:.75rem;
	padding:.5rem 1rem;
	color: #FF5722;
}

.panel:hover .actions-bottom a{
	background:#FF5722;
	color:#fff;
}

.panel .actions-bottom a:hover{
	background:#00bcd4;
}

.panel div{
	margin-top:5px;
}

.panel div:first-child{
	margin-top:0px;
}


.panel .actions-bottom{position: relative;z-index: 2;}

.cursor{
	cursor:pointer;
}
.strike *{
	text-decoration: line-through;
	color:#ddd
}

.hvr:hover{
	color:orange;
}

input[type="datetime-local"].bigtime{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	height: auto;
	}

#contHoraH{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);	
}

#frmHoraH{
	position:absolute;
	top:50%;
	left:50%;
	margin-left: -25%;
	margin-top: -60px;
	background:#fff;
	padding:1rem
}

.listahor{
	background:#fff;
	width:95%;
	margin:0 auto 1rem auto;
	border-bottom:0;
}

.listahor td{
	vertical-align:top;	
	font-size:.9rem;
}

.listahor  strong{
	color:#00BCD4;
	font-weight:normal
}

.listahor td div {
	margin-top:5px;
}

.bigicon{
	display:block;
	font-size: 1.5rem;
	color: #F44336;
	margin: .5rem 0 1rem 0;
}

#indicaciones .ec *{
	background: #00bcd4;
	color: #fff;
}

#indicaciones .ec h3{
	height:48px;
	padding:  0 1rem;
	line-height:  48px;
	font-size:  16px;
}

#indicaciones .ec h3 span:first-child{
	color:#006064;
	box-shadow:none;
	text-shadow:none;
}
#indicaciones .ec h3 .mdi-check{color: #FFEB3B;font-weight:bold;text-shadow:0 0 5px #FFEB3B  !important;}
.formulario .ec a {
    top: 8px;
    right: 1rem;
}

#indicaciones .ec i{
	font-size: 16px;
	color: #00495e;
}
#indicaciones .ec span i{
	font-size: 16px;
	color: #CDDC39;
	margin-left:1rem
}

#indicaciones input[type='text'], #indicaciones input[type='number'], #indicaciones textarea, #indicaciones select, .formulario .inputline{
	background:#fff;
	border:0;
	border-bottom: 2px solid #eeeeee;
	box-shadow: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#000;
	display:block;
	font-size:.75rem;
	height:25px;
	line-height:25px;
	margin:0;
	padding:0;
	text-indent:5px;
	width:100%;
	outline:none;
}

#indicaciones input[type='text']:focus,
#indicaciones input[type='number']:focus,
#indicaciones textarea:focus,
#indicaciones select:focus, .inputline:focus{
	border-bottom: 2px solid #FF5722;
}

#indicaciones .btnglyph, .btnglyph_inline{
	box-shadow:none !important;
	background:none !important;
	color:red !important;
	border-bottom:2px solid #eeeeee !important
}

#indicaciones .btnglyph span, .btnglyph_inline span{
	box-shadow:none !important;
	background:none !important;
	color:red !important;

}

.unauth{
	color:#FF9800 !important;	
}
#indicaciones textarea{
	height:auto;
	border: 2px solid #fff;
	border-bottom: 2px solid #EEEEEE;
	text-indent: 0;
}

#indicaciones textarea:focus{
	border: 2px solid #FF5722;
}
#indicaciones h1{
	display: none;
}
.lnk{
	cursor:pointer;
	color:#009688;

}
.lnk .mdi{
	color:#FF5722;
	display:inline-block;
	transition: all .2s ease-in-out;

}

.lnk:hover .mdi{
	transform:  scale(1.5);
}
nav .lnk:hover{
	text-shadow: 0 0 5px #fff;
}
#selrec .expanded{
	border:1px dotted #FFC107;
	background:#E8F5E9;
}
#selrec .expanded #cest{
	color: #00BCD4;
}

#selrec .expanded #cdet{
	color:#607D8B;
}

.panel-prn{
	background: #f94700ba;
}

.panel-prn strong{
	color: #ffffff;
}

.panel-prn .actions-bottom a{
	color:white;
}
#disponibles{
    overflow-y: auto;
    max-height: 490px;
    min-height: 490px;
    margin: 10px 0 10px 0;
}
.cuidado{
	padding:5px 0;
	border-bottom:1px solid #d8d8d8;
	line-height: 1.5;
}
#disponibles .cuidado input{
	color:#000;
	font-size: 16px;
}

.control-transparente{
	background: none;
    border: 0;	
}

.dialog-toolbar{
	background: #FF8A65;
	position: relative;
	left: -1rem;
	width: 100%;
	top: -1rem;
	border: 1rem solid #FF8A65;
	text-align: center;
	color: #ffffff;
	box-shadow: 2px 5px 5px #ccc;
}


.dialog-toolbar .btn{
	width:auto;
	padding:0 1rem;
	border-radius: 3px
}

.dbgrid td{
	padding: .5rem;
	border-top: 1px solid #eaeaea;
	color:#008eff;
	font-weight: normal;
	font-size: 1.25em;
}

.dbgrid tr:nth-child(odd){
	background:#fff;
}

.dbgrid tr:first-child td{
	background: #4CAF50;
	color: #ffffff;
	border:0;
	border-bottom: 1px solid #181c1d;
	padding: 1.25rem .75rem;
	text-shadow: 1px 1px 3px #000;
}

.ya_casi td{
	background:orange;
	color:#ffffff;
	border: 0;
}

.ya_le_toca td{
	background:green;
	color:#ffffff;
	border: 0;
}

.ya_se_paso td{
	background:red;
	color:#ffffff;
	border: 0;
}

.cx_electiva{
	background:yellow !important;
}


.cx_urgente{
	background:red !important;
}

.cx_urgente td{
	color:#fff !important;
}


.cx_cerrada{
	background:#2196F3 !important;
}
.cx_cerrada td{
	color:#ffffff;
}

.cx_electiva_proceso{
	background: #8BC34A !important;
}

.cx_electiva_proceso td{
	color:#fff !important;
}

.cx_urgente_proceso{
	background: #FF9800 !important;
}

.cx_urgente_proceso td{
	color:#fff !important;
}

.bbfull{
	padding-left: 0;	
	font-size:1rem
}

.toolbarhorario{
	font-size:0;
	background: #fff;
}

.toolbarhorario a{
	padding:5px;
	font-size:12px;
	display:inline-block;
	width:50%;
	text-align:center;
	color:#607D8B;
}

.toolbarhorario .activo{
	background:#CDDC39;
	color:#ffffff;
}

.toolbarhorario a:hover{
	background:#9dd3da;
	color:#ffffff;
}

.actions .btnCollapse span:last-child{
    width:0;
    font-size:0;
}

.actions .btnCollapse.enabled:hover, .actions .btnhover.enabled {
    background: #e91e63;
}

.actions .btnCollapse.enabled span, .actions .btnhover.enabled span {
	color: #fff;
}

.actions .btnCollapse.enabled span:last-child{
	width:0;
	overflow:hidden;
	transition: all .2s ease-in;
	line-height: 24px;
	font-size: 0;
	vertical-align: middle;
}

/*.actions .btnCollapse.enabled:hover .mdi:before, .actions .btnhover.enabled .mdi:before {
	font-size: 1.5rem !important;
}
*/
.actions .btnCollapse.enabled:hover span:last-child, .actions .btnhover.enabled span:last-child {
	width: auto;
	text-align: center;
	font-size: 1rem;
	text-shadow: 0 0 2px #fff;
	margin-left: .5rem;
}

.fancybtn{
    background: #00BCD4;
    /* box-shadow: 0px 3px 1px -2px #9E9E9E, 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12); */
    height: 24px;
    line-height: 24px;
    display: block;
    overflow: hidden;
    box-shadow: 1px 1px 5px #a2a2a2;
}
.fancybtn i{
    font-size: 1.25rem;
    color: #FFEB3B;	
}
.fancybtn span{
	line-height: 26px;
	font-size: 11px;	
}
.fancybtn:hover{
	background:#00495e;
	box-shadow: 0px 1px 5px #4c4a4a;
}

.locked input[type="checkbox"],
.locked input[type="radio"],
.locked input[type="text"],
.locked input[type="number"],
.locked input[type="date"],
.locked input[type="datetime-local"],
.locked textarea,
.locked select{
	background:none;
	border-:0;
	borderbottom:1px solid #ccc;
	color:#000;
	box-shadow:none;
 	resize: none;
}
.locked input[type="number"],
.locked input[type="date"],
.locked input[type="datetime-local"],
.locked select{
 	-webkit-appearance: none;	
 	padding:0 5px;
}
.locked textarea{
	padding:auto;
	border:1px solid #ccc;	
}

#fabSettings .fab{
	background-color: #4CAF50;
}

#frmregenf .matutino input{
	color: #2196F3 !important;
}

#frmregenf .vespertino input{
	color: #4CAF50 !important;
}

#frmregenf .nocturno input{
	color: #ff1100 !important;
}
#navHeader{
	box-shadow: 0px 3px 3px #ddd;
	color:#999;
	font-size:0px;
	height: 24px;
	line-height: 24px;
	overflow:hidden;
	position:fixed;
	text-transform:uppercase;
	top:36px;
	width: 100%;
	z-index:10;
}
#navHeader li{
	font-size:12px;
	display:inline-block;
	vertical-align:top;	
}
#navHeader a{
	display:block;
	padding:0px 8px;
}
#navHeader li:first-child{
	color:red;
}

#navHeader a:hover{
	background:#fff;
}

.censo{
	font-size:12px;
}

.censo .titles {
	background:#009688;

}
.censo td{
	padding:5px ;
}

.censo tr.pac:nth-child(even){
	background:white;
}

.censo tr.pac:hover{
	background:#03A9F4;
	color:#fff;
	cursor:pointer;
}

.censo .titles td:hover {
	cursor: pointer;
	color:#FF9800;
}

.neonatal{
	font-size:1rem;
	line-height: 25px;
}

.neonatal fieldset{
	border-color:#00bcd4;
}

.nitem{
	background:#00bcd4;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;	
}

.flex-row{
	display:flex;
	flex-direction: row;
}

.flex-col{
	display:flex;
	flex-direction: column;
}

.flex-fit{
	flex-grow: 1;
}

/*checkbox beauty*/
.lgachk {
	display: block;
	position: relative;
	padding-left: 29px;
	margin-bottom: 0px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-height: 25px;
	vertical-align: middle;
	line-height: 25px;
}

/* Hide the browser's default checkbox */
.lgachk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.lgachk .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 2px solid #999;
  border-radius:3px;
  box-shadow:0px 0px 2px #999;
  box-sizing:border-box;
}

/* On mouse-over, add a grey background color */
.lgachk:hover input ~ .checkmark {
  border: 2px solid #FF5722;
  background-color: #fff;
}

.lgachk:hover {
  color: #F44336;
}

.lgachk input:checked ~ .checkmark {
  background-color: #FF5722;
  border: 1px solid #FF5722;
}


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

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

/* Style the checkmark/indicator */
.lgachk .checkmark:after {
  left: 7px;
  top: 2px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);

}

.lgaselect{
    border: 2px solid #fff !important;
    cursor:pointer;
    font-size: 1rem !important;
    border-bottom: 2px solid #ccc !important;
}

.lgaselect:hover{
    border: 2px solid #fff;
    border-bottom: 2px solid #FF5722 !important;	
}
.neonatal input{
	font-size:1rem !important;
}

.popupmenu{
	height:100vh;
	width:100%;
	position:absolute;
	top:-36px;
	left:0;
	z-index:2000;
	background: rgba(0,0,0,.5);
	display:none;
}
.popupmenu .items{
	color:#555;
	position:absolute;
	background:#fff;
	border-radius:3px;
	z-index:5;
	top:1rem;
	left:1rem;
	padding:.5rem 0;
	box-shadow: 2px 2px 5px #999;
	font-size:.8rem;
}

.popupmenu li{
	cursor:pointer;
	padding:.5rem 1rem;
}

.popupmenu li:hover{
	background:#efefef;
	color:#FF5722;
}

.popupmenu .lgarad{
	padding-right:1rem;
	padding-top:5px;
	padding-bottom:5px;
}

.popupmenu .lgarad .checkmark{
	top:7px;
	left:.5rem;
}


/* The container */
.lgarad {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height:24px;
  min-height:24px;
}
.lgarad:first-child{
	-background:red;
}
/* Hide the browser's default radio button */
.lgarad input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.lgarad .checkmark {
  position: absolute;
  top: 2px;
  left: 5px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.lgarad:hover{
	background:#FF8A65;
	color:white;
}
.lgarad:hover input ~ .checkmark {
  background-color: #E0E0E0;
}

/* When the radio button is checked, add a blue background */
.lgarad input:checked ~ .checkmark {
  background-color: #00bcd4;
}

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

/* Show the indicator (dot/circle) when checked */
.lgarad input ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.lgarad .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff
}

.acordeon .item{
	border-top:1px solid #ffffff
}

.acordeon .item-title{
	background: #00a899;
	color: #fff;
	padding:.5rem;
}

.acordeon .item-content {
	padding:.5rem;
	display:flex;
}

.acordeon .item-content a{
    flex-grow: 1;
    text-align:center;
    padding:1rem;
    dborder:1px solid #ddd;
}

.acordeon .item-content a:nth-child(even){
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}


.acordeon .item-content a:hover{
    color:#fff;
    background:#FF9800;
}