:root, [data-color-theme=light] {
    --yellow-rgb: 208,186,143;
}
body {
    font-family: "Barlow", sans-serif;
}
.form-check-input:checked {
    background-color: #000000;
}
.datatable-footer, .datatable-header {
    padding-top: 8px;
    padding-bottom: 8px;
}
.dataTables_paginate.paging_simple_numbers,
.dataTables_length,
.dataTables_info,
.dataTables_filter {
    margin-bottom: 0;
}
input.form-control:read-only {
    background-color: #f1f4f9;
}
.inventory_details tr td:nth-child(3),
.inventory_details tr td:first-child {
    width: 130px;
}
.dropzone {
    --dz-min-height: 9rem;
}
.dropzone .dz-default.dz-message:before {
    font-size: calc(var(--icon-font-size) * 2);
}
/* Swiper Custom CSS */
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper {
    width: 100%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.mySwiper2 {
    height: 400px;
    width: 100%;
}
.mySwiper {
    height: 120px;
    box-sizing: border-box;
    padding: 10px 0;
}
.mySwiper .swiper-slide {
    width: 25%;
    /* height: 100%; */
    height: auto;
    opacity: 0.4;
}
.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-free-mode>.swiper-wrapper {
    display: flex;
    justify-content: center;
}
.terms_scroll_area {
    height: 600px;
    overflow: auto;
}
.modal-backdrop.show {
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1 !important;
}
.num_count {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}
.dashboard_title{
    font-size: 20px;
    font-weight: bold!important;
}
.dashboard_title a{
    color:#000000;
}
.dashboard_title a:hover{
    color:#959595;
}