@import "././variable.css";
@import "././fontstyle.css";
@import "././icon-style.css";

/* Start Common Style */
body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: var(--globalTextcolor);
}

.ui-widget {
    font-family: "Montserrat", sans-serif !important;
}


::-webkit-scrollbar {
    height: 6px; /* change height of horizontal scrollbar */
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

a {
    color: var(--modaltitleColor);
    text-decoration: none !important;
}

.removelink {
    color: var(--typographyDarkColor);
    font-size: var(--px14);
    text-decoration: none !important;
    text-decoration: none !important;
    display: inline-block;
    padding: 5px;
    width: 100%;
}

.td_dropdown li a i {
    position: relative;
    top: 4px;
}

.removelink:hover {
    color: var(--typographyDarkColor);
    font-size: var(--px14);
    text-decoration: none !important;
    background: transparent !important;
}

.addnpi a {
    color: var(--modaltitleColor);
}

.item-parent {
    color: var(--modaltitleColor);
    /*font-size: 25px;*/
    position: relative;
    top: 7px;
    left: -5px;
    line-height: 25px;
    padding-left: 25px;
    font-size: var(--px16);
}

.arrowButton {
    border: none;
    background: none;
    font-size: var(--px16);
    padding-left: 25px;
}

.item-parent::before {
    font-family: 'icomoon';
    content: "\e933";
    font-size: 24px;
    position: absolute;
    margin-left: 2px;
    top: 2px;
    left: -2px;
}

.item-parent.active::before {
    font-family: 'icomoon';
    content: "\e933";
    font-size: 24px;
    position: absolute;
    margin-left: 2px;
    top: 2px;
    left: -2px;
    transform: rotate(180deg);
}

.upload_txt {
    font-size: var(--px12);
    font-weight: 400;
    color: var(--typographylightColor);
    text-align: center;
}

select {
    appearance: auto !important;
}

/* End Common Style */


/**
    Swal Alert Design for GTM
**/

.sa-icon {
    display: none !important;
}

.sweet-alert h2 {
    color: #1277d9;
    font-size: 18px;
    line-height: 22px !important;
    font-family: MontserratSemiBold !important;
    margin: 10px 0 20px 0 !important;
}

.sweet-alert .h2Span {
    color: #1277d9;
    font-size: 18px;
    line-height: 22px !important;
    font-family: MontserratSemiBold !important;
    margin: 10px 0 20px 0 !important;
    color: #1277d9;
    display: block;
    text-align: center;
    font-weight: 500;
    text-transform: none;
    position: relative;
    padding: 0;
    line-height: 40px;
}

.sweet-alert button {
    background: var(--primarybuttonBgColor);
    color: var(--primaryTextbtnColor);
    text-align: center;
    padding: var(--px8) var(--px40);
    font-size: var(--px16);
    font-weight: 600;
    border-radius: var(--px2);
    border: unset;
    box-shadow: unset;
    border-color: var(--primarybuttonBgColor);
    min-width: 120px;
    margin-left: 1rem;
    text-transform: uppercase !important;
}

    .sweet-alert button:hover {
        background: var(--primaryhoverbtnColor);
        color: var(--primaryTextbtnColor);
        border-color: var(--primaryhoverbtnColor);
    }

.sweet-alert p {
    color: var(--typographyPrimaryColor) !important;
    font-size: var(--px18) !important;
    line-height: 22px !important;
    font-family: MontserratMedium;
    word-break: break-word;
}

.sa-button-container .confirm {
    background-color: var(--primarybuttonBgColor) !important;
    border: 2px solid var(--primarybuttonBgColor) !important;
    margin: 15px 0px 5px 0px !important;
    text-transform: uppercase !important;
}

    .sa-button-container .confirm:hover {
        background-color: var(--primaryhoverbtnColor) !important;
        color: var(--primaryTextbtnColor) !important;
        border-color: var(--primaryhoverbtnColor) !important;
    }

.swal2-styled.swal2-deny, .cancel {
    background-color: #fff !important;
    border: var(--px1) solid var(--primarybuttonBgColor) !important;
    color: var(--primaryTextbtnColor) !important;
    margin: 15px 10px 5px 0px !important;
}

    .swal2-styled.swal2-deny:hover, .cancel:hover {
        background: transparent !important;
    }

.cancel, .confirm {
    padding: var(--px8) var(--px40) !important;
    font-size: 14px !important;
    font-family: MontserratSemiBold !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
}

    .cancel:hover {
        background-color: var(--primaryhoverbtnColor) !important;
        color: var(--primaryTextbtnColor) !important;
        border-color: var(--primaryhoverbtnColor) !important;
    }
/**
    Swal Alert Design END
**/
/* Buttons */
.pch_primary {
    background: var(--primarybuttonBgColor);
    color: var(--primaryTextbtnColor);
    text-align: center;
    padding: var(--px8) var(--px40);
    font-size: var(--px16);
    font-weight: 600;
    border-radius: var(--px2);
    border: unset;
    box-shadow: unset;
    border-color: var(--primarybuttonBgColor);
    display: inline-block;
    text-transform: uppercase !important;
    /*    min-width: 120px;
    margin-left: 1rem;*/
}

    .pch_primary:hover {
        background: var(--primaryhoverbtnColor);
        color: var(--primaryTextbtnColor);
        border-color: var(--primaryhoverbtnColor);
    }

    .pch_primary:focus {
        background: var(--primaryFocusbtnColor);
        color: var(--primaryTextbtnColor);
        border-color: var(--primaryFocusbtnColor);
    }

    .pch_primary:disabled,
    .pch_primary.disabled,
    button[disabled] {
        background: #d9dee4 !important;
        background-color: #d9dee4 !important;
        color: #888888 !important;
        border: none !important;
    }

.pch_outline {
    background-color: var(--secondaryBtnBgColor);
    color: var(--primaryTextbtnColor);
    text-align: center;
    padding: var(--px8) var(--px40);
    font-size: var(--px16);
    font-weight: 600;
    border-radius: var(--px2);
    box-shadow: unset;
    border: var(--px1) solid var(--primarybuttonBgColor);
    text-transform: uppercase !important;
}

    .pch_outline:hover {
        background: var(--primaryhoverbtnColor);
        color: var(--primaryTextbtnColor);
        border-color: var(--primaryhoverbtnColor);
    }

    .pch_outline:focus {
        background: transparent;
        color: var(--primaryTextbtnColor);
        border-color: var(--primaryFocusbtnColor);
    }

    .pch_outline:disabled,
    .pch_outline.disabled,
    button[disabled] {
        background: #fff !important;
        background-color: #fff !important;
        color: #888888 !important;
        border: 1px solid #f4f4f4 !important;
        cursor: not-allowed;
    }

.link-btn {
    color: var(--linkColor);
    text-align: center;
    padding: var(--px10);
    font-size: var(--px16);
    font-weight: 600;
    border: unset;
    box-shadow: unset;
    background: unset;
    display: flex;
}

    .link-btn i, .link-btn span {
        font-size: var(--px24);
        margin-right: var(--px8);
        color: var(--linkColor) !important;
    }

    .link-btn:hover {
        color: var(--linkColorHover);
    }

    .link-btn:focus {
        color: var(--linkColorFocus);
    }

.link-btn_1 {
    color: var(--linkColor);
    text-align: center;
    /*padding: var(--px10);*/
    font-size: var(--px16);
    font-weight: 600;
    border: unset;
    box-shadow: unset;
    background: unset;
    display: flex;
}

/*.google-btn {
    border: var(--px1) solid var(--tableBorderColor);
    color: var(--linkcolor) !important;
    background: var(--secondaryBtnbgColor);
    text-align: center;
    padding: var(--px10);
    font-size: var(--px16);
    font-weight: 600;
    border-radius: var(--px2);
    box-shadow: unset !important;
    outline: unset !important;
    margin-bottom: var(--px40);
}

    .google-btn .icon {
        width: var(--px18);
    }*/

.btn-close:focus {
    box-shadow: unset;
}



/* Buttons */


/* input-fields */

.new_group {
    position: relative;
    /*margin-bottom: var(--px32);*/
}

    .new_group .exela_form_control {
        border-color: var(--tableBorderColor);
        padding: var(--px10) 0 var(--px10) var(--px12);
    }

.exela_form_control:disabled, .exela_form_control[readonly] {
    background: var(--inputdisabledbgColor) !important;
}

.loc_change {
    position: absolute;
    font-size: var(--px14);
    font-weight: 400;
    left: 0;
    top: 10px !important;
    transform: translateY(2%);
    background: transparent;
    color: var(--typographyPrimaryColor);
    padding: 0 .3125rem !important;
    margin: 0 0.6rem;
    transition: .1s ease-out;
    transform-origin: left top;
    pointer-events: none;
    text-transform: capitalize;
    height: unset !important;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.margb15 {
    margin-bottom: 15px;
}

.select-control .loc_change {
    top: -10px;
}

select option:hover {
    background-color: #E8E9EA !important;
}

.exela_form_control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.30;
    color: #212529;
    background-color: var(--globalBgColorContrast);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .exela_form_control:focus {
        box-shadow: unset !important;
    }

input.exela_form_control:focus + label, input.exela_form_control + label.doc_lbl {
    padding: 0 8px;
    color: var(--typographyPrimaryColor);
    max-width: 88%;
    text-overflow: ellipsis;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    background-color: var(--globalBgColorContrast);
    transform: translateY(-1.8em );
}

textarea.exela_form_control:focus + label, textarea.exela_form_control + label.doc_lbl {
    padding: 0 8px;
    color: var(--typographyPrimaryColor);
    max-width: 88%;
    text-overflow: ellipsis;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    background-color: var(--globalBgColorContrast);
    transform: translateY(-1.8em );
}

select.form-control:focus + label,
select.exela_form_control + label.doc_lbl {
    padding: 0 8px;
    color: var(--typographyPrimaryColor);
    max-width: 88%;
    text-overflow: ellipsis;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    background-color: var(--globalBgColorContrast);
    transform: translateY(-1.8em );
}

.new_group > .form-control:focus ~ label, .new_group > .form-control:not(:placeholder-shown) ~ label, .new_group > .form-select ~ label {
    transform: scale(.85) translateY(-1.2rem) translateX(0.01rem) !important;
    opacity: unset;
    background: var(--inputBgColor);
}

.new_group > .form-control:not(:placeholder-shown),
.new_group > .form-control:focus {
    padding: var(--px10) 0 var(--px10) var(--px12);
}

.new_group > .form-control, .new_group > .form-select {
    height: unset !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 3rem white inset !important;
}

.asteriks {
    color: var(--asterisk);
}

.new_group.select-control select {
    appearance: none; /* modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.workitem-dropdwn, .search-claim-box {
    border-radius: 1px;
    border: 1px solid #ced4da;
    background-color: var(--globalBgTextColor);
    font-size: 13px;
}

.new_group.select-control select {
    background-position: right 1rem top 0.7rem !important;
    background-size: 1rem 1.2rem !important;
    background-image: url(../images/fill-bottom-arrow.svg) !important;
    background-repeat: no-repeat !important;
}

/* icons */
.exe_datatable td i, .exe_datatable td .icon-eye-view-all, .part_cls_res i {
    font-size: var(--px24);
    /*color: var(--globalTextcolor);*/
    margin-left: var(--px8);
    cursor: pointer;
    opacity: 0.7;
}

.ClaimTab > li.active > a, .ClaimTab > li.active > a:hover, .ClaimTab > li.active > a:focus {
    color: var(--primaryTextbtnColor) !important;
    cursor: pointer;
    font-weight: bold;
    background-color: var(--primarybuttonBgColor) !important;
    border: 1px solid var(--primarybuttonBgColor) !important;
    border-bottom-color: transparent !important;
    outline: none;
    text-decoration: none;
}

/*
    Start Tool Tip style for controls 
*/

.breadcrumb li a {
    color: var(--linkColor) !important;
    font-weight: bold; /* Version change by gowtham */
}

.tooltip_new a {
    color: var(--linkColor);
    /*position:absolute;right:15px;top:5px;*/
}

.tooltip_new span.icon-usage {
    font-size: 20px;
    position: relative;
    top: 0px;
    left: 1px;
}

.relative {
    position: relative
}

.tooltip_new {
    /*position: absolute;
    right: 15px;
    top: -15px;*/
}

.spn_pos {
    position: relative;
    top: 5px;
    left: -4px;
}

.tooltip {
    display: inline-block;
    position: relative;
    text-align: left;
    opacity: 1;
    margin-left: 5px;
    z-index: auto;
    font-size: 22px;
}

    .tooltip .icon-help {
        background-color: var(--bs-white)
    }

    .tooltip h3 {
        margin: 12px 0;
    }

    .tooltip .right {
        min-width: 200px;
        max-width: 200px;
        top: 50%;
        left: 100%;
        margin-left: 15px;
        transform: translate(0, -50%);
        padding: 10px;
        color: #fff;
        background-color: #1b1b1b;
        font-weight: normal;
        font-size: 13px;
        border-radius: 8px;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.8s;
        /*border: 1px solid #00a5b3;*/
    }

    .tooltip .left {
        min-width: 200px;
        max-width: 200px;
        top: 50%;
        right: 100%;
        margin-left: 15px;
        left: calc(0em - 5px);
        transform: translate(-16.7em, -53%);
        padding: 10px;
        color: var(--globalTextcolor);
        background-color: #fff;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        border-radius: 8px;
        position: absolute;
        z-index: 99999999;
        box-sizing: border-box;
        /* box-shadow: 0 1px 8px rgb(0 0 0 / 50%); */
        visibility: hidden;
        opacity: 0;
        /* transition: opacity 0.8s; */
        border: 1px solid var(--borderColorTint);
    }

    .tooltip:hover .right, .tooltip:focus .right {
        visibility: visible;
        opacity: 1;
    }

    .tooltip:hover .left, .tooltip:focus .left {
        visibility: visible;
        opacity: 1;
    }


    .tooltip .right i {
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -12px;
        width: 12px;
        height: 24px;
        overflow: hidden;
    }

    .tooltip .left i {
        position: absolute;
        top: 42%;
        left: 100%;
        margin-top: -12px;
        width: 12px;
        height: 24px;
        overflow: hidden;
    }

    .tooltip .text-content {
        font-size: 11px
    }

.top-nav .username {
    text-transform: capitalize;
    color: var(--typographyMediumTextColor);
    font-size: var(--px16);
    font-weight: 500;
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*
    End Tool Tip style for controls 
*/



















/*html files*/




/* Radio button */
.listingCheckBox {
    display: flex;
    align-items: center;
}

    .listingCheckBox input[type=checkbox] {
        -moz-appearance: none;
        -webkit-appearance: none;
        -o-appearance: none;
        outline: none;
        content: none;
        color: transparent !important;
        background: white;
        width: var(--px17);
        height: var(--px17);
        border: var(--px1) solid var(--defaultRadiobtnborder);
        cursor: pointer;
        position: relative;
    }

        .listingCheckBox input[type=checkbox]:checked {
            background: var(--radiohoverBorderColor);
        }

            .listingCheckBox input[type=checkbox]:checked:before {
                content: " ";
                position: absolute;
                left: var(--px5);
                top: var(--px1);
                width: var(--px5);
                height: var(--px9);
                border: var(--px1) solid var(--radiopointerColor);
                display: block;
                border-width: 0 var(--px2) var(--px2) 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                accent-color: var(--radiopointerColor);
            }

    .listingCheckBox input[type="radio"] {
        height: var(--px16);
        width: var(--px16);
        cursor: pointer;
        accent-color: var(--radiohoverBorderColor);
    }

        .listingCheckBox input[type=checkbox]:hover,
        .listingCheckBox input[type="radio"]:hover {
            border-color: var(--radiohoverBorderColor);
        }

    .listingCheckBox label {
        font-size: var(--px14);
        font-weight: 400;
        line-height: var(--px24);
        margin-left: 1.04rem;
        color: var(--inputlabelColor);
    }

.dateicon {
    font-size: var(--px20) !important;
    position: absolute !important;
    top: 25% !important;
    left: 86% !important;
    appearance: none; /* modern browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.dropdown-menu {
    padding: var(--px15);
}

.dropdown-menu-title {
    font-size: var(--px14);
    font-weight: 600;
    color: var(--modaltxtColor);
    display: inline-block;
    padding: 9px 0 0 10px;
    width: 100%;
}

.dropdown-menu-txt span {
    font-size: var(--px14);
    font-weight: 400;
    color: var(--modaltxtColor);
    margin-left: var(--px9);
}

.dropdown-menu-txt {
    margin-bottom: var(--px10);
}

    .dropdown-menu-txt:last-child {
        margin-bottom: 0;
    }

/*.dropdown-menu li {
    margin-bottom: var(--px10);
}*/

/*.dropdown-menu li:last-child {
        margin-bottom: 0;
    }*/

.dropdown-toggle::after {
    border: unset;
}

.tableFilter {
    width: 289px;
}

    .tableFilter li .form-floating:last-child {
        margin-bottom: 0;
    }

.tablesorting {
    font-size: var(--px6);
}
/* Show error if input has invalid */

.input-wrapper {
    position: relative;
}

.form-control.is-invalid {
    border-color: var(--inputerrorColor) !important;
}

.input-wrapper .error-message {
    display: none;
    position: absolute;
    top: 5%;
    right: var(--px37);
    background: var(--modalbgColor);
    color: var(--tooltiptextColor);
    border: var(--px2) solid var(--tooltipbordercolor);
    padding: var(--px7) var(--px12) var(--px7) var(--px8);
    font-size: 0.875rem;
    white-space: nowrap;
    border-radius: var(--px5);
    z-index: 10;
}

    .input-wrapper .error-message::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%; /* places arrow on the right edge of bubble */
        transform: translateY(-50%);
        border-width: 8px;
        border-style: solid;
        border-color: transparent transparent transparent var(--modalbgColor, --tooltipbordercolor);
        filter: drop-shadow(1px 0 1px var(--tooltipbordercolor));
    }

.form-control.is-invalid ~ .error-message {
    display: block;
}

.search-input-wrapper {
    position: relative;
}

    .search-input-wrapper .form-control {
        border: var(--px1) solid var(--searchbordercolor);
        width: 20rem;
        border-radius: var(--px2);
        color: var(--inputTextColor);
    }

        .search-input-wrapper .form-control:focus {
            border: var(--px1) solid var(--searchbordercolor) !important;
            box-shadow: none !important;
        }

    .search-input-wrapper::after {
        color: var(--iconcolor);
        position: absolute;
        right: 1rem;
        top: 0.45rem;
        font-family: 'icomoon' !important;
        content: "\e90f";
    }

    .search-input-wrapper input::-webkit-search-cancel-button {
        appearance: none;
    }

.form-check-input:checked {
    background-color: var(--radiohoverBorderColor);
    border-color: var(--radiohoverBorderColor);
}

.form-check-input:focus {
    box-shadow: unset !important;
    border-color: var(--defaultRadiobtnborder);
}

.form-check-input {
    border-color: var(--defaultRadiobtnborder);
}

/* Modal */
.modal-lg {
    width: 75%;
}

.modal-sm {
    width: 35%;
    max-width: none;
}

.modal-content {
    padding: var(--px24);
}

.modal-title {
    font-size: var(--px20);
    color: var(--modaltitleColor) !important;
}

.modal-header {
    margin-bottom: var(--px19);
}

    .modal-header .btn-close {
        padding: 0;
        /*margin: -.5rem -.5rem auto;*/
    }

.modal-header, .modal-body, .modal-footer {
    padding: 0;
    border: unset;
}

.modal-footer {
    margin-top: 1rem;
}

.iconstye span {
    font-size: var(--px14);
    font-weight: 500;
    color: var(--typographydarkColor);
    margin-bottom: var(--px7);
    font-family: "Montserrat", sans-serif;
}

.plantxt {
    font-size: var(--px14);
    font-weight: 500;
    color: var(--typographydarkColor);
}

.dollcls {
    font-size: var(--px32);
    font-weight: 600;
    color: var(--typographydarkColor);
    padding-top: 6px;
}

.txt_layer {
    float: left;
    font-size: 14px;
    font-weight: 600;
}

.modal-body {
    color: var(--inputTextColor);
    font-size: var(--px14);
    font-weight: 400;
    line-height: var(--px23);
}

    .modal-body .icn-txt {
        color: var(--inputTextColor);
        font-size: var(--px18);
        font-weight: 600;
        line-height: var(--px23);
        margin-bottom: var(--px10);
    }

        .modal-body .icn-txt span {
            font-weight: 400 !important;
        }

.vertical_nav__minify {
    width: 70px;
    left: auto
}

    .vertical_nav__minify .menu {
        overflow: visible
    }

    .vertical_nav__minify .menu--label {
        display: none;
        background: #0f66bd;
    }

    .vertical_nav__minify .menu--item__has_sub_menu .menu--link:after {
        content: ""
    }

    .vertical_nav__minify .menu--subitens__opened .menu--label,
    .vertical_nav__minify .menu--subitens__opened .sub_menu {
        display: block
    }

    .vertical_nav__minify .sub_menu {
        background: #0f66bd;
    }

    .vertical_nav__minify .sub_menu--link {
        padding-left: 16px
    }

    .vertical_nav__minify .menu--link {
        padding-left: 0;
    }

    .vertical_nav__minify #js-menu li a span {
        opacity: 0;
    }

.wrapper__minify {
    margin-left: 70px;
}

.logo-img.close-logo {
    width: 70px;
}

.logo-img a {
    display: inline-block;
    padding: 30px 0px 0px 0px;
}

.logo-img.close-logo .logo2 {
    display: block;
    width: 50px;
}

.logo-img.close-logo .logo1 {
    display: none;
    width: 0px;
}

.logo-img .logo2 {
    display: none
}

.logo-img .logo1 {
    display: block;
    width: 200px;
}


.just_end {
    display: flex;
    justify-content: end;
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 1rem !important;
}

.formcontainer {
    min-height: 80vh;
}

.login-wrapper {
    margin: 0;
    width: 35%;
    max-width: 100%;
    background: var(--globalBgColorContrast);
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.28);
    overflow: hidden auto;
    border-radius: 4px;
    padding: var(--px30) 4rem;
}

.main-bg {
    background-color: var(--mainBgColor);
    padding: 1rem 1.5rem 0rem 1rem;
}

.left-panel {
    width: 250px;
    display: flex;
    flex-direction: column;
    padding-right: 0px;
}

.right-panel {
    min-height: calc(100vh - 54px);
    background-color: var(--rightContainerBgColor);
    border-radius: 4px;
    padding: 1rem;
    flex: 1;
    position: relative;
}

.logo-box {
    margin-top: var(--mt18);
    display: flex;
    align-items: center;
    gap: 14px;
}

    .logo-box img {
        width: 90%;
    }

.collapselogo {
    display: none;
}

.normallogo {
    display: block;
}

.left-panel.mini .normallogo {
    display: none;
}

.left-panel.mini .collapselogo {
    display: block;
    width: 64%;
}

.left-panel:not(.mini) .collapselogo {
    display: none;
}

.logo-text {
    font-size: 24px;
    font-weight: 500;
    color: var(--primaryBtndisabledTextColor);
}

.menu-list {
    margin-top: var(--mt36);
}

ul.menu-list {
    padding-left: 0;
}

    ul.menu-list li {
        list-style-type: none;
        margin-top: 1px;
        position: relative;
        /*  z-index: 9; */
    }

#mainMenu {
    margin-top: -1px;
}

ul.menu-list li a {
    text-decoration: none;
    color: var(--typographySecondaryColor);
    font-size: var(--px16);
    padding: 1.1rem 1rem 1.1rem 1.5rem;
    width: 100%;
    display: flex;
    font-weight: 500;
    align-items: anchor-center;
    position: relative;
}

    ul.menu-list li a i {
        font-size: var(--px24);
    }

        ul.menu-list li a i.fa {
            position: absolute;
            right: 14px;
            font-size: 14px;
            font-weight: 600;
            top: 20px;
        }

.miniNav ul.menu-list li a i.fa {
    display: none;
}

ul.menu-list li a i.fa.icon-minus {
    position: absolute;
    right: 13px;
    font-size: 3px !important;
    font-weight: 600;
    top: 26px;
}

.profile-menu-list {
    position: absolute;
    bottom: -45px;
    width: 100%;
    background: var(--navMenuColor);
    border: 1px solid #E8EBEF;
    padding: 8px 12px;
    border-radius: 4px;
    display: none;
}
/* .submenu-parent.activeMenu .icon-minus{
    display: block;
}
.submenu-parent.collapsed .icon-plus-icon{
    display: none;
} */
.menu-name {
    margin-left: 1rem;
}

ul.menu-list li a:hover {
    background: var(--primaryBtndisabledTextColor);
    color: var(--typographyPrimaryColor);
    position: relative;
    z-index: 9999;
}
/*
.fa-plus {
    position: absolute;
    right: 16px;
    top: 21px;
    font-size: 14px !important;
}
*/
.submenu-list ul {
    padding-left: 1.5rem;
}

.active .submenu-parent {
    background: var(--primaryBtndisabledTextColor);
    color: var(--typographyPrimaryColor);
}

li a.activeMenu {
    background: var(--primaryBtndisabledTextColor);
    color: var(--typographyPrimaryColor) !important;
}

#ThreeLevelmainMenu {
    padding-left: 0px;
}

#sidebarToggle {
    background-color: var(--warning);
    border: none;
    height: 24px;
    width: 24px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #1E262D;
    position: absolute;
    left: -13px;
    top: 14px;
}

    #sidebarToggle i {
        transform: rotate(0deg);
    }

.miniNav #sidebarToggle i {
    transform: rotate(180deg);
}

#sidebar.mini li:hover > .collapse {
    display: block !important;
}

.hide-menu-name {
    display: none;
}

#sidebar.mini .hide-menu-name {
    display: block;
    font-weight: 600;
}

    #sidebar.mini .hide-menu-name label {
        font-weight: 600;
    }

.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, .5) !important;
}
/* Mini mode */
#sidebar.mini {
    width: 85px;
}

    #sidebar.mini .user-panel span,
    #sidebar.mini .nav-item a span {
        display: none;
    }
    /* Flyout submenu */
    #sidebar.mini .collapse {
        display: none !important;
        position: absolute;
        left: 80px;
        top: 0;
        z-index: 2000;
    }

    #sidebar.mini li:hover > .collapse {
        display: block !important;
    }

/* Content */
#content {
    flex: 1;
    transition: margin-left 0.3s;
}

#sidebar.mini ~ #content {
    margin-left: 0px;
}

#sidebar.mini:hover ~ #content {
    margin-left: 0;
}

.miniNav .submenu-list {
    box-shadow: 4px 0px 5px 0px #0000001a;
    width: 230px;
    border-radius: 0px 4px 4px 0px;
    max-height: 270px;
    overflow: auto;
}

    .miniNav .submenu-list ul li a {
        color: var(--typographyPrimaryColor);
    }

.submenu-list ul li a {
    padding-left: 1.5rem;
}

.miniNav .submenu-list ul {
    margin-left: 0px !important;
    padding-left: 0;
    background-color: var(--navMenuColor);
}

.mobile-logo {
    display: none;
}

.user-login {
    align-items: center;
    display: flex;
    cursor: pointer;
    position: relative;
}

.user-circle {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    overflow: hidden;
}

    .user-circle img {
        width: 100%;
    }

.username {
    color: var(--typographyMediumTextColor);
    font-size: var(--px16);
    font-weight: 500;
}

.user-dropdown {
    display: flex;
    flex-direction: column;
}

.user-role {
    color: var(--typographyMediumTextColor);
    font-size: var(--px14);
    font-weight: 400;
}

.right-header {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

.user-notification .dropdown-toggle::after {
    display: none;
}

.mobile-navbar {
    display: none;
}

.icon-size {
    font-size: var(--px24);
}

.page-title {
    font-size: var(--px18);
    font-weight: 500;
    color: var(--typographyPrimaryColor);
}

.page-header {
    padding-left: 10px;
}

.breadcrumb {
    font-size: var(--px12);
    margin-top: .2rem;
}

    .breadcrumb a {
        color: var(--modalInputHeaderBgColor) !important;
        font-weight: 500;
        margin-right: .5rem;
        cursor: pointer;
    }

.miniNav .submenu-list ul li a.activeMenu {
    background: var(--typographySecondaryColor);
    color: var(--typographyPrimaryColor) !important;
}

.miniNav .submenu-list ul li a:hover {
    background: var(--typographySecondaryColor);
    color: var(--typographyPrimaryColor) !important;
}

footer {
    text-align: center;
    color: var(--navMenuColor);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    footer p {
        margin: 0px;
        font-size: var(--px12);
    }

.logo-wrapper {
    text-align: center;
    padding: 2rem 0 0 0;
}

    .logo-wrapper img {
        width: 100%;
        max-width: 80%;
    }

    .logo-wrapper h1 {
        color: var(--typographyPrimaryColor);
        font-size: var(--px24);
        line-height: var(--px34);
        font-weight: 400;
        text-transform: uppercase;
        margin: var(--px40) 0;
    }

.orText {
    text-align: center;
    width: 100%;
    display: block;
    color: var(--typographyPrimaryColor);
    font-size: var(--px18);
    line-height: var(--px26);
    margin: var(--px32) 0;
    font-weight: 400;
}

.newRegistrationText {
    font-size: var(--px16);
    line-height: var(--px24);
    text-align: center;
    color: var(--typographyPrimaryColor);
    font-weight: 400;
}

.light-text {
    color: var(--typographyPrimaryColor);
    font-weight: 400;
}

.link {
    color: var(--linkcolor) !important;
    cursor: pointer;
}

    .link:hover {
        text-decoration: underline;
    }

.login_footer {
    margin-top: 8rem;
}

    .login_footer p {
        font-size: var(--px13);
        line-height: var(--px20);
        color: var(--typographyPrimaryColor);
        margin-bottom: 0;
    }

.collapseThreeLevelMenu ul {
    display: none; /* hidden by default */
}

    .collapseThreeLevelMenu ul.open {
        display: block; /* show when active */
    }

.icon-minus {
    position: absolute;
    right: 13px;
    font-size: 3px !important;
    font-weight: 600;
    top: 26px;
}

.icon-plus-icon {
    position: absolute;
    right: 14px;
    font-size: 14px !important;
    font-weight: 600;
    top: 20px;
}

.collapseThreeLevelMenu .icon-minus {
    display: none;
}

.collapseThreeLevelMenu.active .icon-plus-icon {
    display: none !important;
}

.collapseThreeLevelMenu.active .icon-minus {
    display: block !important;
}

.activeMenu {
    position: relative;
}

.miniNav .collapseThreeLevelMenu.active ul.open a {
    padding-left: 3.5rem !important;
}

.top-curve {
    position: absolute;
    z-index: 999;
    background: #FFFFFF;
    width: 12px;
    height: 12px;
    right: 0;
    top: -12px;
    display: none;
}

    .top-curve::after {
        content: "";
        display: block;
        height: 12px;
        background-color: #1d252c;
        border-radius: 0 0 12px;
    }

.bottom-curve {
    position: absolute;
    z-index: 999;
    background: #FFFFFF;
    width: 12px;
    height: 12px;
    right: 0;
    bottom: -12px;
    display: none;
}

    .bottom-curve::after {
        content: "";
        display: block;
        height: 12px;
        background-color: #1d252c;
        border-radius: 0 12px 0 0;
    }

ul.menu-list li a.activeMenu .top-curve,
ul.menu-list li a.activeMenu .bottom-curve {
    display: block;
}

ul.menu-list li a:hover .top-curve,
ul.menu-list li a:hover .bottom-curve {
    display: none !important;
}

ul.menu-list li a.activeMenu:hover .top-curve,
ul.menu-list li a.activeMenu:hover .bottom-curve {
    display: block;
}

.miniNav .submenu-list .top-curve,
.miniNav .submenu-list .bottom-curve {
    display: none !important;
}

.profile-menu-name i {
    font-size: var(--px24);
}

.profile-menu-name {
    font-size: var(--px14);
}

    .profile-menu-name.hidden {
        display: none;
    }

/* .miniNav ul.menu-list li a.activeMenu:hover .top-curve,
.miniNav ul.menu-list li a.activeMenu:hover .bottom-curve{
    display: none !important;
} */

/* ===== Scrollbar CSS ===== */
/* Firefox */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: #435C79;
    border-radius: 4px;
}

.miniNav li.nav-item:has(.submenu-list):hover .submenu-parent {
    background: var(--primaryBtndisabledTextColor);
    color: var(--typographyPrimaryColor);
}

.profile-menu .dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-menu-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .7rem;
    gap: .5rem;
}

.cursor-pointer {
    cursor: pointer;
}

p {
    font-size: var(--px14);
    font-weight: 400;
    line-height: 1.65rem;
}
/* .collapseThreeLevelMenu.active > a {
    background: #f0f0f0; 
    color: red;
  } */

.page_Container {
    border: var(--px1) solid var(--borderColor);
    border-radius: var(--px4);
}

/* Table style */

.top-toolbar-wrap {
    padding: var(--px16) var(--px16) var(--px10) var(--px16);
}

.button-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--px16);
}

.toolbar-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.left-toolbar, .right-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .left-toolbar i, .right-toolbar i {
        font-size: var(--px24);
        color: var(--typographylightColor);
        cursor: pointer;
    }

    .right-toolbar i {
        margin-right: var(--px16);
        vertical-align: middle;
    }

.ml6 {
    margin-left: var(--px6);
}

.ml15 {
    margin-left: var(--px15);
}

.pagination i {
    margin: 0;
}

.table-responsive table {
    width: 100%;
    border-collapse: collapse;
}

.table-responsive th {
    padding: var(--px14) 0 var(--px12) var(--px22);
    text-align: left;
    font-size: var(--px14);
    font-weight: 600;
    color: var(--tableheadertextColor);
}

.table-responsive td {
    padding: var(--px13) 0 var(--px12) var(--px22);
    text-align: left;
    font-size: var(--px14);
    font-weight: 400;
    color: var(--tableheadertextColor);
}

.table-responsive tr {
    border-bottom: 1px solid var(--tablerowBorderColor);
}

    .table-responsive tr:last-child {
        border-bottom: unset !important;
    }

.table-responsive td i {
    font-size: var(--px24);
    color: var(--typographylightColor);
    margin-left: var(--px8);
    cursor: pointer;
}


.table-responsive td a {
    text-decoration: none;
}

.table-responsive th {
    background-color: var(--tableheaderColor) !important;
}

.notification-list-container {
    width: 280px;
    padding: var(--px16);
    inset: 0px 0px auto auto !important;
    margin: 0px !important;
    border-radius: 4px;
    right: 0 !important;
    transform: translate3d(0px, 0px, 0px) !important;
    top: 1.8rem !important;
    border: var(--px1) solid var(--borderColor);
}

/*.notification-row {
    font-size: var(--px14);
    padding: .7rem 0;
}*/

.notification-header {
    font-size: var(--px16);
    padding: 0 0 .7rem 0;
}

.notification-list {
    overflow: auto;
    max-height: 180px;
}

.table-responsive th.sort-asc::after {
    content: " ▲"; /* up arrow */
}

.table-responsive th.sort-desc::after {
    content: " ▼"; /* down arrow */
}

/* tabs */
/*.nav.nav-tabs {
    margin-bottom: var(--px20);
    padding: var(--px20) 0;
    justify-content: center;
    border: unset;
}*/

.nav-tabs .nav-link {
    margin-bottom: 0;
    background: 0 0;
    border: var(--px1) solid var(--primarybuttonBgColor);
    border-radius: var(--px4);
    margin-right: var(--px24);
    color: var(--primaryTextbtnColor) !important;
    font-weight: 600;
    font-size: var(--px14);
    ;
    padding: var(--px8) var(--px40);
}

.nav-link.active {
    background: var(--primarybuttonBgColor) !important;
}

.nav-link:hover {
    background: var(--primaryhoverbtnColor) !important;
}

/* Dashboard */
.dashboard-topInfo {
    font-size: var(--px12);
    font-weight: 500;
    color: var(--typographydarkColor);
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: var(--px24);
}

    .dashboard-topInfo span {
        color: var(--modaltitleColor);
    }

.widget-wrap {
    margin: var(--px16) 0;
}

.widget-txtwrap {
    margin-left: var(--px20);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.widget-txt {
    font-size: var(--px14);
    font-weight: 500;
    color: var(--typographydarkColor);
    margin-bottom: var(--px7);
}

.widget-count {
    font-size: var(--px32);
    font-weight: 600;
    color: var(--typographydarkColor);
}

.widget-card {
    padding: var(--px15) var(--px24) var(--px13) var(--px24);
    border-radius: var(--px4);
    height: 100%;
}

    .widget-card i {
        font-size: var(--px24);
    }

    .widget-card:last-child {
        margin-right: 0;
    }

/*.widget-card-color1 {
    background: var(--widgetBGColor1);
}

.widget-card-color2 {
    background: var(--widgetBGColor2);
}

.widget-card-color3 {
    background: var(--widgetBGColor3);
}

.widget-card-color4 {
    background: var(--widgetBGColor4);
}*/

.grap-title {
    font-size: var(--px14);
    font-weight: 500;
    color: var(--typographydarkColor);
    margin-bottom: var(--px24);
}

.grap-wrap {
    border: var(--px1) solid var(--borderColor);
    padding: var(--px16);
    border-top-right-radius: var(--px4);
    border-top-left-radius: var(--px4);
    border-bottom-left-radius: var(--px4);
    height: 100%;
}

.status-txt {
    font-size: var(--px14);
    font-weight: 400;
    color: var(--typographydarkColor);
    margin-bottom: var(--px15);
}

.no-record {
    display: flex;
    height: 79%;
    align-items: center;
    justify-content: center;
}

.grap-containerMb {
    margin-bottom: var(--px16);
}
/* submission */
.mb8 {
    margin-bottom: var(--px8);
}

.ml24 {
    margin-left: var(--px24) !important;
}

.button-wrapmt {
    margin-top: var(--px23);
}

.details-wrap {
    border-top: var(--px1) solid var(--tableBorderColor);
    border-bottom: var(--px1) solid var(--tableBorderColor);
    padding: var(--px8) 0;
    margin-bottom: var(--px9);
}

.details-txt {
    font-size: var(--px14);
    font-weight: 500;
    color: var(--typographydarkColor);
}

    .details-txt span {
        color: var(--modaltitleColor);
    }

.details-title {
    font-size: var(--px14);
    font-weight: 600;
    color: var(--typographydarkColor);
    margin-bottom: var(--px9);
}

.details-subtxt {
    font-size: var(--px12);
    font-weight: 400;
    color: var(--typographydarkColor);
    margin-bottom: var(--px13);
}

    .details-subtxt span {
        font-size: var(--px16);
        font-weight: 600;
        color: var(--modaltitleColor);
    }

.usagePopover {
    width: 537px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.submission-accordion .accordion-button:not(.collapsed) {
    background: unset;
    box-shadow: unset;
}

.submission-accordion .accordion-button::after {
    margin: 0px var(--px4) 0px 0;
}

.accordion-button:focus, .accordion-item {
    box-shadow: unset;
    border: unset;
}

.submission-accordion .accordion-button {
    margin-left: unset;
    font-size: var(--px16);
    font-weight: 600;
    color: var(--modaltitleColor);
    flex-direction: row-reverse;
    width: unset;
    padding-left: 0;
    /* padding-top: var(--px15); */
}

.accordion-button::after {
    font-family: 'icomoon' !important;
    content: "\e933";
    background-image: unset;
    font-size: var(--px24);
    display: flex;
    align-items: center;
}

.accordion-button:not(.collapsed)::after {
    background-image: unset;
}

.accordion-body {
    padding: 1rem 1.25rem !important
}

.container-mrb {
    margin-bottom: var(--px25);
}

.toolbar-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bottom-row-button {
    margin-right: var(--px24);
    display: flex;
    align-items: center;
    margin-bottom: var(--px20);
}

    .bottom-row-button i {
        font-size: var(--px24);
        color: var(--typographylightColor);
        margin-right: var(--px8);
        vertical-align: middle;
    }

    .bottom-row-button span {
        font-size: var(--px14);
        font-weight: 400;
        color: var(--typographydarkColor);
    }

.page_Container_padding {
    padding: var(--px16);
}

.pagetitle {
    font-size: var(--px18);
    font-weight: 500;
    color: var(--typographydarkColor);
    margin-bottom: var(--px16);
}

.uploadpage-title {
    font-size: var(--px14);
    font-weight: 600;
    color: var(--typographydarkColor);
}

.uploadpage-subtxt {
    font-size: var(--px14);
    font-weight: 600;
    color: var(--modaltitleColor);
}

    .uploadpage-subtxt i {
        font-size: var(--px24);
        color: var(--typographylightColor);
        vertical-align: middle;
    }

.upload-wrapper {
    border: var(--px1) dashed var(--tableBorderColor);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--px30);
    border-radius: var(--px4);
    margin: var(--px14) 0 var(--px8) 0;
    height: 50%;
}

    .upload-wrapper i {
        font-size: var(--px40);
    }

.upload-txt {
    font-size: var(--px16);
    font-weight: 400;
    color: var(--typographylightColor);
}

    .upload-txt span {
        font-size: var(--px16);
        font-weight: 400;
        color: var(--modaltitleColor);
    }

.uploaded-doc-info {
    font-size: var(--px12);
    font-weight: 400;
    color: var(--typographylightColor);
    text-align: center;
}

.ediuploadpagecolor {
    color: var(--typographydarkColor);
}

.dropend .dropdown-toggle::after {
    display: none;
}

.direct-entry-ul {
    width: 237px;
}

.toolbarFlexend {
    width: 100%;
    justify-content: end !important;
}

.accordion-button.collapsed {
    padding-top: var(--px1);
}

.table-responsive th:first-child {
    width: 14%;
}

/* Tooltip  */
/* Custom Tooltip Styling */
.tooltip.custom-tooltip .tooltip-inner {
    background-color: var(--tooltipbgColor);
    color: var(--highlightColorContrast);
    font-weight: 600;
    font-size: var(--px14);
    padding: var(--px8) var(--px16);
    border-radius: var(--px8);
}

.tooltip.custom-tooltip .tooltip-arrow::before {
    border-top-color: #0140F2 !important; /* for top placement */
    border-bottom-color: #0140F2 !important; /* fallback for bottom */
}

/* Table */
.table-head td {
    border-top: none !important;
    border-bottom: 1px solid var(--inputBgDisbaledColor) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    -bs-table-color-type: #fff;
    --bs-table-bg-type: #fff;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: var(--px13) 0 var(--px12) var(--px22);
    text-align: left;
    font-weight: 400;
    color: var(--tableheadertextColor);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    background: var(--globalCardColor) !important;
    --bs-table-bg-type: none !important;
    /*--bs-table-color-type: #fff ;
    --bs-table-bg-type: var(--bs-table-striped-bg);*/
}

.exe_datatable .table-head th, .exe_datatable thead th {
    background: var(--tableheaderColor);
    color: var(--typographyDarkColor);
    font-weight: 600;
}

.table-head th {
    background: var(--tableheaderColor) !important;
    color: var(--typographyDarkColor) !important;
    font-weight: 600 !important;
}
/*.table-head tr:nth-of-type(even) {
    background: #8898AA !important
}

.table-head tr:nth-of-type(odd) {
    background-color: #fff !important;
    background: #fff !important;
}*/
.exe_datatable table.dataTable thead th, .exe_datatable table.dataTable.no-footer {
    position: relative;
    background-image: none !important;
    border-bottom: 0px !important;
}

    .exe_datatable table.dataTable thead th.sorting_desc:after {
        content: "\e950" !important;
        font-size: 20px;
        line-height: 20px;
        top: 10px;
    }

.exe_datatable table.dataTable tbody tr:hover {
    background: #e5f8ff;
}

.exe_datatable .dataTables_scroll {
    overflow: auto;
    border-radius: 4px;
    margin-bottom: 10px;
}

.exe_datatable .dataTables_filter label {
    content: "";
    display: flex !important;
    position: relative;
}

    .exe_datatable .dataTables_filter label:after {
        font-family: "pchg";
        content: "\e929";
        font-size: 18px;
        position: absolute;
        margin-left: 0px;
        color: var(--typographyPrimaryColor);
        left: auto;
        top: 4px;
        right: 15px;
    }

.exe_datatable table.dataTable thead th {
    padding: var(--px14) var(--px32) var(--px12) var(--px22) !important;
}

/*.exe_datatable table.dataTable thead th.sorting:after {
        content: "\e914";
        color: var(--tableheadertextColor) !important;
    }*/
table.dataTable tbody td {
    padding: var(--px9) 0 var(--px8) var(--px22) !important;
}

.exe_datatable table.dataTable thead th.sorting_asc:after {
    content: "\e94f";
    font-size: 20px;
    color: var(--tableheadertextColor);
    font-family: 'icomoon' !important;
    top: 2px;
}

.zindex {
    z-index: 9999;
}

.paginate_button.first, .paginate_button.last {
    display: none !important
}

/*, .exe_datatable table.dataTable thead .sorting_asc:after, .exe_datatable table.dataTable thead .sorting_desc:after, .exe_datatable table.dataTable thead .sorting_asc_disabled:after, .exe_datatable table.dataTable thead .sorting_desc_disabled:after*/
.exe_datatable table.dataTable thead .sorting:after {
    position: absolute;
    right: 8px;
    display: block;
    content: "\e975";
    font-size: 20px;
    font-family: 'icomoon' !important;
    top: 5px;
    opacity: .6;
    color: var(--typographyPrimaryColor) !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 10px;
    right: 8px;
    display: block;
    /*font-family: FontAwesome;*/
    content: "\e914";
    font-size: 6px;
    color: var(--tableheadertextColor);
    font-family: 'icomoon' !important;
}

ul.ColVis_collection {
    min-width: 170px;
    padding: 0px !important;
    height: auto;
    max-height: 300px;
}

.table-head tr:nth-of-type(odd) {
    background: #fff;
}

.newicons {
    font-size: var(--px24);
    color: var(--globalTextcolor);
    margin-left: var(--px8);
    cursor: pointer;
}

.icon-tick-circle.newicons {
    color: #81e26a !important
}

.icon-close-circle.newicons {
    color: #cd3235 !important
}

ul.ColVis_collection li {
    box-shadow: none !important;
    font-size: 14px !important;
    border: 0px !important;
    padding: 10px !important;
    margin: 0px !important;
}

    ul.ColVis_collection li:hover {
        background: none !important;
    }

.exe_datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current, .exe_datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--linkcolor);
    border: 0px !important;
    color: var(--globalBgTextColor) !important;
}

.exe_datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    /*color: var(--globalBgTextColor) !important;*/
    background: var(--linkcolor);
    box-shadow: none !important
}

.exe_datatable .dataTables_paginate .icon-chevron_right, .exe_datatable .dataTables_paginate .icon-chevron_left {
    font-size: 24px;
    line-height: 24px !important;
}

.exe_datatable .dataTables_paginate span a {
    position: relative;
    /*top: -5px;*/
}

.exe_datatable .dataTables_paginate span.ellipsis {
    position: relative;
    top: -5px;
}

.dataTables_filter input {
    margin-left: 0 !important;
    border: 1px solid #ccc;
    /* height: 30px; */
    padding: 8px;
    width: 100%;
    margin-bottom: 6px;
    border-radius: 5px;
}

.exe_datatable .dataTables_wrapper .dataTables_info {
    clear: none !important;
    padding-top: 8px !important;
    text-align: center;
}

.exe_datatable .dataTables_wrapper .dataTables_length {
    float: left !important;
    padding-top: 8px !important;
}

.exe_datatable .paginate_button.next, .exe_datatable .paginate_button.previous {
    border: 0px !important;
    font-size: 22px;
    line-height: 22px;
    color: var(--typographylightColor) !important;
    /*position: relative;*/
    top: 5px;
    padding: 0px !important;
    left: -10px;
}

    .exe_datatable .paginate_button.next:hover, .exe_datatable .paginate_button.previous:hover {
        background-color: #fff !important;
        color: var(--typographylightColor) !important;
    }

.pagination-fa.icon-right-arrow {
    font-size: 22px;
}

.exe_datatable .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0px !important;
    padding: 3px 13px !important;
    top: -6px;
}

.exe_datatable .dataTables_wrapper .dataTables_info {
    clear: both !important;
}

.dropdown-menu.logout_1 > li > a {
    font-size: 14px;
    padding: 5px 3px 5px 8px;
    display: inline-block;
    width: 100%;
    color: var(--typographyPrimaryColor) !important;
}

.ColVis_Button {
    border: 1px solid #dadada !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 10px 6px 7px 21px !important;
    border-radius: 5px;
}

    .ColVis_Button span {
        padding: 5px 15px 5px 16px;
        font-size: 14px;
    }

    .ColVis_Button:before {
        font-family: 'icomoon';
        content: "\e90a";
        font-size: 24px;
        position: absolute;
        margin-left: 2px;
        top: 2px;
        left: 2px;
    }

/*.ColVis_Button:after {
        font-family: 'icomoon';
        content: "\e914";
        font-size: 7px;
        position: absolute;
        margin-left: 2px;
        top: 15px;
        right: 10px;
    }*/


.buttons-print:before {
    font-family: 'icomoon';
    content: "\e939";
    font-size: 24px;
}

.buttons-csv:before {
    font-family: 'icomoon';
    content: "\e93b";
    font-size: 24px;
}

.buttons-excel:before {
    font-family: 'icomoon';
    content: "\e93c";
    font-size: 24px;
}

.buttons-copy:before {
    font-family: 'icomoon';
    content: "\e937";
    font-size: 24px;
}

.buttons-pdf:before {
    font-family: 'icomoon';
    content: "\e93d";
    font-size: 24px;
}

/* Menu*/
.menu--label {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #F7CD2B !important;
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu--link:hover, .menu--link:hover .menu--label, .menu--link:active, .menu--link:active .menu--label, .curr-active, .menu--link:hover .menu--icon:before {
    background: var(--primaryBtndisabledTextColor);
    text-decoration: none;
    color: var(--typographyPrimaryColor) !important;
}

.menu--icon, .menu--link {
    margin-right: 0px;
    color: #F7CD2B;
}

.menu--icon {
    position: relative;
    top: 10px;
}

.menu--item__has_sub_menu .menu--link:after {
    position: absolute;
    top: 2px;
    right: 15px;
    height: 40px;
    line-height: 40px;
    font-family: icomoon;
    content: "\e903";
    transform: rotate(180deg);
    font-size: 16px;
    color: var(--typographySecondaryColor);
}

.menu--link:hover:after {
    color: var(--typographyPrimaryColor) !important;
}

.menu--item__has_sub_menu.menu--subitens__opened .menu--link:after {
    position: absolute;
    top: 2px;
    right: 15px;
    height: 40px;
    line-height: 40px;
    font-family: icomoon;
    content: "\e902";
    transform: rotate(180deg);
    font-size: 4px;
}

.menu--link {
    display: block;
    overflow: initial;
    font-size: var(--px16);
    text-decoration: none !important;
    line-height: 40px;
    height: 40px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 0px !important;
}

header {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 70px;
    background: #fff;
    border: 0px !important;
}

.clrpink {
    color: var(--primaryTextbtnColor); /*#000*/
}

#spnCustomerID {
    color: var(--highlightColor);
}

.collapse_menu {
    display: none !important
}

header .logo-img {
    width: 250px;
    float: left;
    background: var(--globalBgColor) !important;
    height: 70px;
    text-align: center;
    position: relative;
}

.collapse_menu {
    background-color: var(--warning);
    border: none;
    height: 24px;
    width: 24px;
    text-align: center;
    /*display: flex !important;
    align-items: center;
    justify-content: center;*/
    color: #1E262D;
    position: absolute;
    right: -13px;
    top: 14px;
    padding: 0 15px 0 10px !important
}


.logo-img a {
    display: inline-block;
    padding: 30px 10px 6px 5px;
}
/*.main-bg {
    background-color: var(--mainBgColor);
    padding: 1rem 1.5rem 0rem 1rem;
}*/
.menu--subitens__opened .menu--link {
    background: transparent !important;
}

.menu--subitens__opened .sub_menu {
    background: var(--globalBgColor) !important;
}

.sub_menu--link:hover {
    background: var(--primaryBtndisabledTextColor);
    color: var(--typographyPrimaryColor);
    position: relative;
    z-index: 9999;
}

.sub_menu--link {
    display: block;
    /*padding-left: 30px !important; /*70px; commeted by jenifer to avoid submenu wrap*/
    padding: 13px 15px 11px 50px;
    font-size: 14px;
    color: var(--typographySecondaryColor);
    text-decoration: none !important;
    line-height: 20px;
    border-top: 1px solid var(--globalBgColor);
}

.collapse_menu .collapse_menu--icon {
    background-color: var(--warning);
    border: none;
    height: 24px;
    width: 24px;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #1E262D;
    position: absolute;
    left: -13px;
    top: 14px;
}

.badge-notify {
    position: absolute;
    top: 3px;
    right: 2px;
}

.badge {
    display: none;
    min-width: 10px;
    padding: 3px 5px;
    font-size: 10px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--modaltitleColor) !important;
    border-radius: 4px;
    font-family: 'MontserratRegular';
}

.wrapper {
    padding: 0;
    padding-top: 80px;
    background: var(--rightContainerBgColor);
    /*transition: all 0.3s ease-out;*/
}

    .wrapper .main-content {
        float: left;
    }

.accordion-button.collapsed:after {
    transform: rotate(-180deg);
}
/*
.icon-up-arrow:before {
   font-size:25px;
    display: flex;
    align-items: center;
}*/
.submission-accordion .accordion-button:not(.collapsed) {
    background: unset;
    box-shadow: unset;
}

.small-logo {
}

.top-menu {
    padding-top: 14px;
}

.top-toolbar-wrap {
    padding: var(--px16) var(--px16) var(--px10) var(--px16);
}
/*.submission-accordion .accordion-button::after {
    margin: 0px var(--px10) 0px 0;
}*/
.accordion-button:not(.collapsed)::after {
    background-image: unset;
}

.accordion-button::after {
    font-family: 'icomoon' !important;
    content: "\e933";
    background-image: unset;
    font-size: var(--px24);
    display: flex;
    align-items: center;
}

.wrapper .right-content {
    float: right;
    width: 35%;
    min-height: 450px;
}


.det-pay-tab li.active > a {
    background: var(--primarybuttonBgColor) !important;
    padding: 10px;
    width: 100%;
    display: block;
}

.det-pay-tab li {
    background: #fff !important;
    text-align: center;
}

    .det-pay-tab li a {
        background: #fff;
        color: #1D252C !important;
        width: 100%;
        display: inline-block;
        padding: 10px;
        margin-left: 10px;
    }

    .det-pay-tab li:first-child a {
        margin-left: 0px !important
    }

    .det-pay-tab li > a:hover {
        background: var(--primarybuttonBgColor) !important;
        color: #1D252C !important;
    }

.ReturntoExela a {
    font-size: 22px !important;
    padding: 9px 0 !important;
    display: inline-block;
    color: var(--globalTextcolor);
}

.dropdown-menu.extended li a {
    border: 0px !important
}

/*.dropdown-menu.extended.logout > li > a {
    border-radius: 5px;
}*/

.xdsoft_datetimepicker {
    font-family: "Montserrat", sans-serif !important
}

    .xdsoft_datetimepicker .xdsoft_calendar th {
        color: var(--tableheadertextColor) !important
    }

    .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
        color: var(--tableheadertextColor) !important
    }

    .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
        background: #fff
    }

        .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
            background: var(--primarybuttonBgColor);
            box-shadow: none
        }

        .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
            background: var(--primarybuttonBgColor) !important;
            color: var(--tableheadertextColor) !important;
            font-weight: 700;
        }

    .xdsoft_datetimepicker .xdsoft_year {
        width: 52px;
        margin-left: 0px;
    }

.border_bg {
    background: #EAE9E9;
    border-radius: 5px;
    margin-top: 20px;
    padding-bottom: 30px;
}

.border_bg_1 {
    background: #EAE9E9;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
}

.transfor_width .right-btn:before, .transfor_width .left-btn:before {
    top: 100px;
}

.transfor_width li {
    white-space: normal;
}

.transfor_width li {
    width: 19%;
    float: left;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px;
}

.box_style .arrow {
    opacity: 0
}

.box_style.active .arrow {
    background: #FAF2D3 !important;
    opacity: 1;
}

.st_icons_1 {
    font-size: 26px;
    background: var(--primarybuttonBgColor);
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-align: center;
    line-height: 44px;    
    float: left;
}

.ex_service_1 {
    float: left;
    font-family: 'MontserratSemiBold';
    padding: 10px 10px;
    font-size: 16px;
   /* width: 170px;*/
    line-height: 20px;
}

.opac_cls {
    opacity: .5;
}

.global_box {
    background: #fff;
    margin: 0px 20px 0 20px;
    border-radius: 10px;
    padding: 5px 15px 0 15px;
    clear: both;
}

.table_desing {
    width: 100%;
}

    .table_desing th {
        width: 33%;
        padding: 10px;
        /*border-bottom: 1px solid #ccc;*/
        white-space: nowrap;
    }


.table_desing th {
    padding: 10px;
    /* border-bottom: 1px solid #ccc; */
    white-space: nowrap;
}


.active .global_box .table_desing td {
    border-top: 2px solid #ccc;
}


.flip {
    cursor: pointer;
}

.tab_content_1 {
    display: none;
    opacity: 0;
}

    .tab_content_1.active {
        display: block;
        opacity: 1;
    }

.box_style {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    padding: 10px 15px;
    position: relative;
}

.box_style.active {
    background: #FAF2D3;
    border: 1px solid #F7CD2B;
}

@media only screen and (max-width: 930px) {
    .transfor_width li {
        width: 100%;
        margin-bottom: 25px;
    }

    .active .arrow {
        bottom: -7px;
    }
}

@media (min-width:767px) and (max-width:1024px) {
    .wrapper {
        margin-left: 70px !important
    }
}

@media (min-width:320px) and (max-width:767px) {
    .vertical_nav {
        top: 64px;
    }

    header .logo-img {
        border-radius: 0px 0px 8px 8px;
    }

    #toggleMenu .icon-arrow:before {
        content: "\e906" !important;
        font-size: 20px;
    }

    .toggle_menu {
        width: 38px;
    }


    .toggle_menu {
        padding: 0px !important
    }

    #toggleMenu {
        border-radius: 5px;
    }

    .close-logo #toggleMenu {
        transform: rotate(0deg);
    }

    .tooltip__item {
        padding-bottom: 30px;
    }

    .home_icon a {
        color: #fff !important
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: left;
        margin: 0 10px;
        padding-bottom: 8px;
    }

    .top-menu {
        position: fixed;
        bottom: 0px;
        width: 100%;
        background: var(--globalBgColor) !important;
        left: 0;
        z-index: 99;
        justify-content: right;
    }
    /*.pch_layout {
            height: calc(100vh - 120px);
            overflow: auto;
        }*/
    .footer_st {
        display: none
    }

    .vertical_nav__minify {
        width: 100%;
        display: none
    }

    #userwelcome, #userrole {
        display: none
    }

    .hdr_txt {
        display: none
    }

    #toggleMenu {
        position: fixed;
        top: auto;
        left: 10px;
        z-index: 9999;
        bottom: 11px;
        right: auto;
    }

    .toggle_menu {
        height: 32px;
    }

    .vertical_nav__opened {
        width: 100% !important;
        height: 82%;
    }

    .wrapper__minify {
        margin-left: 0px;
        padding-top: 80px !important;
        padding-bottom: 80px;
    }



    .logo-img {
        display: block;
        width: 100% !important;
    }

        .logo-img .logo2 {
            display: none !important
        }

        .logo-img.close-logo .logo1 {
            display: block !important
        }

        .logo-img.close-logo .logo1 {
            width: 100%
        }

            .logo-img.close-logo .logo1 img {
                width: 200px;
            }

        .logo-img a {
            padding: 20px 0px 0px 0px
        }
}

.menu--subitens__opened .menu--link, .menu--subitens__opened .menu--icon, .menu--subitens__opened .menu--label, .menu--item__has_sub_menu.menu--subitens__opened .menu--link:after {
    color: var(--globalTextcolor) !important;
}

.newtabs {
    border: 0px;
    display: flex;
    /*justify-content: center;*/
    max-width: fit-content;
    margin: 5px auto;
    flex-wrap: nowrap;
    overflow-x: auto;
}

@media (max-width:600px) {
    .p_image {
        display: block
    }
}

@media (min-width:320px) and (max-width:1199px) {
    .hdr_txt {
        display: none
    }
}

.paddnewcls {
    padding: 0px 30px;
    position: relative
}

.right-btn:before {
    font-family: icomoon;
    content: "\e907";
    font-size: 22px;
    color: var(--globalTextcolor);
    position: absolute;
    right: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    z-index: 99;
    cursor: pointer;
    background: #fff;
    height: 33px;
    top: 3px;
}

.btn-default {
    text-shadow: none
}

.left-btn:before {
    font-family: icomoon;
    content: "\e908";
    font-size: 22px;
    color: var(--globalTextcolor);
    position: absolute;
    left: 0px;
    border-radius: 5px;
    z-index: 99;
    cursor: pointer;
    background: #fff;
    height: 33px;
    top: 3px;
}

.toggle_menu {
    border-radius: 5px;
}

.res_device {
    width: 520px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

@media (min-width:320px) and (max-width:767px) {
    .res_device {
        width: 310px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
}

.margl15 {
    margin-left: 15px;
}

#divSubDetails .checkbox input[type="checkbox"] {
    position: relative;
    top: 3px;
}

.td_clr {
    color: var(--modaltitleColor) !important;
}

.td_dropdown li a:hover {
    background: var(--primarybuttonBgColor) !important;
    color: var(--primaryTextbtnColor);
    width: 100%;
    display: inline-block;
}

.td_dropdown li a.notapplicable {
    padding: 5px;
    display: inline-block;
    width: 100%;
}

.notapplicable {
    opacity: 0.5;
    color: var(--typographylightColor) !important;
}