@CHARSET "UTF-8";

/* constante */ 
:root{
  --colorFondo: #0E359E;
  
  --colorPrincipal: #0E359E;
  --colorPrincipalClaro: #2f4fa3;
  --colorPrincipalOscuro: #012689;
  --colorPrimarioOpacidad: #0e359ed6;
  
  --colorSecundario: #FFDDE2;
  --colorSecundarioClaro: #ffecef;
  --colorSecundarioOscuro: #ffcfd6;
  
  --colorDetalles: #00ffff;
  
  --colorCabeceraTablas: var(--colorPrincipal);
  --colorForm: var(--colorSecundario);
		
  --colorTextoAbm: var(--colorPrincipal);
  
  
  --colorTitulo: ;
  --colorTituloSecundario: var(--colorDetalles);
}

@font-face {
font-family: 'Alliance1';
font-style: normal;
font-weight: normal;
src: local('Alliance No.1 Light'), url('../fonts/Alliance No.1 Light.woff') format('woff');
}


@font-face {
font-family: 'Alliance2';
font-style: normal;
font-weight: normal;
src: local('Alliance No.2 Light'), url('../fonts/Alliance No.2 Light.woff') format('woff');
}
/*---------------------------------------------------------GENERAL---------------------------------------------------------*/
.table, .filtro{
	font-size: 12px !important;
}

.filtro > form >input{
	height: 25px;
	font-size: 12px;
}

.btn-button, .btn-button:focus, .btnedit, .btnedit:focus{
	background-color: var(--colorSecundario);
	border-color: var(--colorPrincipal);
	color: var(--colorPrincipal);
}

.btn-button:hover, .btnedit:hover{
	background-color: var(--colorPrincipal);
	color: var(--colorSecundario);
}

.principalTransparente{
	background-color: var(--colorPrimarioOpacidad);
}

th{
	color: var(--colorSecundario);		
}

.table > tbody > tr > td, .table > thead > tr > th{
	vertical-align: middle;
	border-bottom-color: var(--colorPrincipal);
}

.table-bordered{
	border: 2px solid var(--colorPrincipal);	
}

.masBtn, .fa-times{
	color: var(--colorPrincipal);
}

.masBtn:hover{
	color: var(--colorSecundario);
	border-color: var(--colorSecundario);
}

.form-control{
	border: 1px solid var(--colorPrincipal);
	background-color: var(--colorSecundario);
	color: var(--colorPrincipal);
}

.form-control[disabled], .form-control[readonly]{
	border: 1px solid var(--colorPrincipal);
	color: var(--colorPrincipal);
	background-color: #cfbfbf;
}

.colorFondo{
	background-color: var(--colorFondo);
}

.colorPrincipal{
	background-color: var(--colorPrincipal);
}

.colorPrincipalClaro{
	background-color: var(--colorPrincipalClaro);
}

.colorPrincipalOscuro{
	background-color: var(--colorPrincipalOscuro);
}

.colorCabeceraTablas{
	background-color: var(--colorCabeceraTablas);
}

.colorTitulo{
	color: var(--colorTitulo);
}

.colorTituloSecuandrio
{
	color: var(--colorTituloSecundario);
}

.consultaABM{
	background-color: var(--colorSecundario);
	color: var(--colorPrincipal);
	border-radius: 20px;
	padding-left: 25px;
	padding-right: 25px;
}

.btn-primary {
	background-color: var(--colorPrincipal);
	border-color: var(--colorPrincipal);
}
.btn-primary:hover:active, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:focus:active{
	background-color: var(--colorPrincipalOscuro);
	border-color: var(--colorPrincipal);
}

.mapBus{
	height: 510px;
	width: 100%;
	border: 0px
}

#nombreUsuario{
	color: var(--colorDetalles);
}

#nombreUsuario:hover, .despleUsu:hover #nombreUsuario{
	color: var(--colorPrincipal);
}

.margBntGenElimina{
	margin-left: 5px;
}
.margBntGenConfirma{
	margin-right: 5px;
}

.modal-content{
	background-color: var(--colorForm);
	color: var(--colorPrincipal)
}

input {
  border: 1px solid var(--colorPrincipal);
  background-color: var(--colorSecundario);
}

.colMontoChico{
	text-align: right;
	width: 100px;
}
.colMontoGrande{
	text-align: right;
	width: 200px;
}
#map{
	-webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
}
/*------------------------------------------------------FIN-GENERAL-------------------------------------------------------*/
/*---------------------------------------------------------FILTRO---------------------------------------------------------*/

.filtro{
	border: 3px solid var(--colorCabeceraTablas);
	border-radius: 12px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.btnfiltro{
	background-color: var(--colorCabeceraTablas);
	color: var(--colorSecundario);
	width: 49%;
	margin-top: 4%;
	font-weight: bold;	
}

.btnfiltro:hover{
	color: var(--colorSecundario);
	background-color: var(--colorPrincipalOscuro);
}

.expandfiltro, .expandfiltro:focus{
	float: right;
	background-color:var(--colorPrincipal);
	color: var(--colorSecundario);
}

.expandfiltro:hover{
	background-color:var(--colorSecundario);
	color: var(--colorPrincipal);
	border-color: var(--colorPrincipal);
}

.botonExpandir{
	padding-top: 40px;
	padding-right: 0px;
}

/*------------------------------------------------------FIN-FILTRO-------------------------------------------------------*/
/*---------------------------------------------------------LOGUIN---------------------------------------------------------*/
.divUsrCon{
	background-color: var(--colorPrincipal);
	padding: 20px 40px;
}

/*-------------------------------------------------------FIN-LOGUIN-------------------------------------------------------*/
/*---------------------------------------------------------TABLAS---------------------------------------------------------*/
table tbody tr td form{
	display: inline;
	margin-right: 5px
}
table thead tr th form{
	display: inline;
	margin-right: 5px
}
table tbody tr td form:last-child{
	margin-right: 0px
}
table thead tr th form:last-child{
	margin-right: 0px
}
/*-------------------------------------------------------FIN-TABLAS-------------------------------------------------------*/
/*---------------------------------------------------------TOPBAR---------------------------------------------------------*/
.padtop{
	display: inline-block;
	padding-top: 5px;
}
/*General Menu Styling----*/
.mainnav{margin: 0 auto}
li{list-style: none;}
li a{text-decoration: none;}
.dropdown{position: absolute; z-index:10; width: 190px;top: 34px; opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
.mainnav li{float: left;padding: 5px;background: var(--colorPrincipal);border-left: 1px solid #fff;}
.mainnav li:first-child{border: none;}
.mainnav li a{ display: block;padding: 2px 20px;color: #fff;}
.mainnav li:hover{background: #fff;transition: ease-in .1s;-moz-transition: ease-in .1s;-webkit-transition: ease-in .1s;}
.mainnav li:hover a{color: var(--colorPrincipalOscuro);transition: ease-in .1s;-moz-transition: ease-in .1s;-webkit-transition: ease-in .1s;}
/*First Level*/
.mainnav li .subs{background-color: var(--colorPrincipalClaro);}
.subs {left: -45px;position: relative;top: 0px;width: 205px;border-left: none !important; border-bottom: 1px solid #fff !important;}
.subs:last-child{border: none !important;}
.hassubs:hover .dropdown,.hassubs .hassubs:hover .dropdown{opacity: 1;visibility: visible; transition: ease-in .1s;-moz-transition: ease-in .1s;-webkit-transition: ease-in .1s;}
.mainnav li:hover ul a,.mainnav li:hover ul li ul li a{color: #fff;}
.mainnav li ul li:hover,.mainnav li ul li ul li:hover{background: #fff;transition: ease-in-out .1s;-moz-transition: ease-in-out .1s;-webkit-transition: ease-in-out .1s;}
.mainnav li ul li:hover a,.mainnav li ul li ul li:hover a{color: var(--colorPrincipalOscuro);transition: ease-in-out .1s;-moz-transition: ease-in-out .1s;-webkit-transition: ease-in-out .1s;}
/*Second Level*/
.mainnav .hassubs .hassubs{background-color:var(--colorPrincipal);}
.mainnav .hassubs .hassubs:hover{background-color:#fff;}
.hassubs .hassubs .dropdown .subs{left: 25px;position: relative;width: 205px;top: 0px;}
.hassubs .hassubs .dropdown{position: absolute;width: 190px;left: 140px;top: 0px;opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
.despleUsu{
	width: 100%;
}
/*END Menu Styling-------------------------------------------------------*/
/*-------------------------------------------------------FIN-TOPBAR-------------------------------------------------------*/