@font-face {
	font-family:Fontspring;
	src: url("../fonts/Fontspring-DEMO-toruspro-variable.ttf");
}

@font-face {
	font-family: Bodoni;
	src: url("../fonts/BodoniFLF-Roman.ttf");
}

@font-face {
	font-family: Colvetica;
	src: url("../fonts/coolveticaRG.ttf");
}

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

@font-face {
	font-family: GeoSans;
	src: url("../fonts/GeosansLight.ttf");
}

@font-face {
	font-family: weblysleekuil;
	src: url("../fonts/weblysleekuil.ttf");
}

@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");:root{--header-height: 3rem;--nav-width: 68px;--first-color: #4723D9;--first-color-light: #AFA5D9;--white-color: #F7F6FB;--body-font: 'Nunito', sans-serif;--normal-font-size: 2rem;--z-fixed: 100}*,::before,::after{box-sizing: border-box}body{position: relative;margin: var(--header-height) 0 0 0;padding: 0 1rem;font-family: var(--body-font);font-size: var(--normal-font-size);transition: .5s}a{text-decoration: none}.header{width: 100%;height: var(--header-height);position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: space-between;padding: 0 1rem;background-color: var(--white-color);z-index: var(--z-fixed);transition: .5s}.header_toggle{color: var(--first-color);font-size: 1.5rem;cursor: pointer}.header_img{width: 35px;height: 35px;display: flex;justify-content: center;border-radius: 50%;overflow: hidden}.header_img img{width: 40px}.l-navbar{position: fixed;top: 0;left: -30%;width: var(--nav-width);height: 100vh;background-color: var(--first-color);padding: .5rem 1rem 0 0;transition: .5s;z-index: var(--z-fixed)}.nav{height: 100%;display: flex;flex-direction: column;justify-content: space-between;overflow: hidden}.nav_logo, .nav_link{display: grid;grid-template-columns: max-content max-content;align-items: center;column-gap: 1rem;padding: .5rem 0 .5rem 1.5rem}.nav_logo{margin-bottom: 2rem}.nav_logo-icon{font-size: 1.25rem;color: var(--white-color)}.nav_logo-name{color: var(--white-color);font-weight: 700}.nav_link{position: relative;color: var(--first-color-light);margin-bottom: 1.5rem;transition: .3s}.nav_link:hover{color: var(--white-color)}.nav_icon{font-size: 1.25rem}.show{left: 0}.body-pd{padding-left: calc(var(--nav-width) + 1rem)}.active{color: var(--white-color)}.active::before{content: '';position: absolute;left: 0;width: 2px;height: 32px;background-color: var(--white-color)}.height-100{height:100vh}@media screen and (min-width: 768px){body{margin: calc(var(--header-height) + 1rem) 0 0 0;padding-left: calc(var(--nav-width) + 2rem)}.header{height: calc(var(--header-height) + 1rem);padding: 0 2rem 0 calc(var(--nav-width) + 2rem)}.header_img{width: 40px;height: 40px}.header_img img{width: 45px}.l-navbar{left: 0;padding: 1rem 1rem 0 0}.show{width: calc(var(--nav-width) + 156px)}.body-pd{padding-left: calc(var(--nav-width) + 188px)}} 

body {
	/*padding-top: 50px; */
	background-color: #FFFFFF;
	height: 100%;

	font-family: Fontspring;
	font-size: 16px;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

.navbar-brand {
	padding: 8px;
	padding-top: 11px;
	margin-left: -10px;
}

.navbar-default {
    background-color: #FFF;
    border-color: #E7E7E7;
}

.nav-derecho {
	/*background-image: url("../img/back1.png");*/
	background-color: #ed2b04;
	color: #FFF;
}

.height-full {
	height: 100%;
}

.nav-derecho a h4{
}

.azul {
	background-color: blue !important;
}

.amarillo {
	background-color: yellow !important;
}

.rojo {
	background-color: red !important;
}

.naranja {
	background-color: orange !important;
}

.no-padding {
	padding: 0px;
}

.no-margen {
	margin: 0px;
}

/* ACORDIÓN */

nav .glyphicon { margin-right:10px; }
nav .panel-body { padding:0px; }
nav .panel-body table tr td { padding-left: 15px }
nav .panel-body .table {margin-bottom: 0px; }

.nuevo-panel {
	background-color: #FFF !important;
}

.nuevo-panel:hover {
	color: #ed2b04 !important;
	font-weight: bold !important;
    box-shadow: inset 0px 0px 34px rgb(210, 210, 210);
}

.nuevo-panel h4 {
	font-weight: none;
}

a {
   outline: 0 !important;
}

a:focus, a:hover {
    text-decoration: none;
}

.borde1 {
    border-radius: 20px !important;
}

.borde2 {
    border-radius: 20px;
}

.sombra{
    -moz-box-shadow: inset 0px 0px 100px rgb(189, 53, 31);
    -webkit-box-shadow: inset 0px 0px 100px rgb(189, 53, 31);
    box-shadow: inset 0px 0px 100px rgb(189, 53, 31);
}

@font-face {
	font-family: Clemente;
	src: url(../fonts/ClementePDae-Light.ttf);
}

nav .panel {
    border: none;
}

nav .panel-body a{
	color: #38393c !important;
	letter-spacing: 0.08em;
	/*font-weight: bold;*/
}

nav .panel-body .glyphicon{
	color: #38393c;
}

nav .panel-body .badge {
	color: #333;
	background-color: #FFF;
}

nav .panel-body .table > tbody > tr > td {
	border: 0px;
}

nav .panel-title {
	color: #38393c;
}

nav .panel-title:hover {
	color: #ee2a05;
}

nav .panel-body .badge {
    color: #FFF;
    background-color: #33393d;
}

nav .panel-body .table > tbody > tr > td {
    cursor: pointer;
}

#accordion tr:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,000000+60&0.65+0,0+32 */
	background: -moz-linear-gradient(top, rgba(226,226,226,0.65) 0%, rgba(105,105,105,0) 32%, rgba(0,0,0,0) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226,226,226,0.65) 0%,rgba(105,105,105,0) 32%,rgba(0,0,0,0) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226,226,226,0.65) 0%,rgba(105,105,105,0) 32%,rgba(0,0,0,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e2e2e2', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

nav .panel-heading:visited{
	font-weight: bold;
}

.limpiar-gly {
	margin-right: 0px;
}

.config-botones {
	font-weight: bold;
	font-family: weblysleekuil;
	font-size: 20px;
}

.padding-cuerpo {
	padding-top: 15px;
	padding-bottom: 15px;
}

#cuerpo .panel {
    border-radius: 9px;
}

#cuerpo .panel-heading {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-weight: bold;
    text-shadow: 0px 0px 2px #004978;
}

.cabeza-panel {
	font-size: 17px;
	background-image: url("../img/back1.png");
	background-color: #ed2b04 !important;
	color: #FFF !important;
}

.panel-danger {
    border-color: #ec2b04;
}

.config-botones {
	/*background-color: #000;*/
    /*background-color:#066f9d;
	color: #003B95;
   	border-color: #003B95;*/

    background: -moz-linear-gradient(top, rgba(226,226,226,0.65) 0%, rgba(105,105,105,0) 32%, rgba(0,0,0,0) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226,226,226,0.65) 0%,rgba(105,105,105,0) 32%,rgba(0,0,0,0) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226,226,226,0.65) 0%,rgba(105,105,105,0) 32%,rgba(0,0,0,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e2e2e2', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
	background-color: #003B95;
	color: #FFF;
	border-color: #ec2b04;

}

.config-botones:hover, .config-botones:focus, .config-botones:active, .config-botones:active:focus {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,000000+60&0.65+0,0+32 */
	background: -moz-linear-gradient(top, rgba(226,226,226,0.65) 0%, rgba(105,105,105,0) 32%, rgba(0,0,0,0) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(226,226,226,0.65) 0%,rgba(105,105,105,0) 32%,rgba(0,0,0,0) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(226,226,226,0.65) 0%,rgba(105,105,105,0) 32%,rgba(0,0,0,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e2e2e2', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
	background-color: #003B95;
	color: #FFF;
	border-color: #ec2b04;
}

.config-labels {
	margin-right: 10px;
}

.cuadro-blanco {
	background-color: #FFF;
	color: #3d3f42;
	border-radius: 20px;
	padding: 10px 15px;
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.form-logeo {
	width: 35%;
	margin: 0 auto;
}

.form-logeo h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 17px;
	color: #79797a !important;
}

a {
    color: #3d3f42;
    font-weight: bold;
}

a:hover, a:focus {
    color: #ec2b04;
}

.nav-derecho > div:nth-child(2) {
	/*padding-top: 15px;*/
	/*padding-bottom: 15px;*/
}

.gris {
	/*background-color: rgba(213, 216, 218, 0.51);*/
	background-color: rgba(255, 255, 255, 0.39);
	color: #000;
	border: solid 1px #FFF;
}

.tres-medio {
	padding-left: 0px;
	padding-right: 0px;
}

/*div.col-md-4:nth-child(1) > div:nth-child(1) .mensajes p {
	font-size: 13px;
	text-align: justify;
	font-family:  "Helvetica Neue",Helvetica,Arial,sans-serif;
}*/

.mensajes h4 {
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
}


.justificado {
	text-align: justify;
}

/*.telefono {
	font-size: 12px;
}*/

.inicio-ente {
	margin-bottom: 0;
	font-weight: bold;
}

.sin-m-down {
	margin-bottom: 0;
}

.color-rojo {
	color: #ed2c07;
}

.back-rojo {
	background-color: #ed2c07;
}

.color-blanco {
	color: #FFF;
}

.color-azul-dark {
	color: #008ac6;
}

.color-verde-dark {
	color: #316910;
}


.panel-danger > .panel-heading {
    border: none;
}

.container-mensajes-verticales {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.mensajes-verticales {
    top: 12em; /*6*/
    position: relative;
    box-sizing: border-box;
    animation: marquee 15s linear infinite;
}

.mensajes-verticales:hover {
    animation-play-state: paused;
}

/* Make it move! */
@keyframes marquee {
    0%   { top: 14em }
    100% { top: -9.5em }
}

.cuadro-centrado-padre {
    display: table;
}

.cuadro-centrado-hijo {
    display: table-cell;
    vertical-align: middle;
}

.btn {
    padding: 2px 12px;
    line-height: 1.4em;
}

.mensajeError {
	width: 260px;
	display: none;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 999999;

	padding: 10px 16px;
	color: rgb(255, 255, 255);
	/*background-color: RGBA(191, 4, 4, 0.55);*/
    background-color: RGBA(239, 45, 45, 0.6);
	font-weight: bold;
	border: 2px solid rgb(234, 123, 123);
	border-radius: 11px;

	/*top: 50%;*/

}

.iconos-login i {
	font-size: 70px !important;
}

.iconos-login p {
	font-size: 15px;
	margin-bottom: 0;
}

.iconos-login div {
	padding-top: 15px;
}

.footer p {
	color: #79797a;
}

.footer img {
	width: 220px;
}

#contenido-principal {
	position: relative;
}

.inside1 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}


.iconos-login a, .iconos-login a:active, .iconos-login a:focus {
	color: #003B95;
}

.iconos-login a:hover {
	color: #79797a;
}

.container-mensajes-verticales {
	height: 130px !important;
}