:root {
	--main-color:#283f52;
	--secondary-color:#1cbac8;
	--tercero-color:#677683;
	--cuarto-color:#a1b9cd;
}

@font-face {
	font-family: pronet;
	src: url(../../fonts/pronet.otf);
}

html, body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
}

.content {
	flex: 1 0 auto;
}


.encabezado,
.footer {
	background-color:var(--main-color);
	color: var(--cuarto-color);
	flex-shrink: 0;
	width: 100%;
}

.encabezado {
	padding: 20px 10px 10px 10px;
}

.footer {
	padding: 20px 10px 0px 10px;
}

#navbarTogglerMenu ul {
	margin-left: auto !important;
}

.navbar-nav .nav-item .nav-link {
	color: var(--tercero-color);
	outline: none;
}

.navbar-nav .nav-item.active .nav-link {
	color: var(--cuarto-color);
}

.navbar-nav .nav-item:hover .nav-link {
	color: #ffffff;
}

.mi-ul-navbar {
	background-color:var(--main-color);
	margin-top: 3px !important;
}

.mi-contenedor {
	margin-top: 40px;
}

.titulo_pagina {
	margin-top: 25px;
	text-align: center;
	color: var(--main-color);
}

.mi-caja {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27);
	padding: 15px;
}

.mi-boton {
	background-color: var(--main-color);
	color: white !important;
	border: 0px;
	padding: 10px;
	font-weight: 500;
	text-align: center;
}

.mi-boton a {
	color: white;
}

.mi-boton: hover {
	background-color: var(--main-color) !important;
}

.iconos-portada {
	color: #3D66CC;
	font-size: 200%;
}

.fila-cabecera,
.fila-par,
.fila-impar,
.fila-totales {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.fila-cabecera {
	background-color: #C0C0C0;
}

.columna-etiqueta {
	text-align: right;
	color: #808080;
	font-weight: 500;
}

.fila-par {
	background-color: #F8F8F8;
}

.fila-impar {
	background-color: #F0F0F0;
}

.fila-totales {
	background-color: #FFFF00;
}

@media screen and (max-width: 767px) {
	.pantalla-grande {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.pantalla-pequena {
		display: none;
	}
}

.error_box {
	max-width: 650px;
	margin: 25px auto;
	padding: 50px;
	color: #fff;
	background-color: #dc3545;
}

.sucess_box {
	max-width: 650px;
	margin: 25px auto;
	padding: 50px;
	color: #fff;
	background-color: #28a745;
}