.required {
    color: red;
}
.offcanvas-size-30 {
    width: 30% !important;
}
.offcanvas-size-50 {
    width: 50% !important;
}
.offcanvas-size-85 {
    width: 85% !important;
}

.table-view-1 {
    width: 1%;
}
.table-view-5 {
    width: 5%;
}

.table-view-10 {
    width: 10%;
}
.table-view-15 {
    width: 15%;
}
.table-view-20 {
    width: 20%;
}
.table-view-30 {
    width: 30%;
}

.table-view-40 {
    width: 40%;
}
.table-view-50 {
    width: 50%;
}

.table-responsive {
    min-height: 400px !important;
}
.dt-search,
.dt-length {
    display: none !important;
}
.active > .page-link, .page-link.active {
  
    background-color: black !important;
    
}
.choices__list--multiple .choices__item {
   
    background-color: #0e0f10 !important;
    border: 1px solid #0d0e0e !important;
   
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}
.form-control.is-invalid, .was-validated .form-control:invalid {
 
    background-image: none
  
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #0a0a0a !important;
    border-color: transparent;
  
}
.daterangepicker .ranges li.active {
    background-color: rgb(18, 18, 18) !important;
    
}
.tabDiv .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0c0c0d !important;
}
.lg-img-wrap, .lg-object {
    transition: none !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
.fixed-width-text {
    width: 500px;              /* or max-width if you want flexible */
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word; /* modern alternative */
}

.swiper_thumbnail {
    margin-top: 4px;

}
.swiper_section .swiper-button-next {
    position: absolute;
    left: 20%;
    bottom: 0;
    top: 98.5%;
}

.auth-bg-cover {
    background: linear-gradient(-45deg, #111010 50%, #191918) !important;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1250px !important;

    }
}