:root {
    --font-family: Montserrat, Verdana, Geneva, Tahoma, sans-serif;
    --font-size: 16px;
    /* PRIMARY */
    --color1: #1C6FA5;
    --color1i: #FFFFFF;
    --color1a: #B7DBF4;
    /* SECONDARY */
    --color2: #BC3B64;
    --color2i: #FFFFFF;
    --color2a: #E4A9BD;
    --color3: #B68957;
    --color4: #4E7CA3;
    --color99: #FFFFFF;
    --body-background: #FFFFFF;
    --body-color: #333333;
    --menu-background: #ffffff;
    --menu-color: #333333;
    --menu-borde-color: #1C6FA5;
    --dark-bg: #002880;
    --dark-fc: #FFFFFF;
    --icono-menu-hover: #1C6FA5;
    --icono-menu-label: #1C6FA5;
}


@import url('https://fonts.googleapis.com/css?family=Montserrat:500');

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: bolder;
    background-color: var(--body-background);
	color: var(--body-color);
}

body::before {
    content: "";
    background-image: url(/content/imagenes/fondo.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: blur(4px);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.tooltip {
    z-index: 9999;
}

div.tooltip-inner {
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 10px;
  margin-bottom: 6px;
  background-color: #505050;
  max-width: 600px;
  font-size: 14px;
  white-space: normal;
}

.primary-dark {
    background-color: var(--dark-bg) !important;
    color: var(--dark-fc) !important;
}

.icono-menu {
    background-color: none;
    border: solid 1px transparent;
    border-radius: 10px;
}

.icono-menu:hover {
    background-color: var(--icono-menu-hover);
}

.icono-menu-label {
    color: var(--icono-menu-label);
}

.page-header {
	color: var(--color1);
}

.btn-primary, .btn-default {
    background-color: var(--color1);
    border-color: var(--color1a);
}

.btn-primary:hover, .btn-default:hover {
    background-color: var(--color1a);
    color: var(--color1i);
    border-color: var(--color1a);
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color1a);
    color: var(--color1i);
    border-color: var(--color1a);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--color1);
    color: var(--color1i);
    border-color: var(--color1a);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}



.btn-secondary {
    background-color: var(--color2);
    border-color: var(--color2a);
}

    .btn-secondary:hover {
        background-color: var(--color2a);
        color: var(--color2i);
        border-color: var(--color2a);
    }

    .btn-secondary.focus {
        box-shadow: none;
    }

    .btn-secondary.disabled {
        background-color: var(--color2a);
        color: var(--color2i);
        border-color: var(--color2a);
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        background-color: var(--color2);
        color: var(--color2i);
        border-color: var(--color2a);
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: none;
        }


.card-primary {
    border: solid 2px var(--color1);
}    
.card-primary .card-header {
    border-bottom: solid 1px var(--color1);
}

.indicador {
    border: solid 1px #546CA9!important;
}

.indicador:hover {
    border: solid 1px #546CA9!important;
    background-color: #F5F8D8!important;
}

.indicador-1 .separador {
    background-color: var(--color1)!important;
}
.indicador-2 .separador {
    background-color: var(--color2) !important;
}
.indicador-3 .separador {
    background-color: var(--color3) !important;
}
.indicador-4 .separador {
    background-color: #00AB4E!important;
}
.indicador-5 .separador {
    background-color: #D69100!important;
}


.table-hover tbody tr:hover {
    background-color: #B8CDF7;
}


#sidebar {
    background-color: var(--menu-background);
    color: var(--menu-color);
    border-left: solid 16px var(--menu-borde-color);
}

#sidebar ul li a {
    border-bottom: solid 1px var(--color3);
}

    #sidebar ul li a:hover {
        background-color: var(--color2);
        color: var(--color2i);
    }

    #sidebar ul li.active > a,
    a[aria-expanded="true"] {
        background-color: var(--color1);
        color: var(--color1i);
    }