/*--------------------- CABECERA---------------------- */

@media (max-width: 600px) {
  body.responsive-login #frmLogin .contenido label,
  .cnt-opciones-login .contenido label {
    margin-bottom: 5px;
    text-align: left;
  }
  
	

	body.responsive-login #frmLoginAzure {
	  margin: 25px 10%;
	  overflow: hidden;
	}
  
  
}
@media (max-width: 1000px) {
  
    .ctnBotones {
    flex-direction: column;
  }
  .left-div,
  .right-div {
    margin-right: 0; 
  }
  
}

.label-legend{
	font-size: initial;
}

body.responsive-login #cntGeneral {
	background-image: none;
	width: 100%;
	border: none;
	margin: 0px;
}

body.responsive-login #cntGeneral {
	min-width: 0;
}

#cntCabecera {
	overflow: hidden;
	color: #FFFFFF;
	background: #1B335C 0% 0% no-repeat padding-box;
	padding: 5px 0px;
	position: relative;
}

/*------------------ BODY -----------------------------*/

body.responsive-login {
    font-family: open_sansregular, Roboto, sans-serif, regular;
    font-size: 100%;
    background: #ffffff;
}

body.responsive-login input, 
body.responsive-login select, 
body.responsive-login textarea {
    font-family: open_sansregular, Roboto, sans-serif, regular;
    margin-bottom: 18px;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-izquierda,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-izquierda {
	float: left;
	width: 48%;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-izquierda input,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-izquierda input {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-derecha,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-derecha {
	float: right;
	width: 48%;
/* 	margin-left: 4%; */
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-derecha .boton,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-derecha .boton {
	margin: 0px;
	border-radius: 4px;
}

body.responsive-login #frmLoginAzure .contenido .cnt-boton.a-centro .boton {
	width: fit-content;
	transition: .3s;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-izquierda input.btn-search.btn-search-clear:focus,
body.responsive-login #frmLogin .contenido .cnt-boton .boton:focus,
.cnt-opciones-login .contenido .cnt-boton .boton:focus {
	line-height: 14px;
	font-size: 14px; 
}

body.responsive-login {
  min-width: 0;
}
body.responsive-login #cntGeneral {
  min-width: 0;
}



body.responsive-login #frmLogin, body.responsive-login #frmLoginAzure,
.cnt-opciones-login,
.cnt-cambio-contrasena {
/* 	margin: 32px auto 0px auto;	 */
/* 	max-width: 620px; */
	padding: 0;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 0px 6px #c5c5c5;
	box-shadow: 0px 0px 6px #0000001A;
	width: auto;
}

body.responsive-login #frmLogin,
.cnt-opciones-login,
.cnt-cambio-contrasena {
	
	max-width: 25%;
}

body.responsive-login #frmLoginAzure {
	max-width: 600px;
}

body.responsive-login .cnt-cambio-contrasena .contenido .cnt-pass {
	margin-bottom: 8px;
}

body.responsive-login .cnt-cambio-contrasena .contenido .mensaje-info-alertas {
	margin-top: 0px;
}

body.responsive-login #frmLogin h2, body.responsive-login #frmLoginAzure h2,
.cnt-cambio-contrasena h2 {
	margin-bottom: 10px;
	padding: 8px 2%;
	background: transparent linear-gradient(90deg, #335FBB 0%, #1B335C 100%) 0% 0% no-repeat padding-box;
	color: #ffffff;
	border: none;
}

body.responsive-login #frmLogin .contenido,
.cnt-opciones-login .contenido,
.cnt-cambio-contrasena .contenido {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20%;
  align-items: center;
}

body.responsive-login #frmLoginAzure .contenido {
	width: fit-content;
    padding: 20px;
    margin: 0 auto;
}

.cnt-captcha .contenido,
body.responsive-login #frmLogin .cnt-captcha .contenido {
	padding: 0px 20px;
    margin-bottom: 12px;
}

body.responsive-login #frmLogin .contenido label,
.cnt-opciones-login .contenido label {
    width: 100%;
    text-align: left;
    color: #335FBB;
    margin-bottom: 2px;
}



body.responsive-login #frmLogin .contenido input,
body.responsive-login #frmLogin .contenido select,
.cnt-opciones-login .contenido input,
.cnt-opciones-login .contenido select,
.cnt-cambio-contrasena .contenido input {
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding: 0px 2%;
  background-color: #ffffff;
  font-size: 14px;
  border-radius: 3px;
}

body.responsive-login #frmLogin .contenido .cnt-boton,
.cnt-opciones-login .contenido .cnt-boton {
  width: 100%;
}

body.responsive-login #frmLogin .contenido .cnt-boton .boton,
.cnt-opciones-login .contenido .cnt-boton .boton,
.cnt-cambio-contrasena .contenido .cnt-boton .boton {
  border: none;
  font-weight: bold;
  font-size: 13px;
  border-radius: 5px;
  background-color: #335FBB;
  color: #ffffff;
  width: 100%;
  text-transform: uppercase;
}

body.responsive-login #frmLoginAzure .contenido .cnt-boton .boton{
  border: solid #335FBB;
  font-weight: bold;
  font-size: 13px;  
  color: #335FBB;
  background-color: #ffffff;
  border-radius: 5px;
  width: fit-content;
  text-transform: uppercase;
}

body.responsive-login #frmLoginAzure .contenido button {
  line-height: 36px;
}

body.responsive-login #frmLogin .contenido .cnt-boton .boton:disabled,
body.responsive-login #frmLogin .contenido .cnt-boton .boton[disabled],
.cnt-opciones-login .contenido .cnt-boton .boton:disabled,
.cnt-opciones-login .contenido .cnt-boton .boton[disabled] {
	background-color: #90add9;
	cursor: auto;
}

body.responsive-login #frmLoginAzure .contenido .cnt-boton .boton:hover{	
	background-color: #335FBB;
	color: #ffffff;
	cursor: pointer;
}

body.responsive-login #frmLoginAzure .contenido .cnt-boton .boton:disabled,
body.responsive-login #frmLoginAzure .contenido .cnt-boton .boton[disabled]{	
	border-color: #90add9;
	color: #90add9;
	cursor: auto;
}

body.responsive-login #frmLogin .contenido .cnt-boton .boton:hover,
.cnt-opciones-login .contenido .cnt-boton .boton:hover {
  border: none;
}

body.responsive-login #frmLogin .cnt-captcha .inputCaptcha .recaptcha_response_field_datos {
	width: 96%;
	padding: 2px 2%;
	margin: 0px -1px 8px -1px;
}

body.responsive-login #frmLogin .cnt-captcha .audioCaptcha {
	width: 80%;
}

body.responsive-login #frmLogin .cnt-captcha .audioCaptcha audio {
	width: 100%;
}
body.responsive-login .link{
    margin: 10px auto;
    display: block;
    text-align: center;
}

.logoIzquierda {
  float: left;
  margin-left: 20px;
}

#frmLogin{
  margin: 1% auto 0 auto;
  overflow: hidden;
}

#frmLoginAzure {
  margin: 25px auto;
  overflow: hidden;
}

.cntOpcionesLogin {
	margin: 32px auto 0px auto;
	max-width: 25%;
	padding: 0;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 0px 6px #0000001A;
}
.cntOpcionesLogin .contenido > div {
  width: 100%;
}

.labelPuesto {
	width: 100%;
	text-align: left;
	color: #335FBB;
	margin-bottom: 2px;
}

.cntOpcionesLogin .contenido {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 20%;
	align-items: center;
}

.contenido select {
	height: 36px;
	line-height: 36px;
	width: 100%;
	padding: 0px 2%;
	background-color: #ffffff;
	font-size: 14px;
	border-radius: 3px;
	}

.botonVentanaPuesto {
	height: 36px;
	border: none;
	font-weight: bold;
	font-size: 13px;
	border-radius: 5px;
	background-color: #335FBB;
	color: #ffffff;
	width: 100%;
	text-transform: uppercase;
}


.ctnBotones {
	display: flex;
}

.left-div, .right-div {
	flex: 1;
	margin-right: 10px;
}

.cabecera{
	height: 20%;
	margin-bottom: 0.5%;
}

.imagenCabecera{
	padding: 0 10px;
}

.ctnMenu {
	color: #FFFFFF;
	background: #1B335C 0% 0% no-repeat padding-box;
/* 	padding: 2px 0px; */
	border-radius: 5px;
}
.ctnMenu:hover , .itemDropDown:hover  {
	color: white !important;
	background: #88d0f9 !important;
}

.menu{
/* 	margin: 2px 10px; */
	background: #1B335C !important;
}
.menu a{
/* 	margin: 2px 10px; */
	font-size: 0.8em;
}

.ctnMenu-active{
	
	background: #0777b8 !important;
	color:white !important;
}

/*.dropdown-toggle:active + .dropdown-menu,*/
/*.dropdown-menu:hover {*/
/*      display: block !important;*/
/*    }*/
.dropdown-menu.show
{
	display: block;
}
    
.menuDropDown {
	color: #FFFFFF;
	background: #1B335C 0% 0% no-repeat padding-box;
	border-radius: 5px;
}
.itemDropDown {
	color: #FFFFFF;
	background: #1B335C 0% 0% no-repeat padding-box;
	border-radius: 5px;
}

.cabeceraBreadCrumb{
	margin: 0.5% 0%;
	border-bottom: solid 2px black;
}

.formAccesibilidad{
	
	border: 1px solid !important;
}

.table-wrapper {
  height:60vh;
/*   max-height: 350px; altura maxima de la tabla */
  overflow-y: auto; /* Agrega desplazamiento vertical */
}
.scroll-x
{
	overflow-x: auto;
}

.sticky-thead th, .sticky-thead td {
  position: sticky;
  top: 0;
  background-color: #fff; /* Establece el fondo del encabezado de la tabla */
  font-weight: bold;
  box-shadow: none;
}

.sticky-thead-nocolor th {
  position: sticky;
  top: 0;
}

.cntForm{
	background: #edeff0;
}
.oculto{
	display: none;
}
.close{
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}

.bgBoton{
	color: #FFFFFF;
	background: #1B335C 0% 0% no-repeat padding-box;
}

.bgBoton:hover{
	color: #FFFFFF;
	background: #3566b7 0% 0% no-repeat padding-box;
}
.bgBoton:focus{
	color: #FFFFFF !important;
	background: #1B335C 0% 0% no-repeat padding-box !important;
	border: 3px solid #1B335C !important;
	box-shadow: 0 0 0 0.25rem rgba(49,132,253, .5);
	outline: 0;
}

.noBgBoton:focus{
	box-shadow: 0 0 0 0.25rem rgba(49,132,253, .5);
	outline: 0;
}

.page-link.color{
	
	color: #1B335C;
}

input[type="checkbox"]:checked {
 	background-color: #1B335C ;
	color: white ; 
	border-color: #1B335C ;
}

.nav.nav-tabs.bordeInferior{
	
	border-bottom: 1px solid #1B335C;
}

.nav-link.active{
	
	background-color: #1B335C !important;
	color: white !important; 
	border-color: #1B335C !important;
}

.nav-link.active.secondary{
	
	background-color: #888888 !important;
	color: white !important; 
	border-color: #888888 !important;
}

.nav-link.color{
	
	color: #1B335C ;
}

.calendario-table th, 
.calendario-table td {
  text-align: center;
}

.festivo{
	background-color: #1B335C !important;
}
.celda{
	padding: 1px !important;
	cursor: pointer;
}

.diaFestivoGlobal  {
	background: #004eff;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px;
}

.disabledDiaFestivoGlobal {
	background: #B2D9FF;
	font-weight: bold;
	color: black;
	cursor: default !important;
	border-radius: 5px;
}

.diaFestivoGrupoServicio  {
	background: #B55F00;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px;
}

.disabledDiaFestivoGrupoServicio  {
	background: #FDD285;
	font-weight: bold;
	color: black;
	border-radius: 5px;
}

.diaFestivoCalendario  {
	background: #007F64;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px;
}

.tituloMesCalendario{
	
	background-color: #1B335C !important;
	color: white;
	border-radius: 10px;
}

.nav-tabs .nav-link:not(.active):hover{
	background-color: #76849D !important;
	color: white;
}

.nav-tabs .nav-link.secondary:not(.active):hover{
	background-color: #CCCCCC !important;
	color: white;
}
/*---------------------- VERSIONES -----------------------*/
#descargaLink, #descarga
{
	color: blue;
}

/*---------------------- CUADRO DE MANDOS -----------------------*/


.correcta{
	color: green;
}

.moderada{
	color: #FFCC30;
}

.grave{
	color: red;
}

.correcta-fondo{
	background: green;
}

.moderada-fondo{
	background: #FFCC30;
}

.grave-fondo{
	background: red;
}

/*---------------------- DESPLEGABLES MENU ----------------------*/
@media (min-width: 1400px)
{
	
	.dropdown-menu.show
	{
		display: none;
	}
	.dropdown-toggle:hover + .dropdown-menu,
	.dropdown-menu:hover {
    	display: block !important;
    }
}
/*------------------------ INFORMES ---------------------------*/

/* spinner buscador informes */
.spinner-informes,
.spinner-informes-popup,
.spinner-login{
	background: url("../img/E3E3E3-0.6.png");
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000000000;
}
.spinner-informes-popup{
	background: #C5D7E1;
}
.texto-spinner,
.texto-spinner-popup{
	font-size: 20px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 38%;
    width: 100%;
}

/*------------------- INFORMES QMATIC 2014 ---------------------- */
.tblListado tr.entidad td {	
	background-color : rgb(204,255,255);	
}

/*--------------------- PLANTILLA TICKET ---------------------- */
.prevTicket
{
	box-sizing: content-box;
}

.botonVentanaPuesto:hover{
	background-color: #335FBB;
	cursor: pointer;
}

h2 {
	font-size: 1.25rem;
}

/*----------------------- CARGA DE TRABAJO -------------------------*/
.total_bg_color{
	background-color: #cdF
}

.displayFlex{
	display: flex;
}