Current File : /home/tradevaly/public_html/public/assets/backend/css/extra.css
.display__none{
    display:none;
}
.max__height__230px{
    max-height: 230px
}
body[data-sidebar=dark] .vertical-menu {
    background: white;
}
.two-text-justiry-between{
    
    display: flex;
    align-items: center;
    justify-content: space-between;

}
#sidebar-menu ul li a {
    color:#495057;
}

body[data-sidebar=dark] #sidebar-menu ul li a i {
    color: #495057;
}
body[data-sidebar=dark] #sidebar-menu ul li a{
    color: #495057;
}
/*body[data-sidebar=dark] #sidebar-menu ul li a.active{*/
/*    background:#7cb9e8;*/
/*}*/
body[data-sidebar=dark] #sidebar-menu ul li.mm-active{
    background:#7cb9e8;
}
body[data-sidebar=dark] #sidebar-menu ul li .sub-menu{
    background:#f2f2f5;
}
body[data-sidebar=dark] #sidebar-menu ul li .sub-menu li{
    background:#f2f2f5;
}
body[data-sidebar=dark] #sidebar-menu ul li .sub-menu li:hover{
    
    background:white;
    color:f2f2f5;
}
body[data-sidebar=dark] #sidebar-menu ul li .sub-menu li.mm-active{
    background:#f2f2f5;
}
body[data-sidebar=dark] #sidebar-menu ul li .sub-menu li a{
    color:#495057!important;
}
body[data-sidebar=dark] #sidebar-menu ul li .sub-menu li.mm-active a{
    color:#7cb9e8 !important;
}
body[data-sidebar=dark] .menu-title {
    color: #495057;
}
body[data-sidebar=dark] .menu-title {
    color: #495057;
}
body[data-sidebar=dark] #sidebar-menu ul li a:hover, body[data-sidebar=dark] #sidebar-menu ul li a:hover i {
    background:#7cb9e8;
    color:white;
}
body[data-sidebar=dark] .navbar-brand-box {
     background: transparent; 
}
.vertical-collpsed .logo span.logo-sm img{
    width:100%;
    height:auto;
}
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
    background: #7cb9e8;
    color: #fff;
}
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: red !important;
    background: transparent;
}
.my_own_custom_style{
    padding:0;
    background:transparent;
}
.seller_custom_dashboard .card .card-body hr{

 height:3px;
 background:#7cb9e8;
 opacity:1;
 margin-top:50px;
}
.seller_custom_dashboard .card{

 background:white;
}
.seller_custom_dashboard .card .card-title{

 background:white;
}
.card.quote__style_div h4{
    color:#626262;
    text-transform:capitaliz;
}
.card.quote__style_div h5{
    color:#636363;
    font-size:15px;
    text-transform: capitalize;
}
.card.quote__style_div h5 img{
    margin-top:-2px;
}
.card.quote__style_div{
    background:white;
    border-radius:15px;
}
.card.quote__style_div ul{
    list-style:none;
    padding:0px;
}
.card.quote__style_div ul li{
      color: #2c2c2c!important;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}
.card.quote__style_div ul li a{
     color:#7cb9e8;
}
.card.quote__style_div ul li span{
      color:#999!important;
    font-size: 14px;
    font-weight: 300;
    padding-left:10px;
}
.card.quote__style_div .btn{
     background:linear-gradient(to right,#727f89,#7cb9e8)!important;
}
#sidebar-menu  div a.tawk__to__popup {
    display: block;
    padding: .625rem 1.5rem;
    color: #545a6d;
    position: relative;
    font-size: 13px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.bg__white{
    background:white !important;
}
.form-control {
    background-color: var(--bs-body-bg);
    border: 0px;
}
.form-control:focus{
    background-color: var(--bs-body-bg);
    border: 0px;
}
#sidebar-menu  div a.tawk__to__popup i {
    display: inline-block;
    min-width: 1.75rem;
    padding-bottom: .125em;
    font-size: 1.25rem;
    line-height: 1.40625rem;
    vertical-align: middle;
    color: #7f8387;
    -webkit-transition: all .4s;
    transition: all .4s;
}
body[data-sidebar=dark] #sidebar-menu div a.tawk__to__popup:hover, body[data-sidebar=dark] #sidebar-menu div a.tawk__to__popup:hover i {
    background: #7cb9e8;
    color: white;
}

.customer-service {
                    background: #fff;
                    box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%);
                    padding: 0 0;
                    border-radius: 0.5rem;
                    margin-top: 4px!important;
                }
                .customer-body h3 {
                            font-size: 26px;
                            color: #2c2c2c;
                            padding: 0 9px;
                            margin: 30px;
                    }
                    .customer-body h5 {
                        color: #2c2c2c;
                        font-weight: 600;
                        font-size: 14px;
                        margin: 30px;
                        padding: 0 9px;
                        
                    }
                    .customer-body ul {
                        margin-left: 10px;
                    }
                    .customer-body ul li {
                        margin-bottom: 15px;
                        list-style: none;
                    }
                    .customer-body ul li a {
                        font-size: 15px;
                        color: #545454;
                        font-weight: 500;
                    }
                    .customer-service .customer-body ul li a i {
                        color: #7cb9e8;
                        margin-right: 10px;
                    }
                    .customer-service .customer-footer ul {
                        line-height: 12px;
                    }
                    .customer-service .customer-footer ul li {
                        margin-top:10px;
                        display: inline-block;
                    }
                    .customer-footer ul li a {
                        background: rgb(31,22,173);
                        background: linear-gradient(235deg, rgb(97 144 173) 0%, rgb(50 163 230) 48%, rgba(5,106,126,1) 98%);
                        color: #fff;
                        border: 1px solid #fff;
                        padding: 6px 6px;
                        border-radius: 0.5rem;
                        -webkit-transition: all .1s ease-in-out;
                        transition: all .1s ease-in-out;
                            animation: gradient 1s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
                        
                    }
                    .gradient__bg {
                        background: rgb(31,22,173);
                        background: linear-gradient(235deg, rgb(97 144 173) 0%, rgb(50 163 230) 48%, rgba(5,106,126,1) 98%);
                        color: #fff;
                        border: 1px solid #fff;
                        padding: 6px 6px;
                        border-radius: 0.5rem;
                        -webkit-transition: all .1s ease-in-out;
                        transition: all .1s ease-in-out;
                            animation: gradient 1s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
                        
                    }
                .p_title{
                    color:red !important;
                }
.top_bottom_center{
    display:flex;
    align-items: center;
    color:#555b6d;
}
 #sidebar-menu ul li a:hover, #sidebar-menu ul li a:hover i {
    padding-left:2px;
    background: linear-gradient(to right,#ffd508,#32a3e6,#7ad700) !important;
}
.all_banner .nav .nav-item .nav-link{
    color:#495057;
    text-transform:capitalize;
}
.all_banner .nav .nav-item .nav-link.active{
    color:white;
    background:#32a3e6;
}
ul.dropdown-menu.show {
    min-width: auto;
}