#reportContainer {
    height: 800px;
    width: 100%;
    max-width: 5000px;
    border-style: none;
}

.chain-slider-section .item-box.selected {
    border: 2px solid black;
}

.card.card-no-flex {
    display: block;
}
.form-control-input {
    height: 40px;
    background: #F3F3F3;
}

.error-msg {
    color: #cc0000;
}

/* Small popup design */
.sm-common-modal-popup .modal-dialog {max-width: 400px; width: 100%; }
.sm-common-modal-popup .modal-header {border-bottom: 0; justify-content: center;}
.sm-common-modal-popup .modal-content {padding: 35px 56px;}
.sm-common-modal-popup .modal-title {font-weight: 500;}

.sm-common-modal-popup .modal-body {padding: 0;}
.sm-common-modal-popup .model-text {color: #232529; text-align: center; margin-bottom: 25px;}

.sm-common-modal-popup .modal-footer {justify-content: center;}
.sm-common-modal-popup .btn {max-width: 126px;}
.sm-common-modal-popup .btn.btn-secondary {background-color: #E1E1E1; color: #232529; border: 1px solid transparent; box-shadow: none;} 
.sm-common-modal-popup .btn.btn-secondary:hover {background-color: #fff; border: 1px solid #E1E1E1;}
.sm-common-modal-popup .btn:hover {cursor:pointer;}
    .sm-common-modal-popup {
        z-index: 100000000;
    }

/* Large popup design */
.lg-common-modal-popup .modal-dialog {max-width: 770px; width: 100%;} 
.lg-common-modal-popup .form-content {margin-bottom: 20px;}
.lg-common-modal-popup .form-content .form-group {width: 100%; } 
.lg-common-modal-popup .form-content .form-group input, 
.lg-common-modal-popup .form-content .form-group select, 
.lg-common-modal-popup .form-content .form-group textarea {background-color: #F3F3F4; border-radius: 0;}

.lg-common-modal-popup .form-content .form-group input, 
.lg-common-modal-popup .form-content .form-group select{height: 40px; }

.lg-common-modal-popup .form-content .form-group input[type="date"],
.lg-common-modal-popup .form-content .form-group select {border: none; }

.lg-common-modal-popup .form-content label{font-size: 14px; line-height: 23px; font-weight: 500; color: #1F2430;}

.lg-common-modal-popup .form-content .radio-sec, 
.lg-common-modal-popup .form-content .checkbox-sec {display: flex; flex-wrap: wrap; } 

.lg-common-modal-popup .form-content .radio-sec .form-group, 
.lg-common-modal-popup .form-content .checkbox-sec .form-group {margin: 15px 0 0; } 
.lg-common-modal-popup .form-content .radio-sec .form-group {width: 50%; min-width: 140px; } 
.lg-common-modal-popup .form-content .checkbox-sec {column-gap: 24px; } 
.lg-common-modal-popup .form-content .checkbox-sec .form-group {width: 17%; min-width: 100px; }

.lg-common-modal-popup .cmn-radio, 
.lg-common-modal-popup .cmn-checkbox {display: flex; align-items: center; } 
.lg-common-modal-popup .cmn-checkbox input, 
.lg-common-modal-popup .cmn-radio input {width: 0; height: 0; position: absolute; font-size: 0; } 

.lg-common-modal-popup .cmn-checkbox label, 
.lg-common-modal-popup .cmn-radio label {display: inline-block; padding-left: 10px; position: relative; cursor: pointer; margin: 0; font-size: 14px; }

.lg-common-modal-popup .cmn-radio input[type='radio'], 
.lg-common-modal-popup .cmn-checkbox input[type="checkbox"]  {background-color: #fff; cursor: pointer; position: relative; transition: all 175ms cubic-bezier(.1, .1, .25, 1); appearance: none; height: 16px; }

.lg-common-modal-popup .cmn-radio input[type='radio']::before, .cmn-checkbox input[type="checkbox"]::before {position: absolute; content: ''; }

.lg-common-modal-popup input[type='radio'] {border-radius: 50%; height: 16px; width:16px; }

.lg-common-modal-popup .cmn-radio input[type='radio']::before {border-radius: 50%; border: 1px solid #232529; height: 100%; left: -1px; top: -1px; width: 100%; }

.lg-common-modal-popup .cmn-radio input[type="radio"]:checked::after {background-color: #232529; border-radius: 50%; height: 8px; left: 3px; position: absolute; top: 3px; width: 8px; content: ''; }

.lg-common-modal-popup .cmn-radio input[type="radio"]:checked::before {border: 1px solid #232529; }

.lg-common-modal-popup .cmn-checkbox input[type="checkbox"] {border: 1px solid #232529; height: 16px; width: 16px; }
.lg-common-modal-popup .cmn-checkbox input[type="checkbox"]::before {border: solid #fff; border-width: 0 2px 2px 0; height:9px; left: 5px; opacity: 0; top: 1px; transform: rotate(45deg); width: 5px; }

.lg-common-modal-popup .cmn-checkbox input[type="checkbox"]:checked {background: #232529; border-color: #232529; color: #fff; } 
.lg-common-modal-popup .cmn-checkbox input[type="checkbox"]:checked::before {opacity: 1; } 

.lg-common-modal-popup .btn {max-width: 150px;} 
.lg-common-modal-popup .btn.btn-secondary {background-color: #E1E1E1; color: #232529;  border: 1px solid #E1E1E1;}
.lg-common-modal-popup .btn.btn-secondary:hover {background-color: #fff;}

.lg-common-modal-popup input[type="date"] {width: 100%; height: 45px; padding: 13px 15px; font-size:14px; font-weight: 400; font-family: 'Poppins', sans-serif; border: 0; border-radius: 5px; position: relative;} 
.lg-common-modal-popup input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 0; color: transparent; background: transparent; }

.lg-common-modal-popup .icon-calendar {position: relative;}
.lg-common-modal-popup .icon-calendar img{position: absolute; top: 50%; right: 25px; transform: translateY(-50%); pointer-events: none;}


/*.comman-table .right-section .btn-execute {background: #232529; width: 25%; height: 35px; line-height: 35px; margin-left: 10px; padding: 0;}*/
.comman-table .right-section .btn-execute {max-width: 135px; width: 100%; height: 35px; line-height: 35px; margin-left: 15px; padding: 0 10px;}

.dataTables_wrapper .dataTables_filter input {
    margin-right: 10px;
    margin-left:0px;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    opacity:10.0
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after
{
    font-size:1.3em
}
/*.tab-content #tab1 {
    background: none;
}

#tab1:parent {
    background: none;
}*/
/*div.tab-content:has(#tab1) {
    background: none;
}*/

.filter-bar.filter-cus.active .custom-filter {
    display: flex;
    transform: none;
    opacity: 1;
    z-index: 100;
}

.filter-bar.filter-cus {
    z-index: initial;
    margin: 0 5px 0 0;
}

.cus-colab:not(.active) + .list-items.columnItems {
    display: none;
}

.cus-colab.active i {
    transform: rotate(180deg);
}

.cus-colab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.cus-colab i {
    margin: 0;
    font-size: 16px;
}

.colab-section {
    padding-top: 10%;
}

#bulkImportFileButtonSection .upload-container {
    margin: 0 150px -65px 0!important;
    z-index: 1;
}

#bulkImportFileButtonSection .upload-container .btn-record {
    line-height: 35px;
    height: 35px;
}


.grass-badge {
    background-color: #32CD32;
    color: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 10%;
    display: inline-block;
}
.error-badge {
    background-color: #DC2626;
    color: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 10%;
    display: inline-block;
}

.none-badge {
    background-color: #E5E7EB; /* neutral gray */
    color: #111827; /* near-black text */
    padding: 0.25rem 0.5rem;
    border-radius: 10%;
    display: inline-block;
    font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}