@import url("https://fonts.googleapis.com/css?family=Roboto:300,400");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,400");

main .container { padding-top: 2rem; }
footer { height: auto; }
footer>.container { padding-bottom: 3rem; }
footer>.container>.row { display: block; }

:root {
    --bs-body-font-family: "Roboto Slab",serif
}

.sidebar, .sidebar-content {
    background: #006FB3;
}

.sidebar-link, a.sidebar-link {
    background: rgba(255,255,255,.05);
    color: rgba(255,255,255,.8);
}

.sidebar-item.active .sidebar-link:hover, .sidebar-item.active>.sidebar-link {
    background: rgba(0,0,0,.05);
    border-left-color: #FE6565;
}


.navbar-bg {
    position: relative;
    background: #cce0ef;
}
.navbar-bg::after {
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    right: 0;
    content: ' ';
    background: linear-gradient(to right,#0f69b4 0,#0f69b4 50%,#e22c2c 50%,#e22c2c 100%);
}

h3::after {
    content: ' #';
    color: #006FB3;
}

footer { position: relative; }
footer::after {
    position: absolute;
    width: 100px;
    height: 4px;
    bottom: 0;
    left: 1rem;
    content: ' ';
    background: linear-gradient(to right,#0f69b4 0,#0f69b4 50%,#e22c2c 50%,#e22c2c 100%);
}

footer.footer { background: #0A132D; }
.text-muted { color: #fff !important; }

input:required:invalid,
select:required:invalid,
textarea:required:invalid
{
    border-color: var(--bs-danger);
}

input:required:valid,
select:required:valid,
textarea:required:valid
{
    border-color: var(--bs-success);
}

