/*header, main, footer {*/
/*padding-left: 240px;*/
/*}*/

/*@media only screen and (max-width : 992px) {*/
/*header, main, footer {*/
/*padding-left: 0;*/
/*}*/
/*}*/

.card-navigation {
    background-color: var(--sidebar-bg-color-drop);
    border-radius: 0;
    padding-left:0;
    padding-top:10px;
    padding-bottom:10px;

}

.card-navigation a {
    color: white;
}


.nav-item a i {
    color: rgba(255, 255, 255, .3);
}


.navbar-loggedin {
    justify-content: flex-end !important;
    /*box-shadow: 0 4px 2px -2px gray !important;*/
    background-color: var(--top-navbar-bg-color) !important;
}

.navbar-collapse-loggedin {
    display: block !important;
}

.navbar-justify-start {
    justify-content: unset !important;
}

.navbar-container {
    align-self: flex-start;
    margin-left: 20px;
}


.navbar-brand-mobile {
    display: none;
}

.navbar-nav .dropdown-menu-right {
    left: initial;
    right: 0;
}

.btn-unique:hover {
    box-shadow: 0 .75rem 1.25rem rgba(0, 0, 0, .15) !important;

}

/*---------------------------------------------------------------------------SIDE BAR CSS----------*/


.dropdown-item {
    /*color:blue;*/
    background-color: unset;
    color: rgba(255, 255, 255, 0.8);
}

.dropdown-item:hover i {
    color: white;
}

.dropdown-item:hover {
    background-color: unset;
    color: white;
}

.nav-item-text {
    color: rgba(255, 255, 255, 0.8);
}

.nav-item-text:hover {
    color: white;
}


.dropdown_menu_header {
    color: white;
}

.navbar .dropdown-menu {
    background-color: var(--sidebar-bg-color-drop);
}

.btn-unique {
    background-color: var(--dark-call-to-action);
    border-radius: 0;
}

.sidebar {
    background-image: var(--gradient-composed);
    /*background-image: var(--indigo-color);*/
}

.side-nav-item-text-hide {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    /*transition:visibility 0s 0.15s, opacity 0.15s linear;*/
}

.sidebar_divider {
    width: 75%;

}

#sidebar-ul > li > a:hover {
    color: rgb(255, 255, 255) !important;
}

#sidebar-ul > li > a:hover > i {
    color: rgb(255, 255, 255) !important;
}

@media only screen and (max-width: 1100px) {
    .nav-shrink-text-hide {
        display: none;

    }

}

@media only screen and (max-width: 980px) {
    .nav-shrink-username-hide {
        display: none;
    }

}