/*:root {
    --main-bg-rgb-color: rgb(145, 51, 147);
    --main-bg-color: #913393;
}*/

.body-login {
    height: 100%;
    /*background-color: rgb(145, 51, 147);*/
    background: linear-gradient(160deg, rgb(255, 255, 255), rgb(128, 46, 132)) fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.navbar-inner, .navbar .nav li.dropdown.open > .dropdown-toggle {
    background-color: #802E84;
    background: #802E84;
    text-shadow: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle {
    height: 46px;
    background-color: #9b42a0;
}


.navbar-inner .btn {
    background-color: #802E84;
}

.header-nav, .header-nav .nav {
    background-color: #802E84;
}

.header-nav .nav {
    border-right: #802E84;
    border-left: #802E84;
}

.dropdown .open, .navbar-inner .dropdown-menu {
    background-color: #802E84;
    border: 1px solid #802E84;
}

#notifications {
    background-color: #FFFFFF;
    border: 1px solid #802E84;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #802E84;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    max-height: 400px;
    min-width: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

#notifications > li {
    cursor: pointer;
    border: none
}

#notifications > li + li {
    background: linear-gradient( to right, var(--if-purple) 0%, var(--if-purple) 50%, rgba(0,0,0,0) 100% ) left top rgba(0,0,0,0) no-repeat;
    background-size: 100% 1px;
}

footer {
    background-color: #802E84;
}


.modal-header {
    background-color: #802E84;
    color: white;
}

/* width */
.pretty-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
.pretty-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

/* Handle */
.pretty-scroll::-webkit-scrollbar-thumb {
    /*background: var(--if-purple-light);*/
    border-radius: 4px;
    cursor: pointer;
}

    /* Handle on hover */
    .pretty-scroll::-webkit-scrollbar-thumb:hover {
        /*background: var(--if-purple-light);*/
    }