/*DISPLAY MSG CLOSE BUTTON*/
.Display-Notification > div > button.btn.btn-icon {align-items: start;}
/*CUSTOME CSS FOR MULTISELECT DROPDOWN*/
.bootstrap-select > button.dropdown-toggle {padding: 0.5rem 1rem !important;border: 1px solid #c6c6d9 !important;border-radius: 0.5rem !important;font-weight: 400 !important;background-color: transparent !important;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {outline: none !important;}
/*CUSTOME CSS FOR MULTISELECT DROPDOWN FONT COLOR*/
button.dropdown-toggle > .filter-option > .filter-option-inner > .filter-option-inner-inner {color: var(--bs-gray-700) !important;}
/*CUSTOME CSS FOR DATATABLE EXPORT BUTTONS*/
.dt-container .dt-buttons {margin-top: -51px;float: right;}
/*SET CUSTOM BUTTON(EG. SAVE ORDER) BESIDE DT-BUTTON(EG. PRINT, PDF...)*/
.card-title-cust-a-tag > a:first-child{margin-right:100px !important;}
.card-title-cust-btn > button:first-child{margin-right:100px !important;}
.card-title-cust-btn-offset-2 > button:first-child{margin-right:150px !important;}
.card-title-cust-btn-offset-3 > button:first-child{margin-right:180px !important;}
/*SELECTED TABLE ROW*/
.SelectedTR {background-color: #DDD !important;}
/*TABLE DESIGN*/
.table-scrollable {width: 100%;overflow-x: auto;overflow-y: auto;margin: 0 !important;white-space: nowrap;}
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {padding-right: 0.55rem;}
.tm-form-check{background-color: transparent;}
.tm-form-check .form-check-input[type=checkbox] {background-size: 60% 60%;border: 1px solid #99A1B7 !important;}
.WhiteSpaceInitial {white-space: initial !important;}
table.dataTable > thead > tr > th.dt-orderable-asc:hover, table.dataTable > thead > tr > th.dt-orderable-desc:hover {
    background-image: url(../../images/Up_Down_Arrorw.png) !important;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    background-size: 10px;
}
.RptOverflowTextEllipsis{width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: bottom;}
.InActiveRecord,.InActiveRecord>a:hover,.InActiveRecord>a,.InActiveRecord>a>label {background-color: #FFBDBD !important;}
.tooltip .tooltip-inner{max-width:500px !important;}
#DivPageInfo > div.tooltip .tooltip-inner {white-space: nowrap !important;}
/*START - FOR HOME MENU ICON*/
.header .header-tabs .nav-link i{color: var(--bs-text-white);}
.header .header-tabs .nav-link i:hover {color: var(--bs-header-navs-tab-color-hover);}
.header .header-tabs .nav-link i.active {color: var(--bs-header-navs-tab-color-active);background-color: var(--bs-page-bg);}
.header-navs .header-tabs .nav-link i {color: var(--bs-gray-700);}
.header-navs .header-tabs .nav-link.active i {color: var(--bs-primary);background-color: var(--bs-page-bg);}
/*END - FOR HOME MENU ICON*/
/*START - CUSTOME CHECKBOX BUTTON GROUP ACTIVE/INACTIVE CSS*/
.cust-chk-btn-grp > label.active:after {font-family: var(--fa-style-family, "Font Awesome 6 Free");content: "\f058";margin-left: 0.5rem;}
/*END - CUSTOME CHECKBOX BUTTON GROUP ACTIVE/INACTIVE CSS*/
.modal-fullscreen {padding: 10px 10px 50px 10px !important;}
.modal-fullscreen > div.modal-content {border-radius: var(--bs-modal-border-radius);}
.top-n1 {top: -1px !important;}
@media (max-width: 768px) {
    /*SET CUSTOM BUTTON(EG. SAVE ORDER) BESIDE DT-BUTTON(EG. PRINT, PDF...)*/
    .card-title-cust-btn > button:first-child{margin-right:0 !important;}
    /*CUSTOME CSS FOR DATATABLE EXPORT BUTTONS*/
    .card-title-cust-a-tag > a:first-child{margin-right:0 !important;}
    .dt-container .dt-buttons {margin-top: 0 !important;}    
    .card-title-cust-btn-offset-2 > button:first-child{margin-right:0 !important;}
    .card-title-cust-btn-offset-3 > button:first-child{margin-right:0 !important;}
}
@media (max-width: 480px) {
    /*SET CUSTOM BUTTON(EG. SAVE ORDER) BESIDE DT-BUTTON(EG. PRINT, PDF...)*/
    .card-title-cust-btn > button:first-child{margin-right:0 !important;}
    /*CUSTOME CSS FOR DATATABLE EXPORT BUTTONS*/
    .card-title-cust-a-tag > a:first-child{margin-right:0 !important;}
    .dt-container .dt-buttons {margin-top: 0 !important;}    
    .card-title-cust-btn-offset-2 > button:first-child{margin-right:0 !important;}
    .card-title-cust-btn-offset-3 > button:first-child{margin-right:0 !important;}
}