<!--Copyright © 2019 IIDENUT SA. Todos los derechos reservados-->
.container {
  width: auto;
  max-width: 680px;
  padding: 0 15px;
}
.img_caja{
    max-width: 200px;
}
.img-contenedor{ margin-bottom:25px;}
.img-contenedor img {
    border-radius: 50%; /* Esto hace que la imagen sea un círculo */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Agrega una sombra */
}
.preloader {
	background: url(../img/cargando.gif) no-repeat center #FFFF;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color:#000;
	z-index: 1000;
}
.text_area{ width:400px;}
.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
	margin-top:0px;
	margin-left:70px;
	border-radius:10px;
    padding: 6px 10px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
	float:right;
    display: block; font-size:12px;
	-webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.form_hint::before {
    content: "\25C4"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:7px;
    left:-6px;
}
video {
    width: 100%;
    max-width: 500px;
    float: left;
    
}
.precio_a{ text-align:center;background-color:#345568; font-size:28px;  color: #FFF; font-weight:bold; padding-left:10%; padding-right:10%; padding-top:4%; padding-bottom:4%; border-radius:5px; float: left; position: relative; margin-right:5%; box-shadow: 3px 3px 5px 3px #999;}
.precio_b{ text-align:center; background-color:#2BB0B5; font-size:28px;  color: #FFF; font-weight:bold; padding-left:10%; padding-right:10%; padding-top:4%; padding-bottom:4%; border-radius:5px; float: left; position: relative; box-shadow: 3px 3px 5px 3px #999;}
.precio_c1{ width:100px; padding-top:30px; margin-right:5px; position: relative; float:left;}
.precio_c{ width:200px; margin-right:10px; position: relative; float:left; box-shadow: 3px 3px 5px 3px #999;}
.ficha{display:block; font-size:0.75rem;}
.ficha_movil{display:none; font-size:0.75rem;}
@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(20px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(20px); }
}


.ancho_motivo{white-space: normal;}
.img-contenedor:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
#imprimir{display:block;}
.login{ float:right; margin:10px;}
.fecha_registro{ float:right; }
.datos_paciente{ float:left; }
/*totales*/
#myHeader{font-size:12px; width:100%;  background-color:#FFFF;
}
.totales{  overflow-x: scroll;
	max-width: 100%; 
	max-height: 100%;  margin-left:10px; margin-right:10px;}
.sticky {
  position: fixed;
  z-index:9999;
  top: 0;
max-width: 1111px; 
max-height: 88%; 
	 background-color:#FFFF;
	 padding-top:10px; padding-bottom:10px;
	font-size:12px;
	-webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);
box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);

}
/*fin totales*/
.caja_totales{ width:50px; border-radius:0px; border: 0; padding:0px; text-align:center;  outline: none; background-color: none; }
.form-control-sm{ font-size:12px; padding:2px;}
.table-sm{ font-size:12px; padding:2px;}
/*tablas fijas*/

.resizable_big {
	overflow-x: scroll;
	resize: both;
	max-width: 100%;
	max-height: 400px;
	padding-bottom:20px;
	font-size:12px;
	
}
.resizable {
	overflow-x: scroll;
	resize: none; 
	max-width: 100%;
	max-height: 100%;
	padding-bottom:20px;
	font-size:12px;
	
}
[draggable=true] {
	cursor: move;
}/**/

/*autocomplete_txt*/
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-autocomplete{position:absolute;top:0;left:0;cursor: pointer; font-size:12px;}
.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none; overflow-y: scroll; height:120px; overflow-x: hidden;}.ui-menu .ui-menu{position:absolute}
.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}
.ui-menu-icons{position:relative}
.ui-menu-icons .ui-menu-item{padding-left:2em}
.ui-menu .ui-widget{font-size:10px; }
.ui-widget-content{border:1px solid #333;background-color: rgba(46, 40, 44, 0.8);
background: rgba(46, 40, 44, 0.8);
color: rgba(46, 40, 44, 0.8); -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;} 
.ui-widget-content a{color:#fff; text-decoration:none;} 
.ui-state-focus{border:1px solid #1C8DFF;background:#1C8DFF;
}
/*fin autocomplete_txt*/
.footer {
  background-color: #f5f5f5;
  font-size:12px;
  }
.embed-container {
    position: relative;
    padding-bottom: 50.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 480px) {	

html{ font-size:12px;}
body{ font-size:12px;}
.media{font-size:17px;}
.text_area{ width:100%;}
/*precios*/
.precio_a{text-align:center; background-color:#345568; font-size:12px;  color: #FFF; font-weight:bold; padding-left:10%; padding-right:10%; padding-top:4%; padding-bottom:4%; border-radius:5px; float: left; position: relative; margin-right:5%;box-shadow: 3px 3px 5px 3px #999;}
.precio_b{text-align:center; background-color:#2BB0B5; font-size:12px;  color: #FFF; font-weight:bold; padding-left:10%; padding-right:10%; padding-top:4%; padding-bottom:4%; border-radius:5px; float: left; position: relative;box-shadow: 3px 3px 5px 3px #999;}
.precio_c1{ width:100%; padding-top:0px; margin-right:0px; position: relative; float:left;}
.precio_c{ width:95%; margin-right:0px; margin-left:2%; margin-bottom:10px; position: relative; float:left;box-shadow: 3px 3px 5px 3px #999;}
.img_caja {
    max-width: 100%
}
.ficha{display:none;}
.ficha_movil{display:block;}
/*totales*/
#myHeader{font-size:10px; width:100%;  background-color:#FFFF;
}
.totales{  overflow-x: scroll;
	max-width: 100%; 
	max-height: 100%;   margin-left:10%; margin-right:10%;}
.sticky {
  position: fixed;
  top: 0;
max-width: 90%; 
max-height: 90%; 
	 background-color:#FFFF;
	 padding-top:10px; padding-bottom:10px;
	font-size:10px;
	-webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);
box-shadow: 3px 3px 5px 3px #999;

}
/*fin totales*/
/*tablas fijas*/
.resizable {
	overflow-x: scroll;
	resize: none; 
	max-width: 100%;
	max-height: 100%;
	padding-bottom:20px;
	font-size:10px;
}
[draggable=true] {
	cursor: move;
}/**/
/*autocomplete_txt*/
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-autocomplete{position:absolute;top:0;left:0; cursor: pointer; font-size:9px;}
.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none; overflow-y: scroll; height:120px; overflow-x: hidden;}.ui-menu .ui-menu{position:absolute}
.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}
.ui-menu-icons{position:relative}
.ui-menu-icons .ui-menu-item{padding-left:2em}
.ui-menu .ui-widget{font-size:9px; }
.ui-widget-content{border:1px solid #333;background-color: rgba(46, 40, 44, 0.8);
background: rgba(46, 40, 44, 0.8);
color: rgba(46, 40, 44, 0.8); -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;} 
.ui-widget-content a{color:#fff; text-decoration:none;} 
.ui-state-focus{border:1px solid #1C8DFF;background:#1C8DFF;
}
/*fin autocomplete_txt*/
.form-control-sm{ font-size:10px;}
.table-sm{ font-size:10px;}
.footer {
background-color: #f5f5f5;
font-size:9px;
  }
  #imprimir{display:none;}
  .img-contenedor:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.ancho_motivo{white-space:nowrap;}
.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
	margin-top:-3px;
	margin-left:-80px;
	border-radius:10px;
    padding: 6px 10px;
    z-index: 999; /* hints stay above all other elements */
    position: relative; /* allows proper formatting if hint is two lines */
	float:left;
    display: block; font-size:12px;
	-webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.form_hint::before {
    content: "\25BA"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:7px;
    left:75px;
}
@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20px); }
}

}
@media screen and (min-width: 480px) and (max-width: 900px){
.form-control-sm{ font-size:10px;}
	/*totales*/
#myHeader{font-size:10px; width:100%;  background-color:#FFFF;
}
.text_area{ width:100%;}
.totales{  overflow-x: scroll;
	max-width: 100%; 
	max-height: 100%;   margin-left:10%; margin-right:10%;}
.sticky {
  position: fixed;
  top: 0;
max-width: 95%; 
max-height: 95%; 
	 background-color:#FFFF;
	 padding-top:10px; padding-bottom:10px;
	font-size:10px;
	-webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);
box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.19);

}
.img-contenedor:hover img {
  -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
  #imprimir{display:none;}
/*fin totales*/
.ancho_motivo{white-space:nowrap;}
.form_hint {
    background: #d45252;
    border-radius: 3px 3px 3px 3px;
    color: white;
	margin-top:0px;
	margin-left:-80px;
	border-radius:10px;
    padding: 6px 10px;
    z-index: 999; /* hints stay above all other elements */
    position: relative; /* allows proper formatting if hint is two lines */
	float:left;
    display: block; font-size:12px;
	-webkit-animation: mover 2s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.form_hint::before {
    content: "\25BA"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:7px;
    left:75px;
}
@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-20px); }
}
}