html, body{
	font-family: 'Roboto Condensed',Tahoma,Arial,sans-serif;
	font-size: 16px;
	background: #161616;
	color: #ccc;
}
hr {
    margin: 0;
    border: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #3e3d3d;
}
.censo .sticky {
    box-shadow: none;
	background:red;
}
.statusbar div {
    border-right: 1px solid #3d3a3a;
    border-left: 1px solid #000000;
    color: #607d8b;
}
.dbgrid ul:nth-child(even){
	background: #202020;
}
.dbgrid ul:hover{
    background: #00bcd4;
    color:#fff;
}
.statusbar {background: #1f1f1f;box-shadow: none;border-top: 1px solid #3d3d3d;}
.doc, .grid {
    background: #2b2b2b;
    color: #ccc;
}
.subtitles {
    background: #263238 !important;
}
.subtitles span {
    color: #607d8b !important;
}
.bottombar {
    background: #2b2b2b;
    color: #607d8b;
}
header{
	background: #1f1f1f;
	border-bottom: 1px solid #0f0f0f;
	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;
}
header ul:first-child li {
    border-left: 1px solid #0c0c0c;
    border-right: 1px solid #2c2c2c;
}
.panel-section {
    border-top: 1px solid #262424;
    border-bottom: 1px solid #131212;
}
.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 #191d23; */
	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: #2b2b2b;
	margin:0;
	height: 180px;
	line-height: 150px;
	display:
	block;
	width:100%;
	color: #19bacd;
	font-size:48px;
}

.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: #263238;
	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: #263238;
    font-size:.85rem;
    min-width:160px;
    border-top: 1px solid #1c272c;
    /* box-shadow: 0 0 10px; */
}
.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 #20292e;
	border-top: 1px solid #2b3a41;
	border-left: 2px solid #263238;
	padding: 1rem;
	color: #607d8b;
}

.vertical-nav a:hover{
    border-left:2px solid #ff5722;
}

.vertical-nav a.activo{
    border:0;
    border-left: 2px solid #ff5722;
    color:#FF5722;
    background: #263238;
}
header li, header .ib{
	vertical-align: top;
	line-height:36px;
	height: 36px;
}

header h2, #caption{
	/* color:#077a8d; */
}
header h2{
	background: #00495e;
	color: #fff;
}
header h2 span{
	color: #5496aa;
}

header .home a{
	color: #fff !important;
	vertical-align: top;
}

header .ic span{
	 font-size: 1.25rem;
	 display: block;
	 box-sizing: border-box;
	 height: 36px;
}

header #caption{
	color: #000000;
	/* text-shadow: 1px 1px 1px #fff; */
	font-weight:  normal;
	padding-left: 1rem;
	padding-right:  1rem;
}

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 #caption a{
	color: #ff5722;
}
header ul:first-child li.logo{
	font-size: .85rem;
	color: #ffffff;
	box-sizing:  border-box;
	padding-left: 1rem;
	text-align:  left;
}
.logo .fa-caret-down{
	font-size:1.25rem;
	margin-left:8px;
	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.25rem;
}
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.25rem;
}
.actions .btn {
    box-shadow: none;
}
.actions .btn.enabled i {
    color: #CDDC39;
}
.actions .frmbtn span {
    color: #607d8b;
    /* background: #fff; */
    border-radius:  50%;
    font-size: 1.25rem;
    /* vertical-align: middle; */
    transition: all .2s 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.enabled:hover span{
	color: #ff5722;
	/* background: #00a6be; */
	/* font-size:2rem; */
}
.actions .btn.enabled:active{
	box-shadow:0px 0px 5px #fff;
}

.actions .frmbtn.enabled span {
    cursor: pointer;
    color: #3bbacd;
}

.actions .frmbtn span {
    color: #3b3b3b;
}
.lnkbtn .mdi{
	color: #8BC34A;
	font-size: 1.25rem;
}

nav{
	background: #1f1f1f;
	z-index: 31;
	border-right: 1px solid #1f1f1f;
	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: #546e7a;
	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;
padding: 2px 0;
}
.formulario .title a span {
    color: #607d8b;
}
.formulario fieldset {
    border: 1px solid #161616;
}
.toolbar a, .toolbar a span {
    color: #cddc39;
    border-right: 0;
    border-left: 1px solid #242323;
}
.formulario {
    color: #ccc;
}

.formulario span {
    color: #ccc;
}
.toolbar {
    border-right: 1px solid #272727;
}
.tbCaption .lnk{
	color: #8BC34A !important;
	font-size:.75rem !important;
	width: auto;
	margin: 0 5px;
}

.tbCaption .lnk i{
	color: #8BC34A !important;
}

nav strong{
	font-size: .8rem;
	color: #ffffff;
	/* margin-top: 5px; */
	display:  block;
	text-transform:  uppercase;
	font-weight: normal;
}


nav div a.current{
	color: #79B079;
}
.btnBack span {
    color: #FFEB3B;
}
.ca{color: #19bacd!important;}
.ca2{color: #cddc39 !important;}
.ca3{color: #CDDC39 !important;}
.ca4{color :#ff5722!important;}
.cg{color: #A0A0A0 !important;}
.cb{color:black !important}
.cw{color:#fff !important}
.cr{color: red!important;}
.cor{color: #FF5722 !important;}

.bgca{background: #FF5722 !important;}
.bgca2{background: #00495e !important;}
.bgca3{background: #607D8B !important;}
.cahover:hover{color: #ff8a65!important;}
input[type='text'], 
input[type='number'], 
input[type='button'], 
input[type='submit'], 
input[type='date'], 
input[type='datetime-local'],
input[type='time'],
button,
a.btn, textarea, select, .dynamictextarea{
	border: 1px solid #1f1f1f;
	box-shadow: none;
	color: #fff;
	outline:
	none;
	background: #212121;
	/* box-shadow: inset 1px 1px 3px #212020; */
	border-bottom: 1px solid #333 !important;
}
input:focus, textarea:focus{
	outline:	none;
	border-bottom: 2px solid #F44336 !important;
    color: #4CAF50;
}

button {
    border: initial;
}

button .mdi {
    color: #8BC34A;
}

button:hover .mdi {
    color: #fff;
}
.titles {
	color: #fff;
	/* border-bottom:1px solid #2d8fab; */
	background: #2b2b2b;
}

.titles span{
	 font-weight:normal;
}

h1{
	background: #1b252b;
	color: #ffffff;
	font-weight:  normal;
}
.profile strong{
	color:#00a6be;
}
.grid #listado{
	background: #434343;
}


.grid .row:nth-child(even), .data tr:nth-child(even) {
    background: #343333;
}
.grid .row:nth-child(odd), .data .row:nth-child(odd) {
    background: #434343;
}
.grid .row:hover{
	background: #607d8b;
	color: #191d23;
}
.btnIndicacion{
		border-radius: 0;
}
.btnIndicacion .mdi, .bitbtn .mdi {
    box-shadow: none;
    border-radius: 0;
}
.btnIndicacion:hover .mdi {
    color: #c5e1a5 !important;
    background: #00bcd4;
    box-shadow:none;
}
#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 0 auto;
	text-align:
	center;
	font-size:0;
	background: #263238;
	/* box-shadow: 0 0 10px; */
}

#mnuidx a{
	color: #8b8b8b;
	font-size: 0.75rem;
	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: #ff5722;
	border-bottom: 2px solid #ff5722;
}
.content-nav a:hover{
    /* border: 1px solid #ff5722; */
}
.content-nav a:hover figure{
	/* color: #fff; */
	/* background: #191d23; */
	/* border: 1px solid #ff5722; */
	/* box-shadow: 10px 10px 35px #999; */
}


.content-nav a.child:hover {
	box-shadow: 5px 5px 8px 0 rgb(0 0 0 / 31%), 0 -1px 2px 0 rgb(0 0 0 / 16%);
	z-index: 3;
}

.content-nav a:hover figcaption{
	background: #ff5722;
	color: #ffffff;
}
.content-nav a:hover i{
    color: #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;
	color: #607d8b;
}
header a:hover{
	/* text-shadow: 0 0 5px #fff; */
	color: #fff;
}
.fbactions{
	position:absolute;
	right: 1rem;
	top:0;
	z-index: 1005;
	font-size:  0;
}

.fbactions a{
	display: inline-block;
	font-size:.75rem;
	line-height:27px;
	height:27px;
	text-align: center;
	width: 32px;
	padding:0 .25rem;
	color: #31747d;
	cursor:auto
}

.fbactions .enabled{
	display: inline-block;
	font-size:.75rem;
	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:.75rem;
	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: #191d23;
}

.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: #ff5722 !important;
}
.subnav span{
	position:absolute;
	right:0;
	color:#4CAF50;
}

.formulario h3{
		color: #78909c;
		/* border-radius: 15px; */
		text-shadow: none;
		background: #161616;
}

.prbtn{
	padding-right: 32px;
}

.btnglyph{
	position: absolute;
	right: 0;
	max-width: 32px;
	top: 0;
}

.cards{

}

.card{
	position:relative;
}
.card h1{
	background:none;
	color: #191d23;
	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: #191d23;
}
.card em{
	font-style:normal
}
.card-actions-bottom a{
	color: #4CAF50;
	text-transform:uppercase;
}
.bgw{background: #161616;}
#inhaloterapia, .bgg{
	background: #212121;
}
.bglg {
    background: #424242;
}
table.bdr, table.bdr td, .bdr {
    border: 1px solid #333333;
}

table.data td{
	border-color: #3e3e3e;
}
table .bgg {
	color:#6b99b0;
	font-size:.75rem;
	text-transform: uppercase;
}

.btnCloseCard{
	position:absolute;
	right: .5rem;
	top: .5rem;
}

.lista{
	vertical-align:top;
}

.lista h4{
	background: #1f1f1f;
	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 #1e1d1d;
	color: #ccc;
	position:
	relative;
	font-size:  .9rem;
}
.widget{
	background: #2b2b2b;
	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: #191d23;
	color: #FAFAFA;
	padding:1.5rem 1rem;
}

.winterconsulta{
	padding:1rem;
}


.panel:hover {
	background: #000000;
	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: #263238;
	color:#fff;
}

.panel .actions-bottom a:hover{
	background: #ff5722;
}

.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:#2b2b2b;
	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: #8bc34a;
	font-weight:
	normal
}

.listahor td div {
	margin-top:5px;
}

.bigicon{
	display:block;
	font-size: 1.25rem;
	color: #F44336;
	margin: .5rem 0 1rem 0;
}

#indicaciones .ec *{
	background: #1f1f1f;
	color: #607d8b;
}

#indicaciones .ec h3{
	height:48px;
	padding:  0 1rem;
	line-height:  48px;
	font-size:  16px;
}

#indicaciones .ec h3 span:first-child{
	color: #00bcd4;
	box-shadow:
	none;
	text-shadow:
	none;
}
#indicaciones .ec h3 .mdi-check-bold{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: #3bbbce;
}
#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; */
}

.lnk{
	cursor:
	pointer;
	color: #3bbbce;
}
.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: #191d23;
}

#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;	
}

.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: #1a1a1a;
}

.toolbarhorario a{
	padding:5px;
	font-size:12px;
	display:inline-block;
	width:50%;
	text-align:center;
	color:#607D8B;
}

.toolbarhorario .activo{
	background: #263238;
	color:#ffffff;
}

.toolbarhorario a:hover{
	background:#9dd3da;
	color:#ffffff;
}

.actions .btnCollapse {
	background: #3bbacd !important;
	font-size:0;
	margin-top: 6px;
	padding: 0;
	line-height:24px;
	height:24px;
	border-radius: 24px;
}

.actions .btnCollapse .mdi {
	background: none;
	display:inline-block;
	width: 24px;
	height: 24px;
	background: #CDDC39;
	line-height:24px;
	border-radius: 24px;
	padding:0 ;
	font-size:1.25rem;
	position:relative;
}
.actions .btnCollapse span:last-child{
	border-radius:0 24px 24px 0;
	color:#fff;
	padding:0 !important;
	position:relative;
	width:0;
	overflow:hidden;
	transition: all .2s ease-in;
	line-height: 24px;
}
.actions .btnCollapse:hover span:last-child {
	width:70px;
	text-align: center;
}
.fancybtn{
    background: #191d23;
    /* 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 #282525;
}
.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,
.locked a.btn{
	background: transparent;
	border: 1px solid #2f2e2e;
	border-bottom: 1px solid #3a3939;
	color: #607d8b;
	box-shadow: none;
	resize: none;
	box-shadow: inset 1px 1px 4px #242323;
	border-bottom: 1px solid #333 !important;
}
.locked input[type="number"],
.locked input[type="date"],
.locked input[type="datetime-local"],
.locked select{
 	-webkit-appearance: none;	
 	padding:0 5px;
}
.locked textarea{
	padding: inherit;
	border: 1px solid #2f2e2e;
	border-bottom: 1px solid #3a3939;
}

#fabSettings .fab{
	background-color: #4CAF50;
}

#frmregenf .matutino input, 
#frmregenf .matutino textarea,
#frmregenf .matutino .clTurno{
	color: #2196F3 !important;
}

#frmregenf .vespertino input, 
#frmregenf .vespertino textarea,
#frmregenf .vespertino .clTurno{
	color: #4CAF50 !important;
}

#frmregenf .nocturno input, 
#frmregenf .nocturno textarea,
#frmregenf .nocturno .clTurno{
	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;
	background: #263238;
}
#navHeader li{
	font-size:12px;
	display:inline-block;
	vertical-align:top;	
}
#navHeader a{
	display:block;
	padding:0px 8px;
}
#navHeader li:first-child{
	color: #ffeb3b;
}

#navHeader a:hover{
	background:#fff;
}

.censo{
	font-size:12px;
	/* background: #111111; */
}

.censo .titles {
	background: #263238;
	color: #607d8b;
}
.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:#191d23;
}

.nitem{
	background:#191d23;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;	
}

.flex-row{
	display:flex !important;
	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:.75rem;
}

.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: #191d23;
}

/* 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
}

.secciones_sticky {
    background: #263238 !important;
}

.secciones_sticky div:not(.ca) {
    background: #263238 !important;
}

.secciones {
    background: #263238 !important;
    color: #607d8b !important;
}

#slide-form.lg-form-container>div.lg-form-wrapper>div.lg-right-pane {
    background: #222;
}

.fancybox-skin {
	background: rgb(32 32 32);
	color: #ccc;
	background: rgb(32 32 32);
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(32 32 32)), color-stop(100%,rgb(32 32 32)));
	background: -webkit-linear-gradient(top,  rgb(32 32 32) 0%,rgb(32 32 32) 100%);
	background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgb(32 32 32) 0%,rgb(32 32 32) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
}

.formulario .i-content{
	background: #2b2b2b;
}

#indicaciones strong.ca2{
	/* color: #ff5722 !important; */
}

.chkhors td:nth-child(even) {
    background: none;
}

.chkhors td {
    border: 1px solid #313131 !important;
}

.card {
    background: #1f1f1f;

}

.card-active .card-content {
    color: #ccc;
}
.card-title {
    color: #4CAF50;
    border-bottom: 1px solid #2b2828;
}
.card-actions-bottom {
    border-top: 1px solid #191717;
}
b.tag {
    background: #1f1f1f;
}

.list_options {
    border: 1px solid #212121;
    box-shadow: 5px 5px 5px #262424;
	z-index: 1;
}

.dialog-toolbar {
    box-shadow: 2px 5px 5px #161515;
}

input[type="submit"].btn, input[type="button"].btn, a.btn, button, button.btn {
	background: #00495e;
	box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
	border:0 !important;
}
input[type="submit"].btn:hover, input[type="button"].btn:hover, a.btn:hover, button.btn:hover {
	background: #607D8B;
}

a.btnglyph {
    border: 0;
    box-shadow:none;
    border-bottom: 1px solid #333 !important;
    color: #006064;
    background: #161616;
}
a.btnglyph .mdi{
	color: #006064;
}
a.btnglyph:hover {
	background: #263238;
	/* color: #006064; */
}
.locked a.btnglyph {
	background: #2b2b2b;
	box-shadow: none;
	border: 1px solid #2f2e2e !important;
}
.btnglyph_inline {
    border-bottom: none;
}

.rec:hover, .data .rec:hover{
	cursor: pointer;
	background: #263238;	
}

.ui-timepicker-standard a{
	text-align:left;
	padding: .2em .4em;
	font-size: .75em;
	color: #607D8B;
}

.bootstrap-wrapper .bgg .col{
    background:#444;
}

.bootstrap-wrapper .bdr{
    border:1px solid #555;
}

.bootstrap-wrapper .bdr .row{
	border:0;
    border-bottom:1px solid #555;
}
