/* LAYOUT PAGE */
.topnavbar {
    background-color: #001A80 !important;
    background-image: none !important;
    text-align: center;
}

    .topnavbar .navbar-logo-container {
        display: inline;
        margin: auto;
    }

        .topnavbar .navbar-logo-container .navbar-logo {
            display: inline-block;
            background-image: url(/Content/Images/themes/KNRB/logo.png);
            background-repeat: no-repeat;
            background-size: 100px 50px;
            width: 200px;
            height: 50px;
            margin-top: 3px;
        }

.sidebar > .nav > li.active, .sidebar > .nav > li.active > a, .sidebar > .nav > li.active > .nav-item, .sidebar > .nav > li.active .nav, .sidebar > .nav > li.open, .sidebar > .nav > li.open > a, .sidebar > .nav > li.open > .nav-item, .sidebar > .nav > li.open .nav {
    color: #FA5700;
}

.sidebar > .nav > li > a:focus, .sidebar > .nav > li > a:hover, .sidebar > .nav > li > .nav-item:focus, .sidebar > .nav > li > .nav-item:hover {
    color: #FA5700;
}

.sidebar > .nav > li.active > .nav-item > em, .sidebar > .nav > li.active > a > em, .sidebar > .nav > li.open > .nav-item > em, .sidebar > .nav > li.open > a > em {
    color: #FA5700;
}

.sidebar > .nav > li.active {
    border-left-color: #FA5700;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: #FA5700;
    border-color: #FA5700;
}

/* LOGIN PAGE */
body.custom-login-background {
    background: linear-gradient(74deg, transparent 49%, #001A80 38%), url(/Content/Images/themes/KNRB/background.png) left/80% no-repeat, linear-gradient(to bottom, #eeeff2, #ced2e3);
}

.login-container {
    margin-top: 5%;
}

    .login-container .card {
        padding-top: 10px;
    }

    .login-container .card-body .organisation-login {
        background: url(/Content/Images/themes/KNRB/logo-login-page.png) no-repeat top/contain;
        height: 100px;
    }

@media (min-width: 768px) {
    .login-container {
        margin-right: 20%;
    }
}

.btn-primary {
    background-color: #FF3333;
}

    .btn-primary:hover {
        background-color: #001A80;
    }

.footer-info {
    clear: both;
    margin-top: 10%;
    color: #fff;
}

    .footer-info a {
        color: #fff;
        text-decoration: underline;
    }

.error .error-title h1 > span {
    color: #EB6909 !important;
}

#return {
    background-color: #EB6909 !important;
    color: white !important;
}

.error a {
    border: 2px solid #EB6909 !important;
    color: #EB6909 !important;
}

.error img {
    filter: hue-rotate(0deg) saturate(180%) brightness(96%);
}