/* Dashboard */

:root {
    --start-color:  rgb(7, 7, 7);
    --end-color: rgb(52, 102, 65);
}
nav.sidebarmenu1 {
    background-image: linear-gradient(to right, var(--start-color) , var(--end-color));
    max-width: 180px;
}
nav.sidebarmenu2 {
    background-image: linear-gradient(to right, var(--end-color) , var(--start-color));
}

.sidebartext a{
    color: #0b7381;
    font-size: 20px;
    text-decoration: none;
}
.sidebartext a:hover {
    
    color:rgb(77, 216, 107);
    font-size: large;
    }
    
.sidebartext a:active, a:focus {
    color:rgb(247, 250, 87);
    font-size: large;
        font-style: italic;
    }   
    
/** User Profile **/
.dashboard-home {
    background-color: burlywood;
}
.dashboard-products {
    background: rgb(192, 241, 135)
}
.dashboard-wallet {
    background: rgb(247, 244, 117)
}
.dashboard-profile {
    background: rgb(136, 124, 245)
}
.dashboard-setting {
    background: rgb(136, 124, 245)
}

.form-control:focus {
    box-shadow: none;
    border-color: #BA68C8
}

.profile-button {
    background: rgb(99, 39, 120);
    box-shadow: none;
    border: none
}

.profile-button:hover {
    background: #682773
}

.profile-button:focus {
    background: #682773;
    box-shadow: none
}

.profile-button:active {
    background: #682773;
    box-shadow: none
}

.back:hover {
    color: #682773;
    cursor: pointer
}

.labels {
    font-size: 11px
}

.add-experience:hover {
    background: #BA68C8;
    color: #fff;
    cursor: pointer;
    border: solid 1px #BA68C8
}