body {
    font-family: sans-serif;
}

.cover {
    margin: 0px 150px;
}

.text-xxs {
    font-size: 8px;
    line-height: 12px;
}

.auth-bg-image-inner {
    height: 100%;
    border-radius: 20px;
    flex: 1;

    background-image:
        linear-gradient(
            180deg,
            rgba(0, 116, 199, 0) 0%,
            rgba(0, 116, 199, 0.5) 50%,
            rgba(0, 116, 199, 1) 100%
        ),
        url("/images/auth-bg.jpg");

    background-size: cover;
    background-position: center;
}

.btn-primary {
    background-color: #0074c7;
    border-color: #0074c7;
}

.btn-primary:hover {
    background-color: #0074c7;
    border-color: #0074c7;
}

.text-gray-1 {
    color: #504d4d;
}

.side-nav-item {
    border-radius: 12px;
    color: #616161;
    text-decoration: none;
    border: 1px solid #fff;
    background-color: #fff;
    font-size: 16px;
    padding: 7px 10px;
    margin-top: 8px;
}

.side-nav-item.active {
    background-color: #0074c7;
    color: #fff;
    border-radius: 12px;
}

.side-nav-item:hover:not(.active) {
    text-decoration: none;
    color: #0074c7;
    border: 1px solid #0074c7;
    border-radius: 12px;
}

.btn-secondary {
    border: 1px solid #919191;
    color: #000;
    background-color: #fff;
}

.nav-link {
    display: block;
    padding: 6px;
    color: #000;
    border-radius: 12px !important;
    border: 1px solid #adadad !important;
    font-size: small;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #0074c7;
    background-color: #e0f2ff;
    border-color: #0074c7;
}