@charset "UTF-8";
/* CSS Document */
/*******movil -> 639px ****/
@media screen and (max-width: 39.9375em) {
	/**COLORES MOVIL**/
		.gray_m{ color: #38393c;}
		.bgray_m{background-color: #38393c;}
		.bsilver_m{ background-color: #d9dadd;}
		.bgreen_m{background-color: #8aae39;}
		.white_m{color: white;}

		.widbtn {
			width: 95%;
	        margin: .5rem;
	    	height: 2rem;
		    font-weight: bold;
		}
	/*MENU*/
		#menuresp{
			padding-left: 0!important;
		    /*position: relative;
		    width: 25%;*/
		    position: absolute;
		    width: 100%;
		    padding: 0;
		    margin-top: 2px;
		}
		.dl-menuwrapper .dl-menu.dl-menuopen{
			width: 100%!important;
		}
		.medicohm{
		    font-size: 1.5rem;
		    padding: 0; /*1rem 0 .3rem 0;*/
		    width: 100%;
		    margin: 0;
		    float: left;
		}
		.nombremedico{
		    width: 35%;
		    float: left;
		    color: white;
		    text-align: center;
		    margin-left: 22vw;
		    padding: 2.5vw 0;
		}
		.exit{
		    margin: 0;
		    width: 100%;
		    padding: 1vw 0;
		}
		.cont_btnexit{
		    width: 33%;
	    	float: right;
		    margin: 0;
	    	padding: 2vw 3vw;
		}
	/**BOTONES***/
		.btnalergy{
			padding: 5px 0;
		}
		.btn_observaciones{
			/*font-size: 78%;*/
			padding: 5px 0;
		}
	/**BUSCAR**/
		.form_buscarpaciente{
		    width: 90%;
		}
		.cont_btn_buscar_paciente{
			height: 3.25rem;
		}
		.btn_buscar_paciente{
			padding: 6% 0 0 0;
			padding-left: 44%;
		    width: auto;
		}
	/*************INDEX3**************/
		.pexp span{ 
			font-size: 90%;
		    width: 100%;
		    float: left;
	    }
		.info{
			width: 100%;
			text-align: center;
			padding: 5px;
		}
		.info p{
		    width: 100%;
		    line-height: 100%;
		}
		.datosactual{
		    text-transform: uppercase;
		    text-align: center;
	    	padding: 5px;
		    font-weight: bold;
		}
		.boxactual{
			min-height: 96px;
	    	margin-left: 0;
	    	min-width: 100%;
		    padding: 1vw 2vw;
		    line-height: 130%;
		    font-weight: normal;
		}
		.contboxactual{ width: 100%; }
		.consul_medicam_search{
		    width: 100%;
		    margin: 1rem .5rem;
		    padding: 0;
		}
		.thembox{
		    top: 1vw;
	        margin-bottom: 10px;
	    	text-align: center;
		    width: 100%;
		}
		.contuser{
			padding: 0;
		    width: 83%;
		    margin-left: 0;
		    text-align: right;
		    float: right;
		    margin: 0;
		}
		.ultmsdts{ padding: 0; }
		.pexp{ 
			width: 100%;
		    max-width: 100%;
		    float: right;
		    padding: 0 1vw 0 0;
		    font-size: 89%;
		    line-height: 110%
		}
		.pedad{
		    width: 100%;
		    margin-left: 0;
		    padding-top: 0;
		    float: right;
		    line-height: 110%;
		}
		.user{
		    margin-left: 0; /*3vw;*/
		}
		.contexp {
	    	padding: 0;
		}
		.datosp{
		    margin: 5px 0px;
		}
		.contgral{
			padding: 0 5px;
		    margin: 0 auto;
		    position: relative;
		    background-color: white;
		}
		.tipo{
			padding: 0;
		    width: 100%;
		    text-align: center;
	        /*top: 2vw;*/
		    position: relative;
		    font-size: 18px;
		    font-weight: bold;
		}
		.fecha{
			width: 100%;
			text-align: center;
		    padding: 5px 0px;
		    font-weight: bold;
		}
		.search{
			width: 74%; /*100%;*/
			margin: 0;/*catalg medic*/
			padding: 0; /*catalg medic*/
			height: 100%;
		}
		.cont_btn_buscar{
			padding: 1.5% 6%;
		    height: 104%;
		    max-height: 104%;	
		    width: 25%;
		}
		.formsearch {
		    height: 2.5rem;
		}
		.formsubirarch{
			width: 100%;
			padding: 0 4%;
		    margin-top: 2%;
		}
		.btn_select_upload{
		    width: 90%;
	   		padding: 0;
		}
		.btnagendar{
	        width: 90%;
		    margin-top: 3%;
		    margin: 3% 5% 0 5%;
		    float: none;
		}
		.contdate{
		    width: 100%;
		    margin-left: 0;
		}
		.date{
		    width: 100%;
		    text-align: center;
		}
		.pickdate_consul{
		    width: 80%;
		    margin: 0 auto;
		    text-align: center;
		}
		.dato_medidas{
			width: 100%;
			text-align: center;
		    padding: 5px 0px;
		    font-weight: bold;
		}
		.btndate{
			width: 50%;
		}
		.contpeso{
		    padding: 0;
		    width: 100%;
		    margin: 0;
		}
		.peso{
		    width: 50%;
	    	padding: 0 5px;
	   		margin: 0;
		}
		.pesobox{
		    height: 35px!important;
	        width: 50%!important;
	        background-color: #d9dadd!important;
	    	border: none!important;
		}
		.contalla{
			padding: 5px 0px;
		    width: 100%;
		    margin: 0;
		    background-color: #8aae39;
		}
		.talla{
			width: 50%;
	    	padding: 0 .5rem;
		}
		.contcra{/*
			padding: 5px;
		    width: 100%;
		    margin-left: 0;*/
	        padding: 0;
		    width: 100%;
		    margin: 0;
		    background-color: #8aae39;
		}
		.craneal{
		    width: 50%;
		    padding: .2rem .5rem;
		    line-height: 100%;
		}
		.listfood{
			float: left;
	    	width: 100%;
		}
		.btnfood{
		    background-color: #182633;
		    font-weight: bold;
		    color: white;
		    height: 1rem;
	    	padding: 0;
		}
		.txtfoot{
		    font-size: 16px;
		}
		.datos{
		    margin: 15px 0px 0px 0px;
		}
		.datoname{
		    padding: .6rem .2rem;
		}
		.btns{
		    padding: 0;
		}
		.contbtna{
		    margin: 0;
		    line-height: 100%;
		    min-height: auto;
		    height: 2.8rem;
		    text-transform: uppercase;
		    font-size: .8rem;
		    border: solid;
	        padding: .5rem;
		}
		.btneliminar{
		    padding-top: 4vw;
		}
		.contbtn_print {
		    padding: 0 .5rem;
		}
	/****POP SUBIR DOCUMENTO*****/
		.featherlight .featherlight-content{
			width: 90%;
		    margin: 0 auto;
		    padding: 0!important;
		    border: none;
		}
		.btn_select_upload::before{
			width: 100%;
		}
		/***SHOW OBSERVACIONES***/
		.form_show_obsrv{
			width: 90%;
		}

	/**********CATALOGO DE MEDICAMENTOS*********/
		.cont_form_catmedic{
			width: 100%;
		}
		.form_catagmedic{
		    width: 100%;
		    margin: 1rem 0;
		    padding: 0 1rem;
		}
		.paddingcero{
			padding: 0;
		}
		.input_search_catagmedic{
			width: 100%;
			float: left;
	    	padding: 0 2vw;
		}
		.pmedicamento{
		    height: 5rem;
		    font-size: .9rem;
		    overflow-x: hidden;
		    overflow-y: auto;
		}
		.btndelete{	height: 5rem; }

		.contbox_namenu{
		    height: 3rem;
		    width: 100%;
		}
		.contbox_catalimen{ width: 100%;}
		.btnregister{
		    padding: 5px 18px;
		    width: 100%;
		    margin: 0 0 1rem 0;
		}
	/******CATALOGO DE ALIMENTOS******/
	    .cont_menualimentos, .contalimentos, .cont_btndelete{
			height: 6rem;
	    }
	    .cont_menualimentos{
		    width: 40%;
	    }
	    .contalimentos {
	    	width: 60%;
	    }
	    .cont_btndelete{
	    	width: 100%;
	    	height: auto;
		    padding: 1rem .5rem;
	    	margin: 0;
	    }
	    .btndelete_catalimen{
	    	width: 32%;
	    	margin: 0 0 0 0;
	    }
	    .btnprint_catalimen{
	    	width: 32%;/* 48%;*/
	    	margin: 0 1vw 0 0;
	    	padding: 0;
	    }
	    .btnguardar_catalimen{
	    	width: 32%;/* 48%;*/
	    	margin: 0 1vw 0 0;
	    	padding: 0;
	    }
	/**********CONSULTA ACTUAL (index3)*********/
		.litabs{
			height: 2.9rem;
		}
		.tabs-title > a {
		    font-size: .9rem!important;
		    padding: 10% 2%!important;
		    text-align: center;
		    height: 100%;
		    font-size: 70%!important;
		}
		.btn_asist_datos12{ width: 100%; }
		.cont_prox_consul{
		    width: 100%;
	        margin: 1% 0 0 0;
		}
	/**********DATOS GENERALES***********/
		.name, .btnfoto{
		    height: 3rem;
		}
		.contname{
			font-size: .8rem;
			height: 3rem;
		}
		.pname{
		    line-height: 110%;
		    overflow: auto;
		    height: 100%;
		}
	/*************HISTORIALES************/
		.btnhisto{
		    width: 45%;
	    	margin: .3rem;
		}
		.btnhisto:first-child, .btnhisto:last-child{
		}
	/*VACUNAS*/
		.tipovacun{
	        height: 1.8rem;
		    padding: 5% 1%;
		    font-size: 90%;
		}
		.title_edad_vacun{
		    height: 2.5rem;
		    padding: 5% 1%;
		    margin: 0;
		    font-size: 90%;
		}
		.title_fecha_vacun_m{
			display: block;
			float: left;
		    padding: 11px 0;
		    margin: 0;
		    text-align: center;
		    width: 100%;
		    text-transform: uppercase;
		    font-weight: bold;
		    line-height: 100%;
		    height: 100%;
		}
		.title_fecha_vacun{
			display: block;
		}
		.cont_tipovacun{ 
			height: 4rem; /*2.5rem;*/
		}
		.vacun_tipo{
			width: 100%;
		    /*height: 100%;*/
		    font-size: 15px;
		    padding: 5% 4% 0 4%;
		    text-align: left;
		}
		.img_alert_vacun{
			width: 28%;
		    padding: 1% 5%;
		    margin: 0 auto;
		    float: none;
		}
		.vacun{
			/*height: 5rem;*/
	        padding: 2%;
	    	text-align: left;
		    font-size: 13px;
		    min-width: 100%;
	 	}
		.cont_fecha_aplica{	
			height: 4rem; /*2.5rem; */
		    width: 70%;
		}
		.cont_fecha_title_vacun{
			width: 70%;
		    height: 1.8rem;
		}
		.cont_title_tipovacun{ height: 1.8rem; }
		.cont_btnvacun{ }
		.newvacun{
			width: 100%;
	    	padding: 1rem;
		}
		.cont_tras_title{
			height: 1.8rem; /*2.5rem;*/
			width: 100%;
	    	display: none;
		}
		.trash_title{
			background-size: 50%;
			height: 100%;
		}
		.cont_tras{
			height: 4rem;
		    width: 100%;
		}
	/**HISTORIAL DE ALIMENTOS***/
		.title_alim{
			text-align: center;
		}
		.p_title_alim{
			height: auto;
		}
		.txt_hist_alim{
			height: 3.5rem;
		}
		.contedad_ali, .contfecha_ali{
			width: 49%;
			margin: 0% 1% 1% 0;
		    height: auto;
		} 
		.contedad_ali_title, .contfecha_ali_title{
			width: 49%;
			margin: 0% 1% 1% 0;
		} 
		.contalimento_title{
			width: 99%;
		}
		.contalimento{
			width: 99%;
		}
	/****CARTAS*****/
		.contbtns_histo{ margin: 1vw 0; }
		.cont_carta{
		    margin: 0;
	    	padding: 0;
		}
		.bntcartas{
		    text-align: center;
		    font-size: .8rem;
		    padding: .8rem;
	        width: 50%;
	   	 	margin: 0% 25%;
		}
		.bntcartas_select {
		    text-align: center;
		    font-size: .8rem;
		    padding: .6rem;
		    margin: 0% 1% 1%;
	    	width: 48%;
		}
		.notacartas{ text-align: center; }

		.fecha_carta{
		    height: 18rem;
		    margin: 0;
		}
		.txtcarta, .txtcarta_wd, .campo_carta { 
			margin: 0; 
			width: 100%;
		}
	/*********CALENDARIO*******/
		.colum_calendar{
			width: 47%;
		}
		.dia{
		    background-color: #8aae39;
		}
		.icon_edit_m {
		    display: none;
		}
		.namepac_ocupado{
			margin: 0;
		    padding-left: 3%;
		}
		.hora_asist{
		    padding: 0rem;
		    font-size: 1.5rem;
		    font-weight: normal;
		}
		.hora_asist_ocupado{
			padding: 0rem;
		    font-size: 1.5rem;
		    font-weight: normal;
		}
		.cont_mes{
			padding: 0;
		}
		.mes{
		    margin-top: .5rem;
	    	font-size: 2rem;
	    	width: 100%;
		}
	/***HIST CRECIMIENTO*****/
		.contfecha_creci{
		    width: 33.3%;
		    height: 2.5rem;
		    display: none;
		}
		.title_creci_circunfe{
			padding: 3vw 0px;
			font-size: 90%;
		}
		.pcrecimiento{
		    padding: 2vw 0.5vw;
		}
		.titlecircunferencia{
	        font-size: 90%;
	    	/*padding: 3% 0;*/
		}
		.cont_peso_creci, .cont_circunf_creci, .cont_talla_creci, .cont_edad_creci{
			width: 25%;
			margin: 1% 0;
			height: 2.5rem;	
		}
		.abrev_cirfun{ display: block; }
		.no_abrev_cirfun{ display: none;}
		.bntgraficar_creci{
	    	padding: 2% 1%;
		    font-size: 90%;
		    width: 100%;
		}
	/****HIST RECETAS***/
		.precetas_title{
		    height: auto;
	    	padding: 3% 1%;
		}
		.formrecetas{
		    margin: 0;
		    float: left;
		}
		.fila1_recetas{
			float: left;
			height: auto;	
		}
		/*.cont_fecha, .cont_edad, .cont_talla, .cont_peso, .cont_sintomas, .cont_medicines {
		    width: 23%;
	    	font-size: 80%;
		}*/
		.cont_title_sintomas{
			width: 37%;
		    font-size: 70%;
		    height: 1.5rem;
		    padding: 0;
		}
		.cont_title_fecha {
			width: 16%;
			font-size: 70%;
		    height: 1.5rem;
		    padding: .5%;
		}
		.cont_sintomas{
		    width: 37%;
		    height: 100%;
		    padding: 1% 2%;
		}
		.cont_tittlemedicines{
		    width: 39%;
	    	font-size: 70%;
	    	height: 1.5rem;
		}
		.cont_medicines{
		    width: 39%;
	    	font-size: 70%;
	    	height: 100%;
	    	padding: 1% 2%;
		}
		/*.cont_title_edad, .cont_edad, .cont_title_peso, .cont_peso, .cont_title_talla, .cont_talla,{
			display: none;
		}*/
		.cont_title_peso, .cont_peso, .cont_edad, .cont_title_edad, .cont_title_talla, .cont_talla{ display: none;}
		.cont_fecha {
			width: 16%;
			font-size: 66%;
	    	height: 100%;
		}
		.preceta_cntr{
			font-size: 100%;
		}
		.cont_receta_m{
			height: 10rem;
		}

	/***HIST ACTIVIDADES****/
		.cont_descri, .cont_activ { width: 100%; }
		.cont_descri{
			height: auto;
		    /*padding: 3% 0;*/
		}
		.tittlepaciente{font-weight: bold; }
		.menualimentos{     
			padding: 15% 5%;
			margin-top: 0
		}
		.pnameregister{
		    padding: 0;
		    margin: 0;
		    height: auto;
		}
		.scabeza_dedo{ height: 100%; }
		.input_txt{ 
			min-width: 100%;
			padding: 1vw;
		    font-weight: normal;
	        font-size: 100%;
	        text-align: left;
	    }
	    .actividad{
		    padding: 1vw;
		    height: 2.2rem;
		    font-size: 100%;
		    font-weight: 600;
	        text-align: center;
	    }
	/*******CALENDARIO MEDICO********/
		.colum_calendar_medico{
			width: 91%;
		}
		.cmovil{
			display: none;
		}
	/********CALENDARIO ASISTENTE**********/
		.colum_calendar{
			width: 88%; /*91%;*/
		}
		.flechader_semana{
			margin: 0 0 0 0;
		}
		.cont_tittle_pedi{
			width: 100%;
		    padding: 2vw 0 0 0;
		}
		.tittlecalendario{
		    padding: 0;
		    text-align: center;
		    margin: 0;
		}
		.label_pedi {
		    width: 100%;
		    padding: 0 2rem;
		}
		.select_pedi{
			width: 100%;
		}
	/*****HISTORIAL DOCUMENTOS****/
		.doctitle, .title_estudio, .estudio{ 
			font-size: 100%;
			padding: 0;
			/*font-size: 70%;
		    padding: 2% 0;*/
		}
		.cont_estudio{
		    width: 40%;
		    height: 2rem;
		    font-size: 80%;
		    padding: 2% 2%;
		}
		.sup_cont_doc{
		    height: 2rem;
		    width: 20%;
		    font-size: 70%;
		    display: block;
		}
		.cont_doc_image{
			display: block;
			float: left;
			width: 20%;
			/*padding: 1%;*/
			height: 2rem;
		}
		.centro50 {
		    width: 25%;
		}
		/*.centro50_title_prev{
			width: 95%;
		}*/
		.txt_title_doc{ display: none;}
		.img_title_doc{ display: block;}
		.trash{
		    top: 0;
		    position: relative;
	        height: 100%;
	    	padding: 0 50%;
		}
		.cont_doc, .cont_edit_estudio{ width: 20%;}
		/*{ width: 25%;}*/
		.campo_fecha_hist_doc{
			display: none;
		}
		.cont_titulo_fecha_docs{
			height: 2rem;
		    padding: 2% 0;
		    font-size: 75%;
		    width: 20%;
		}
		.cont_fecha_docs{
			height: 2rem;
		    width: 20%;
	    	font-size: 85%;
		}
		.docs_fecha{
			font-size: 90%;
		}
		.cont_btn_estudios{
			height: auto;
		}
		.img_edit{
		    width: 25%;
		}
		.img_down{
		}
		.btn_edit_estudio{
			height: 2rem;
		}
		.archivo_m{
			display: none;
		}
		.cont_title_vacun_h{
			height: 2.5rem;
		}
}
/*******tablet -> 640px- 1023px*******/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	/****CONSULTA ACTUAL***/
		.widbtn {
		    width: 60%;
		    margin: 0 auto;
		    float: none;
		    left: 0;
		    top: 0;
		}
		.a_btnfood{
		    float: left;
		    width: 100%;
		    margin: 2vw 0;
		    padding: 0;
		}
		.btnfood{

		}
		.fecha{
		    width: 25%;
		}
		.btn_asist_datos12{
			width: 25%;
		}
	/*MENU*/
	/*BOTONES DATOS*/
		.btnalergy{
			padding: 5px 0;
		}
		.btn_observaciones{
		    font-size: 90%;	
			padding: 5px 0;
		}

		.bntant{ padding: 0; x	}
	/**BUSCAR**/
	.search_paciente{

	}
	.btn_buscar_paciente{
	    padding: 6% 0;
        width: auto;
	}

	/**CONSULTA ACTUAL**/
		.formsearch{
			height: 2.55rem;
		}
		.search{
		    width: 70%;
		}
		.cont_btn_buscar{  
			height: 100%;
			width: 20%;
			padding: 1.1%;
		}
		.contdate{
			width: 50%;
	    	margin: 0;
		}
		.date{ width: 100%;}
		.contpeso{
			margin-left: 0; /*23.7vw;*/
			width: 30%;
		}
		.contcra{
			margin-top: 0;
			margin-left: 0; /*27vw;*/
			width: 40%;
		}
		.contalla{ width: 30%}
		.crabox {
			margin-left: 0; /*5vw;*/
			float: right;
		}
		.craneal{ padding-top: 0; }
		.peso, .talla{     
			padding: 0 0 0 1vw;
		    font-size: 80%;
		}
		.pesobox{ height: 2.1rem; }
		.pedad{ 
			padding-right: 2vw;
		    font-size: .9rem;
		    padding-top: 6px;
		}
		.contuser{
			width: 91%;
			margin: 0;
		}
		.pexp{ padding-top: 0;}
		.btnhisto{ 
			width: 13.6%;
		    font-size: 70%;
		    padding: 2vw .5vw;
		    margin: 0 .3%;
		 }
		 .dato_medidas{
		 	width: 100%;
		    text-align: center;
		    text-transform: uppercase;
		    padding: .5% 0;
		    margin: 0;
		    font-weight: 500;
		 }
		 .thembox {
	 	    top: 0;
		    text-align: center;
		    width: 100%;
		    margin: 0;
		 }
		 .contboxactual{
	 	    width: 100%;
		    padding: 0;
		    margin: 0;
		 }
		 .boxactual{
		 	width: 100%;
	    	margin: 0;
		 }
		 /*.widbtn{
		    width: 100%;
		    margin: 0;
		    float: left;
		    left: 0;
		 }*/

	/****POP SUBIR DOCUMENTO*****/
		.featherlight .featherlight-content{
		    width: 50%;
		    margin: 0 auto;
		    padding: 0!important;
		    border: none;
		}
	/***SHOW OBSERVACIONES***/
		.form_show_obsrv{
			width: 90%;
		}

	/***CATALOGO DE MEDICAMENTOS***/
		.cont_form_catmedic{
			width: 100%;
		    padding: 0 1vw;
		}
		.form_catagmedic {
		    width: 65%;
		}
		.search{
		    /*width: 100%;*/
	    	margin: 0;
		}
		.input_search_catagmedic{
			width: 35%;
			float: left;
		    padding: 0 1vw;
		}
		.btnregister{
			margin: 0;
		}
		.pmedicamento{
		    height: 4rem;
		    font-size: .9rem;
		    overflow-x: hidden;
		    overflow-y: auto;
		}
		.btndelete{	height: 4rem; }

	/******CATALOGO DE ALIMENTOS******/
	    .cont_menualimentos, .contalimentos{
			height: 6rem;
	    }
	    .cont_menualimentos{
		    width: 20%;
	    }
	    .cont_btndelete{
	    	width: 100%;
	    	height: auto;
	    	margin: 1rem 0;
	    }
	    .contalimentos {
	    	width: 80%;
	    }
	    .btndelete_catalimen{
    	    width: 33%;
	        height: 2.5rem;
	        margin: 0 1vw 0 0;
	        float: left;
	    }
	    .btnguardar_catalimen{
    	    width: 33%;
    	    height: 2.5rem;
    	    margin: 0;
    	    float: left;
	    }
	    .btnprint_catalimen{
	    	width: 32%;
    	    height: 2.5rem;
    	    margin: 0 0 0 1vw;
	    }
    /**CALENDARIO ASISTENTE**/
	    .dia {
		   font-size: .8rem;
		}
		.cont_mes{ padding: 0; }
		.mes{
		    width: 100%;
	    	margin: 0;
		}
		.tittlecalendario{ 
			margin: 0;
		    padding: 1vw 0 0 3vw;
		}
		.select_pedi{ width: 100%;}
	/*CARTAS*/
		.contbtns_histo{ 
		    margin: 0 auto;
		    float: none;
		    width: 98%;
			/*margin: 1vw 0; */
		}
		.cont_carta{
		    margin: 0;
	    	padding: 0;
		}
		.bntcartas_select {
		    margin: 0% 1% 1%;
	    	width: 48%;
		}
		.bntcartas{
		    text-align: center;
		    font-size: .8rem;
		    padding: .8rem;
	        width: 50%;
	   	 	margin: 0% 25%;
		}
		.notacartas{ text-align: center; }

		.fecha_carta{
		    height: 18rem;
		    margin: 0;
		}
		.txtcarta, .txtcarta_wd, .campo_carta { 
			margin: 0; 
			width: 100%;
		}
		.fila1_recetas{ height: auto;}

	/***HISTORIAL DOCUMENTOS****/
		.txt_title_doc{ display: block;}
		.img_title_doc{ display: none;}
		.sup_cont_doc{
			display: block;
			height: 3rem;
		}
		.cont_doc_image{
			display: block;
			float: left;
			width: 15%;
			height: 3rem;
		}
		.cont_doc{
			display: block;
		}
		.cont_edit_estudio{display: block;}
		.title_histdoc{
		    height: 3rem;
		}
		.title_estudio, .estudio{ 
			font-size: 100%;
	    	padding: 5% 4%;		/*font-size: 70%;
		    padding: 2% 0;*/
		}
		.doctitle {
		    margin: 7% 0;
		}
		.cont_btn_estudios{
		    /*padding: 3% 0;*/
		    height: auto;
		}
		.centro50 {
		 /*   width: 20%;*/
		}
		.txt_preview{ 
			font-size: 80%;
		    margin: 0;
		    padding: 5% 0;
		}
	/*****HISTORIAL CRECIMIENTO********/
		.title_creci_circunfe{
			padding: 1.4vw 0px;
			font-size: 90%;
		}
		.cont_edad_creci, .contfecha_creci, .cont_talla_creci, .cont_peso_creci, .cont_circunf_creci {
		    height: 2.7rem;
		}
		.abrev_cirfun{ display: none; }
		.no_abrev_cirfun{ display: block;}
	
	/*****HISTORIAL DE RECETAS****/
		.cont_tittlemedicines, .cont_medicines{
			width: 28%;		
		}
		.cont_receta_m{
			height: 5rem;
		}
		.cont_edad, .cont_peso, .cont_sintomas, .cont_medicines {
			height: 100%;
		}
	/*********RECETAS******/
		.cont_fecha, .cont_edad, .cont_talla, .cont_peso{
	    	/*height: auto;*/
		}
		.preceta_lft, .preceta_cntr{
			height: 100%;
		    padding: 2%;
		}
		/*.cont_sintomas, .cont_medicines{
		    height: 4rem;
		}*/
		.title_estudio, .estudio{ 
			font-size: 100%;
		}
		.doctitle{
			margin: 0;
		}
		.docs_fecha{
			padding: 12% 0;
			height: 2.5rem;
		}
		.cont_estudio{
			width: 40%;
		}
		.cont_doc, .cont_edit_estudio{ width: 15%;}
	
	/*********REGISTRO DE PACIENTES*********/
		.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::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: 24%;
		  text-align: center;
		  height: 100%;
		  font-size: 96%;
		}
	/******VACUNAS*****/
		.vacun_tipo{
		    font-size: 1rem;
		    width: 85%;
		}
		.cont_tipovacun{
		    height: 2.8rem;
		}
		.img_alert_vacun{
		    width: 15%;
			padding: 1%;
		}
		.cont_fecha_aplica{
			height: 2.8rem;
		}
		.vacun{
			font-size: 1rem;
		}
		.cont_tras{
			height: 2.8rem;
		}

	/***ADD CITA***/
		.icon_edit_desk{display: block;}
		.icon_edit_m{display: none;}
		.cont_porhora {
		    background-color: #dddddd;
		    color: white;
		    width: 100%;
		    float: left;
		    margin: .2rem 0;
		    height: 4.5rem;
		}
		.cont_porhora_ocupado {
		    background-color: #8aae39;
		    color: white;
		    width: 100%;
		    float: left;
		    margin: .2rem 0;
		    height: 4.5rem;
		}
		.cont_hr{
		    margin-bottom: 0;
		    width: 100%;
		    padding: 0;
		}
		.cont_med{
		    width: 100%;
	    	padding-top: 0;
		}
}
@media screen and (min-width: 640px) and (max-width: 905px){
	.title_fecha_vacun_m{
		display: block;
		font-size: 1rem;
		text-align: center;
	    width: 100%;
	    text-transform: uppercase;
	    font-weight: bold;
	    line-height: 100%;
	    height: 100%;
        margin: 0;
		padding: 5% 0;
	}
	.title_fecha_vacun{
		display: block;
	}
	.cont_fecha_title_vacun{
	    height: 1.75rem;
	}
}
/*******desktop 1024px->1199px*******/
@media screen and (min-width: 64em) and (max-width: 1199px){
	/****CONSULTA ACTUAL****/
		.btnfood{
			margin: 13% 16%;
		    float: none;
		    width: 65%;
		}
		.a_btnfood {
		    float: left;
		    width: 100%;
		    margin: 0 auto;
		    height: 100%;
		    padding: 0;
		}
		.datoslong {
			width: 98%;
		}
		.datos {
			color: #909090;
			padding: 0px 62px;
		}
		.widbtn {
			width: 20%;
			margin: 0;
			/*margin-top: 1vw;
			margin-left: 3vw;
			margin-bottom: 1vw;*/
		}
		.contboxactual{
		    height: 100%;
	        width: 60%;
		}
		.boxactual{ 
			margin-left: 0;
		    height: 100%;
	    	width: 100%;
		}
		.thembox{
			top: 0;
		    width: 20%;
		    padding: 2% 1%;
		    height: 100%;
		    max-height: 100%;
		    margin: 0;
		}
		.conttipo{
			height: 7rem;
		}
		.cont_medidas_actual{ height: auto;}

	/*BOTONES DATOS*/
		.bntant{
	    	padding: 0;
		}
		.bntant2{
		    padding: 0 5px;
		}
		.rowant{
		    max-width: 100%;
		    margin-top: 6px;
		}
	 /****POP SUBIR DOCUMENTO*****/
		.featherlight .featherlight-content{
		    width: 50%;
		    margin: 0 auto;
		    padding: 0!important;
		}
		.tipodocu_txt{
		    margin: 3% 5% 0 5%;
		}

	/**BUSCAR**/
		.formsearch {
		    height: 2.55rem;
		}
		.search {
		    width: 70%;
		}
		.cont_btn_buscar {
		    height: 100%;
		    width: 20%;
		    padding: 1.1%;
		}
	/**********HISTORIALES**********/
		.btnhisto:first-child, .btnhisto:last-child{
	    margin: 0 2px 0 0; }

	    /*VACUNAS*/
	    .cont_tipovacun{ height: 2.5rem;}
	    .cont_fecha_aplica{	height: 2.5rem; }

	/***HISTORIAL ACTIVIDADES***/
		.pedad{
			padding-right: 3vw;
		}
	/****HISTORIAL DE DOCUMENTOS*****/
		.txt_title_doc{ display: block;}
		.img_title_doc{ display: none;}
		.sup_cont_doc{
			height: auto;
		}
		.cont_doc_image {
		    display: block;
		    float: left;
		    width: 15%;
		    height: 3rem;
		}
		.cont_estudio, .cont_titulo_fecha_docs, .cont_fecha_docs { height: 3rem; }
		.centro50 {
		    /*width: 20%;*/
		}
		.txt_preview{ 
		/*	font-size: 80%;
		    margin: 0;
		    padding: 5% 0;*/
		}

	/******CATALOGO DE MEDICAMENTOS******/
	    .input_search_catagmedic{
		    width: 23%;
	    	float: right;
	    }
	    .btnregister{
	    	margin: 0;
	    	width: 100%;
	    }
	    .pmedicamento{
	    	font-size: .9rem;
		    height: 3rem;
	    }
	    .btndelete{
	    	height: 3rem;
	    }
    /******CATALOGO DE ALIMENTOS******/
	    .cont_menualimentos, .contalimentos, .cont_btndelete{
			height: 6.3rem;
	    }
	    .cont_menualimentos, .cont_btndelete{
		    width: 20%;
	    }
	    .contalimentos {
	    	width: 60%;
	    }
	    .btndelete_catalimen{
			margin: 0 0 1% 0;
    	    height: 2rem;
	    }
	    .btnguardar_catalimen{
			margin: 0 0 1% 0;
    	    height: 2rem;
	    }
	    .btnprint_catalimen{
			margin: 0 0 1% 0;
    	    height: 2rem;
	    }

    /*****SHOW OBSERVACIONES*****/
	    .txt_area_show_obsrv {
		    width: 100%;
		    height: 120px;
		    float: left;
		    margin: 0;
		    margin-top: 1rem;
		}
		.form_show_obsrv{
			width: 70%;
		}
	/*****HISTORIAL CRECIMIENTO*****/
		

	/***ADD CITA***/
		.icon_edit_desk{display: block;}
		.icon_edit_m{display: none;}
		.cont_porhora{
			height: 4.5rem;
		}
		.cont_porhora_ocupado {
		    background-color: #8aae39;
		    color: white;
		    width: 100%;
		    float: left;
		    margin: .2rem 0;
		    height: 4.5rem;
		}
		.cont_hr{
		    margin-bottom: 0;
		    width: 100%;
		    padding: 0;
		}
		.cont_med{
		    width: 100%;
	    	padding-top: 0;
		}

		.cont_porhora {
		    background-color: #dddddd;
		    color: white;
		    width: 100%;
		    float: left;
		    margin: .2rem 0;
		    height: 4.5rem;
		}
}
@media screen and (min-width: 1200px) {
	/*BOTONES DATOS*/
		.bntant{
	    	padding: 0;
		}
		.bntant2{
		    padding: 0 5px;
		}
		.rowant{
		    max-width: 100%;
		    margin-top: 6px;
	        float: left;
		}
	/**BUSCAR**/
		.formsearch {
		    height: 2.55rem;
		}
		.search {
		    width: 70%;
		}
		.cont_btn_buscar {
		    height: 100%;
		    width: 20%;
		    padding: 1.1%;
		}
	/*****CONSULTA ACTUAL********/
		.btnfood{
			margin: 11% 16%;
		    float: none;
		    width: 65%;
		}
		.a_btnfood {
		    float: left;
		    width: 100%;
		    margin: 0 auto;
		    height: 100%;
		    padding: 0;
		}
		.widbtn {
			width: 20%;
			margin: 0;
		}
		.contboxactual{
		    height: 100%;
	        width: 60%;
		}
		.boxactual{ 
			margin-left: 0;
		    height: 100%;
	    	width: 100%;
		}
		.thembox{
			top: 0;
		    width: 20%;
		    padding: 2% 1%;
		    height: 100%;
		    max-height: 100%;
		    margin: 0;
		}
		.conttipo{
			height: 7rem;
		}
		.cont_medidas_actual{ height: auto;}

	 /****POP SUBIR DOCUMENTO*****/
		.featherlight .featherlight-content{
		    width: 50%!important;
		    margin: 0 auto;
		}
		.tipodocu_txt{
		    margin: 3% 5% 0 5%;
		}
	/**CATALOGO DE MEDICAMENTOS**/
		.input_search_catagmedic{
	    	float: right;
		    width: 23%;
		    margin: 0;
		    padding: 0;
		}
		.btnregister{
		    float: right;
		    margin: 0;
		    padding: 0;
		    width: 100%;
		}
		.pmedicamento, .btndelete{
		    height: 3rem;
		}
	/******CATALOGO DE ALIMENTOS******/
	    .cont_menualimentos, .contalimentos, .cont_btndelete{
			height: 6.3rem;
	    }
	    .cont_menualimentos, .cont_btndelete{
		    width: 20%;
	    }
	    .contalimentos {
	    	width: 60%;
	    }
	    .btndelete_catalimen{
			margin: 0 0 1% 0;
    	    height: 2rem;
	    }
	    .btnguardar_catalimen{
			margin: 0 0 1% 0;
    	    height: 2rem;
	    }
	    .btnprint_catalimen{
			margin: 0 0 1% 0;
    	    height: 2rem;
	    }
	/*VACUNAS*/
		.cont_tipovacun{ height: 2.5rem;}
		.cont_fecha_aplica{	height: 2.5rem; }

	/**HISTORIAL RECETAS**/
		.cont_talla, .cont_edad, .cont_talla, .cont_peso, .cont_fecha {
			max-height: 8rem;
		}
		.cont_receta_m{ height: 5rem; }
		.preceta_lft, .preceta_cntr{padding: 2%; }

	/****HISTORIAL DE DOCUMENTOS*****/
		.txt_title_doc{ display: block;}
		.img_title_doc{ display: none;}
		.sup_cont_doc{
			height: auto;
		}
		.cont_doc_image {
		    display: block;
		    float: left;
		    width: 15%;
		    height: 3rem;
		}
		.cont_estudio, .cont_titulo_fecha_docs, .cont_fecha_docs { height: 3rem; }
		.centro50 {
		    /*width: 20%;*/
		}
	/*****SHOW OBSERVACIONES*****/
		.form_show_obsrv{
			width: 70%;
		}
		.sup_cont_doc{
			height: auto;
		}
	/****HISTORIAL CRECIMIENTO*****/
		.abrev_cirfun{ display: none; }
		.no_abrev_cirfun{ display: block;}
	/***ADD CITA***/
	.icon_edit_m{
		display: none;
	}
}
/*****EXTRA*******/
@media screen and (min-width: 640px) and (max-width: 660px) {
	#datosgral{ 	padding: 2.6vw 0!important; }
}
@media screen and (min-width: 640px) and (max-width: 847px){
	/**COLORES MOVIL**/
	.gray_m{ color: #38393c;}
	.bgray_m{background-color: #38393c;}
	.bsilver_m{ background-color: #d9dadd;}
	.bgreen_m{background-color: #8aae39;}
	.white_m{color: white;}


	/****HIST RECETAS***/
	.precetas_title{
	    height: auto;
    	padding: 2% 1%;
    	margin: 0;
	}
	.formrecetas{
	    margin: 0;
	    float: left;
	}
	.fila1_recetas{
		float: left;
		height: auto;	
	}
	.cont_title_sintomas{
		width: 37%;
	    font-size: 90%;
	    height: 1.5rem;
	    padding: 0;
	}
	.cont_title_fecha {
		width: 16%;
		font-size: 90%;
	    height: 1.5rem;
        padding: .4%;
	}
	.cont_sintomas{
	    width: 37%;
	    height: 100%;
	    padding: 1% 2%;
	}
	.cont_tittlemedicines{
	    width: 39%;
    	font-size: 90%;
    	height: 1.5rem;
	}
	.cont_medicines{
	    width: 39%;
    	font-size: 90%;
    	height: 100%;
    	padding: 1% 2%;
	}
	.cont_title_peso, .cont_peso, .cont_edad, .cont_title_edad, .cont_title_talla, .cont_talla{ display: none;}
	.cont_fecha {
		width: 16%;
		/*font-size: 66%;*/
    	height: 100%;
	    padding: 2%;
	}
	.preceta_cntr{
		font-size: 100%;
	}
	.cont_receta_m{
		height: 9rem;
	}

	/*********RECETAS******/
	
	.preceta_lft, .preceta_cntr{
		/*height: 4rem;*/
	}
	.cont_sintomas, .cont_medicines{
	    height: 9rem;
	}
	.title_estudio, .estudio{ 
		font-size: 100%;
	}
	.doctitle{
		margin: 0;
	}
	.docs_fecha{
		padding: 12% 0;
		height: 2.5rem;
	}
	.cont_estudio{
		width: 40%;
	}
	.cont_doc, .cont_edit_estudio{ width: 15%;}
	
	/***HISTORIAL DOCUMENTOS****/
	.sup_cont_doc{
		display: none;
		height: 3rem;
	}
	.cont_doc_image{
		display: block;
		float: left;
		width: 15%;
		/*padding: 1%;*/
		height: 3rem;
	}
	.cont_doc{
		display: none;
	}
	.cont_edit_estudio{display: none;}
	.title_histdoc{
	    height: 3rem;
	}
	.title_estudio, .estudio{ 
		font-size: 100%;
    	padding: 5% 4%;		/*font-size: 70%;
	    padding: 2% 0;*/
	}
	.doctitle {
	    margin: 7% 0;
	}
}
@media screen and (min-width: 640px) and (max-width: 804px){
	.title_fecha_vacun{
		padding: 8px 0;
	}
	/*.title_fecha_vacun_m{ 
		display: none; 
	}*/
}
@media screen and (max-width: 410px){
	.centro50 {
	    width: 40%;
	}
}
@media screen and (min-width: 640px) and (max-width: 750px){
	/***ADD CITA***/
		.cont_porhora_ocupado{
			height: 5.2rem;
		}
		.icon_edit_desk{display: none;}
		.icon_edit_m{
		    margin-top: -1.5rem;
    		margin-right: 3%;
    		display: block;
		}
		.namedic_ocupado{
			margin-top: 0;
		}

		.cont_porhora{
			height: 5.2rem;
		}
		.namedic{
			margin-top: 0;
		}
}
@media screen and (min-width: 750px) and (max-width: 840px){
	.cont_porhora_ocupado{
		height: 5.3rem;
	}
	.cont_porhora{
		height: 5.3rem;
	}
}