: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');

body{
    background: #fafafa;
}
[class*=sidebar-dark-]{background-color: #262626 !important; }
.breadcrumb-item{color: #404040;}
.breadcrumb-item a{color: #f59e0b !important;}
.list-group-unbordered>.list-group-item a{color: #635531 !important;}
.card-primary:not(.card-outline)>.card-header {background-color: #fafafa !important;}
.card-primary:not(.card-outline)>.card-header h3{color: #171717 !important; font-weight: 700;}
.nav-tabs .nav-link{color: #404040;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #171717;
    background: #f5f5f5;
}
.nav-tabs{
    margin-bottom: 15px;
}
[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: #f59e0b !important;color: #262626;}
.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: #fcd34d !important;border-color: #fcd34d !important;}
.navbar-light .navbar-nav .nav-link {
    color: #171717;
}
.badge-success{background: #fbbf24; color: #262626 !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: #171717; font-weight: 700;}
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;
}
table.dataTable>tbody>tr{background-color: #fafafa;}
.btn-primary{color: #262626 !important; background-color: #fbbf24 !important; border-color: #fbbf24 !important; padding: 15px 25px !important; font-size: 18px; line-height: 22px; border-radius: .375rem !important; font-family: var(--primary_font);
    font-weight: 600;}
.btn-primary:hover{background-color: #f59e0b !important; border-color: #f59e0b !important; color: #262626 !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: #fbbf24 !important; border-color: #fbbf24 !important; color: #262626 !important;}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff !important;
}
.table-bordered, .table thead th {
    border: 1px solid #ededed !important;
}
table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: unset; vertical-align: middle;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #ededed !important;
}
.card-header{border-color: #ededed !important;}
.card{border-color: #ededed !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: #8b5df1 !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;font-size: 16px;}
body.login-page a{color: #B79C59;}
.card-bottom{
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}
.select-picker-holder{width: 100%;padding: 0 15px;margin-bottom: 15px;}
.select-picker-holder select{width: 100%;border: solid 1px #c7c5c5;
    padding: 8px 10px;
    font-weight: 400 !important;
    color: #161C2D;
    font-size: 18px;
    font-family: var(--secondary_font);
    line-height: 1.5; box-shadow: unset; outline: unset;
}
.select-picker-holder select:focus{box-shadow: unset; outline: unset;border: solid 1px #c7c5c5;}

.select-picker-holder label{font-size: 14px;margin-bottom: 5px;}
.select-picker-holder select option:focus, .select-picker-holder select option:hover{
    background-color: #fcd34d !important;
    box-shadow: 0 0 5px #fcd34d !important;
}
.uses-cases-type{ margin-top:8px; }
.uses-cases-type span{margin-right: 15px;}
.uses-cases-type span input{margin-right: 5px;}

.scroll-table{}
.scroll-table{ overflow: auto; overflow-x: hidden; height: 60vh; }
.scroll-table thead th { position: sticky; top: -5px; z-index: 1; background-color: #fff; z-index: 9;}
.scroll-table table  { border-collapse: collapse; width: 100%; }

/* Just common table stuff. Really. */
/* table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; } */

.card-bottom .select2-container--default .select2-selection--multiple .select2-selection__choice__display{padding-left: 10px;}
.card-bottom .select2-container--default .select2-search--inline .select2-search__field:focus{border-color: transparent; vertical-align: middle;}

.bothside-button{display: flex; justify-content: space-between;}
.bothside-button a.btn-primary{margin-left: auto;}