/* ----- START - METRONIC STYLE & PLUGINS BUNDLE CSS LIBRARY CHANGES ----- */
/*COMMON VARIABLE CHANGES AS PER METRONIC VER.-8.1.8 THAT CHANGED BY PP*/
[data-bs-theme=light] {
    --bs-text-muted: #A1A5B7 !important;
    --bs-gray-100: #F9F9F9 !important;
    --bs-gray-100-rgb: 249, 249, 249 !important;
    --bs-gray-200: #F4F4F4 !important;
    --bs-gray-200-rgb: 244, 244, 244 !important;
    --bs-gray-300: #E1E3EA !important;
    --bs-gray-300-rgb: 225, 227, 234 !important;
    --bs-gray-400: #B5B5C3 !important;
    --bs-gray-400-rgb: 181, 181, 195 !important;
    --bs-gray-500: #A1A5B7 !important;
    --bs-gray-500-rgb: 161, 165, 183 !important;
    --bs-gray-600: #7E8299 !important;
    --bs-gray-600-rgb: 126, 130, 153 !important;
    --bs-gray-700: #5E6278 !important;
    --bs-gray-700-rgb: 94, 98, 120 !important;
    --bs-gray-800: #3F4254 !important;
    --bs-gray-800-rgb: 63, 66, 84 !important;
    --bs-gray-900: #181C32 !important;
    --bs-gray-900-rgb: 24, 28, 50 !important;
    --bs-light: #F9F9F9 !important;
    --bs-primary: #009ef7 !important;
    --bs-secondary: #E1E3EA !important;
    --bs-success: #50cd89 !important;
    --bs-info: #7239ea !important;
    --bs-warning: #ffc700 !important;
    --bs-danger: #f1416c !important;
    --bs-dark: #181C32 !important;
    --bs-primary-active: #0095e8 !important;
    --bs-secondary-active: #B5B5C3 !important;
    --bs-light-active: #F4F4F4 !important;
    --bs-success-active: #47be7d !important;
    --bs-info-active: #5014d0 !important;
    --bs-warning-active: #f1bc00 !important;
    --bs-danger-active: #d9214e !important;
    --bs-dark-active: #131628 !important;
    --bs-primary-light: #f1faff !important;
    --bs-secondary-light: #F9F9F9 !important;
    --bs-success-light: #e8fff3 !important;
    --bs-info-light: #f8f5ff !important;
    --bs-warning-light: #fff8dd !important;
    --bs-danger-light: #fff5f8 !important;
    --bs-dark-light: #F4F4F4 !important;
    --bs-primary-inverse: #ffffff !important;
    --bs-secondary-inverse: #3F4254 !important;
    --bs-light-inverse: #7E8299 !important;
    --bs-success-inverse: #ffffff !important;
    --bs-info-inverse: #ffffff !important;
    --bs-warning-inverse: #ffffff !important;
    --bs-danger-inverse: #ffffff !important;
    --bs-dark-inverse: #ffffff !important;
    --bs-light-rgb: 249, 249, 249 !important;
    --bs-primary-rgb: 0, 158, 247 !important;
    --bs-secondary-rgb: 225, 227, 234 !important;
    --bs-success-rgb: 80, 205, 137 !important;
    --bs-info-rgb: 114, 57, 234 !important;
    --bs-warning-rgb: 255, 199, 0 !important;
    --bs-danger-rgb: 241, 65, 108 !important;
    --bs-dark-rgb: 24, 28, 50 !important;
    --bs-text-white: #ffffff !important;
    --bs-text-primary: #009ef7 !important;
    --bs-text-secondary: #E1E3EA !important;
    --bs-text-light: #F9F9F9 !important;
    --bs-text-success: #50cd89 !important;
    --bs-text-info: #7239ea !important;
    --bs-text-warning: #ffc700 !important;
    --bs-text-danger: #f1416c !important;
    --bs-text-dark: #181C32 !important;
    --bs-text-muted: #A1A5B7 !important;
    --bs-text-gray-100: #F9F9F9 !important;
    --bs-text-gray-200: #F4F4F4 !important;
    --bs-text-gray-300: #E1E3EA !important;
    --bs-text-gray-400: #B5B5C3 !important;
    --bs-text-gray-500: #A1A5B7 !important;
    --bs-text-gray-600: #7E8299 !important;
    --bs-text-gray-700: #5E6278 !important;
    --bs-text-gray-800: #3F4254 !important;
    --bs-text-gray-900: #181C32 !important;
    --bs-border-color: #D8D8DB !important;
    --bs-border-dashed-color: #E1E3EA !important;
    --bs-component-active-color: #ffffff !important;
    --bs-component-active-bg: #009ef7 !important;
    --bs-component-hover-color: #009ef7 !important;
    --bs-component-hover-bg: #F9F9F9 !important;
    --bs-component-checked-color: #ffffff !important;
    --bs-component-checked-bg: #009ef7 !important;
    --bs-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05) !important;
    --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
    --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
    --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
    --bs-input-bg: var(--bs-body-bg) !important;
    --bs-input-color: var(--bs-gray-700) !important;
    --bs-input-solid-color: var(--bs-gray-700) !important;
    --bs-input-solid-bg: var(--bs-gray-100) !important;
    --bs-input-solid-bg-focus: var(--bs-gray-200) !important;
    --bs-input-solid-placeholder-color: var(--bs-gray-500) !important;
    --bs-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15) !important;
    --bs-table-striped-bg: rgba(var(--bs-gray-100-rgb), 0.75) !important;
    --bs-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
    --bs-dropdown-bg: var(--bs-body-bg) !important;
    --bs-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
    --bs-code-bg: #F1F3F8 !important;
    --bs-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08) !important;
    --bs-code-color: #b93993 !important;
    --bs-symbol-label-color: var(--bs-gray-800) !important;
    --bs-symbol-label-bg: var(--bs-gray-100) !important;
    --bs-symbol-border-color: rgba(var(--bs-body-bg), 0.5) !important;
    --bs-bullet-bg-color: var(--bs-gray-400) !important;
    --bs-scrolltop-opacity: 0 !important;
    --bs-scrolltop-opacity-on: 0.3 !important;
    --bs-scrolltop-opacity-hover: 1 !important;
    --bs-scrolltop-box-shadow: var(--bs-box-shadow) !important;
    --bs-scrolltop-bg-color: var(--bs-primary) !important;
    --bs-scrolltop-bg-color-hover: var(--bs-primary) !important;
    --bs-scrolltop-icon-color: var(--bs-primary-inverse) !important;
    --bs-scrolltop-icon-color-hover: var(--bs-primary-inverse) !important;
    --bs-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05) !important;
    --bs-drawer-bg-color: #ffffff !important;
    --bs-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2) !important;
    --bs-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
    --bs-menu-dropdown-bg-color: var(--bs-body-bg) !important;
    --bs-menu-heading-color: #A1A5B7 !important;
    --bs-menu-link-color-hover: #009ef7 !important;
    --bs-menu-link-color-show: #009ef7 !important;
    --bs-menu-link-color-here: #009ef7 !important;
    --bs-menu-link-color-active: #009ef7 !important;
    --bs-menu-link-bg-color-hover: #F9F9F9 !important;
    --bs-menu-link-bg-color-show: #F9F9F9 !important;
    --bs-menu-link-bg-color-here: #F9F9F9 !important;
    --bs-menu-link-bg-color-active: #F9F9F9 !important;
    --bs-scrollbar-color: #B5B5C3 !important;
    --bs-scrollbar-hover-color: #B5B5C3 !important;
    --bs-scrollbar-size: 5px !important;
    --bs-scrollbar-overlay-size: 19px !important;
    --bs-scrollbar-overlay-space: 7px !important;
    --bs-overlay-bg: rgba(0, 0, 0, 0.05) !important;
    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.05) !important;
    --bs-rating-color-default: #B5B5C3 !important;
    --bs-rating-color-active: #FFAD0F !important;
    --bs-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1) !important;
    --bs-ribbon-label-bg: #009ef7 !important;
    --bs-ribbon-label-border-color: #005d91 !important;
    --bs-ribbon-clip-bg: #181C32 !important;
    --bs-engage-btn-bg: #ffffff !important;
    --bs-engage-btn-box-shadow: 0px 0px 22px #E0E0E0 !important;
    --bs-engage-btn-border-color: #E8E8E8 !important;
    --bs-engage-btn-color: #3F4254 !important;
    --bs-engage-btn-icon-color: #7E8299 !important;
    --bs-engage-btn-color-active: #3F4254 !important;
    --bs-header-bg-color: #009ef7 !important;
    --bs-root-card-border-color: #D8D8DB !important;
    --bs-body-color-rgb: 24, 28, 50;
    --bs-body-color: #181C32 !important;
    --bs-heading-color: #181C32 !important;
}
/*OTHER CSS*/
.hide {display: none !important;}
.card {border: 0;}
.border-0 {--bs-border-width: 0;}
.form-control {font-weight: 400 !important;padding: 0.5rem 1rem;border-radius:0.5rem;border: 1px solid #c6c6d9;}
.form-label {font-weight: 400;}
.form-select{padding: 0.5rem 3rem 0.5rem 1rem !important;font-weight:400 !important;border: 1px solid #c6c6d9 !important;border-radius: 0.5rem !important;}
.btn {--bs-btn-border-radius: 0.75rem !important;}
.blockui .blockui-message {background-color: #FFFFFF !important;font-size:20px !important;}
.blockui .blockui-message .spinner-border {margin-right: 1.65rem !important;}
.blockui .blockui-overlay .spinner-border {height: 3rem !important;width: 3rem !important;}
.spinner-border {--bs-spinner-border-width: 0.4rem !important;}
#toastr-container > div{opacity:1 !important;}
.btn-group-sm > .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline), .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline).btn-sm {padding: calc(.55rem + 1px) calc(1.25rem + 1px);}
.form-check-input:checked {background-color: #009ef7;}
.form-check-input[type=checkbox] {border-radius: 0.3rem;}
.form-check-input {width: 1.5rem;height: 1.5rem;}
.dt-container .dt-buttons {margin-top: -51px;float: right;}
div.dt-container div select.form-select, div.dt-container div select.form-select:active, div.dt-container div select.form-select:focus {width: auto;margin: 0 0 5px 0;border: 1px solid #D8D8DB !important;}
div.dt-container div input.form-control, div.dt-container div input.form-control:active, div.dt-container div input.form-control:focus {width: auto;float: right;border: 1px solid #D8D8DB;margin: 0 0 5px 0;}
div.dt-container div label {display:none;}
.table > :not(caption) > * > * {padding: .5rem .5rem;}
table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > td.dt-ordering-asc, table.dataTable thead > tr > td.dt-ordering-desc, table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc{padding-right:.5rem;}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {border-top-width:1px;}
table.dataTable.table-bordered tr:first-child th, table.dataTable.table-bordered tr:first-child td {border-top-width: 0;}
table.dataTable.table-bordered thead tr:first-child th, table.dataTable.table-bordered thead tr:first-child td {border-top-width: 1px;}
table.dataTable.table-bordered tr:last-child td, table.dataTable.table-bordered tr:last-child th {border-bottom-width: 1px;}
.dt-info {padding: 0.85rem 0 0 0;}
.dt-paging {padding: 0.5rem 0 0 0;float:right;}
table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled) {padding-right: 0.55rem;}
@media (min-width: 992px) {
    .header-fixed.header-extended .wrapper {padding-top: 130px !important;}
    .header-extended .header {height: 130px !important;}
    .content {padding: 20px 0 0 0;}
    .header .header-tabs .nav-link {color: var(--bs-text-white);}
}
@media (max-width: 991.98px) {
    .content {padding: 5px 0 0 0;}
}
@media (max-width: 768px) {
    .dt-container .dt-buttons {margin-top: 0 !important;}
    .dt-paging {padding: 0.5rem 0 0 0;float:none;}
}
@media (max-width: 480px) {
    .dt-container .dt-buttons {margin-top: 0 !important;}
    .dt-paging {padding: 0.5rem 0 0 0;float:none;}
}
/* ----- END - METRONIC STYLE & PLUGINS BUNDLE CSS LIBRARY CHANGES ----- */





/*START - GENERAL CSS*/
.WhiteSpaceInitial {white-space: initial !important;}
.SelectedTR {background-color: #DDD !important;}
/*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;}
/*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;}
/*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 .form-check-input[type=checkbox] {background-size: 60% 60%;}
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;}
.tm-form-check {background-color: transparent;}
.tm-form-check .form-check-input[type=checkbox] {background-size: 60% 60%;border: 1px solid #99A1B7 !important;}
.top-n1 {top: -1px !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);}
@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;}        
    .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;}
    .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;}
}