html, body{
	font-size: 16px;
}

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

header{
	font-size:0;
	height:50px;
	line-height: 36px;
	overflow:hidden;
	position:fixed;
	top:0;
	left:auto;
	right:auto;
	width:100%;
	white-space:nowrap;
	z-index:5;
	background: #fff;
}

header h2, #caption{
	font-size: .85rem;
	margin: 0;
}

header ul{
	overflow:hidden;
}

header ul:first-child li{
	/* cursor:pointer; */
	font-size: .85rem;
	border-left: 1px solid #225d71;
	border-right: 1px solid #052d38;
}

header ul:first-child li.logo{
	width: 220px;
	padding: 0;
	text-align: center;
	border-left: none;
	/*! background: url(/media/logo-horizontal.png) no-repeat center center; */
	vertical-align: top;
	/* height: 50px; */
	background-size: auto 80%;
	/*! filter: grayscale(100%); */
}
header #caption{
	font-weight: bold;
	text-transform: uppercase;
}
a{
	color:inherit;
	text-decoration:none;
}
nav{
	left:0;
	height:100%;
	overflow:hidden;
	position:fixed;
	top: 36px;
	width:220px;
	z-index:1001;
}

nav a{
	display:block;
	height:48px;
	line-height:48px;
	font-size:0;
	overflow:hidden;
	position: relative;
	padding-right: 1rem;
}

nav span, nav i{
	display:inline-block;
	vertical-align:middle;
	font-size:.75rem;
}
.childs span{
	display:block;
	font-size:.75rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 40px;
}
nav i.fa{
	font-size: initial;
	width:40px;
	text-align:center;
}
.childs i.fa{
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
nav span:first-child{
	font-size:1rem;
	width:40px;
	text-align:center;
}
nav div{
	box-shadow: 0px 1px 3px #ccc;
}
nav div a:hover{
	text-shadow:0 0 5px #fff;
}


table{
	width: 100%;
}
table td{
	padding: 3px 0;
}
table th{
	text-align: left;
}
.actions{
	position:fixed;
	right: 0;
	top:0;
	z-index: 1005;
	font-size:  0;
}
.actions a{
	display: inline-block;
	font-size:1.25rem;
	height: 36px;
	line-height: 36px;
	text-align: center;
	vertical-align:bottom !important;
	/* width: 48px; */
	border-right: 1px solid #eee;
	border-left: 1px solid #fff;
	padding: 0 1rem;
}

.actions span{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	/* color: #31747d; */
	/* display:block; */
	line-height: 50px;
}

.actions .frmbtn.enabled span{
	cursor: pointer;
	color: #C5E1A5;
}

.actions .btn{
	width:auto !important;
	height: 24px;
	vertical-align: top !important;
	margin-top: 6px;
	padding: 0 10px 0 10px;
	box-shadow: 3px 3px 3px #818f96;
	/* text-indent: 5px; */
	line-height: 1;
}

.actions .btn:hover{
}

.actions .btn i{
  display: inline-block;
  line-height: 1.5;
  height: auto;
  font-size: 1.25rem;
}

.actions span{
	line-height: 24px;
	vertical-align: top;
	font-size: .8rem;
	}

.inline-toolbar{
	position:static;
	text-align:  right;
	margin:0 .5rem;
}
.inline-toolbar a{
	margin-left: .5rem !important;
	margin-top: 0 !important;
	box-shadow: 2px  2px 3px #999 !important;
}
.inline-toolbar a span:not(.mdi){
	color:#FFF !Important;
}
.inline-toolbar a.btn:active {
    box-shadow: 0 0 0 #fff !important;
}

.ib, header ul, header li {
	display:inline-block !important;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:left;
}
.ibi{
	display:inline-block;
}
.dblk{
	display:block;
}
.border{
	border: 1px solid black;
	padding: 0px !important;
}

.m15{margin:1rem;}
.p15{padding:1rem;}
.pl5{padding-left:.5rem;}
.pb5{padding-bottom:.5rem;}
.pr5{padding-right:.5rem;}
.plr5{padding:0 .5rem;}
.mt1{margin-top:1rem;}
.mt0{margin-top: 0 !important;}
.mt5{margin-top: .5rem !important;}
.m0{margin: 0rem !important;}

.plr15{padding:0 1rem;}
.p3{padding:3px;}
.p5{padding:.5rem;}
.p10{padding:10px;}
.m10{margin:10px;}
.ml1{margin-left:1rem;}
.ml5{margin-left:.5rem;}
.mr1{margin-right:1%}
.mlr1{
	margin-left:.5%;
	margin-right:.5%;
}
.p0{padding: 0!important}
.pr{position: relative;}
.al{text-align:left !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}
.fr{float:right !important;}
.fs0{font-size:0 !important;}
.fs1{font-size:1rem !important;}
.fs16{font-size:16px !important;}
.hidden{display:none !important}
.vat{vertical-align: top !important}
.vab{vertical-align: bottom !important }
.vam{vertical-align: middle !important;}
.tu{text-transform: uppercase;}


.w100{width:100% !important}
.w95{width: 95% !important}
.w90{width: 90% !important}
.w85{width: 85% !important}
.w80{width: 80% !important}
.w75{width: 75% !important}
.w70{width: 70% !important}
.w65{width: 65% !important}
.w60{width: 60% !important}
.w55{width: 55% !important}
.w50{width: 50% !important}
.w49{width: 49% !important}
.w48{width: 48% !important}
.w45{width: 45% !important}
.w40{width: 40% !important}
.w35{width: 35% !important}
.w34{width: 34% !important}
.w33{width: 33% !important}
.w30{width: 30% !important}
.w25{width: 25% !important}
.w20{width: 20% !important}
.w15{width: 15% !important}
.w12{width: 12% !important}
.w10{width: 10% !important}
.w8{width: 8% !important}
.w5{width: 5% !important}
.w4{width: 4% !important}
.w3{width: 3% !important}
.w2{width: 2% !important}
.pt1 {
    padding-top: 1rem;
}
.ptb5 {
    padding: .5rem 0;
}
.pt0{padding-top: 0!important}

fieldset{
	border:0;
	margin:0 ;
	padding: 1em;
}
.filters{
	background: #fff;
	font-size: .9em;
	margin: 0 auto 16px auto;
	max-width: 640px;
	width: 100%;
}
.filters fieldset{
	max-width:640px;
	margin:0 auto;
}

.filters .event select{
	background:#fff;
	border:1px solid #ddd;;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height:27px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
.filters .date{padding-left:.5em;}
.filters .all{
	height:27px;
	line-height:27px;
	padding-left:1em;
}
.filters .send .btn{
	min-width:0;
	max-width:none;

}

#main{
		min-width:1024px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		padding: 90px 0em 1.25em 220px;
		position:relative;
}
#content{
	min-height:540px;
	padding:1em;
}
.doc, .grid{
	background:#fff;
	/*box-shadow:5px 5px 5px #ccc;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#000;
	margin:0 auto 1rem auto;
	max-width: 768px;
	overflow:hidden;
	width:100%;
}
.doc{
	border-radius: 5px;
	font-size: .75rem;
}
.grid{
	/* box-shadow:1px 1px 4px #cfcece; */
	color:#888;
	padding:0;
	border-radius: 3px;
}
.doc .grid{
	box-shadow: none;
}
.grid .row{
	display:block;
}
.grid .row:nth-child(even){
	background: #F5F5F5;
}
.grid div, .fs0{font-size:0 !important;}
.titles {
	position:relative;
}

.grid span, .titles span{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:inline-block;
	overflow:hidden;
	padding: 7px;
	vertical-align: middle;
	font-size: 12px;
	white-space:nowrap;
	line-height: 1;
}
.grid h1 span{
	padding:0;
}

.row a:hover .mdi, .panel a:hover .mdi{
	color:orange;
}

#selrec .grid{
	box-shadow:none;
}
.titles span{
	font-weight:bold;
	text-transform:uppercase;
	line-height: 1;
}

.subtitles{
	background: #9dd3da !important;
	text-shadow:none;
	border:0 !important;
}

.subtitles span{
	color:#fff !important;
}

.grid .row:hover{
	cursor:pointer;
}

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 #ccc;
	box-shadow: 0px 0px 2px #ddd;
	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;
}
select{
	text-indent: 0;
}

textarea, .dynamictextarea{
	height: auto;
	line-height: 1.25;
	text-indent: 0;
	padding: 0.25rem;
	/* outline-color: #FF5722; */
	/* outline-style: auto; */
	/* outline-offset: inherit; */
	/* outline-width: 5px; */
}
textarea:focus{
	outline-color: #00BCD4; 
	outline-style: auto; 
	outline-width:1px;
	outline-offset:10px;
}
.btn.action {
  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);
}
input[type="submit"].btn, input[type="button"].btn, button, a.btn{
	border: 0;
	color: #fff;
	display: inline-block !important;
	font-size:12px;
	background: linear-gradient(#0891b9, #00495e);
	background: #00BCD4;
	line-height:  1;
	outline:none;
	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);
	text-indent: 0;
}
input[type="submit"].btn.cancel, input[type="button"].btn.cancel, a.btn.cancel{
  background: #fff;
  color: #00BCD4;
}

a.btn{
	line-height:25px;
	text-indent: 0;
}
	
.actions .btn:hover, button:hover{
	text-shadow:0px 0px 2px #fff;
	background:#00ACC1;
}

.btn:active{
	box-shadow: none;
	outline:0;
}

h1{
	font-size: 12px;
	margin:0;
	padding: 7px;
	text-transform: uppercase;
	line-height: 12px;
	height: 12px;
}

h1 .btnBack{
	padding: 0 .75rem 0 0;
}

h1 .mdi{
	color:#016471;
}
.ipn .grid .btn{
	font-weight:bold;
	text-align:center;
	line-height:24px;
	color:#fff;
	box-shadow: 0 0 2px #BF360C;
	border:0;
	margin-left: 1rem;
}

#lightbox{
	background:rgba(0,0,0,.9);
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:5000;
}

#login .btn{
	margin-top:1em;
	max-width:100% !important;
	text-indent: 0;
	box-shadow: none;
	border-radius: 3px;
	height: 30px;
	line-height: 1;
}

.membrete img{
	height:50px;
}


.printable .doc{
	box-shadow:none;
	max-width: none;
}


#home figure{
    border-radius:50%;
    box-shadow: 0 0 15px #ddd;
    background:#8B65C3;
    height: 320px;
    line-height: 320px;
    margin:0 auto;
    overflow:hidden;
    width:320px;
}
#home figure img{
    display:inline-block;
    vertical-align:middle;
    width:250px !important;
}
#home h1{
    background:none;
    font-size:32px;
    font-weight:900;
    letter-spacing:1px;
    margin:0;
    padding:0;
    text-align:center;
}
#home h3{
    text-align:center;
}

#pagination{
    background:#F6F6F6;
    color:#000;
    font-size:.75rem;
    padding:0;
    text-align:center;
    text-transform:uppercase;
}
#pagination *{
    display:inline-block;
    padding:.5rem .8rem;
}

#pagination a:hover{
	background:#fff;
	box-shadow: 0 0 2px #ddd;
}

.bt{border-top:1px solid #eeeeee;}
.bb{border-bottom:1px solid #eeeeee;}
.ba{border:1px solid #eeeeee;}


.fwb{font-weight: bold;}
.fs8{font-size: .8rem;}

#printable .noprint{
	display: none;
}

.watermark{
	position:fixed;
	left: 0;
	bottom:0;
}
.watermark img{
  filter: grayscale(100%);
	opacity: .2
}

/*formulario*/
.formulario label.blk{
	display:block;
	width:100%;
}
.formulario{
	color: #000;
	position: relative;
}

.formulario fieldset{
	padding: 0;
	border: 1px solid #eeeeee;
	margin-top:  1em;
	border-radius: 5px;
}

.formulario fieldset:first-child{
	margin-top:  0;
}
.formulario h3 {
	background: #EEEEEE;
	font-weight: normal;
	color: #00BCD4;
	font-size: .75rem;
	margin:0;
	padding: 0;
	text-shadow: 0 0 1px #fff;
	min-height: 32px;
	line-height: 32px;
	padding: 0 .5rem;
}

 .formulario h4 {
	background: none;
	font-weight: normal;
	color: #00BCD4;
	font-size: .75rem;
	margin:0;
	text-shadow: none;
	min-height: 0;
	line-height: 1.5;
	padding:.5rem 0;
}

label{
	background: none;
	padding: 0;
	margin:0;
	/* display:  inline-block; */
}

.formulario span{
	color: #000;
}

.btnglyph span{
	color:#fff;
}

 .btnBack{
}

 .btnBack span{
	color: #FFEB3B;
	/* position:absolute; */
	transition: all .2s ease-in;
}

.btnBack span:hover{
	transform: rotateZ(360deg) scale(1.5);
}

.formulario .fab span{
	color: #FFEB3B;
} 

.formulario .title {
  	position: relative;
}
.fsmed{
	font-size:1.5rem;
}

.formulario .title a{
	position: absolute;
	top: 0;
	right: 0;
	/*padding: .25rem;*/
	font-size:1rem;
	color:#999;
	line-height: 32px;
	min-height: 32px;
	height: 32px;
	width: 32px;
	text-align: center;
}
.formulario .title:hover{
  cursor: pointer;
}
.formulario .title:hover a{
  text-shadow: 0 0 5px #00BCD4;
}
.formulario section{
	padding: .5rem;
}
.formulario strong{
	font-weight: normal;
	color:#444;
}
.frmContent{
	padding: 1em;
}
table.bdr, table.bdr td, .bdr{
	border:1px solid #eee;
}

.formulario table td{
	padding: .5rem;
	/*! vertical-align: bottom; */
	/*! border: 1px solid red; */
}

.formulario table.p3 td{
	padding: 3px;
	/*! vertical-align: bottom; */
	/*! border: 1px solid red; */
}
.formulario table.p2 td{
	padding: 2px;
}
.bgg{
	background: #eee;
}
.bglg{
	background: #ddd;
}

.firma{
	padding: 50px 0 0px 0;
}
.firma .signature{
	border-bottom: 2px solid #000;
	width:200px;
	display:  block;
	margin: 0 auto;
}
.profile{
	background:#fff;
	font-size: .8rem;
	padding: .5rem;
}


.profile{
	box-shadow: 0 5px 5px #ccc;
	position: fixed;
	width: 100%;
	top: 51px;
	left: 0;
	padding-left: 220px;
	z-index: 5;
}
.profile table{
	max-width: 800px;
	margin: 0 auto;
	border: 0;
}
.profile td{
	border: 0 !important;
	padding-left: 5px;
}

#preview{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index:1001;
	padding-top: 50px;
}

#preview #printFrame{
	width: 100%;
	height: 100%;
	border-top: 1px solid #ddd;
}

body.preview{
	overflow: hidden;
}
.card{
	background: #Fff;
	display:inline-block;
	font-size:1em;
	border-radius:5px;
	box-shadow: 1px 1px 3px #ccc;
	width:49%;
	padding:.5rem;
	border-left:10px solid #00BCD4;
	box-sizing:  border-box;
	margin-left:1%;
	margin-bottom:1em;
	text-align:left;
	cursor:  pointer;
	vertical-align: middle;
}
.card-title{
	color: #4CAF50;
	border-bottom: 1px solid #eee;
	padding-bottom:5px;
}
.card-active{
	border-left:10px solid #4CAF50;
	font-size:  .8em;	
}
.card-active .card-content{
	padding: 10px;
	color: #444;
}

.card-active .card-content div{
	padding:3px;
}

.card-active .card-actions{
	border-top:1px solid #ccc;
	color:#8BC34A;
	padding-top:5px;
}

.card:hover{
	border-left-color: red;
}
.pal{ 
    position: absolute;
    left: 0;
 }

 #navsc{
	display: none;
 }

@media (max-width: 1279px) {
	.card:nth-child(odd){
		margin-left:0;
	}
}
@media (min-width: 1280px) {

	.card{
		width:32%;
		margin-left:1.5%;
	}	
	.card:first-child{
		margin-left:0
	}		
	.card:nth-child(4n){
		margin-left:0
	}	

}

.fancybox-inner .doc{
	position: relative;
	margin:0;
	box-shadow:none;
}

.fab{
	background:#F44336;
	color:#fff;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 48px;
	text-align:center;
	position:fixed;
	right:1rem;
	bottom:1rem;
	box-shadow:  2px 2px 5px #999;
	cursor: pointer;
	z-index:  1;
}

.fab:hover{
	background:#B71C1C;
}

.fab:active{
	box-shadow:  0px 0px 5px #607D8B;
}

.fab-inner{
	position:absolute;
	bottom: 8px;
	right: 8px;
}

.layer_disabled{
    height: 100%;
    position: absolute;
    width: 100%;
    top:0;
    left: 0;
    z-index: 3;
}

#login{
	background:#fff ;
	background-size:20%;
	max-width:320px;

	border-radius:3px;
	top:50%;
	left:50%;
	margin-left:-160px;
	margin-top:-160px;
	padding:1rem;
	box-shadow:05px 5px 8px #4a4a4a;
}

#login label{
	display:block;
	font-size:.75rem;
	color: #00a6be;
}
#login h1{
	background: #ffffff;
	text-align:center;
	height: auto;
}
#login h1 img{
	height:80px;
	width:auto
}
#login *{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	border:0;
	box-shadow:none;
}

#login input{
	border-bottom: 2px solid #00bcd4;
	border-radius:3px;
	font-size: 1rem;
	color: #FF9800;
	font-weight:bold;
	line-height:30px;
	height:30px;
	text-indent:5px;
	margin-bottom:1rem;
	outline: none;
}

#login .btn{
	background: #00a6be;
	color:#fff;
	font-weight: normal;
	margin-bottom:0;
}
#login .warning{
	color: Red;
	text-align: center;
	font-size: .8rem;
}
.i-content .frmContent{
}

.i-content .fab{
	top: -40px;
	position:absolute;
	right: 44px;
	border-radius: 32px;
	box-shadow:  none;
	background: none;
	height: 32px;
	line-height: 32px;
	color: #CDDC39;
	font-size:1.2rem !important;
	width: 32px;
	transition: all .2s ease-in-out;	
}

.i-content .fab:hover{
	color:#FFC107;
	transform: scale(1.5); 
}
.formulario fieldset.parent{
	border:0px solid #eee !important;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
	border-radius: 4px;
	overflow:  hidden;
	min-inline-size: auto;
}

.i-content .grid{
	max-width:100%;
	margin:0
}

.btnRem i{
	transition: all .2s ease-in-out;		
}

.btnRem:hover i{
	color:red;
	transform: scale(1.5); 
}

.ww{
    white-space: normal !important;
}

a.btnglyph{
	    box-shadow: 2px 0px 5px #ccc;
	    text-align: center;
}

.panel-section{
	border-top: 1px solid #026783;
	border-bottom: 1px solid #0e3642;
	padding: .75rem;
}

.panel-section-bb{
	border-bottom: 1px solid #0e3642;
	padding-bottom: 1rem;	
}

.bar-bg{
	background:#000;
	height:4px;
	padding:0;
	margin-top:10px;
	-overflow:hidden;
	position:relative;
}

.bar-completed{
	background:#8BC34A;
	width:70%;
	height:4px;
	margin:0px!important;
	padding:0;
	font-size:10px;
}

.bar-completed:after{
	content: "70%";
	color:#FFF;
	position:absolute;
	left:70%;
	top:-16px;
}
nav ul{
	padding: .5rem .5rem 0 1.25rem;
}
nav li{
	font-size: .8rem;
	color:#fdfdfd;
	list-style:square;
	z-index:1;
	position:relative;
	padding:0;
}

nav .alergias{
	position:relative;
}
nav .alergias span{
	font-size:1rem!important;
	color:#FFC107;
}

.toolbar{
	height: 32px;
	line-height: 32px;
	font-size:0;
	border-right:1px solid #f9f9f9;
}

.topright{
	position:absolute;
	right: 32px;
	top:0;
}

.toolbar a{
	color:#00bcd4;
	display:inline-block;
	min-width:32px;
	text-align:center;
	font-size:1rem;
	border-right:1px solid #e1e1e1;
	box-sizing: border-box;
	border-left:1px solid #f9f9f9;
	line-height: 32px;
	height: 32px;
}
.toolbar a:first-child{
	border-left:0;
}

.toolbar a i{
	transition: all .2s ease-in-out;	
}
.toolbar a .btnCaption{
	vertical-align:top;
	font-size:.8rem;
	color:#009688;
	line-height:32px;
	display:inline-block;
	padding: 0 .5rem 0 .25rem; 
}
.toolbar a:hover .mdi {
	color:#FF5722;
	transform: scale(1.25); 
}

.toolbar a:hover .btnCaption{
	color:#FF5722;
}

b.tag{
    position: relative;
    background: #fff;
    width: 32px;
    text-align: center;
    left: -7px;
    display: inline-block;
    color: #FF9800;
    font-size: 1.5rem;
    vertical-align: top;	
}
#navHeader{
	background: #fff;
}
#navHeader, #navHeader li{
	padding:0;
	margin:0
}
#navHeader a:hover{
	color: #00bcd4;
	background: #ffffff;
}

/*** Medicamentos FONT ***/
@font-face {
  font-family: 'icomoon';
  src:  url('../webfonts/icomoon.eot?jclzc1');
  src:  url('../webfonts/icomoon.eot?jclzc1#iefix') format('embedded-opentype'),
    url('../webfonts/icomoon.ttf?jclzc1') format('truetype'),
    url('../webfonts/icomoon.woff?jclzc1') format('woff'),
    url('../webfonts/icomoon.svg?jclzc1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change ../webfonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ampula:before {
  content: "\e900";
}
.icon-capsula:before {
  content: "\F0402";
}
.icon-crema:before {
  content: "\e902";
}
.icon-default:before {
  content: "\e903";
}
.icon-frasco:before {
  content: "\e904";
}
.icon-gasa:before {
  content: "\e905";
}
.icon-gel:before {
  content: "\e906";
}
.icon-obleas:before {
  content: "\e907";
}
.icon-parche:before {
  content: "\e908";
}
.icon-pasta:before {
  content: "\e909";
}
.icon-polvo:before {
  content: "\e90a";
}
.icon-pomada:before {
  content: "\e90b";
}
.icon-solucion:before {
  content: "\e90c";
}
.icon-supositorio:before {
  content: "\e90d";
}
.icon-suspension:before {
  content: "\e90e";
}
.icon-tableta:before {
  content: "\e90f";
}
.icon-unguento:before {
  content: "\e910";
}

.med-item-title {
  display: flex; flex-direction: column; border-bottom: 1px solid #9de1fe;
}
.med-item-title .med-item-descripcion span{
  color: #1b8b35;
}
.med-item-title .med-item-detalle {
  margin-left: 18px;
}
.med-item-title .generico span{
	color: #ae00cc
}

.warning-control{
	border: 1px solid red !important;
	box-shadow: 0 0 3px red !important;
}

.cursor-pointer{
	cursor:pointer;
}


.dynamictextarea {
  min-height: 40px;
}

#printFrame{
	top:0;
	position: absolute;
	width: 100%;
	height: 100%
}

.patr{
	margin-top: -.5rem;
	position: absolute;
	right:.5rem;
	top:50%;
}

.bdr0{
	border: 0 !important;
}


.bottombar{
	font-size:10px;
	position:fixed;
	bottom:0;
	width:100%;
	left: 0;
	background: #ddd;
	padding: 5px 0;
	box-sizing: border-box;
	padding-left: 220px;
	color:#000
}

.bottombar span{
	margin-left:30px;
}

.btnIndicacion .mdi{
	transition: all .2s ease-in-out;	
	border-radius:3px;
	box-shadow:0px 0px 5px #ccc;	
}
.btnIndicacion:hover .mdi{
	color: #c5e1a5 !important;
	font-size:1.25rem;
	background:#00bcd4;
	box-shadow:3px 3px 5px #ccc;
}
.btnIndicacion:active .mdi{
	box-shadow:0px 0px 5px #ccc;
}
.chkhors td{
	font-size:12px;
	border:1px solid #9dd3da !important;
}
.chkhors td:nth-child(even){
	background:#ddd;
}
.chkhors .chkh{
	width:24px
}
.marquee{ 
	background: #B32B2B;
	padding: 1rem;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}


.actions-indicacion{
	position:absolute;
	top:-40px;
	right:48px;
}
.actions-indicacion a{
	display:inline-block;
	font-size: 1.2rem;
	height:32px;
	line-height:32px;
	text-align:center;
	width:32px;
	transition: all .2s ease-in;
	/* background: #0f99ab; */
	vertical-align: top;
	text-shadow: 0 0 12px #000;
}
.actions-indicacion a span{
	color:#FFEB3B;	
}

.actions-indicacion a:hover{
	font-size:2rem;
	text-shadow: 0 0 5px #ccc;
}
.bullets{
	display: block;
	list-style-type: disc;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}
.bullets li{
	display: list-item;	
	list-style:square;	
}
.list_options{
    position: absolute;
    background: #fff;
    width: 100%;
    padding: .5rem;	
    border:1px solid #ccc;
    box-sizing:border-box;
    box-shadow: 5px 5px 5px #ccc;
}

.list_options li{
	padding:5px 2px;
	cursor:pointer;
}

.list_options li:hover{
	color:#fff;
	background:#00BCD4
}
.firma input{
	border: 0;
    box-shadow: none;
    height: 13px;
    line-height: 13px;
}

.firma .pr .btn{
	box-shadow: none;
	height: 13px;
	line-height: 13px;
	background: none;
}

.firma .pr .btn .mdi{
	color:red
}

.txtsign{
	min-height: 13px
}
.list_number{
	margin:0;
	padding-left:1rem;
}
.list_number li{
	list-style-type: decimal;
}

.badge{
	position:absolute;
	color:#fff !important;
	background: #ff5722;
	display:inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-style:normal;
	border-radius: 10px;
	font-weight:bold;
	font-size:12px;
	top: 8px;
	left: 8px;
	box-shadow: 2px 2px 5px #607D8B;
	text-align:center;
}
#pendientes .panel{
	padding: 3px 10px;
}

#pendientes .panel div{
	margin:0
}

#pendientes .panel-group{
	height: 148px;
	overflow-y:auto;
}

#pendientes .widget{
	margin:0 1%;
}


.tagdx{
	box-shadow: 0px 5px 5px #9E9E9E;	
	margin-bottom:1rem;
	font-size:12px;
}

.tagdx .tag{
	background:#00BCD4;
	padding: 0;
	border-radius:5px 5px 0 0;
}

.tagdx .tag i{
	display:block;
	text-align:center;
	vertical-align:middle;
	font-size:1rem;
}

.tagdx .tag .tit{
	background:transparent;
	color:#fff;
	cursor: pointer;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding: 0;
	border-radius:0;
	vertical-align:middle;
	line-height:24px;
	height:24px;
	font-size:.8rem;
	margin:0
}

.tagdx:hover .tag{
	background:#FF5722;
}


.tagdx label{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
}

.tagdx label:hover{
	color:#FF5722;
}

.tagscol{
	padding:0 .5rem;
}


.tagscol:nth-child(even){
	margin: 0 .5%;
}

.tagdx .turnos span{
	background:#fff;
	border:1px solid #000;
	font-size:10px;
	font-weight:bold;
	width:13px;
	height:13px;	
	line-height:12px;	
	cursor:pointer;
}

.tagdx .turnos .checked{
	background:#8BC34A;
	border:1px solid #000000;
	color:#000;
}

.tagdx .turnos span:hover{
	background:#ffffff;
	color:#F44336;
}

.tagdx input[type="checkbox"]{
	cursor:pointer;

}
#actions{
	position: fixed;
	right:0;
	top:0;
	z-index: 5;
	width: auto;
	white-space: nowrap;
	width: 400px;
}
#actions a{
    color: #fff;
    display:inline-block;
    font-size:1.25rem;
    height:36px;
    line-height:36px;
    text-align:center;
    width:36px;
}
#actions a:hover{
    color: #FF5722 !important;
}

#actions .search{
	position:relative;
	height:36px;
	vertical-align:top;
	padding-right: 1rem;
}

#actions .search a{
	position:absolute;
	right: 1rem;
	top:0;
	vertical-align:middle;
	text-align:right;
}


#actions input{
	background:none;
	border:0;
	border-bottom:2px solid #fff;
	outline:none;
	box-shadow:none;
	height:24px;
	vertical-align:top;
	position:relative;
	top:6px;
	color:#fbfafa;
	font-size:16px;
	padding:0;
	margin:0;
}

.statusbar{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #009688;
    font-size: 0;
    color: #fff;
    box-shadow: 0 -3px 5px #999;
}

.statusbar div{
	font-size:1rem;
	padding:.5rem;	
	border-right:1px solid #3f5d6b;
	border-left:1px solid #5f9cb9;
}

.statusbar div:first-child{
	border-left:0px;
}

.statusbar div:last-child{
	border-right:0px;
}

.dbgrid ul{
    cursor:pointer;
	font-size:0;
}

.dbgrid ul:nth-child(even){
	background:#CFD8DC;
}
.dbgrid ul:hover{
    background:#00495e;
    color:#fff;
}
.dbgrid li{
	font-size:1rem;
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	padding:.5rem 5px;
}
.censo .expediente{
	width:11%;
}

.censo .paterno{
	width:28%;
}

.censo .habitacion{
	width:10%;
}

.censo .medico{
	width:18%;
}
.censo .responsable{
	width:18%;
}

.censo .motivo{
	width:15%;
}
.censo .sticky{
	box-shadow: 0px 5px 5px #888;
	position: fixed;
	width: 100%;
	top: 36px;
}
.btnArea{
	display:inline-block;
	width:48%;
	margin:3px 1%;
	background:#ffffff;
	text-align:left;
	padding: .5rem;
	box-sizing:border-box;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#009688;
	border-radius:5px;
	box-shadow: 0 2px 5px #44a1ad;
	border-left:3px solid #00bcd4;
	position: relative;
	font-size:1rem;
}

.btnArea:hover{
	background:#F44336;
	color:#fff;
}

.btnArea:hover .badge{
	background:#ffffff;
	color:#F44336 !important;
	box-shadow:none;
}


.btnArea .badge{
	left:auto;
	right:5px;
	top:50%;
	margin-top:-11px;
}

.actions-grid{
	position:absolute;
	top:0;
	right:.5rem;
}

.actions-grid a{
	display:block;
    color:#cddc39;
}

.actions-grid .mdi{
    font-size:17px;
    padding:4px;    
}

.wordwrap{
	white-space: normal !important;
}