@import url(main.css);
@import url(modulos.css);
:root {
    --blanco: #fff;
    --negro: #000;
    --oscuro: #2B2E32;
    --blue: #095ED8;
    --azulprincipal: #095ED8;
    --azulsecundario: #0686D9;
    --azuloscuro: #062680;
    --grisprincipal: #7D8399;
    --gris2: #666;
    --gris3: #dee2e6;
    --grisclaro: #ccc;
    
   
    --rojodefault: #f80302;
    --rojo: #F9123D;
    --verde: #03CD82;
    --verde2: #33dfa2;
    --verde3: #229b49;
    --naranja: #F56D25;
    --amarillo: #F2C50A;
    --amarillo2: #ffb614;
    
    --azulcielo: #07CFF1;
    --azultabla: #2a9aca;
    --azulclarito: #D3D9EA;
}
/*
  	Flaticon icon font: Flaticon
  	Creation date: 21/12/2020 02:01
*/
@font-face {
    font-family: "flaticon";
    src: url("fontsicon/Flaticon.ttf?401e03fadf32b6324ad02784e0769e6c") format("truetype"),
url("fontsicon/Flaticon.woff?401e03fadf32b6324ad02784e0769e6c") format("woff"),
url("fontsicon/Flaticon.woff2?401e03fadf32b6324ad02784e0769e6c") format("woff2"),
url("fontsicon/Flaticon.eot?401e03fadf32b6324ad02784e0769e6c#iefix") format("embedded-opentype"),
url("fontsicon/Flaticon.svg?401e03fadf32b6324ad02784e0769e6c#flaticon") format("svg");
}

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*
@font-face {
    font-family: "Flaticon";
    src: url("fontsicon/Flaticon.eot");
    src: url("fontsicon/Flaticon.eot?#iefix") format("embedded-opentype"), url("fontsicon/Flaticon.woff2") format("woff2"), url("fontsicon/Flaticon.woff") format("woff"), url("fontsicon/Flaticon.ttf") format("truetype"), url("fontsicon/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("flaticon/Flaticon.svg#Flaticon") format("svg");
    }
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
}
*/
.tooltip-inner {
    background-color: #0686d9;
    /* Red */
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #0686d9;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #0686d9;
    /* Red */
}

.flaticon-dashboard:before {
    content: "\f101";
}
.flaticon-next:before {
    content: "\f102";
}
.flaticon-back:before {
    content: "\f103";
}
.flaticon-log-out:before {
    content: "\f104";
}
.flaticon-human-resources:before {
    content: "\f105";
}
.flaticon-inventory:before {
    content: "\f106";
}
.flaticon-configuration:before {
    content: "\f107";
}
.flaticon-user:before {
    content: "\f108";
}
.flaticon-data-management:before {
    content: "\f109";
}
.flaticon-check:before {
    content: "\f10a";
}
.flaticon-close:before {
    content: "\f10b";
}
.flaticon-draw:before {
    content: "\f10c";
}
.flaticon-view:before {
    content: "\f10d";
}
.flaticon-information:before {
    content: "\f10e";
}
.flaticon-go-back:before {
    content: "\f10f";
}
.flaticon-user-1:before {
    content: "\f110";
}
.flaticon-menu:before {
    content: "\f111";
}
.flaticon-garbage:before {
    content: "\f112";
}
.flaticon-garbage-1:before {
    content: "\f113";
}
.flaticon-padlock:before {
    content: "\f114";
}
.flaticon-user-2:before {
    content: "\f115";
}
.flaticon-excel:before {
    content: "\f116";
}
.flaticon-copy:before {
    content: "\f117";
}
.flaticon-csv-file-format-extension:before {
    content: "\f118";
}
.flaticon-pdf-file:before {
    content: "\f119";
}
.flaticon-printer:before {
    content: "\f11a";
}

/* --- Tipografias --- */

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/quicksand-v21-latin-300.eot);
    src: local(''), url(fonts/quicksand-v21-latin-300.eot?#iefix) format('embedded-opentype'), url(fonts/quicksand-v21-latin-300.woff2) format('woff2'), url(fonts/quicksand-v21-latin-300.woff) format('woff'), url(fonts/quicksand-v21-latin-300.ttf) format('truetype'), url(fonts/quicksand-v21-latin-300.svg#Quicksand) format('svg')
}

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/quicksand-v21-latin-regular.eot);
    src: local(''), url(fonts/quicksand-v21-latin-regular.eot?#iefix) format('embedded-opentype'), url(fonts/quicksand-v21-latin-regular.woff2) format('woff2'), url(fonts/quicksand-v21-latin-regular.woff) format('woff'), url(fonts/quicksand-v21-latin-regular.ttf) format('truetype'), url(fonts/quicksand-v21-latin-regular.svg#Quicksand) format('svg')
}

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/quicksand-v21-latin-500.eot);
    src: local(''), url(fonts/quicksand-v21-latin-500.eot?#iefix) format('embedded-opentype'), url(fonts/quicksand-v21-latin-500.woff2) format('woff2'), url(fonts/quicksand-v21-latin-500.woff) format('woff'), url(fonts/quicksand-v21-latin-500.ttf) format('truetype'), url(fonts/quicksand-v21-latin-500.svg#Quicksand) format('svg')
}

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/quicksand-v21-latin-600.eot);
    src: local(''), url(fonts/quicksand-v21-latin-600.eot?#iefix) format('embedded-opentype'), url(fonts/quicksand-v21-latin-600.woff2) format('woff2'), url(fonts/quicksand-v21-latin-600.woff) format('woff'), url(fonts/quicksand-v21-latin-600.ttf) format('truetype'), url(fonts/quicksand-v21-latin-600.svg#Quicksand) format('svg')
}

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/quicksand-v21-latin-700.eot);
    src: local(''), url(fonts/quicksand-v21-latin-700.eot?#iefix) format('embedded-opentype'), url(fonts/quicksand-v21-latin-700.woff2) format('woff2'), url(fonts/quicksand-v21-latin-700.woff) format('woff'), url(fonts/quicksand-v21-latin-700.ttf) format('truetype'), url(fonts/quicksand-v21-latin-700.svg#Quicksand) format('svg')
}

html, body {
    padding: 0;
    margin: 0;
    font-family: 'Quicksand', Arial, sans-serif, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--negro);
    background-color: var(--blanco);
}
*:focus {
    outline: none!important;
    box-shadow: none!important;
}
::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

.contenido ::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #0686d9;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0686d9;
}
::-webkit-scrollbar-thumb:active {
    background: #0686d9;
}
::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: #ffffff;
}
::-webkit-scrollbar-track:active {
    background: #ffffff;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
/* --- Bootstrap --- */
.alert {
    font-weight: 500;
    text-align: center;
    padding: 1rem;
    border-radius: 5px;
    border: 0;
}
.alert[role="alert"]:empty {
    display: none;
}
.fc .alert:empty {
}
.alert-primary {
    color: var(--azulsecundario);
    background-color: rgba(0, 103, 214, 0.12);
}
.alert-secondary {
    color: var(--oscuro);
    background-color: rgba(43, 46, 50, 0.12);
}
.alert-success {
    color: var(--verde);
    background-color: rgba(3, 205, 130, 0.12);
}
.alert-danger {
    color: var(--rojo);
    background-color: rgba(249, 18, 61, 0.12);
}
.alert-warning {
    color: var(--naranja);
    background-color: rgba(245, 109, 37, 0.12);
}
.alert-info {
    color: var(--azulcielo);
    background-color: rgba(7, 207, 241, 0.12);
}
.alert-primary.con-borde {
    border: 1px solid var(--azulsecundario);
    background-color: transparent;
}
.alert-secondary.con-borde {
    border: 1px solid var(--oscuro);
    background-color: transparent;
}
.alert-success.con-borde {
    border: 1px solid var(--verde);
    background-color: transparent;
}
.alert-danger.con-borde {
    border: 1px solid var(--rojo);
    background-color: transparent;
}
.alert-warning.con-borde {
    border: 1px solid var(--naranja);
    background-color: transparent;
}
.alert-info.con-borde {
    border: 1px solid var(--azulcielo);
    background-color: transparent;
}
/* ### - [Estilos] Elemento: Alertas - ### */
.badge {
    font-size: .8rem;
    padding: .45rem .5rem;
}
.badge-danger {
    color: var(--blanco);
    background-color: var(--rojo);
}
.badge-primary {
    color: var(--blanco);
    background-color: var(--azulsecundario);
}
.badge-light {
    color: var(--oscuro);
    background-color: var(--blanco);
}
.badge-dark {
    color: var(--blanco);
    background-color: var(--negro);
}
.badge-secondary {
    color: var(--blanco);
    background-color: var(--oscuro);
}
.badge-success {
    color: var(--blanco);
    background-color: var(--verde);
}
.badge-danger {
    color: var(--blanco);
    background-color: var(--rojo);
}
.badge-warning {
    color: var(--blanco);
    background-color: var(--naranja);
}
.badge-info {
    color: var(--blanco);
    background-color: var(--azulcielo);
}
.badge-primary.con-borde {
    color: var(--azulsecundario);
    border: 1px solid var(--azulsecundario);
    background-color: transparent;
}
.badge-light.con-borde {
    color: var(--oscuro);
    border: 1px solid var(--oscuro);
    background-color: transparent;
}
.badge-dark.con-borde {
    color: var(--negro);
    border: 1px solid var(--negro);
    background-color: transparent;
}
.badge-secondary.con-borde {
    color: var(--oscuro);
    border: 1px solid var(--oscuro);
    background-color: transparent;
}
.badge-success.con-borde {
    color: var(--verde);
    border: 1px solid var(--verde);
    background-color: transparent;
}
.badge-danger.con-borde {
    color: var(--rojo);
    border: 1px solid var(--rojo);
    background-color: transparent;
}
.badge-warning.con-borde {
    color: var(--naranja);
    border: 1px solid var(--naranja);
    background-color: transparent;
}
.badge-info.con-borde {
    color: var(--azulcielo);
    border: 1px solid var(--azulcielo);
    background-color: transparent;
}
/* ### - [Estilos] Elemento: Graficos colores - ### */
#grafico-1 {
    background-color: rgba(6, 134, 217, 0.25);
    border-color: rgb(6, 134, 217);
}
#grafico-2 {
    background-color: rgba(86, 203, 237, 0.25);
    border-color: rgb(86, 203, 237);
}
#grafico-3 {
    background-color: rgba(2, 33, 54, 0.25);
    border-color: rgb(2, 33, 54);
}
#grafico-4 {
    background-color: rgba(38, 167, 121, 0.25);
    border-color: rgb(38, 167, 121);
}
#grafico-5 {
    background-color: rgba(13, 105, 90, 0.25);
    border-color: rgb(13, 105, 90);
}
#grafico-6 {
    background-color: rgba(155, 207, 240, 0.25);
    border-color: rgb(155, 207, 240);
}
#grafico-7 {
    background-color: rgba(92, 96, 230, 0.25);
    border-color: rgb(92, 96, 230);
}
#grafico-8 {
    background-color: rgba(254, 221, 100, 0.25);
    border-color: rgb(254, 221, 100);
}
#grafico-9 {
    background-color: rgba(254, 157, 25, 0.25);
    border-color: rgb(254, 157, 25);
}
#grafico-10 {
    background-color: rgba(3, 67, 109, 0.25);
    border-color: rgb(3, 67, 109);
}