@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/* @import url('./base.css'); */
@import url('./helper-classes.css');

html{ font-size: 14px; }

.buttons-print{ display: none !important; }

.int-breadcrumb [data-id='page-title']{ color: var(--pageTitleColor);font-weight: var(--pageTitleFontWeight); }
body{ font-family: var(--tfp-font-family) !important;background-color: var(--lightBgColor); }
.layout-bg_color{ background-color: var(--layoutColor); }
.pg-main-wrapper{ width: 100%;height: 100%; }
.pg-main-wrapper .main_container{ display: block;height: 100%; }
.right_col{ width: 100%;float: right;height: 100%;transition: all .5s ease; }
.topbar-search_icon{ cursor: pointer; }
.right-col_fluid{max-width: 100% !important; }
.int-content_wrapper{ padding: 15px; }
.sample-heading{ padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid var(--border-color);}
.int-heading_wrapper h3{ font-size: var(--text-fs--large);font-weight: var(--text-fw--medium);margin-bottom: 0; }
.simple-heading{ margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid var(--borderColor);font-size: 18px; }
.int-footer_fixed{ width:100%;box-shadow: 0 0 2px rgba(var(--boxShadowColor)); }
.int-footer{ font-size: var(--text-fs--base); }

.basic-title{ font-size: 16px;font-weight: 500;margin-bottom: 15px; }

/* SIDEBAR */
.in-sidebar_wrapper{ width: 100%;max-width: 260px;float: left;background-color: var(--sidebar-bg--color);border-right: 1px solid var(--bodyColor);position: fixed;top: 0px;left: -260px;transition: all .5s ease;z-index: 999;bottom: 0;padding-top: 20px; }
.sidebar-container_hide .in-sidebar_wrapper{ left: -260px !important }
.in-sidebar_wrapper.sidebar-wrapper_active{ left: 0; }
.int-close_menu{ font-size: 24px;display: block;text-align: right;margin-right: 20px;cursor: pointer;color: #fff }
.sidebar-logo img{ max-width: 210px;max-height: 35px; }

.in-sidebar_navList {
	list-style-type: none;
	height: calc(100vh - 115px);
	padding-top: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
}

li.navList-li{ padding: 0px 5px;font-size: var(--text-base);margin-bottom: 10px;}
.navList-dropdown_link{ font-size: 12px;position: relative;display: block;padding: 11px 10px;position: relative;padding-left: 30px;color: var(--navigation-text--color);text-decoration: none;margin-bottom: 2px;border-radius: 5px;}
.navList-angle{ position: absolute;font-size: 10px;top: 10px;right: 10px; }
.navList-dropdown{ padding: 0;list-style-type: none;margin-top: 8px;display: none;padding-left: 20px; }
.active-dropdown .navList-dropdown{ display: block;overflow: hidden; }
.active-dropdown > .navList-link{ color: var(--dropdown-header--active-text--color) !important;background-color: var(--dropdown-header--active-bg--color); }
/* .active-dropdown > .navList-link .navList-icon i{ color: var(--navActiveColor) !important } */
.in-sidebar_navList .navList-li .navList-icon{ width: 20px;text-align: right;margin-right: 12px;display: inline-block;font-size: 15px;}
.in-sidebar_navList .navList-li .navList-link{color:  var(--navigation-text--color);position: relative;display: block;text-decoration: none;padding: 10px;border-radius: 5px;margin-bottom: 5px;}
.in-sidebar_navList .navList-li .navList-link:hover{background-color: var(--dropdown-header--active-bg--color); color: var(--dropdown-header--active-text--color)}
.navList-dropdown_link:hover{background-color: var(--dropdown-header--active-bg--color);color: var(--dropdown-header--active-text--color);text-decoration: none;}
.active-link{
	background-color: var(--dropdown-header--active-bg--color) !important;
	color: var(--dropdown-header--active-text--color) !important;
} 

.navList-dropdown_link.active-link{ background-color: transparent !important;color: var(--submenu-active--color) !important }

/* .active-link .navList-icon i{ color: inherit } */

.navList-title {
	padding: 0 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

/* TOPBAR */
.int-topbar_wrapper{ background-color: var(--layoutColor);display: block;border-bottom: 1px solid var(--border-color);position: static;left: 0;width: 100%;top: 0;padding: 0px;z-index: 99; }

.topbar-desktop{ display: none; }
.topbar-mobile {
	display: block;
	/* align-content: center;
	justify-content: space-between; */
	padding-top: 10px;
}

.topbar-search_box{ border: 1px solid var(--borderColor);height: 38px;width: 267px; border-radius: 17px;}
.topbar-search_box input{ border-color: transparent;height: 33px;margin-left: 6px; width: 200px;color: var(--textColorGrayShade);font-size: 13px; }
.topbar-search_box input::placeholder{ color: var(--textColorGrayShade); }
.avatar-icon{ width: 40px;height: 40px;border-radius: 50%; }
.avatar-info{ margin-left: 10px; }
.avatar-caret{ margin-left: 10px; }
.fa-magnifying-glass {font-weight: 400;margin-left: 5px;color: var(--textColorGrayShade);font-size: 12px;}
.topbar-search_box input:focus{ outline: none; }
.topbar-search_icon{ font-size: 20px;color: var(--textShadeColor); }
.topbar-mobile .int-logo_box .in-sidebar_logo{ display: block;padding: 0;border-bottom: 0;margin: 0; }
/* .topbar-logout_group span{ border-right: 1px solid var(--borderColor);margin-right: 10px;padding-right: 10px; } */
.int-icon_box{ width: 45px;height: 45px; }
.int-logo_box{ font-size: 30px;font-weight: 600; }
.int-logo_box a{ color: var(--textColor); }
.topbar-icon_box  .user-active_circle{ width: 8px;height: 8px;border-radius: 50%;background-color: var(--successInlineColor);position: absolute;bottom: 2px;right: 4px;border: 1px solid var(--layoutColor);box-sizing: content-box; }
.int-content_wrapper .int-breadcrumb [data-id='page-title']{ font-size: 14px; }
.int-content_wrapper .int-breadcrumb .int-breadcrumb_link{ font-size: var(--text-fs--base); }
.topbar-icon_box{ width: 30px;height: 30px;font-size: 20px;cursor: pointer; }
.topbar-icon_box svg{ fill: var(--textShadeColor); }
.home-btn{ cursor: pointer; }
.user-quick_links a{ color: var(--textColor);margin-bottom: 10px; }
.user-quick_links a:last-child{ margin-bottom: 0; }
.user-quick_links svg{ margin-right: 8px; }
.user-quick_links a:hover{ color: var(--secondaryColor);text-decoration: none; }

/* BUTTON */
.int-button {
    display: inline-block;
    border: none;
    padding: 8px 20px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .5s ease;
}

/* .int-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--hover-accent-color);
    transform: translateX(-100%);
    transition: all .5s ease-in-out;
    z-index: -1;
    color: var(--primaryTextColor);
} */

/* .int-button:hover::before { transform: translateX(0); } */

.int-button_md{ font-size: 15px; }
.int-button_sm{ font-size: 12px;font-weight: 500; }

.int-button_primary {
    background-color: var(--primaryColor);
    color: var(--text-color--over-primary);
}

.int-button.int-button_primary:hover{ 
    background-color: var(--tertiary-color);
    color: var(--primary-color)
}

.int-button_secondary {
    background-color: var(--secondary-color) !important;
    color: var(--text-color--with-secondry) !important;
}

.int-button_ternary {
    border: 1px solid var(--borderColor);
}

.int-button_outline {
    background-color: transparent !important;
    color: #8B1C13 !important;
    border: 1px solid #8B1C13 !important;
}

.int-button_outline:hover {
    background-color: #8B1C13 !important;
    color: #fff !important;
}

.highlight-link {
    color: #942c1e;
    font-weight: 700;
    display: inline-block;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
}
/* 
.int-button:hover {
    box-shadow: inset 0 0 20px rgba(0,0,0,.3);
    color: var(--primaryTextColor) !important;
} */

.int-button_secondary:hover { color: #fff; }

.int-button_icon i { margin-right: 7px; }
.int-button:focus { outline: none !important; }

/* Disabled button styles */
.int-button[disabled='true'], 
.int-button:disabled { 
    opacity: .6;
    pointer-events: none;
}

.int-button[disabled='true']:hover, 
.int-button:disabled:hover { 
    box-shadow: none !important;
    color: inherit !important;
	background-color: inherit !important;
}

.action-button_wrapper .action-btn{ width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border: none;border-radius: 3px;color: #fff;margin-right: 5px;cursor: pointer; }
.action-button_wrapper .action-btn span{ font-size: 16px; }
.action-button_wrapper .action-btn.edit-btn{ background-color: #00589f; }
.action-button_wrapper .action-btn.save-btn{ background-color: #35870c; }
.action-button_wrapper .action-btn.save-btn span{ font-size: 20px; }
.action-button_wrapper .action-btn.cancel-btn { background-color: #c01414; }
.action-button_wrapper .action-btn.move-btn { background-color: #00589f; }
.save-button_wrapper{ display: flex; }
.action-button_wrapper > div{ display: none; }
.action-button_wrapper .edit-button_wrapper{ display: flex; }
.active-tr .action-button_wrapper .save-button_wrapper{ display: flex; }
.active-tr .action-button_wrapper .edit-button_wrapper{ display: none; }
.int-all_btn{ position: absolute;top: 5px;right: 5px;bottom: 5px;left: 5px;padding: 0 !important;background-color: #181347; }
.edit-icon_btn{ width: 32px;height: 26px;display: flex;align-items: center;justify-content: center;background-color: #a5d7ff;border-radius: 5px;border: 1px solid #76c2ff;color: #00589f }
/* RESPONSE MSG */
.int-card .success-text{ width: 100%;padding: 10px;height: auto;border-color: #d8f6c0;background-color: #f1ffeb;color: #307b31; }

/* UPLOADER */
.int-uploader_wrapper > label{ font-size: 12px; }
.int-uploader_group{ position: relative;width: 100%;margin-bottom: 0;display: flex;align-items: center;justify-content: space-between; }
.int-uploader_div > .int-uploader_form{ display: flex;border-radius: 5px;border: 1px solid #ddd;padding: 2px; }
.int-uploader_div .int-upload_btn{ font-size: 10px;padding: 4px 30px 5px;border: none;background-color: #3d368c;color: #fff;border-radius: 5px;margin-bottom: 0; }
.int-uploader_div .int-upload_btn.dummy-text{ background-color: #6257d9;color: #fff;margin-right: 10px; }
.file-name{ font-size: 12px;margin-left: 10px; }
.int-uploader_group input{ position: absolute;opacity: 0;z-index: -1;width: 100%;height: 35px; }
.int-uploader_div .dt-container, .int-uploader_div .dataTables_wrapper{ margin: 0;position: absolute;right: 0;top:  0; }
.int-uploader_div .dt-button{ padding: 0;background-color: transparent;width: auto;height: auto;color: #00f;border: none;position: absolute;top: 7px;right: 10px;font-weight: 500; }
.int-uploader_div .dt-button:hover{ background-color: transparent !important;border: none !important; }
.has-error .file-name{ color: #f00 }
.error-uploader .int-uploader_form{ border-color: #f00; }
.has-error [data-error], .error-uploader [data-error]{ left: 0px;visibility: visible; }
[data-error]{ position: absolute;bottom: -15px;font-size: 10px;font-weight: 500;color: #d51010;left: -10px;visibility: hidden;transition: all .5s ease; }

.int-uploader_wrapper-2{ width: 100%;height: 56px;position: relative;display: flex;align-items: center;justify-content: space-between;padding: 10px;border-radius: 5px;background-color: var(--layoutColor);border: 1px solid var(--borderColor); }
.uploader-input_wrapper{ display: flex;width: 100%;align-items: center; }
.uploader-icon_wrapper{ padding-right: 10px;margin-right: 10px;border-right: 1px solid var(--borderColor); }
.int-uploader_wrapper-2 input{ width: calc(100% - 60px);height: 100%;position: absolute;top: 0;left: 0;opacity: 0; }
.uploader-label{ font-size: 12px;font-weight: 600;color: var(--textColor) }
.uploader-label small{ display: block;font-weight: 500;color: var(--textColorGrayShade) }
.uploader-action_button-wrapper{ display: flex;align-items: center;justify-content: center; }
.int-uploader_wrapper-2 .action-button_icon{ display: none; }
.int-uploader_wrapper-2[data-status='success'] .action-button_icon{ display: flex; }
.int-uploader_wrapper-2[data-status='error'] .action-button_delete{ display: flex; }
.int-uploader_wrapper-2[data-status='success'] .uploader-label small{ color: var(--successInlineColor) }
.int-uploader_wrapper-2[data-status='error'] .uploader-label small{ color: var(--errorInlineColor) }
.uploader-success-icon{ display: none; }
.int-uploader_wrapper-2[data-status='success'] .uploader-default-icon{ display: none; }
.int-uploader_wrapper-2[data-status='success'] .uploader-success-icon{ display: inline-block;color: var(--successInlineColor) } 
.desc-text{ font-size: 10px;color: var(--textShadeColor);position: absolute;top: -5px;right: 20px;background-color: var(--layoutColor);padding: 0 10px }
.samble-download_btn{ font-size: 10px;font-weight: 500;color: var(--secondaryColor);position: absolute;bottom: -15px;right: 0;cursor: pointer; }
.int-uploader_wrapper-2 .dt-buttons{ display: none; }

.cursor-pointer { cursor: pointer !important; }
.font-size-10 { font-size: 10px !important; }
.font-size-12 { font-size: 12px !important; }
.font-size-14 { font-size: 14px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-24 { font-size: 24px !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-400 { font-weight: 400 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }

.text-decoration-none { text-decoration: none !important; }
.text-decoration-underline { text-decoration: underline !important; }

.text-color-shade{ color: var(--textColorGrayShade); }
.text-color-secondary{ color: var(--secondaryColor) }
.text-color-primary{ color: var(--primaryColor) }
.text-color-primary-shade{ color: var(--textShadeColor) }

.devider-or{ display: inline-block;width: 100%;position: relative;height: 1px;background-color: #ddd; }
.devider-or::after{ content: "OR";position: absolute;top: -50%;left: 50%;margin: auto;transform: translate(-50%);margin-top: -10px;padding: 0 15px;background-color: #fff; }



.search-bar_wrapper{ width: 100%;max-height: 400px;overflow-y: scroll;padding: 10px;border: 1px solid #ddd;position: absolute;left: 0;top: 60px;background-color: #fff;border-radius: 8px;z-index: 999;visibility: hidden;transition: all .5s ease; }
.search-bar_wrapper a{ display: block;line-height: 30px;font-weight: 300;font-size: 14px;color: #333;padding: 5px 15px;border-radius: 6px;margin-bottom: 5px; }
.search-bar_visible{ top: 40px;visibility: visible;transition: all .5s ease; }
.first-link, .search-bar_wrapper a:hover{ background-color: #00589f;color: #fff !important;text-decoration: none; }
/*===================== new nav bar=================== */


/* TOPBAR LAYOUT */
.int-card{ padding: 20px;box-shadow: 0 0 20px rgba(0,0,0,.1);background-color: var(--layoutColor);border-radius: 8px;display: inline-block;width: 100%; }
.int-button_wrapper .newround{ font-size: 13px;font-weight: 500;margin-right: 10px;transition: all .5s ease;cursor: pointer; }
.int-button_wrapper .newround.btnActive{ color: var(--primaryColor);font-weight: 600; }
.int-button_wrapper .newround:hover{ color: var(--primaryColor); }
.dashboard-text_data{ position: relative; }
.dashboard-text_data span{ display: block; }
.dashboard-text_data .count-span{ font-size: 36px; }
.dashboard-text_data .small-text{ font-size: 14px; }
.dashboard-icon_data i.fa-solid{ font-size: 40px; }
.success-div .dashboard-icon_data i, .success-div  b{ color: #5cd44b }
.failed-div .dashboard-icon_data i, .failed-div b{ color: #cb3333 }
.invalid-div .dashboard-icon_data i, .invalid-div b{ color: #ff9393 }
.refund-div .dashboard-icon_data i, .refund-div b{ color: #c8a826 }
.dashboard-text_data span:nth-child(1){ color: #8f8f8f; }
.dashboard-icon_data{ position: absolute;right: 35px;top: 43px }

.invoice-message-resp{
    min-height: 265px;
}

/* FORM ELEMENTS */
.int-input_group{ position: relative; }
.int-input_group label{ margin-bottom: 0;font-size: var(--text-fs--base);color: var(--text-primary); font-weight: var(--text-fw--regular);}
.int-input_group label .int-tooltip {
	top: 0;
	/* right: -20px; */
	cursor: pointer;
}
.int-input_group .int-input_control{ width: 100%;height: 32px;border: 1px solid var(--border-color);text-indent: 8px;font-size: var(--text-base);border-radius: 5px;transition: all .5s ease;transition: all .5s ease;background-color: var(--layoutColor); }
.int-input_control:read-only{ background-color: var(--quaternary-color);border-color: var(--border-color); }
.int-input_group .int-input_control:focus, .int-input_group .int-input_select:focus{ outline: none;background-color: #f8f7ff;border-color: var(--border-color); }
.int-input_group .int-input_select{ width: 100%;height: 32px;border: 1px solid var(--border-color);text-indent: 5px;font-size: var(--text-small);border-radius: 5px;transition: all .5s ease; }
.int-required_field.int-input_group .int-input_select{ border-color: #f00; }
.int-required_field.int-input_group .int-input_control{ border-color: #f00; }
.int-error{ position: absolute;bottom: -15px;font-size: 10px;color: #f00;left: -10px;opacity: 0;transition: all .5s ease; }
.int-hasError .int-error{ opacity: 1;left: 0; }
.int-uploader_group{ position: relative;width: 100%;margin-bottom: 0;display: flex;align-items: center;justify-content: space-between; }
.int-uploader_div > form{ display: flex;border-radius: 5px;border: 1px solid #ddd;padding: 6px; }
.int-uploader_div .int-upload_btn{ font-size: 10px;padding: 6px 20px 5px;border: none;background-color: #00589f;color: #fff;border-radius: 5px; }
.int-uploader_div .int-upload_btn.dummy-text{ background-color: #1c4b71;color: #fff;margin-right: 10px; }
.file-name{ font-size: 12px;margin-left: 10px; }
.int-uploader_group input{ position: absolute;opacity: 0;z-index: -1;width: 100%;height: 35px; }
.int-uploader_div .dt-container, .int-uploader_div .dataTables_wrapper{ margin: 0;position: absolute;right: 0;top:  0; }

.input-desc{ position: absolute;bottom: -15px;left: 0;color: var(--secondaryColor);font-weight: 500; }

/* DATATABLE */
#datatable{border-left: none;border-right: none;border-color: var(--border-color);}
.int-datatable_wrapper .table-bordered{ border: unset }
.int-datatable_wrapper .table-bordered th{ border-left: 0;border-right: 0;text-align: left !important; }
.int-datatable_header{ background-color: var(--quaternary-color);border-bottom: 1px solid var(--border-color); }
.int-datatable_header th{ border-bottom: none !important;  font-size: var(--text-fs--base);color: var(--text-color) !important;font-weight: var(--text-fw--semi-bold) !important; border-left: none;border-right: none;padding: 15px 10px; }
.int-datatable_wrapper .dt-container tbody tr td, .int-datatable_wrapper .dataTables_wrapper tbody tr td, .int-datatable_wrapper .table tbody tr td{ vertical-align: middle;font-size: var(--text-fs--base); font-weight: var(--text-fw--regular);border-left: none;border-right: none;padding: 12px 10px;color: var(--text-primary);text-align: left; }
.int-datatable_wrapper .dt-buttons{ margin-bottom: 15px; }
.int-datatable_wrapper .dt-buttons .dt-button{ background-color: var(--quaternary-color);padding: 7px 14px;margin-right: 0;width: auto;height: auto;border: 1px solid var(--border-color);font-size: var(--text-fs--base);font-weight: var(--text-fw--medium);color: var(--text-primary);transition: all .5s ease;border-radius: 5px;margin-right: 6px;cursor: pointer;background-image: none !important; }
.int-datatable_wrapper .dt-search{ position: absolute;right: 0; }
.int-datatable_wrapper .dt-search input{ height: 35px;border-radius: 8px !important;border: 1px solid var(--border-color) !important;text-indent: 10px;font-size: var(--text-fs--base);width: 200px; }
.int-datatable_wrapper .dt-search input::placeholder{ color: var(--text-muted); }
.int-datatable_wrapper .dt-container .dt-paging, .int-datatable_wrapper .dataTables_wrapper .dt-paging{ position: absolute;bottom: 15px;right: 0;border-radius: 5px;border-radius: 5px;font-family: var(--font-family--primary); }
.int-datatable_wrapper .dt-container .dt-paging .dt-paging-button, .int-datatable_wrapper .dataTables_wrapper .dt-paging .dt-paging-button{ padding: 8px;display: inline-block;color: var(--text-primary);font-size: var(--text-fs--base);cursor: pointer;border: none;background-color: transparent; }
.int-datatable_wrapper .dt-search{ display: none; }
div.dt-buttons{ float: left !important; }
.dt-info{ font-size: 14px; }
.int-datatable_wrapper .dt-length select{ border-radius: 5px;border: 1px solid var(--borderColor);height: 30px;background-color: var(--bodyColor); }
.int-datatable_wrapper .dt-container .dt-paging .dt-paging-button.current{ background-color: var(--primaryColor) !important;color: var(--textColorWithPrimary) !important;border-radius: 5px; }
.int-datatable_wrapper .table{ margin-bottom: 0 !important;margin-top: 0 !important; }
.int-datatable_wrapper{position: relative;padding-bottom: 50px; }
.td-input{ border: none;padding: 0; }
.active-tr .td-input{ border: 1px solid var(--borderColor);height: 30px;text-indent: 10px;border-radius: 4px; }
.dt-length{ position: absolute;bottom: 0px;left: 0;font-size: var(--text-fs--base);font-weight: var(--text-fw--medium); }
.dt-info{ position: absolute;bottom: 11px;left: 130px;font-size: var(--text-fs--base);font-weight: var(--text-fw--medium); }
.int-datatable_wrapper .dt-container{ margin-top: 0;position: static;overflow-x: scroll; }
.int-datatable_wrapper .dt-buttons .dt-button:hover{ background-color: var(--secondary-color) !important;border-color: transparent !important;color: var(--text-color--with-primary);text-decoration: none; }
.dt-empty{ text-align: center !important; }
.int-datatable_wrapper .dt-container .int-button_sm{ padding: 6px 15px; }
.action-th{ width: 90px !important; }
div.dt-button-collection{ width: auto !important;z-index: 99999;position: relative;margin-top: 0 !important;padding: 20px !important }
.dt-button-collection > div{ display: flex;flex-direction: column; }
div.dt-button-collection .dt-button-active:after{ top: 21px !important }
.int-datatable_wrapper .dt-container .dt-button-collection button.dt-button{ height: auto;width: auto;border: none;box-shadow: none;font-weight: 300;padding: 6px 18px;border-radius: 6px;text-align: left;margin-bottom: 10px;padding-right: 40px !important; }
.int-datatable_wrapper .text-primary{ cursor: pointer; }
.int-datatable_wrapper .pg-checkbox_box{ margin-bottom: 0; }

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{ text-align: left !important; }

.dt-button-background{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;background-color: rgba(0, 0, 0, .8); }

/* FOR NORMAL TABLE */
.table tbody tr td, .table tbody tr th { font-size: 12px; }
.pg-paymentMethod_wrapper{ padding: 20px;background-color: #f5f5f5;border-radius: 8px;margin-top: 20px;border: 1px solid #ddd; }
.paymentMethod-mopType{ padding: 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 0 5px rgba(0,0,0,.1);margin-top: 15px; }
.paymentMethod-box{ list-style-type: none;padding-left: 0; }

.pg-mopDiv_wrappers{ border: 1px solid #ddd;border-radius: 10px;overflow: hidden; }
.pg-mopDiv_wrappers .method_form{ padding: 10px;background-color: #fff;border-radius: 8px;box-shadow: 0 0 5px rgba(0,0,0,.1);margin-top: 15px; }
.pg-mop_wrapper{ padding: 15px;background-color: #f5f5f5;border-bottom: 1px solid #ddd; }
.pg-checkbox_box{ display: flex;align-items: center; }
.pg-checkbox_box .wwctrl{ line-height: 0; }
.pg-checkbox_box input[type='checkbox'], .pg-radio_box > input[type='radio']{ appearance: none;width: 18px;height: 18px;border-radius: 4px;margin-right: 5px;border: 1px solid var(--border-color); }
.pg-checkbox_box input[type='checkbox']:disabled{ background-color: #ddd; }
.pg-radio_box > input[type='radio']{ border-radius: 50%;margin-right: 5px; }
.pg-radio_box{ display: inline-flex;align-items: center; }
.pg-checkbox_box > span{ font-size: 14px; }
.pg-checkbox_box  input[type='checkbox']:checked, .pg-radio_box > input[type='radio']:checked{ background-color: var(--primaryColor);outline: 1px solid var(--borderColor);outline-offset: -4px; }

/* DIALOG BOX DESIGN */
.int-dialog_wrapper{ position: absolute;  top: 100%;right: 0;background-color: var(--layoutColor);box-shadow: 0 0 5px rgba(var(--boxShadowColor));border-radius: 5px;z-index: 99;visibility: hidden;padding: 15px; }
.int-dialog_wrapper.int-dialog_wrapper-active{ visibility: visible; }
.int-dialog_action{ margin-top: 10px;padding: 10px 0px 0px;border-top: 1px solid var(--borderColor);display: none; }
.int-dialog_wrapper-active .int-dialog_action{ display: block; }
/* POPUP DESIGN */
.int-popup_wrapper{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);z-index: 999;display: none; }
.int-popup_container{ width: 100%;max-width: 991px;height: 100%;margin: auto;display: flex;align-items: center; }
.int-popup_box{ width: 100%;border-radius: 8px;background-color: #fff; }
.popup-header{ padding: 10px 15px;border-bottom: 1px solid #ddd; }
.popup-footer{ text-align: right;padding: 10px 20px;border-top: 1px solid #ddd; }
.close-btn_wrapper{ font-size: 22px;color: var(--textColorGrayShade);position: absolute;top: 10px;right: 20px;cursor: pointer; }

.int-snackbar_wrapper{ padding: 15px 20px;border-radius: 5px;box-shadow: 0 0 8px rgba(0,0,0,.15);font-family: inherit !important; }
.int-snackbar_wrapper.int-snackbar_success{ background-color: #e9ffe5 !important; }
.int-snackbar_wrapper.int-snackbar_success p{ color: #276329 !important;font-weight: 400 !important;  }
.int-snackbar_wrapper.int-snackbar_success button:after{ color: #276329 !important; }
.int-snackbar_wrapper.int-snackbar_failed{ background-color: #fecccc !important; }
.int-snackbar_wrapper.int-snackbar_failed p{ color: #6d1c1c !important;font-weight: 400 !important; }
.int-snackbar_wrapper.int-snackbar_failed button:after{ color: #6d1c1c !important }
.int-snackbar_wrapper p{ font-weight: 500 !important;color: #fff;font-size: 13px; }
.int-snackbar_wrapper button{ color: transparent !important; }
.int-snackbar_wrapper button:after{ content: "\f00d";font-family: 'Font Awesome 6 Free';color: #fff }

.int-confirmation_popup{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -99999;background-color: rgba(0,0,0,.8);visibility: hidden; }
.int-confirmation_popup-active{ visibility: visible;z-index: 99999; }
.int-confirmation_popup-container{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; }
.confirmation-popup_box{ width: 100%;max-width: 320px;background-color: #fff;border-radius: 8px;overflow: hidden; }
.popup-header_icon{ background-color: #ffc53d;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;background-color: #00589f;color: #fff; }
.popup-header_icon i{ font-size: 50px; }
.int-confirmation_popup-close{ position: fixed;top: 20px;right: 20px;cursor: pointer; }
.int-statusPopup_wrapper{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(252,252,252, .85);z-index: 999;display: none; }
.int-statusPopup_container{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; }
.statusPopup-box{ width: 100%;max-width: 380px;padding: 20px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 8px; }
.body-icon_box{ width: 65px;height: 65px;display: flex;align-items: center;justify-content: center;font-size: 25px;color: #fff;border-radius: 50%; }
.body-header_box [data-id='response-status']{ font-size: 25px;display: block;margin-top: 20px; }
.body-header_box [data-id='response-msg']{ font-size: 18px }
[data-status='success'] .body-icon_box{ background-color: #61a33e; }
[data-status='error'] .body-icon_box{ background-color: #ac2e2e; }
.body-icon_box .fa-solid{ display: none; }
[data-status='success'] .body-icon_box .done-icon{ display: block; }
[data-status='error'] .body-icon_box .close-icon{ display: block; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background-color: transparent ; }
::-webkit-scrollbar-thumb { background-color: var(--scrollColor); border-radius: 8px; }
/* ACCORDIAN  */
.int-accordian_header{ display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;border-radius: 5px;background-color: #f0f0f5;box-shadow: 0 0 2px rgba(0,0,0,.3); }
/* SELECTBOX  */

.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 32px;font-size: var(--text-base); }
.select2-container .select2-selection--single{ height: 32px; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ top: 50%; }
.select2-container--default .select2-selection--single{ border: 1px solid var(--border-color);background-color: var(--layoutColor); }

/* BOOTSTRAP SELECTPICKER */
.int-input_group .int-input_select{ width: 100% !important;text-indent: 0; }
.int-input_group .bootstrap-select>.dropdown-toggle{ font-size: 12px;line-height: 32px;padding: 0 8px; }
.int-input_group .bootstrap-select .dropdown-menu{ width: 100%;padding: 5px 10px 10px;font-size: 12px;line-height: 26px; }
.int-input_group .bootstrap-select>.dropdown-toggle:focus{ outline: 0 !important;box-shadow: none !important; }
.int-input_group .btn.dropdown-toggle.btn-light:hover, .int-input_group .btn.dropdown-toggle.btn-light:focus{ background-color: var(--layoutColor);color: var(--textColor) }
.int-input_group .dropdown.bootstrap-select{ width: 100% !important; }
.int-input_group .btn.dropdown-toggle.btn-light{ background-color: var(--layoutColor);border-color: var(--borderColor); }
.int-input_group .btn.dropdown-toggle.bs-placeholder{ color: var(--textColor) }
.int-input_group .dropdown-item.active, .int-input_group .dropdown-item:active{ background-color: var(--primaryColor); }
.int-input_group .dropdown-item{ border-radius: 5px;transition: all .2s ease-in;margin-top: 5px;padding: 5px 15px; }
.int-input_group .dropdown-item:focus, .int-input_group .dropdown-item:hover{ background-color:var(--primary-color);color: var(--text-color--with-primary) !important }

/* TABLE DATA */
 .ui-widget-content{ background-image: none;background-color: #fff; }
 .ui-widget-header{ background-color: #fff;background-image: none;font-weight: 400;border: none; }
 .ui-widget-content .ui-state-default{ border: none;color: #333;font-weight: 400;background-image: none;background-color: transparent;font-size: 14px; }
 .ui-widget-content .ui-state-active{ color: #00589f;font-weight: 600; }
 #ui-datepicker-div{ font-family: inherit; }
 .ui-datepicker{ width: auto !important;box-shadow: 0 0 5px rgb(0 0 0 / 10%);border-radius: 6px;padding: 6px; }
 .ui-datepicker th{ font-weight: 500;font-size: 14px; }
 .ui-datepicker .ui-datepicker-title{ font-size: 14px; }
 .ui-datepicker td{ padding: 5px !important }
 .ui-datepicker-header{ border-bottom: 1px solid #ddd;border-radius: none; }
 .ui-datepicker-prev span:before { content: "\f104";font-family: FontAwesome;position: relative; }
 .int-input_control.daterange-input{ height: 40px; }

/* ui dialoge */
.ui-dialog{ border-radius: 15px !important; }
.ui-widget{ font-family: 'Poppins', sans-serif !important; }
.ui-dialog-buttonset .ui-button{ padding: 6px 20px;margin: 0;font-size: 12px; }
.ui-dialog-buttonset .ui-button:first-child{ background-color: #00589f;color: #fff; }
.ui-dialog-buttonset .ui-button:last-child{ background-color: #c0c0c0; }
.ui-dialog-buttonset .ui-state-default{ height: auto; }
.ui-dialog-buttonset .ui-button-text-only .ui-button-text{ padding: 0; }
.ui-dialog .ui-dialog-content{ font-size: 14px;min-height: auto; }

/* DATEPICKER-FILTER */
.datepicker-filter_wrapper{ border-top: 1px solid var(--borderColor);border-bottom: 1px solid var(--borderColor);border-radius: 5px;font-size: 13px; }
.active-quick_date{ padding: 10px 8px;background-color: var(--primaryColor);color: var(--textColorWithPrimary);display: inline-block;position: relative;padding-right: 40px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;cursor: pointer; }
.quick-date_icon{ position: absolute;top: 13px;right: 16px;font-size: 14px; }
.datepicker-input_box-wrapper{ border-top-right-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden; }
.datepicker-input_box-wrapper > input{ width: 138px;border: none;text-indent: 10px;cursor: pointer; }
.datepicker-input_box-wrapper > input:focus{ outline: none; }
.date-divider{ padding: 10px 15px;background-color: var(--primaryColor);color: var(--textColorWithPrimary); }

/* LOADER CSS */
.loader-wrapper{ align-items: center;background-color: rgba(255, 255, 255, .8);display: flex;justify-content: center;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999990; }
.loader-disabled{ display: none; }
.loader {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	border-top: 4px solid var(--primaryColor);
	border-right: 4px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
  }
  .loader::after {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border-left: 4px solid var(--secondaryColor);
	border-bottom: 4px solid transparent;
	animation: rotation 0.5s linear infinite reverse;
  }
  @keyframes rotation {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  } 

  .invoice-detail_popup-wrapper{ width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,.8);z-index: 9999;display: flex;align-items: center;justify-content: center; }
 .invoice-detail_popup-container {
  	width: 100%;
  	max-width: 610px;
  	background-color: #fff;
  	padding: 0 20px 20px;
  	border-radius: 12px;
  	height: 80%;
  	overflow-x: scroll;
  	box-sizing: content-box;
 }
  .int-checkbox{ position: relative;padding-left: 22px;font-size: 14px;font-weight: 600;line-height: 15px; }
  .int-checkbox input{ appearance: none !important; }
  .int-checkbox .checkmark{ width: 17px;height: 17px;position: absolute;top: 0;left: 0;border-radius: 4px;border: 1px solid #ddd;display: flex;align-items: center;justify-content: center; }
  .int-checkbox .checkmark i{ display: none;font-size: 12px; } 
  .int-checkbox input:checked + .checkmark{ background-color: #00589f;border-color: #00589f;color: #fff; }
  .int-checkbox input:checked + .checkmark i{ color: #fff;display: block; }

  .overflow-auto{ overflow: auto !important; }
  
/* --- selectpicker ----- */



.select2-container--open .select2-dropdown--below{ border: 1px solid var(--border-color);border-radius: 5px; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: var(--lightBgColor);box-shadow: 0 0 7px rgba(0,0,0,.2);padding-left: 10px;border-radius: 5px;color: var(--text-color--over-primary--fade); }
.select2-container--default .select2-results>.select2-results__options{ padding: 8px; }
.select2-results__option{ font-size: 12px; }
.select2-container--default .select2-results__option[aria-selected=true]{ background-color: var(--primaryColor);border-radius: 5px;color: var(--text-color--over-primary); }
.select2-search--dropdown{ padding: 8px;padding-bottom: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field{ border-radius: 5px;border-color: #ddd; }
.select2-container--default .select2-search--dropdown .select2-search__field:focus{ outline: none;background-color: #f8f7ff; }

/* SELECTPICKER WITH CHECKBOX */
input.multi-check_input{ background-color: #fff !important;border: 1px solid #ddd !important;cursor: pointer !important; }
.checkbox-container{ background-color: #fff;position: absolute;top: 120%;left: 0;padding: 15px;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 8px;width: 100%;transition: all .5s ease-in;display: none;max-height: 300px;overflow: auto;z-index: 9999; }
.checkbox-wrapper{ margin-bottom: 0;font-size: 14px;display: flex;align-items: center;margin-bottom: 10px;cursor: pointer; }
.checkbox-wrapper:last-child{ margin-bottom: 0; }
.checkbox-wrapper input, .multipicker-class .checkbox-wrapper input{ appearance: none; }
.checkmark{ width: 17px;height: 17px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 4px;margin-right: 5px; }
.checkmark i{ display: none;font-size: 12px; }
.checkbox-wrapper input:checked + .checkmark{ background-color: var(--primaryColor);border-color: var(--primaryColor); }
.checkbox-wrapper input:checked + .checkmark i{ color: #fff;display: block; }
.caret-icon{ position: absolute;top: 6px;right: 12px;color: var(--gray);font-size: 14px; }
.multipicker-wrapper{ display: inline-block;width: 100%; }
.multipicker-class_active .checkbox-container{ display: block; }

/* ROUTER */
.router-popup_wrapper{ width: 100%;position: fixed;left: 0;top: 0;height: 100%;background-color: rgba(0,0,0,.7);z-index: 999;overflow: auto; }
.router-popup_container{ width: 100%;max-width: 768px;background-color: #fff;border-radius: 8px;margin: auto;margin-top: 30px; }
.cross-icon{ position: absolute;top: -7px;right: 20px;font-size: 22px;cursor: pointer; }

/* CALENDER */
.int-datepicker_wrapper{ width: 570px;background-color: #fff;padding: 15px;box-shadow: 0 0 20px rgba(0,0,0,.1);border-radius: 8px;position: absolute;z-index: 99; }
.int-datepicker_wrapper .ui-datepicker{ box-shadow: none;padding: 0; }
.int-datepicker_wrapper .ui-widget-content{ border: none; }
.datepicker-quickLink span{ font-size: 12px;display: inline-block;padding-right: 10px;margin-bottom: 10px;line-height: 15px; }
.int-datepicker_wrapper .ui-datepicker-prev span:before { content: "\f104";font-family: FontAwesome;position: relative; }
.int-datepicker_wrapper .ui-datepicker-header{ padding: 8px;border: 1px solid #ddd; }
.int-datepicker_wrapper .ui-datepicker-group-first .ui-datepicker-header{ border-right: 0; }
.int-datepicker_wrapper .ui-datepicker-group-last .ui-datepicker-header{ border-left: 0; }
.int-datepicker_wrapper .ui-datepicker .ui-datepicker-prev, .int-datepicker_wrapper .ui-datepicker .ui-datepicker-next{ top: 10px; }
.int-datepicker_wrapper .ui-datepicker .ui-datepicker-prev{ left: 10px }
.int-datepicker_wrapper .ui-datepicker .ui-datepicker-next{ right: 10px }
.int-datepicker .comiseo-daterangepicker-triggerbutton.ui-button{ width: 100%;height: 32px; }


/* TABS DESIGN */
.int-tabs_wrapper{ padding: 10px;background-color: #f0f0f5;border-radius: 5px; }
.tabs-link{ padding: 8px 15px;display: inline-block;font-size: 12px;border-radius: 5px;cursor: pointer; }
.int-tabs_body-wrapper{ padding-top: 15px; }
.tabs-link_active{ box-shadow: 0 0 20px rgb(0 0 0 / 10%);background-color: #fff;color: #000; }
.int-tabs_content{ display: none; }
.tabs-content_active{ display: block; }
.int-tabs_body-wrapper{ max-height: 350px;overflow: auto; }
.int-tab_wrapper{ width: 100%;display: flex;flex-wrap: wrap;overflow: auto;border-radius: 8px;border: 1px solid var(--borderColor); }
.tab-nav_wrapper{ width: 100%;border-right: 1px solid var(--borderColor);display: none;height: inherit;overflow: auto; }
.tab-nav{ display: block;font-size: var(--text-fs--base);padding: 15px;border-bottom: 1px solid var(--border-color);cursor: pointer;font-weight: var(--text-fw--medium); }
.tab-nav:hover{ background-color: var(--quaternary-color); }
.tab-nav_active{ background-color: var(--quaternary-color); }
.tab-nav small{ display: none;margin-top: 2px;color: var(--textColorGrayShade); }
.tab-nav:last-child{ border-bottom: none; }
.tab-content_wrapper{ width: 100%;position: relative; }
.tab-content_box{ display: none; }
.tab-heading_wrapper{ padding: 18px 15px; }
.tab-heading_wrapper h4{ margin-bottom: 0;font-size: var(--text-fs--extra-large);font-weight: var(--text-fw--semi-bold); }
.tab-action_button{ width: 100%;left: 0;bottom: 0;text-align: right;position: absolute;padding: 15px 20px;border-top: 1px solid var(--borderColor); }
.tab-content_mob-nav{ font-size: 14px;font-weight: 500;padding: 15px;background-color: var(--bodyColor);border-bottom: 1px solid var(--borderColor);cursor: pointer; }
/* RESPONSE CONTAINER */
.int-response_container{ position: relative;padding: 10px;padding-left: 40px;background-color: var(--errorInlineBgColor);color: var(--errorInlineColor);border-radius: 5px;margin-bottom: 15px;font-size: 14px; }
.int-response_container[data-status]{ display: none; }
.int-response_container[data-status] i{ display: none; }
.int-response_container[data-status='success']{ display: block;background-color: var(--successInlineBgColor);color: var(--successInlineColor) }
.int-response_container[data-status='success'] .response-success-icon{ display: block; }
.int-response_container[data-status='error'] .response-error-icon{ display: block; }
.int-response_container[data-status='error']{ display: block;background-color: var(--errorInlineBgColor);color: var(--errorInlineColor); }
.int-response_container i { position: absolute;top: 14px;left: 15px; }

/* /// POPUP CONTAINER */



.int-popup{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(231 231 231 / 80%);z-index: 9999; }
.int-popup_container{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; }
.int-popup_box{ width: 100%;max-width: 567px; }
.popup_content{ width: 100%; }

 
input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: auto;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}

input[type="checkbox"]:focus{ outline: 0 }



.toggle{
	height: 18px;
	width: 40px;
	border-radius: 16px;
	display: inline-block;
	position: relative;
	margin: 0;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	transition: all .2s ease;
}
.toggle::after{
	content: '';
	position: absolute;
	top: -4px;
	left: 2px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: white;
	border: 1px solid #ddd;
	transition: all .2s cubic-bezier(.5,.1,.75,1.35);
}

.toggle:checked{ border-color: #1db920;background-color: #70ff73; }
.toggle:checked::after{ transform: translatex(10px) }

.response-list_wrapper .success-msg{ color:#286b11;padding: 8px;display: block;margin-top: 20px;background-color:#e5f1fc;border-radius: 5px; }
.response-list_failed{ margin-top: 15px; }

.response-list_failed h5{ font-size: 15px;font-weight: 400;margin-bottom: 0; }
.response-list_failed ul{ list-style-type: none;padding-left: 0;max-height: 130px;overflow: auto; }
.response-list_failed ul li{ position: relative;font-size: 13px;padding-left: 15px;margin-top: 10px; }
.response-list_failed ul li:after{ content: "";width: 8px;height: 8px;position: absolute;top: 6px;left: 0;border-radius: 50%;background-color: #f00;; }

.response-list_wrapper .error-msg{ color:#720606;padding: 8px;display: block;margin-top: 20px;background-color:#fce5e5;border-radius: 5px; }

/* ACTION ICON BUTTON */

.action-icon_btn{ width: 28px;min-width:28px; height: 26px;display: flex;align-items: center;justify-content: center;border-radius: 3px;margin-right: 5px;font-size: 12px;cursor: pointer; }
.action-btn_delete{ background-color: #ffb5ce;color: #8b1212 }
.action-btn_download{ background-color: #c1efff;color: #1b647e }
.action-btn_upload{ background-color: #bdffcd;color: #217f38 }


/* / LIST STYLES */
.int-list_style-1{ list-style: none;position: relative; }
.int-list_style-1 li{ position: relative;margin-bottom: 10px;padding-left: 15px; }
.int-list_style-1 li::before{ content: "";width: 6px;height: 6px;border-radius: 50%;background-color: #ffa844;position: absolute;top: 5px;left: 0; }
/* // BUTTONS */
.table_btn{ width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 5px;font-size: 14px; }
.int-delete_btn{ color: #d73838;background-color: #ffd3d3;cursor: pointer; }

.disabled-element{ opacity: .7;pointer-events: none; }

/* DEFAULT MODALS */
.int-modal_wrapper{ position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);z-index: 999;overflow: scroll;visibility: hidden; }
.int-modal_wrapper-active{ visibility: visible; }
.int-modal_container{ width: 100%;max-width: 360px;background-color: #fff;border-radius: 8px;box-shadow: 255, 255, 255, .2;margin-top: 50px;margin-bottom: 20px;margin-left: auto;margin-right: auto; }
/* TOOLTIP */
.int-tooltip {
	position: relative;
	/* position: absolute; */
	color: var(--secondary-color);
	cursor: pointer;
}
.int-tooltip:hover::after{ display: block; }
.int-tooltip::after{ content: attr(data-tooltip);top: -26px;position: absolute;white-space: nowrap;left: 50%;font-size: 10px;padding: 5px 10px;background-color: var(--textColor);color: #fff;border-radius: 10px;font-weight: 300;transform: translateX(-50%);display: none; z-index: 3; }

.int-list_styles-2{ list-style: none;padding-left: 0; }
.int-list_styles-2 li{ position: relative;padding-left: 20px;margin-bottom: 15px; }
.int-list_styles-2 li:after{ content: "";width: 10px;height: 2px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-color: #e4b430; }

/* TOGGLE BUTTON */
input.int-toggle_input[type=checkbox]{height: 0;width: 0;visibility: hidden;}
label.int-toggle_label {cursor: pointer;text-indent: -9999px;width: 50px;height: 25px;background: grey;border-radius: 100px;position: relative;}
label.int-toggle_label:after {content: '';position: absolute;top: 3px;left: 5px;width: 25px;height: 18px;background: #fff;border-radius: 90px;transition: 0.3s;}
input.int-toggle_input:checked + label {background: #bada55;}
input.int-toggle_input:checked + label:after {left: calc(100% - 5px);transform: translateX(-100%);}
label.int-toggle_label:active:after {width: 50px;}


.pg-captcha_wrapper{ display: flex;width: 100%;border: 1px solid var(--border-color);background-color: var(--content-layout--bg);height: 45px;padding: 0;border-radius: 10px;overflow: hidden; }
.pg-captcha_wrapper input{ border: none;width: 100%; }
.pg-captcha_wrapper input:focus{ border: none;outline: none; }
.pg-captcha_box{ padding : 15px; }

/* FILTER CSS */
.search-box_wrapper{ display: flex;height: 40px;border: 1px solid var(--border-color);padding: 5px;border-radius: 5px;align-items: center; }
.search-box_input input {
	border: none;
	padding-left: 10px;
	/* border-left: 2px solid var(--borderColor); */
	font-size: var(--text-fs--base);
	width: 100%;
}
.search-box_input{ width: 100%; }
.search-box_input input:focus{ outline: none; }
.search-box_dropdown{ min-width: 100px;display: flex;align-items: center;justify-content: space-between;padding-right: 5px; }
.search-tooltip{ position: absolute;right: 5px;top: 1px }
.search-desc_text{ position: absolute;left: 15px;bottom: 0;font-weight: 500; }

.search-desc_text_datepicker{ left: 15px;bottom: 10;font-weight: 500; }


/* DATATABLE CUSTOM DOWNLAOD */
.custom-download-menu .dropdown-item {
	font-size: 12px !important;
}

.text-time-zone { color: #577791 !important; }
#mobile-timezone { background-color: #8bc8fa; }

.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pl-15 { padding-left: 15px !important; }

.mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mt-4 { margin-top: 4px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-5_238 { margin-bottom: 5.238px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }

.mr-2 { margin-right: 2px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-7 { margin-right: 7px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-80 { margin-right: 80px !important; }

.ml-3 { margin-left: 3px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }

.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-20 { font-size: 20px !important; }

.timezone-dropdown .dropdown-menu {
	max-height: 200px;
	width: 320px;
	overflow-y: auto;
	position: relative;
	padding-top: 0 !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin-top: 5px; /* space for the arrow */
}

.timezone-dropdown .dropdown-menu .dropdown-item {
	cursor: pointer;
}

.timezone-dropdown .dropdown-menu .search-box-container {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	padding: 5px 10px;
	box-sizing: border-box;
	background: white;
	z-index: 1;
}

.timezone-dropdown .dropdown-item.selected {
    background-color: #007bff;
    color: white;
}

/* WebKit Browsers (Chrome, Safari) */
.timezone-dropdown .dropdown-menu::-webkit-scrollbar {
    width: 12px; /* Set the width of the scrollbar */
}

.timezone-dropdown .dropdown-menu::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #3a4357, #2c3344); /* Gradient for track using a lighter shade of the base color */
    border-radius: 10px; /* Round the track edges */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); /* Add shadow inside the track */
}

.timezone-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #2c3344, #1f2633); /* Gradient for thumb using the base color and a darker shade */
    border-radius: 10px; /* Round the thumb edges */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3); /* Add shadow inside the thumb */
    border: 3px solid #f1f1f1; /* Thumb border to give space effect */
}

.timezone-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #1f2633, #2c3344); /* Reverse gradient on hover */
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5); /* Stronger shadow on hover */
}

/* Firefox */
.timezone-dropdown .dropdown-menu {
    scrollbar-width: thin; /* Thin scrollbar */
    scrollbar-color: #2c3344 #f1f1f1; /* Thumb color (base color), track color */
}

.int-input_group .select2-container {
    width: 100% !important;
}

.btn-danger.focus,
.btn-danger:focus {
	box-shadow: none !important;
}

.h-auto { height: auto !important; }
.h-50 { height: 50px !important; }
/* .h-100 { height: 100px !important; } */
.bg-none { background: none !important; }
.box-shadow-primary { box-shadow: 0 0 20px rgba(0,0,0,.1) !important; }

.text-success { color: #28a745!important; }
.text-alert-success { color: #155724!important; }
.border-color-grey { border-color: #ccc !important; }

/* Tooltip styling for the search instruction */
.search-tooltip-text {
    position: absolute;
    top: -45px; /* Adjust based on your input size */
    left: 10px;
    background-color: #0F172A;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid #0F172A;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    z-index: 10;
}

/* Arrow pointing to the input box */
.tooltip-arrow {
    position: absolute;
    bottom: -6px; /* Position the arrow to overlap the input */
    left: 15px; /* Align the arrow with the input */
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #0F172A; /* Same color as the tooltip background */
}

/* Tooltip visible state */
.search-tooltip-text.d-none {
    display: none;
}

/* TOOLTIP */
.eye-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #c1c0c0;
}

.tooltip {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 10;
}

/* LINK STATUS */
.link-status, .txn-status {
	font-size: 11px;
	border-radius: 999px;
	padding: 3px 8px 4px 8px;
}
.link-status.bold {
	padding: 5px 10px 6px 10px;
	font-size: 12px;	
}
.link-status.expired,
.txn-status.failed {
	background: #f6d5d5;
	color: #c62828;
}
.link-status.active,
.txn-status.captured {
	background: #e1f3e4;
	color: #2e7d32;
}

.txn-status.pending {
	background: #fff4d6;
	color: #b3741d;
}

/* INVOICE POPUP HEADER */
.sticky-header {
    position: sticky;
    top: 0;
    background: #ffffff;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
	z-index: 2;
}

.header-title {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}

.invoice-cancel {
    background: #f5f5f5;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    font-weight: bold;
}


/* HIDE ELEMENT ON PRINT MEDIA */
@media print {
    .no-print {
        display: none;
    }
}

.text-black { color: black !important; }

/* BACKGROUND COLOR */
.bg-white { background-color: #fff !important; }

/* CUSTOM POPUP */
.custom-popup {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,.8);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-popup-container {
	width: 100%;
	max-width: 991px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ddd;
	height:100%;
	overflow: scroll;
}

.custom-popup-header {
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	background-color: #f5f5f5;
}

.custom-popup-header span {
	font-size: 50px;
	color: #d2910e;
}

.custom-popup-header h5 { font-size: 18px; }

.custom-popup-content {
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
}

.custom-popup-wrapper {
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
}

.custom-popup-wrapper span { display: block; }

.custom-popup-footer {
	text-align: center;
	padding: 15px;
	border-top: 1px solid #ddd;
}

.custom-popup-footer .btn { padding: 7px 18px; }

@media screen and ( min-width: 768px ) {
	.custom-popup-wrapper{ max-width: 25%;height: auto;overflow: hidden; }
}

/* ************************************** */
/*********** TOGGLE CHECKBOX ***********/
/* ************************************** */
/* Toggle Container */
.toggle-container {
    position: relative;
	height: 40px;
}

/* Hide Default Checkbox */
.toggle-container input {
    display: none;
}

/* Toggle Label (Slider) */
.toggle-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background: #f5f4f4;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    color: #43120D;
	border: 1px solid #dbd9d9;
	font-weight: 500;
    transition: background 0.3s ease-in-out;
}

/* Toggle Slider */
.toggle-label::before {
    content: "";
    position: absolute;
    width: 48%;
    height: 30px;
    background: #43120D;
    border-radius: 50px;
    top: 5px;
    left: 5px;
    transition: transform 0.3s ease-in-out;
}

/* Toggle Text */
.toggle-text {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: color 0.3s ease-in-out;
}

/* Move the slider when checked */
.toggle-container input:checked + .toggle-label::before {
    transform: translateX(100%);
	width: 48%;
}

/* Change text color when toggled */
.toggle-container input + .toggle-label .left {
    color: #fff;
}
  
.toggle-container input:checked + .toggle-label .left {
  color: #43120D;
}

.toggle-container input:checked + .toggle-label .right {
    color: #fff;
}

.notification-area .int-input_group .int-input_control {
	border-color: #caccce;
}

.min-w-115 { min-width: 115px; }
.min-w-135 { min-width: 135px; }
.min-w-145 { min-width: 145px; }

.min-h-50 { min-height: 50px !important; }
.max-h-100 { max-height: 100px !important; }

/* ADMONITION */
.admonition {
    padding: 16px;
    border-left: 4px solid #17a2b8;
    background-color: #54c7ec26;
    border-radius: 5px;
    margin: 20px 0;
}

.admonition-info {
    border-color: #17a2b8;
}

.admonition-title {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 10px;
    color: #17a2b8;
}

.navList-separator {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin: 10px 0;
	padding-top: 15px;
}

.label-right_part{ position: absolute;right: 0;font-weight: 500;font-size: 12px;top: 5px }

.file-name-truncated {
    display: inline-block;
    width: calc(100% - 5px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.upload-box {
	border: 2px dashed #ccc;
	border-radius: 10px;
	padding: 20px;
	cursor: pointer;
	background-color: #f9f9f9;
	transition: all ease .5s;
}
.upload-box:hover {
	background-color: #f1f1f1;
}

.btn-sm { line-height: 1 !important; }
.btn-browse {
	min-width: 90px !important;
	margin-left: 10px !important;
}

.upload-disclaimer {
	background-color: #fff8e1;
	border-left: 4px solid #ffc107;
	padding: 10px 15px;
	margin-bottom: 15px;
	border-radius: 4px;
	color: #6c4400;
}

.text-warning { color: #ffc107 !important; }
.btn-outline-primary:focus { box-shadow: none !important; }

/* MULTIPLE SELECTBOX SETTINGS */
.select2-container--default .select2-selection--multiple { border-color: #ddd !important; }

.select2-selection__arrow {
    right: 10px;
    transform: translateY(-50%);
    top: 50%;
    position: absolute !important;
    right: 5px;
    font-size: 12px;
    color: #333;
}

.select2-container--open .select2-selection__arrow .fa-chevron-down {
    transform: translateY(-50%) rotate(180deg);
    top: 50%;
    position: absolute;
    right: 0;
}

.select2-container--default .select2-selection--multiple {
    padding-right: 30px;
    position: relative;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #ddd !important;
    height: 32px !important;
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 12px !important;
    /* width: auto !important; */
}

.select2-container .select2-selection--multiple .select2-selection__rendered { display: flex !important; }

.no-wrap-label {
	white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

/* Special styles for Business Summary */
.business-summary-item a {
    background-color: var(--darkBgColor);
    border-left: 4px solid var(--primaryColor);
    border-radius: 6px 0 0 6px;
    color: inherit;
    /* box-shadow: 0 0 8px #ffc10755; */
    position: relative;
	transition: all ease 0.5s;
}

/* .business-summary-item a.navList-link{ color: #fff !important } */

.progress-bar-container {
    width: 100%;
    height: 4px;
    background: #333;
    border-radius: 4px;
    overflow: hidden;
    margin: 4px 0 0 0;
}

.summary-progress-bar {
    height: 100%;
    width: 0%;
    background: #ffc107;
    transition: width 0.4s;
}

.live-badge {
    background: #ffc107;
    color: black;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 8px;
}

.int-input_group .int-input_control {
    border-color: var(--border-color) !important;
}

.ui-tooltip {
    color: #cccccc !important;
    font-weight: normal !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    position: absolute !important;
    padding: 10px !important;
    border: none !important;
    background-color: #000 !important;
    box-shadow: none !important;
    border-radius: 2px !important;
}

.highlight-error {
    background-color: #f8d7da; /* Light red */
    border: 1px solid #dc3545; /* Bootstrap danger red */
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 500;
    animation: fadeIn 0.4s ease-in-out;
}

/* Optional smooth fade-in */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.overflow-visible {
    overflow: visible !important;
}

@media screen and (min-width: 768px) {
    .overflow-md-hidden {
        overflow: hidden !important;
    }
    
    .overflow-md-visible {
        overflow: visible !important;
    }    
}