@charset "UTF-8";
/* CSS Document */

/* Generales */
body {font-size: 13px; color: #333; line-height: 150%; font-family: 'Inter', sans-serif; font-weight: 400;}
a {color:#3674e8; transition: 0.5s;}
div.container {max-width: 95%;}

h1,h2,h3,h4,h5,h6 {
font-family: "halyard-display", sans-serif;
font-weight: 500;
font-style: normal;}

/* Header */
header {width: 100%; padding: 15px 0;}
header h1 {margin: 0; width: 100%; height: 60px;}
header h1 a {width: 100%; height: 100%; display: block; text-indent:-9000px; background-attachment: scroll; background-position: left top; background-repeat: no-repeat; background-size: contain; background-image: url(../img/copec.png); }

/* Menu Global Desktop */
header a.nav-link {color: #000; font-size: 16px; font-weight: 400; font-family: "halyard-display", sans-serif;}
header a.nav-link.active {border-bottom: 2px solid #000;}

/*Nav Local*/
nav.navbar {padding: 1rem}
nav.navbar a.nav-link {border-radius: 1rem; font-weight: 400; font-family: "halyard-display", sans-serif;}
nav.navbar a.nav-link {padding: 0.25rem 1rem;}
nav.navbar a.nav-link.active {background-color: #3674e8;}
nav.navbar a.nav-link:hover {background-color: #EBEBEB;}
nav.navbar a.nav-link.active:hover {background-color: #3674e8;}

/*Nav Local - Map Type*/
nav.navbar.map-type div.container {display: block;}
nav.navbar.map-type {padding: 1rem; border-bottom: 1px solid rgba(0,0,0,.125)}
nav.navbar.map-type a.nav-link {border-radius: 1rem; color:#666; font-weight: 400; font-family: "halyard-display", sans-serif;}
nav.navbar.map-type a.nav-link {padding: 0.25rem 1rem;}
nav.navbar.map-type a.nav-link.active {background-color: #EBEBEB;}
nav.navbar.map-type a.nav-link:hover {background-color: #EBEBEB;}
nav.navbar.map-type a.nav-link.active:hover {background-color: #EBEBEB;}

/*Login*/
a.btn-success {background-color: #3674e8; border:none;}
a.btn-success:hover {background-color: #3674e8; border:none;}
div.login-card {box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); background-color: #FFF; margin-top: 20vh;}
div.login-card .card-header {padding: 0; text-align: center; background: linear-gradient(188deg, rgba(14,28,43,1) 0%, rgba(26,48,73,1) 100%);}


/*Btn*/
.btn {font-weight: 400; font-family: "halyard-display", sans-serif;}
div.dropdown-menu {font-weight: 400; font-family: "halyard-display", sans-serif;}
.btn.dropdown-toggle {background-color: #FFF; border:1px solid rgba(0,0,0,.125)}
.btn-primary {background-color: #3674e8; border-color:#3674e8 }

/*Form into Dropdown*/
div.dropdown-menu .form-group {width: 70%; display: block; margin-left: 30px; margin-top: 10px;
    border-bottom: 1px solid #999;}
div.dropdown-menu .form-group.no-border {border-bottom: none}

/*Select*/
select {padding: 10px;}

/*Card Container*/
.card_container {height: 800px; overflow: scroll;}

/*Card*/
.card {margin-bottom: 30px;}
.card .card-header {background-color: #FFF; font-size: 0.9rem; font-weight: 600;}
p.card-text-min {margin-bottom: 0.5rem; font-weight: 300;}
p.card-text-min span {font-weight: 600;}

/*Indicadores*/
p.label-cifra { margin-bottom: 5px;}
h4.value-cifra {font-size: 28px; padding-bottom: 15px; border-bottom: 1px solid #999; margin-bottom: 30px;}


h3.h3-title-indicador {margin: 60px 0 30px;}

/*Section Content*/
section.content {min-height: 80vh;}

/* Sidebar */
sidebar {}

/* Footer */
footer {background: linear-gradient(188deg, rgba(14,28,43,1) 0%, rgba(26,48,73,1) 100%); color:#FFF; min-height: 90px; padding: 20px 0; width: 100%; text-align: center;}

/* Gráficos */
.var_chart{
    width: 100%; height: auto;/**/
}