:root {
	--bs-primary: #4f53c5;
	--bs-secondary: #ff803e;
	--bs-light: #f5f5fc;
	--bs-lightgray: #f6f6f6;
	--bs--success: #26c88a;
	--bs--danger: #db3e45;
	--bs--info: #589deb;
	--bs--warning: #e39141;
}
body*{
	font-family: 'Roboto', sans-serif;
}
/*---------------------Bacgrounds--------------------*/
.bg-primary{
	background-color: var(--bs-primary)!important;
}
.bg-secondary{
	background-color: var(--bs-secondary)!important;
}
.bg-terciary{
	background-color: var(--bs-terciary);
}
.bg-light{
	background-color: var(--bs-light)!important;
}
/*----------------------Buttons----------------------*/
.btn-primary{
	font-size: .9em;
	background-color: var(--bs-primary)!important;
	border: none;
}
.btn-secondary{
	font-size: 1em;
	background-color: var(--bs-secondary)!important;
	border: none;
}
.btn-terciary{
	font-size: 1em;
	background-color: var(--bs-terciary)!important;
	border: none;
}

.btn-primary:hover, .btn-secondary:hover, .btn-terciary:hover{
	border: none;
	box-shadow: 3px 3px 5px gray;
}
/*--------------------Login--------------------------*/
.img-login{
height:100vh;
min-height:500px;
background: url('../img/imgs/login.jpg');
background-size:cover; 
background-position:center;
background-repeat:no-repeat;
}
.img-login-bg{
/*width:100%!important;*/
height:100%!important;
background-color:#ffffff80!important;
}

form.form-login{
	background-color:#ffffffa6!important;
	padding: 1.5em;
	border-radius: 2%;
}
.logo-login img{
	max-width: 100%;
	padding: 2em;
}
.link-recuperar a{
	color:var(--bs-dark);
	font-size: .8em;
	text-decoration: none;
}
.link-recuperar a:hover{
	color: #000;
	font-size: .85em;
	text-decoration: none;
}
footer.f-login{
	position: fixed;
	z-index: 2;
	left: 0;
	bottom: 0;
	padding-top: .3em;
	padding-bottom: .5em;
	width: 100%;
	text-align: center;
}
footer.f-login a{
	color: var(--bs-dark);
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
}
footer.f-login a:hover{
	color: #fff;
}
/*-----------------------General-------------------------*/
.img-background{
	height:100%;
	min-height:500px;
	background: url('../img/imgs/background.png');
	background-size:cover; 
	background-position:center;
	background-repeat:no-repeat;
}
.img-background-bg{
height:100%!important;
background-color:#ffffff80!important;
}
/*-------------------------*/
.container{
	margin-bottom: 5em;
}
/*-------------------------*/
nav.navbar-jb{
 background-color: #4f53c5;
}
.navbar .nav-link, .navbar-icon{
	color: #fff;
	font-size: 1em;
	font-weight: 400;
}
.nav-link:hover, .navbar-icon:hover{
	background-color: #fff;
	color:var(--bs-primary);
	border-radius: 3px;
}
.nav-link:active{
	color: #fff;
	font-size: 1em;
}
.dropdown-toggle:focus{
	background-color: #fff;
	color:var(--bs-primary);
	border-radius: 3px;
}
.dropdown-menu .dropdown-item{
	color: var(--bs-primary);
	text-transform: none;
}
.dropdown-item:hover{
	background-color: var(--bs-primary);
	color: #fff;
}
/*-------------------------*/
.subtitulo{
	font-size: 1.3em;
	color: black;
    background: linear-gradient(to right, #b5c6ef, var(--bs-light)) !important;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
	text-transform: uppercase;
	font-weight: bold;
	/* background-color: var(--bs-light); */
	padding: .2em;
	margin-bottom: 1em;
	text-align: center;
}
.titulo_btn{
	font-size: 1.5em;
	color: var(--bs-primary);
	background-color: var(--bs-light);
	text-align: center;
	padding: .2em;
	margin-bottom: 1em;
}
.subtitulo_home{
	font-size: 1.5em;
	color: black;
	/* background-color: var(--bs-light); */
    background: linear-gradient(to right, #b5c6ef, var(--bs-light)) !important;
	text-transform: uppercase;
	/* font-weight: 900; */
	text-align: left;
	padding: .3em;
	margin-bottom: 1em;
}
.titulo_nav{
	font-size: 0.9em;
	color: var(--bs-primary);

	background-color: var(--bs-light);
	text-align: center;
	padding: 0.1em;
	margin-bottom: .5em;
}
.modal-title{
	color: var(--bs-primary);
}
/*-------------------------*/
label{
	font-size: .9em;
	font-weight: 400;
	color: gray;
}
/*-------------------------*/
.row > div.form-group{
	margin-top: .8em;
}
/*-------------------------*/
table.table-jb{
	width: 100%;
}
table.table-jb thead th, table.table-jb thead tr th{
	/* background-color: var(--bs-light); */
    background: linear-gradient(to bottom, #b5c6ef, var(--bs-light)) !important;
	font-weight: bold;
	color:black;
	/* color: var(--bs-primary); */
	/* font-weight: 400; */
	padding-top: .3em;
	padding-bottom: .3em;
	text-align: center;
	border: 3px solid #fff;
}
table.table-jb tbody tr td{
	color: gray;
	font-size: .9em;
	padding:  .4em 1em .4em .8em;
	vertical-align: middle;
	border-bottom: .5px solid var(--bs-lightgray);
    white-space: nowrap;

}
table.table-jb tbody tr:hover{
	background-color: var(--bs-lightgray);
}


table.table-jb-2 thead th{
	background-color: var(--bs-lightgray);
	color: var(--bs-primary);
}

table.table-reportes{
	width: 100%;
}
table.table-reportes thead th{
	background-color: #f5f5fc;
	color: #000;
	font-weight: 400;
	padding-top: .3em;
	padding-bottom: .3em;
	text-align: center;
	border: 3px solid #fff;
}
table.table-reportes tbody tr td{
	color: gray;
	font-size: .9em;
	padding:  .4em 1em .4em .8em;
	vertical-align: middle;
	border-bottom: .2px solid #000;
}
/*-------------------------*/
footer.f-general{
	background-color: var(--bs-primary);
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
    padding-top: 0.5em;
    padding-bottom: 0.75em;
    width: 100%;
    text-align: center;
    margin-top: 1em;
}
footer.f-general a{
	color: var(--bs-light);
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
}
footer.f-general a:hover{
	color: #000;
}
/*-------------------------*/
.importe {
	text-align:right;
}
/*-------------------------*/
a > i.fas.fa-plus-square{
	color: var(--bs-primary);
	font-size:1.7em;
}
a > i.fas.fa-plus-square:hover{
	color: var(--bs-secondary);
}
a > i.fas.icono-tabla{
	color: var(--bs-primary);
	font-size:1.1em;
}
a > i.fas.icono-tabla:hover{
	color: var(--bs-secondary);
}
/*-------------------------*/
div > .paginationjs.paginationjs-small{
	display: flex;
}
/*-------------------------*/
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}



/* CSS DE LAS CARD DE MUESTRA */


.cardDos {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
.l-bg-cherry {
    background: linear-gradient(to right, #493240, #f09) !important;
    color: #fff;
}

.l-bg-blue-dark {
    background: linear-gradient(to right, #373b44, #4286f4) !important;
    color: #fff;
}

.l-bg-green-dark {
    background: linear-gradient(to right, #0a504a, #38ef7d) !important;
    color: #fff;
}

.l-bg-orange-dark {
    background: linear-gradient(to right, #a86008, #ffba56) !important;
    color: #fff;
}

.cardDos .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far, .card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal {
    font-size: 110px;
}

.cardDos .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: 5px;
    top: 20px;
    opacity: 0.2;
}