.totalPantalla{
	min-height: calc(100vh - 169.2px - 165.367px);
}

#encabezado{
	width: 100%;
}

.fondoLogin{
	background: #bdbdbd;
}
/*----------------- Pantalla crear paciente -----------------------------*/

/*Mensajes emergentes de validación de paciente*/
.formatoToast-paciente{
	background:#1da1f2;
	color: #FFFFFF;
}

.iconoToast{
	padding-right:10px;
	color: #FFFFFF;
}

textarea
{
	color: #ff9100;
}

/*Color del tooltip*/
.backdrop
{
	background-color: #1e88e5;	
}
/*Mensajes emergentes de validación de consulta*/
.formatoToast-consulta{
	background:#6a1b9a;
	color: #FFFFFF;
}
/*Fin de los mensajes*/


/*Formulario*/

.formatoFormulario
{
	/*background: red;*/
	/*padding-right: 0px;
	margin-right: 0px;*/
	background: #FFFFFF;
	/*padding-left: 20px;*/
	/*padding-right:20px;*/
	margin: 0px;
	/*height: 100%;*/
	width: 100%;
	/*margin: 0px;
	padding: 0px;*/
}

form .iconos-consulta textarea{
	height: 50px;
	max-height: 50px;
	text-align: justify;

}
form .iconos-paciente i
{
	color: #1da1f2;	
}

form .iconos-consulta i
{
	color: #6a1b9a;
}

form .iconos-consulta .input-field .btn
{
	background: #6a1b9a;
	width: 75px;
	height: 50px;
	padding: 0px;


}


form .iconos-consulta .input-field .btn i
{
	color: #FFFFFF;
			
}

.boton-guardar
{
	
	box-shadow: 5px 8px 28px rgba(0,0,0,0.6);
}
/*Fin del formulario*/

/*----------------- Fin de pantalla crear paciente -----------------------------*/



/*----------------- Pantalla listado paciente -----------------------------*/

div.fila_pagina  div.col nav ul.pagination li.active{
	background: #90caf9;
}


div.fila_pagina  div.col nav ul.pagination li.active span.page-link
{
	/*background: #0d47a1;*/
	font-size: 20px;
	color: white;
}

div.fila_pagina{
	background: #90caf9;
}
div.fila_pagina  div.col nav{
	background: #90caf9;
	border: 0px;
	 box-shadow: 0px 0px 0px #999;
}

div.fila_pagina  div.col nav ul.pagination li.page-item a.page-link{
	/*color: #0d47a1;*/
	font-size: 15px;	
	/*background: #1976d2;*/
}

div.fila_pagina  div.col nav ul.pagination li.page-item a[rel="prev"] {
	/*color: green;*/
	font-size: 15px;	
	/*background: orange;*/
}

div.fila_pagina  div.col nav ul.pagination li.page-item a[rel="next"] {
	/*color: green;*/
	font-size: 15px;	
	/*background: orange;*/
}

.formatoFormulario ul.pagination
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.formatoFormulario.row
{
	margin-bottom: 0px;
}

.no-lista-imagen
{
	margin-top: 10px;
	width: 400px;
	
}

.margenes-imagen
{
	padding-top: 20px;
	text-align: center;
}

.formatoToast-error-seleccion-paceinte
{
	background: #FC450D;
}

.iconoToast-Error{
	padding-right:10px;
	color: #750000;
}


table.formatoTabla-Listado thead tr
{
	background: rgba(24, 135, 212,0.2);
	border-bottom: 5px solid #47ACF9;
}

table.formatoTabla-Listado tbody.tabla-fondo
{
	background: #fafafa;
}

table.formatoTabla-Listado tbody.tabla-fondo tr:hover
{
	cursor: pointer;
	background: #bbdefb;
	color:black;
}

.Color-Fila-Seleccionada
{
	background: #00796b;
	color:white;
}

.boton-mod-consulta
{
	background: #f9a825;
	box-shadow: 4px 7px 20px rgba(0,0,0,0.5);
}

.boton-mod-consulta:hover
{
	background: #e65100;
}

.boton-mod-paciente
{
	background: #283593;
	box-shadow: 4px 7px 20px rgba(0,0,0,0.5);
	margin-left: 10px;
}

.boton-mod-paciente:hover
{
	background: #5e35b1;
}

.boton-perfil-paciente
{
	background: #64b5f6;
	box-shadow: 4px 7px 20px rgba(0,0,0,0.5);
}

.boton-perfil-paciente:hover
{
	background: #1565c0;
}

.boton-tratamiento-paciente
{
	background: #8bc34a;
	box-shadow: 4px 7px 20px rgba(0,0,0,0.5);
	margin-left: 10px;
}

.boton-tratamiento-paciente:hover
{
	background: #558b2f;
}

.boton-eliminar-paciente
{
	background: #e57373;
	box-shadow: 4px 7px 20px rgba(0,0,0,0.5);
}

.boton-eliminar-paciente:hover
{
	background: #c62828;
}

.boton-constancia-paciente
{
	background: #fbc02d;
	box-shadow: 4px 7px 20px rgba(0,0,0,0.5);
	margin-left: 10px;
}

.boton-constancia-paciente:hover
{
	background: #f9a825;
}
/*-------------- Fin listado paciente ----------------*/

/*-------------- Estilo nueva consulta ---------------*/
.formatoFormulario div.col div.row div.col ul.collapsible li div.collapsible-body
{
	background: #fafafa;
}
.formatoFormulario div.col div.row input
{
	color: #ff9100;
}

.formatoFormulario div.col div.row label
{
	color: #607d8b;
}

.formatoFormulario div.col div.row div.col ul.collapsible li div.collapsible-body i
{
	color: #607d8b;

}

.formatoFormulario div.col div.row div.col ul.collapsible li div.collapsible-header 
{
	color: #006064;
	font-size: 17px;
}

/*---- Links de menu de navegacion ----*/

.link-nav
{
	background: #004d40;
}

/*-- Mensaje de confirmación --*/
div.modal div.modal-footer button.btn
{
	background: #7cb342;
}

div.modal div.modal-footer a.btn
{
	background: #e53935;
}

#modal-eliminar div.modal-footer button.btn
{
	background: #e65100;
}

#modal-eliminar div.modal-footer a.btn
{
	background: #1565c0;
}

#modal-eliminar div.modal-content div
{
	display: flex; 
	flex-direction: row;
}

#modal-eliminar div.modal-content div p
{
	display: flex;
	align-items: center;
	font-size: 18px;
}

#modal-eliminar div.modal-content div i
{
	color: #e65100;
}

.coloTextoAzul{
	color: #0277bd;
}

/*------------------------------------ESTILOS--------------------------*/
.margen_t_2{
	margin-top: 8px;
}

.texto-med{
	font-size: 30px;
}

.ancho_total{
	width: 100%;
}

.alto_total{
	/*min-height: 100%;	
	height: 100%;
	max-height: 100%;*/
	height: 100vh;

}

.centar{
	text-align: center;
}

.pos_absoluta{
	position: absolute;
}

.alto_fila_login{
	height: 600px;
}

.fondo2_login_izquierdo{
	background-image: url('/imagenes/peque5.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
}

.fondo2_login_mobile{
	background-image: url('/imagenes/probar.jpg');
	background-repeat: repeat;
	background-size: cover;
	height: 150px;
}

.fondoTotalLogin{
	background-image: url('/imagenes/probar34.jpg');
	background-repeat: repeat;
	/*background-size: cover;*/
}

.fondo_texto_mobile{
	background: #8e24aa;
}

.margen_top_login{
	margin-top: 40px;
}

.alto_total_div{
	max-height: 100%;
	height: 100%;
	min-height: 100%;
}

.fondo_login{
	background-image: url('/imagenes/fondo_login.jpg');
	background-repeat: repeat;
}

.sin_margen_bajo{
	margin-bottom: 0px;
}

#vacunas {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}

#antecedentes {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}

/*#consulta {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}*/

input[name="consulta"] {
    margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}


#historial_medico {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}

#examen_fisico {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}

#diagnostico {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}

#nutricional {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}

#tratamiento {
	margin-top: 12px;
	overflow-y: scroll;
    max-height: 80px;
    resize: none;
}


/*MOVILE**************************************************************************/
/********************************Inicio de sesion*/
.fondo_celeste{
	background: #0d47a1;
}

.sinPaddingBajo{
	padding-bottom: 0px;
}

.fondo_opacidad{
	opacity: 0.97;
}

.bordes_redondos{
	border-radius: 90px;
}

.color_texto{
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}


.color_texto2{
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
}

.medida_texto_titulo{
	font-size: 2.8vw;
}

.medida_texto_subtitulo{
	font-size: 2.5vw;
}

.d_block{
	display: block;
}

.rojo{
	background: red;
}

div.nav-content span.nav-title{
	/*background: green;*/
	/*text-align: center;*/
	/*display: block;
	text-align: center;*/
	align-items: center;
	width: 100%;
}

nav.nav-extended div.nav-wrapper a.brand-logo img{
	width: 200px;
	height: 100px;
	margin: 20px;
	filter: drop-shadow(6px 8px 24px white);
}

/**************************************   PC *********************************************/

@media screen and (min-width: 990px) {
  div.alto_fila_login {
	    margin-top: 40px;
  	}
}

/******************************	MOVIL**********************************************************************************************8*/

@media screen and (max-width: 990px) {
	
	div.fondo_celeste{
		/*margin-top: 45px;*/
		/*margin-bottom: 90px;*/
	}

	/*#contenedor-principal{
		width: 100%;
	}*/

	table.formatoTabla-Listado thead tr
	{
		background: white;
		border-bottom: none;
	}

	/*nav.blue-grey ul.side-nav{
		width: 60%;
	}*/

	div.formatoFormulario{
		/*margin:0px;
		padding:0px;*/
		/*background: green;*/
		/*width: 100%;*/
	}

	#tabla-pacientes thead{
		font-size: 1rem;
		/*color: red;*/
		background: white;
	}

	#tabla-pacientes tbody{
		font-size: 1rem;
		background: white;
	}

	#tabla-pacientes tbody tr td.btn{
		width: 100%;
		/*margin:0px;
		padding:0px;*/
	}

  	/*div.nav-content span.nav-title div{*/
  		/*text-align: center;
  		display: inline-flex;
  		padding-bottom: 10px;*/
  		/*padding-top: 0px;
  		padding-bottom: 0px;*/
  		/*display: flex; 
  		background: yellow;*/
  	/*}*/

  	div.nav-content span.nav-title img.oculto{
  		width: 80px;
  		height: 80px; 
  		padding-top: 0px;
  	}

  	div.nav-content span.nav-title{
  		text-align: center;
  	}

  	div.nav-content span.nav-title div{
  		width: 100%;
  	}

  	div.nav-content span.nav-title div h5.center-align{
  		/*display: inline-block;*/
  		/*background: blue;*/
  		/*padding-top: 15px;*/
  		font-size: 1.1rem;
  		/*text-align: center;*/
  		/*display: inline-flex;*/
  	}

  	.sinPadding{
  		padding: 0px;	
  	}

  	.sinPaddingCeldaBorrar{
  		padding-left: 0px;
  		padding-top: 0px;
  		padding-right: 0px;	
  	}

  	nav.nav-extended div.nav-wrapper a.brand-logo img{
		width: 120px;
		height: 85px;
		margin: 0px;
		filter: drop-shadow(6px 8px 24px white);
	}

	#columnaFechaNacimiento{
		padding-left: 42px;
	}

	#columnaCitado{
		padding-left: 42px;
	}

	#noResultados{
		width: 200px;
	}
}


/******************************movil sin media */
.tamano_letra_movil{
	font-size: 0.9rem;
	font-weight: bold;
}

.formatoFormulario div.col{
	padding: 0px;
}

.oculto{
	display: none;
}

.sin_marge_padding{
	margin: 0px;
	padding: 0px;
}

.texto_morado{
	color: #6a1b9a;
}

.fondoRojo{
	background: red;
}

/*.imagenMovil{
	height: 200px;
	width: 100%;
}*/

.imagenPerfil{
	border-radius: 100px;
	width: 90px;
	height: 90px;
	margin-top: 8px;
	filter: drop-shadow(2px 4px 6px white);
}

/*#menu-movil li div div.imagenMovil img.imagenPerfil{
	border-style: 100px white solid;
}*/

.imagenMovil{
	align-content: space-around;
	text-align: center;
	background-image: url('/imagenes/fondoMovil4.jpg');
	height: 200px;
	width: 100%;
	background-repeat: repeat;
	background-size: cover;
}

.sinMargenSupInf{
	margin-top: 0px;
	margin-bottom: 0px;
}

.textoDatos{
	display: inline;
	color: black;
	font-weight: bold;
	background: white;
	padding: 16px;
	border-radius: 30px
}

.bloque{
	width: 100%;
}

#contenido-dropdown-movil li.red a{
	color: white;
}

#contenido-dropdown-movil li.red a i{
	color: white;	
}

#menu-movil li a.textoMenuMovilColor{
	color: #2196f3;	
}

#menu-movil li a.textoMenuMovilColor i{
	color: #2196f3;	
}

#menu-movil li a.dropdown-button{
	color: #f44336;	
}

#menu-movil li a.dropdown-button i{
	color: #f44336;	
}


.totalAlto{
	min-height: 100vh;
}

.totalAltoLogin{
	min-height:100%; 
}