@import "custom.css";

:root {
    --primario: #042e3a;
    --primario_transparente: #e8f0f2;
    --primario_oscuro: rgb(9, 5, 44);
    --secundario: #4f7e8b;
    --iconos: #333;
    --iconos_secundario: #ffffff;
    --color_titulos: #333333;
    --color_subtitulos: #042e3a;
    --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 p, #sidebar ul li a {
    color: #FFFFFF;
}

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

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

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

.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 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);
}