@font-face {
  font-family: 'IcoMoon-Free';
  src: url('fonts/IcoMoon-Free.eot');
  src: url('fonts/IcoMoon-Free.woff2') format('woff2'),
       url('fonts/IcoMoon-Free.woff') format('woff'),
       url('fonts/IcoMoon-Free.svg#IcoMoon-Free') format('svg'),
       url('fonts/IcoMoon-Free.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
html {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
}

body { overflow-x: hidden; }

*,
*:after,
*:before {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

.widflot{
	float: left;
	width: 100%;
}
.wid{
	width: auto;
    float: left;
}
.center, .Center{
	float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
	    -ms-transform: translate(-50%);
		    -moz-transform: translate(-50%);
			    -o-transform: translate(-50%);
				    -transform: translate(-50%);
}
.menta{ background-color: #8aae39;} /*verde*/
.menta2{ background: #8aae39;} /*verde*/
.darkmenta{ background-color: #50a097;}
.navy{ background-color: #d9dadd; } /*gris claro*/
.verde{ background-color: #8aae39 }
.blue_pastel{ background-color: #8aae39; }
.gris{ background-color: #d9dadd; }
.silver{ background-color: #d9dadd; }
.gray{ color: #38393c; } /*font color*/
.bgray{background-color: gray;}
.white{ color: white; } /*font color*/
.azul{background-color: #0f3955;} /*azul marino para botones*/

.noresize{ resize:none ; }

body{
	font-family: sans-serif;
}
header{
    background: #002130;
}
/*****MENU***/
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{
    margin: 0!important;
}
#menuresp{
    z-index: 999;
    position: relative;
    float: left;
    padding: 5px;
    padding-left: 55px;
    margin: 0;
    width: 33%;
}
.menu{
	padding:14px 0 5px 68px;
    float: left;
}
.contgral{
    padding: 0 60px;
    margin-bottom: 20px;
}
nav a#pull{
	display:none;
}
nav#pull:after{
	content:"";
	background: url(/images/user.png) no-repeat;
	width:30px;
	height:30px;
	display:inline-block;
	position: absolute;
	right:15px;
	top: 10px;
}
ul{
	list-style: none!important;
	text-decoration:none;
	margin: 0;
    padding: 0;
	float:left;
}
li{
    float: left;
	margin: 6px 0px;
    color: white;
    font-size: 20px;
	}
li a{
    color: white;
    font-size: 17px;
    font-weight: normal;
    padding: 4px 20px;
	}
li a:hover{
	color: #4d858f;
	}
.menu a{
	display: block;
	text-decoration: none;
	color: white;
    padding: 4px 19px;
  }
.btnout{
	float: right;
    border: solid 1px white;
    padding: 2px 40px;
    margin: 5px 143px;
    color: white;
    font-size: 18px;
}
.exit{
	float: right;
    border: solid 1px white;
    padding: 5px 40px;
    margin: 9px 0px 7px 10px;
    color: white;
    font-size: 18px;
    background: transparent;
    margin-right: 5vw;
	}
/****TOP******/
.prson{
    background: #f1eff0;
    margin-bottom: 1rem;
}
.contexp{
    padding: 0px;
    margin: 0;
    width: 100%;
    float:left;
    padding-left: 0;
}
.user{
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 0;
    /*min-height: 100%;*/
    width: 53px;
    height: 55px;
}
.contuser{
    float: right;
    /*width: auto;
    margin-left: 19px;
    padding-top: 16px;*/
    width: 92%;
    margin-left: 10px;
    padding-top: 11px;
}
.pexp{
    float: left;
    color: #999999;
    font-size: 16px;
    margin-bottom: 0;
}
.pedad{
    float: right;
    color: #999999;
    font-size: 1rem;
    margin-bottom: 0;
    padding-top: 8px;
    font-weight: bold
}
.nombremedico{
    float: left;
    width: 33%;
    color: white;
    text-align: center;
    margin: 0;
    padding: 0;
}
.cont_btnexit{
    width: 33%;
    float: left;
}
/****PROXIMA CONSULTA***/
    .cont_prox_consul{
        width: 100%;
        background-color: #8aae39;
        float: left;
        color: white;
    }
    .txt_proxcosul{
        float: left;
        width: 100%;
        margin: 0;
        padding: .5% 1%;
        text-align: center;
    }
    .consul_extra{
        background: #1fb89d !important;
        font-size: 1.2rem;
        text-transform: capitalize;
        padding: 7% 0 5% 0;
        text-align: center;
        color: white;
        width: 100%;
        float: left;
        margin: .2rem 0;
        height: 3rem;
    }
/*****BARRA2*******/
    .iconconsul{
    	float: left;
        margin: 0;
        padding: 0;
        margin-left: 0;
    	}
    .consul{
    	margin: 0 0 0 10px;
        padding: 0;
        color: #9d9d9d;
        float: left;
        text-transform: uppercase;
    	}
    .pexp span {
        font-weight: bold;
        color: gray;
        font-size: 20px;
    }
    .prson2{
    	padding: 9px 17px;
        margin-top: 7px;
    	background: #f2f3f3;
    	float: left;
        width: 100%;
    }
    .datoslong{
    	width: 100%;
    }
    .btn_asist_datos12{
        width: 20%;
        height: 2.5rem;
        border: none;
        background-color: #002130;
        font-weight: normal;
        float: right;
        text-align: center;
    }
    .datos{
        color: #909090;
        padding: 0px;/* 62px;*/
        margin: 6px 0px;
    }
    .datosp{
        float: left;
        background: #f2f3f3;
        width: 100%;
        padding: 8px 16px;
        margin: 7px 0px;
    	font-size: 14px;
    	/*margin-top: 6px;*/
    }
    .contbtn{
        float: right;
        width: 24%;
        margin-top: 6px;
    }
    .contbtna{
        float: left;
        width: 98%;
        margin: 0 1%;
        background: #0f3955;
        text-align: center;
        font-size: 14px;
        color: white;
        padding: 8px 16px;
    }
    .contbtna:focus, .contbtna:hover{
        color: white;
        background-color: #148e84;
    }
    .contbtn a:first-child {
    	margin-right: 0.8vw;
    }
    .contment{
        padding: 0; /* 4.8vw;*/
        margin: 6px 0px 0px 0px;
    }/*
    .contment{
        padding: 0;
        margin: 6px 0px 0px 0px;
        max-height: 1.9rem;
    }*/
    .cont_actv{
        padding: 0; /* 4.8vw;*/
        margin: 6px 0px 0px 0px;
    }
    .cont_medidas_actual{
    	float: left;
        width: 100%;
        color: white;
        font-weight: bold;
    	background: #8aae39;
    	font-size: 1rem;
    }
    .conttipo{
        float: left;
        width: 100%;
        color: white;
        font-weight: bold;
        background: #8aae39;
        font-size: 1rem;
    }
    .contipodato{
        float: left;
        width: 100%;
        color: white;
        font-weight: bold;
        background: #8aae39;
        font-size: 14px;
    }
    .tipodato{
        float: left;
        padding: .2rem 1rem;
        width: 100%;
        margin: 0;
    }
    .info{
    	background: #4d858f;
        width: 50%;
        padding: 5px;
        margin: 0;
        font-weight: 100;
    	position: relative;
    	float: left;
        min-height: 32px;
    }
    .info_ultconsul{
        background: #d9dadd;
        color: #38393c;
        width: 100%;
        margin: 0;
        font-weight: 100;
        position: relative;
        float: left;
        min-height: 1.7rem;
    }
    .info_ultconsul p{
        float: left;
        width: 100%;
        margin: 0;
        line-height: 110%;
        padding: 0.3rem 1rem;
        font-weight: normal;
    }
    .datolargo p{
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 1rem;
        font-weight: normal;
    }
    .datolargo{
        background: #d9dadd;
        color: #38393c;
        width: 100%;
        margin: 0;
        font-weight: 100;
        position: relative;
        float: left;
        min-height: 3rem;
    }
    .tipo{
        float: left;
        padding: 5px 20px 5px 20px;
        width: 304px;
    }
    .info p{
    	min-height: 25px;
    	float: left;
        width: 100%;
    }
    .contante{
    	float: left;
        width: 100%;
        color: white;
        font-weight: bold;
        font-size: 14px;
    }
    .anterior{
        float: left;
        padding: 0px;
        background: #888686;
        margin-right: 3px;
        position: relative;
        min-height: 34px;
        margin-top: 0px;
        width: 164px;
        text-align: center;
    	border: solid white;
    }
    .bluegray{
        background: #4d858f;
        width: 63%;
        font-weight: 100;
        min-height: 34px;
        /*margin-left: 0;*/
    	margin-left: 164px;
        float: left;
        position: absolute;
    }
    .antment{
    	float: right;
        background: #8eeee5;
        min-height: 34px;
        position: relative;
        width: 24%;
        margin: 0;
        padding: 0;
    }
    .formsearch{
        width: 100%;
        margin: 5px 0px;
    }
    .search{
        color: silver!important;
        width: 80%;
        float: left;
        padding: 0 1vw;
    }
    .search_paciente{
        color: silver!important;
        width: 70%!important;
        float: left;
        margin: 0 auto;
        /*padding: 0;*/
        padding: .4% 1%;
        height: 3rem;
    }
    .searcha{
        float: left;
        width: auto;
        padding: 6px 14px;
        background-color: gray;
    }
    .searcha:hover{
        background-color: #008198;
    }
    .form_btnregister{
        width: 100%;
    }
    .btnregister{
        background-color: #0f3955;
        border: none;
        padding: 5px 18px;
        color: white;
        text-align: center;
        width: 91%;/* 150px;*/
        min-height: 40px;
        margin: 4px;
        float: right;
    }
    .btnregister:hover{
        background-color: #008198;
    }
    .btnalergy{
       /* background-color: #2C3D54; /*#D3001A;*/
        background-color: #0f3955;
        border: 2px solid white;;
        padding: 5px 18px;
        color: white;
        text-align: center;
        width: 33.3%;/* 150px;*/
        min-height: 3rem;
        margin: 0;
        float: right;
    }
    .btnalergy:hover {
        background-color: #00497a;
    }
    /*CUANDO EL BOTON TENGA CONTENIDO*/
    .btnalergy_activo{
        background-color: #D3001A;
        border: 2px solid white;;
        padding: 5px 18px;
        color: white;
        text-align: center;
        width: 50%;/* 150px;*/
        min-height: 3rem;
        margin: 0;
        float: right;
    }
    .btn_observaciones{
        /*background-color: #red; /*#f1aa3a;*/
        border: 2px solid white;;
        padding: 5px 18px;
        color: white;
        text-align: center;
        width: 33.3%;
        min-height: 3rem;
        margin: 0;
        float: right;
    }
    .btn_observaciones:hover, .btn_btm_consul :hover {
        background-color: #00497a;
    }
/**SHOW OBSERVACIONES**/
    .btn_guardar_show_obsrv{
        margin: 0;
        margin-top: 1rem;
        width: 100%;
        height: 3rem;
        background: gray;
        border: none;
        color: white;
        font-family: sans-serif;
        font-size: 105%;
    }
    .form_show_obsrv{
        float: none;
        width: 70%;
        margin: 0 auto;
    }
    .txt_area_show_obsrv{
        width: 100%;
        height: 120px;
        float: left;
        margin: 0;
        margin-top: 1rem;
        font-family: 'Roboto';
    }
/*CUANDO EL BOTON TENGA CONTENIDO*/
    .btn_observaciones_activo{
        background-color: #f1aa3a;
        border: 2px solid white;;
        padding: 5px 18px;
        color: white;
        text-align: center;
        width: 50%;
        min-height: 3rem;
        margin: 0;
        float: right;
    }
    .label_observaciones{
        width: 50%;
        background-color: pink;
        padding: 1rem;
        display: none;
    }
    .campo_observ{ background-color: #f1aa3a }
    .campo_observ:hover{ /*background-color: #ffca4d */}

    .campo_alergias{ background-color: #d3001a; }
    .campo_alergias:hover{ /*background-color: #ffca4d */}

    /*******TABS (swipe)*******/
    .litabs{
        float: left;
        color: white;
        font-size: 20px;
        width: 25%;
        text-align: center;
        background-color: #4d858f;
        border: solid 1px #e6e6e6;
    }
    .btnfoto{
        width: 69%;
        height: 2.4rem;
        margin: 0;
        background-color: #2C3D54; /*#8a8787;*/
        border: none;
        padding: .5rem;
        color: white;
        text-align: center;
        float: right;
    }
    .btnfoto:hover{
        background-color: #147A82;
    }
    .datosactual{
        float: left;
        background: #f2f3f3;
        width: 100%!important;
        padding: 5px 16px;
        margin-top: 6px!important;
        font-size: 14px;
        margin: 0;
    }
    .fecha{
    	width: 25%;
        float: left;
        margin-left: 0;
        padding: 5px 0px 5px 20px;
        margin: 0;
        font-weight: 100;
        color: white;
        font-weight: normal;
    }
    .dato_medidas{
        width: auto;
        float: left;
        margin-left: 0;
        padding: 5px 0px 5px 20px;
        margin: 0;
        font-weight: 100;
        font-weight: normal;
    }
    .date{
    	background: #d9dadd;
        color: #38393c;
        text-align: center;
        font-weight: normal;
        width: 109px;
        padding: 5px;
        margin: 0;
        font-weight: 100;
        min-height: 32px;
        float: left;
        position: relative;
        font-weight: normal;
    }
    .btndate{
        float: left;
        width: 67px;
        background: #888686;
        min-height: 35px;
        margin: 0;
    	border: solid white 2px;
        padding: 0;
    }
    .btnagendar{
        float: left;
        width: 36%;
        background: #0f3955;
        color: white;
        /*min-height: 35px;*/
        height: 2.8rem;
        margin: 0 0 0% 1%;
        border: none;
        padding: 0;
        text-transform: uppercase;
        /*
        float: left;
        width: 15%;
        background: #0f3955;
        min-height: 35px;
        margin: 0 0 0 1%;
        border: solid white 2px;
        padding: 0;
        text-transform: uppercase;*/
    }
    .contbntsaction{
        float: left;
        width: 100%;
    }
    .cont_datosultimaconsul{ float: left; }
    .pad_cont_consul_ant_der{ padding: 0 0 0 .2rem; }
    .pad_cont_consul_ant_izq{ padding: 0 .2rem 0 0; }
    .btnsact{
        padding: 7px 0px;
    }
    .contdate{
    	float: left;
        width: 50%;
        /*margin-left: 12vw;*/
        background: transparent;
        position: relative;
    }
    .pickdate_consul{
        width: 250px; /*100%;*/
        margin: 0;
        border: none;
        color: white;
        box-shadow: none;
        background-color: #8aae39;
        height: 2.2rem;
    }
    .pickdate_consul:focus{
        box-shadow: none;
        border: none;
        background-color: #8aae39;
    }
    .thembox{
    	width: 300px	;
        top: 31px;
        float: left;
        position: relative;
    	}
    .contpeso{
        width: 33.3%;
    	background: transparent;
        position: relative;
    	float: left;
        margin: 0;
        padding: 0;
    }
    .contalla{
        background: transparent;
        position: relative;
        float: left;
        width: 33.3%;
    }
    .peso{
    	background: #8aae39;
        color: white;/* #38393c;*/
        width: 50%;
        /*padding: .2rem;*/
        margin: 0;
        font-weight: normal;
        min-height: 2.2rem;
        float: left;
        position: relative;
        text-align: left;
    }
    .pesobox{
        width: 50%!important;
        text-align: center;
        background-color: #d9dadd   !important;
        min-height: 2.2rem!important;
        border: none;
        padding: 0!important;
        margin: 0!important;
        color: #38393c!important;
        float: left;
        height: auto;
    }
    .pesobox:focus{
       background: #4d858f;
    }
    .talla{
        width: 50%;
        padding: 0 1rem; /*.3rem 1rem;*/
        background: #8aae39;
        color: white; /* #38393c;*/
        margin: 0;
        font-weight: normal;
        min-height: 2.2rem;
        float: left;
        position: relative;
        text-align: left;
    }
    .contcra{
        background: transparent;
        position: relative;
        float: left;
        width: 33.3%;
    }
    .craneal{
        width: 50%;
        line-height: 100%;
        padding: 2% 1% 1% 4%;
        font-size: 14px;
    	background: #8aae39;
        color: white; /*#38393c;*/
        margin: 0;
        font-weight: normal;
        min-height: 2.2rem;
        float: left;
        position: relative;
        text-align: left;
    }
    .contboxactual{
    	background: none;
        width: auto;
        padding: 0px;
        margin: 0;
        font-weight: 100;
        float: left;
    }
    .boxactual{
        padding: 3px;
        margin: 0;
        border: none;
        background: #d9dadd;
        height: 8rem; /*96px;*/
        width: 500px;
        float: left;
        position: relative;
    	color: #38393c;
        font-size: 13px;
        line-height: 120%;
    	margin-left: 10px;
    }
    .boxactual:focus{ background: #d3d3d3; }
    .widbtn{
        width: 27%;
        float: left;
        position: relative;
        margin: 1.5rem 1rem;
        padding: 0;
        height: 3rem;
    }
    .consul_medicam_search {
        width: 27%;
        margin: 1.7rem 1rem;
        padding: 0;
    }
    .search_medicam{
        color: silver!important;
        width: 75%!important;
        float: left;
        padding: 0!important;
        margin: 0;
    }
    #mylightbox{
        left: 0;/*99999999999vw;*/
        position: relative;
    }
    .mylightbox{
        left: 0; /*99999999999vw;*/
        position: relative;
    }
    .a_btnfood{
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .btnfood{
    	float: left;
        width: 100%;
        background-color: #0f3955;
        min-height: 32px;
        font-weight: 100;
        font-size: 14px;
        font-family: 'Roboto';
        padding: 1rem;
        text-align: center;
        color: white!important;
        line-height: 100%;
        margin: 0;
    }
    .btnfood:hover, .btnfood:focus{
    	background: #168ea3;
        color: white;
    }
    .contbtn_print{
        /*padding: 0 5rem;*/
    }
    .btn_btm_consul{
        padding: 1rem 0;
        width: 48%;
        margin: 3% 1%;
        /* float: left; */
        background: #002130;
        text-align: center;
        font-size: 1rem;
        color: white;
        border: none;
    }
    .btn_delete_addcita{
        padding: 1rem 0;
        width: 100%;
        margin: 3% auto;
        float: left;
        background: #002130;
        text-align: center;
        font-size: 1rem;
        color: white;
        border: none;
    }
    .btn_guardar_consulactual{
        padding: 1rem 0;
        width: 100%;
        margin: 3% 1%;
        float: left;
        background: #002130;
        text-align: center;
        font-size: 1rem;
        color: white;
        border: none;
    }
    .btn_guardar_histactv{
        padding: 1rem 0;
        width: 100%;
        margin: 1rem 0rem;
        float: left;
        background: #2C3D54; /*#888686;*/
        text-align: center;
        font-size: 1rem;
        color: white;
    }
    .cont_bnt_guardar{
        width: 50%;
        margin: 0 auto;
        float: none;
    }
    .contbox{
        float: left;
        width: 100%;
    }
/*PUEBAS*/
     .textbxpru{
        float: left;
        width: 50%;
        margin: 10px;
    }
    .continput{
        float: left;
        width: 48%;
        padding: 10px;
    }
    .continput input{
        margin-left: 50%;
        margin-top: 5%;
    }
    form{
        float: left;
        /*height: 2rem;*/
        width: 100%;
        /*padding: 4rem 0;*/
    }
    .form_buscarpaciente{
        padding: 15.5rem 0;
        margin: 0 auto;
        float: none;
        width: 50%;
    }
    .cont_btn_buscar_paciente{
        background-color: #0f3955;
        width: 27%;
        float: left;
        padding: 1.1%;
        position: relative;
        height: 3.45rem;
        border: none;
        color: white;
    }
    .cont_btn_buscar_paciente:hover, .cont_btn_buscar_paciente:active, .cont_btn_buscar_paciente:focus{
        background-color: #3a6684;
        border: none;
        outline: 0;
    }
    .btn_buscar_paciente {
        padding: 3% 0;
        padding-left: 44%;
        width: 59%;
    }
    .formsubirarch{
        height: auto;
        width: 100%;
        margin: 0 0 1% 0;
    }
    .cont_btn_buscar{
        background-color: #0f3955;
        width: 10%;
        float: left;
        padding: 1.1%;
        border: none;
        color: white;
    }
    .cont_btn_buscar:hover, .cont_btn_buscar:active, .cont_btn_buscar:focus{
        background-color: #3a6684;
        border: none;
        outline: 0;
    }
    .btn_buscar{
        padding-left: 30%;
    }
/*FOOTER*/
    .footer{
        background: #eeeeee;
        /*position: absolute;*/
        bottom: 0;
    }
    .txtfoot{
        text-align: center;
        color: #6b6b6b;
        float: left;
        width: 100%;
        padding: 5px;
        margin: 0;
        font-size: 14px;
    }
    .contmed{
        float: left;
        width: 100%;
    }
    .padcero{
        padding: 0;
    }
    /*TAB 1 CONSULTA HOY*/
    .tabs dd.active > a, .tabs .tab-title.active > a{
        border-bottom: solid #00cbbf 2px;
        color: #00cbbf;
    }
    .tabs{
        width: 100%;
        border: none;
    }
    .tab-title > a{
        color: #4d858f;
        font-size: 17px;
        font-weight: normal;
        padding: 4px 20px;
    }
    .tab-title > a:hover{
        color: #00cbbf;
    }
    /*TAB 2 DATOS GENERALES*/
    .label_premat{
        color: #38393c;
        margin: 0;
    }
    .radio_premat_si{
        margin: 1.9% 0rem 1.3% 1rem;
    }
    .radio_premat_no{
        margin: 1.3% 1rem 0 0;
    }
    .contname{
        float: left;
        width: 31%;
        color: white;
        font-weight: bold;
        background: #8aae39;
        font-size: 14px;
    }
    .pronostico.first-time .contname{
        width: 20%;
    }
    .pronostico.first-time .name{
        width: 80%;
    }
    .datoname{
        float: left;
        /*padding: .54rem 1rem;*/
        margin: 0;
        width: 100%;
        padding: .75rem;
        line-height: 110%;
    }
    .name{
        background: #d9dadd;
        width: 69%;
        margin: 0;
        font-weight: 100;
        position: relative;
        float: left;
        /* height: 2.4rem; */
    }
    .pname{
        float: left;
        width: 100%;
        padding: 7px 10px;
        color: #38393c;
        margin: 0;
        /*min-height: 39px;*/
        /* height: 100%; */
        font-weight: normal;
    }
    input.pname.navy:active, input.pname.navy:focus {
        background: #c7c7c7; /*#4d858f;*/
        }
    .btn_editar_dtosgral{
        width: 75%;
        margin: 0 auto;
    }

    .cont_btn_guardar_consultactaual{
        width: 40%;
        margin: 0 auto;
    }
/***HISTORIALES****/
    .contbtns_histo{
        float: left;
        width: 100%;
        margin: 10px 0;
    }
    .btnhisto{
        float: left;
        width: 13.4%; /*13.5%;*/
        margin: 0 5px;
        text-align: center;
        background-color: #0f3955;
        color: white;
        padding: 10px;
    }
    .btnhisto:active, .btnhisto:visited { background-color: #147A82; }

    /*.btnhisto:first-child, .btnhisto:last-child{
        margin: 0 2px 0 0; }*/
    a.btnhisto:hover, a.btnhisto:focus, a.btnhisto:active, a.btnhisto:visited {
        background-color: #6d6d6d; /*#147A82;*/
        color: white;
    }
    .cont_title_tipovacun, .cont_tipovacun{
        width: 30%;
        float: left;
        color: white;
        background: #8aae39;
        font-size: 14px;
        margin: 0;
        position: relative;
    }
    .cont_tipovacun{
        width: 30%;
        float: left;
        color: white;
        background: #8aae39;
        font-size: 14px;
        margin: .3% 0; /*0;*/
        position: relative;
    }
    .cont_title_edad_vacun{
        width: 33.3%;
        float: left;
        color: white;
        background: #8aae39;
        font-size: 14px;
        margin: 0;
        position: relative;
    }
    .cont_fecha_title_vacun{
        width: 60%;
        float: left;
        color: #38393c;
        background: #d9dadd;
        margin: 0;
        font-size: 14px;
        position: relative;
    }
    .title_fecha_vacun{
        float: left;
        padding: 7px 10px;
        margin: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
    }
    .cont_title_vacun_h{
            height: 1.7rem;
        }
    .title_fecha_vacun_m{ display: none;}
    .tipovacun{
        float: left;
        padding: 7px 10px;
        margin: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
    }
    .cont_title_edad_vacun{
        float: left;
        padding: 3px 0;
        margin: 0;
        text-align: center;
        width: 33.3%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
        height: 100%;
    }
    .precetas_title{ /*RECETAS*/
        float: left;
        padding: 7px 10px;
        margin: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
    }
    .img_alert_vacun{
        width: 10%;
        padding: 1%;
    }
    .title_alim{
        float: left;
        padding: 7px 10px;
        margin: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
    }
    .vacun_tipo{
        float: left;
        padding: 3% 15px;
        margin: 0;
        width: 90%;
        line-height: 100%;
        overflow-y: hidden;
        resize: none;
        text-align: center;
        font-size: 1.1rem;
    }
    .vacun{
        float: left;
        padding: 1%;
        margin: 0;
        width: 100%;
        height: 100%;
        line-height: 100%;
        overflow-y: hidden;
        resize: none;
        text-align: left;
        font-size: .9rem;
        background: #d9dadd;
        border: none;
        box-shadow: none;
        border-radius: 0;
        transition: none;
        -webkit-appearance: none;
    }
    textarea.vacun:focus{
        background-color: #d9dadd!important;
        border: none!important;
        box-shadow: none!important;
        transition: none!important;
    }
    .p_title_alim{
        float: left;
        padding: 7px 15px;
        margin: 0;
        text-align: left;
        width: 100%;
        line-height: 100%;
        background: transparent;
        border: none;
        color: white; /*#38393c;*/
    }
    .p_edad_alim{
        float: left;
        padding: 7px 15px;
        margin: 0;
        text-align: left;
        width: 100%;
        line-height: 100%;
        background: transparent;
        border: none;
        color: #38393c;
    }
    .txt_hist_alim{
        float: left;
        padding: 7px 15px;
        margin: 0;
        text-align: left;
        width: 100%;
        line-height: 100%;
        background: transparent;
        border: none;
        color: white;
        height: 100%;
    }
    .txt_hist_alim:focus{
        background: transparent;
        border: none;
        color: white;
    }
    .cont_fecha_aplica{
        width: 60%;
        float: left;
        color: #38393c;
        background: #d9dadd;
        margin: .3% 0; /*0;*/
        font-size: 14px;
        position: relative;
        padding: .3% 0;
    }
    .fecha_aplica{
        float: left;
        width: 100%;
        padding: 7px 10px;
        color: white;
        margin: 0;
        min-height: 39px;
        text-transform: uppercase;
    }
    .fecha_pendiente{
        background-color: #ea9209;
         width: 33.3%;
        float: left;
        color: white;
        margin: 0;
        font-size: 14px;
        position: relative;
    }
    .vacun_pendiente{
         width: 33.3%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        background-color: #f1aa3a;
    }
    .cont_btnvacun{
        float: none;
        width: 80%;
        margin: 0 auto; /*15px 0;*/
        left: 0; /*33%;*/
        position: relative;
    }
    .newvacun:hover, .newvacun:focus {
        background-color: #147A82;
        color: white;
    }
    .newvacun{
        float: left;
        width: 48%; /*33.3%;*/
        margin: 5% 1%;
        padding: 15px;
        border: none;
        text-align: center;
        color: white;
        background-color: #2C3D54;
    }
/****CARTAS******/
    .bntcartas{
        float: left;
        width: 30%;
        margin: 0 0 0 16px;
        text-align: left;
        background-color: #0f3955;
        color: white;
        padding: 10px;
        height: 2.5rem; /*45px;*/
        border: none;
        font-size: 1rem;
    }
    .bntcartas_select{
        float: left;
        width: 30%;
        margin: 0px 16px 0 0;
        text-align: left;
        background-color: #0f3955;
        color: white;
        padding: 10px;
        height: 2.5rem; /*45px;*/
        border: none;
        font-size: 1rem;
    }
    .bntcartas_select:focus, .bntcartas_select:hover, .bntcartas_select:visited{
        color: white;
        background-color: #147A82;
    }
    .bntcartas:focus, .bntcartas:hover, .bntcartas:visited{
        color: white;
        background-color: #147A82;
    }
    .select_carta{ margin: 0px 16px 0 0; }
    .select_carta2{ margin: 0 2rem 0; }
    .cont_carta{
        margin: 6px 0px 0px 0px;
        padding: 1rem 2rem;
    }
    .fecha_carta{
        float: left;
        width: 100%;
        color: gray;
        height: 10rem;
        font-size: .9rem;
        font-weight: normal;
        resize: none;
    }
    .notacartas{
        color: #94AC46; /* #00cbbf;*/
        font-weight: bold;
    }
    .txtcarta_wd{
        float: left;
        width: 100%;
        color: gray;
        font-size: 14px;
        padding: 0;
        margin: 5px 0;
    }
    .txtcarta{
        float: left;
        width: auto;
        color: gray;
        font-size: 14px;
        margin: 5px 0px;
    }
    .fecha_carta2 span{
        font-weight: bold;
        color: gray;
        float: left;
    }
    .fecha_carta span{
        font-weight: bold;
        color: gray;
        text-transform: uppercase;
    }
    .firmadr{
        float: right;
        color: gray;
    }
    .foto_carta{
        float: right;
    }
    .foto_carta_secc{
        margin-bottom: -2rem;
        float: right;
    }
    textarea{
        min-width: 200px;
        width: 15rem;
        min-height: 1.7rem!important;
        height: 1.5rem;
        float: left;
        margin: 0 5px;
        padding: 0 5px;
        color: #999999;
        font-weight: bold;
        resize: none;
    }
    .txtarea_left{
        margin-left: 0;
    }
    .contfirma{
        float: left;
        width: 100%;
    }
    .cont_bntguardar_cartas{
        float: none;
        width: 50%;
        margin: 0 auto;
        position: relative;
    }
    .btnguardar_cartas{
        float: left;
        width: 100%;
        margin: 5% 0;
        padding: 15px;
        border: none;
        text-align: center;
        color: white;
        background-color: #2C3D54;
    }
/*****CALENDARIO*****/
    .top_titlecalendario{
        background-color: #f2f3f3;
        width: 100%;
        float: left;
    }
    .cont_tittle_pedi{
        width: 50%;
        float: left;
        background-color: #f2f3f3;
    }
    .tittlecalendario{
        color: #38393c;
        text-transform: uppercase;
        padding: 0;
        margin: 0.5rem 0;
        padding: .7rem 0 0 0;
        font-weight: bold;
        background-color: #f2f3f3;
    }
    .label_pedi{
        width: 50%;
        float: right;
        padding: 0 2rem;
    }
    .select_pedi{
        width: 70%;
        float: right;
        margin: .5rem;
        text-align: right;
        background-color: #f2f3f3;
        color: white;
        height: 2.5rem;
        font-size: 1rem;
        border: solid #8A8787 2px;
        color: #8A8787;
        padding: 0 2rem;
    }
    .label_medic_respon{
        width: 69%;
        float: right;
        margin: 0;
        padding: 0;
    }
    .select_medic_respon{
        width: 100%;
        padding: 0 5%;
        margin: 0;
        float: right;
        text-align: right;
        background-color: #d9dadd;
        color: white;
        font-size: 1rem;
        border: none;
        color: black;
    }
    .mes{
        text-align: center;
        color: #8aae39;
        float: left;
        width: 100%;
    }
    .mes_medico{
        text-align: center;
        color: #00cbbf;
        float: left;
        width: 100%;
    }
    .cont_lunes{
        float: left;
        width: 100%;
    }
    .dia{
        float: left;
        width: 100%;
        color: white;
        background-color: #8aae39;
        padding: 5px;
        text-align: center;
        margin: .5rem 0;
    }
    .hora{
        float: left;
        width: 100%;
        background-color: #dddddd;
        color: #6d6d6d;
        padding: 9px 3px;
        margin: .3rem 0;
        font-size: 13px;
        line-height: 16px;
    }
    .edit_medico{ float: right; }

    .horalibre{
        background-color: #00cbbf;
        color: white;
        padding: 9px 5px;
        margin: .3rem 0;
        font-size: 13px;
        line-height: 100%;
        float: left;
        width: 100%;
    }
    /*.cont_lunes span{
        font-weight: bold;
        margin: 0 0 0 3%;
        padding: 0;
        color: #545454;
    }*/
    .span_namedic{
        font-weight: bold;
        margin: 0 0 0 3%;
        padding: 0;
        color: #545454;
    }

    .span_namedic_ocupado{
        font-weight: bold;
        margin: 0 0 0 3%;
        padding: 0;
        color: white;
    }

    .colum_calendar {
        padding: 0 5px;
        width: 16%;
    }

    .colum_calendar_mobile {
        width: 80%;
    }

    .colum_calendar_medico {
        padding: 0 5px;
        width: 16%;
    }
    .cont_mes{
        margin: 0 auto;
        width: 50%;
        float: none;
        padding-top: 1rem;
    }
    .contflechaizq{
        float: left;
        width: 10%;
    }
    .flechaizq{
        float: right;
        margin: 1rem .5rem;
        position: relative;
        transform: rotate(180deg);
    }
    .flechader{
        float: left;
        margin: 1rem .5rem;
        position: relative;
    }
    .flechader_semana{
        float: right;
        position: relative;
        padding: .6rem 0;
        margin: 0;
    }
    .flechaizq_semana{
        float: left;
        position: relative;
        transform: rotate(180deg);
        padding: .6rem 0;
    }
    .flechader_mes{
        float: right;
        position: relative;
        padding: 1rem 0;
        margin: 0;
    }
    .flechaizq_mes{
        float: left;
        position: relative;
        transform: rotate(180deg);
        padding: 1rem 0;
    }
/*******PACIENTES***********/
    .contbtnsalir{
        float: left;
        width: 33%;
    }
    .namedr{
        float: left;
        color: white;
        text-align: center;
        width: 33%;
        padding: 9px;
        margin: 0;
    }
    .cont_tittlepaciente{
        background-color: #8aae39;
        width: 100%;
        float: left;
        margin: 10px 0;
    }
    .tittlepaciente{
        float: left;
        width: 100%;
        text-align: center;
        color: #0f3955;
        margin: 0;
        padding: .3rem;
    }
    .paciente_menta{
        float: left;
        width: 100%;
        color: white;
        /*font-weight: bold;
        background: #8eeee5;*/
        font-size: 14px;
    }
    .paciente_navy{
        background: #4d858f;
        width: 100%;
        margin: 0;
        font-weight: 100;
        position: relative;
        float: left;
    }
    .contbottm{
        margin-bottom: 2rem;
    }
/**********HISTORIAL ALIMENTOS************/
    /*.cont_alim{ height: auto; }*/
    .contfecha_ali_title{
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        width: 20%;
        max-height: 1.9rem; /* 100px;*/
        height: 100%;
    }
    .contfecha_ali{
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        width: 20%;
        height: 4rem;
    }
    .contedad_ali{
        width: 20%;
        float: left;
        color: #38393c;
        margin: 0;
        font-size: 14px;
        position: relative;
        height: 4rem;
    }
    .contedad_ali_title{
        width: 20%;
        float: left;
        color: #38393c;
        margin: 0;
        font-size: 14px;
        position: relative;
        max-height: 1.9rem; /*100px;*/
        height: 100%;
    }
    .contalimento_title{
        width: 60%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        max-height: 1.9rem;
        height: 100%;
        /*min-height: 30px;*/
        overflow: auto;
    }
    .contalimento{
        width: 60%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        height: 4rem;
        overflow: auto;
    }
/**********HISTORIAL CRECIMIENTO************/
    .contfecha_creci{
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        width: 20%;
        max-height: 100px;
    }
    .cont_edad_creci{
        float: left;
        color: #38393c;
        font-size: 14px;
        margin: 0;
        position: relative;
        width: 20%;
        max-height: 100px;
    }
    .cont_talla_creci{
        float: left;
        /*color: #38393c;*/
        font-size: 14px;
        margin: 0;
        position: relative;
        width: 20%;
        max-height: 100px;
    }
    .cont_peso_creci{
        float: left;
        color: #38393c;
        font-size: 14px;
        margin: 0;
        position: relative;
        width: 20%;
        max-height: 100px;
    }
    .cont_circunf_creci{
        float: left;
        /*color: #38393c;*/
        font-size: 14px;
        margin: 0;
        position: relative;
        width: 20%;
        max-height: 100px;
        height: 1.8rem;
    }
    .no_abrev_cirfun{ display: block;}
    .title_creci_fecha{
        float: left;
        padding: 7px 10px;
        margin: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
        height: auto;
    }
    .title_creci_circunfe{
        float: left;
        padding: 1vw 0px;
        margin: 0;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
        height: auto;
    }
    .pcrecimiento{
        float: left;
        padding: 7px 15px;
        margin: 0;
        text-align: center;
        width: 100%;
        line-height: 100%;
    }
    .bntgraficar_creci{
        display: none;
        background-color: #0f3955;
        border: none;
        padding: 5px 18px;
        color: white;
        text-align: center;
        width: 99%;
        min-height: 40px;
        margin: 4px;
        float: right;
    }
    .bntgraficar_creci:hover{
        background-color: #008198;
    }
    .outbtn_graficreci{
        margin: 1rem 0;
    }
    .btn-print{
        display:block;
        margin:10px auto;
        padding:5px;
        background-color:#008198;
        color:white!important;
        font-size: 12px;
        font-weight: bold;
        border-radius:5px;
    }
/***********HISTORIAL MEDICAMENTOS****************/
    .contmedicamento{
        width: 60%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        max-height: 65px;
        min-height: 30px;
        overflow: auto;
    }
/***********HISTORIAL RECETAS****************/
    .cont_title_fecha{
        width: 10%;
        height: 100%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        height: auto;
    }
    .cont_title_fecha .printable{
        color:#38393c;
    }
    .cont_title_edad{
        width: 13%;
        float: left;
        color: #38393c;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        height: auto;
    }
    .cont_title_talla{
        width: 8%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*ax-height: 65px;
        min-height: 30px;*/
        height: auto;
    }
    .cont_title_peso{
        width: 8%;
        float: left;
        color: #38393c;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        height: auto;
    }
    .cont_title_sintomas{
        width: 24%;
        float: left;
        /*color: #38393c;*/
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        height: auto;
    }
    /**cont titulos*/
    .cont_tittlemedicines{
        width: 24%;
        float: left;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        overflow: hidden;
    }
    .cont_medicines{
        width: 24%;
        float: left;
        color: #38393c;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        overflow: auto;
        /*max-height: 8rem;*/
    }
    .cont_tittesintomas{
        width: 30%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        max-height: 65px;
        min-height: 30px;
        overflow: auto;
    }
    .cont_sintomas{
        width: 24%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 8rem;
        min-height: 30px;*/
        overflow: auto;
    }
    .cont_peso{
        width: 8%;
        float: left;
        color: #38393c;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        height: 100%;
    }
    .cont_talla{
        width: 8%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        max-height: 8rem; /*65px;*/
        min-height: 30px;
        height: 100%;
    }
    .cont_fecha{
        width: 10%;
        height: 100%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
    }
    .cont_fecha2{
        width: 10%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        max-height: 65px;
        min-height: 30px;
    }
    .cont_edad{
        width: 13%;
        float: left;
        color: #38393c;
        font-size: 14px;
        margin: 0;
        position: relative;
        /*max-height: 65px;
        min-height: 30px;*/
        height: 100%;
    }
    .cont_edad_up{
        width: 13%;
        float: left;
        color: white;
        font-size: 14px;
        margin: 0;
        position: relative;
        max-height: 65px;
        min-height: 30px;
    }
    .preceta_cntr{
        float: left;
        padding: 7px 0;
        margin: 0;
        text-align: center;
        width: 100%;
        line-height: 120%;
        font-size: 14px;
    }
    .preceta_cntr a{
        color:#38393c;
    }
    .preceta_lft{
        float: left;
        padding: 0;
        margin: 0;
        text-align: left;
        width: 100%;
        line-height: 120%;
        font-size: 14px;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        /*max-height: 8rem;*/
    }
    .preceta_lft span{
        font-weight: bold;
        text-transform: uppercase;
    }
    .receta_rd{
        float: left;
        position: relative;
        margin: 1% 1% 0 0!important;
        width: 1rem;
    }
    .espacioradio{
        width: 1rem;
        float: left;
        position: relative;
        margin: .5vw; /*.24rem;*/
    }
    .fila1_recetas{
        height: 2.3vw;
    }
/******HISTORIAL DE ACTIVIDAD**********/
    .scabeza_dedo {
        height: 100%;
    }
    .contativs{height: 2.7rem; /*3.3rem;*/}
    .cont_descri{
        color: white;
        width: 30%;
        margin: 0;
        font-weight: 100;
        position: relative;
        float: left;
    }
    .cont_newpaciente_check {
        color: white;
        width: 100%;
        margin: 0;
        font-weight: 100;
        position: relative;
        float: left;
    }
    .cont_activ{
        float: left;
        width: 70%;
        color: #38393c;
        font-weight: bold;
        font-size: 14px;
        min-height: 36px;
    }
    .pactiv{
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 100%;
        float: left;
        padding: 10px;
        margin: 0;
    }
    .actividad{
        text-align: left;
        width: 100%;
        line-height: 100%;
        float: left;
        padding: 10px;
        margin: 0;
        height: 4rem;
        font-weight: normal;
        font-size: 105%;
    }
    .input_txt{
        height: 4rem;
        border: none;
        background: #d9dadd;
        color: #38393c;
        resize: none;
        text-align: left;
        width: 100%;
        line-height: 100%;
        float: left;
        padding: 10px;
        margin: 0;
        font-weight: normal;
    }
    .input_txt:active, .input_txt:focus, .input_txt:visited{
        background: #d9dadd;
    }
/************HISTORIAL CONSULTAS**********/
    .ulaccord{
        width: 100%;
    }
    .liaccord{
        width: 100%;
    }
    .titlehistconsul{
        color: gray;
        text-align: center;
        padding: 10px;
    }
    .mesconsul{
        color: white;
        font-size: 1rem;
        font-weight: bold;
        background-color: #002130;
        padding: 1rem;
        text-transform: uppercase;
        line-height: 130%;
    }
    .mesconsul:active, .mesconsul:focus, .mesconsul:visited{
        color: white!important;
        background-color: #002130;}
    .cita{
        color: white;
        margin: 0 1px;
        padding: .3rem 1rem;
        background-color: #8aae39;
        }
     .phistconsul{
        background: #d9dadd;
        color: #38393c;
        width: 100%; /*50%;*/
        padding: 0;
        margin: 0;
        font-weight: 100;
        position: relative;
        float: left;
        min-height: 1rem;
    }
    .phistconsul p {
        float: left;
        width: 100%;
        padding: .5rem;
        font-weight: normal;
    }
    .continfo_histconsul {
        float: left;
        width: 100%;
        color: white;
        font-weight: bold;
        background-color: #8aae39;
        color: white;
        font-size: 14px;
    }
/**********CATALOGO MEDICAMENTOS***********/
    .form_catagmedic{
        width: 75%;
    }
    .pmedicamento{
        width: 77%;
        margin: 0;
        font-weight: normal;
        position: relative;
        float: left;
        padding: 7px 10px;
        color: white; /*#38393c;*/
        min-height: 39px;
        line-height: 100%;
    }
/****POP UP MEDICAMENTOS****/
    .medicpop{
        width: 100%;
        margin: 0;
        font-weight: normal;
        position: relative;
        float: left;
        padding: 7px 10px;
        color: white;
        min-height: 39px;
        line-height: 100%;
    }
    .busca_pop_medicamentos{
        padding: 2%;
        width: 100%;
        border: solid 2px silver;
        color: gray;
        font-size: 1rem;
    }
    .cont_buscador{
        padding: .5% 2%;
        width: 100%;
        margin: 1% 0;
        float: left;
    }
    .cont_buscador:focus{
        outline: none;
        outline-offset: 0;
    }
/**FIN*/
.btndelete{
    background-color: #0f3955;
    border: none;
    padding: 5px 18px;
    color: white;
    text-align: center;
    width: 23%;
    min-height: 39px;
    margin: 0;
    float: right;
    font-size: 16px;
}
.btndelete:hover{ background-color: #008198; }

/***********CATALOGO DE ALIMENTOS***********/
.pnameregister{
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    float: left;
    padding: 10px 5px 6px;
    margin: 0;
    height: 2rem;
}
.altmenualimnt{ height: 6rem; }
.pmenualimentos{
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    float: left;
    margin: 0;
    top: 50%;
    position: relative;
}
.contbox_namenu{
    float: left;
    width: 70%;
    /*min-height: 2rem;*/
    height: 2rem;
    padding: 0;
    margin: 0;
}
.contbox_catalimen{
    float: left;
    width: 70%;
    min-height: 2rem;
    height: 6rem;
    padding: 0;
    margin: 0;
}
.catalimen{
    padding: .3rem;
    margin: 0;
    border: none;
    background: #d9dadd;
    height: 100%;
    width: 100%;
    float: left;
    position: relative;
    color: #444242;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    overflow: auto;
    overflow-x: hidden;
    font-weight: normal;
}
.catalimen:focus{ background: #d9dadd; }
.btnregisterfood{
    width: 50%;
    left: 30%;
    position: relative;
    background-color: #0f3955;
    border: none;
    padding: .8rem 0;
    color: white;
    text-align: center;
    min-height: 40px;
    margin: 1rem 0 .4rem;
}
.btnregisterfood:hover{ background-color: #003960; }
.top_cataliment{ /*margin-top: 1.5rem;*/}
.cont_menualimentos{
    color: white;
    width: 20%;
    margin: 0;
    font-weight: 100;
    position: relative;
    float: left;
    height: 6rem;
}
.menualimentos{
    margin-top: 3rem;
    text-align: left;
    width: 100%;
    line-height: 100%;
    padding: 10px;
}
.contalimentos{
    float: left;
    width: 65%;
    color: #38393c;
    /*min-height: 36px;*/
    height: 6rem;
    overflow-x: hidden;
    overflow-y: auto;
}
.alimentos{
    text-align: left;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    font-size: 13px;
    line-height: 120%;
    padding: .5rem;
    margin: 0;
    height: 100%;
    color: #6f6f6f;
    font-family: roboto;
    font-weight: normal;
    border: none;
    box-shadow: none;
    transition: none;
}
.alimentos:focus{
    background-color: #d9dadd;
    color: #6f6f6f;
    font-family: roboto;
    font-weight: normal;
    border: none;
    box-shadow: none;
    transition: none;
}
.cont_btndelete{
    margin: 0;
    float: left;
    height: 6rem;
    width: 15%;
}
.btndelete_catalimen{
    background-color: #aaa9a9;
    border: none;
    padding: 5px 18px;
    color: white;
    text-align: center;
    width: 100%;
    /*min-height: 39px;*/
    margin: 0 0 .4rem 0;
    float: right;
    font-size: 16px;
    height: 2.8rem;
}
.btnprint_catalimen{
    background-color: #0f3955;
    border: none;
    padding: 5px 18px;
    color: white;
    text-align: center;
    width: 100%;
    /*min-height: 39px;*/
    margin: 0;
    float: right;
    font-size: 16px;
    height: 2.8rem;
}
.btnguardar_catalimen{
    background-color: #3e6a87;
    border: none;
    padding: 5px 18px;
    color: white;
    text-align: center;
    width: 100%;
    /*min-height: 39px;*/
    margin: 0;
    float: right;
    font-size: 16px;
    height: 2.8rem;
}
.btndelete_catalimen:hover{ background-color: #008198; }
/***********LOGIN***********/
.form_log {
    float: left;
    height: auto;
    width: 100%;
    /* padding: 4rem 0; */
    }
.contlogin{
    width: 40%;
    left: 30%;
    position: relative;
    float: left;
    margin: 4rem 0;
}
.boxlogin{
    padding: .3rem;
    margin: .5rem 0;
    border: none;
    background: white;
    width: 100%;
    float: left;
    position: relative;
    color: #828890;
    font-size: 1rem;
    font-weight: normal;
    height: 2rem;
    overflow: hidden;
    min-width: 100%;
}
.boxlogin:focus{
    border: none;
    background-color: #fefefe;
    outline: none;
    box-shadow: none;
    transition: none;
}
.btnlogin{
    width: 50%;
    left: 25%;
    position: relative;
    background-color: #2c3d54; /*#aaa9a9;*/
    border: none;
    padding: .8rem 0;
    color: white;
    text-align: center;
    min-height: 40px;
    margin: 1rem 0 .4rem;
}
.btnlogin:hover{ background-color: #253f62; }
.tabtitle_login{
    background-color: #002130; /* #94ac46;*/
    color: white;
    font-size: 1rem;
}
.tabtitle_login:hover, .tabtitle_login:focus {
    background-color: #002130;
    color: white;
}
.tabcontent_login{
    background-color: #94ac46; /*#DDE8EC;*/
    padding: 2rem!important;
    float: left;
    width: 100%;
}
/*************ESTUDIOS***********/
.cont_doc_image{
    display: none;
}
.centro50{
    width: 50%;
    margin: 0 auto;
}
.centro50_title {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    padding: 4% 0;
}
.centro50_title_prev {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    padding: 4% 0;
}
.sup_cont_doc{
    float: left;
    width: 15%;
    color: white;
    font-weight: bold;
    font-size: 14px;
    color: #38393c;
    display: block;
    /*height: 3.1rem;*/
}
.title_histdoc {
    height: auto;
}
.cont_doc{
    float: left;
    width: 15%;
    color: white;
    font-weight: bold;
    font-size: 14px;
    height: auto;
    color: #38393c;
}
.doctitle{
    text-align: center;
    color: #38393c;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    float: left;
    padding: 7.6% 0; /*.8rem;*/
    margin: 0;
}
.title_bntdoc{
    text-align: center;
    color: white;/*#38393c;*/
    width: 100%;
    height: 2.5rem;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    float: left;
    padding: 7.6% 0; /*.8rem;*/
    margin: 0;
}
.cont_edit_estudio{
    float: left;
    width: 15%;
    color: white;
    font-weight: bold;
    font-size: 14px;
    min-height: 36px;
}
.cont_estudio{
    color: white;
    width: 40%;
    margin: 0;
    font-weight: 100;
    position: relative;
    float: left;
}
.cont_btn_estudios{
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    float: left;
    padding: 0;
    margin: 0;
    height: 2.5rem;
}
.title_estudio{
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 100%;
    float: left;
    padding: 2.6% 0;
    margin: 0;
    height: auto;
}
.estudio{
    width: 100%;
    line-height: 100%;
    float: left;
    padding: 3%;
    margin: 0;
    text-align: left;
    text-transform: none;
    font-weight: normal;
    height: 2.5rem;
}
.cont_titulo_fecha_docs{
    float: left;
    width: 15%;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    height: auto;
    color: #38393c;
}
.cont_fecha_docs{
    float: left;
    width: 15%;
    color: white;
    font-weight: bold;
    font-size: 14px;
    height: auto;
    color: #38393c;
}
.docs_fecha{
    width: 100%;
    line-height: 100%;
    float: left;
    padding: 7.6% 0;
    margin: 0;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    height: auto;
}
.btn_edit_estudio{
    height: 2.5rem;
    margin: 0;
    float: left;
    width: 100%;
    /*background-color: #8a8787;*/
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    text-align: center;
    color: white!important;
    line-height: 100%;
}
.btn_doc{
    height: 2.5rem;
    margin: 0;
    float: left;
    width: 100%;
    background-color: #0f3955;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    text-align: center;
    color: white!important;
    line-height: 100%;
}
.btn_doc:hover, .btn_doc:focus {
    background-color: #147A82;
    color: white;
}
/************CALENDARIO ASISTENTE**************/
.cont_porhora{ /*VACIO = GRIS*/
    background-color: #dddddd;
    width: 100%;
    float: left;
    margin: .2rem 0;
    height: 3rem; /*3.2rem;*/
   /*cursor: pointer;*/
}
.cont_porhora_ocupado{ /*VERDE*/
    background-color: #8aae39;
    color: white;
    width: 100%;
    float: left;
    margin: .2rem 0;
    height: 3rem;
}
.cont_hr{
    float: left;
    width: 30%;
    padding: .3rem 0;
}
.edit_asist {
    float: right;
    margin: 0;
    z-index: 3;
}
/*.edit_asist{
    float: left;
    margin: 0 1rem;
}
.cont_med{
    float: right;
    width: 70%;
    padding: .4rem 0rem;
}*/
.cont_med{
    float: right;
    width: 70%;
    padding: .3rem .3rem .4rem 0;
}
.namedic{
    width: 100%;
    background: transparent;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    color: #6d6d6d;
    line-height: 100%;
    margin-top: -.8rem;
}
.namepac{
    width: 100%;
    float: left;
    margin: 3% 0;
    background-color: transparent;
    padding: 0;
    padding-left: .3rem;
    font-size: .8rem;
    line-height: 16px;
    color: #6d6d6d;
    text-transform: capitalize;
}
.namedic_ocupado{
    width: 100%;
    background: transparent;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    color: white;
    line-height: 100%;
    margin-top: -.8rem;
}
.namepac_ocupado{
    width: 100%;
    float: left;
    margin: 3% 0;
    background-color: transparent;
    padding: 0;
    padding-left: .3rem;
    font-size: .8rem;
    line-height: 16px;
    color: white;
    text-transform: capitalize;
}
.hora_asist{
    width: 100%; /* 30%;*/
    text-align: center;
    float: left;
    padding: 0; /*0 10%;*/
    margin: 0;
    font-weight: bold;
    color: #464646;
}
.hora_asist_ocupado{
    width: 100%; /* 30%;*/
    text-align: center;
    float: left;
    padding: 0; /*0 10%;*/
    margin: 0;
    font-weight: bold;
    color: white;
}
.namedico{
    width: 70%;
    background: transparent;
    float: left;
    margin: 0;
    padding: .5rem .5rem .2rem;
    font-size: 1rem;
    color: #6d6d6d;
    line-height: 100%;
}
.namepaciente{
    width: 70%;
    float: left;
    margin: 0;
    background-color: transparent;
    padding: .2rem .5rem .5rem;
    font-size: .8rem;
    line-height: 16px;
    color: #6d6d6d;
}
.cont_hrlibre{
    background-color: #8aae39;
    color: white;
    padding: 9px 5px;
    margin: .2rem 0;
    font-size: 1rem;
    line-height: 100%;
    float: left;
    width: 100%;
    height: 3.2rem;
}
/********EDITAR CONSULTA*********/
.cont_editconsul{
    background-color: #dddddd;
    float: left;
    margin: 10px 0;
}
.sec_editconsul{
    float: left;
    width: 100%;
    text-align: center;
    color: #4d858f;
    margin: 0;
    padding: .3rem;
    text-transform: uppercase;
}
.btn_editconsul{
    background-color: #91b3bb;
    border: 2px solid white;
    padding: 5px 18px;
    color: white;
    text-align: center;
    width: 33.3%;
    min-height: 3rem;
    margin: .5rem 0;
    float: right;
}
.form_guarda{
    width: 33.3%;
}
.btn_guarda{
    background-color: #91b3bb;
    border: 2px solid white;
    padding: 5px 18px;
    color: white;
    text-align: center;
    width: 33.3%;
    min-height: 3rem;
    margin: .5rem 0;
    float: right;
}
.edit_fecha{
    text-align: center;
    background-color: #00cbbf;
    color: white;
    padding: .5rem;
    margin: 0;
}
/**********CONSULTA ACTUAL tabs************/

#form_save {
    margin: 2em 0;
}

/**********Catalogo alimentos pop up************/
.title_alimsug{
    float: left;
    width: 100%;
    font-family: sans-serif;
    text-align: center;
    color: white;
    padding: 0.5rem 0;
    font-weight: normal;
    margin: 0 0 .6vw 0;
    position: relative;
}

.check_aliment_sug{
    color: white;
    padding: .3vw 5vw;
    margin: .4vw auto;
    float: left;
    width: 100%;
}
/********** Nueva vacuna pop up************/
.calendar{
    width: 100%;
    background: transparent;
}
.newvacun_pop{
    border: none;
    /*background: #8eeee5!important;*/
}
.newvacun_pop2{
    border: none;
    /*background: #4d858f!important;*/
}
.marginnewvacun_pop{
    margin: 0;
    width: 50%;
    color: white;
    height: 2rem;
    padding: 1%;
}
.btn_guardar_pop{
    background: #2c3d54;
    color: white;
    border-radius: 0;
    border: none;
    margin: 2% 10%;
    padding: 1rem;
}
.tipovacuna_pop{
    color: white;
    width: 100%;
    height: 100%;
    padding: 0 1%;
    background: #8aae39;
}
.cont_tras_title{
    background-color: #0f3955;
    width: 10%;
    height: 1.7rem;
    float: left;
    margin: 0;
}
.cont_tras{
    background-color: #0f3955;
    width: 10%;
    height: 2.5rem;
    float: left;
    margin: .3% 0; /*0;*/
    padding: .3% 0;
}
.trash_title{
    width: 100%;
    height: auto;
    background: url("../images/save.svg");
    background-position: center;
    background-repeat: no-repeat;
    padding: 2% 0;
    float: left;
    border: none;
}
.trash{
    width: 100%;
    height: auto;
    background: url("../images/save.svg");
    background-position: center;
    background-repeat: no-repeat;
    padding: 4% 0;
    float: left;
    border: none;
}
/*******PRINT RECETA******/
.body_receta{
    font-family: sans-serif;
    padding: 2rem;
}
.table_recetaprint{
    width: 100%;
    background-color: white;
    padding: 3rem;
}
.campo_receta{
    width: 50%;
    text-align: justify;
    margin: 0 0 1% 0;
    float: left;
}
.columnizq{
    padding-left: 15%;
}
.pad_sintomas{
    padding: 0 6% 0 0;
}
/**MENSAJES**/
.guardado_bien{
    text-align: center;
    font-weight: bold;
    color: #94ac46;
    width: 100%;
    float: left;
    margin: 3rem 0;
}
.back{
    text-align: center;
    font-weight: bold;
    color: #2c3d54;
    width: 100%;
    float: left;
    margin: 2% 0;
}
.back.back:hover{
    color: black;
}
/**POP SUBIR DOCUMENTO****/
.featherlight .featherlight-inner{
    width: 100%!important;
}
.featherlight .featherlight-content{
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
.tipodocu_txt{
    width: 90%;
    padding: 2% 1%;
    margin: 3% 5%;
}
.btn_select_upload{
    float: left;
    width: 48%;
    background: transparent;
    height: 2.8rem;
    margin: 0 5%;
    padding: 0;
    text-transform: uppercase;
    text-align: right!important;
    color: #0f3955;
}
.btn_select_upload::-webkit-file-upload-button {
  visibility: hidden;
}
.btn_select_upload::before {
  content: 'Selecciona archivo';
  display: inline-block;
  background: #2c3d54; /*-webkit-linear-gradient(top, #f9f9f9, #e3e3e3);*/
  color: white;
  border-radius: 0;
  border: none;
  padding: 3%;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: none; /*1px 1px #fff;*/
  font-weight: 700;
  font-size: 1rem;
  text-transform: initial;
  width: 100%;
  text-align: center;
  height: 2.9rem;
}
.btn_select_upload:hover::before {
  background-color: #004675;
  border: none;
}
.btn_select_upload:active::before {
  background-color: #0489a0;
  border: none;
}
/*input.btnagendar:before {
    content: 'Selecciona archivo';
    display: inline-block;
    background: #0f3955;
    border: none;
    border-radius: 0;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: none;
    font-weight: 700;
    font-size: 10pt;
    color: white;
    text-transform: initial;
}*/
/*******REGISTRO PACIENTES********/
.cont_reg_pac{
    margin: 0 auto;
    max-width: 1200px;
    width: 90%;
}
/**POP SUBIR FOTO INFANTE****/
/*.featherlight .featherlight-inner{
    width: 100%!important;
}
.featherlight .featherlight-content{
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
.tipodocu_txt{
    width: 90%;
    padding: 2% 1%;
    margin: 3% 5%;
}*/
.btn_fotonino_upload{
    float: left;
    width: 69%;
    background: #d9dadd;
    height: 2.4rem;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: right!important;
    color: #0f3955;
}
.btn_fotonino_upload::-webkit-file-upload-button {
  visibility: hidden;
}
.btn_fotonino_upload::before {
  content: 'Selecciona archivo';
  display: inline-block;
  background: #2c3d54; /*-webkit-linear-gradient(top, #f9f9f9, #e3e3e3);*/
  color: white;
  border-radius: 0;
  border: none;
  padding: 1%;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: none; /*1px 1px #fff;*/
  font-weight: 700;
  text-transform: initial;
  width: 20%;
  text-align: center;
  height: 100%;
  font-size: 96%;
}
.btn_fotonino_upload:hover::before {
  background-color: #004675;
  border: none;
}
.btn_fotonino_upload:active::before {
  background-color: #0489a0;
  border: none;
}
/******BOTONES ALERGIA Y OBSERVACIONES******/
.yellow{ background-color: #ffca4d; }
.red{ background-color: #ff0625;}

/******NUEVO PACIENTE / REGISTRO PACIENTE******/
    .cont_newpacient{
        margin: 6px 0px 0px 0px;
        padding: 0 3%;
    }
    .nuevo_paciente{
        text-align: left;
        width: 100%;
        text-transform: capitalize;
        font-weight: normal;
        line-height: 100%;
        float: left;
        padding: 3% 4%;
        margin: 0;
        height: 2rem;
    }
    .check_new_paciente {
        text-align: left;
        width: 100%;
        text-transform: capitalize;
        font-weight: normal;
        line-height: 100%;
        float: left;
        padding: 1.3% 2%;
        margin: 0;
        height: 2rem;
    }
    .newpacient_medic_label{
        width: 100%;
        float: right;
        margin: 0;
        padding: 0;
    }
    .newpacient_medic{
        width: 100%;
        padding: 0 5%;
        margin: 0;
        float: right;
        text-align: right;
        background-color: #d9dadd;
        font-size: .8rem;
        border: none;
        color: #8A8787;
        height: 2rem;
    }
/**ADD CITA***/
.cont_bnt_registro_cita{
    margin: 0 auto;
    width: 50%;
}
.btn_registro_cita {
    padding: 1rem 0;
    width: 100%;
    margin-top: 1.3rem;
    float: none;
    background: #002130;
    text-align: center;
    font-size: 1rem;
    color: white;
    border: none;
}
.addcita_hora{
    width: 100%;
    padding: 0 1%;
    margin: 0;
    float: right;
    text-align: right;
    background-color: #d9dadd;
    font-size: .8rem;
    border: none;
    color: #8A8787;
    height: 2rem;
}
.nuevo_paciente_addcita{
    text-align: left;
    width: 100%;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 100%;
    float: left;
    padding: 1.5% 2%;
    margin: 0;
    height: 2rem;
}
/***SHOW OCUPADOS / NO REPTIDOS EN REGISTRO*****/
.body_ocupado{
    /*padding: 5%;*/
    padding: 1% 3%;
}
.quiso{
    padding: 0 2%;
    margin: 1% 0 1% 0;
    text-transform: uppercase;
}
.ul_ocupados{
    text-decoration: none;
    width: 100%;
}
.li_ocupados{
    width: 100%;
    padding: .5%;
    margin: 0.2% 0;
}
.txt_ocupados{
    font-family: 'Roboto';
    text-decoration: none;
    text-transform: capitalize;
    margin: 0;
    padding: 0 1%;
    width: 100%;
}
.txt_ocupados:hover, .txt_ocupados:active, .txt_ocupados:focus{
    color: black!important;
}