@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');



html, body {

      min-height: 100%;

	margin: 0;

		font-family: 'Lato', sans-serif;

    font-size: 16px;

	background: #e5e5e5;

}

textarea,

input[type="text"],

input[type="button"],

input[type="password"],

input[type="submit"] {

     -webkit-appearance: none;

     border-radius: 0;

}
.input_nuevo_paciente {
border: none;
    border-bottom: 1px solid #333;
    border-radius: 3px!important;

}
.invisible{

	display: none;

}

.wrapper {

    height: 100%;

    background: url(../img/bg_login.jpg) no-repeat center center fixed;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

	position: fixed !important;

	

}



.content{

	margin: auto;

	padding:90px 50px 0 50px;

}



.logo_ecco{

	width: 100%;

	margin-bottom: 50px;

}



.input-container {

  display: -ms-flexbox; /* IE10 */

  display: flex;

  width: 100%;

  margin-bottom: 30px;

}



.icon {

    padding: 5px;

    color: #333333;

    border-bottom: 1px solid #333333;

   

    text-align: center;

}



.input-field {

	font-family: 'Lato';

    width: 100%;

    padding: 5px;

    font-size: 16px;

    outline: none;

    background: none;

    border: none;

    border-bottom: 1px solid #333333;

}







.chk_bx_login_label{

font-size: 13px;

    position: absolute;

    margin-top: 1px;

    color: #333;

}



.btn_login{

	width: 100%;

    color: #00607c;

    background: #fff;

    border: none;

    font-size: 15px;

    font-family: 'Lato';

    font-weight: bold;

    padding: 15px;

    letter-spacing: 5px;

    margin-bottom: 15px;

}



#login-message {

	background: #e04e60;

    color: white;

    border-radius: 10px;

    padding: 20px;

    font-size: 13px;

    margin-bottom: 20px;

	

}



.deshabilitado{

	color: #aaa!important;

}

/* MAIN.PHP */



.header{

    width: 100%;

    padding: 40px 0px 90px 0px;

}



.main{

	background: url(../img/header_main.svg) no-repeat;

	background-size: cover;

    background-position: bottom;

}



.exito{

	background: url(../img/header_exito.svg) no-repeat;

	background-size: cover;

    background-position: bottom;

}



.error{

	background: url(../img/header_error.svg) no-repeat;

	background-size: cover;

    background-position: bottom;

}



.evolucion{

	background: url(../img/header_evolucion.svg) no-repeat;

	background-size: cover;

    background-position: bottom;

}

.historial{

	background: url("../img/header_historial.svg") no-repeat;

	background-size: cover;

    background-position: bottom;

}

.titulo_header{

	font-weight: 800;

    color: #FFF;

    margin: 0;

    font-size: 30px;

	margin-left: 20px;

}

.subtitulo_header{

	    margin: 0px;

    font-size: 16px;

    font-weight: 400;

    color: white;

margin-left: 20px;

}



.card{

	margin: 0px 20px;

    box-shadow: 0px 1px 5px #b9b9b9;

    background: #FFF;

    border-radius: 5px;

    margin-bottom:20px;

    padding: 15px;

}



.cards_contenedor{

	margin-top: -50px;

	padding-bottom: 50px;

}



.card_icon{

	width: 15%;

    display: inline-block;

}





.card_icon_resultado{

	width: 25%;

    display: block;

    margin: auto;

}



.card_titulo_resultado{

    font-weight: 900;

    font-size: 15px;

    margin-bottom: 15px;

    margin-top: 10px;

    text-align: center;

    display: block;

}

.card_desc_resultado{

	    font-size: 13px;

    display: block;

color: #102a43;

	

	line-height: 20px;

}

.card_text{

width: 70%;

    display: inline-block;

    margin-top: 5px;

    vertical-align: top;

}



.card_titulo{

	font-weight: 900;

    font-size: 14px;

    margin-left: 10px;

    display: block;

}



.card_subtitulo{

	    font-size: 13px;

    margin-left: 10px;

    display: block;

    color: #AAAAAA;



}



.card_desc{

	    text-align: justify;

    font-size: 13px;

    margin: 0;

	color: #102a43;

}



.card_flecha{

	width: 10%;

    display: inline-block;

    vertical-align: super;

}



.card_red{

	background: #e04e60;

    color: #FFF;

}

.card_red .card_subtitulo{

    color: #FFF;

}



.card_azul{

	background: #005c78;

    color: #FFF;

}

.card_azul .card_subtitulo{

    color: #FFF;

}

.card_azul-2{

	background: #358b85;

    color: #FFF;

}

.card_azul-2 .card_subtitulo{

    color: #FFF;

}







.progressBar{

	position: fixed;

    background: rgb(0 0 0 / 70%);

    width: 100%;

    min-height: 100vh;

    text-align: center;

    display: none;

    z-index: 9999;

}



.bg_tipovisita .popupBar{

	position: fixed;

    background: rgb(0 0 0 / 50%);

    width: 100%;

    min-height: 100vh;

    text-align: center;

    display: block!important;

    z-index: 9999;

}



.loading_icon{

	margin-top: 40vh;

	width: 25%;

}



.loading_block{

	overflow: hidden;

}



.no-padding{

	padding: 0

}



.contenedor_botones{

	padding: 0px 20px 60px 20px;

	    text-align: center;

}



.icon_btn{

	width: 15%;

    float: left;

}



.btn_volver{

	      color: black;

    background: #FFF;

    border: none;

    border-radius: 5px;

    box-shadow: 0px 1px 5px #b9b9b9;

    padding: 15px;

    width: 48%;

    font-weight: 600;

    font-family: 'LATO';

}



.btn_adjunto{

	color: #fff;

    background: #005c79;

    border: none;

    border-radius: 3px;

    box-shadow: 0px 1px 3px #b9b9b9;

    padding: 5px 15px;

    width: 70%;

    font-family: 'Lato';

    font-size: 13px;

}



.btn_deshacer{

    border: none;

    border-radius: 5px;

    box-shadow: 0px 1px 5px #b9b9b9;

    padding: 15px;

    width: 48%;

    font-weight: 600;

    font-family: 'LATO';

}



.col1-2{

	width: 48%;

	display: inline-block;

	   

}



.col1-3{

	display: table-cell;

    padding-right: 10px;

	white-space: nowrap;

}



.col2-3{

	display: table-cell;

    width: 100%;

}



.input_label{

	color: #102a43;

	font-weight: 900;

    font-size: 15px;

    width: 100%;

}



.input{

	width: 100%;

    font-family: 'Lato';

    color: #102a43;

	font-size: 14px;

}



.row{

	    width: 100%;

    margin-bottom: 15px;

}

.row_nuevopaciente{
	    margin-bottom: 25px!important;
}
.row_nuevopaciente_first{
	  margin-top: 10px!important;
}
.alerta{
	border-color: red!important;
}
.input_label_wrap{

	color: #102a43;

	font-weight: 900;

    font-size: 15px;

	   display: inline-block;

  margin-right: 10px;

}



.input_wrap{

   display: inline-block;

  

    color: #102a43;

    font-weight: 900;

    font-size: 15px;

}



.titulo_card{

	

	margin: 8px 20px;

	display: block;

    font-weight: bold;

    color: #486581;

    font-size: 13px;

}



.escala_control{

	display: inline-block;

    width: 20%;

	margin-bottom: -2px;

}



.escala_valor{

	font-weight: 800;

    font-size: 20px;

    width: 30px;

    display: inline-block;

    text-align: center;

    color: #102a43;

}



.col2-3_escala{

	display: inline-block;

    width: 66%;

	vertical-align: text-top;

}



.col1-3_escala{

	width: 32%;

    display: inline-block;

    text-align: right;

}



.btn_enviar_informe{

	    border: none;

    border-radius: 5px;

    box-shadow: 0px 1px 5px #b9b9b9;

    padding: 15px;

    width: 48%;

    background: #32cc32;

    font-weight: 600;

    font-family: 'LATO';

    color: #FFF;

}



.cont_adjunto{

	

	display: inline-block;

    width: 25%;

    margin: 15px 3%;

}



.adjunto_solicitud{

	width: 100%;

	    margin: 15px 0;

}



.img_adjunto{

	width: 100%

}



.btn_adjunto_eliminar{

	background: #e04e60;

    border: none;

    font-family: "Lato";

    color: #FFF;

    font-size: 11px;

    margin-top: 5px;

    padding: 5px;

    width: 100%;

    border-radius: 3px;

}



.adj_deshabilitado{

	    color: #717171!important;

    background: #AAA!important;

}



.control_enfermeria{

	border: 0;

    border-bottom: 1px solid #AAA;

}



.tipo_visita{

	display: inline-block;

    padding: 20px 25px;

    text-align: center;

    border-radius: 5px;

    color: #152b42;

    font-weight: 800;

    font-size: 1.5rem;

}

.cont_historial{

	    height: 70px;

    display: flex;

	position: relative;

}

.visita{

	background: #a1ecbf;

}

.permanencia{

	background: #ffda7a;

}



.datos_visita{

	margin-left: 20px;

    width: 100%;

}

.datos_visita p{

	 color: #152b42;

	margin:0;

	font-size: 13px;

}



.historial_control{

	font-size: 11px!important;

 color:#9a9a9a!important;

	text-align: right;

	position: absolute;

    right: 0;

    bottom: 0;

}



.historial_control, .ingreso, .salida{

	margin-top: 3px!important;

}



.btn_azul{

	    background: #368B85;

    color: #FFF;

}



.btn_azul .card_subtitulo{

    color: #FFF;

}



#actualizar_ub_actual{

	font-weight: bold;

	width: 16px;

    margin-left: 8px;

    display: inline-block;

    margin-top: 1px;

    position: absolute;

}



#card_msj_error{

	    color: red;

    margin-top: 10px;

    font-size: 13px;

    line-height: 1.5;

}



.row_insumos{

	display: flex;

}



.solicitud_campo input, .solicitud_cantidad input{

	width: 100%;

    border: none;

    border-bottom: 1px solid #696969;

    text-transform: uppercase;

    font-size: 15px;

}



.solicitud_eliminar{

	

    display: inline-block;

    width: 10%;

    color: red;

    font-weight: bold;



}



#card_instalacion_ios {

	position: absolute;

    bottom: 0;

}



#card_tipo_visita {
    position: fixed;
    top: 25%;
    width: 70%;
    z-index: 10001;
    background: #FFF;
    padding: 40px;
    margin: 20px;
    border-radius: 5px;
}

.popup_titulo{

	text-align: center;

    width: 100%;

    display: block;

    margin-bottom: 25px;

    font-size: 1.1rem;

    font-weight: bold;

    color: #005c79;

}



#btn_cancelar_popup{
    margin: auto;
    border: none;
    display: inline-block;
    padding: 15px 20px;
    color: #7b7b7b;
    font-weight: bold;
    float: right;

}
#btn_cancelar_pdf{
    margin: auto;
    border: none;
    display: inline-block;
    padding: 15px 20px;
    color: #7b7b7b;
    font-weight: bold;
   }
#btn_grabar_popup{

	margin: auto;
    float: right;
    border: none;
    display: inline;
    padding: 15px 20px;
    color: #fff;
    font-weight: bold;
    background: #0c94bf;

}
#btn_descargar_popup {
       margin: auto;
    border: none;
    display: inline;
    padding: 15px 20px;
    color: #fff;
    font-weight: bold;
    background: #0c94bf;
    MARGIN-TOP: 20px;
}
.ui-dialog {

	position: absolute;

	top: 0;

	left: 0;

	padding: .2em;

	outline: 0

}

.ui-dialog .ui-dialog-titlebar {

	padding: .4em 1em;

	position: relative

}

.ui-dialog .ui-dialog-title {

	float: left;

	margin: .1em 0;

	white-space: nowrap;

	width: 90%;

	overflow: hidden;

	text-overflow: ellipsis

}

.ui-dialog .ui-dialog-titlebar-close {

	position: absolute;

	right: .3em;

	top: 50%;

	width: 20px;

	margin: -10px 0 0 0;

	padding: 1px;

	height: 20px

}

.ui-dialog .ui-dialog-content {

	position: relative;

	border: 0;

	padding: .5em 1em;

	background: none;

	overflow: auto

}

.ui-dialog .ui-dialog-buttonpane {

	text-align: left;

	border-width: 1px 0 0 0;

	background-image: none;

	margin-top: .5em;

	padding: .3em 1em .5em .4em

}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

	float: right

}

.ui-dialog .ui-dialog-buttonpane button {

	margin: .5em .4em .5em 0;

	cursor: pointer

}

.ui-dialog .ui-resizable-n {

	height: 2px;

	top: 0

}

.ui-dialog .ui-resizable-e {

	width: 2px;

	right: 0

}

.ui-dialog .ui-resizable-s {

	height: 2px;

	bottom: 0

}

.ui-dialog .ui-resizable-w {

	width: 2px;

	left: 0

}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {

	width: 7px;

	height: 7px

}

.ui-dialog .ui-resizable-se {

	right: 0;

	bottom: 0

}

.ui-dialog .ui-resizable-sw {

	left: 0;

	bottom: 0

}

.ui-dialog .ui-resizable-ne {

	right: 0;

	top: 0

}

.ui-dialog .ui-resizable-nw {

	left: 0;

	top: 0

}

.ui-draggable .ui-dialog-titlebar {

	cursor: move

}



.inst_iphone{

	width: 100%;

}



.iniciales_paciente{

	    background: #E8FFF5;

    vertical-align: middle;

    text-align: center;

    padding: 20px;

    border-left: 2px solid #005c79;

    color: #005c79;

}



.mis_pacientes_nombre{

	    margin: 10px 0px 0px 10px;

    color: #005c79;

	    margin-bottom: 5px;

	font-size: 14px;

}



.datos_pac{

	font-size: 11px;

	color: #AAAAAA;

	margin: 0px 0px 10px 10px;

}



.iniciales_cir{

border-radius: 50%;

    width: 60px;

    height: 50px;

    padding: 15px;

    background: #3299ff;

    border: 2px solid #fff;

    color: #FFF;

    font-size: 32px;

    font-family: 'Lato';

    text-align: center;

    font-weight: 700;

    margin: auto;

    padding-top: 20px;

}



.titulo_header_thin{

	    font-weight: 400;

    color: #FFF;

    margin: 0;

    font-size: 25px;

    text-align: center;

    margin-top: 25px;

}



.lbl_info_paciente{

	font-size: 13px;

    font-weight: 600;

    color: #358b85;

    font-family: 'Lato';

}



.data_info_paciente{

	font-size: 17px;
text-wrap: auto;
    font-weight: 300;

}



.menu_top_izq{

    position: absolute;

    display: inline-block;

    filter: brightness(50);

    width: 95%;

    margin-left: 10px;

}



#card_antecedentes label{

	    font-size: 14px;

}

.dot {

  height: 10px;

    width: 10px;

    background-color: #005c79;

    border-radius: 50%;

    display: inline-block;

}



.line {

 border-left: 2px solid #AAAAAA;

    height: 115%;

    margin: auto;

    width: 0px;

    margin-top: 10px;

}



.tarjeta_hc_top{

	display: inline-block;

    width: 100%;

}



.tit_card_informe{

	display: inline-block;

	color: #005c79;

    font-weight: 900;

    font-size: 15px;

}



.icon_tarjeta_hc{

    width: 25px;

    float: right;

    margin-right: 5px;

    margin-top: -3px;

}

.edit_tiempo_restante{

	float: right;

	color: red;

}



.row_informe{

	display: flex;

width: 100%;

    margin: auto;

margin-bottom: 15px;}



.icon_tarjeta_hc_foot{

	    width: 18px;

    margin-right: 5px;

}



.datos_autor{

    font-size: 13px;

    color: #8c8c8c;

	display: inline-block;

}



.fecha_informe{

	

	float: right;

    font-size: 13px;

    color: #8c8c8c;

}



.nombre_autor{

	    position: absolute;

}



.tarjeta_hc_mid{

	    margin-top: 15px;

    margin-bottom: 20px;

}



.titulo_header_informe{

	FONT-WEIGHT: 400;

    font-size: 22px;

    text-align: center;

    margin: 0;

	color: #FFF;

    text-transform: uppercase;

}



.flecha_retorno{

	   width: 50px;

    left: 5px;

	top: 10px;

    position: absolute;

}



.lbl_informe_ind{

	font-size: 13px;

    color: #005c79;

    font-weight: bold;

}



.col_autor_img{

	width: 10%;

    padding: 5px;

    display: inline-block;

}

.col_autor .lbl_informe_ind{

	font-size: 13px;

    color: #AAAAAA;

}

.col_autor{

	display: inline-block;

}



.escala_valor_hc{

	height: 3px;

    background: #005c79;

}



.escala_bg{

	background: #AAA;

	    display: inline-block;

    width: 95%;



	align-items: center;

}



.valor_escala{

	    font-size: 14px;

    text-align: center;

    color: #AAA;

    display: inline-block;

}



.inactivo .mis_pacientes_nombre{

	color: #AAAAAA

}

.inactivo .iniciales_paciente{

	color: #AAAAAA;

	background: #dfdfdf;

	border-left: 2px solid #AAAAAA;

}

.copyright{

	position: absolute;

    bottom: 0;

    text-align: center;

    margin: auto;

    width: 100%;

    margin-bottom: 10px;

    color: #404040;

    font-size: 13px;

}

.error_pass{
	color: red;
    font-size: 14px;
}

.btn_wp{
	height: 70px;
	    border: none;
    width: 100%;
    margin-top: 20px;
    background: #339933;
    color: #FFF;
    padding: 15px;
    font-weight: 600;
    font-family: 'LATO';
    border-radius: 5px;
    box-shadow: 0px 1px 5px #b9b9b9;
}

.btn_wp span{
	display: block;
    margin-top: 8px;
}

.btn_wp .icon_btn{
	  width: 10%;
}