:root {
	--bg-color-1: #0a245e; /* color azul */
	--bg-color-2: #f1b633; /* color arena */
	--bg-color-3: rgb(255,183,27); /* color azul oscuro */
}
.info-color {
	background-color: var(--bg-color-1)!important;
}

.bg-azul{
	background: var(--bg-color-1)!important;
}
.bg-cafe{
	background: var(--bg-color-2)!important;
}


.list-group-flush > .list-group-item {
	color: var(--bg-color-1);
}
.list-group-item.active {
	background-color: var(--bg-color-1)!important;
	border-color: var(--bg-color-1)!important;
	color: white;
}

.bg-negro{
	background-color: var(--bg-color-2);
}
.sidebar-fixed .logo-wrapper img {
	max-height: 120px;
}

.pagination .page-item.active .page-link:hover {
	background-color: var(--bg-color-1);
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
	background-color: var(--bg-color-1);
}

.preloader-wrapper .spinner-red, .preloader-wrapper .spinner-red-only {
	border-color: var(--bg-color-1);
}

.pagination .page-item.active .page-link {
    background-color: var(--bg-color-1);
 }

.btn-outline-secondary {
	color: var(--bg-color-2) !important;
	background-color: transparent !important;
	border: 2px solid var(--bg-color-2) !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active {
	color: #1a1413 !important;
	background-color: transparent !important;
	border-color: #1a1413 !important;
}

.remove_image{
	position: absolute;
	top: -8px;
	right: 0px;
	padding: 0px;
	margin-right: 10px;
	height: 20px;
	width: 20px;
}

#cargador{
	position: fixed;
	background: white;
	height: 100vh!important;
	width: 100%!important;
	z-index: 200;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 9999;
}
@font-face {
	font-family: 'Roboto-Light';
	font-style: normal;
	font-weight: normal;
	src: local('assets/fonts/roboto/Roboto-Light'), url('Roboto-Light.woff') format('woff');
}

@font-face {
	font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: normal;
	src: local('assets/fonts/roboto/Roboto-Regular'), url('Roboto-Regular.woff') format('woff');
}

body{
	font-family: 'Roboto-Light';
}

h1, h1, h3, h4{
	font-family: 'Roboto-Regular';
}

.card-header {
	font-family: 'Roboto-Regular';
}

.map-container{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.map-container iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

.sidebar-fixed{
	transition: all .7s;
	z-index: 1040
}

table.table th, table.table td {
	vertical-align: middle!important;
}

@media (max-width:1199.98px) {
	.sidebar-fixed {
		transition: all .7s;
		margin-left: -270px;
		display: block;
	}
}