@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

:root {
	--backbody: #E5E5E5;
	--azulp: #3b69fa;
	--primary: #3b69fa;
	--blanco: #fff;
	--transparente: transparent;
	--griso: #eeeeee;
	--gris: #393e46;
	--azulf: #153cbb;
	--azuld: #2d56df;
	--azula: #17a2b8;
	--cuatro: #3b69fa;
	--negro: #000;
}
*::selection{
	background: var(--gris);
}
*{
	font-family: "Poppins", sans-serif;
}
/*================ Inicio css template =================*/
body{
	background: var(--backbody);
}
.app-sidebar__user-avatar {
	width: 50px;
	height: 50px;
	object-fit: cover;
}
.app-header__logo{
	font-family: "Poppins", sans-serif;
}
.app-header{
	background:  var(--negro);
}
.app-header img{
	width: 30px;
}
@media (max-width: 310px){
	.app-header img{
		display: none;
	}
}
@media (min-width: 768px){
	.app-header__logo {
		background-color: var(--negro);
	}
}
.app-sidebar{
	background-color:  var(--negro);
}
.disabled{
	pointer-events:none;
}
.app-header__logo{
	color: var(--azulp);
	font-weight: 700;
	letter-spacing: 1px;
}
.app-sidebar__toggle:focus{
	color: var(--griso);
	background: var(--transparente);
}
.app-sidebar__toggle:hover{
	color: var(--griso);
	background: var(--transparente);
}
.app-sidebar__user-name{
	color: var(--blanco);
}
.app-sidebar__user-designation{
	color: var(--azulp);
}
.app-menu__item {
	font-size: 13px;
}
.app-menu__item.active, .app-menu__item:hover, .app-menu__item:focus {
	background: var(--gris);
	border-left-color: var(--azulp);
	text-decoration: none;
	color: #fff;
}
a{
	color: var(--gris);
}
.treeview.is-expanded [data-toggle='treeview']{
	border-left-color: var(--azulp);
}
/*================ Final css template =================*/

/*================ Seccion de reportes fomulario ====================*/
.col-md-6.mb-3.section_form-reportes-deudas {
	padding: 0;
	float: left;
}
.col-md-6.mb-3.section_form-reportes {
	padding: 0;
	float: left;
}

/*================ Botones =================*/
/* Botonpdf de reportes */
button.btn.btn-danger.btnReportes {
	margin-top: 30px;
	padding: 7px;
	font-size: 12px;
	letter-spacing: 2px;
	background: #dc3545;
	color: #fff !important;
}
button.btn.btn-danger.btnReportes:hover {
	background: #dc3545 !important;
	color: #fff !important;
}
/* Boton filtrar en inicio */
button.btn.btn-secondary.btnReportes {
	margin-top: 30px;
	padding: 5px;
}
/* Boton sumar monto */
button.btn.btn-secondary.btnSumarMonto {
	margin-top: 30px;
}
/* Botones tablas */
.btn-info {
	background: transparent;
	color: #17a2b8 !important;
	padding: 10px 8px;
	font-size: 15px;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, 
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus {
	background: transparent !important;
}
.btn-danger {
	background: transparent;
	color: #dc3545 !important;
	padding: 10px 8px;
	font-size: 15px;
}
.btn-danger.disabled, .btn-danger:disabled {
	background: transparent !important;
	opacity: 0.7;
}
.btn-danger:hover {
	background: transparent;
}
.btn-view {
	background-color: transparent;
	color: var(--azulf) !important;
	padding: 10px 8px;
	font-size: 15px;
}
.btn-factura {
	color: var(--gris);
	padding: 10px 8px;
	font-size: 15px;
}

.btn-primary {
	color: var(--blanco);
	background-color: var(--azulf);
	border-color: var(--azulf);
}
.btn-primary:hover {
	color: var(--blanco);
	background-color: var(--azulp);
	border-color: var(--azulp);
}
@media (max-width: 767px) {
	.app-sidebar__toggle:hover {
		color: var(--griso);
		background: var(--transparente);
	}
}
.login-content .logo h1{
	font-family: "Poppins", sans-serif;
}
.material-half-bg .cover{
	background-color: var(--azulf);
}
.none{
	display: none;
}
.img-view{
	width: 120px;
}
.view-img{
}
.modal-image{
	margin-top: 20%;
}
.section-doble{
	display: flex;
	margin: 20px;
	margin-top: 40px;
	height: 80vh;
}
.section-doble .content-form {
	width: calc(100% - 70%);
	padding: 8px;
}

.section-doble .section-buscar {
	width: calc(100% - 30%);
	padding: 8px;
}
@media (max-width: 990px) {
	.section-doble{
		display: block;
	}
	.section-doble .content-form {
		width: calc(100% - 0%);
	}
	.section-doble .section-buscar {
		width: calc(100% - 0%);
	}
}
.modal{
	overflow: auto;
}
textarea{
	resize: none;
}
#message {
	text-align: center;
	margin: 25px;
	border-radius: 4px;
}
#message-error {
	text-align: center;
	margin: 10px;
	border-radius: 4px;
	background: #CDDEFF;
	font-size: 1rem;
}
#message-error button {
	border: none;
	background: transparent;
	cursor: pointer;
	color: #000;
	float: right;
	position: relative;
	bottom: 15px;
}
#message button {
	border: none;
	background: transparent;
	cursor: pointer;
	margin: 5px; 
	color: #fff;
}
.page-error{
	min-height: 100vh;
	height: 100vh;
}
.page-error h1{
	color: var(--gris);
}
.info-p{
	color: #dc3545;
}

.purple{
	background: var(--purple);
}
.blue{
	background:  var(--blue);
}
.login-box {
	height: 450px;
}
.user .profile .info img {
	border-radius: 50%;
	max-width: 110px;
	height: 110px;
	margin-bottom: 20px;
	margin-top: 10px;
	object-fit: cover;
}
.avents-none {
	pointer-events: none;
	background: #ededed;
}

/* Forms Modal */
.headerRegister, .headerView, #btnAgregarPersona{
	background: var(--azuld);
	color: var(--blanco);
}
.headerEdit, 
#btnEditarPersona, 
#btnEditarTaxi, 
#btnEditarIngreso, 
#btnEditarEgreso, 
#btnEditarTipo, 
#btnEditarDeuda, 
#btnEditarRol, 
#btnEditarBonificacion, 
#btnEditarHotel, 
#btnAutorizarBonificacion
{
	background: var(--azula) !important;
	color: var(--blanco) !important;
	border-color: var(--azula) !important;

}
.close{
	color: var(--blanco);
}

/* Input buscar datos 
input.input-search {
	width: 400px;
	float: right;
	/*border-radius: 930px;*/
	/*margin-bottom: 20px;
}*/
div.dataTables_wrapper div.dataTables_filter input {
	width: 400px;
}

/* Tablas */
table {
	color: var(--negro) !important;
}
table td {
	padding: 0.95rem !important;
}
table tr {
	cursor: pointer;
}
table tr:hover {
	background: transparent !important;
}
table.dataTable thead th {
	border-bottom: none;
}
thead {
	background: #fff;
	font-size: 14px;
	font-weight: 600;
}
tbody {
	font-size: 13px;
}
/* Editar estado bonificación */
a.badge {
    color: #fff !important;
}
/* Hover numero vehiculo */
.view-placa {
	text-decoration: underline !important;
	color: var(--azulf) !important;
	font-weight: bold;
}
/* Datatables */
input.input-search
{
	display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	background: var(--azuld);
	color: var(--blanco) !important;
}
.dataTables_wrapper:hover .dataTables_paginate:hover .paginate_button:hover {
	background: var(--azulf);
	color: var(--blanco) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--blanco);
}
.dataTables_wrapper:hover .dataTables_paginate:hover .paginate_button.current:hover {
	background: var(--blanco);
	color: var(--negro) !important;
}

@media (max-width: 644px) {
	div.dataTables_wrapper div.dataTables_filter input {
		width: auto; 
	}
	button.btn.btn-danger.btnReportes {
		margin-top: 0;
	}
	button.btn.btn-secondary.btnReportes {
		margin-top: 0;
	}
}