@media (max-width: 800px) {



.atajos {
    height: 60px;
}
.atajos:hover {
    height: 60px;
	margin: 5px;
    padding: 3px;
}


.CabGrid {display:grid;}

.BloqueTurno{
	display:block;
	width:95%;
	float:left;
	color: #5F5F5F;
    padding: 8px;
	background: #FBFBFB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 11px;
	border: 0px;
	margin:15px;
	overflow:hidden;
	height:auto;

}

	#menuContent {
		max-height:unset;
		left:0px;
		top:0px;
		overflow:unset;
		width:100%;
		height:100% !important;
		position:fixed;
		overflow-y:auto;
		font-size:120%;
	}


	#divContent {
		margin:0px 5px;
		width:auto;
	}

	#divContent.menuvisible {
		padding-left:0px !important;
	}

	.menu ul a:link {
		width:auto;
	}

	#txtMenuSearch {
		width:98%;
	}

	body, html {
		font-size:18px
	}

	input[type="button"], input[type="submit"] {
	font-size:120%;
	padding:5px;
	min-width:200px;
	height:auto !important;
	}

	#bubble {
		width:95% !important;
		margin:0px auto;
	}

	#cabecera-paciente-fila {
		display:block;
		text-align:center;
	}

	#cabecera-paciente-info {
		display:block;
		padding-bottom:15px;
		text-align:left;
	}

	#cabecera-paciente-botones {
		display:flex;
	}

	#botonesCabecera{
	height: 300px;
	}
	input[type="checkbox"], input[name="image"]{
	transform:scale(1.5);
	}

	#cabeza_logo{
		display:none;
	}

	.login{
		width:90%;
	}
	
	.welcomeSubtitle {
	width:95%;
	}

#InicioL, #LoginL {
	width: 100% !important;
	align-items: center;
	float: left;
	height: 20vh !important;
	min-height: 20vh !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative !important;
	overflow: hidden;
	top: auto !important;
	bottom: auto !important;
}
#InicioR, #LoginR {
	height: auto;
	width: 100%;
	display: block !important;
}

.welcomeMessageContainer {
	width: 100%;
}

.imagen-fuera {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	min-height: 20vh;
    height: 20vh;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: none;
}

 #InicioL h1{
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 5%;
    font-size: 220%;
    padding: 15px;
}

#LoginL h2,#InicioL h2{
    color: #fff;
	font-weight:lighter;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 170%;
    padding: 15px;
}

.logoLogin {
	width: 90%;
	align-items: center;
	margin: 20px;
}

.logoLoginComp {
	width: 90%;
    padding-bottom: 5px;
    padding-top: 5px;
}

#logoLoginCompCont {
    width: 100%;
    bottom: 20px;
    left: 0px;
}



	.inputLogin{
		height: 35px;
		width: 200px;
		border-radius: 5px;
	}

	.logoLogin {
		width: 90%;
		align-items: center;
		margin: 20px;
	}

	#OcultadorMenu  {
		border-radius : 5px;
		width:30px;
		height:30px;
		margin: 5px;
	}

	#linkayuda{
		border:#00cc33 thin solid;
		margin: 5px;
		width:30px;
		height:30px;
	}

	#ayuda {
		width:auto;
		padding:30px;
		margin-left:auto;
		margin-right:auto;
	}

	#botonHC, #botonHC hover {
		width:40px;
		height:40px;
		border-radius: 7px;
	}

	#Logo2, #Logo0 {
		display:none;
	}

	.cabeza a:link, .cabeza a:visited, .cabeza a:hover {
		margin-top:10px;
	}

	#formAgregar, #formEditar, .formAgregar, .formEditar  {
		width: 90%;
		margin-left:auto;
		margin-right:auto;
	}
	#formAgregar input, #formAgregar select, #formAgregar textarea, #formEditar input, #formEditar select, #formEditar textarea, .formAgregar input, .formAgregar select, .formEditar input, .formEditar select{
		width:100%;
	}


	#formAgregar input[type="checkbox"], #formAgregar input[name="image"]{
	transform:scale(1.5) !important;
	width:auto;
	}
	
	.resultadosTurnosOculta tr {
	display:grid;}
	
	#TablaFiltraTurnos {
	display:inline-grid;
	width: -webkit-fill-available;}

	#almanaque  {
	width: -webkit-fill-available;}


#listadopizarra, #listadonatalicios, #listadoalertasnoresueltas , #listadolicencias, #listadoATC {
	height : unset;
}

.respuesta-flotante-gemini {
  width: 90%;
  left: 5%;
  transform: none;
  bottom: 10px;
}

.respuesta-flotante-gemini.ambos-abiertos,
.respuesta-flotante-gemini.tres-abiertos {
  width: 90%;
  left: 5%;
  transform: none;
  bottom: 10px;
  z-index: 1001;
}

.respuesta-flotante.ambos-abiertos,
.respuesta-flotante.tres-abiertos {
  width: 90%;
  left: 5%;
  bottom: 200px;
}

.respuesta-flotante-arche.ambos-abiertos,
.respuesta-flotante-arche.tres-abiertos {
  width: 90%;
  left: 5%;
  right: auto;
  bottom: 105px;
}

.btn-consulta-gemini {
  display: block;
  width: 100%;
  margin: 5px 0;
}

}