:root {
    --primary_font: "Source Code Pro", monospace;
    --secondary_font: "Taviraj", serif;
    --content_font: "Source Serif 4", serif;
}
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


[class*=sidebar-dark-]{background-color: #222222 !important;}
.breadcrumb-item a{color: #635531 !important;}
.list-group-unbordered>.list-group-item a{color: #635531 !important;}
.card-primary:not(.card-outline)>.card-header {background-color: #836035 !important;}
.card-primary:not(.card-outline)>.card-header h3{color: #fff !important;}
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {background-color: #635531 !important;}
.btn-success, .btn-secondary{color: #242424 !important; background-color: transparent !important; border-color: #242424 !important; padding: 5px 30px !important; border-radius: 24px !important;}
.btn-success:hover, .btn-secondary:hover{background-color: #635531 !important; border-color: #635531 !important; color: #fff !important;}

.card .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: #635531 !important; border-color: #635531 !important; color: #fff !important;}
.card .nav-pills .nav-link.active:hover, .nav-pills .show>.nav-link:hover{color: #fff !important;}
.card .nav-pills .nav-link{color: #000 !important;}
.card .nav-pills .nav-link:hover{color: #635531 !important;}

[class*=sidebar-dark] .btn-sidebar, [class*=sidebar-dark] .form-control-sidebar{background-color: #f8f5ee !important; color: #000 !important;}
.navbar-white{background-color: #E4E7E9 !important;
    border-color: #E4E7E9 !important;}

.custom-file-label::after{background-color: #242424 !important; border-color: #242424 !important; color: #fff !important; cursor: pointer;
    border-radius: 24px !important;
}
.custom-file-input:hover + .custom-file-label::after{background-color: #635531 !important; border-color: #635531 !important;cursor: pointer;}

.content-header h1{font-family: var(--secondary_font) !important; color: #242424;}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400 !important;
    color: #161C2D;
    font-size: 18px;
    font-family: var(--secondary_font);
    line-height: 1.5;
}
.form-control{border: 1px solid #E7E9ED !important; box-shadow: none !important; color: #212529 !important;}
.select2-container--default .select2-selection--single {
    border: 1px solid #E7E9ED !important; box-shadow: none !important; color: #212529 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{}
.select2-container--default .select2-selection--single .select2-selection__arrow b{}
.custom-file-input, .custom-file-label{border: 1px solid #E7E9ED !important; box-shadow: none !important; color: #212529 !important;}
.custom-file-input, .custom-file-label{border-radius: 0 24px 24px 0 !important;}
.nav-sidebar .nav-item>.nav-link{font-family: var(--primary_font) !important; font-size: 14px !important;}
.form-control:disabled, .form-control[readonly],
.custom-file-input:disabled~.custom-file-label, .custom-file-input[disabled]~.custom-file-label,
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f8f5ee !important;
    opacity: 1;
    color: #9E896A !important;
}

.btn-primary{color: #242424 !important; background-color: transparent !important; border-color: #242424 !important; padding: 5px 30px !important; border-radius: 24px !important; font-family: var(--primary_font);
    font-weight: 400;}
.btn-primary:hover{background-color: #635531 !important; border-color: #635531 !important; color: #fff !important;}
.btn-primary b{font-weight: 400 !important;}
.card-primary.card-outline{border-color: #222222 !important;}
.btn-danger{background-color: #252525 !important;border-color: #252525 !important; color: #fff !important;border-radius: 20px !important;text-transform: uppercase; padding-left: 40px !important; padding-right: 40px !important;}
.table thead th{font-family: var(--primary_font);}
.pagination .page-link{color: #000 !important;}
.pagination .page-link:hover{color: #635531 !important; background-color: transparent !important;}
.pagination .page-item.active .page-link{background-color: #635531 !important; border-color: #635531 !important; color: #fff !important;}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f5ee !important;
}
.table-bordered, .table thead th {
    border: 1px solid #ccc !important;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #ccc !important;
}
.card-title{color: #000;}
body .card-footer .bg-gradient-primary{color: #242424 !important; background: transparent !important; border-color: #242424 !important; padding: 5px 30px !important; border-radius: 24px !important;}
body .card-footer .bg-gradient-primary:hover{background: #635531 linear-gradient(180deg,#635531,#635531) repeat-x!important; border-color: #635531 !important; color: #fff !important;}
.pace .pace-activity, .pace .pace-activity:before{border-color: #836035 transparent transparent !important;}
[class*=sidebar-dark] .btn-sidebar{border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 1px solid rgba(0,0,0,0.2) !important;}
.login_section .btn.btn-flat{background: #242424 !important; color: #fff !important; padding: 0.375rem 0.75rem !important;}
.login_section{margin-top: 30px;}
a.forget-btn{color: #635531 !important;}
a.forget-btn:hover{text-decoration: underline;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.login-area .input-group-text{border:1px solid #E7E9ED !important}
.alert-info{background-color: #f8f5ee !important; color: #000 !important;border-color: #f8f5ee !important;}
.small-box.bg-success {
    background-color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #242424 !important;
}
.small-box.bg-success>.small-box-footer{background-color: #242424;}
.small-box.bg-success>.small-box-footer:hover{background-color: #635531 !important;}
.details-outer{border: 0 !important;box-shadow: unset !important; }
.details-outer .modal-content{box-shadow: unset !important; border: 0 !important;}
.details-content{background-color: #f8f5ee;}
.dataTable .btn-group a, .dataTable td a{color: #635531 !important;}
.order-cart .table thead th{font-weight: 400; background-color: #E4E7E9; color: #475156;border: 0 !important;}
a.link-secondary{color: #635531 !important;}
a.link-secondary:hover{text-decoration: underline;}
.order-cart .card{border:1px solid #E4E7E9; box-shadow: unset;}
.order-cart .card-title{color: #242424; font-weight: 400; font-family: var(--secondary_font); font-size: 18px;}
.btn-soft-danger.delete{color: #635531 !important;
    background: transparent;
    border-radius: 18px;
    border: 1px solid var(--dark);
    line-height: 35px;
    height: 37px;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--primary_font);
}
.btn-soft-danger.delete:hover{color: #fff !important; background-color: #635531 !important;
    border-color: #635531 !important;
}
.btn-soft-info.edit-info{
    color: #212529 !important;
    background: transparent;
    border-radius: 18px;
    border: 1px solid #212529 !important;
    line-height: 35px;
    height: 37px;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--primary_font);
    margin-right: 10px;
}
.btn-soft-info.edit-info:hover{
    background: #212529; color: #fff !important;
}

.panel {display: none;}
.order-card-image{margin-right: 15px;}
body:not(.layout-fixed) .main-sidebar .sidebar{width: 100%;}
[class*=sidebar-dark] .brand-link{border: 0px !important;}
[class*=sidebar-dark] .brand-link .img-circle{border-radius: 0;}
.preloader .img-circle{border-radius: 0;}
.accordion-item .accordion-header{margin-bottom: .25rem;}
.accordion-button h6{    
    font-weight: 400;
    background-color: #E4E7E9;
    color: #475156;
    padding: 12px 15px;
    margin-bottom: 0px !important;
    position: relative;
}
.accordion-item .accordion-collapse .accordion-body{margin-bottom: 5px; padding: 15px !important;}
.accordion-button h6:after{font-family: "Font Awesome 5 Free";content: "\f067";font-weight: 900;border-radius: 18px; position: absolute; top: 50%; right: 15px;position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.accordion-button.active h6:after{content: "\f068";}
.bg-info {
    background-color: #635531 !important;
}
.dropdown-menu .bg-info {
    background-color: #635531 !important;
}
.dropdown-menu .bg-info .text-muted{color: #FFF !important;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover{
    background-color: #635531 !important;
}
.bg-info .text-muted, .dropdown-item:hover .text-muted{color: #FFF !important;}
.dropdown-item.active .text-muted, .dropdown-item:active .text-muted{color: #FFF !important;}
.dropdown-item-wrapper a:hover{color: #FFF !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #635531 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #FFF !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{    background-color: #222222 !important;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color: #635531 !important;color: #FFF !important;}
#add_products_frm label:not(.form-check-label):not(.custom-file-label){font-size: 16px;}
#add_products_frm .form-control{font-size: 0.8rem;}
#add_products_frm .custom-file-label{font-size: 0.8rem;}
.status_change_outer{margin-top: 20px; margin-bottom: 20px;}
.status_change{width: 100%;}
.status_change .highlighted-product-column{max-width: 100%;}
.status_change .switch{margin-left: 15px;margin-right: auto;}
.status_change_btn{display: flex; align-items: center;}
.status_change_btn a{margin-left: 15px;}
body.login-page .btn-primary{padding: 5px 10px !important;}
body.login-page a{color: #B79C59;}