body {
    height: 100vh;
}

.navbar *{
    background-color: #5B7B7A !important;
    color: #F8FAF4 !important;
}

.navbar svg{
    stroke: #F8FAF4 !important;
}

.navbar-header {
    background-color: transparent !important;
    border: none !important;
}

.sidebar {
    background-color: #5B7B7A !important;
    scrollbar-width: none; /* فایرفاکس */
    -ms-overflow-style: none; /* IE و Edge قدیم */
}

#side-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent !important;
}

#side-menu li{
    border-radius: 15px;
    margin-top: 5px;
    width: 95%;
    background-color: #6B9E6B;
}

.customers-nav-item-dashboard {
    background-color: #D6D6B1 !important;
}

.customers-nav-item-projects {
    background-color: #b1d0d6 !important;
}

.customers-nav-item-invoices{
    background-color: #4ECDC4 !important;
}

.customers-nav-item-contracts{
    background-color: #8a8bda !important;
}

.customers-nav-item-estimates{
    background-color: #da8aa9 !important;
}

.customers-nav-item-services_module{
    background-color: #45B7D1 !important;
}

.customers-nav-item-proposals{
    background-color: #b3d145 !important;
}

.customers-nav-item-support{
    background-color: #F7B801 !important;
}

#side-menu li a{
    color: #2F3E3E !important;
}

#side-menu li svg{
    stroke: #2F3E3E !important;
}

#side-menu li.active {
    border-radius: 15px;
    overflow: hidden;
    background-color: #D4A373 !important;
}

#side-menu li.active a {
    background-color: transparent !important;
}

#side-menu li:not(:first-child):hover {
    overflow: hidden;
    background-color: #F8FAF4 !important;
}

#wrapper {
    background-color: #F8FAF4;
}

.customers-nav-item-profile span {
    color: #fff !important;
}

.button-box {
    color: #2F3E3E !important;
}