/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
          Custom Arabic font
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@font-face {
    font-family: "Droid Arabic Kufi";
    /* Add other properties here, as needed. For example: */
    font-weight: normal;
    font-style: normal italic;
    src: url(../../fonts/DroidArabicKufi/DroidKufi-Regular.woff2) format('woff2');
}
@font-face {
    font-family: "Droid Arabic Kufi";
    /* Add other properties here, as needed. For example: */
    font-weight: bold;
    font-style: normal italic;
    src: url(../../fonts/DroidArabicKufi/DroidKufi-Bold.woff2) format('woff2');
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Global
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
:root {
    --default-font-family: "droid arabic kufi", "poppins", arial, sans-serif;
    --fonticon-awesome5: "font awesome 5 regular";
    --fonticon-boxicons: boxicons;
    --fonticon-webcomponentsicons: webcomponentsicons;
    --theme-trasparent-color: transparent;
    --theme-body-color: #777;
    --theme-darkgrey-color: #2e2520;
    --theme-grey-color: #bbb;
    --theme-lightgrey-color: #ced4da;
    --theme-borderlightgrey-color: #ced4da;
    --theme-headersidbar-darkbg: #2d2520;
    --theme-headerlightbg: #532a02;
    --theme-headerlink-color: #777;
    --theme-sidebar-dropmenu-bg: #423a36;
    --theme-sidebar-dropmenu-link-color: #abb4be;
    --theme-sidebar-hover-darkbg: #211000;
    --theme-sidebar-hover-lightbg: #3a1d01;
    --theme-sidebar-focus-link-color: #211000;
    --theme-sidebar-active-link-color: #ff9528;
    --theme-sidebar-link-color: #abb4be;
    --theme-sidebar-hover-link-color: #ff9528;
    --theme-color-rgb: 255,136, 14;
    --theme-color: #ff9528;
    --btn-text-color: #181b21;
    --input-focus-color: #ff9528;
    --select-focus-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' transform='scale(1,-1)'%3e%3cpath fill='none' stroke='%23ff9528' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}


body {
    font-family: var(--default-font-family);
    font-size: 13px;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
  .media-body h5 {
    font-size: 1.05rem;
    margin-top: 0;
  }


  /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
      Spaces
  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.mt1-4 {
    margin-top: 1.85rem !important
}
.mt2-4 {
    margin-top: 2.5rem !important;
}
.mt-n5 {
    margin-top: -5.7rem;
}
.flex-none {
    flex:none !important;
}
.flex-growshrink-1 {
    flex:1;
}
.flex-100 {
flex:0 0 100% !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Direction
///////////////////////////////*/
.dir-ltr {
    direction: ltr !important
}

.dir-rtl {
    direction: rtl !important
}
.currency-dir .ms-2 {
    margin-right: initial !important;
    margin-left: 0.5rem !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Line height
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.lh-2 {
    line-height: 2.5 !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Sizing
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40 {
    width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Typography
////////////////////////////////////////////*/

/*=========================================
    Text color
=======================================*/
.text-danger {
    color: #b71439 !important;
}

.text-warning {
    color: #EDC339 !important
}
/*===============================
    Bg Color
===============================*/
.bg-danger {
    background-color: #b71439 !important
}

.bg-secondary {
    background-color: #b71439 !important
}

.bg-secondary1 {
    background-color: rgb(246 246 246) !important;
}
/*===========================
    Fonts
===========================*/
.fs-7 {
    font-size: 0.8rem !important;
}
.fs1-7 {
    font-size: 0.9rem !important;
}
.font-weight-bold, b, strong, .fw-bold {
    font-weight: 600 !important;
}
.card .font-weight-bold:not(a):not(.btn), .card .fw-bold:not(a):not(.btn), .card b {
    color: #2e353e;
}
/*=================================
    Cursor
==================================*/
.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.text-right {
    text-align: end;
}
/*===================================
    Overflow
=====================================*/
.overflow-y-auto {
    overflow-y: auto !important;
}
.overflow-x-auto {
    overflow-x: auto !important;
}
.float-right {
    float:inline-end !important
}

.float-left {
    float: inline-start !important;
}
/*============================================
    Text
=============================================*/
.text-uppercase-fl {
    text-transform:lowercase;
    display:inline-block
}
    .text-uppercase-fl:first-letter {
        text-transform: uppercase;
    }
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}
    /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Header
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
    .header .logo img {
    /* width: 75px;*/
    width: 100px;
}
.header .logo {
    margin-block: 7px 0;
    margin-inline: 15px 0;
    float: inline-start;
}
.header .sep1 {
    margin: 0 9px 0;
}


.logo-container h2.companyName {
    margin-inline-start: 7px !important;
    margin-top: 7px !important;
    font-size: 1rem;
    float:inline-start;
}
.page-header h2 {
    text-shadow: 1.4px 1.7px 1.5px rgb(0 0 0 / 44%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-block: 0 0;
    padding-inline: 9px 7px;
    max-width: 50%;
}
.page-header h2 .btn-back {
    /*margin-right: 5px;*/
    cursor: pointer;
}
#culture-picker {
    /* background-color: #2e2520;*/
    border-color: var(--theme-headerlink-color);
    color: var(--theme-headerlink-color);
    padding-block: 0 0;
    padding-inline: 0.4rem 1.5rem;
    background-image: url(../../images/arrow-down16.png);
    background-size: 16px;
    background-size: 16px;
    background-position: center right 6px;
    border-radius: 3px;
}
    #culture-picker option[value="en-US"] {
        direction:ltr;
        text-align:start;
    }
    #culture-picker option[value="ar-AE"] {
        direction: rtl;
        text-align: start;
    }
.html.header-dark #culture-picker {
    background-color: var(--theme-darkgrey-color);
}
.header .search {
    text-align: center;
    width: auto;
}
.userbox ul li a {
    display: flex !IMPORTANT;
    line-height: 1.5 !IMPORTANT;
    align-items: center;
   
}
:is(html.dark,html.header-dark) .userbox .dropdown-menu a {
    color: var(--theme-headerlink-color);
}
:is(html.dark,html.header-dark) .userbox .dropdown-menu .divider {
    background: var(--theme-headerlightbg);
}
.userbox .dropdown-menu i {
    margin-inline-end: 4px;
}
.page-header .breadcrumbs li.pgTitle {
    margin-inline-start: 15px;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Heading
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
h1 {
    /*font-size: 2em;
  font-weight: 700;*/
}
/*h2 {
  font-size: 1.55em;
}*/
h4 span {
    font-size: 16px;
}
h1 .btn {
  align-self: center;
}
h5 {
    font-weight: 400;
}


.border-heading {
    position: relative;
    text-align: center;
    margin-block: 1rem -1rem;
}

    .border-heading h4 {
        background-color: #fff;
        display: inline-block;
        color: #212529;
        text-transform: uppercase;
        position: relative;
        padding: 0 11px 0;
        margin: 0;
    }

    .border-heading:before {
        content: '';
        width: 100%;
        height: 0.7px;
       inset-inline:0;
        position: absolute;
        background-color: var(--theme-headersidbar-darkbg);
        background-image: linear-gradient(to right, var(--bs-white), #b9b9b9, var(--bs-white));
        top: 10px;
    }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Leftbar
//////////////////////////////////////////*/
html.no-overflowscrolling .nano {

    height: 98%;
}
    html.no-overflowscrolling .nano > .nano-pane {
        background-color: rgba(var(--theme-headershadow), 1) !IMPORTANT;
    }
    ul.nav-main {
        margin-inline-end: 5px;
    }
    ul.nav-main li.nav-parent > a:after {
        inset-inline: auto 0;
    }
    @media only screen and (min-width: 768px) {
        html .fixed .sidebar-left .nano-content {
        padding-bottom: 10px;
    }
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Main Content
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.content-body {
    padding: 25px 25px 40px;
}
@media only screen and (min-width: 768px) {
    html.fixed .inner-wrapper {
        padding-top: 108px;
    }
}
.card {
    margin-bottom: 1rem;
}
.card-header {
    background: #fff;
}
    .card-header h2 {
        font-size: 1.55em;
        margin: 0;
        line-height: 1.2;
        font-weight: 400;
        text-shadow: 2px 2px 2.4px rgb(22 27 33 / 18%);
    }
    .card-header h4 {
        /*text-shadow: 2px 2px 2.4px rgb(22 27 33 / 18%);*/
    }
        .card-header p {
            line-height: 1.3
        }
.card .card-body {
    padding: 1.6rem 1.6rem 1.6rem;
}

.card + .card {
  margin-top: 0;
}

.tab-pane .card-body {
  box-shadow: none;
}
  .tab-pane >.card-body .tab-content {
    padding-inline:0 0;
  }

.tabcontent-has-card {
    background-color: var(--theme-trasparent-color) !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: 0;
}
    .tabcontent-has-card .card > .card-body {
        padding: 1.2rem 1.6rem 2rem;
    }
    .tabcontent-has-card .tab-content {
        border: 1px solid #EEE;
        border-top: 0;
    }
.card.card-featured-left .card-body {
    padding: 1rem 1rem;
}
.tabs .nav-tabs {
    background-color: #fff;
}
.tabs-left .tab-content {
    border-radius: 0;
    border-inline-start: none;
}
.tabs-vertical .nav-tabs {
    width: 20%;
    background-color: #fdfdfd;
}
.tabs.tabs-vertical.tabs-left {
    margin-bottom: 0px !important;
}
/*=======================
    culture Tabs
=====================*/
.card-body:has(.tabs) {
    padding-top: 0 !IMPORTANT;
}
.tabs:not(.tabs-vertical) {
    margin-bottom: 0;
    margin-top: 0.5rem;
}
html body .tabs .nav-tabs .nav-link {
    color: inherit;
}
:not(.tabs-vertical):not(:only-child) .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
    .tabs:not(.tabs-vertical) .nav-tabs li .nav-link{
        background: var(--theme-trasparent-color);
        border-bottom: none;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid var(--theme-trasparent-color);
    }
.tabs:not(.tabs-vertical) .tab-content {
    background-color: #fdfdfd;
    border: 0;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid #ced4da;
    padding-bottom: 1rem;
}
.nav-tabs li .nav-link {
    border-start-start-radius: 5px;
    border-start-end-radius: 5px;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    font-size: 15px;
}
    .nav-tabs li .nav-link.active {
        color: var(--theme-color) !important;
        border-color: var(--theme-color) !important;
    }
.tabcontent-has-card .tab-content:has(.tabs) {
    border: 0;
}
/*======================*/
.pager li + li {
    margin-inline-start: 0.4rem;
}
.card-footer .pager a{
    cursor:pointer;
}
.card-footer .pager li.previous > a > .fas {
    margin-inline-end: 0.25rem;
}
.card-footer .pager li.next > a > .fas {
    margin-inline-start: 0.2rem;
}
#photo {
    height: 139px;
    width: 130px;
    margin-bottom: 10px;
    border-radius: 3px;
    object-fit: contain;
    background-color: #ebedf0;
    padding: 7px;
}

.output{
    height: 56px;
    width: 80px;
    margin-bottom: 0;
    border-radius: 4px;
    background-color: #ebedf0;
    padding: 0;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 14%);
    cursor:pointer;
    position:relative
}
    .output #photo {
        height: 100%;
        width: 100%;
        object-fit: contain;
        padding: 0;
    }
#photoForm.modal-block {
    max-width: 400px;
}
.create-permission {
    max-height: 200px;
    overflow-y: auto;
    min-height: 200px;
}
.msgErrorSuccess, #valid-msg-p1, #valid-msg-p2 {
    width: 20px;
    font-size: 20px;
    position: absolute;
    inset-inline-end: 7px;
    top: 8px;
    z-index: 1;
}
.msgErrorSuccess {
    direction:ltr;
}
    .msgErrorSuccess, #valid-msg-p1, #valid-msg-p2 {
        font-size: 12px;
        height: 20px;
        border: 1px solid green;
        text-align: center;
        border-radius: 50%;
        background-color: green;
        color: #fff !IMPORTANT;
        font-weight: bold
    }
    .iti {
        display: block !important;
    }
        .iti.iti--allow-dropdown {
            display: flex !important;
            flex-direction: row;
            flex-wrap: wrap;
            background-color: #fff;
        }
            .iti.iti--allow-dropdown:has(.form-control:disabled, .form-control[readonly]) {
                background-color: #e9ecef !important;
                opacity: 0.7 !important;
            }
            .iti.iti--allow-dropdown:has(.form-control.error) .iti__selected-flag {
                border-color: #a94442;
            }
            .iti.iti--allow-dropdown:has(.form-control.error:focus) .iti__selected-flag {
                border-color: #ced4da;
            }
            .iti.iti--allow-dropdown .iti__flag-container {
                position: inherit;
            }
            .iti.iti--allow-dropdown :is(input[type=tel],input[type=text],input[type=number]) {
                flex: 1;
                border-start-start-radius: 0;
                border-start-end-radius: 0.25rem;
                border-end-end-radius:  0.25rem;
                border-end-start-radius: 0;
                border-inline-start: 0 !important;
            }
                .iti.iti--allow-dropdown :is(input[type=tel],input[type=text],input[type=number]):focus {
                    /*border-color: #ced4da !important;*/
                    box-shadow:none !important;
                }
.iti--allow-dropdown:focus-within :is(input[type=tel],input[type=text],input[type=number]), .iti--allow-dropdown:focus-within .iti__selected-flag {
    border-color: var(--input-focus-color) !important;
}
:is(.iti--allow-dropdown,.iti--allow-dropdown):focus-within .iti__arrow {
    transform: scaleY(-1);
}
.iti.iti--allow-dropdown .k-invalid-msg.field-validation-error {
    flex: 0 0 100%;
}
.iti--separate-dial-code .iti__selected-flag {
    border-start-start-radius: 0.25rem;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0.25rem;
    border: 1px solid #ced4da;
    margin-inline-end: -1px;
}
.iti__flag-container {
    padding:0 !important;
}
:is(.iti--allow-dropdown,.iti--separate-dial-code) :is(input[type=tel],input[type=text],input[type=number]) {
    padding-right: 7px !important;
    padding-left: 7px !important;
}
.iti__selected-flag >.iti__flag {
    position: relative !important;
}
.iti__selected-flag > .iti__flag:before {
    content: '';
    border: 1px solid #ced4da !important;
    position: absolute !important;
    inset-inline-start: -7px;
    inset-block-start: -10px;
    inset-inline-end: -29px;
    inset-block-end: -10px;
    background-color: rgb(206 212 218 / 10%) !important;
    border-radius: 0.25rem 0 0 0.25rem;
    z-index: -1;
}
.iti--separate-dial-code .iti__selected-dial-code {
    order: 2 !important;
    margin-inline-start: 13px !important;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: var(--theme-trasparent-color) !important;
    border-inline-end: none !important;
}
.iti__arrow {
    border: 0 !important;
    height: 15px !important;
    width: 15px !important;
    background: url(/adminui/img/arrow-down.png) no-repeat center right 4px !important;
    background-size: 15px !important;
}
.iti__arrow--up, .iti__arrow--down {
    border: 0;
    filter: var(--theme-filter);
}
.collapesed-row td .iti__selected-flag {
    min-width:95.7px;
}
.collapesed-row td .iti__country-list {
    width: 240%;
    box-shadow: 3px 5px 7px 0px rgb(83 42 2 / 9%);
    border-color: rgb(223 223 223 / 72%);
    border-radius: 5px;
}
.remitters {
}
.remitterbox {
    text-align: center;
    border: 1px solid #DADADA;
    min-height: 191px;
    border-radius: 0 0 0.3rem 0.3rem;
}
    .remitterbox h5 {
        background: #f6f6f6;
        border-radius: 5px 5px 0 0 !important;
        border-bottom: 1px solid #DADADA;
        padding: 7px;
        margin-top: 0;
        position: relative;
    }
    .remitterbox img {
        max-height: 109px;
        object-fit: contain;
        margin-top: 14px;
    }
    .bent-arrow {
        transform: rotate(7deg);
        width: 100%
    }
.bent-reversearrow {
    transform: rotate(7deg) scaleX(-1);
}
.remitterbox .info-dropdown .dropdown-menu {
    inset-inline:auto 0;
}

    .remitterbox .info-dropdown .dropdown-menu:before {
      inset-inline:auto 10px;
    }
#dateFilter {
    margin-bottom: 0.5rem !important
}
.k-datepicker.k-input .k-icon-button.k-button-md > .k-button-icon {
    font-size: 18px;
}
.k-datepicker.k-input .form-control {
    border-start-start-radius: 0.25rem !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 0.25rem !important;
    border: 0;
}
.k-datepicker.k-input .k-input-button {
    border-start-start-radius: 0 !important;
    border-start-end-radius: 0.25rem !important;
    border-end-end-radius: 0.25rem !important;
    border-end-start-radius: 0 !important;
}
.k-datepicker.k-input .form-control.k-input-inner {
    padding: 0.375rem 0.55rem;
}
#tblDocument .k-datepicker.k-input .k-input-button, .k-datepicker.k-input .k-input-button {
    padding: 0.45rem 0.45rem !IMPORTANT;
}
    #dateFilter .period-wrapper {
        display: flex;
        gap: 0 10px;
        flex-wrap: wrap;
    }
html #dateFilter .k-datepicker .k-button-solid-base, .k-datepicker .k-button-solid-base {
    border-color: #fdfdfd;
    background-color: #fdfdfd;
    min-width: 35px;
    height: auto !important
}

html #dateFilter .k-button-solid-base:not(.k-select):is(.k-hover,:hover,.k-active,:active) {
    background-color: #fff !important;
    background-image: none !important;
    border-color: #fff !important;
    box-shadow: 0 0 0 0.2rem #fff !important;
}
#dateFilter .k-datepicker .k-icon-button.k-button-md > .k-button-icon {
    color: var(--theme-color);
}
.eye-slash-icon:before {
    content: "\f070";
    font-family: var(--fonticon-awesome5);
}
.eye-slash-icon:hover:before {
    content: "\f06e";
    font-family: var(--fonticon-awesome5);
}

.center-doc {
    position: absolute;
    inset-inline-start: 60%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#serviceContent .collapsable-tr .table-responsive {
    max-height: 240px;
    overflow-y: auto
}
.currency-balance {
    list-style: none;
    padding: 0;
}
    .currency-balance .currency-sign {
        background-color: #fff;
        border: 1px solid #ff880d;
        color: #ff880d;
        width: 39px;
        height: 39px;
        text-align: center;
        font-size: 13px;
        line-height: 2.9;
        border-radius: 20px;
    }

    .currency-balance li + li {
        border-inline-start: 1px solid #dee2e6 !important;
    }
    .currency-balance .media + .media {
        border-top: 1px solid #dee2e6 !important;
    }
.badge {
    border-radius: 0.15rem;
    font-weight: 400;
}
.comlianceInstructions p, .comliance-Instructions p {
    white-space: pre-line;
    border: 1px solid var(--theme-color);
    background-color: rgba(var(--theme-color-rgb),0.26);
    padding: 10px 21px;
    border-radius: 0.5rem;
    margin-bottom: 0.3rem;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor:default
}
.mfp-bg {
    background: rgb(11 11 11 / 88%);
    opacity: 1 !important;
}
.mfp-figure:after {
    background: #fff;
}
.widget-summary .summary-icon.bg-primary {
    background-color: #fff !important;
    color: var(--theme-color) !important;
    border: 1.5px solid var(--theme-color)
}

.widget-summary .summary-icon.bg-secondary {
    background-color: #fff !important;
    color: #0088CC !important;
    border: 1.5px solid #0088CC
}

.widget-summary .summary-icon.bg-tertiary {
    background-color: #fff !important;
    color: #1d832e !important;
    border: 1.5px solid #1d832e
}
.widget-summary .summary-icon.bg-quaternary {
    background-color: #fff !important;
    color: #383F48 !important;
    border: 1.5px solid #383F48
}
.fa-stak-icons {
    position:relative
}

    .fa-stak-icons .fa-money-bill {
        position: absolute;
        top: 20.4px;
        inset-inline-start: -0.4px;
        font-size: 20px;
        transform: rotate(90deg);
    }
#feeAmountDisplay {
    white-space:nowrap;
}
.threshold-input {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}
    .threshold-input h4 {
        font-size: 0.85rem;
    }
#ComplianceInstructions {
    text-align: start;
    unicode-bidi: plaintext;
}
.unicode-plaintext, .comliance-Instructions p {
    text-align: start;
    unicode-bidi: plaintext;
}

    .advancesearch-data {
    display:none;
}
#donationButtons {
    position: relative;
}
    #donationButtons .donate-title {
        color: #2e353e;
        vertical-align: middle;
        padding: 3px 7px;
        background-color: #fff;
        display: inline-block;
        margin-block: 0 -27px;
        margin-inline: 14px 0;
        font-size: 18px;
    }

    #donationButtons .donate-buttons {
        border: 1px solid #1f4b1f;
        border-radius: 7px;
        padding: 15px 10px 10px;
    }

        #donationButtons .donate-buttons .btn-success {
            background-color: #1f4b1f;
        }
li.highlighted-tr {
    color: var(--theme-color);
    border-block: 1px solid rgba(var(--theme-color-rgb), 0.30) !important
}
/*==========================================
    Error pages
==========================================*/
.card:has(.error-page) {
    height: calc(100vh - calc(125px + 37px));
}

.card-body:has(.error-page) {
    display: flex;
}

.card-body >.error-page {
    margin: auto;
}
/*=================================
        Info dropdown
   =================================== */
.info-dropdown {
    display: inline-block;
    position: relative;
}

    .info-dropdown .dropdown-menu {
        padding: 12px;
    }

        .info-dropdown .dropdown-menu p {
            margin: 0;
            line-height: 1.2;
            font-size: 12px;
            font-weight: normal;
        }

        .info-dropdown .dropdown-menu:before {
            content: '';
            position: absolute;
            width: 15px;
            height: 15px;
            background-color: #fdfdfd;
            inset-inline-start: 10px;
            top: -8px;
            border: 1px solid #dcdcdc;
            border-style: solid none none solid;
            transform: rotate( 45deg);
        }

.infodropdown-btn:hover ~ .dropdown-menu {
    display: block;
}

/*======================================
    Common filter
=======================================*/
    .common-filter {
        width: auto
    }
        .common-filter .form-control:not(.form-control-lg) {
            line-height: 1.05;
            min-height: 1.85rem;
            background-image: url(../../images/search2.png);
            background-repeat: no-repeat;
            background-position: center right 10px;
            background-size: 14px;
            padding-block: 0.375rem 0.375rem;
            padding-inline: 0.75rem 1.75rem;
        }
.widget-summary .summary-icon {
    width: 65px;
    height: 65px;
    line-height: 67px;
    font-size: 1.8rem;
}
.refund-reciept h2 {
    font-size: 20px;
    margin: 0.2rem 0 0.4rem;
}
.refund-reciept p {
    margin-bottom:0;
    line-height:1.3
}
.refund-reciept .table {
    height: 160px;
    border-bottom: 1px solid #d8dde1;
    margin-bottom: 1rem;
}
    .refund-reciept .table tbody tr, .refund-reciept .table tbody tr td{
        vertical-align:top;
    }
.page-header-without-back h2 .btn-back {
    display:none;
}
/**********Multi Collapsiable**************/
.multi-collapsiable {
    position: relative;
    padding-inline-start: 0.7rem;
}
    .multi-collapsiable .collapesed-row {
        background-color:#fff;
    }
    .multi-collapsiable:before {
        content: '';
        position: absolute;
        inset-inline-start: 8px;
        top: 12px;
        bottom: 0;
        border-inline-start: 1.5px dotted #000;
        z-index: 0;
    }
    .multi-collapsiable:not(:last-child):before, .multi-collapsiable .multi-collapsiable:not(:last-child):before {
        bottom: -8px;
    }
        .multi-collapsiable .multi-collapsiable:before {
        bottom: 0;
    }
    .multi-collapsiable h5 {
        cursor: default;
    }

        .multi-collapsiable h5 .bx {
            position: relative;
            background: #fff;
            z-index: 1;
            margin-inline-start: -10px;
            margin-inline-end: 14px !IMPORTANT;
        }

    .multi-collapsiable .multi-collapsiable h5 .bx:after {
        content: '';
        position: absolute;
        inset-inline-start: -31px;
        top: 7px;
        width: 31px;
        border-top: 1.5px dotted #000;
        z-index: 0;
    }
/***********Forex Display**********/
.forexboard-list {
    list-style: none;
    padding: 0;
    margin: 0 -0.8rem;
}

    .forexboard-list li {
        display: -webkit-flex;
        display: flex;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 25px;
        margin-bottom: 1rem;
    }

        .forexboard-list li > div {
            background-color: #fff;
            text-align: center;
            -webkit-flex: 1;
            flex: 1;
            align-self: center;
            height: 46px;
            box-shadow: 0 1px 7px 0 rgb(45 37 32 / 18%);
            background-color: #FFF;
            font-size: 29px;
            line-height: 1.6;
            cursor: default;
        }

            .forexboard-list li > div.currency {
                display: flex;
                align-items: center;
                padding-block: 0 0;
                padding-inline: 0 10px;
            }

    .forexboard-list .currency .currency-sign {
        display: -webkit-flex;
        display: flex;
        padding-inline-start: 0.5rem;
        flex: 1 1 auto;
        font-size: 13px;
        line-height: 1;
        align-items: center;
        justify-content: space-between;
    }
        .forexboard-list .currency .currency-sign .checkbox-custom {
            margin-bottom:0;
        }
    .forexboard-list .currency span.currency-name {
        font-weight: 400;
    }

    .forexboard-list .currency span.currency-code {
        margin-inline-start: 5px;
    }

    .forexboard-list li > div.currency img {
        width: 64px;
        object-fit: contain;
        height: 48px;
    }
    .forexboard-list .forex-dispaly-heading span{
        font-size:13px;
        font-weight:100;
    }

.btn-select .form-select {
    font-size: 0.85rem;
    text-align: start;
    padding-block: 0.470rem 0.470rem;
}
    .btn-select .dropdown-menu li a span, .btn-select .form-select span {
        display: inline-block;
        margin-inline-end: 1rem;
        inline-size: 40px;
        block-size: 20px;
        vertical-align: bottom;
    }
.btn-select .dropdown-menu {
    width: 100%;
}
.btn-select span.light-green {
    --light-green: #a2e39f;
    background-color: var(--light-green);
}
 .btn-select span.light-brown {
    --light-brown: #d6c994;
    background-color: var(--light-brown);
}
.btn-select span.light-blue {
    --light-blue: #9edbe0;
    background-color: var(--light-blue);
}
/***********Radio box*************/
.custom-radio-box {
    position: relative;
    border-radius: 0.25rem;
    height: 130px;
    margin-bottom: 2rem;
    display: block;
    box-shadow: 3px 5px 7px 1px rgb(0 0 0 / 4%), -3px -5px 5px 1px rgb(0 0 0 / 2%);
}

    .custom-radio-box .radio-custom {
        height: 100%;
        padding: 0;
        position: relative;
    }

        .custom-radio-box .radio-custom label {
            height: 100%;
            padding: 25px 18px 39px;
            font-size: 15px;
            font-weight: inherit;
            line-height: 1.5;
            cursor: default;
            direction: ltr;
        }
        .custom-radio-box .radio-custom label:before {
            top: -8px;
            inset-inline: 50% auto;
            width: 40px;
            height: 40px;
            transform: translateX(-50%);
            border: 1.3px solid #bbb;
        }
        .custom-radio-box .radio-custom input[type="radio"]:checked + label:after {
            content: "\2713";
            font-size: 23px;
            color: #fff;
            line-height: 1.3;
            font-weight: bold;
            background-color: var(--theme-color) !important;
            width: 30px;
            box-shadow: none !IMPORTANT;
            height: 30px;
            top: -12px;
            inset-inline: 50% auto;
            transform: translateX(-50%);
            margin-top: 0;
            text-align: center;
        }
    .custom-radio-box .radio-custom label b {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .custom-radio-box .radio-custom label small.toggleText {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
        .custom-radio-box .radio-custom label small.toggleText1 {
            height: 50px;
            overflow-y: auto;
            display: inline-block;
        }
    .custom-radio-box .toggle-btn {
        position: absolute;
        bottom: 5px;
        inset-inline-end: 20px;
    }
/*=============================
   Custom radiobox1
=============================*/
.btn-group1 {
    text-align: center;
}

    .btn-group1 .custom-radio-box {
        height: 160px;
    }

        .btn-group1 .custom-radio-box label {
            border: 1px solid #ced4da;
            border-radius: .25rem;
            padding: 25px 18px 25px;
            text-align: center;
        }

            .btn-group1 .custom-radio-box label b {
                color: var(--theme-headerlink-color);
            }

            .btn-group1 .custom-radio-box label .fas, .btn-group1 .custom-radio-box label .far {
                display: block;
                font-size: 40px;
                text-align: center;
            }

        .btn-group1 .custom-radio-box .radio-custom label:before {
            top: 11.4%;
            inset-inline:auto 4.8%;
            width: 28px;
            height: 28px;
            text-align: center;
            transform: none;
            border-color: #ced4da !important;
        }

        .btn-group1 .custom-radio-box .radio-custom input[type="radio"]:checked + label:after {
            top: 8.2%;
            inset-inline:auto 6.7%;
            width: 21px;
            height: 21px;
            line-height: 1.6;
            font-size: 14px;
            transform: none;
        }

/***********checkbox box*************/
.custom-checkbox-box {
    position: relative;
    border-radius: 0.25rem;
    height: 130px;
    margin-bottom: 2rem;
    display: block;
    box-shadow: 3px 5px 7px 1px rgb(0 0 0 / 4%), -3px -5px 5px 1px rgb(0 0 0 / 2%);
}

    .custom-checkbox-box .checkbox-custom {
        height: 100%;
        padding: 0;
        position: relative;
    }

    .custom-checkbox-box .checkbox-custom label {
        height: 100%;
        padding: 25px 18px 39px;
        font-size: 15px;
        font-weight: inherit;
        line-height: 1.5;
        cursor: default;
        direction:ltr;
    }

        .custom-checkbox-box .checkbox-custom label:before {
            top: -8px;
            inset-inline: 50% auto;
            width: 40px;
            height: 40px;
            transform: translateX(-50%);
            border: 1.3px solid #bbb;
        }

        .custom-checkbox-box .checkbox-custom input[type="checkbox"]:checked + label:after {
            content: "\2713";
            font-size: 23px;
            color: #fff;
            line-height: 1.3;
            font-weight: bold;
            background-color: var(--theme-color) !important;
            width: 30px;
            box-shadow: none !IMPORTANT;
            height: 30px;
            top: -12px;
            inset-inline: 50% auto;
            transform: translateX(-50%);
            margin-top: 0;
            text-align: center;
        }

    .custom-checkbox-box .checkbox-custom label b {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .custom-checkbox-box .checkbox-custom label small.toggleText {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .custom-checkbox-box .checkbox-custom label small.toggleText1 {
        height: 50px;
        overflow-y: auto;
        display: inline-block;
    }

    .custom-checkbox-box .toggle-btn {
        position: absolute;
        bottom: 5px;
        inset-inline-end: 20px;
    }
/*==================================
        Advance search
===================================*/
.advanceSearch {

}
.advancesearch-data .col-form-label {
    padding-bottom: 0;
}
.advancesearch-data > .row {
    width:100% !important
}

/*********checkbox group************/
.advanceSearch.btn-group > .btn-check + .btn {
    min-height: 47px;
    display: flex;
    align-items: center;
}
.advanceSearch.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .advanceSearch.btn-group > .btn-group:not(:last-child) > .btn {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
}
.advanceSearch.btn-group > .btn:nth-child(n+3), .advanceSearch.btn-group > :not(.btn-check) + .btn, .advanceSearch.btn-group > .btn-group:not(:first-child) > .btn {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
}
.btn-group.advanceSearch > .btn:not(:first-child), .btn-group.advanceSearch > .btn-group:not(:first-child) {
    margin-inline-start: 3px;
}
 /******Branch Group********/
        .branchagentbox {
        position: relative;
        border: 1px solid var(--theme-borderlightgrey-color);
        border-radius: 0.25rem;
        height: 100px;
        margin-bottom: 1rem;
        display: block;
    }
#divNoData .row {
  --bs-gutter-x: 1rem;
}
.branchagentbox .checkbox-custom {
    height: 100%;
    padding: 0;
}
    .branchagentbox .checkbox-custom label {
        display: block;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-block: 16px 20px;
        padding-inline: 39px 27px;
        font-size: 15px;
        font-weight: inherit;
        line-height: 1.2;
        text-align: center;
        cursor: default;
        word-break: break-word;
    }
      .branchagentbox .checkbox-custom label span {
        font-weight: bold;
      }
        .branchagentbox .checkbox-custom label:before {
            top: 23px;
            inset-inline-start: 14px
        }
    .branchagentbox .checkbox-custom input[type="checkbox"]:checked + label:after {
        top: 21px;
        inset-inline-start: 16px;
        margin-top: -3px;
    }
.branchagentbox-dropdown {
    position: absolute;
    inset-inline-end: 7px;
    bottom: 9px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 1.8;
    z-index: 5;
    cursor: pointer;
}

.branchagentbox-dropdown .dropdown-menu {
  padding: 12px;
}
    .branchagentbox-dropdown .dropdown-menu p {
      margin: 0;
      line-height: 1.2;
    }
    .branchagentbox-dropdown .dropdown-menu:before {
        content: '';
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #fdfdfd;
        inset-inline-start: 10px;
        top: -8px;
        border: 1px solid #dcdcdc;
        border-style: solid none none solid;
        transform: rotate( 45deg);
    }
.branchagentbox-btn:hover ~ .dropdown-menu {
    display:block;
}
.modal-body {
    padding: 1rem 1.6rem 1.6rem;
    max-height: 70vh;
    overflow-y: auto;
}
.modal-title {
    font-size: 1.3rem;
}
/*===========================
    Error Message
============================*/
.input-validation-error {
    border-color: #b71439 !important
}
.validation-message ul {
    margin-block: -20px 30px;
    margin-inline: -42px -42px;
    padding-block: 25px 15px;
    padding-inline:  20px 20px;
    position: relative;
}
    .validation-message ul:before {
        content: '';
        border-top: 5px solid #df675b;
        border-bottom: 5px solid var(--theme-trasparent-color);
        border-inline-start: 5px solid var(--theme-trasparent-color);
        border-inline-end: 5px solid #df675b;
        float: inline-start;
        position: absolute;
        height: 0;
        inset-inline-start: 0px;
        bottom: -11px;
    }
    .validation-message ul:after {
        content: '';
        border-top: 5px solid #df675b;
        border-bottom: 5px solid var(--theme-trasparent-color);
        border-inline-start: 5px solid #df675b;
        border-inline-end: 5px solid var(--theme-trasparent-color);
        float: inline-end;
        position: absolute;
        height: 0;
        inset-inline-end: 0px;
        bottom: -11px;
    }
.validation-message ul li label.error {
    margin-top: -4px;
}
.error-page {
    padding: 0 0 0;
    text-align: center;
    max-width: 630px;
    margin: 0 auto
}
    .error-page img {
        max-width: 100%;
        height:auto;
    }
    .error-page h2 {
        font-size: 44px;
        font-weight: 600;
    }

/*=================================
      Currency Viewer
  =================================*/
.currncyviewer-body {
    background-color: #433a36;
}
.currency-selection {
    display: flex;
    flex-direction: column;
    padding-inline-end: 13px
}

  .currency-selection select.form-control {
    height: calc(1.3em + .85rem + 2px);
    font-size: 14px;
    border-radius: 0.35rem;
    padding: .275rem 0.85rem;
    background: url(../images/arrow-down.png) no-repeat center right 5px;
  }
 
  .currency-selection .media img {
    width: 63px
  }

.selectcurrency-dropdown .btn {
  width: 100%;
  text-align: initial;
  font-size: 0.8rem !important;
}

.selectcurrency-dropdown .btn-outline-secondary:not(:disabled):not(.disabled):is(.active,:active),
.selectcurrency-dropdown.show > .btn-outline-secondary.dropdown-toggle,
.selectcurrency-dropdown .btn-outline-secondary:hover {
    color: #2d2520;
    background-color: #ffffff;
    border-color: #c9c9c9;
}

.selectcurrency-dropdown .dropdown-menu .dropdown-item img, .selectcurrency-dropdown .btn-outline-secondary img {
  width: 30px;
  display: none;
}

.selectcurrency-dropdown .btn ~ .dropdown-menu {
  width: 100%;
  text-align: initial;
}

.selectcurrency-dropdown .dropdown-toggle::after {
    content: '\f078';
    font-family: "Font Awesome 5 Solid";

    border: 0;
    position: absolute;
    inset-inline-end: 8px;
    top: 50%;
    transform: translateY(-50%);
}


.currency-list {
    padding: 0;
    list-style: none;
}

    .currency-list li {
        position: relative;
        padding: 4px 13px;
        margin-top: 1px;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s
    }
    .currency-list > li.dropdown:before {
        content: "\e99c";
        font-family: var(--fonticon-boxicons) !important;
        font-size: 24px;
        position: absolute;
        inset-inline-end: 0;
        top: 4px;
        z-index: 2;
        transition: transform 0.3s;
    }
.toggle-currencyListLi.dropdown:before {
    transform: rotate(-90deg);
    transition: transform 0.3s;
}
.currency-list li.activeList {
    color: #2a88b6;
    transition: all 0.3s;
    font-size: 16.1px;
}

.currency-list > li:not(li.dropdown):hover, .currency-list li .menudropdown [data-note]:hover {
    color: #ff880d;
    transition: all 0.3s;
    font-size: 16.1px;
    background-color: var(--theme-headerlightbg);
    position: relative;
}
    .currency-list > li:not(li.dropdown):hover:before, .currency-list li .menudropdown [data-note]:hover:after {
        content: '';
        position: absolute;
        inset-inline-end: -33px;
        top: 0;
        width: 50px;
        height: 30px;
        background-color: var(--theme-headerlightbg);
        transition: all 0.3s
    }
    .currency-list > li:hover .menudropdown {
      color: #2d2520;
    }

.currency-list li .menudropdown {
    display: none;
    padding-inline-start: 24px;
}
    .currency-list li .menudropdown [data-note] {
        position: relative;
        padding: 3.495px 13px;
        color: #26272d
    }

        .currency-list li .menudropdown [data-note]:before {
            content: '\f30b';
            font-family:var(--fonticon-awesome5);
            display: inline-block;
            margin-inline-end: 6px;
        }

.currencybox img {
  width: 100%;
  text-align: inherit;
}

 
.currencybox .currency-photobox:not(:first-child) {
    display: none
}
.viewer-sidebar {
    background-color: var(--theme-darkgrey-color);
    padding: 10px 20px;
    height: 100%;
    color: #abb4be;
}
.toggle-currencyListLi {
    background-color: #433a36;
    color: #ff992b;
    transition: all 0.3s
}

    .toggle-currencyListLi:after {
        content: '';
        position: absolute;
        inset-inline-end: -33px;
        top: 0;
        width: 50px;
        height: 100%;
        background-color: #433a36;
        transition: all 0.3s
    }
/*-----------Signature-------------*/
.signature-wrapper {
    max-width: 700px;
    margin: 0 auto;
}

    .signature-wrapper h3 {
        max-width: 500px;
        width: 100%;
        margin-inline: auto;
    }

    .signature-wrapper #signaturePreview {
        max-width: 500px;
        width: 100%;
        height: 300px;
        border: 1px solid;
        border-color: #888 #888 #fff #888;
        border-radius: 2rem 2rem 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-inline: auto;
    }

        .signature-wrapper #signaturePreview img {
            max-width: 100%;
            width: 400px;
            object-fit: contain;
        }

.signature-buttons {
    display: flex;
    border: 1px solid #888;
    margin-block-end: 1rem;
    border-radius: 5px;
    padding: 0.75rem;
}
/*===============================
    Hamberger Menu
================================*/
.hamburger-menu {
    height: 24px;
    width: 33px;
    cursor: pointer;
    color: currentColor;
    position: absolute;
    padding: 4px;
    z-index: 2;
    transition: all 0.3s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1px 0;
}

.bar-top, .bar-middle, .bar-bottom {
    height: 3px;
    background: #00713c;
    border-radius: 5px;
    transform-origin: left;
    transition: all 0.5s;
    flex: 10 0 100%;
}

.bar-bottom {
    margin-bottom: 0;
}

.togglerightbar-menu .bar-top {
    transform: rotate(45deg) translate(1px, -5px)
}

.togglerightbar-menu .bar-middle {
    transform: translateX(1rem);
    opacity: 0;
}

.togglerightbar-menu .bar-bottom {
    transform: rotate(-45deg) translate(0px, 5px)
}
    /*============================
        Stack Icons
    ===============================*/
.stack-icon.fa-permisson-icon {

}
    .stack-icon.fa-permisson-icon .fa-key {
        color: #ffffff;
        font-size: 0.7rem;
        line-height: 1.7;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        box-shadow: 0 0 0px 2px #fff;
        background: var(--theme-color);
        transform: translate(16px,9px);
    }
 /*=========================================
    Exchange
==========================================*/
    .exchange-container .exchange-control {
        position: relative;
        display: block;
        text-align: center;
        border-radius: 5px;
    }
.exchange-container h4 {
    background-color: var(--theme-color);
    margin: 0 -12px;
    padding: 10px;
    color: #fdfdfd;
}
    .exchange-container h4 .btn-refresh {
        position: absolute;
        inset-inline-end: 16px;
        top: 10px;
        font-size: 29px;
        text-shadow: 2px 3px 0px rgb(209 117 22 / 45%);
        cursor: pointer;
    }
        .exchange-container h4 .btn-refresh:hover {
            text-shadow: 2px 5px 0px rgb(191 105 15 / 44%);
            color: #fdfdfd;
            transform: translateY(1px);
        }
    .control-label {
  display: flex;
  flex-direction: row;
}
        .control-label label {
            border: 1px solid #b3b3b3;
            border-start-start-radius: 0;
            border-start-end-radius: 0.25rem;
            border-end-end-radius: 0.25rem;
            border-end-start-radius: 0;
            border-inline-start: 0;
            flex: 0 0 65%;
            background-color: #fff;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 2px;
        }
  .control-label .form-control {
    border-radius: 0.25rem 0 0 0.25rem;
    flex:1;
    height: 1.7rem;
    min-height: 0.4rem;
  }
.exchange-control .form-control {
    height: 1.5rem;
    min-height: 0.4rem !important;
    padding: 0 3px;
    border-color: #b3b3b3;
    text-align: end
}
.exchangecontrol-heading {
  display: flex;
  padding: 12px 5px 0px;
}
.exchange-control h5 {
    margin-top: -2px !important;
    margin-bottom: 3px !important;
    margin-inline-start: 5px;
}
.exchange-container h2 {
  margin: 0 -10px;
  font-weight: 600;
  font-size: 25px;
}

.exchange-container p {
  margin-bottom: 0 !important;
  color: #171310;
}
.exchange-container .card-body > .row > [class^=col-]:not(:first-child) h4 {
    border-inline-start: 1px solid #fdfdfd;
}

  .exchange-control input[type=number]::-webkit-outer-spin-button,
    .exchange-control input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
.exchange-control input[type=number] {
    appearance: textfield;
    -webkit-appearance: textfield;
}
.exchange-control .input-group-text {
    border: 1px solid #e57a0b;
    font-size: 0.7rem;
    line-height: 0.9;
    padding: 0.375rem 0.4rem;
    min-width: auto;
}
.modal .exchange-container .card-body {
    padding:0 !important
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Wizard
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.form-wizard {
    margin-bottom: 0.1rem;
}
:is(html,html.dark) .wizard-progress.wizard-progress-lg .wizard-steps {
    padding-top: 13px;
    padding: 15px 0 11px;
    display: flex;
    gap: 0 3px;
}
:is(html,html.dark) .wizard-progress.wizard-progress-lg ul li {
    max-width: inherit;
    min-width: auto;
    flex: 1;
}
    :is(html,html.dark) .wizard-progress.wizard-progress-lg ul li a span {
        width: 100%;
        height: 40px;
        margin-top: -22px;
        margin-inline-start: 0;
        inset-inline-start: 0;
        border-radius: 0;
        line-height: 39px;
        font-size: 18px;
        text-shadow: 2px 2px 5px rgb(83 42 2 / 39%);
        border-width: 2px;
        color: #323439;
        font-weight: 400;
    }
    html .wizard-progress.wizard-progress-lg ul li a span,
    html .wizard-steps > li.active :is(a span,a:hover span,a:focus span) {
        text-shadow: none;
    }
:is(html,html.dark) .wizard-progress.wizard-progress-lg .steps-progress {
    margin: 0 0;
    height: 4px;
    top: -10px;
}
:is(html,html.dark) .wizard-progress.wizard-progress-lg ul li a {
    padding-top: 22px;
    font-size: 12px;
    font-weight: 600;
}

:is(html,html.dark) .wizard-progress.wizard-progress-lg {
    margin: 0 auto 0px;
    width: 60%;
    line-height: 12px;
}
.header-wizard {
    display: flex;
    justify-content: space-between;
}

    .header-wizard h1 {
        -webkit-flex: 1;
        flex: 1;
    }
.steps-percents {
    width: 40px;
    height: 24px;
    font-size: 9px;
    font-weight: bold;
    background-color: #fff;
    border: 2px solid #CCC;
    position: absolute;
    z-index: 1;
    border-radius: 45%;
    top: -11px;
    margin-inline-start: -20px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: left 0.4s;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    New Steps
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.steps-wrapper {
    width: 70%;
    margin-inline: auto;
    margin-block-end: 0.7rem;
}

    .steps-wrapper .progress {
        background-color: #CCC;
        height: 0.15rem;
        box-shadow: none;
        border-radius: 0;
        margin-block-end: 0.15rem;
    }

    .steps-wrapper .progress-bar {
        background-color: var(--theme-color);
        border-radius: 0;
    }

    .steps-wrapper ul.steps {
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        list-style: none;
        justify-content: space-between;
        column-gap: 0.2vw;
        width: 100%;
    }


    .steps-wrapper .steps li {
        flex: 1;
        text-align: center;
        color: #33333F;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.2;
    }

        .steps-wrapper .steps li span {
            display: block;
            background-color: #CCC;
            height: 36px;
            font-size: 17px;
            line-height: 2.2;
            border: 2px solid #ccc;
            font-weight: 400;
            margin-bottom: 3px;
        }

        .steps-wrapper .steps li:has( ~ li.currentLi) > span {
            border-color: var(--theme-color);
            background: var(--theme-color);
            color: var(--btn-text-color);
        }

        .steps-wrapper .steps li.currentLi > span {
            background-color: var(--bs-white);
            color: var(--theme-darkgrey-color);
            border-color: var(--theme-color);
        }

.steps-container {
    background: #fdfdfd;
}

    .steps-container .tabpan {
        display: none;
    }

        .steps-container .tabpan.currentTabpan {
            display: block;
        }

.steps-pager :is( #prev, #complete) {
    display: none;
}


.steps-pager {
    background-color: #fff;
    padding: 0.75rem 1.25rem;
    margin-block-start: 1rem;
    display: flex;
    align-items: center;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .steps-pager .btn > .bx {
        vertical-align: bottom;
    }

body:has(.steps-wrapper .steps li:last-child.active.currentLi) .steps-pager #next {
    display: none;
}

body:has(.steps-wrapper .steps li:last-child.active.currentLi) .steps-pager #complete {
    display: inline-block;
}

body:has(.steps-wrapper .steps li + li.active.currentLi) .steps-pager #prev {
    display: inline-block;
}

body:has(.steps-wrapper .steps li:not(:is(.active.currentLi))) .steps-pager #prev {
    display: none;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Slider Range
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.slider-range {
    width: 100%;
    height: 60px;
    padding: 30px 19px;
    margin-bottom: 10px;
    background: #fcfcfc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
}

    .slider-range p {
        font-size: 26px;
        padding-inline-start: 30px;
        color: #2d2520;
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .slider-range input[type="range"] {
        -webkit-appearance: none !important;
        width: 420px;
        height: 2px;
        background: #2d2520;
        border: none;
        outline: none;
    }

        .slider-range input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none !important;
            width: 30px;
            height: 30px;
            background: var(--theme-color);
            border: 2px solid var(--theme-color);
            border-radius: 50%;
            cursor: pointer;
        }

            .slider-range input[type="range"]::-webkit-slider-thumb:hover {
                background: #2d2520;
            }
 /*========================================
     Keno UI Steps
 =========================================*/
.k-wizard {
    padding: 0 1.25rem 1.25rem 1.25rem !important
}
.k-wizard-horizontal .k-wizard-steps {
    margin-top: 0.7rem !important;
}
.k-step-list {
    position:relative;
}

.k-step-list-horizontal ~ .k-progressbar {
    background-color: #cccccc;
}
.k-stepper .k-step-current .k-step-indicator {
    border-color: #e18706 !important;
    color: #e18706 !important;
    background-color: #fff !important;
}

.k-stepper .k-step-indicator {
    width: 40px !important;
    height: 40px !important;
    border-width: 2px !important;
    background-color: #cccccc !important;
    border-color: #cccccc !important;
    color:#fff !important
}
.k-stepper .k-step-indicator::after {
    box-shadow: none !IMPORTANT;
    display: none !important
}
.k-stepper .k-step-done .k-step-indicator {
    border-color: #e18706 !important;
    color: #fff;
    background-color: #e18706 !important;
    box-shadow: none !important;
}
.k-progressbar .k-state-selected {
    color: #fff;
    background-color: #e18706 !important;
}
.k-step-list-horizontal ~ .k-progressbar {
    height: 3px !important;
    z-index: 0;
    top: 21px !important;
}
.k-step-list-horizontal .k-step-label {
    font-size: 13px;
}
.k-stepper .k-step-current .k-step-label {
    font-weight: 400;
}
.k-wizard .k-wizard-step {
    padding: 0 !important;
}
.k-step-list-horizontal .k-step-indicator + .k-step-label {
    margin-top: 0px !important;
}
.k-wizard-buttons {
    padding: 0.5rem 1rem;
    border-radius: 0 0 calc(0.25rem - 1px);
    background: #FFF;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    margin-top: 0rem !important;
}
.k-wizard .k-wizard-buttons .k-button {
    border-radius: 1.1rem !IMPORTANT;
}
.k-stepper .k-step-label .k-step-text {
    white-space: normal !important;
    line-height: 1.1 !important;
}
.k-wizard .k-wizard-step.k-state-focused, .k-wizard .k-wizard-step:focus {
    outline: none !important;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    form
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.sterick:after {
    content: '*';
    display: inline-block;
    color: #CC0000;
    margin-inline-start: 2px;
}
select.form-control {
    overflow: hidden !IMPORTANT;
    text-overflow: ellipsis;
    white-space: nowrap;
}
select:not([multiple]):focus {
    background-image: var(--select-focus-chevron-down);
    background-size: .7em;
    background-repeat: no-repeat;
}
select:not([multiple]) {
    background-image: url("data:image/svg+xml,%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");
    background-size: .7em;
    background-repeat: no-repeat;
}

.form-control.datepicker {
    line-height: 1.25 !IMPORTANT;
}
.form-control[type=text], select.form-control {
    text-align: start;
    unicode-bidi: plaintext;
}
:is(.form-control,.form-control-plaintext):focus-visible {
    outline: none
}
.input-group .input-group-text {
    color: #fdfdfd;
    background-color: #ff880d;
}
.form-group + .form-group {
  border-color: #dcdcdc;
}
label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.145rem + 1px);
}
.input-group-text {
    font-size: 1.05rem;
    min-width: 54px;
    justify-content: center;
}
input[type=file]::file-selector-button, input[type=file]::file-selector-button:hover {
    background-color: #ff9b34 !important;
    border-color: #ff9b34;
    color: #fff;
    font-weight:500;
    padding: 0.5em;
    border: thin solid #ff9b34;
    border-radius: 4px;
    cursor: pointer
}
/*----------Advance Search-----------*/
.advance-inputsearch {
    border: 1px solid #ced4da;
    overflow: hidden;
    border-radius: 20px;
}
    .advance-inputsearch > .form-control {
        border: 0;
    }
    .advance-inputsearch :is(.form-control ~ .btn,.btn ~ .form-control) {
        border: 0;
        color: var(--theme-darkgrey-color);
        background-color: var(--bs-white);
        min-width: 3.5rem;
    }
    .advance-inputsearch:focus-within {
        border-color: var(--input-focus-color);
    }
/***Remove the controller autocomplete****/
input:is([type=text], [type=number], [type=password]):is( :-webkit-autofill, :-webkit-autofill:hover, :-webkit-autofill:focus, :-webkit-autofill:active ) {
    transition: background-color 5000s ease-in-out 0s;
}

.input-group > .input-group-text:first-child:only-of-type + .form-control {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
}
/*********Fixed input date layout issue***********/
.hide {
    display: none;
}
input[type="date"][data-date] {
    position: relative;
}
    input[type="date"][data-date]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 3px;
        inset-inline-end: 0;
        margin-top: 6px;
        margin-inline-end: 5px;
    }
    input[type="date"][data-date]::-webkit-datetime-edit, input[type="date"][data-date]::-webkit-inner-spin-button, input[type="date"][data-date]::-webkit-clear-button {
        display: none;
    }
    input[type="date"][data-date]:before {
        position: absolute;
        content: attr(data-date);
        padding: 0.37rem 0.6rem;
        display: block;
        inset-inline-start: 0;
        top: 0;
    }
.radio-custom label:before {
    border: 2px solid #bbb;
    inset-inline:0 auto;
}
input[type="date"] {
    position: relative;
}
    input[type="date"]:before, .dateRangeSearchFilter .input-group:has(input.daterange-input):before {
        content: "\f133";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        inset-block-start: 4px;
        inset-inline-end: 12px;
        font-size: 16px;
        color: var(--theme-color);
        pointer-events: none;
        background-color: #fff;
        z-index: 0;
    }
/******Select working days*******/
.workingdays-wrapper {
    border: 1px solid #dadada;
    border-radius: 0.25rem;
}
    .workingdays-wrapper .workingdays-collapsable {
        display: block;
        box-shadow: none;
        margin-bottom:0;
        max-height: 285px;
        border:0;
    }
.selectwordingdays {
    display: block;
    padding: 3px 5px;
    color: #1c7430 !important;
    font-size: 13px !IMPORTANT;
    font-weight: 600;
}

.workingdays-wrapper h4 {
    height: calc(1.8em + 0.75rem + 2px);
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    margin: 0;
    font-size: 13px;
    position: relative;
    cursor:pointer;
}
.workingdays-wrapper .focused-heading {
    border-color: rgba(var(--theme-color-rgb), 0.10);
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgba(var(--theme-color-rgb) ,0.30);
}
.workingdays-wrapper h4:after {
    position: absolute;
    inset-inline-end: 1px;
    content: '';
    background: url(../img/arrow-down.png) no-repeat center right 8px;
    background-size: 14px;
    width: 21px;
    height: 21px;
    transition: transform 0.3s;
}

    .workingdays-wrapper h4.toggle-h4:after {
        transform: scaleY(-1);
        transition: transform 0.3s;
    }

.workingdays-collapsable {
    display: none;
    list-style: none;
    padding: 0px 20px 10px;
    border: 1px solid #dadada;
    border-top: 0;
    box-shadow: 0px 5px 7px 0px rgb(218 218 218 / 64%);
    border-radius: 0 0 3px 3px;
    max-height: 200px;
    overflow-y: auto;
}

    .workingdays-collapsable li {
        display: flex;
        align-items: center;
        padding: 9px 0px;
    }

        .workingdays-collapsable li + li {
            border-top: 1px solid #dadada;
        }
        .workingdays-collapsable li input[type=checkbox] ~ label {
            padding-inline-start: 0.3rem;
        }
.converter-form .coversion-div {
    border-start-start-radius: 0 ;
    border-start-end-radius: 0;
    border-end-end-radius: 3rem;
    border-end-start-radius: 3rem;
    margin-top: -12px;
    padding: 1.5rem;
    margin-bottom: 3rem;
    background-color: #b71439;
    box-shadow: 1px 0.4rem 0.7rem rgb(183 20 57 / 63%) !important
}
.coversion-div h2{
    color: #fff !important;
    font-size: 36px;
    font-weight: 700;
}
.coversion-div .cfcode, .coversion-div .ctcode, .coversion-div p{
    text-shadow: 1px 3px 5px rgb(67 93 67 / 40%);
}
.converter-form .input-group-text {
    color: currentColor !important;
    padding: 0 0.75rem;
    min-width: 70px;
}
.converter-form .col-form-label {
    font-size: 0.9rem;
}
.converter-form .form-control:not(.form-control-sm):not(.form-control-lg), .converter-form  .btn {
    min-height: 3rem !important;
}

.converter-form .k-list-md :is(.k-list-item,.k-list-optionlabel) {
    line-height: 1.3 !important;
}

.converter-form .k-input-button {
    align-self: center;
}
.converter-form .k-input-value-text {
    text-align: center;
}
.converter-form [aria-controls="FromCurrencyId_listbox"] {
pointer-events:none;
}
.converter-form [aria-controls="FromCurrencyId_listbox"] button.k-select {
    display: none
}
#frmMain.input-group .form-control, [id*=_customerSearch] .input-group .form-control, .searchbar1 .input-group .form-control {
    padding: 0.675rem 1.05rem;
}

#frmMain.input-group :is(.form-control,#btnSearch),
[id*=_customerSearch] .input-group :is(.form-control,.btn[id*=_searchButtonTop]),
.searchbar1 .input-group :is(.form-control,.form-control ~ .btn) {
    border: 0;
    box-shadow: none;
}

        #frmMain.input-group #btnSearch, [id*=_customerSearch] .input-group .btn[id*=_searchButtonTop], .searchbar1 .input-group .form-control ~ .btn {
            min-width: 3.4rem;
            padding: 0 !important;
            font-size: 20px;
            color: var(--theme-body-color);
        }

            #frmMain.input-group #btnSearch:hover, #frmMain.input-group #btnSearch:focus, [id*=_customerSearch] .input-group .btn[id*=_searchButtonTop]:hover, [id*=_customerSearch] .input-group .btn[id*=_searchButtonTop]:focus .searchbar1 .input-group .btn:hover, .searchbar1 .input-group .focus {
                background-color: #fff;
                color: var(--theme-body-color);
            }

            #frmMain.input-group #btnSearch .fas, [id*=_customerSearch] .input-group .btn[id*=_searchButtonTop] .fas, .searchbar1 .input-group .form-control ~ .btn .fas {
                font-size: 22px;
                line-height: 1.8;
            }

#frmMain.input-group, [id*=_customerSearch] .input-group, .searchbar1 .input-group {
    border: 1px solid #ced4da;
    border-radius: 50px;
    overflow: hidden;
}

    #frmMain.input-group:focus-within,
    :is([id*=_customerSearch],.searchbar1) .input-group:focus-within {
        border-color: var(--input-focus-color);
    }

        #frmMain.input-group:focus-within #btnSearch, [id*=_customerSearch] .input-group:focus-within .btn[id*=_searchButtonTop], .searchbar1 .input-group .form-control ~ .btn {
            color: var(--theme-darkgrey-color);
        }
.form-control:is(:disabled,:read-only) + .k-input-button.k-icon-button {
    background-color: #e4e7eb !important;
    border-color: #e4e7eb !important;
    opacity: 0.7;
}
.form-control:disabled, .form-control[readonly] {
    opacity: 0.7;
}
.searchbar1 .btn:focus {
    outline:none;
    border:none;
    box-shadow:none

}
#customerSearch > .input-group {
    border: 1px solid #ced4da;
    overflow:hidden;
    border-radius:20px;
}
#customerSearch > .input-group > .form-control {
    border:0;
}
    #customerSearch > .input-group:focus-within {
        border-color: var(--input-focus-color);
    }
    #customerSearch > .input-group .form-control ~ .btn {
        border: 0;
        color: var(--theme-darkgrey-color);
        background-color: var(--bs-white);
        min-width: 3.5rem;
    }
    /*======================================
    Buttons
=======================================*/
    .btn {
    min-width: 4.5rem;
    padding: 0.3rem 0.75rem;
}
    .btn + .btn {
        margin-inline-start: 0.3rem;
    }
    .btn > .bx {
        line-height: 1.2;
        font-weight: 800;
        margin-inline-end: 2px;
        font-size: 17px;
    }
.input-group > .btn > .bx {
    line-height: 1.4;
    margin-inline-end: auto;
}
.btn > :is(.fas,.far) {
    line-height: 1.2;
    margin-inline-end: 4px;
    font-size: 16px;
}
.input-group .btn {
    padding: 0.47rem 0.75rem;
}
.btn-outline-secondary {
    color: var(--theme-darkgrey-color);
    border-color: var(--theme-darkgrey-color);
}
    .btn-outline-secondary:hover {
        color: #fff;
        background-color: var(--theme-darkgrey-color);
        border-color: var(--theme-darkgrey-color);
    }
    .btn-outline-secondary:is(:active,.active,.dropdown-toggle.show) {
        color: #fff;
        background-color: var(--theme-darkgrey-color);
        border-color: var(--theme-darkgrey-color);
    }
.input-group .btn-transfer {
    min-width: auto;
    background-color: #fff;
    border-radius: 50%;
    padding: 0.085rem 0.25rem !IMPORTANT;
    line-height: 1;
    margin: 0 0.15rem;
}

.btn-outline-success {
    color: #1f4b1f;
    border-color: #1f4b1f;
}
    .btn-outline-success:is(:hover,:active,.active,.dropdown-toggle.show) {
        color: #fff;
        background-color: #1f4b1f;
        border-color: #1f4b1f;
    }
.btn-outline-danger {
    color: #b71439;
    border-color: #b71439;
}

    .btn-outline-danger:is(:hover,:active,.active,.dropdown-toggle.show) {
        color: #fff;
        background-color: #b71439;
        border-color: #b71439;
    }
.btn-info, .btn-info:is(:hover,:active,.active),.btn-info.dropdown-toggle.show {
    color: #333;
}
/*==============================
    Select2
=================================*/
    .select2-container {
        width: 100% !important;
    }
.select2-dropdown {
    z-index: 1000;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #c9c9c9;
    border-radius: 0.25rem;
}

    .select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow {
        transform: scaleY(-1);
    }
    .select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow > b {
        filter: var(--theme-filter);
    }

.select2-container :is(.select2-selection--single,.select2-selection--multiple) {
    height: 2.4rem;
    line-height: 1.85;
    border: 1px solid #ced4da;
}
.select2-container :is(.select2-selection--single,.select2-selection--multiple):focus-visible {
    outline: none;
    border-color: rgba(var(--theme-color-rgb), 0.11);
    box-shadow: 0 1px 1px rgba(var(--theme-color-rgb), 0.11) inset, 0 0 8px rgba(var(--theme-color-rgb), 0.30);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 11px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    width: 30px;
    top: 3.7px;
    inset-inline: auto 2.7px;
    position: absolute;
    background: url(../../adminui/img/arrow-down.png) no-repeat center right 8px;
    background-size: 15px;
}

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
  }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f6f6f6;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--input-focus-color);
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgba(var(--theme-color), 0.30);
    outline: none;
}
.select2-container--default.select2-container--disabled :is(.select2-selection--single,.select2-selection--multiple) {
    background-color: #e9ecef;
    opacity: 0.7;
    border-color:var(--theme-borderlightgrey-color) !important;
}
.select2-container .select2-selection--multiple {
    height: auto;
    max-height: 4.3rem;
    overflow-y: auto;
    min-height: 2.4rem;
    /*border-color:var(--theme-color) !important*/
    border-color: var(--theme-borderlightgrey-color)
}
.select2-container--open {
    z-index: 1200
}
.select2-results__option {
    color: var(--theme-darkgrey-color);
    padding: 2px 6px;
}
.select2-container--default .select2-results__option--selected {
    background-color: #f8f9fa;
}

/*===============================
      Custom checkbox
  =================================*/
.checkbox-custom {
    vertical-align: middle;
}
.checkbox-custom:last-child {
    margin-bottom:7px
}
 .checkbox-without-label label {
    font-size: 0;
}
.checkbox-without-label {
    display: inline-block;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
      Table
  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.table {
}
    .table > :not(caption) > * > * {
        padding: 0.5rem 0.5rem;
    }
    .table > :not(:last-child) > :last-child > * {
        border-bottom-color: rgb(222, 226, 230);
        border-top: 1px solid rgb(222, 226, 230);
    }
    .table thead th {
    }

    .table thead :is(th,td) {
        background-color: #f8f9fa;
    }
    .table thead :is(th,td):not(:empty) + :is(th,td) {
        border-inline-start: 1px solid #dee2e6;
    }
        thead, tbody, tfoot, tr, td, th {
        vertical-align: middle;
        border-color: #dee2e6;
        line-height: 1.3;
    }
.table thead th, .table tbody td {
     line-height: 1.3;
}
.table tbody {
    border-top: 0;
}
.table:not(.table-collapsable):not(.table-threshold) tbody > tr:nth-child(even) {
    background-color: rgb(246 246 246);
}
.table:not(.table-bordered):not(.table-collapsable) tbody td {
    border: 0;
}
:is(table,table.table) tr td:not(.actions):last-child a:not([hidden]) + a {
    border-inline-start: 1px solid currentColor;
    padding-inline-start: 6px;
    margin-inline-end: 5px;
}
.table-head-border thead th {
    border: 1px solid #dee2e6;
    color: var(--theme-darkgrey-color);
    background-color: #f8f9fa;
}
.table-firstchild-border tbody tr > td:first-child {
    border: 1px solid #dee2e6 !important;
    font-weight:bold
}
.table-head-border.table-firstchild-border tbody tr, .table-head-border.table-firstchild-border tbody tr:nth-child(even) {
    border-bottom: 1px solid #dee2e6;
    background:#fff
}
table .highlighted-tr,
.k-grid td.k-state-selected, .k-grid th.k-state-selected, .k-grid tr.k-state-selected > td {
    background-color: rgb(255 136 13 / 18%)
}
table tbody tr td button:focus, table tbody tr td .btn:focus {
    box-shadow:none;
    outline:none
}
#remitterContacts tbody tr:hover {
  background-color: rgb(255 136 13 / 18%);
  cursor:pointer;
}
    #remitterContacts tbody tr:hover td :is(.far,.btn .fas),
    table .highlighted-tr td .btn :is(.fas,.far) {
        color: var(--theme-color);
    }
.k-grid-content.k-auto-scrollable:has(tbody tr:nth-child(-n+3):nth-last-child(-n+3)),
.table-responsive:not(.modifyrequest-table):has(tbody tr:nth-child(-n+3):nth-last-child(-n+3)), .custom-table-wrapper .table-responsive:not(:has(.custom-table)) {
    overflow-x: auto !IMPORTANT;
    overflow-y: visible;
}

/*================================
    Custom Table with filter
==================================*/
.custom-table-wrapper {
}

    .custom-table-wrapper .title-toolbar {
        display: flex;
        padding-block: 0 1rem;
        align-items: center;
        border-bottom: 1px solid var(--theme-trasparent-color);
        border-image: linear-gradient(to right, var(--theme-color) 25%, var(--theme-headersidbar-darkbg) 25%);
        border-image-slice: 1;
    }
.title-toolbar .card-title {
    font-size: 1.55em;
    margin: 0;
    line-height: 1;
    font-weight: 400;
    text-shadow: 2px 2px 2.4px rgb(22 27 33 / 18%);
}

    .title-toolbar .card-title p {
        font-size: 15px;
        margin-block-end:0;
    }
    .title-detail {
    list-style: none;
    column-gap: 0.9rem;
    border-inline-start: 1px solid;
    padding-inline-start: 0.7rem;
    line-height: 1.40;
    margin-inline-start: 0.8rem;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    border-image: linear-gradient(var(--theme-color) 25%, var(--theme-headersidbar-darkbg) 25%);
    border-image-slice: 1;
    font-size: 14px;
    flex: 1;
}
.title-toolbar:not(:has(.card-title)) .title-detail {
    margin-inline-start: 0;
    border-inline-start: 0;
    padding-inline-start: 0;
    font-size: 1rem;
    color:var(--theme-color)
}
    .title-toolbar:not(:has(.card-title)) .title-detail b {
        font-size: 0.9rem;
    }
    .title-detail b {
        font-size: 0.85rem;
    }
.title-detail b:not(b.d-block) {
    margin-inline-start: 0.5rem;
    display: inline-block;
}

    .toolbar-btns > :is(.fas,.far,.bx) {
        width: 23px;
        text-align: center;
        font-size: 16px;
        color: var(--theme-color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
.toolbar-btns > :is(.bx) {
    font-size:20px;
}
    .toolbar-btns:not(:has(.dropdown)) > :is(.fas,.far,.bx) + :is(.fas,.far,.bx) {
    border-inline-start: 1px solid var(--theme-color)
}
    .toolbar-btns {
        display: flex;
        border: 1px solid var(--theme-color);
        align-items: center;
        padding: 0.3rem 0.3rem;
        border-radius: 0.2rem;
    }
 /*----toolbar dropdopleft-----*/
    .toolbar-btns .dropdown:not(:only-child) {
        border-inline-start: 1px solid var(--theme-color);
        margin-inline-start: 0.4rem;
        padding-inline-start: 0.5rem;
        text-align:center;
    }
        .toolbar-btns .dropdown .dropdown-toggle.btn {
            vertical-align: text-bottom;
            min-width: 34px;
            padding: 0rem 0.05rem !IMPORTANT;
            box-shadow: none;
            border: 0;
            background-color: var(--theme-trasparent-color);
        }
    .toolbar-btns .dropdown .dropdown-toggle.btn:before {
        content: normal;
    }

            .toolbar-btns .dropdown .dropdown-toggle.btn > :is(.fas,.far) {
                color: var(--theme-color);
                margin-inline: auto;
            }
    .toolbar-btns .dropdown-menu {
        margin-inline-end: 0.3rem !important;
    }
    .toolbar-btns .dropdown .dropdown-menu:before {
        content: '';
        width: 0;
        height: 0;
        border: 11.1px solid var(--theme-trasparent-color);
        border-inline-start: 10.3px solid rgb(223 223 223);
        position: absolute;
        top: 0;
        inset-inline-end: -21px;
    }

    .toolbar-btns .dropdown .dropdown-menu:after {
        content: '';
        width: 0;
        height: 0;
        border: 10px solid var(--theme-trasparent-color);
        border-inline-start: 10px solid white;
        position: absolute;
        top: 0.6px;
        inset-inline-end: -18.8px;
    }
/*--------*/

    .custom-table-wrapper > .table-responsive {
        overflow-y:visible !important;
    }
    .custom-table-wrapper > .table-responsive {
        min-height: calc(100vh - (342px));
    }
        .custom-table {
    position: relative;
    margin-block-end: 0;
}
        .custom-table tbody tr:hover {
            background-color: rgb(241 239 239);
        }
            .custom-table thead th {
                border-block-width: 1px;
                padding: 0.5rem 0.5rem;
                line-height: 1.2;
                /*white-space: nowrap;*/
            }
            .custom-table thead tr:has(+ tr) th:not(:is([rowspan="2"],[rowspan="3"])) {
                border-block-end-width: 0.5px ;
            }
                .custom-table th .th-heading {
        display: flex;
        align-items: center
    }
        .custom-table th .th-heading .th-text span {
            /*white-space: nowrap;*/
        }
  /*---------Custom table with collapsable row------*/
            .custom-table .collapsable-tr .collapesed-row {
                background-color: #fff;
                border: 1px solid rgb(222, 226, 230);
                border-block-start: 0;
                border-end-start-radius: 0.5rem;
                border-end-end-radius: 0.5rem;
                box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 8%);
                z-index: 0;
                position: relative;
            }

                .custom-table .collapsable-tr .collapesed-row .custom-table tbody tr:hover {
                    background-color: transparent;
                }

            .custom-table.table-collapsable .border-transparent td {
                border-block-end-color: transparent !important
            }
/*----------Table fixed header----*/
.custom-table-wrapper .table-responsive:has(.has-fixed-header) {
    overflow-y: auto !important;
    max-height: calc(100vh - (340px));
}
.custom-table:is(.has-fixed-header,.has-fixed-inline-start,.has-fixed-inline-end) {
    border-collapse: separate;
    border-spacing: 0;
}
 
.custom-table.has-fixed-header thead {
    position: sticky;
    top: 0;
    z-index: 4;
}
.custom-table thead tr:has(th:is([rowspan="2"],[rowspan="3"]):first-child) ~ tr th:first-child {
    border-inline-start: 1px solid #dee2e6 !important;
}
/*---------Table fixed layout---------*/
.has-fixed-layout {
    table-layout:fixed;
}
/*----------Table fixed left side----*/
    .custom-table.has-fixed-inline-start :is(thead tr th,tbody tr td):first-child {
        position: sticky;
        inset-inline-start: 0;
        z-index: 5;
    }
/*----------Table fixed right side----*/
.custom-table.has-fixed-inline-end :is(thead tr th,tbody tr td):last-child {
    position: sticky;
    inset-inline-end: 0;
    z-index: 5;
}

.custom-table:is(.has-fixed-inline-start) thead tr th:first-child {
    background-color: #f8f9fa;
}
.custom-table:is(.has-fixed-inline-start) tbody tr td:first-child {
    background-color: #fff;
}
.custom-table:is(.has-fixed-inline-start) tbody tr:nth-child(even) td:first-child {
    background-color: #f8f9fa;
}
.custom-table:is(.has-fixed-inline-end) tbody tr td:last-child {
    background-color:#fff;
}
.custom-table:is(.has-fixed-inline-end) tbody tr:nth-child(even) td:last-child {
    background-color: #f8f9fa;
}
/*--------Set dropdown dynamically in table td-----*/
    .custom-table tbody td:has(.dropdown) {
       /* text-align: center !important;*/
        overflow: visible !IMPORTANT;
        position: relative;
        width: 120px;
    }
.custom-table tbody td:last-child:has(.dropdown) {
    text-align: center !important;
}
.custom-table:has(tbody td:last-child .dropdown) thead tr:last-child th:last-child{
    text-align: center !important;
}
    .custom-table tbody td .dropdown {
    display: inline-block;
    position: relative;
}
.custom-table tbody td > .dropdown .dropdown-toggle.btn {
    min-width: inherit !IMPORTANT;
    padding: 0rem 0.05rem !IMPORTANT;
    box-shadow: none;
    border: 0;
    background-color: var(--theme-trasparent-color);
}
    .custom-table tbody td > .dropdown .dropdown-toggle.btn:after {
        content: normal;
    }
    .custom-table tbody td > .dropdown .dropdown-toggle.btn > :is(.fas,.far) {
        color: var(--theme-color);
    }
.custom-table tbody td > .dropdown .dropdown-menu {
    inset-inline: auto 0 !important;
    transform: translate3d(0, 19px, 0px) !IMPORTANT;
    box-shadow: 3px 5px 7px 0px rgb(83 42 2 / 9%);
    border-color: rgb(223 223 223 / 72%);
    border-radius: 5px;
    z-index: 3;
}
.custom-table tbody td > .dropdown .dropdown-menu:before {
    content: '';
    width: 0;
    height: 0;
    border: 11.1px solid var(--theme-trasparent-color);
    border-bottom: 10.3px solid rgb(223 223 223);
    position: absolute;
    top: -20.1px;
    inset-inline-end: 3px;
}
.custom-table tbody td > .dropdown .dropdown-menu:after {
    content: '';
    width: 0;
    height: 0;
    border: 10px solid var(--theme-trasparent-color);
    border-bottom: 10px solid white;
    position: absolute;
    top: -19px;
    inset-inline-end: 4px;
}
/*--------------td buttons-----------*/
.custom-table:has(td.actions,td .actions) thead th {
    text-align: center;
}
.custom-table :is(td.actions, td .actions) {
    text-align: center;
}
.custom-table :is(td.actions,td .actions) :is(:is(.btn,a,button) + :is(.btn,a,button),.custom-table :is(.btn,a,button) + :is(.fas,.far,.bx),.custom-table :is(.fas,.far,.bx) + :is(.btn,a,button),.custom-table :is(.fas,.far,.bx) + :is(.fas,.far,.bx)) {
    border-inline-start: 1px solid currentColor;
    padding-inline-start: 6px;
    margin-inline-start: 5px;
    line-height: 1;
    display: inline-block;
    border-inline-start-color: var(--theme-color);
}
.custom-table :is(td.actions,td .actions) :is(.btn,a,.fas,.far,.bx,button) {
    font-size: 0.9rem;
    color: var(--theme-color);
    cursor: pointer;
}
.custom-table :is(td.actions,td .actions) :is(.btn,button) {
    min-width: auto;
    padding: 0;
    border-radius: 0
}
.custom-table :is(td.actions,td .actions) :is(a,button,.btn,.fas,.far,.bx):has(~ :is(a,button,.btn,.fas,.far,.bx)), .custom-table :is(td.actions,td .actions) :is(a,button,.btn) :is(.fas,.far,.bx) {
    margin-inline-end: 0 !important;
}
/*------table dropdown filter-----------*/
.custom-table .th-filter .sort-arrow {
    padding-inline-start: 0.1rem;
}

.custom-table th:is(.activeThfilter, .filteredTh) {
    background-color: var(--theme-color);
    color: #fff;
}

.custom-table.has-fixed-header thead th[rowspan="2"]:is(.activeThfilter, .filteredTh) {
    background-color: var(--theme-color);
    color: #fff;
}

.custom-table th:is(.activeThfilter, .filteredTh) .fa-filter {
    color: #fff !important;
}

.dropdown.th-filter .btn.dropdown-toggle:after {
    content: normal;
}

.dropdown.th-filter .btn.dropdown-toggle {
    padding-inline: 0 0.2rem;
    line-height: 1;
    min-width: auto;
    padding-block: 0;
    width: auto;
}

    .dropdown.th-filter .btn.dropdown-toggle:is(:focus,active:focus,:active,:focus-visible) {
        outline: none;
        border-color: none;
        box-shadow: none;
    }

    .dropdown.th-filter .btn.dropdown-toggle .fa-filter {
        font-size: 12px;
        color: var(--theme-color);
    }

.custom-table .th-heading .th-text {
    flex: 1;
    display: flex;
    align-items: center;
}

    .custom-table .th-heading .th-text .sort-arrow {
        opacity: 0;
        color: #0d6efd;
    }

.filter-dropdown-menu {
    padding: 1.1rem 1rem 1.6rem;
    box-shadow: rgb(0 0 0 / 5%) 5px 7px 8px 4px !important;
    border-radius: 5px;
    border: 0px;
    width: 250px;
    inset-inline-start: -0.5rem;
    display: block;
    transform: scaleY(0);
    transition: transform 0.3s;
    transform-origin: bottom;
}
    .filter-dropdown-menu.show {
        transform: scaleY(1);
        transition: transform 0.3s;
        transform-origin: top;
    }
    .filter-dropdown-menu .daterange-input {
        height: 32px;
        min-block-size: 2rem;
    }

    .filter-dropdown-menu .filter-search {
        border: 1px solid #ced4da;
        border-radius: 0.2rem;
        overflow: hidden;
        direction: ltr;
    }

        .filter-dropdown-menu .filter-search:focus-within {
            border-color: var(--input-focus-color);
            box-shadow: none;
        }

            .filter-dropdown-menu .filter-search:focus-within .bx {
                color: var(--theme-color);
            }

        .filter-dropdown-menu .filter-search :is(.input-group-text, .form-control,.form-control:focus) {
            border-color: transparent !important;
            background-color: #fff !important;
            box-shadow: none;
        }

        .filter-dropdown-menu .filter-search .input-group-text {
            min-width: 25px;
            padding: 0.375rem 0.55rem;
        }
        .filter-dropdown-menu .filter-search .form-control {
            height: 30px;
            min-height: auto;
            font-size: 0.75rem;
        }
    .filter-dropdown-menu .dateSearchFilter input[type="date"]::-webkit-inner-spin-button,
    .filter-dropdown-menu .dateSearchFilter input[type="date"]::-webkit-calendar-picker-indicator {
        position:absolute;
        inset-block-start:5px;
        inset-inline-start:7px;
        opacity:0;
    }
    .filter-dropdown-menu .dateSearchFilter input[type="date"], .dateRangeSearchFilter input[type="text"].daterange-input {
        padding-block: 0.375rem;
        padding-inline: 2.075rem 0.65rem;
        direction: ltr;
    }
        .filter-dropdown-menu .dateSearchFilter input[type="date"]:before {
            inset-block-start: -0.9px;
            inset-inline-start: 8px;
            inline-size: 22px;
        }
.dateRangeSearchFilter .input-group:has(> input.daterange-input):before {
    inset-block-start: 5.6px;
    inset-inline-start: 10px;
    inline-size: 17px;
    z-index: 4;
    font-weight: 300;
}
.filter-dropdown-menu .checkboxSearchFilter .filter-checkbox {
    max-height: 155px;
    overflow-y: auto;
}
.filter-checkbox .checkbox-custom label {
    line-height: 1;
    font-weight: 400;
    font-size: 13px;
}

    .filter-checkbox .checkbox-custom {
        margin-block-end: 4px;
    }

.filter-dropdown-menu .btn-info {
    border-color: #0d6efd;
    color: #fff;
    background-color: #0d6efd;
}

.filter-dropdown-menu .btn {
    min-width: 3.6rem;
}
.filter-dropdown-menu .action-buttons {
    margin-block-start: 1rem;
}
/*----Daterange inside table header-----------*/
.daterangepicker {
    color: var(--theme-darkgrey-color);
    padding: 0.6rem 1rem 0.5rem;
    box-shadow: rgb(0 0 0 / 5%) 5px 7px 8px 4px !important;
    border-radius: 5px;
    border: 0px;
}
    .daterangepicker .calendar-table thead tr:last-child th {
        font-weight: 400;
    }
    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: var(--theme-color);
        color: var(--btn-text-color);
    }
    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        padding: 4px;
    }
    .daterangepicker .drp-buttons {
        padding: 13px 8px
    }
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        font-size: 13px;
    }
/*-----table  footer pagination-----------*/
    .custom-table-footer {
        display: flex;
        align-items: center;
        border-top: 1px solid rgb(222, 226, 230);
        padding-block-start: 0.8rem;
    }

.pager-count {
    display: flex;
    align-items: center;
}

    .pager-count .form-control {
        height: 2.2rem;
        min-height: 2rem !important;
    }

.custom-pagination ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.custom-pagination a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    text-decoration: none;
    color: var(--theme-color) !important;
    display: inline-block;
    background: #fff;
    border: 1px solid rgb(222, 226, 230);
    font-size: 13px;
    line-height: 2.5;
    text-align: center;
    vertical-align: bottom;
}

    .custom-pagination a:hover {
        background-color: #f8f9fa;
    }

.custom-pagination li {
    display: inline-block;
    margin-inline: 1px;
}

    .custom-pagination li.active a {
        background: var(--theme-color);
        color: var(--btn-text-color) !important;
        outline: 2px solid rgba(var(--theme-color-rgb),0.6) !important;
    }

        .custom-pagination li.active a:hover {
            text-decoration: none;
            cursor: default;
        }

.custom-pagination .prev.disabled, .custom-pagination .next.disabled {
    cursor: default;
    background: rgb(248 248 248);
    color: var(--theme-color) !important;
    border-color: rgb(222, 226, 230);
}

    .custom-pagination .prev.disabled:hover, .custom-pagination .next.disabled:hover {
        cursor: default;
        text-decoration: none;
    }

.custom-pagination .prev {
    margin-inline-end: 6.5px;
    font-size: 18px;
    line-height: 2;
    border-start-start-radius: 20px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 20px;
}

.custom-pagination .next {
    margin-inline-start: 6.5px;
    font-size: 18px;
    line-height: 2;
    border-start-start-radius: 0;
    border-start-end-radius: 20px;
    border-end-end-radius: 20px;
    border-end-start-radius: 0;
}


.pager-count .count-info {
}

.custom-pagination :is(li:first-child, li.active-sibling, li.active, li.active + li, li:last-child) {
    display: inline-block !important;
}

.custom-pagination li:first-child:nth-last-child(n+8) ~ li {
    display: none;
}

    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active-sibling:before,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li:nth-last-child(5):before {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-inline-end: 0.55rem;
        vertical-align: top;
    }

    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active + li:after,
    .custom-pagination li:first-child:nth-last-child(n+8).active ~ li:nth-child(5):after,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(5):after {
        content: "…";
        font-size: 24px;
        display: inline-block;
        margin-inline-start: 0.55rem;
        vertical-align: top;
    }

    .custom-pagination li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+5) {
        display: inline-block;
    }

    .custom-pagination li:first-child:nth-last-child(n+8) ~ li:nth-child(-n+2):before,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li:nth-child(-n+2):after,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+2):before,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li:nth-last-child(-n+2):after,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active-sibling:nth-last-child(-n+4):before,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active-sibling:nth-last-child(-n+4):after {
        display: none !important;
    }

    .custom-pagination li:first-child:nth-last-child(n+8).active ~ li:nth-last-child(-n+5),
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-last-child(-n+5) {
        display: none;
    }

        .custom-pagination li:first-child:nth-last-child(n+8).active ~ li:nth-last-child(-n+5):before,
        .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-last-child(-n+5):before {
            display: none;
        }

    .custom-pagination li:first-child:nth-last-child(n+8).active ~ li:nth-child(-n+5),
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(-n+5) {
        display: inline-block;
    }

    .custom-pagination li:first-child:nth-last-child(n+8).active ~ li:nth-child(-n+4):after,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active ~ li:nth-child(-n+4):after {
        display: none;
    }

    .custom-pagination li:first-child:nth-last-child(n+8).active:before,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active:before,
    .custom-pagination li:first-child:nth-last-child(n+8).active:after,
    .custom-pagination li:first-child:nth-last-child(n+8) ~ li.active:after {
        display: none;
    }
.daterangepicker td:not(.active):not(.active:hover).in-range {
    background-color: rgba(var(--theme-color-rgb),0.2);
}
.custom-table-footer .gotopage {
    display: flex;
    align-items: center;
    white-space: nowrap;
    column-gap: 0.35rem;
    border-inline-end: 1px solid #ced4da;
    padding-inline-end: 0.6rem;
    margin-inline-end: 0.6rem;
}
    .custom-table-footer .gotopage .form-control {
        width: 62px;
        text-align: center;
        padding-inline: 0.5rem 0.3rem;
        height: 2.2rem;
        min-height: 2rem !important;
    }
.gotopage .advance-inputsearch .btn {
    min-width: auto;
    padding-block: 0.47rem;
    padding-inline: 0rem 0.45rem;
}

.gotopage .advance-inputsearch .btn :is(.fas,.far) {
    border-inline-start: 1px solid #ced4da;
    padding-inline-start: 0.3rem;
    line-height: 1;
}
.gotopage .advance-inputsearch:focus-within .btn :is(.form-control ~ .btn :is(.fas,.far)) {
    border-inline-start: 2px solid var(--theme-color) !important;
}

.gotopage .advance-inputsearch :is(.form-control ~ .gotopage-btn) {
    color: var(--theme-color);
}
    /*-----------Table column dropdown-----------------*/
    .custom-table tbody td:not(:last-child) .dropdown .dropdown-menu {
    inset-inline: 0 auto !important;
}
.custom-table tbody td:not(:last-child) .dropdown .dropdown-menu:before {
    inset-inline: 3px auto;
}
    .custom-table tbody td:not(:last-child) .dropdown .dropdown-menu:after {
        inset-inline: 4px auto;
    }
/*===========================*/
.record-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 2px;
    object-fit: contain;
    box-shadow: 1px 2px 5px 2px rgb(45 37 32 / 11%);
}
.record-img1 {
  width: 90px;
  height: 90px;
  object-fit: contain;
  box-shadow: 3px 2px 5px 1px rgb(45 37 32 / 7%);
  border: 5px solid #ecedf0;
  padding: 4px;
}
.peview-doc {
    position:relative;
}
.peview-doc img {
    margin:0 auto;
}
    .peview-doc h5 {
        font-size: 0.75rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 6em;
    }
    .peview-doc .download-doc {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        font-size: 30px;
        transform: scale(0);
        transition: transform 0.3s;
        /*background-color: rgb(0 0 0 /10%);*/
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .peview-doc:hover .download-doc {
        transition: transform 0.3s;
        transform: scale(1);
    }

.btn-collapsiblePerson {
    transition: all 0.3s;
    cursor: pointer;
}
.collapseperson-photo {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    font-size: 18px;
}

    .collapseperson-photo .peview-doc .record-img {
        width: 65px;
        border-radius: 0.25rem;
        border: 1px solid var(--theme-color);
        box-shadow: none;
        margin-inline-end: 0.6rem;
    }
.remitAttachments-table .peview-doc {
    cursor:pointer;
}
.attachmentview-images, #pdfViewerContainer {
    text-align: center;
    position: relative;
}
    .attachmentview-images .btn-attachment-close {
        position: absolute;
        top: 12px;
        inset-inline-end: 8px;
        font-size: 47px;
        cursor: pointer;
    }
    #pdfViewerContainer .btn-attachment-close {
        position: absolute;
        top: 6px;
        inset-inline-end: -6px;
        font-size: 43px;
        cursor: pointer;
        color: #fff;
    }
.attachmentview-images .attachmentview-image {
    width: 100%;
}

    #pdfViewerContainer .btn-pdf-close {
        position: relative;
        inset-inline-start: 96%;
        font-size: 30px;
        cursor: pointer;
    }
.ui-pnotify-closer, .ui-pnotify-sticker {
    float: inline-end;
    margin-inline-start: .2em;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
    float: inline-start;
    margin-inline-end: .2em;
}
.ui-pnotify-text {
    margin-inline-start: 25.5px;
}
/*******/
.table tbody > tr > td:last-child .bx:not(.bx-zoom-in) {
    font-size: 20px;
}
.SaveScheduleForm .table input[type=time], #setcurrenciesmodalpopup .table .form-control {
    min-height: 1.8rem;
    height: 26px;
}
.table-fixed-header, .table-fixed-tbody-header {
    position: relative;
}

.table-fixed-header thead th {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 2;
}
    .table-fixed-tbody-header tbody tr th:first-child {
        background-color: #fff;
        position: sticky;
        inset-inline-start: 0;
        z-index: 1;
    }
    .collapesed-row .sub-modifyrequestcollpase tbody tr:not(:last-child) td {
        border-bottom: 1px solid #dfe2e6 !important;
    }
.modifyrequest-table .collapesed-row .table{
    background: #fff; 
}
.modifyrequest-table .peview-doc .record-img {
    width: 35px;
    height: 35px;
}
.modifyrequest-table .peview-doc .media-body h5 {
    font-size: 0.75rem;
}
/*=================================================
    Currency Exchange table(Modal)
==================================================*/
#setcurrenciesmodalpopup {
    padding-inline-end: 0 !important;
}

    #setcurrenciesmodalpopup table.gprates :is(thead tr:first-child,thead tr:last-child,tbody tr) :is(th[colspan="3"],th:is(:nth-child(2),:nth-child(3),:nth-child(4)),td:is(:nth-child(2),:nth-child(3),:nth-child(4))), #trPercentage >td:first-child{
        background-color: rgb(49 52 57 / 25%) !important;
    }
#setcurrenciesmodalpopup table.gprates :is(thead tr:first-child,thead tr:last-child,tbody tr) :is(th[colspan="2"]:not(:last-child),th:is(:nth-child(5),:nth-child(6)),td:is(:nth-child(5),:nth-child(6))) {
    background-color: rgb(224 194 61 / 22%) !important;
}
#setcurrenciesmodalpopup table.gprates :is(thead tr:first-child,thead tr:last-child,tbody tr) :is(th[colspan="2"]:last-child,th:is(:nth-child(7),:nth-child(8)),td:is(:nth-child(7),:nth-child(8))) {
    background-color: rgb(67 93 67 / 27%) !important;
}
#setcurrenciesmodalpopup .table:nth-child(2) :is(thead th, tbody td) {
    background-color: rgb(183 20 57 / 24%) !important;
}
    #setcurrenciesmodalpopup table.brrates :is(thead tr:first-child,thead tr:last-child,tbody tr) :is(th:nth-child(3), td) {
        background-color: rgb(49 52 57 / 25%) !important;
    }

    #setcurrenciesmodalpopup table.brrates :is(thead tr:first-child,thead tr:last-child,tbody tr) :is(th[colspan="2"]:not(:last-child),th:is(:nth-child(4),:nth-child(5)),td:is(:nth-child(4),:nth-child(5))) {
        background-color: rgb(224 194 61 / 22%) !important;
    }

    #setcurrenciesmodalpopup table.brrates :is(thead tr:first-child,thead tr:last-child,tbody tr) :is(th[colspan="2"]:last-child,th:is(:nth-child(6),:nth-child(7)),td:is(:nth-child(6),:nth-child(7))) {
        background-color: rgb(67 93 67 / 27%) !important;
    }

#setcurrenciesmodalpopup .table:first-child thead :is(tr:nth-child(1) th:nth-child(1),tr:nth-child(2) th:nth-child(1))
 {
    border: 0 !important;
    background-color: #fff !important
}

#setcurrenciesmodalpopup thead th {
    border-color: #fff !IMPORTANT;
}

#setcurrenciesmodalpopup tbody td {
    border-bottom: 1px solid #fff !IMPORTANT;
}
/*=======================================
    COllapsable Table
======================================*/
.table-collapsable {
}
    .table-collapsable > tbody > tr {
        border-bottom: 0.5px solid #dee2e6;
    }
.table.table-collapsable > tbody > tr:nth-child(4n+3) {
    background-color: rgb(246 246 246);
}
#serviceContent .table.table-collapsable tr.collapsable-tr:nth-child(even):nth-child(2) .collapesed-row, .table.table-collapsable:not(.deskboxbalance-retrieved) tr.collapsable-tr:nth-child(even):nth-child(2) .collapesed-row {
    display: block;
}
.collapesed-row {
    background: #f6f6f6;
    padding: 15px 30px 19px;
    display: none;
}
.collapesed-row .table{
    margin-bottom:0;
}
    .btn-collaped-row {
        cursor: pointer;
    }
.table-collapsable .bg-secondary-2 {
    background-color: rgb(246 246 246);
}
.table-collapsable .border-transparent {
    border-color: var(--theme-trasparent-color);
}
:is(#printThisContent,.requestRequestPreview,.exchangeRequestPreiew,.modifyRequestPreview,.modifyCustomer) .collapsable-tr .collapesed-row {
    display: block;
}
/*===============================
    sub box
=======================*/
    .opensubbox-tab .nav-link {
    cursor: pointer;
}
.active-opensubbox :is(.nav-link,.nav-link:hover) {
    background: #ff880d;
    color: #fdfdfd;
}
    .active-opensubbox .nav-link:before, 
    .active-opensubbox .nav-link:hover:before {
        border-inline-start-color: #ff880d;
    }
    .active-opensubbox .nav-link:after, .active-opensubbox .nav-link:hover:after {
        border-inline-start-color: #ff880d;
    }
    .active-opensubbox .nav-link .badge {
        color: #ff880d;
        background: #fdfdfd;
    }
    /*====================
        Data Table
    ==========================*/
    .dataTables_wrapper .select2-container {
        width: 85px !IMPORTANT;
    }
.dataTables_length, .dataTables_filter {
  padding: 1rem 0;
}
.dataTables_wrapper .select2-selection--single {
  border: 1px solid #c9c9c9;
  border-radius: 3px;
}

    .dataTables_wrapper .select2-selection--single .select2-selection__arrow {
        height: 30px;
        width: 30px;
        position: absolute;
        background: url(../../adminui/img/arrow-down.png) no-repeat center right 4px;
        background-size: 18px;
        inset-inline-end: 2px;
        top: 50%;
        transform: translateY(-50%);
    }
.dataTables_length label {
  display: flex;
  column-gap: 10px;
  align-items: center;
}

  .dataTables_length label .custom-select {
    width: auto;
  }

.dataTables_wrapper .dataTables_filter label {
  display: flex;
  column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
  .dataTables_wrapper .dataTables_filter label .form-control {
    width:auto !important;
  }


.dataTables_wrapper table thead th {
  border-top: 1px solid #e6e6e6
}
.dataTables_wrapper table thead th, .dataTables_wrapper table tbody td {
  font-size: 13px;
  border-bottom: 1px solid #e6e6e6
}
.dataTables_wrapper.dt-bootstrap4.no-footer > .row:last-child {
  align-items: center;
}
.dataTables_wrapper .pagination {
  margin-top: 20px !important;
  justify-content: end;
}
  .dataTables_wrapper .pagination > li a {
    font-size: 13px;
    padding: 0.175rem 0.75rem;
  }
.personsearch-modal .modal-body {
  padding: 0 1rem 1rem;
}
/*==============*/
table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {
  padding: 6px 7px !important;
  line-height: 1.2;
}

table.dataTable tbody th, table.dataTable thead th {
  padding: 10px 7px !important;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.dataTables_wrapper .dataTables_scroll {
  margin-bottom: 12px !important;
}

[class^=dataTables_] input[type=search], [class^=dataTables_] select {
    height: 27px;
    min-width: 75px;
    padding-inline-start: 10px !IMPORTANT;
}

[class^=dataTables_] label {
  font-weight: normal
}

[class^=dataTables_] .dt-buttons {
  margin-bottom: 9px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-color: #222a45;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #222a45
}

.pagination .page-link {
  padding: .3rem .75rem;
}

.table tr td.actions a, table.dataTable td.actions a, table.dataTable td:last-child a, table.dataTable td:last-child fas, table.dataTable td:last-child far, table.dataTable td.actions fas, table.dataTable td.actions far {
  color: #2d2520;
}

    .table tr td.actions a:not(.btn):hover, table.dataTable td.actions a:not(.btn):hover, table.dataTable td:last-child a:not(.btn):hover, table.dataTable td:last-child fas:hover, table.dataTable td:last-child far:hover, table.dataTable td.actions fas:hover, table.dataTable td.actions far:hover {
        color: #3594c8;
    }

table.dataTable.table tr td:last-child, table tr td:last-child {
  white-space: nowrap;
}

table.dataTable.table tr :is(td:last-child,td.actions) :is(a + a,.fas + .fas,a + .fas,a + .far,.fas + .far,.far + .fas),
:is(table,table.table) tr td:not(.actions):last-child a:not([hidden]):not(.d-block) + a,
table tr td.actions2 a:not([hidden]):not(.d-block) + a {
    border-inline-start: 1px solid currentColor;
    padding-inline-start: 6px;
    margin-inline-start: 5px;
    line-height: 1;
    display: inline-block;
}
.dataTable button:focus:not(:focus-visible) {
  box-shadow: none;
}
/*==============================================
    Kendo UI
============================================*/

.k-grid {
    font-family: var(--default-font-family) !important;
    line-height: 22px !important;
    margin: 0 !important;
    font-size: 13px !important;
    border: 0 !important;
}
    .k-grid th {
        border-block-width: 0 1px !important;
        border-inline-width: 1px 0 !important;
    }
.k-grid-header .k-header:first-child {
    border-inline-start-width: 0 !important;
}
.k-button {
    font-family: var(--default-font-family) !important;
}
.form-wizard .k-grid-content.k-auto-scrollable {
    max-height: 240px !important;
}
.k-grid-content.k-auto-scrollable {
    /*min-height: 100px !important;*/
    /*max-height: 364px !important;*/
    max-height: calc(100vh - 385px) !important;
    height: auto !IMPORTANT;
    overflow: auto !IMPORTANT;
    overflow-x: auto !IMPORTANT;
}

.k-grid-content-expander {
    width: auto !important;
}
  .k-grid tr {
    border-color: #d3d3d3 !important;
  }
.k-grid.k-editable {
  border: 0;
}

.k-grid-toolbar {
    background-color: #fff !important;
    justify-content: flex-end !important;
    border-color: var(--theme-trasparent-color) !important;
}
.k-editable .k-grid-toolbar {
    border: 0;
    justify-content: flex-end;
    margin-bottom: 0.8rem;
    padding: 0;
}

.k-grid td {
  border:0 !important
}

.k-grid th {
    font-weight: 600 !important;
    text-shadow: 1.4px 1.7px 1.5px rgb(0 0 0 / 16%);
    background-color: #f8f9fa;
}
.k-grid td, .k-grid th {
    line-height: 1.25;
}
    .k-grid :is(td,th):last-child {
        text-align: center;
    }

    .k-grid td .k-button {
        padding: 4px 9.2px !important;
        font-size: 12px !important;
    }

      .k-grid td:last-child .k-button .k-icon {
        opacity: .45;
        font-size: 12px;
      }

.k-grouping-header {
  border-color: #e6e6e6 !important;
  padding: 0rem 0 0.1rem !important;
}

.k-grid-display-block.k-editable .text-box {
  height: calc(1em + .85rem + 2px);
  padding: .275rem .55rem;
  line-height: 1;
  font-size: 12px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c9c9c9;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.k-edit-cell .k-dirty-cell .check-box .k-valid {
    border-color: var(--theme-color) !important;
    color: #ffffff !important;
    background-color: var(--theme-color) !important;
}
.k-grid-display-block.k-editable .text-box:focus {
}

.k-grid-header {
    padding-inline: 0 !important;
    border-width: 1px 0 1px 0 !important;
    border-color: rgb(222, 226, 230) !important;
    background-color: #fff !important;
}

    .k-grid-header th.k-header:last-child {
        border-inline-end: 0 !important;
        text-align: center;
    }

.k-button:not(.k-select):not(.k-grid-edit):not(.k-grid-cancel):not(.k-grid-update):not([aria-controls="StartDate_dateview"]):not([aria-controls="EndDate_dateview"]):not([data-action="prev"]):not([data-action="nav-up"]):not([data-action="next"]) {
    padding: 0.45rem 0.75rem !IMPORTANT;
    font-size: 0.8rem !important;
    text-transform: initial !IMPORTANT;
    height: 100%;
    min-height: 1.95rem;
}

.k-grid-header-wrap {
    border: 0 !important
}

.k-grid td.k-state-focused,
.k-grid th:is(.k-state-focused,:focus),
.k-grid :is(.k-master-row,.k-grouping-row,.k-detail-row,.k-group-footer) > td:focus,
.k-grid .k-grid-pager:is(.k-state-focused,:focus) {
    box-shadow: inset 0 0 0 0 !important;
}
.k-grid, .k-pager-wrap, .k-dropdown, .k-dropdowntree {
    font-family: var(--default-font-family) !important;
}
.k-dropdown, .k-dropdowntree {
  font-size: inherit !important;
}
.k-actions_row td{
    overflow:inherit !important;
}
.k-actions_row .dropdown_grid_link .btn.dropdown-toggle {
  min-width: initial;
  padding: 0.1rem 0.2rem;
}
  .k-actions_row .dropdown_grid_link .btn.dropdown-toggle:focus {
    outline: none;
    border: none;
    box-shadow: none;
  }
  .k-actions_row .dropdown_grid_link .btn.dropdown-toggle:before {
    content: normal
  }
.dropdown_grid_link .dropdown-menu:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    inset-inline-end: -6px;
    top: 5px;
    transform: rotate( 45deg);
    background-color: #fff;
    border: 1px solid #d3d5d7;
    border-style: solid solid none none;
}
.k-actions_row:is(:nth-last-child(2),:last-child) .dropdown_grid_link .dropdown-menu:before {
    top: auto;
    bottom: 5px;
}
.th-actions, .td-actions {
    text-align: center !important;
    overflow: visible !IMPORTANT;
    position: relative;
    width:120px;
}
   
.kgrid-extend .k-cell-inner > .k-link {
    justify-content: center
}
.kgrid-extend .k-i-expand::before {
    color: #9a0f36;
}
.k-form-error, .k-form-field-error .k-label, .k-text-error {
    line-height: 1.25;
}
.k-grid-content.k-auto-scrollable:has(.dropdown > .dropdown-menu.show) {
    min-height: 100px !important;
}
.card-header h2 .k-toolbar.k-grid-toolbar :is(.btn,.btn.btn-lg) {
    padding: 7px 16px !important;
    font-size: 0.9rem !important;
    
}
.k-toolbar.k-grid-toolbar {
    padding-right:0;
    padding-left:0;
}
/*******TD Actions drodown************/
.td-actions .dropdown {
    display: inline-block;
}
.td-actions .dropdown .btn-action {
    min-width: inherit !IMPORTANT;
    padding: 0rem 0.05rem !IMPORTANT;
    box-shadow: none;
    border: 0;
    background-color: var(--theme-trasparent-color);
}
    .td-actions .dropdown .btn-action:is(:focus,:active) {
        background-color: var(--theme-trasparent-color) !IMPORTANT;
        outline: none;
        box-shadow: none !IMPORTANT;
    }
        .td-actions .dropdown .btn-action:after {
            content: normal;
        }

    .td-actions .dropdown .dropdown-menu {
        inset-inline: auto 0 !important;
        transform: translate3d(0, 19px, 0px) !IMPORTANT;
        box-shadow: 3px 5px 7px 0px rgb(83 42 2 / 9%);
        border-color: rgb(223 223 223 / 72%);
        border-radius: 5px;
    }
    .dropdown .dropdown-menu .bx{
    margin-top:0;
    }
        .td-actions .dropdown .dropdown-menu:after {
            content: '';
            width: 0;
            height: 0;
            border: 10px solid var(--theme-trasparent-color);
            border-bottom: 10px solid white;
            position: absolute;
            top: -19px;
            inset-inline-end: 4px;
        }

        .td-actions .dropdown .dropdown-menu:before {
            content: '';
            width: 0;
            height: 0;
            border: 11.1px solid var(--theme-trasparent-color);
            border-bottom: 10.3px solid rgb(223 223 223);
            position: absolute;
            top: -20.1px;
            inset-inline-end: 3px;
        }


/*********************/
.k-grid a {
    color: var(--theme-darkgrey-color);
}
.k-grid .btn-primary {
    color: #fff;
}
.k-grid .k-button-solid-base:not(.k-select) {
    background-color: #0088CC;
    border-color: #0088CC #0088CC #006699;
    color: #FFF;
}

html .k-button-solid-base:not(.k-select):is(.k-focus,:focus,:active) {
    background-color: #006ea6 !important;
    background-image: none !important;
    border-color: #006699 #006699 #004466 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 136 204 / 50%) !important
}

html .k-button-solid-base:not(.k-select):not(.k-grid-cancel):is(.k-hover,:hover,.k-active,:active) {
    background-color: #006ea6 !important;
    background-image: none !important;
    border-color: #006699 #006699 #004466 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 136 204 / 50%) !important
}
.card-header .card-title .k-button {
    padding: 0.5rem 1rem !important;
    font-size: 1rem !important;
    border-radius: 0.3rem !IMPORTANT;
}


.k-filter-menu-container {
    gap: 0.2rem !important;
}
    .k-filter-menu-container :is(.k-picker.k-dropdown,.k-input) {
        min-height: 1.8rem !important;
        height: 1.8rem;
    }
.k-filter-menu-container .k-icon-button {
    align-self:center
}
.k-filter-menu-container .k-input-spinner.k-spin-button {
    height: 100% !important;
}

:not(.input-group-text) > .k-picker.k-dropdown {
    background-color: #ffffff;
    border-radius: 0.25rem !important;
    border: 1px solid #ced4da;
    min-height: 2.4rem;
    color: var(--theme-darkgrey-color);
}
.k-picker.k-dropdown:has(input:is([disabled],[readonly])) {
    background-color: #e9ecef !important;
}
.input-group .input-group-text :is(.k-picker,.k-picker.k-hover,.k-picker.k-focus) {
    border-color: var(--theme-trasparent-color) !important;
    background-color: var(--theme-trasparent-color) !important;
    /*color: #fff;*/
}
.k-picker.k-dropdown.k-hover {
    background-color: #ffffff !important;
}
.k-picker.k-dropdown.k-focus {
    border-color: rgba(var(--theme-color), 0.10);
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgba(var(--theme-color), 0.30);
}
.k-i-arrow-s.k-button-icon:before {
    content: '' !important;
    height: 30px;
    width: 30px;
    background: url(../../adminui/img/arrow-down.png) no-repeat center right 4px;
    background-size: 15px;
}
.k-filter-menu.k-popup {
    box-shadow: rgb(0 0 0 / 5%) 5px 7px 8px 4px !important;
    border-radius: 5px;
    border: 0px;
}
.k-filter-menu-container {
    padding: 0.5rem 0.5rem 1.3rem !important;
}
html .k-filter-menu-container .k-input-spinner.k-spin-button :is(.k-spinner-increase,.k-spinner-decrease).k-button {
    border-radius: 0 !IMPORTANT;
    min-height: auto !important;
}
.k-filter-menu-container .k-i-arrow-s.k-button-icon:before {
    content: '' !important;
    height: 30px;
    width: 30px;
    background: url(../../adminui/img/arrow-down.png) no-repeat center;
    background-size: 15px;
}
.k-filter-menu-container .k-i-arrow-n.k-button-icon:before {
    content: '' !important;
    height: 30px;
    width: 30px;
    background: url(../../adminui/img/arrow-down.png) no-repeat center;
    background-size: 15px;
    transform:scaleY(-1);
}
.k-list-md :is(.k-list-item,.k-list-optionlabel) {
    color: var(--theme-darkgrey-color) !important;
    font-size: 0.85rem !important;
    padding: 0.1rem 1rem !important;
    line-height: 22px !important;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    background-color: #0d6efd;
}
.k-input {
    border-radius: 0.25rem !IMPORTANT;
}
.k-list-md {
    font-size: inherit !important;
}
.k-input:is(.k-focus,:focus,:focus-within) {
    border-color: var(--input-focus-color) !important;
    box-shadow: none;
}
.k-input:has([readonly],[disabled]):focus-within {
    border-color: #ced4da !important;
    box-shadow: none;
}
:is(.k-dropdown.k-focus.k-state-border-down,.k-dropdown.k-focus.k-state-border-up) .k-i-arrow-s.k-button-icon:before {
    transform: scaleY(-1);
    filter:var(--theme-filter);
}

.k-multiselect.k-input.k-focus:is(.k-state-border-down,.k-state-border-up) {
    border-color: rgba(var(--theme-color), 0.10);
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgba(var(--theme-color), 0.30);
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    background-color: #fdfdfd !important;
}

    .k-list-item.k-selected.k-hover, .k-selected.k-list-optionlabel:hover {
        color: var(--theme-darkgrey-color) !IMPORTANT;
        background-color: #f6f6f6 !important;
    }
.k-chip {
    height: 30px !important;
}
.k-chip-solid-base {
    font-size: 0.82rem !important;
    background-color: #f6f6f6 !important;
}
.k-focus.k-list-optionlabel,
.k-list-item:is(.k-focus,:focus),
.k-list-optionlabel:focus {
    box-shadow: none !important;
    background-color: #f6f6f6 !IMPORTANT;
}
span.k-input-inner {
    font-size: 0.85rem;
}
.k-grid table tbody td > a > .bx, .k-grid table tbody td > .btn > .bx, .k-grid table tbody td > a > .fas, .k-grid table tbody td > a > .far, .k-grid table tbody td > .btn > .fas, .k-grid table tbody td > .btn > .far, .k-grid table tbody td > .fas, .k-grid table tbody td > .far, .k-grid table tbody td > .bx {
    font-size: 14px;
    vertical-align: middle;
}
.k-pager-sizes.k-label {
    margin: 0 0 0.5rem !IMPORTANT;
}
.k-pager-sizes :is(.k-dropdown,.k-dropdown-list,.k-dropdownlist,> select) {
    width: 6em !important;
}

.k-animation-container :is(.k-input:not(:-webkit-autofill),.k-action-buttons,.k-filter-menu .k-widget.k-filter-and),
.k-filter-menu :is(.k-widget,.k-radio-list,.k-textbox,.k-searchbox ) {
    margin: 0.5rem 0.6rem 0 !important;
    width: calc( 100% - ( 2 * 0.6rem )) !important;
    border-radius: 0.25rem !important;
    align-items: center
}
:is(.k-filter-menu.k-popup,.k-grid-filter-popup.k-popup,.k-popup .k-filter-menu,.k-popup .k-grid-filter-popup) :is(.k-multicheck-wrap,.k-filter-selected-items,.k-filter-help-text)
 {
    padding: 0.5rem 0.6rem 0 !important;
}
.k-filter-menu.k-popup .k-filter-help-text {
    font-size: 0.85rem;
}
    .k-button-solid-primary {
        border-color: #0088CC !important;
        color: #fff !important;
        background-color: #0088CC !important;
    }
        .k-button-solid-primary:is(.k-active,:active) {
            border-color: #0088CC !important;
            background-color: #0088CC !important;
        }
.k-filterable .k-column-title {
    padding-inline-start: 0;
}
.k-grid-header :is(.k-grid-filter,.k-header-column-menu) {
    width: calc(1.2em + 0.75rem + 2px) !important;
    height: calc(1.4em + 0.75rem + 2px) !important;
}

.k-grid-header :is(.k-filterable,.k-with-icon) {
    padding-inline: 0.5rem !important;
}
.k-filterable > .k-cell-inner .k-link {
    padding-inline: 0 0.5rem !important;
}
.k-header > .k-cell-inner {
    margin-block: -0.5rem -0.5rem !important;
    margin-inline: calc(-1 * (0.5em + 0.75rem + 2px - 0.6rem)) -0.5rem !important;
    flex-direction: row-reverse;
}
#GridComplianceReview :is(thead th,thead th .k-cell-inner,.k-cell-inner > .k-link,.k-column-title) {
    white-space: normal !important;
    text-overflow: initial !important;
    vertical-align: initial;
}

#GridComplianceReview.k-grid th {
    font-size: 12px !important;
    line-height: 1.1 !important;
}
.k-grid .k-grid-header :is(.k-header,.k-column-title) {
    white-space: normal !important;
    text-overflow: initial !important;
    vertical-align: inherit;
    line-height: 1.1 !important;
}
.k-grid-filter-menu.k-grid-filter .k-icon {
    color: #ff880d;
}
.k-checkbox-label {
    font-size:13px !important;
}
.k-filter-selected-items {
    font-weight: initial !important;
}
.k-grid-header .k-grid-filter:is(.k-state-border-down, .k-state-border-up) {
    box-shadow: none !important;
}
.k-animation-container .k-popup .k-list-filter {
    padding: 0.7rem !important;
}
    .k-animation-container .k-popup .k-list-filter .k-searchbox {
        margin: 0 !important;
        width:100% !important;
    }
.k-command-cell {

}
/*----------------------------
    Kindo calendar
------------------------------*/
html.header-dark .k-calendar-table thead {
    background-color: var(--theme-color) !important;
}

html.header-dark .k-calendar-table .k-calendar-tr th {
    color: #fff !important;
}

html.header-dark .k-calendar .k-calendar-td.k-state-selected .k-link {
    border-color: var(--theme-color) !important;
    color: #fff !important;
    background-color: var(--theme-color) !important;
}

html.header-dark .k-calendar .k-nav-today {
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important
}
html.header-dark .k-calendar .k-calendar-td.k-state-selected:is(.k-state-focus,.k-state-focused) .k-link {
    box-shadow: inset 0 0 0 2px rgb(224 194 61 / 50%) !important;
}
html.header-dark .td-actions .dropdown .btn > :is(.fas,.far) {
    color: var(--theme-color);
}
html.header-dark table .highlighted-tr,
html.header-dark .k-grid :is(td.k-state-selected,th.k-state-selected,tr.k-state-selected > td) {
    background-color: rgba(var(--theme-color-rgb), 0.30)
}
html.header-dark .k-filter-menu .k-numerictextbox .k-input-spinner.k-spin-button :is(.k-spinner-increase,.k-spinner-decrease).k-button,
html.header-dark .k-filter-menu .k-numerictextbox .k-button-solid-base:not(.k-select):not(.k-grid-cancel):is(:hover,.k-active,:active) {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    box-shadow: none !important;
}
.k-filter-menu.k-popup .k-input {
    height: calc( 1.2em + 0.75rem) !important;
}
.k-filter-menu.k-popup .k-picker.k-dropdown {
    min-height: 2rem !important;
    height: 2rem !important;
}
.k-filter-menu.k-popup :is(.k-select.k-input-button,.k-input-prefix,.k-input-suffix) {
    align-self: center !important;
}
.k-filter-menu.k-popup .k-button:not(.k-select):not([aria-controls="StartDate_dateview"]):not([aria-controls="EndDate_dateview"]):not([data-action="prev"]):not([data-action="nav-up"]):not([data-action="next"]) {
    padding: 0.3rem 0.75rem !IMPORTANT;
}
.k-grid :is(.k-grid-content-locked,.k-grid-content-locked td),
.k-grid :is(.k-grid-header-locked,.k-grid-header-locked .k-header){
    border-color: #dee2e6 !important;
}

html .k-datepicker.k-input .k-button-solid-base:is(.k-hover,:hover,.k-active,:active ) {
    border-color: #fff !important;
    background-color: #fff !important;
    box-shadow: none !important;
}
html .k-datepicker.k-input:has(input[readonly],[disabled]) .k-button-solid-base:is(.k-hover,:hover,.k-active,:active ) {
    border-color: #e9ecef !important;
    background-color: #e9ecef !important;
    box-shadow: none !important;
    opacity:0.7;
}
.k-grid-content.k-auto-scrollable:has(.k-grid-content-expander) {
    min-height: 60px !important;
}
.k-list-ul .k-list-item.k-hover {
    background-color: #7398fa;
}

    .k-list-ul .k-list-item.k-hover:not(.k-focus) .k-list-item-text {
        color: #fff;
    }
/*=======================
    Calendar
=============================*/
.k-calendar:not(.k-calendar-range) .k-calendar-view {
    width: 235px !important;
    min-height: 210px !important;
    padding: 8px 0rem !important;
}

.k-calendar .k-calendar-table {
    width: 100% !important;
    display:table-cell !important;
}

#RemInquiryGrid:not(.default-grid) .td-actions .dropdown .dropdown-menu {
    inset-inline:0  auto !important;
}

    #RemInquiryGrid:not(.default-grid) .td-actions .dropdown .dropdown-menu:before {
       inset-inline:3px auto;
    }

    #RemInquiryGrid:not(.default-grid) .td-actions .dropdown .dropdown-menu:after {
       inset-inline:4px auto;
    }
.k-calendar :is(.k-calendar-yearview,.k-calendar-decadeview,.k-calendar-centuryview) .k-link {
    width: 58.5px !important;
    height: 58.5px !important;
}
.k-century tr.k-calendar-tr {
    line-height: 1.7 !important;
}
    .k-calendar .k-calendar-monthview .k-link {
        width: 34px !important;
        height: 34px !important;
    }

.k-calendar .k-calendar-monthview .k-calendar-td {
    width: 34px !important;
    height: 34px !important;
}

.k-calendar .k-calendar-th {
    width: 34px !important;
    height: 34px !important;
}
.k-calendar .k-header.k-hstack {
    width:100%;
}
.k-datepicker [data-role="datepicker"]:has( ~ .k-input-button > .k-i-calendar) {
    height: auto;
    display: block;
    width: 100% !important;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--theme-darkgrey-color);
    background-color: #fff;
    background-clip: padding-box;
    border: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.k-datepicker:has([data-role="datepicker"] ~ .k-input-button > .k-i-calendar) {
    border-radius: 0.25rem !important;
}
.k-datepicker [data-role="datepicker"]:is([readonly],[disabled]):has( ~ .k-input-button > .k-i-calendar) {
    background-color: #e9ecef;
}
    .k-datepicker [data-role="datepicker"]:focus-visible:has( ~ .k-input-button > .k-i-calendar) {
    outline: none !important;
    border: 0 !important
}
.k-daterangepicker {
    width: 100%;
    gap: 0.8rem !important;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    overflow: hidden;
}
    .k-daterangepicker:focus-within {
        border-color: rgba(var(--theme-color), 0.10);
        box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgba(var(--theme-color), 0.30);
    }
    .k-daterangepicker .k-floating-label-container .k-dateinput {
        border-radius: 0.25rem !important;
        height: calc( 1.72em + 0.75rem) !important;
        border: 0;
    }
    .k-daterangepicker .k-floating-label-container :is(.k-dateinput:focus-within,.k-dateinput [data-role="dateinput"]:focus) {
        box-shadow: none !important;
        border: 0;
    }
.k-daterangepicker .k-floating-label-container .k-input-inner[data-role="dateinput"] {
    padding-block: 0.375rem !important;
    padding-inline: 0.75rem 1.9rem !important;
    font-size: 0.85rem !important;
    border-radius: 0.25rem !important;
    cursor:pointer;
}
    .k-daterangepicker .k-floating-label-container {
        padding-block-start: 0 !important;
        flex: 1;
    }

        .k-daterangepicker .k-floating-label-container .k-dateinput:before {
            content: "\e108";
            font-size: 18px;
            font-family: var(--fonticon-webcomponentsicons);
            position: absolute;
            inset-inline-end: 8px;
            inset-block-start: 6px;
        }

    .k-daterangepicker .k-floating-label-container .k-label {
        display: none !important;
    }

    .k-daterangepicker .k-floating-label-container {
        position:relative;
    }
        .k-daterangepicker .k-floating-label-container:first-child .k-dateinput:before {
            content: normal;
        }
        .k-daterangepicker .k-floating-label-container:first-child:after {
            content: 'To';
            position: absolute;
            inset-inline-end: -1.5rem;
            inset-block-start: 10px;
            font-size: 0.9rem;
            color: var(--theme-body-color);
            border-inline: 1px solid #ced4da;
            padding-inline: 5px;
            inset-block: 12px;
            line-height: 1;
        }
#generateReportForm [class^=col]:has( > #btnGenerateReport) {
    display: flex;
    margin-block-start: 0 !IMPORTANT;
    padding-block-start: 0 !IMPORTANT;
}
#generateReportForm [class^=col] > :is(#btnGenerateReport,#btnDownloadReport) {
    align-self: end;
    padding: 0.5rem 0.75rem;
}
/*=======Table closingstate======*/
.BoxClosingStat tr td .form-control:not(.form-control-sm):not(.form-control-lg) {
    padding: 0.375rem 0.75rem;
    line-height: 1.55;
    min-height: 1.8rem
} .BoxClosingStat tr td .btn {
    min-width: 2.5rem;
    padding: 0.27rem 0.45rem;
} .BoxClosingStat tbody :is(tr td:last-child,tr:last-child) {
    background-color: #ebedf0;
} .BoxClosingStat tbody tr td {
    padding: 0.5rem 0.8rem;
    text-align: end !IMPORTANT
} .BoxClosingStat tbody tr td .form-control {
    text-align:end
} .calculated-balance thead th:first-child, .calculated-balance tbody tr:first-child td:first-child {
    background-color: #1f4b1f;
    border-color: #1f4b1f !important;
    color: #fdfdfd;
} .calculated-balance td, .calculated-balance th {
    font-size: 18px;
    font-weight: 400;
    background-color: #ebedf0;
    padding: 1.1rem 1.4rem !important;
} .calculated-balance th {
    padding: 1.5rem 1.3rem 0.7px !IMPORTANT;
} .calculated-balance tbody tr:first-child td:first-child {
    font-size: 40px;
    text-align: center;
    color: #fdfdfd;
    height: 100px;
    vertical-align: initial;
} .calculated-balance small, .calculated-balance .small {
    font-size: 0.675em;
}
/*=====================================
    Pager
======================================*/
.k-pager-nav.k-link, .k-pager-refresh {
    color: var(--theme-color) !important;
} .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--theme-color), 0.50) !important;
} .k-pager-nav.k-link, .k-pager-refresh {
    background-color: #ffffff !important;
    border-color: #cdc6c3 !important;
} .k-grid-pager {
    background-color: #ffffff !important;
    border-top: 1px solid #ced4da !important;
    padding-top: 10px !important;
    padding-bottom: 3px !important;
} .k-pager-numbers .k-link {
    color: #ff880d !important;
} .k-pager-info {
    justify-content: flex-start !important;
    order: -1 !important;
    margin: 0 !important;
} .kgrid-extend .k-header > .k-cell-inner {
    margin: -0.5rem -0.4rem -0.5rem !important;
} .k-popup .k-multicheck-wrap {
    max-height: 170px !important;
} .k-filter-menu-container .k-button-md {
    line-height: 1.2;
} .k-filter-menu-container .k-action-buttons .k-button-solid-base[type="reset"], .k-filter-menu-container .k-action-buttons .k-button-solid-base[type="reset"]:is(:hover,:focus,:active,:active:focus) {
    background-color: #fff !important;
    border-color: #ced4da !important;
    box-shadow:none !important
} .k-pager-numbers .k-link {
        border-radius: 50% !important;
    } .k-pager-numbers li:first-child {
    margin-inline-start: 6px !important;
} .k-pager-numbers li:last-child {
    margin-inline-end: 6px !important;
} .k-pager-numbers li + li {
    margin-inline-start: 6px !important;
} .k-pager-nav.k-link.k-pager-first {
    border-start-start-radius: 20px !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
    border-end-start-radius: 20px !important;
    margin-inline-end: 7px;
} .k-pager-nav.k-link.k-pager-last {
    border-start-start-radius: 0 !important;
    border-start-end-radius: 20px !important;
    border-end-end-radius: 20px !important;
    border-end-start-radius: 0 !important;
    margin-inline-start: 7px;
} .k-pager-numbers-wrap .k-picker.k-dropdown-list {
    background-image:none;
} .has-collapsible-caret.k-grid tbody .k-i-expand::before {
    font-size: 28px;
} .has-collapsible-caret.k-grid tbody tr:not(.k-detail-row).k-state-hover, .has-collapsible-caret.k-grid tbody tr:not(.k-detail-row):hover {
    background-color: rgba(var(--theme-color), 0.57);
    cursor: pointer;
} .has-collapsible-caret.k-grid tbody tr:not(.k-detail-row).k-state-hover .k-i-expand::before,.has-collapsible-caret.k-grid tbody tr:not(.k-detail-row):hover .k-i-expand::before, .has-collapsible-caret.k-grid tbody tr.k-master-row:not(.k-detail-row) .k-i-collapse::before {
        background-color: #fff;
        transition: font-size 0.3s
    } .has-collapsible-caret.k-grid tbody tr:not(.k-detail-row).k-state-hover .k-i-expand:hover::before, .has-collapsible-caret.k-grid tbody tr:not(.k-detail-row):hover .k-i-expand:hover::before, .has-collapsible-caret.k-grid tbody tr.k-master-row:not(.k-detail-row) .k-i-collapse::before {
        font-size: 32px;
        transition: font-size 0.3s
    }
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Sign in
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#validationMessage {
    margin: 0 auto;
    max-width: 500px;
} .log-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    align-items: center;
} .body-sign {
    height: auto;
} .body-sign .center-sign {
        padding-top: 0;
    } .body-sign .card-sign .card-body {
        padding: 33px 33px 25px;
    } .body-sign .card-sign .card-body .form-group + .form-group {
        border-top: 0;
    } .body-sign .input-group-text {
    font-size: 1rem;
} .btn-eye {
    position: absolute;
    inset-inline-end: 63px;
    top: 14px;
    z-index: 5;
    font-size: 18px;
    cursor: pointer;
} .body-sign input[type=password] {
    padding-block: 0.5rem 0.5rem;
    padding-inline: 1rem 2.5rem;
} .body-sign .text-warning {
    color: #e18705 !IMPORTANT
} .body-sign .create-permission {
    min-height: auto;
} .body-sign .center-sign .logo img {
    margin-top: 35px;
    height: auto;
    width: 100px;
} .body-sign .alert-success {
    color: #0f5132;
    background-color: #fff;
    border-color: #0f5132;
} .body-sign .alert-success p {
    color: #0f5132;
} .lang-btns {
    margin: 0 auto;
    max-width: 500px;
} body:not(.log-body) .body-sign .card-sign .card-body {
    border-top: 0;
}
/*----------Green login theme-------*/
.log-theme5 .card-sign .card-title-sign .title {
        background-color: #1f4b1f;
    } .log-theme5 .card-sign .card-body {
        border-top-color: #1f4b1f;
    } .log-theme5 .form-control:focus {
    /* border-color: rgb(31 75 31 / 11%);
        box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgb(31 75 31 / 12%);*/
    border-color: rgb(31 75 31 / 100%);
    box-shadow: none;
} .log-theme5 .input-group .input-group-text {
        background-color: #1f4b1f;
    } .log-theme5 .text-warning {
        color: #9a0f36 !IMPORTANT;
    } html .log-theme5 .btn-primary, html .log-theme5 .btn-primary:hover, html .log-theme5 .btn-primary.hover {
    background-color: #1f4b1f;
    border-color: #1f4b1f #1f4b1f #1f4b1f;
    color: #FFF;
} html .log-theme5 .btn-primary:focus, html .log-theme5 .btn-primary.focus, html .log-theme5 .btn-primary:active, html .log-theme5 .btn-primary.active, html .log-theme5 .btn-primary:active:focus, html .log-theme5 .btn-primary:active.focus {
        box-shadow: 0 0 0 3px rgba(31,75,31, 0.27) !important;
        background-color: #1f4b1f !important;
        border-color: #1f4b1f #1f4b1f #1f4b1f !important;
        color: #FFF;
    } .log-theme5 .radio-custom label:before {
    border-color: #b71439;
} .log-theme5 .radio-primary input[type="radio"]:checked + label:after, .log-theme5 .radio-primary input[type="radio"]:checked + label:after {
    background: #b71439 !important;
    box-shadow: 0px 0px 1px #b71439;
} .log-theme5 .checkbox-custom label:before {
    border-color: #b71439;
} .log-theme5 .checkbox-primary input[type="checkbox"]:checked + label:after, .log-theme5 .checkbox-primary input[type="checkbox"]:checked + label:after {
    color: #b71439;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Google Map
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#map {
    height: 300px;
    width: 100%;
    position: relative;
    border: 1px solid #ced4da;
    border-radius: 0.345rem;
    box-shadow: 2px 3px 14px 0px rgb(51 52 56 / 27%);
}
/*--------------------------------------------------------
    Color Theme
-------------------------------------------------------*/
/*-----------------theme4--------------------*/
html.theme4 {
    --theme-headersidbar-darkbg: #9e8252;
    --theme-headerlightbg: #b69863;
    --theme-headerborder: #fff2df;
    --theme-headershadow: 169, 139, 89;
    --theme-headerlink-color: #fff2df;
    --theme-sidebar-dropmenu-bg: #b69863;
    --theme-sidebar-dropmenu-link-color: #fff2df;
    --theme-sidebar-hover-darkbg: #b69863;
    --theme-sidebar-hover-lightbg: #b69863;
    --theme-sidebar-focus-link-color: #b69863;
    --theme-sidebar-link-color: #fff2df;
    --theme-sidebar-hover-link-color: #b71439;
    --theme-sidebar-active-link-color: #b71439;
    --theme-sidebarheader-color: #fff2df;
    --theme-color-rgb: 158, 130, 82;
    --theme-color: #9e8252;
    --btn-text-color: #fff;
    --input-focus-color: #9e8252;
    --theme-filter: invert(51%) sepia(42%) saturate(420%) hue-rotate(359deg) brightness(94%) contrast(84%);
    --select-focus-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' transform='scale(1,-1)'%3e%3cpath fill='none' stroke='%239e8252' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
} html.theme4 :is(.tge-logo5,.tge-logo6 ) {
        display: none !important;
    } html.theme4 .tge-logo4 {
        display: block !important;
    }
/*-----------------theme5--------------------*/
html.theme5 {
    --theme-headersidbar-darkbg: #1f4b1f;
    --theme-headerlightbg: #336233;
    --theme-headerborder: #d2ecd2;
    --theme-headershadow: 45,85,45;
    --theme-headerlink-color: #d2ecd2;
    --theme-sidebar-dropmenu-bg: #336233;
    --theme-sidebar-dropmenu-link-color: #d2ecd2;
    --theme-sidebar-hover-darkbg: #336233;
    --theme-sidebar-hover-lightbg: #336233;
    --theme-sidebar-focus-link-color: #336233;
    --theme-sidebar-link-color: #d2ecd2;
    --theme-sidebar-hover-link-color: #85c385;
    --theme-sidebar-active-link-color: #85c385;
    --theme-sidebarheader-color: #d2ecd2;
    --theme-color-rgb: 183, 20, 57;
    --theme-color: #b71439;
    --btn-text-color: #fff;
    --input-focus-color: #1f4b1f;
    --theme-filter: invert(20%) sepia(38%) saturate(6303%) hue-rotate(332deg) brightness(79%) contrast(101%);
    --select-focus-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' transform='scale(1,-1)'%3e%3cpath fill='none' stroke='%231f4b1f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
} html.theme5 :is(.tge-logo4,.tge-logo6 ) {
        display: none !important;
    } html.theme5 .tge-logo5 {
        display: block !important;
    }
/*-----------------theme6--------------------*/
html.theme6 {
    --theme-headersidbar-darkbg: #161b21;
    --theme-headerlightbg: #26292d;
    --theme-headerborder: #dadada;
    --theme-headershadow: 49,52,57;
    --theme-headerlink-color: #dadada;
    --theme-sidebar-dropmenu-bg: #26292d;
    --theme-sidebar-dropmenu-link-color: #dadada;
    --theme-sidebar-hover-darkbg: #26292d;
    --theme-sidebar-hover-lightbg: #26292d;
    --theme-sidebar-focus-link-color: #26292d;
    --theme-sidebar-link-color: #dadada;
    --theme-sidebar-hover-link-color: #edc339;
    --theme-sidebar-active-link-color: #edc339;
    --theme-sidebarheader-color: #dadada;
    --theme-color-rgb: 237, 195, 57;
    --theme-color: #edc339;
    --btn-text-color: #212529;
    --input-focus-color: #edc339;
    --theme-filter: invert(98%) sepia(84%) saturate(5639%) hue-rotate(327deg) brightness(99%) contrast(88%);
    --select-focus-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' transform='scale(1,-1)'%3e%3cpath fill='none' stroke='%23edc339' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
} html.theme6 :is(.tge-logo4,.tge-logo5 ) {
        display: none !important;
    } html.theme6 .tge-logo6 {
        display: block !important;
    }
/*----------------Theme Seven-----------------*/
html.theme7 {
    --theme-headersidbar-darkbg: rgb(34,63,153);
    --theme-headerlightbg: #00194e;
    --theme-headerborder: #586d9a;
    --theme-headershadow: 0, 31, 96;
    --theme-headerlink-color: #fff;
    --theme-sidebar-dropmenu-bg: #00194e;
    --theme-sidebar-dropmenu-link-color: #fff;
    --theme-sidebar-hover-darkbg: #171b21;
    --theme-sidebar-hover-lightbg: #00194e;
    --theme-sidebar-focus-link-color: #00194e;
    --theme-sidebar-link-color: #fff;
    --theme-sidebar-hover-link-color: rgb(238, 64, 40);
    --theme-sidebar-active-link-color: rgb(238, 64, 40);
    --theme-sidebarheader-color: #222831;
    --theme-color-rgb: 238, 64, 40;
    --theme-color: rgb(238, 64, 40);
    --btn-text-color: #fff;
    --input-focus-color: rgb(34,63,153);
    --theme-filter: invert(11%) sepia(89%) saturate(2501%) hue-rotate(213deg) brightness(81%) contrast(107%);
    --select-focus-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' transform='scale(1,-1)'%3e%3cpath fill='none' stroke='%23001f60' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    ;
} html.theme7 :is(.tge-logo4,.tge-logo6 ) {
    display: none !important;
} html.theme7 .tge-logo5 {
    display: block !important;
}
/*-------Theme end here----------------------*/
html.header-dark .header {
    background-color: var(--theme-headersidbar-darkbg);
    border-bottom-color: var(--theme-headerborder);
    border-top-color: var(--theme-headersidbar-darkbg);
    border-block-end-width: 0.5px;
} html.header-dark .logo-container h2.companyName {
    color: var(--theme-headerlink-color)
} html.header-dark .header .separator {
    background-image: linear-gradient(var(--theme-headerborder) 60%, var(--theme-headersidbar-darkbg));
    width: 0.5px;
} html.header-dark .userbox .dropdown-menu {
    background-color: var(--theme-headersidbar-darkbg);
} html.header-dark .userbox :is(.name,.custom-caret,.name,.custom-caret,.role) {
    color: var(--theme-headerlink-color);
} html.header-dark #culture-picker {
    background-color: var(--theme-headersidbar-darkbg);
    border-color: var(--theme-headerlink-color);
    color: var(--theme-headerlink-color);
} html.header-dark .sidebar-left {
    background-color: var(--theme-headersidbar-darkbg);
} html.header-dark .sidebar-left :is(.sidebar-header .sidebar-title,.sidebar-header,.sidebar-header .sidebar-toggle) {
        background-color: var(--theme-headersidbar-darkbg);
        color: var(--theme-sidebar-link-color);
    } html.header-dark .sidebar-left .sidebar-header .sidebar-toggle i {
            color: var(--theme-sidebar-link-color);
        } html.header-dark .sidebar-left .sidebar-header .sidebar-toggle:hover i {
            color: var(--theme-sidebar-active-link-color);
        } html.header-dark.no-overflowscrolling .sidebar-left .nano {
    background: var(--theme-headersidbar-darkbg);
    box-shadow: -5px 0 0 var(--theme-headerborder) inset;
} html.header-dark ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 var(--theme-headersidbar-darkbg) inset;
} html.header-dark ul.nav-main > li.nav-parent > a {
    border-bottom: 1px solid var(--theme-headersidbar-darkbg);
} html.header-dark ul.nav-main li .nav-children {
    background: var(--theme-sidebar-dropmenu-bg);
    box-shadow: 0px -3px 3px -3px rgba(var(--theme-color-rgb),0.4) inset;
} html.header-dark ul.nav-main li .nav-children li a {
        color: var(--theme-sidebar-dropmenu-link-color);
    } html.header-dark ul.nav-main li .nav-children li.nav-active > a {
        color: var(--theme-sidebar-active-link-color);
        font-weight: 600;
    } html.header-dark ul.nav-main li .nav-children li a:is(:hover,:focus) {
        background: var(--theme-sidebar-hover-lightbg);
        color: var(--theme-sidebar-hover-link-color)
    } html.header-dark .page-header {
    border-inline-start-color: var(--theme-headersidbar-darkbg);
    box-shadow: 1px 3px 0 1px rgba(var(--theme-headershadow),0.6);
    background-color: var(--theme-headersidbar-darkbg);
} html.header-dark .header-right {
    color: var(--theme-headerlink-color);
} html.header-dark .page-header h2 {
    color: var(--theme-headerlink-color);
    border-bottom-color: var(--theme-color);
} html.header-dark .page-header p:has(.Timer) {
    color: var(--theme-headerlink-color) !important;
} html.header-dark .userbox .dropdown-menu a:hover {
    background: var(--theme-color);
} html.header-dark a:not(.btn) {
     color: var(--theme-color);
} html.header-dark .input-group-text a {
    color: var(--btn-text-color);
} html.header-dark table td .btn-primary{
    color: var(--btn-text-color) !important;
} html.header-dark a.text-decoration-underline, html.header-dark table td > a.text-primary.text-decoration-underline {
    color: var(--theme-color) !important;
} html.header-dark ul.nav-main li a, html.header-dark ul.nav-main li.nav-parent > a:after {
    color: var(--theme-sidebar-link-color);
} html.header-dark ul.nav-main > li.nav-active > a:hover {
    color: var(--theme-sidebar-hover-link-color);
} html.header-dark ul.nav-main > li > a:is(:hover,:focus), html.header-dark ul.nav-main > li.nav-expanded > a, html.header-dark li.nav-parent.nav-active {
    background-color: var(--theme-sidebar-focus-link-color);
    color: var(--theme-sidebar-active-link-color);
} html.header-dark ul.nav-main > li.nav-expanded > a, html.header-dark li.nav-parent.nav-active {
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
} html.header-dark ul.nav-main > li > a:is(:hover,:focus):after, html.header-dark ul.nav-main > li.nav-expanded > a:after {
        color: var(--theme-sidebar-active-link-color);
    } html.header-dark ul.nav-main li.nav-parent > a:hover:after, html.header-dark ul.nav-main li.nav-parent > a:focus:after {
    /*color: var(--theme-color);*/
} html.header-dark .wizard-progress .wizard-steps li.active a span {
    color: var(--theme-darkgrey-color);
    border-color: var(--theme-color);
} html.header-dark .wizard-progress .wizard-steps li.completed a span {
    border-color: var(--theme-color);
    background: var(--theme-color);
    color: var(--btn-text-color);
} html.header-dark .wizard-progress .steps-progress .progress-indicator {
    background: var(--theme-color);
} html.header-dark .btn-primary, html.header-dark .btn-primary:is(:hover,.hover) {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--btn-text-color) !IMPORTANT;
    font-weight: 500;
} html.header-dark .btn-primary:is(:active,.active), .show > html.header-dark .btn-primary.dropdown-toggle {
        background-color: var(--theme-color) !important;
        background-image: none !important;
        border-color: var(--theme-color) var(--theme-color) var(--theme-color) !important;
        box-shadow: 0 0 0 0.2rem rgb(var(--theme-color-rgb), 0.55) !important;
    } html.header-dark .k-grid .k-button-solid-base:not(.k-select) {
    background-color: #0088CC;
    border-color: #0088CC #0088CC #006699;
    color: #FFF;
} html.header-dark .k-toolbar.k-grid-toolbar .k-button-solid-base:not(.k-select) {
    border-color: var(--theme-color) !important;
    background-color: var(--theme-color) !important;
    color: var(--btn-text-color) !IMPORTANT;
    font-weight: 500;
    border-radius: 0.225rem !important;
} html.header-dark .k-toolbar.k-grid-toolbar .k-button-solid-base:not(.k-select):is(.k-hover,:hover,.k-active,:active,:focus,.k-focus) {
        background-color: var(--theme-color) !important;
        background-image: none !important;
        border-color: var(--theme-color) !important;
        box-shadow: 0 0 0 0.2rem rgba(var(--theme-color-rgb), 0.56) !important;
    } html.header-dark body .tabs .nav-tabs :is(li.active .nav-link,li .nav-link.active) {
    border-bottom-color: var(--theme-color);
    color: var(--theme-color);
} html.header-dark body .tabs .nav-tabs .nav-link:hover, html.header-dark body .tabs .nav-tabs .nav-link:focus {
    border-top-color: var(--theme-color);
    color: var(--theme-color);
} html.header-dark body .tabs.tabs-vertical.tabs-left .nav-tabs :is(li .nav-link:hover,li.active .nav-link,li.active .nav-link:hover,li.active .nav-link:focus), html.header-dark.dark body .tabs.tabs-vertical.tabs-left .nav-tabs :is(li .nav-link:hover,li.active .nav-link,li.active .nav-link:hover,li.active .nav-link:focus) {
    border-inline-color: var(--theme-color);
} html.header-dark .btn-primary:is(:focus,.focus) {
    box-shadow: 0 0 0 3px rgba(var(--theme-color-rgb), 0.72);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
} html.header-dark .viewer-sidebar {
    background-color: var(--theme-headersidbar-darkbg);
    color: #f6f6f6;
} html.header-dark .currncyviewer-body {
    background-color: var(--theme-headerlightbg);
} html.header-dark .toggle-currencyListLi {
    background-color: var(--theme-headerlightbg);
} html.header-dark .currency-list > li:not(li.dropdown):is(:hover,:hover:before), html.header-dark .currency-list li .menudropdown [data-note]:is(:hover,:hover:after), html.header-dark .toggle-currencyListLi:after {
        color: var(--theme-sidebar-active-link-color);
        background-color: var(--theme-headerlightbg)
    } html.header-dark .toggle-currencyListLi {
    color: var(--theme-sidebar-active-link-color);
} html.header-dark [data-note].toggle-currencyListLi {
    color: var(--theme-sidebar-active-link-color);
} html.header-dark .currencybox h4 {
    color: #fff;
} html.header-dark .exchange-container h4 {
    background-color: var(--theme-color);
} html.header-dark .k-pager-numbers .k-link.k-state-selected {
    border-color: var(--theme-color) !important;
    background-color: var(--theme-color) !important;
    color: var(--btn-text-color) !IMPORTANT;
} html.header-dark .k-pager-numbers :is(.k-link.k-state-focus,.k-link:focus) {
    box-shadow: 0 0 0 0.2rem rgba(var(--theme-color-rgb), 0.66) !important;
} html.header-dark :is(.k-pager-nav.k-link,.k-pager-refresh) {
    color: var(--theme-color) !important;
} html.header-dark .k-grid-filter-menu.k-grid-filter .k-icon {
    color: var(--theme-color);
} html.header-dark .dropdown-item:is(.active,:active) {
    background: var(--theme-color);
    color: #fff;
} html.header-dark .checkbox-primary label:before, html.header-dark .checkbox-primary label:before {
    background: var(--bs-white);
    border-color: var(--theme-color);
    border-width:2px;
} html.header-dark .checkbox-primary input[type="checkbox"]:checked + label:after {
    color: var(--theme-color)
} html.header-dark .radio-primary input[type="radio"]:checked + label:after {
    background: var(--theme-color);
    box-shadow: 0px 0px 1px var(--theme-color);
} html.header-dark .custom-radio-box .radio-custom input[type="radio"]:checked + label:after {
    background-color: var(--theme-color) !important;
} html.header-dark .custom-checkbox-box .checkbox-custom input[type="checkbox"] + label:after {
    color: var(--btn-text-color) !important;
} html.header-dark .custom-checkbox-box .checkbox-custom input[type="checkbox"]:checked + label:after {
    background-color: var(--theme-color) !important;
} html.header-dark .input-group .input-group-text {
    color: var(--btn-text-color) !IMPORTANT;
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color)
}
html.header-dark .filter-dropdown-menu .input-group .input-group-text {
    color: var(--theme-color) !IMPORTANT;
}
  html.header-dark :is(.heading-primary,.lnk-primary.text-color-primary,.text-primary) {
    color: var(--theme-color) !important;
} html.header-dark .form-control:focus {
    border-color: var(--input-focus-color);
    box-shadow: none;
} html.header-dark .form-control:is([readonly],[disabled]):focus {
    border: 1px solid #ced4da !important;
    box-shadow: none !important;
} html.header-dark .k-input:is(.k-focus,:focus,:focus-within), html.header-dark .k-picker.k-dropdown.k-focus, html.header-dark .select2-container--default .select2-search--dropdown .select2-search__field, html.header-dark .select2-container--default.select2-container--open.select2-container--above :is(.select2-selection--single,.select2-selection--multiple), html.header-dark .select2-container--default.select2-container--open.select2-container--below :is(.select2-selection--single,.select2-selection--multiple) {
    border-color: var(--input-focus-color);
    box-shadow: none;
}
html.header-dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid var(--input-focus-color) 1px !important;
    outline: 0;
}
html.header-dark.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: var(--theme-color);
} html.header-dark .btn-link, html.header-dark .btn-link:hover {
    color: var(--theme-color);
} html.header-dark .btn-outline-primary {
    border-color: var(--theme-color) var(--theme-color) var(--theme-color);
    color: var(--theme-color);
} html.header-dark .btn-outline-primary:is(:hover,.hover,:active,:focus) {
        background-color: var(--theme-color);
        border-color: var(--theme-color) var(--theme-color) #d1ac32;
        color: var(--btn-text-color) !IMPORTANT;
        box-shadow: 0 0 0 0.2rem rgba(var(--theme-color-rgb), 0.50)
    } html.header-dark .bg-primary, html.header-dark .background-color-primary {
    background-color: var(--theme-color) !important;
} html.header-dark .k-pager-numbers .k-link {
    color: var(--theme-color) !important;
} html.header-dark .input-group .btn-transfer {
    box-shadow: inset 0px 0px 3px 2px rgb(224 194 61 / 60%) !important;
} html.header-dark .k-datepicker .k-button-solid-base {
    border-color: #fff !important;
    color: var(--theme-color) !important;
    background-color: #fff;
    min-width: 35px;
    height: auto !important
} html.header-dark .k-daterangepicker:focus-within {
    border-color: var(--input-focus-color);
    box-shadow:none;
} html.header-dark .k-daterangepicker .k-floating-label-container .k-dateinput:before {
    color: var(--theme-color) !important;
} html.header-dark .k-grid .k-button-solid-base.k-grid-cancel:not(.k-select) {
    background-color: var(--theme-color) !important;
    color: #FFF !important;
    border-color: var(--theme-color) !important;
} html.header-dark .card-featured-primary {
    border-color: var(--theme-color);
} html.header-dark .k-grid-filter-menu.k-grid-filter.k-state-active {
    background-color: var(--theme-color) !important;
    border-radius: 3px !important;
    padding: 0.375rem;
} html.header-dark .k-grid .k-grid-header th:has(.k-grid-filter-menu.k-grid-filter:is(.k-state-active,.k-state-border-down,.k-state-border-up)) {
    background-color: var(--theme-color) !important;
    color: #fff;
} html.header-dark .k-grid-header th:has(.k-grid-filter-menu.k-grid-filter.k-state-active) :is(.k-i-sort-asc-sm,.k-i-sort-desc-sm) html.header-dark .k-grid-header .k-sort-order, html.header-dark .k-grid-header th:has(.k-grid-filter-menu.k-grid-filter:is(.k-state-border-down,.k-state-border-up)) {
    color: #fff !important;
} html.header-dark .k-grid-filter-menu.k-grid-filter:is(.k-state-active,.k-state-border-down,.k-state-border-up) .k-icon {
    color: #fff !important
} html.header-dark .kgrid-extend .k-i-expand::before {
    color: #e0c23d;
} html.header-dark .modal-block-primary.modal-header-color .card-header {
    background-color: #fff;
} html.header-dark .modal-block-primary .modal-icon :is(.fa,.fab,.fal,.far,.fas) {
    color: var(--theme-color);
} html.header-dark .badge-primary {
    background: #fff;
    border: 1px solid #d6c141;
    color: #d6c141;
} html.header-dark .badge-info {
    background-color: #fff;
    color: #0088CC;
    border: 1px solid #5189cb;
} html.header-dark .badge-danger {
    background-color: #fff;
    color: #d2322d;
    border: 1px solid #d2322d;
} html.header-dark .k-checkbox:is(.k-checked,:checked) {
    border-color: var(--theme-color) !important;
    background-color: var(--theme-color) !important;
} html.header-dark .k-checkbox:is(.k-focus,:focus) {
    box-shadow: 0 0 0 0.25rem rgba(var(--theme-color-rgb),0.59) !important;
} html.header-dark .k-grid .k-drag-cell > .k-icon, html.header-dark .k-grid .k-hierarchy-cell > .k-icon {
    color: var(--theme-color);
} html.header-dark .card-header {
    border-bottom: 1px solid var(--theme-trasparent-color);
    border-image: linear-gradient(to right, var(--theme-color) 25%, var(--theme-headersidbar-darkbg) 25%);
    border-image-slice: 1;
} html.header-dark .modal-block.modal-header-color .card-header .card-title, html.header-dark .card-title {
    color: var(--theme-color);
} html.header-dark .modal-header {
    border-bottom: 1px solid var(--theme-trasparent-color);
    border-image: linear-gradient(to right, var(--theme-color) 25%, var(--theme-headersidbar-darkbg) 25%);
    border-image-slice: 1;
} html.header-dark .widget-summary .summary-icon.bg-quaternary {
    background-color: #fff !important;
    color: #383F48 !important;
    border: 1.5px solid #383F48
} html.header-dark #frmMain.input-group:focus-within {
    border-color: var(--theme-color);
} html.header-dark #frmMain.input-group:focus-within #btnSearch {
        color: var(--theme-color);
    } html.header-dark .currency-balance .currency-sign {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
} html.header-dark .slider-range input[type="range"] {
    background: var(--theme-headersidbar-darkbg);
} html.header-dark .slider-range p {
    color: var(--theme-headersidbar-darkbg);
} html.header-dark .slider-range input[type="range"]::-webkit-slider-thumb {
    background: var(--theme-color);
    border: 2px solid var(--theme-color);
} html.header-dark .slider-range input[type="range"]::-webkit-slider-thumb:hover {
        background: var(--theme-color);
        border: 2px solid var(--theme-headersidbar-darkbg);
    } html.header-dark .has-collapsible-caret.k-grid tbody tr:not(.k-detail-row):is(.k-state-hover,:hover) {
    background-color: rgba(var(--theme-color-rgb), 0.30);
} html.header-dark .radio-custom label:before {
    border-color: var(--theme-color);
} html.header-dark .k-calendar .k-calendar-view :is(.k-today.k-state-focused .k-link,.k-today .k-link) {
    box-shadow: inset 0 0 0 1px var(--theme-color) !important;
} html.header-dark .k-calendar .k-calendar-td.k-state-selected .k-link {
    border-color: var(--theme-color) !important;
    background-color: var(--theme-color) !important;
} html.header-dark .k-calendar .k-calendar-td.k-state-selected:is(.k-state-focus .k-link,.k-state-focused .k-link) {
    box-shadow: none !important;
} html.header-dark .k-calendar .k-nav-today {
    color: var(--theme-color);
} html.header-dark .pager li > a:hover, html.header-dark .pager li > a:focus {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
} html.header-dark input[type=file]::file-selector-button, html.header-dark input[type=file]::file-selector-button:hover {
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color);
    border: thin solid var(--theme-color);
    color:var(--btn-text-color);
} html.header-dark .currency-list li .menudropdown [data-note] {
    color:#fff;
} html.header-dark .advanceSearch .btn-check:checked + .btn-outline-primary {
    color: #181b21;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
} html.header-dark .advanceSearch .btn-check:is(:checked,:active) + .btn-outline-primary, html.header-dark .advanceSearch .btn-outline-primary:is(:active,.active), html.header-dark .advanceSearch .btn-outline-primary.dropdown-toggle.show {
    color: var(--btn-text-color);
    background-color: var(--theme-color);
    border-color: var(--theme-color);
} html.header-dark .advanceSearch :is(.btn-check:focus + .btn-outline-primary,.btn-outline-primary:focus) {
    box-shadow: 0 0 0 0.25rem rgba(var(--theme-color-rgb), 0.41);
} html.header-dark .btn-group1 .custom-radio-box .radio-custom input[type="radio"]:checked + label, html.header-dark .btn-group1 .custom-radio-box .radio-custom input[type="radio"]:checked + label:before {
    border-color: var(--theme-color) !IMPORTANT;
} html.header-dark .btn-group1 .custom-radio-box input[type="radio"]:checked + label :is(.fas,.far), html.header-dark .btn-group1 .custom-radio-box .radio-custom input[type="radio"]:checked + label b {
        color: var(--theme-color)
    } html.header-dark .input-group .input-group-text :is(.k-picker,.k-picker.k-hover,.k-picker.k-focus) {
    color: var(--btn-text-color);
} html.header-dark .btn-select .form-select:is(:focus,:active,:active:focus) {
    border-color: var(--theme-headersidbar-darkbg);
    box-shadow: none;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Footer
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media only screen and (min-width: 768px) {
    html.sidebar-left-sm .footer-dashboard {
        position: fixed;
        inset-block-end: 0;
        inset-inline-end: 0;
        inset-inline-start: 250px;
        text-align: center;
        padding: 3px 0;
        border-block-start: 1px solid #ecedf0;
        font-size: 11px;
        background-color: #dee0e5;
        z-index: 100;
        color: var(--theme-darkgrey-color);
    }
    html.sidebar-left-sm.sidebar-left-collapsed .footer-dashboard {
        inset-inline-start: 73px;
    }
} .log-body .footer-dashboard {
    position: fixed;
    inset-block-end: 0;
    inset-inline: 0;
    text-align: center;
    padding: 3px 0;
    border-block-start: 1px solid #ecedf0;
    font-size: 11px;
    background-color: #dee0e5;
    z-index: 1010;
    color: var(--theme-darkgrey-color);
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Custom Scroll
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
::-webkit-scrollbar {
    width: 12px;
    -webkit-appearance: none;
    height: 12px;
} :is(.k-grid-content,.table-responsive,.workingdays-collapsable,.k-filter-menu.k-popup .k-multicheck-wrap,.k-list-content.k-list-scroller,.custom-radio-box small,#divNoData [id$="-section"] div,.modal div,div)::-webkit-scrollbar {
    width: 7px; /* width of vertical scrollbar */
    height: 7px; /* height of horizontal scrollbar ← You're missing this */
}
:is(table td > *,.select2-results__options,.iti__country-list,.filter-checkbox)::-webkit-scrollbar {
    width: 4px;
    height: 4px;
} ::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #E0E0E0;
    border: 2px solid #E0E0E0;
    margin: 0;
}
.custom-table-wrapper .table-responsive::-webkit-scrollbar-track {
    margin-top: var(--thead-height, 0);
}
.custom-table-wrapper .table-responsive:has(thead th:is([rowspan="2"],[rowspan="3"]))::-webkit-scrollbar-track {
    margin-top: var(--thead-height, 0);
}
    #divNoData [id$="-section"] div::-webkit-scrollbar-track {
        border: 2px solid #E0E0E0 !important;
    } .table-responsive:has(.table-fixed-header)::-webkit-scrollbar-track, .table-responsive:has(.table-fixed-tbody-header)::-webkit-scrollbar-track {
    margin: 32px 0 10px;
} ::-webkit-scrollbar-thumb {
    background-color: #BDBDBD !important;
    border-radius: 0;
    border: 2px solid #BDBDBD !important;
    height: 40px;
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Meida Print
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@media print {
    html,body {
    background-color:#fff;
    }
    .container {
    max-width:100%;
    }
    html.dark .header, html.header-dark .header {
        background-color: #fff;
        border-top-color: var(--theme-trasparent-color);
    }
    .sidebar-left, .page-header, .header-right, .toggle-sidebar-left {
        display: none !important;
    }
    .content-body {
    padding:0;
    }
    .collapesed-row {
    display:block !important;
    }
    .k-grid-content.k-auto-scrollable {
        overflow: visible !IMPORTANT;
        max-height: fit-content !important
    }
    .card:not(.card-featured-left) .card-body {
        padding: 1.6rem 0 1.6rem !important;
    }
    .k-toolbar.k-grid-toolbar {
    display:none;
    }
} @media print and (min-width: 576px) {
    .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1, .col-1{
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2, .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4, .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5, .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6, .col-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-1, .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8, .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9, .col-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10, .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11, .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12, .col-12, .col:only-child, .row > [class^="col-"]:only-child:not(:has(.viewer-sidebar,.branchagentbox)), :is(#tmtwizardupload) > [class^="col-"] {
        flex: 0 0 auto;
        width: 100%;
    }
    html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
    width:100%;
    }
    .card-header {
        padding: 8px 0 8px;
    }
    .card:not(.card-featured-left) .card-body {
        padding: 0 0 1.6rem !important;
    }
    .modal.fade.show {
        padding-inline-end: 0 !important;
    }
    .modal-dialog {
        max-width: calc(100% - 24px);
    }
    .table-responsive.modifyrequest-table {
        max-height: none !important;
    }
    label:has(~ :is(input,select):not([type='checkbox'],[type='radio'],[type='button']), ~ * :is(input,select):not([type='checkbox'],[type='radio'],[type='button'])) {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }
    :is(.col,[class*='col-']):has(>div[style*="display:none"]:only-child) {
        display: none;
    }
    #userRolesTable {
        margin-top: 2rem;
    }
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    Loader
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.inline-loader-btn, .inline-loader {
    position: relative;
}
    .inline-loader-btn:after, .inline-loader:after {
        content: "";
        position: absolute;
        background: url(../img/notch-loader.gif) no-repeat;
        background-size: 75px;
        background-position: center;
        inline-size: 60px;
        block-size: 60px;
        inset-block-start: 50%;
        inset-inline-start: 50%;
        transform: translate(-50%,-50%);
        z-index: 55;
    } .inline-loader-btn:before, .inline-loader:before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        block-size: 100%;
        inline-size: 100%;
        background-color: rgba(255,255,255,0.7);
        z-index: 50;
    } .block-loader:before {
    position: fixed;
    content: '';
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    block-size: 100%;
    inline-size: 100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 2000;
} .block-loader:after {
        content: "";
        position: fixed;
        background: url(../img/ellipsis.gif) no-repeat;
        background-size: 75px;
        background-position: center;
        inline-size: 80px;
        block-size: 60px;
        inset-block-start: 50%;
        inset-inline-start: 50%;
        transform: translate(-50%,-50%);
        z-index: 2005;
    }
/*====================
      Default Loader
  ====================*/
.loading-overlay {
    position: fixed;
    background: rgb(255 255 255 / 50%);
    z-index: 1200;
}