@charset "utf-8";
@font-face{
    font-family:Work Sans Regular;
    src: url("css/font/WorkSansRegular.ttf") format("truetype");
    font-style: normal;
}
@font-face{
    font-family:Work Sans Bold;
    src: url("css/font/WorkSans-Bold.ttf") format("truetype");
    font-weight: bold;
}
@font-face{
    font-family:Work Sans SemiBold;
    src: url("css/font/WorkSans-SemiBold.ttf") format("truetype");
    /* font-weight: 100; */
}

/* CSS Document */

html{
	font-size: 10px;
}

body{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
SELECT{ 
	font-family:"Frutiger",sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size: 13px; 
	color:#1665A1;
	background:#FFFFFF;
	background-color:#FFFFFF;
	height: 25px;
	width:180px;
	}
input[type=file] {
	font-family:"Frutiger",sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	height: 25px;
	width:100%;
    color:		#1665A1;
    filter: alpha(opacity=100);opacity: 0.8;
    
}
@font-face{
	font-family:Frutiger;
	src: url("font/FRUTIGER.TTF") format("truetype");
	font-weight: normal;
  	font-style: normal;
}

@font-face{
	font-family:Frutiger;
	src: url("font/FRUTIGEB.TTF") format("truetype");
	font-weight:bold;	
}
.tab_activo{
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	font-weight: 	bold;	
	font-size: 	13px;
	color:		#FFFFFF;
    background-image: url('images/tabVerde.png');
 	text-align: center; 
	padding: 0px 10px 0px 10px;	
	cursor:pointer;
}

.marco{
	background-color:#030;
	overflow:hidden;
	float:left;
	width:700px;
	height:600px;	
}

.tab_inactivo{
	font-family: 	Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	font-weight: 	bold;	
	font-size: 	13px;
	text-align: center; 
	color:		#FFFFFF;
	background-image: url('images/tabAzul.png');
	color: #FFFFFF;
	padding: 3px 10px 0px 10px;
	cursor:pointer;
}

.tableHeader{
	font-family: 	Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	font-weight: 	bold;	
	font-size: 	14px;
	background: url(images/text_inputXX.png) left top repeat-x;
	color: #1665A1;
	padding: 0px 0px 0px 0px;
	
	
	
}

.tab_inactivo:hover{
	    background-image: url('images/tabVerde.png');
}

.tituloGral{
	font-family: 	arial;
	font-weight: 	bold;	
	font-size: 	16px;
	color: 		#1665A1;
}

.tituloGralInvi{
	font-family: 	Verdana;
	font-size: 	16px;
	color: 		#1C83C6;
}

.otp-option-text{
	min-width: 13rem;
	text-align: initial;
}

.texto{
	font-family: 	arial;
	font-weight: 	normal;	
	font-size: 	14px;
	color: 		#959595;
}
.mainContainterTop {
  font-size: 5px;
  height: 8px;
  background-image:url('images/mainContainterTop.png');
 background-repeat:no-repeat;
  background-position: 0% 100%;
  background-size: auto auto;
}
.mainContainter {
  background-image:url('images/mainContainter.png');
}
.mainContainterInvi{
	background-image:url('images/mainContainterInvi.png');
}
.mainContainterTopInvi {
  font-size: 5px;
  height: 8px;
  background-image:url('images/mainContainterTopInvi.png');
  background-repeat:no-repeat;
  background-position: 0% 100%;
  background-size: auto auto;
}
.mainContainterBottom {
  background-image:url('images/mainContainterBottom.png');
 	background-repeat:no-repeat;
  background-position: 0% 0%;
  height:10px;
  /*background-size: auto auto;*/
}
.mainContainterBottomInvi {
  background-image:url('images/mainContainterBottomInvi.png');
 	background-repeat:no-repeat;
  background-position: 0% 0%;
  height:10px;
  /*background-size: auto auto;*/
}

.btnNav{
	font-family: 	arial;
	font-weight: 	Bold;	
	font-size: 	16px;
	color:		#1665A1;
}
.circuloTabActivo{
	background-image:url(images/esfera_activa.png);
	background-repeat:no-repeat;
}
.circuloTabInactivo{
	background-image:url(images/esfera_inactiva.png);
	background-repeat:no-repeat;

}
.check_valido{
	background-image:url(images/CheckBox1.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;

}

.check_invalido{
	background-image:url(images/CheckBox0.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}
.check_wrong{
	background-image:url(images/CheckBox00.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
}

.input_txt {	
	width: 250px;
	border: none;
	background: url(images/text_input.png) left top repeat-x;
	padding: 0px 0px 0px 0px;
	height:25px;
}
.input_txtInvi {	
	width: 200px;
	border: none;
	background: url(images/text_input.png) left top repeat-x;
	padding: 0px 0px 0px 0px;
	height:25px;
}
.input_txt2 {	
	width: 180px;
	border: none;
	background: url(images/text_input.png) left top repeat-x;
	padding: 0px 0px 0px 0px;
	height:25px;
}
.input_txt150 {	
	width: 150px;
	border: none;
	background: url(images/text_input150.png) left top repeat-x;
	padding: 0px 0px 0px 0px;
	height:30px;
}

.txt_formulario{
	font-family: 	arial;
	font-weight: 	400;	
	font-size: 	14px;
	color: 		#666666;
}

.txt_formularioInvi{
	font-family: 	Verdana;
	font-weight: 	400;	
	font-size: 	12px;
	color: 		#5C5C5C;
}
.tituloValidaciones {
	font-family: 	arial;
	font-weight: normal;
	font-size: 	12px;
	color:		#1665A1;
	padding-left:20px;
}
.tituloValidacionesInvi {
	font-family:  Verdana;
	/*font-weight: bold;*/
	font-size: 	13px;
	color:		#5c5c5c;
	padding-left:20px;
}
.validaciones-middle {
  background-image:url('images/validaMiddle.png');
  background-repeat: repeat-y;
  background-position: 50% 100%;
  /*background-size: auto auto;*/
  padding-left:10px;
}

.validaciones-middle_Invi {
  background-image:url('images/validaMiddle_invi.png');
  background-repeat: repeat-y;
  background-position: 50% 100%;
  /*background-size: auto auto;*/
  padding-left:10px;
}
.txtValidaciones {
	font-family: 	arial;
	font-weight: 	normal;	
	font-size: 	12px;
	color:		#959595;
	padding-bottom:10px;

}

.input_text_selec {	
	width: 250px;
	border: none;
	/*background: url(images/combo.png) left top repeat-x;*/
	padding: 0px 0px 0px 0px;
	height:19px;
	font-family: Helvetica;
	font-weight: 	normal;	
	font-size: 	12px;
	color: 		#333333;
}

.input_text_Resp{	
	width: 300px;
	border: none;
	/*background: url(images/text_input_combo.png) left top repeat-x;*/
	padding: 0px 0px 0px 0px;
	height:25px;
	font-family: Helvetica;
	font-weight: 	normal;	
	font-size: 	12px;
	color: 		#333333;
		
}
.validaciones-middle2 {
  background-image:url('images/validaMiddle_2.png');
  background-repeat: repeat-y;
  background-position: 0% 100%;
  /*background-size: auto auto;*/
  padding-left:0px;
}

option.letra_select{
	font-family: Helvetica;
	font-weight: 	normal;	
	font-size: 	12px;
	color: 		#333333;
}

#terminos{
}

#terminos ::-webkit-scrollbar {
    width: 12px;
	background-color:inherit;
}
/*falta meterle el tamaño de cada bloke para ponerle display 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  height: 15px;
  width: 13px;
  display: block;
  background: #101211;
  background-repeat: no-repeat; }
*/
#terminos ::-webkit-scrollbar-button:end:decrement,
::-webkit-scrollbar-button:end:increment {
  width: 12px;
  height:10px;
  display: block;
  background-color:transparent;
  background-repeat: no-repeat;
}

#terminos ::-webkit-scrollbar-button:end:vertical:decrement{
	background-image:url(images/flechas_scroll_up.gif);
	background-position: 1px 4px;
}
#terminos ::-webkit-scrollbar-button:end:vertical:increment{
	background-image:url(images/flechas_scroll_down.gif);
	background-position: 1px 4px;
}

#terminos ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
    border-radius: 10px;
}

#terminos ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);
}

.bordes{
	border:thin;
	border-style:inset;
	color: 		#959595;
}
#contenedor_captcha{
	height:40px;
	border: thin;
	background-image:url(images/bck_captcha.png);
	border-color: #347C8B;
	/*width:180px;*/
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}

.input_captcha{
	height:25px;
	margin-top:10px;	
}

.input_bck{
	background: url(images/input_bck.png) left top repeat-x;
	height:25px;
	border:none;
}
#nivelSeguridad{
	/*width:144px;
	height:20px;*/
	width:250px;
	height:15px;
}
.factor_1{
	background:url(images/nivelSeg_bajo.png);
	background-repeat:no-repeat;
}
.factor_2{
	background:url(images/nivelSeg_alto.png);
	background-repeat:no-repeat;
}

#nivel{
}

.errorSpaceTotal{
	width: 320px;
	position: absolute;
}

.errorSpaceTop{
	clear:left;
	width: 320px;
	height:18px;
	background-image:url("images/tooTipTop.png");
	background-repeat: no-repeat;
}
.errorSpaceMidle{
	width: 320px;
	background-image:url("images/tooTipMidle.png");
	background-repeat: repeat-y;
}
.errorSpaceBottom{
	clear:left;
	width: 320px;
	background-image:url("images/tooTipBottom.png");
	background-repeat: no-repeat;
	height:8px;
}
.errorSpaceTopSweet{
	clear:left;
	width: 320px;
	height:18px;
	background-image:url("images/tooTipTopSweet.png");
	background-repeat: no-repeat;
}
.errorSpaceMidleSweet{
	width: 320px;
	background-image:url("images/tooTipMidleSweet.png");
	background-color:#FFFFFF;
	background-repeat: repeat-y;
}
.errorSpaceBottomSweet{
	clear:left;
	width: 320px;
	background-image:url("images/tooTipBottomSweet.png");
	background-repeat: no-repeat;
	height:8px;
}
.elementError{
	clear:left;
	width: 300;
	margin-left: 10px;
	color: #1565A0;
	font-size:10px;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	font-weight: bold;
	
}
.successText{
	color: #1565A0;
	font-size:14px;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	font-weight: bold;
	margin-left: 10px;
	
}
.errorText{
	color: #EE0000;
	font-size:14px;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	font-weight: bold;
	margin-left: 10px;
	
}
.mayus{
	text-transform: uppercase;	
}
.respuestaFondoBack{
	background-image: url("images/fondoRespBack.png");
	background-repeat: no-repeat;
	width: 700px;
	height: 600px;
}
.respuestaFondoFront{
	background-image: url("images/fondoRespFront.png");
	background-repeat: no-repeat;
	width: 580px;
	height: 230px;
}
.textoTituloFin{
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size:22px; 
	font-weight: bold; 
	color:#1D6399;
}
.textoRespuestaFin{
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size:18px; 
	font-weight: normal; 
	color:#1D6399; 
	text-align:justify;
	padding-left:20px; 
	padding-right:20px;
	}
.btnAzul{
	width:150px; 
	height:41px;  
	background-image: url('images/BttnGralAzul.png'); 
	background-repeat:no-repeat; 
	margin-right:60px; 
	margin-top:20px; 
	padding-top:10px; 
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size:18px; 
	font-weight: bold;
	cursor:pointer;
	color:white;
	text-align:center;  
}
.btnOpcion{
	width:160px; 
	height:41px;  
	background-image: url('images/BttnGralAzul2.png'); 
	background-repeat:no-repeat;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size:18px; 
	font-weight: bold;
	cursor:pointer;
	color:white;
	text-align:center; 
}
.btnCancelar{
	width:160px; 
	height:41px;  
	background-image: url('images/BttnGralDisabled2.png'); 
	background-repeat:no-repeat;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size:18px; 
	font-weight: bold;
	cursor:pointer;
	color:white;
	text-align:center;
}

.btnContrata{
	width:160px; 
	height:41px;  
	background-image: url('images/BttnGralAzul2.png'); 
	background-repeat:no-repeat;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size:18px; 
	font-weight: bold;
	cursor:pointer;
	color:white;
	text-align:center; 
}
.cerrarsesion{	
	background:url(images/BttnLogOut.png) no-repeat center center;
	height:27px;
	width: 128px;
	cursor: pointer;
}
.tituloConIconoLeft{
	color: #ffffff; 
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-weight: bold; 
	font-size: 14px;	
}
.iconoUserList{
	 float:left;  
	 background-image: url('images/listaUserIconTrans.png'); 
	 background-repeat: no-repeat; 
	 height: 30px; 
	 width: 30px;
}
.fondoListaUsuarios{
	background-color:rgb(232,243,247);
}
.cuadroListaUsuarios{
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-size: 10px; 
	margin-top: 5px;  
	padding: 0px 7px 7px 7px; 
	overflow-y: auto; 
}
.userInList{
	margin-top: 3px; 
	color:#333;
	cursor: pointer;
}
/* .userInList:hover{
	margin-top: 3px; 
	background-color: #6BB0CB;
	font-weight: bold;
	color:#333;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	cursor: pointer;
} */
.userInListHover{
	margin-top: 3px; 
	background-color: #6BB0CB;
	font-weight: bold;
	color:#333;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	cursor: pointer;
	
}
.userInListSelect{
	margin-top: 3px; 
	background-color: #6BB0CB;
	font-weight: bold;
	color:#333;
	cursor: pointer;
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	
}
.warningIcon{
	height: 55px; 
	width: 55px;
	background-image:url('images/alertImage.png;'); 
	background-repeat: no-repeat; 
}
.successIcon{
	height: 55px; 
	width: 55px;
	background-image:url('images/IconoCorrecto.png;'); 
	background-repeat: no-repeat; 
}
.fondoBtnAzulCts{
	background-color: #1665A1; 
	height: 30px;
	cursor: pointer;
}
.fondoBtnGrisCts{
	background-color: #7B7B7B; 
	height: 30px;
	cursor: no-drop;
}
.busquedaIcon{
	float:left; 
	margin-left:5px; 
	margin-top:2px; 
	background-image: url('images/searchButton.png'); 
	background-repeat: no-repeat; 
	height: 30px; 
	width: 28px;
}
.btnBusqueda{
	float:left; 
	color: white; 
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva; 
	font-weight: bold; 
	font-size: 14px; 
	padding-top: 5px; 
	margin-left: 0px; 
	margin-right: 10px;
}
.textoInfoUsuario{
	float: left;
	background-color: #E8F2F7;
	margin-top: 5px;
	margin-right: 5px;
	padding-left: 10px; 
	font-size: 14px;
	width: 95%;
}
.estiloRenglonVerde{
	background-color: #E7F1D8; 
	width:100%;
	margin-top: 5px;
}
.estiloRenglonAzul{
	background-color: #D8F0F1; 
	width:100%;
	margin-top: 5px;
}
.letraRenglones{
	font-family: Frutiger,sans-serif,serif,Arial,Helvetica,Verdana,Geneva;
	font-size: 14px;
	color: #333333; 
	height: 25px;
}
.iconoUpLoad{
	background-image: url("images/upload-icon.png");
	background-repeat:no-repeat;
	height: 30px;
	cursor: pointer;
}
.respuestaFondoFront{
	background-image: url("images/fondoRespFront.png");
	background-repeat: no-repeat;
	width: 580px;
	height: 230px;
}
.textoTituloFin{
	font-family:Frutiger; 
	font-size:22px; 
	font-weight: bold; 
	color:#1D6399;
}
.textoRespuestaFin{
	font-family:Frutiger; 
	font-size:18px; 
	font-weight: normal; 
	color:#1D6399; 
	text-align:justify;
	padding-left:20px; 
	padding-right:20px;
	}
.user{
	font-family:Verdana;
	font-weight: normal;
	font-size: 	13px;
	color: 		#5C5C5C;
	text-align: left;
}
.datePick{
	width: 100px;
	border: none;
	background: url(images/text_input.png) left top repeat-x;
	padding: 0px 0px 0px 0px;
	height:25px;
}
.tablaAzulClaro{
	background-color: #E8F2F7;	
}
.spacioTD{
	padding: .3rem .3rem .5rem .3rem;
}
.divFechas > img{
	position: fixed;
}


.jumbotron {
    margin-bottom: 0;
    padding: 0 0 0 0;
    background-color: white;
}

.cabecera {
    color: white;
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
}
.cabecera-ligas{
    display: flex; 
    flex-direction: row;
    align-items: center;
}
.logoHacienda{
    padding: 1rem 0rem 1rem 1rem;   
}

.cabecera-ligas>a{
    text-decoration:none;
    color:white;
    font-family: Work Sans Regular;
    text-align: center;    
}

.cabecera hr {
    margin: 0.3rem 1rem 0.3rem 1rem;
    height: auto;
    border: 1px white solid;
}

.contenido {
    margin-top: 1.2rem;
    width: 98%;
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.4);
    background-color: white;
    position: relative;
    
}
.contenedorPrincipal{min-width: 1200px;}
.compMenu{
background-color: #ffffff;
min-width: 100%; 
z-index: -100; 
min-height: 58px;
max-height: 58px;
position: absolute;
top: 59px;
}
.navbar {
    margin-bottom: 1rem;
    padding-left: 2rem;
    border-radius: 0;
    border-top: 0;
    background-color: white;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);*/
    
}

.navbar-nav>li {
    text-align: left;
    text-transform: none;
    min-height: 30px;
    font-size: 12px;
    cursor:pointer;
}

.navbar-nav>li>a {
    font-family: Work Sans Regular;
    /*color: rgba(0, 0, 0, .5);*/
    color : #919191;
    padding: 0px 9px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-decoration: none;
}
.navbar-nav>li>li>a {
    font-family: Work Sans Regular;
    color : #919191;
    padding: 0px 9px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-decoration: none;
}

.navbar-nav>li>a:focus {
    background-color: transparent;
    /*color: black;*/
    font-family: Work Sans Bold;
    /* font-weight:bold; */
}

.navbar-nav>li:focus a {
    color: black;
    font-family: Work Sans Bold;
    background-color: transparent;
}

.navbar-nav>li:hover a {
    /*color: black;*/
    font-family: Work Sans Regular;
    background-color: transparent;
}

.navbar-nav>li>hr {
    /*width: 5rem;*/
    width: 95%;
    border: 2px transparent solid;
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-nav>li:focus hr {
    border: 2px #1C83C6 solid !important;
}

.navbar-nav>li:hover hr {
    border: 2px #1C83C6 solid !important;
}
nav>.container-fluid {
        flex-flow: column;
        align-items: inherit !important;
    }
    
.logo-menu {
    max-width: 240px;
    height: auto;
}
.subMenuDiv{display: none;
position: absolute;
max-width: 200px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #8c8c8c;

}

.subMenuDiv p{
   padding-left: 10px; 
   border-bottom: 4px #FFFFFF solid !important;
   color : #919191;
   font-size: 12px;
   text-transform: uppercase;
   font-size: 1rem;
} 

.subMenuDiv p:hover{
	 border-bottom: 4px #1C83C6 solid !important;
} 
.iconReto {
  display: block;
  max-width:50px;
  max-height:50px;
  width: auto;
  height: auto; 
  
}

.ui-datepicker-title{
	color:#1665A1;
}
.ui-datepicker-calendar thead{color:#1665A1;font-size: normal;padding-bottom: 0px;}
.ui-datepicker table{margin:-5px;}
.ui-datepicker {font-size: normal;}
#ui-datepicker-div{padding-bottom: 5px;}