/* VENTANA MENU OPCIONES */
.ventanaOpciones{
	border: #30ABA9 solid 2px;
	border-radius: 20px;
	overflow: hidden;
}

.encabezadoVentanaOpciones{
	background: linear-gradient(90deg,rgba(48, 171, 169, 1) 0%, rgba(1, 98, 104, 1) 100%, rgba(237, 221, 83, 1) 100%);
	padding: 10px;
	color: rgb(255, 255, 255);
	width: calc(100% - 30px) !important;
	margin: 10px 0 10px 5px;
	border-radius: 10px 10px 0 0;
	font-size: 18px;
}

.encabezadoVentanaOpciones div{
	font-size: 18px;
	font-weight:normal;
}

.botonAceptar,
#btnSalir.botonSalir{
	width: 150px;
	height: 30px !important;
	border-radius: 10px !important;
	border: none !important;
	background-color: #30aba9 !important;
	transition: 0.3s ease, transform 0.3s ease;
	font-size: 14px !important;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1) !important;
}

.botonAceptar:hover,
.botonSalir:hover{
	cursor: pointer;
	background-color: #016268 !important;
}

.botonAceptar .contenidoBoton,
.botonSalir .contenidoBoton{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
}

.defaultMenuItem {
	padding: 7px 10px 9px 10px;
	font-size: 11px;
	text-align: left;
	cursor: pointer;
	cursor: hand;
}

.defaultMenuItem:hover, .defaultMenuItem:focus {
	padding: 6px 9px 7px 9px;
	background: #C1DCF9;
    border: solid 1px #74AFF1;
	background: #FFCEAE;
	border: solid 1px #FF9B59;
}

.titleBackground {
	background-image: url("imagenes/imgTitleBackground.png");
	width: 100%;
	background-repeat: repeat-x;
	height: 40px;
	text-align: left;
	font-size: 11px;
	padding: 5px 5px 5px 5px;
}

.resumeBackColor{
	width: 100%;
	background-color: #EEEEEE !important;
  	color: #000000;
}

.blackBackground {
	width: 100%;
	background-repeat: repeat-x;
	background-color: black;
	height: 100%;
	text-align: left;
	font-size: 11px;
}

.menuButtonUser,
.menuButtonLogOut,
.menuButtonCerrarModulo {
	display: flex;
	flex-direction: row;
	gap: 5px;
	height: 20px;
	width: auto;
	padding: 2px 5px;
	margin-top: 2px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	transition: 0.3s ease, transform 0.3s ease;
}

.menuButtonUser:hover, .menuButtonUser:focus,
.menuButtonLogOut:hover, .menuButtonLogOut:focus,
.menuButtonCerrarModulo:hover, .menuButtonCerrarModulo:focus {
	background-color: rgba(48, 171, 169, 0.2);
	cursor: pointer;
}

.menuButtonUser .iconoBotonMenuPrincipal,
.menuButtonLogOut .iconoMenuButtonLogOut,
.menuButtonCerrarModulo .iconoMenuButtonCerrarModulo{
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.menuButtonUser .iconoBotonMenuPrincipal{
	background-image: url("iconos/resources/menuAccesoRapido/usuario.png");
}

.menuButtonLogOut .iconoMenuButtonLogOut{
	background-image: url("iconos/resources/menuAccesoRapido/cerrar_sesion.png");
}

.menuButtonCerrarModulo .iconoMenuButtonCerrarModulo{
	background-image: url("iconos/resources/menuAccesoRapido/cerrar_modulo.png");
}


.TituloModulos {
	font: oblique bold 120% cursive;
	font-size:26px;
	color: #F90;
	height:45px;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0
		#b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px
		rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px
		rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px
		rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
	background-color: transparent;
	border: 1px solid #3B5998;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(PIE.htc);
}

.styleTableModulosPrincipal {
	width: 100%;
}

.linea {
	height: 3px; background-color: #3B5998
}
.CuerpoModulos {
	font: oblique bold 120% cursive;
	font-size:26px;
	color: #F90;
	height:270px;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0
		#b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px
		rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px
		rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px
		rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
	background-color: transparent;
	border: 1px solid #3B5998;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(PIE.htc);
}
.tableContenidoModulos{
	width: 100%;
	height: 100%;
}

.hide {
	display: none;
}

.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 10px;
	line-height: 8px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #bbbbbb;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.btn {
	border-color: #c5c5c5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15)
		rgba(0, 0, 0, 0.25);
}

.btn-large {
	padding: 4px 12px;
	font-size: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.fileLoaded {
 color:#43CA7B;
}



.superior_pagina {
  position:absolute;
   top:50px;
  /*padding-right: 5px; */
  right:7px;
  /* margin-right:0px; */
  float:right;
  font:normal 11px tahoma, arial, verdana, sans-serif;
  color:#FFFFFF;
  font-size:12px;
  text-align:left;
}

.TituloModuloSelected {
	font: oblique bold 120% cursive;
	font-size:12px;
	color: #FFFFFF;
	text-transform:uppercase;
	height:45px;
	text-shadow: blue 0.1em 0.1em 0.2em
	/*text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0
		#b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px
		rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px
		rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px
		rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
	background-color: transparent;
	border: 1px solid #3B5998;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(PIE.htc);*/
}

.styleTableModulos
{
  width: 100%;
  height: 100%;

  font:normal 11px tahoma, arial, verdana, sans-serif;
  color:#FFFFFF;
  font-size:12px;
  padding: 5px;
  /* text-align:left;  */
  /*text-shadow: blue 0.1em 0.1em 0.2em*/
}
.styleTableModulos td
{
  width: 20%;
  height: 33.3%;

   line-height: 33.3%;
  /*padding: 0 20px;*/
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  white-space: nowrap;
  text-align: center;

  display:table-cell; vertical-align:bottom;
}

 .styleTableModulos td:nth-child(1)
{
  /* background: #efefef;
  background: rgba(144,144,144,0.15); */
  border-right: 1px solid white;
}
 .styleTableModulos td:nth-child(2), .styleTableModulos td:nth-child(3)
{
  /* background: #efefef; */
  background: rgba(144,144,144,0.15);
  border-right: 1px solid white;
}


 .styleTableModulos td:nth-child(4)
{
  background: #e7f3d4;
  background: rgba(184,243,85,0.3);
}

/*   .styleTableModulos td:hover {
    background-color:#49e;
	background: #FFCEAE;
	border: solid 1px #FF9B59;
	background-image: url("iconos/resources/16x16/actions/logout.png");
	background-repeat: no-repeat;
	background-position: 50px 10px;
	cursor: pointer;
}  */

.styleTituloModulo{
	padding-bottom: 15px;
}
.styleLogoModulo{
	padding-top: 1px;
	height: 55px;
}

td.styleModulo{
	 /* background-image: url("iconos/resources/48x48/security.png"); */
	 background-color: transparent;
	 background-repeat: no-repeat;
	 background-position: 50px 10px;
}
td.styleModulo:hover{
	 background: #FFCEAE;
    border: solid 1px #FF9B59;
	/* background-image: url("iconos/resources/48x48/security.png"); */
    background-repeat: no-repeat;
    background-position: 50px 10px;
    cursor: pointer;
}
/* #moAdministracion{
	 background-image: url("iconos/resources/48x48/security.png");
	 background-color: transparent;
	 background-repeat: no-repeat;
	 background-position: 50px 10px; 'left top '
}
#moAdministracion:hover {
	background: #FFCEAE;
    border: solid 1px #FF9B59;
	background-image: url("iconos/resources/48x48/security.png");
    background-repeat: no-repeat;
    background-position: 50px 10px;
    cursor: pointer;
}

#moInventario{
	 background-image: url("iconos/resources/48x48/inventary.png");
	 background-color: rgba(144,144,144,0.15);
	 background-repeat: no-repeat;
	 background-position: 50px 10px; 'left top '
}
#moInventario:hover {
	background: #FFCEAE;
    border: solid 1px #FF9B59;
	background-image: url("iconos/resources/48x48/inventary.png");
    background-repeat: no-repeat;
    background-position: 50px 10px;
    cursor: pointer;
}  */
.styleAlinearDerecha{
	position:absolute;
  right:25px;
  padding: 5px;
}


.cssTableDatosEmpleado{
	width: 100%;
	height: 100%;
	-webkit-transition: height 0.1s ease-in-out;
	-moz-transition: height 0.1s ease-in-out;
	transition: height 0.1s ease-in-out;
}

/*CSS PARA MODALES TIMEOUT SESSION*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog {
	opacity: 1;
	pointer-events: auto;
}

.modalDialog>div {
	width: 410px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.btnAceptarSessionDestroy {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	margin-top: 10px;
}
.btnAceptarSessionDestroy:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
/*FIN CSS PARA MODALES TIMEOUT SESSION*/

.classHeaderEmpleados{
	background-color: #FF8000;
}

.colorCuotaPendiente{
 	color: black;
	background-color: #D8D8D8;
}

.backGroundColorCell{
 	background-color: #D8D8D8;
}

.cellDisabled >div{
  visibility: hidden;
}
.cellEnabled {
  visibility: visible;
}

.upMeBro {
text-transform: uppercase;
}

.thumbImgD {
  background: none repeat scroll 0 0 #DDDDDD;
  padding: 3px;
}

.thumbImgD img {
  height: 120px;
  width: 100px;
}

.thumbImgDWrap {
  border: 1px solid white;
  float: left;
  margin: 4px 0 4px 4px;
  padding: 5px;
  font: 11px Arial, Helvetica, sans-serif;
}

.thumbImgDWrap span {
  display: block;
  overflow: hidden;
  text-align: center;
}

.overImgD {
  background: repeat-x scroll left top #EFEFEF;
  border: 1px solid #ddd !important;
  padding: 5px;
}

.selectImgD {
  background: none repeat scroll 0 50% #DFE8F6;
  border: 1px dotted #A3BAE9 !important;
  cursor: pointer;
}

.selectImgD .thumbImgD {
  background: none repeat scroll 0 0 transparent;
}

.uc_numberField input{
  text-align : right;
}

pre{
    counter-reset: line;
}
code{
    counter-increment: line;
}

code:before{
    content: counter(line);
    -webkit-user-select: none;
}

.upper-case{
	text-transform: uppercase;
}

 /*LOGIN CSS*/
.divGeneralLogin {
	width:300px;
	vertical-align:middle;
}

.divRedesSociales{
	/*width:100%;*/
	max-width:100%;
	height: 40px;
	vertical-align:middle;
	background-color: #1E2144;
	margin-left: 0;
  	margin-top: 0;
  	color:white;
}

.divCabeceraRedesSociales {
  /*width:50px;*/
  background-color: transparent;
  font-family: 'Abel', sans-serif; font-weight: 300;  text-transform: uppercase;
  text-align: center;
  font-size: 1.125em;
  height: 23px;
  top: 40px;
  left: 0%;
  vertical-align:middle;
  margin-top: 0%;
  padding: 0px 0 0;
  color:#1E2144;
  -webkit-transition: color 1.0s ease-in;
  -moz-transition: color 1.0s ease-in;
  -o-transition: color 1.0s ease-in;
  transition: color 1.0s ease-in;
  opacity:0.8;
}

.divCabeceraLogin {
	color:#1E2144;
	background-color: transparent;
	font-family: 'Abel', sans-serif; font-weight: 300;  text-transform: uppercase;
  text-align: center;
  font-size: 1.125em;
  height: 30px;
  top: -40px;
  margin: 0;
  padding: 10px 0 0;
  color:white;
  -webkit-transition: color .25s ease-in;
  -moz-transition: color .25s ease-in;
  -o-transition: color .25s ease-in;
  transition: color .25s ease-in;
  opacity:0.8;
}
.divCuerpoLogin {
	height:160px; /*background-color: rgba(0, 0, 0, 0.8);	*/
	/*background-color: #CBCDCE;*/
	opacity:0.8;
}

.fontDatosLogin {
	font:normal 11px tahoma, arial, verdana, sans-serif;
	  /*color:#004080;*/
	  color:white;
	  font-size:11px;
	  padding:2px 0px 2px 0px;
	  text-shadow: #0080C0 0.1em 0.1em 0.2em;
	  text-align: center;
}
.labelUser{
	/*background-image: url("iconos/resources/16x16/actions/user_connect.png");*/
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 60px 0px; /* 'left top ' */
	color: #1E2144;
	font-size:14px;
	font-weight: bold;
	text-align: center;
}
.labelPassword{
	/*background-image: url("login/key-16.ico");*/
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 60px 0px; /* 'left top ' */
	color: #1E2144;
	font-size:14px;
	font-weight: bold;
}
.labelTelefono{
	font-family: 'Abel', sans-serif; font-weight: 300;  text-transform: uppercase;
	background-image: url("login/facebook.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 60px 0px; /* 'left top ' */
	color: white;
	font-size:11px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.labelCorreo{
	font-family: 'Abel', sans-serif; font-weight: 300;
	background-image: url("login/facebook.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 60px 0px; /* 'left top ' */
	color: white;
	font-size:11px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
}
.styleCajaTexto{
/*	background-color: rgba(0, 0, 0, 0.8);*/
	background-color:#CCC;
/*	color:#1E2144;*/
	color:#575653;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 100%;
  width: 100%;
  font-size:15px;
  font-family:Helvetica;
  text-align:center;
}
.styleVersion{
/*	background-color: rgba(0, 0, 0, 0.8);*/
	background-color:none;
	font-family: 'Abel', sans-serif;
/*	color:#1E2144;*/
	color:white;
  border-radius: 1px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size:9px;
  text-align:center;
}
.styleBtnAceptar{
   background-color: #1e2144; border:none; cursor:pointer; width: 150px; height:35px;
    /*border: 1px solid #f4ab4c;*/
    border:none;
    color: white;
    text-shadow: 0 1px rgba(100,0,12,0.3);
	font-family: 'Abel', sans-serif;
	text-transform: uppercase;
	font-size: 8;
	height: 80%;
    width: 100%;

	margin: 10 0 15px;
	/*style="background-color: #1E2144; border:none; cursor:pointer; width: 150px; height:25px"*/
}

/* Contenedor del loader */
#loader-container {
    position: fixed; /* Fija el contenedor en la ventana */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    background: rgba(255, 255, 255, 0.3); /* Fondo blanco con baja opacidad */
    z-index: 9999; /* Asegúrate de que el loader esté encima de otros elementos */
}

/* CSS para centrar el loader */
#loader-container {
    position: fixed; /* Fija el contenedor en la ventana */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    background: rgba(0, 0, 0, 0.7); /* Fondo negro con alta opacidad */
    z-index: 9999; /* Asegúrate de que el loader esté encima de otros elementos */
}

#loader {
    border: 6px solid #f3f3f3; /* Borde gris claro alrededor del círculo */
    border-radius: 50%; /* Hace que el elemento sea un círculo*/
    border-top: 6px solid #4D6799; /* Color azul oscuro en la parte superior del borde */
    width: 30px; /* Tamaño del loader */
    height: 30px; /* Tamaño del loader */
    -webkit-animation: spin 1.5s linear infinite; /* Safari */
    animation: spin 1.5s linear infinite; /* Animación para otros navegadores */
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

/* Animación para otros navegadores */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.padding-left-15 {
	padding-left: 15px;
}

.row-conciliar{
	/*background-color: #1E90FF !important;*/
	background-color: #2898ee !important;
}

.row-conciliar-manual{
	background-color: #008B48 !important;
}

input[type="checkbox"][readonly] {
  pointer-events: none !important;
}

.x-menu-item .x-menu-item-icon {
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 16px !important;
}