@import "custom.css";

:root {
    --primario: #113767;
    --primario_transparente: #f0eefd;
    --primario_oscuro: #0d2d57;
    --secundario: #dedaff;
    --iconos: #c88231;
    --iconos_secundario: #ffffff;
    --color_titulos: #333333;
    --color_subtitulos: #c88231;
    --titulo: 'ubuntu', sans-serif;
    --texto: 'open sans', sans-serif;
    --extra_text: 'open sans', sans-serif;
}

a {
    color: var(--primario);
}

a:hover {
    color: var(--primario_oscuro);
}

.sidebar-header a:hover {
    color: #FFFFFF;
}

.text-info {
    color: var(--primario) !important;
}

.imagen-fondo {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
    
    display: flex;
    justify-content: center;
    
    padding-top: 25vh;
}

.navbar-custom {
    background-color: var(--primario);
}
#sidebar .rounded.mb-2 {
    max-width: 85%;
    padding: 20px 0;
}
#sidebar {
    background-color: var(--primario);
}
.sidebar-header form * {
    border: none;
}
.sidebar-header .form-control {
    background-color: #FFFFFF60;
    color: #FFFFFF;
}
.sidebar-header .form-control::placeholder {
    color: #FFFFFF60;
}
#sidebar ul li.active {
    background-color: #FFFFFF20;
    border-color: var(--secundario);
}
#sidebar ul ul {
    border-color: #00000020;
}
#sidebar ul li:not(.active) a:hover {
    background-color: #FFFFFF20;
}
#sidebar ul li.active a:hover {
    background-color: #FFFFFF20;
}
.sidebar-header .btn {
    background-color: #00000060;
    color: #FFFFFF;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--primario);
}

.btn-primary {
    background-color: var(--primario);
    border-color: var(--primario);
}
.btn-primary:hover {
    background-color: var(--primario_oscuro);
    border-color: var(--primario_oscuro);
}