.active {
    background-color: #f8f9fc;
    color: #504da6 !important;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background-image: url('/images/menubg.jpg');
     background-repeat: repeat-y;
}

.active a, .active a i {
    color: #504da6 !important;
}

.active .nav-link { background: #f8f9fc; border-radius: 12px; }
.sidebar .nav-item {
    margin-left: 20px !important;
}
.topcurv, .btmcurv { width: 100%; height: 12px; background-color: #504da6; }
.topcurv {
    border-bottom-right-radius: 12px;
}

.btmcurv {
    border-top-right-radius: 12px;
}

@media (min-width: 576px) { 
    #button{
        margin-right: -10%;
    }

}

@media (min-width: 992px) {
    #button{
        margin-right: -25%;
    }  

}

@media (min-width: 1200px) { 
    #button{
        margin-right: -33%;
    }

}
@media (max-width: 1664px){
    .test{
       display: block;
       width: 100%;
       margin-top:5px;
    }
    .test1{
        display:none;
    }
    .test2{
       font-size:15px; 
    }
   .test3{
       font-size:12px; 
    }
}


@media(min-width: 1216px) and (max-width: 1543px){
    .mm{
        margin-top:-264px;
    }
    
}




@media(max-width: 1789px){
    .tt{
        font-size: 12px;
    }
    
}