body{
	font-size:14px;
	font-family: 'Montserrat', sans-serif !important;
	color:var(--bs-gray-800);
}

.login{
	height:100vh;
	background-size: cover !important;
	background: linear-gradient(rgba(100,100,100,.7), rgba(50,50,50,.7)), url(../images/fondologin.png);
}

/* MENU */
.menuPrincipal ul{
	border-bottom:1px solid var(--bs-border-color);
}
.menuPrincipal .nav-item:hover{
	background-color:var(--bs-gray-100);
}
.menuPrincipal .nav-item.active{
	background-color:var(--bs-gray-200);
}
.menuPrincipal .nav-item a{
	text-align:center !important;
}
@media (min-width: 992px){
	.menuPrincipal ul{
		height:calc( 100vh - 76px );
		position:static;
		top:76px;
	}
	.menuPrincipal ul{
		border-bottom:0;
		border-right:1px solid var(--bs-border-color);
	}
	.menuPrincipal .nav-item a{
		text-align:left !important;
	}
}
.menuPrincipal .submenu{
	width:20px;
	height:12px;
	border-bottom: 1px solid var(--bs-border-color);
	border-left: 1px solid var(--bs-border-color);
}

/* TABLA */
.table td{
	vertical-align:middle;
}

/* DATATABLES */
table.dataTable :is(th,td).dt-type-numeric,
table.dataTable :is(th,td).dt-type-date {
  text-align: left;
}

table.dataTable :is(th,td).dt-type-numeric div.dt-column-header,
table.dataTable :is(th,td).dt-type-numeric div.dt-column-footer,
table.dataTable :is(th,td).dt-type-date div.dt-column-header,
table.dataTable :is(th,td).dt-type-date div.dt-column-footer {
  flex-direction: inherit;
}

/* CARGA */
.cargando-tabla{
	height:50vh;
	text-align:center;
	font-size:50px;
	background-color:rgba(0,0,0,0.03);
	position:relative;
	color:#888;
}
.cargando-tabla small{
	font-size:15px;
	font-size: 15px;
	display: block;
	line-height: 5px;
}
.cargando-tabla i{
	animation: fa-spin 2s infinite linear;
}
.cargando-tabla p{
	font-size:15px;
	font-size: 15px;
	display: block;
	line-height: 5px;
	position:absolute;
	bottom:5px;
	right:15px;
}
.cargando-popup{
	padding:40px 0 20px 0;
	text-align:center;
	font-size:50px;
	background-color:rgba(0,0,0,0.03);
	color: #888;
}
.cargando-popup small{
	font-size:15px;
	font-size: 15px;
	display: block;
	line-height: 5px;
}
.cargando-popup i{
	animation: fa-spin 2s infinite linear;
}

/* MODALES */
@media (min-width: 576px){
	.modal-dialog.w90 {
		max-width: 90%;
	}
	.modal-dialog.w80 {
		max-width: 80%;
	}
	.modal-dialog.w70 {
		max-width: 70%;
	}
	.modal-dialog.w60 {
		max-width: 60%;
	}
	.modal-dialog.w50 {
		max-width: 50%;
	}
}
.modal-separador{
	margin:0 -16px 16px -16px;
	border:0;
	border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
	opacity:1;
}