body {
    font-family: "Chivo",sans-serif;
}

.form-custom {
    border-radius: 8px;
    background: #263160;
    padding: 50px;
    color: #fff;
}

#sidebarMenu, .nav-link, span,
#sidebarMenu > a, #sideMenu > a:hover, #sideMenu > a:focus, #sideMenu > a:active {
    color: #FFF;
}

#sidebarMenu, #sidebarMenu > div > .sidebar-heading > .nav-link, #sidebarMenu > div > .sidebar-heading > span,
#sidebarMenu > a, #sideMenu > a:hover, #sideMenu > a:focus, #sideMenu > a:active {
    background-color: #263160 !important;
}

.bg-dark, .bg-dark > .nav-link {
    background-color: #0d1a44 !important;
}

.sidebar-heading > span {
    color: #91875a;
}

.gradient-custom {
    border: 1px solid transparent;
    background: linear-gradient(89deg,#1f32b3 17.92%,#51c1e9 138.99%);
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "Open Sans",sans-serif;
    border-radius: 25px;
    padding: 10px 30px;
    outline: 0 !important;
    transition: .4s ease
}

    .gradient-custom:hover, .gradient-custom:focus, .gradient-custom:active {
        border: 1px solid #1f32b3;
        background: linear-gradient(89deg,#1f32b3 17.92%,#51c1e9 138.99%);
        color: #fff
    }

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.span-header {
    font-size: 35px;
    line-height: 42px;
    vertical-align: bottom;
    padding-bottom: 0px;
    font-family: sans-serif;
    font-weight: 600;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}