:root {
    --color-rojo-netel: #9E0003;
}

body {
	color: #666666;
	font-family: Tahoma, sans-serif, Verdana, Arial, Helvetica;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

h1 {
	border-bottom: 5px solid #EEEEEE;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 1.5em;
	font-weight: normal;
	height: 20px;
	margin-bottom: 20px;
	padding: 0 0 10px;
}

h2 {
	color: #336699;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 1.3em;
	font-weight: 100;
	height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0 0 10px;
	width: 80%;
}

h3 {
	color: #669900;
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size: 1.2em;
	font-weight: 100;
	height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0 0 10px;
	width: 80%;
}

a {
	color: #336699;
	text-decoration: underline;
}

.input {
	background-color: #E9EBF3;
	border: 1px solid #AAB3DD;
	color: #000000;
}

.input:hover {
	background-color: #CCD5E6;
}

.input a {
	background-color: #E9EBF3;
	border: 1px solid #AAB3DD;
	color: #000000;
}

input:hover {
	background-color: #CCD5E6;
	border: 1px solid #AAB3DD;
	color: #000000;
}

input {
	background-color: #E9EBF3;
	border: 1px solid #AAB3DD;
	color: #000000;
}

select {
	background-color: #E9EBF3;
	border: 1px solid #AAB3DD;
	color: #000000;
}

textarea {
	background-color: #E9EBF3;
	border: 1px solid #AAB3DD;
	height: 40px;
	height: 40px;
	width: 180px;
}

#main {
	background-color: #FFFFFF;
	border-width: 5px 0 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0;
	min-width: 800px;
	padding-bottom: 10px;
	padding-top: 0;
}

#main2 {
	background-color: #FFFFFF;
	border-color: #ADBFCC -moz-use-text-color -moz-use-text-color;
	border-style: solid none none;
	border-width: 5px 0 0;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 0;
	width: 800px;
	height: 400px;
}

#header {
	background-position: left center;
	background-repeat: no-repeat;
	border: 0 none;
	height: 125px;
	margin: 0 30px 0;
	min-width: 800;
	padding: 0;
}

#header img {
	display: block;
	float: left;
	margin-top: -8px;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	height: 70px;
	left: 30px;
	position: absolute;
	text-indent: -9000px;
	top: 20px;
	width: 220px;
}

#header ul {
	float: left;
	height: 36px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0;
	margin-top: 92px;
	min-width: 800;
	padding-left: 0;
	position: absolute;
	left: 31px;
	top: -2px;
	width: 100%;
}

#btndesafio {
	color:white !important; 
	background-color: var(--color-rojo-netel); 
	padding: 8px 0px 0px; 
	border: 1px solid var(--color-rojo-netel); 
	border-radius: 10px;
	width: fit-content !important;
	padding-left: 19px;
	padding-right: 19px;
}

#header ul li a {
	color: #313943;
	display: table-cell;
	float: left;
	font-weight: 700;
	font-size: 13px;
	font-family: 'Inter';
	height: 25px;
	margin-left: 5px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	vertical-align: bottom;
	width: 100px;
}

#header li a:hover,
#header li a:focus {
	background-position: 0 -33px;
	color: var(--color-rojo-netel);
}

.menu li {
	color: #C36;
}

#foto {
	background-repeat: no-repeat;
	float: right;
	height: 45px;
	margin-top: 0;
	width: 45px;
}

#usuarioInfo {
	float: right;
	height: 45px;
	margin-top: 0;
	width: 295px;
	margin-right: 5px;
}

#usuarioInfo h1 {
	border: 0 none;
	color: #003;
	font-family: 'Montserrat', "Trebuchet MS", Arial, Tahoma;
	font-size: 16px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-indent: 83px;
	color: #666666;
}

#usuarioInfo h1 b{
	font-weight: 700;
}


#usuarioInfo img {
	border: 0 none;
	float: right;
	margin-right: 0;
}

#usuarioInfo a {
	color: var(--color-rojo-netel);
	padding-left: 65px;
	text-decoration: none;
	font-family: 'Myriad Web Pro';
	font-weight: 400;
	font-size: 13px;
	opacity: 0.7;
}

#empresaInfo {
	/*background-image:url(img/logo.jpg);*/
	background-repeat: no-repeat;
	float: left;
	height: 85px;
	margin-top: 0;
	width: 450px;
}

#empresaInfo h1{
	border: 0 none;
	color: #313943;
	font-family: 'Montserrat', "Trebuchet MS", Arial, Tahoma;
	font-weight: 700;
	font-size: 20.5px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-indent: 30px;
}

#empresaInfo h1 b{
	font-weight: 700;
}

#empresaInfo img {
	border: 0 none;
	float: left;
	margin-right: 0;
}

#empresaInfo a {
	color: #CCCCCC;
	padding-left: 65px;
	text-decoration: none;
}

#footer {
	color: #000033;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
	font-family: 'Inter';
	font-weight: 400;
	font-size: 12.8px;
	display: flex;
    justify-content: end;
	align-items: center;
}

.menu {
	color: #003;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
}

#adic {
	color: #003;
	margin-left: 30px;
	margin-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: right;
}

th {
	padding: 0px 30px 2px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background-color: #E6EEEE;
}

td {
	padding: 0px 0px 2px 0px;
	font-size: 10px;
	text-align: left;
	border-collapse: collapse;
}

.pendiente {
	color: #FF0000;
}

.disponible {
	color: #00FF00;
}

.ticket {
	border: 1px dashed #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*margin:150px 150px 150px 150px;*/
	margin-left: 375px;
	width: 350px;
	padding: 2px;
	background-color: #FFFFFF;
}

.button {
	background-color: #E9EBF3;
	border: 1px solid #AAB3DD;
	height: 18px;
	width: 310px;
	cursor: pointer;
}

.titulo_reportes {
	background-color: #E9EBF3;
	border: 1px solid #AAB3DD;
	color: var(--color-rojo-netel);
	height: 18px;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
}

/* Calendario*/
a.dp-choose-date {
	background: url(../img/cal.gif) no-repeat;
}

/* Cerrar Sesion*/
.cerrar {
	color: #F00;
}

/* TABLAS */
table {
	border-collapse: collapse;
}

#tabla table {
	width: 100%;
	/*	border:1px solid #9EB6CE;*/
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-spacing: 0px;
	border-collapse: collapse;
}

#tabla th {
	color: #000000;
	text-align: left;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #D2DBE8;
	background-image: url(../img/bg_th2.png);
	background-repeat: repeat-x;
	/*height:12px;*/
	/*min-width:60px;*/
	border: 1px solid #9EB6CE;
	border-style: solid;
	/*border-width: 1px 1px 1px 1px;*/
	font-size: 12px;
	border-collapse: collapse;
}

#tabla td {
	border: 1px solid #D0D7E5;
	border-style: solid;
	/*border-width: 1px 1px 1px 1px;*/
	height: 12px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
}

.politicas{
	cursor: pointer;
	color: #666666;
	font-size:15px;
	font-weight: 700;
	font-family: 'Tahoma';
}

.politicas:hover{
	cursor:pointer;
	color:#E6E6E6;
	font-size:15px;
	background-color: var(--color-rojo-netel);
}

#formLogin b{
	font-family: 'Inter' !important;
	font-weight: 700 !important;
	font-size: 15px !important;
}

#formLogin input{
	font-family: 'Inter' !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	color: #000000;
}

#formLogin #olvideContrasena a{
	font-family: 'Myriad Web Pro' !important;
	font-weight: 400 !important;
	font-size: 15px !important;
	color: #444444 !important;
}

#formLogin #btnIngresar input{
	width: 88.81px;
	height: 23.38px;
	border-radius: 4px;
	border-color: var(--color-rojo-netel);
	background-color: var(--color-rojo-netel);
	font-family: 'Myriad Web Pro' !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	color: #FFFFFF;
}


#botonMenuLogin a{
	font-family: 'Myriad Web Pro' !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	color: var(--color-rojo-netel) !important;
	text-transform: lowercase !important;
}

#botonMenuLogin a::first-letter{
	text-transform: capitalize !important;
}

#content ul li,
#content ul li b,
#titulo ul li b,
#filtros fieldset ul li b,
#filtros ul li b,
#titulo ul,
#interna ul div,
#internas ul li,
#filtros ul li b,
#filtros h2,
#main div #tituloSaldoPendiente,
#main div table #tituloBoletaCorresponsalia,
#main #informeFacturas h1 {
	font-family: 'Montserrat' !important;
	font-weight: 700 !important;
	font-size: 12.8px !important;
	line-height: 100% !important;
	list-style: none !important;
}

#main div #tituloSaldoPendiente,
#main div table #tituloBoletaCorresponsalia,
#main #informeFacturas h1,
#filtros h2 {
	color: #666666 !important;
}


#content ul li#subtitulo,
#filtros ul li#subtitulo,
#filtros #formularioSenacsa h3 {
	font-family: 'Montserrat' !important;
	font-weight: 500 !important;
	font-size: 13px !important;
	color: #666666 !important;
}

#content form table .label label, 
#content form table .field input,
#content input,
#content label,
#content form table .field select,
#content table .field select,
#filtros label,
#filtros input,
#filtros table select,
#filtros table td,
td.label,
#fjornada, #cboLocalidades,
#filtros select,
#interna select,
#interna table td,
#internas table input:not(.button),
#internas table td:not(.titulo_reportes),
#internas select,
#filtros table td,
#main div:not(#internas) table tr td,
#main div:not(#internas) table tr input,
#main div:not(#internas) table tr select,
#main #informeFacturas table tr td,
#main #informeFacturas table tr select {
	font-family: 'Inter' !important;
	font-weight: 400;
	font-size: 10px;
}

#internas table input,
table#filtro #tituloAtencion,
table#filtro #mensajeAtencion {
	font-family: 'Inter' !important;
	font-weight: 400;
}

table#filtro #tituloAtencion {
	color: var(--color-rojo-netel) !important;
}

table#filtro {
	border-color: var(--color-rojo-netel) !important;
}

#interna #divTexto,
#interna #tituloAtencion {
	font-family: 'Inter' !important;
}

#divTexto .liqui {
	text-align: center;
    list-style-position: inside;
    padding-left: 0;
}

#interna #tituloAtencion {
	font-weight: 400 !important;
    color: var(--color-rojo-netel) !important;
}

#content form table .field input,
#content table .field input,
#filtros table:not(#estadosFormularioSenacsa) input:not[type='button'],
#main #informeFacturas table tr input:not(#generarInformeFacturas) {
	width: 197px !important;
}

#content form table .field select,
#content table .field select,
#filtros select,
#interna select,
#internas select,
#filtros table select,
#main div table tr select,
#main #informeFacturas table tr select {
	width: 203px !important;
}


#content form #btnProcesar,
#content #btnProcesar,
#content #btnAgregar,
#content #btnCambiarPass,
#content #generarReporteZ,
#content #btnGenerarTerminal,
#filtros #btnGenerarReporte,
#filtros #btnFiltarRecepcion,
#filtros #generarResumenMes,
#filtros #generarResumenMH,
#filtros #generarResumenPagosDDJJ,
.btnEnviar,
.btnListar,
.btnGenerarSencillo,
.btnSeguimientoPagos,
#filtros #btnGenerarReporte,
#filtros #formularioSenacsa #btnBuscar,
#internas #btnGenerar,
#interna #btnGenerar,
#main div #btnGenear,
#filtros #generarResumenPagosDDJJ,
#main div table #btnVer,
#main table #generarInformeFacturas {
	min-width: 60px;
	width: fit-content !important;
	height: 23.38px;
	border-radius: 4px;
	background-color: var(--color-rojo-netel) !important;
	border-color: var(--color-rojo-netel) !important;
	font-family: 'Myriad Web Pro' !important;
	font-weight: 400;
	font-size: 10px;
	color: white !important;
	margin-top: 16px;
}


#filtros #formularioSenacsa #btnBuscar {
	margin-right: 7px !important;
}


#interna #btnGenerar,
#internas #btnGenerar {
	margin: 0 !important;
}

#content form #btnLimpiar,
#content #btnLimpiar, 
#content form #btnOtroUsuario,
#filtros #formularioSenacsa #btnLimpiarFormSenacsa,
#content #btnCambiarEstado {
	min-width: 64px;
	width: fit-content !important;
	height: 23.38px;
	border-radius: 4px;
	background-color: white;
	border: 1px solid var(--color-rojo-netel);
	font-family: 'Myriad Web Pro' !important;
	font-weight: 400;
	font-size: 10px;
	color: var(--color-rojo-netel);
	margin-top: 16px;
}

#content #mensaje_formulario {
	font-family: 'Inter' !important;
}


/* estilos para el calendario */
.dhtmlxcalendar_month_cont,
.dhtmlxcalendar_time_cont {
	background-color: var(--color-rojo-netel) !important;
}

.dhtmlxcalendar_cell_month_date,
.dhtmlxcalendar_cell_month_date_hover {
	background-color: #ffa9a9 !important;
}

#filtros fieldset,
#filtros #formularioSenacsa {
	border: none !important;
}

#main hr {
	border: none !important;
}

#result h2{
	color: #993333;
	font-family: 'Inter' !important;
	font-weight: 400 !important;
}

#result table {
	font-family: 'Inter' !important;
}


.btnTd{
	display: flex;
	justify-content: center;
}


td.label{
	padding-right: 10px;
}

.btnEnviar:hover,
.btnListar:hover,
.btnGenerarSencillo:hover,
.btnSeguimientoPagos:hover {
	color: #FFFFFF;
	background-color: var(--color-rojo-netel);
	border: none;
}

#filtros #estadosFormularioSenacsa td,
#filtros #estadosFormularioSenacsa td input {
	background-color: white !important;
	width: fit-content !important;
}

#filtros #estadosFormularioSenacsa td input[type='radio'] {
    accent-color: var(--color-rojo-netel);
}