/* ===== MASTER TEMPLATE START ===== */

.accordionHeader @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

body {
    min-height: 100vh;
    /*background-color: var(--Active-Main-Blue-BG, #1C294A);*/
    background-color: var(--Neutral-BG-II);
}
/*-- START LEFT SIDEBAR -- */

#help {
    background: var( --Active-Transparency-Main-Blue-Bright-15);
    border: none;
    border-radius: 50px;
    color: var(--helpicontxt)!important;
    margin-left: 20px;
    height: 40px;
    width: 70px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.28px;
}

#menu_item1 li {
    list-style: none;
}


a.nav-link.menu:hover,
a.nav-link.menu:focus {
    opacity: 1;
    color:var(--Neutral-White)!important;
    /*background: var(--Active-Transparency-Main-Blue-Bright-15, #FFFFFF26);*/
    border-radius: 6px;
    margin: 0px 0px 0px 0px;
}

a.nav-link.menu {
    opacity: 0.5;
    color: var(--Neutral-menu-text) !important;
    margin: 0px 0px 0px 0px;
}

    a.nav-link.menu.Active {
        opacity: 1;
        color: var(--Neutral-White) !important;
        background: var(--Active-Transparency-Main-Blue-Bright-15);
        border-radius: 6px;
        margin: 0px 0px 0px 0px;
    }

        a.nav-link.menu.Active:hover {
            background: var(--Active-Transparency-Main-Blue-Bright-15);
        }

.Complogo {
    text-align: center;
    overflow: auto;
    margin-top: 0px;
    padding: 15px;
}

.Compdrpdwn {
    width: 100%;
    margin: auto;
    padding: 10px;
    border-radius: 6px;
    border: 0px;
    background-color: var(--Neutral-dropdown);
}

.img-logo {
    margin-bottom: 15px;
}

#subcontainer {
    display: none;
    text-align: left;
}

.btmsec-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    background: var(--footer-bottom-button);
}
.asp-header {
    background-color: var(--Grid-background-color) !important;
    color: var(--Neutral-White) !important;
    padding: 16px 8px 16px 12px;
    font-weight: 500;
    border-left: 1px solid var(--Grid-border);
    font-family: 'Inter', sans-serif;
    font-size: 10px !important;
    text-transform: uppercase;
}
.aspcurved-border-grid {
    border-radius: 0px;
    border: 1px solid var(--Neutral-Stroke);
    overflow: hidden;
    background: var(--Neutral-Stroke);
}
.nav-help {
    vertical-align: middle;
}

/*.user-icon {    -- commented cause not found fahed S 09march24
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: var(--Active-Transparency-Main-Blue-10, #3C7CB61A);
    margin-left: 5px;
    color: var(--Primary-active-button);
}*/

.container {
    display: flex;
    align-items: center;
    padding: 20px;
}

.side-navbar {
    width: 265px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    background: var(--footer-bottom-button);
    transition: 0.5s;
}

.my-container {
    transition: 0.4s;
}

.active-nav {
    margin-left: 0;
}

.active-cont {
    margin-left: 265px;
}

#menu-btn {
    background: var(--footer-bottom-button);
    color: #fff;
    margin-left: -62px;
}
/*
.my-container input {
    border: none;
}*/


/*#region toggle*/
#lightSwitch {
    transform: scale(1.8);
}

/*.custom-theme.bg-light {      -- commented cause not found fahed S. 09march24
    background-color: darkslategray !important;
    border-radius: 3px;
    color: gainsboro;
    text-decoration: underline;
}

.custom-theme.bg-dark {
    background-color: blanchedalmond !important;
    box-shadow: 10px 5px 5px rgba(246, 255, 219, 0.5);
    color: dimgray;
    text-decoration: overline;
}*/
/*#endregion toggle*/


/* toggle */
/*#region start switch ON/OFF button */

.main .text {
    font-size: 10vw;
    line-height: 8vw;
    position: relative;
}

.main .text--light {
    left: -7vw;
    color: rgba(79, 84, 94, 0.4);
}

.main .text--dark {
    left: 5rem;
    color: rgba(204, 215, 234, 0.8);
}

@media only screen and (max-width: 1130px) {
    .main .text {
        font-size: 7rem;
        line-height: 5.5rem;
    }

    .main .text--light {
        left: -5rem;
    }

    .main .text--dark {
        left: 4rem;
    }
}

@media only screen and (min-width: 1800px) {
    .main .text {
        font-size: 11rem;
        line-height: 9rem;
    }

    .main .text--light {
        left: -8rem;
    }

    .main .text--dark {
        left: 5.5rem;
    }
}

.main #switch {
    border: none;
    right: 15px;
    width: 80px;
    height: 38px;
    border-radius: 4vw;
    position: absolute;
    cursor: pointer;
}

    .main #switch .btn-switch {
        display: block;
        background-color: #0451FB;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        position: absolute;
        z-index: 0;
        top: 13%;
    }

    .main #switch i {
        font-size: 20px;
        position: absolute;
        z-index: 1;
        top: 26%;
        color: rgba(204, 215, 234, 0.8);
    }

        .main #switch i.bxs-sun {
            left: 15%;
        }

        .main #switch i.bxs-moon {
            right: 15%;
        }

@media only screen and (max-width: 1130px) {
    .main #switch {
        width: 80px;
        height: 40px;
        border-radius: 30px;
    }

        .main #switch .btn-switch {
            width: 30px;
            height: 30px;
            border-radius: 30px;
        }

        .main #switch i {
            font-size: 20px;
            top: 25%;
        }

            .main #switch i.bxs-sun {
                left: 16%;
            }

            .main #switch i.bxs-moon {
                right: 16%;
            }
}

@media only screen and (min-width: 1620px) {
    .main #switch {
        width: 80px;
        height: 40px;
        border-radius: 30px;
    }

        .main #switch .switch-side--left, .main #switch .switch-side--right {
            width: 100px;
            height: 50px;
            border-radius: 30px;
        }

        .main #switch .btn-switch {
            width: 30px;
            height: 30px;
            border-radius: 30px;
        }

        .main #switch i {
            font-size: 20px;
            top: 25%;
        }

            .main #switch i.bxs-sun {
                left: 15.5%;
            }

            .main #switch i.bxs-moon {
                right: 15.5%;
            }
}

/*#endregion start switch ON/OFF button */

/*#region Start toggle switch display mode */
.form-switch .form-check-input {
    background-image: url('../img/btn-sun1.png'), url('../img/bg012.png');
    background-color: #343d51;
    width: 70px;
    height: 40px;
    border: none;
}

    .form-switch .form-check-input:checked {
        background-image: url('../img/bg012.png'), url('../img/btn-moon1.png');
        background-color: #343d51;
        border-color: #343d51;
        width: 70px;
        height: 40px;
        border: none;
    }

    .form-switch .form-check-input:focus {
        border-color: #343d51;
        box-shadow: none;
        border: none;
    }

    .form-switch .form-check-input:active {
        border: 0px;
    }

/*#endregion Start toggle switch display mode */


/*-- END LEFT SIDEBAR -- */

/*-- START TOP HEADER -- */
.position-sticky {
    top: 0px;
    width: 100%;
    z-index: 1000;  
}

.search {
    position: relative;
}

    .search input {
        height: 60px !important;
        text-indent: 30px;
        border: 1px solid var(--Neutral-Stroke-Light);
        background: var(--Neutral-BG-Cards);
        box-shadow: 0px 4px 12px 0px rgba(34, 39, 52, 0.05);
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 21.6px */
        letter-spacing: -0.36px;
        padding-right: 120px;
        /*padding-left: 45px;*/
    }

        .search input:focus {
            box-shadow: none;
            background: var(--Neutral-BG-Cards);
        }

    .search .fa-search {
        position: absolute;
        top: 20px;
        left: 16px;
    }

    .search button {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 50px;
        width: 110px;
        background-color: #3C7CB6 !important;
    }

.top_alert_icon {
    background-image: url(../img/icon-notificationbell.svg);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
}

.svg-icon {
    fill: var(--Neutral-Solid);
    transition: fill 0.3s; /* Smooth transition */
    margin-right: 10px;
}

.svg-iconsearch {
    fill: var(--Neutral-Solid);
}

.user-logo {
    margin-right: 10px;
    height: 40px;
}

.top-navbar {
    border-bottom: 1px solid var(--Neutral-Stroke);
    padding-right: 12px !important;
    margin-right: 7px !important;
    background-color: var(--Neutral-BG-II);
}

.navbar-brand {
    padding-left: 7px !important;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    display: block;
}

.navwidth {
    width: 557px;
}

.vr {
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.globsearch {
    border-radius: 12px;
    padding: 16px;
    height: 20px;
    font-size: 16px;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    margin-left: 10px;
}

.small-text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    text-align: right;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light) !important;
}

/*-- END TOP HEADER -- */

/* ===== MASTER TEMPLATE END ===== */


/* ===== GLOBAL CSS START ===== */

/* --- Scrollbar CSS start --- */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--Neutral-Stroke-Light) Transparent !important;
}

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 8px;
    }

    *::-webkit-scrollbar-track {
        background:;
    }

    *::-webkit-scrollbar-thumb {
        background-color: var(--Neutral-Stroke-Light);
        border-radius: 4px;
        border: 3px solid var(--Neutral-Stroke-Light);
    }

/* --- Scrollbar CSS end --- */
/* --- Start root --- */


.class-ibs {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-emphasis-color);
}

:root, [data-bs-theme="light"] {
    --Neutral-Solid: #152550;
    --Neutral-Solid-Light: #757F8F;
    --Neutral-Grey: #B8BFCC;
    --Neutral-Mid-Grey: #D3DAE5;
    --Neutral-Stroke: #DEE3EB;
    --Neutral-Stroke-Light: #E5E9EF;
    --Neutral-BG-I: #ECF2F8;
    --Neutral-BG-II: #F3F5F8;
    --Neutral-BG-Cards: #FFF;
    --Neutral-White: #FFF;
    --bs-primary-bg-subtle: #FF0;
    --Neutral-dropdown: #ecf2f8;
    --Active-Transparency-Main-Blue-10: rgba(60, 124, 182, 0.20);
    --text-link: #3C7CB6;
    --Neutral-Solid-btn: #152550;
    --Radio-button-border: #75BDE8;
    --Grid-background-color: #1C294A;
    --Grid-border: #161A1A99;
    --back-top-button: rgba(0, 0, 0, 0);
    --helpicontxt: rgba(255, 255, 255, 1);
    --Primary-active-button: #3c7cb6; /* corrected the color property for primary button #ECF2F8 */
    --popup-menu-hover: #ECF2F8;
    --list-group-hover: #ECF2F8;
    --sucess-msg:#6AB5A7;
    --Neutral-menu-text: #9EAACB;
    --Neutral-menu-hover:#71B4DF;
    --Active-Transparency-Main-Blue-Bright-15: #FFFFFF26;
    --footer-bottom-button:#1C294A;
    --error-msg:#CF7171;
    --heart-icon-hover: #C95D4510;
    --icon-header-user-background: #3C7CB61A;
    --tooltip-bg: rgba(255, 255, 255, 1);
    --form-select: rgba(0, 0, 0, 0);
    --Cancel-button-border: #DEE3EB;
    --Cancel-button-text: #152550;
    --radioandcheckbox-button-border: #DEE3EB;
    --radio-border-unchecked:#DEE3EB;
    --dxgvSelectedRow: #e5e9ef;
}

:root, [data-bs-theme="dark"] {
    --Neutral-Solid: #E1E1E5;
    --Neutral-Solid-Light: #818EB2;
    --Neutral-Grey: #51515C;
    --Neutral-Mid-Grey: #2F3B5B;
    --Neutral-Stroke: #1B253E;
    --Neutral-Stroke-Light: #2F3B5B;
    --Neutral-BG-I: #1F2942;
    --Neutral-BG-II: #0E1524;
    /*--Neutral-BG-Cards: rgba(60, 124, 182, 0.23);*/
    --Neutral-BG-Cards: #121A2E;
    --Neutral-White: #FFF;
    --bs-primary-bg-subtle: #F00;
    --Neutral-dropdown: #1f2942;
    --text-link: #3C7CB6;
    --Neutral-Solid-btn: #152550;
    --Radio-button-border: #75BDE8;
    --Grid-background-color: #1C294A;
    --Grid-border: #161A1A99;
    --back-top-button: #FFFFFF;
    --Primary-active-button: #3c7cb6;
    --popup-menu-hover: #2f3b5b;
    --list-group-hover: #2f3b5b;
    --sucess-msg:#6AB5A7;
    --Neutral-menu-text: #9EAACB;
    --Neutral-menu-hover:#71B4DF;
    --Active-Transparency-Main-Blue-Bright-15: #FFFFFF26;
    --footer-bottom-button:#1C294A;
    --error-msg:#CF7171;
    --heart-icon-hover: #C95D4510;
    --helpicontxt: rgba(255, 255, 255, 1);
    --icon-header-user-background: #3C7CB633;
    --tooltip-bg: rgba(25, 33, 54, 1);
    --form-select: #121A2E;
    /*--Cancel-button-border: #FFFFFF;*/
    --Cancel-button-border: #1F2942;
    --Cancel-button-text: #e5e9ef;
    --radioandcheckbox-button-border: #FFFFFF;
    --radio-border-unchecked:#2F3B5B;
    --dxgvSelectedRow: #757f8f;
}


}

/* --- End root --- */



.mstbdy-row {
    margin-top: 8px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 15px;
}

#Detail-li {
    font-size: 10px;
    color: #757F8F;
}

.requests {
    display: inline-block;
    width: 100px;
    text-align: right;
    color: var(--Neutral-Solid-Light)!important;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}



/*  Start User Alex */
span.alex {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light)!important;
}
/*  End User Alex */

/*  Start Dropdown */
span.apple1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
}

span.apple2 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light);
}


/*  Start Details popup */
.underline-inputs {
    border: none;
    outline: none;
    padding: 0px;
    background-color: transparent;
}

.underline-input {
    border: none;
    outline: none;
    padding: 0px;
}

.pop-border {
    border: none;
}

input[type="text"] {
    background-color: transparent;
    color: var(--Neutral-Solid)!important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    border: none;
    border-bottom: 1px solid var(--Neutral-Mid-Grey);
    border-radius: 0px;
    box-shadow: none;
    padding: 0px 10px !important;
    border-color: none;
    font-weight: normal;
}

input#name {
    padding-left: 1px;
    padding-right: 20px;
}

input[type="text"]:focus {
    font-weight: normal;
}
/* Start Active in Use button */
/* #region active in use button*/
.verizon {
    background-color: #ECF2F8;
    color: var(--Neutral-Solid);
    padding: 6px 10px 6px 10px;
    border: none;
    border-radius: 80px;
    font-size: 16px;
    cursor: pointer;
}

    .verizon:hover {
        background-color: #90909040 !important;
    }

.verizons {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #6AB5A71A !important;
    color: var(--sucess-msg);
    padding: 6px 10px 6px 10px;
    border-radius: 80px;
    font-size: 16px;
    cursor: pointer;
    line-height: 19.2px;
    font-weight: 500;
    font-family: Inter, sans-serif;
}

    .verizons:hover {
        background-color: #C95D4540 !important;
    }

.btnupgrade {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
    background: var(--Active-Red, #CF7171);
    color: #FFFFFF;
    border-radius: 6px;
    padding: 5px;
    border: none;
}

.form-control:disabled {
    background-color: transparent !important;
    color: var(--Neutral-Grey) !important;
    cursor: no-drop !important;
}
.form-select:disabled{
    background-color: transparent !important;
    color: var(--Neutral-Grey) !important;
    cursor: no-drop !important;
}
/* end Active in Use button */
/* #endregion active in use button*/


/*Start Details popup*/
.modal-backdrop {
    z-index: 1044;
}
/* End Details popup*/



/* card */

.card {
    border-radius: 16px !important;
    background-color: var(--Neutral-BG-Cards);
    border-color: var(--Neutral-Stroke);
}

/* card */



/* Start popup */
.list-group-item {
    padding: 8px 0px 15px 0px;
    margin: 5px;
    --bs-list-group-bg: transparent;
    --bs-list-group-border-color: var(--Neutral-Stroke-Light);
}

.form-control {
    background-color: transparent;
}

.offcanvas {
    background-color: var(--Neutral-BG-Cards);
    border-color: var(--Neutral-Stroke);
}

.offcanvas-body {
    padding: 20px;
}

.offcanvas-header {
    padding: 0px;
    align-items: normal;
}
/* End popup */



/* Start Dropdown */
.apple {
    border: none;
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    /*    background-color: #ECF2F8;*/
}
/* End Dropdown */

.username {
    font-size: 10px;
    margin-right: 5px;
}

/* Start Upgrade button */
.upgrade {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 16px;
}

.upgrades {
    display: flex;
    justify-content: flex-start;
}

.btn {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    background: var(--Active-Red, #CF7171);
    color: #FFFFFF;
}

    .btn:hover {
        color: #fff;
        background-color: #CF7171;
        border-color: var(--bs-btn-hover-border-color);
    }
/* End Upgrade button */

/* Start Detail button */
.details-button {
    border: none;
    margin: 5px;
    background: none !important;
}

span#details-btn {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    text-align: right;
    letter-spacing: -0.02em;
    color:var(--Neutral-Solid-Light);
    margin-right: 0px;
    margin-left: 15px;
}
/* End Detail button */





/* Start Complete and In process button */
#complete {
    background-color: #6AB5A71A;
    color: var(--sucess-msg);
    border-radius: 80px;
    padding: 2px 8px 2px 8px;
    margin: 0px 5px 0px 5px;
    font-size: 14px;
    line-height: 19.6px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding-right: 12px;
}

#inprocess {
    background-color: #B181C226;
    color: #B181C2;
    border-radius: 80px;
    padding: 2px 8px 2px 8px;
    margin: 0px 5px 0px 5px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    line-height: 19.6px;
}

/* Start Complete and In process button */

/* Start Active in Use button */
.use {
    background: var(--Active-Transparency-Tradewind-10, #6AB5A71A);
    color: var(--sucess-msg);
    float: right;
    padding: 6px 10px 6px 10px;
    border: none;
    border-radius: 80px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.02em;
    width: fit-content;
}

    .use:hover {
        background-color: #6AB5A740;
    }

/* end Active in Use button */

/* start slider */
.carousel-item {
    height: 202px;
    overflow: auto;
}

#histroy {
    height: 274px !important;
   
}
#AlertnNotifications {
    height: 238px !important;
    overflow-y: auto !important;
}
.carousel-control-prev-icon {
    /* background-color: #757574; border-radius: 20px; width: 20px; height: 20px; padding:5px;*/
    background-image: url('../img/icon-slider-arrow-left.svg');
}

.carousel-control-next-icon {
    background-image: url('../img/icon-slider-arrow-right.svg');
}
/*end slider*/

/*start Request Histroy(number)*/
.icon-number {
    float: right;
    font-size: 16px;
    color: var(--Neutral-Solid-Light);
    line-height: 19.2px;
    font-weight: 500;
}

/*end Request Histroy(number)*/

/*start heart icon*/

.custom-button {
    padding: 6px 11px;
    margin-right: 10px;
    cursor: pointer;
    border: none;
    border-radius: 80px;
    background-color: #C95D4510;
    color: #C95D45;
    float: right;
}

    .custom-button:hover {
        background-color: #C95D4540;
    }
/*end heart icon*/

/* start Quick actions */

#quick-actions-card  {
    height: 245px !important;
    overflow-y: auto;
    margin-top: 8px;
    line-height: 19.2px;
}

#my-device-card {
    /* height: 245px !important;*/
    margin-top: 16px;
}

.endusercard {
    padding-bottom: 0px;
}

.enduserrow {
    margin-top: 8px;
}

.user-dropname {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light);
    text-decoration: none;
}

#quick-actions-body {
    /* padding-right: 15px;*/
    overflow-y: auto;
    padding: 0px 15px;
}

#quick-actions-list {
    overflow-y: auto;
}

.card-body.d-flex.midusg {
    justify-content: flex-start;
    padding: 20px;
}

/* end Quick actions */
.lb-alert-not {
    display: inline-block;
    margin: 16px 0px 16px 0px;
}

.usgdrp {
    display: inline-block;
    width: 100px;
    font-size: 16px;
}

.usage-div {
    margin-left: 25px;
}

.usage-h2 {
    margin-bottom: 0px;
    font-family: 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: var(--Neutral-Solid);
    line-height: 33.6px;
    padding-left: 16px;
}

.usage-span {
    font-size: 20px;
    line-height: 24px;
    color: var(--Neutral-Solid);
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.usage-span1 {
    font-size: 16px;
    font-weight: 500;
    color: var(--Neutral-Solid-Light);
    line-height: 19.2px;
    padding-left: 16px;
}

.vr.mt-1.usage-vr {
    margin-bottom: 0px !important;
    margin: 30px;
}


.usage-div1 {
    font-size: 12px;
}

.usage-p {
    color: #CF7171;
    margin: 0;
    font-size: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    line-height: 15px;
}

.usage-img {
    margin-right: 20px;
    margin-left: 15px;
}

.request-a {
    display: inline-block;
    width: 100px;
}

.alert-a {
    display: inline-block;
}

.alert-img {
    vertical-align: unset;
}

.action-link {
    float: right;
    margin-top: 5px;
    padding-left: 5px;
    cursor: pointer !important;
}

ul li.nav-item {
    padding-top: 3px;
}

/* Start popup */

.minfo {
    margin-top: 20px;
    font-size: 24px;
    color: var(--Neutral-Solid);
}

li.list-group-item.popassign {
    border-bottom: none;
    margin-top: 17px;
}

.popcont {
    background-color: var(--Neutral-BG-I);
    border-radius: 12px;
    padding: 0px !important;
}

.btnpopupgrade {
    background-color: #CF7171;
    color: #FFFFFF;
    border-radius: 6px;
    font-size: 12px;
}

.seeall {
    /*display: inline-block;*/
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    width: 100px;
    color: var(--Neutral-Solid-Light);
    font-size: 16px;
    margin-left: 10px;
    line-height: 19.2px;
}
/* end popup */

/* Start Alert and nNotification */
#alert-card {
    height: 203px !important;
    overflow-y: auto;
}

#alert-card-body {
    height: 200px;
    overflow: auto;
    padding: 20px;
}

.card-body {
    height: auto;
}

#alert-body {
    padding-right: 15px;
}

.alert-number {
    color: var(--Neutral-Solid-Light);
    float: right;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    line-height: 19.2px;
}

span#ContentPlaceHolder1_ContentPlaceHolder_lablCarrier {
    color: var(--Neutral-Solid);
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}

.unread::before {
    content: '•';
    color: #75BDE8;
    font-size: 20px;
}

.btna, .notice {
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px;
}

.notice {
    color: var(--Neutral-Solid-Light);
    font-size: 18px;
    line-height: 21.6px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.img-right {
    margin-left: 10px;
}

.apple11 {
    border: none;
    padding: 5px;
    border-radius: 5px;
    margin-right: 5px;
    background: none;
}
/* End Alert and nNotification */

.Compdrpdwnbdy {
    margin: auto;
    padding: 10px;
    border-radius: 6px;
    border: 0px;
    background-color: var(--Neutral-dropdown);
}


.roundbtn {
    width: 40px;
    height: 40px;
    border-radius: 35px;
    background-color: var(--Neutral-BG-I);
    border: none;
}
.roundbtn:hover {
    background-color: var(--Neutral-Stroke);
}

/*.clay {
    background-image: url('../img/img-iPhone-clay.svg');
    background-position: right;
    background-repeat: no-repeat;
    background-position: 90% 100%;
}*/

/*.settinga {
    background-image: url('../img/img-settings.svg');
    background-position: right;
    background-repeat: no-repeat;
    background-position: 90% 100%;
}*/

/*.manager-div {
    margin-top: 8px;
}*/

.order-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.order-row {
    align-items: flex-end;
}

.histroy-order {
    margin-top: 16px;
}

.mobility-span {
    display: inline-block;
    margin-top: 32px;
    margin-bottom: 8px;
}

.mobility-a {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: var(--Neutral-Solid-Light);
    font-size: 16px;
    line-height: 19.2px;
}

.mobility-img {
    vertical-align: unset;
}

.mobility-div {
    padding-right: 9px;
}

/*.mobility-card {
    margin-top: 16px;
}*/

.mobility-card-body {
    padding-bottom: 0px;
}

.mobility-h3 {
    display: inline-block;
    margin: 0;
    margin-right: 8px;
}

.mobility-img {
    vertical-align: middle;
}

.mobility-col6 {
    text-align: right;
}

.mobility-col12 {
    margin-top: 10px;
}

.mobility-span1 {
    font-size: 32px;
}

.mobility-span2 {
    font-size: 12px;
}

.manager-span {
    display: inline-block;
    margin-top: 32px;
    margin-bottom: 16px;
}

.selectlabel1 {
    visibility: hidden;
}

label.selectlabel {
    color: #757F8F;
    font-size: 10px;
    margin-top: 20px;
}
#page-bg select.form-select {
    color: var(--Neutral-Solid) !important;
    font-size: 14px;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
    font-weight: 500;
    padding: 0px;
    padding-left: 5px;
    padding-right: 18px;
    line-height: 22.4px;
    background-color: var( --Neutral-BG-II) !important;
    font-family: 'Inter', sans-serif;
    background-image: url(../img/arrow-down.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
}
select.form-select {
    color: var(--Neutral-Solid) !important;
    font-size: 14px;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
    font-weight: 500;
    padding: 0px;
    padding-left: 5px;
    padding-right: 18px;
    line-height: 22.4px;
    background-color: var(--Neutral-BG-Cards) !important;
    font-family: 'Inter', sans-serif;
    background-image: url(../img/arrow-down.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
}
#page-bg select.form-control {
    color: var(--Neutral-Solid) !important;
    font-size: 14px;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
    font-weight: 500;
    padding: 0px;
    padding-left: 5px;
    padding-right: 18px;
    line-height: 22.4px;
    background-color: var( --Neutral-BG-II) !important;
    font-family: 'Inter', sans-serif;
    background-image: url(../img/arrow-down.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
}
select.form-control {
    color: var(--Neutral-Solid) !important;
    font-size: 14px;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
    font-weight: 500;
    padding: 0px;
    padding-left: 5px;
    padding-right: 18px;
    line-height: 22.4px;
    background-color: var(--Neutral-BG-Cards);
    font-family: 'Inter', sans-serif;
    background-image: url(../img/arrow-down.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: 10px 10px !important;
}

.form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid var(--Radio-button-border) !important;
}

.form-select:focus {
    box-shadow: none;
    border-bottom: 1px solid var(--Radio-button-border) !important;
}

.underline-inputs {
    border: none;
    outline: none;
    padding: 0px;
    background-color: #ECF2F8;
    border-bottom: none;
}

select.form-select.underline-inputs {
    border-bottom: none;
}

.form-select {
    /*--bs-form-select-bg-img: none;*/
}

.form-select {
    background-position: right 5px center;
}

span.dspan {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light);
}

h3 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
}

.listspan {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
}

.MT10 {
    margin-top: 20px !important;
}

.lblcntrl {
    /*margin-bottom: 10px;*/
/*    height: 20px; /*23-04-25 -- distrubing on print pages*/
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 120% !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    color: var(--Neutral-Solid-Light) !important;
    flex: none !important;
    order: 0 !important;
    align-self: stretch !important;
    flex-grow: 0 !important;
}

.lblcntrlvalue {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 22.4px !important;
    letter-spacing: -0.02em !important;
    color: var(--Neutral-Solid);
    flex: none !important;
    order: 0 !important;
    align-self: stretch !important;
    flex-grow: 1 !important;
    text-transform: none !important;
    
}
.lblcntrlvalue-bg{
background-color: var(--Neutral-BG-I);
border: 1px solid var(--Neutral-Mid-Grey) !important;
}

.cancel-button .submit-button {
    padding: 10px 20px;
    border-radius: 8px;
    border: none !important;
    /*color: #fff;*/
    cursor: pointer;
    margin: 10px 5px;
}

.submit-button {
    background-color: var(--Primary-active-button) !important;
    float: right;
    padding: 11px 20px 11px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    color: var(--Neutral-White) !important;
    cursor: pointer;
    margin: 10px 0px !important;
    height: 41px !important;
    font-size: 16px !important;
    line-height: 19.2px !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
    cursor: pointer !important;
}

.cancel-button {
    background-color: var(--Neutral-BG-I) !important;
    color: var(--Cancel-button-text) !important;
    border: 1px solid var(--Cancel-button-border) !important;
    cursor: pointer;
    padding: 11px 20px 11px 20px !important;
    margin: 10px 0px !important;
    border-radius: 8px !important;
    height: 41px !important;
    font-size: 16px !important;
    line-height: 19.2px !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-wrap: nowrap;
    cursor: pointer !important;
}

.Error_msg_color {
    color: var(--error-msg) !important;
    font-size: 10px !important;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.02em;
    position: relative;
    top: -2px;
}

#wizHeader li .currentStep .step {
    font-weight: 500;
    color: var(--Neutral-Solid);
}

#wizHeader li .prevStep .step {
    color: var(--Neutral-Solid);
    font-weight: 500;
}

#wizHeader li .prevStep .step-circle {
    background-color: var(--Neutral-Solid);
    color: var(--Neutral-BG-Cards);
}

    #wizHeader li .prevStep .step-circle:after {
        border-left-color: #E1E1E5 !important;
    }

#wizHeader li .currentStep .step-circle {
    background-color: var(--Neutral-Solid);
    color: var(--Neutral-BG-Cards);
}

    #wizHeader li .currentStep .step-circle:after {
        border: none !important;
    }

#wizHeader li .nextStep .step-circle {
    background-color: var(--Neutral-White);
}

    #wizHeader li .nextStep .step-circle:after {
        border-left-color: #C2C2C2 !important;
    }

#wizHeader {
    list-style: none;
    overflow: hidden;
    font: 14px 'Inter', sans-serif;;
    margin: 0px;
    padding: 0px;
    min-width: fit-content;
}

    #wizHeader li {
        float: left;
    }

        #wizHeader li a {
            color: var(--Neutral-White) !important;
            text-decoration: none;
            padding: 10px 0 10px 0px;
            position: relative;
            display: block;
            float: left;
            width: 300px;
            width: fit-content;
            text-wrap-mode: nowrap;
        }

            #wizHeader li a:after {
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsla(34,85%,35%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            #wizHeader li a:before {
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        #wizHeader li:first-child a {
            padding-left: 10px;
        }

        #wizHeader li:last-child {
            padding-right: 50px;
        }
/*        #wizHeader li a .step-circle:hover
        {
            background: #FF0 !important;
        }
        #wizHeader li a .step-circle:hover:after
        {
            border-left-color: #FF0 !important;
        }       */
/*.content
        {
            height:150px;           
            padding-top:75px;
            text-align:center;
            background-color:#F9F9F9;
            font-size:48px;
        }*/
.step-circle {
    width: 27px;
    height: 27px;
    border-radius: 1000px;
    background-color: var(--Neutral-White);
    border: none;
    color: var(--Neutral-Solid-Light);
    line-height: 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    cursor: pointer; /* Added cursor pointer */
}

.hrline {
    width: 46px;
    margin-top: 11px;
    color: var(--Neutral-Mid-Grey);
    margin-right: 10px;
}

hr {
    margin: 1rem 0;
    border: 0px;
    border-top: var(--bs-border-width) solid;
    opacity: 1 !important;
    color: var(--Neutral-Mid-Grey);
}

span.step {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
    color: var(--Neutral-Solid-Light);
    font-weight: 500;
}

select#ContentPlaceHolder1_Wizard1_ddlDevice {
    box-shadow: none;
}

select#ContentPlaceHolder1_Wizard1_ddlCarrier {
    box-shadow: none;
}

select#ContentPlaceHolder1_Wizard1_ddlCarrierAccount {
    margin-top: 0px !important;
}

input#ContentPlaceHolder1_Wizard1_DeviceInfo_btnAdd {
    margin-top: 20px;
}
#ContentPlaceHolder1_Wizard1_txtattnto {
  margin-top: 1px !important;
}
.section-container {
    display: flex;
    flex-direction: column;
    min-height: auto !important;
    background-color: var(--Neutral-BG-Cards);
    border: 1px solid var(--Neutral-Stroke);
    border-radius: 16px;
    padding: 20px;
    justify-content: space-between;
}

/*.add_userpage_form_button_Print {
    border-radius: 0px;
    font-size: 12pt;
    color: #0c1224;
    padding: 10px 0px;
    box-shadow: none;
    border-color: #e9e9e9;
    border: none;
    font-family: 'Inter', sans-serif;
    font-weight: 100 !important;
    text-transform: capitalize;
    width: 270px;
    text-align: left;
    margin: 20px 0px;
}*/

.radio {
    border-radius: 5px;
    padding: 10px;
    border: 1px solid var(--Neutral-Mid-Grey) !important;
    width: fit-content;
}

    .radio label {
        margin-left: 8px;
        margin-right: 11px;
    }

.radiotext {
    /*text-wrap:nowrap;*/
}

/*#content .data-grid th, #content .data-grid .th {
    color: white;
    padding: 10px 8px 7px 8px;
    margin: 0 8px 0 0;
    font-weight: bold;
    border-collapse: collapse;
    border-right: 1px solid #cccccc;
    text-align: left;
    white-space: normal !important;
    background-color: #1c294a;
    border-color: #333333 !important;
}*/

#content .data-grid tr td {
    border-bottom: 1px solid var(--Neutral-Mid-Grey);
    color: var(--Neutral-Solid);
    font-size: 12px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    background-color: var(--Neutral-BG-Cards);
}


#content .data-grid td {
    padding: 5px 8px !important;
    vertical-align: top;
    font-weight: normal;
    border-right: 1px solid var(--Neutral-Mid-Grey);
    border-left: 1px solid var(--Neutral-Mid-Grey);
    border-top: 1px solid var(--Neutral-Mid-Grey);
}

[data-bs-theme="light"] .accordionHeader {
    background-image: url('../img/plus.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: var(--Neutral-Solid);
}
[data-bs-theme="dark"] .accordionHeader {
    background-image: url('../img/plus-dark.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: var(--Neutral-Solid);
}

[data-bs-theme="light"] .accordionHeaderSelected {
    background-image: url('../img/minus.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: var(--Neutral-Solid)!important;
}
[data-bs-theme="dark"] .accordionHeaderSelected {
    background-image: url('../img/minus-dark.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: var(--Neutral-Solid)!important;
}

.PRINT_ICON {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    position: relative;
    margin: 3px 10px -5px 10px;
}

table#ContentPlaceHolder1_wzUpgradeDevice_Accessory_AccCallbackPanel_LPV {
    width: 100px;
}
/* ===== GLOBAL CSS END ===== */
.report_section {
    border: 1px solid var(--Neutral-Stroke);
    border-radius: 16px;
    padding: 20px;
}

.ltralert {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Inter', sans-serif;
    margin-top: 10px;
    color: var(--error-msg) !important;
}

.viewdevice {
    font-size: 14px;
}

input#ContentPlaceHolder1_wzUpgradeDevice_StartNavigationTemplateContainerID_StartNextButton {
    display: none;
}

input#ContentPlaceHolder1_wzUpgradeDevice_FinishNavigationTemplateContainerID_FinishPreviousImageButton {
    display: none;
}

input#ContentPlaceHolder1_wzUpgradeDevice_FinishNavigationTemplateContainerID_FinishImageButton {
    display: none;
}

input#ContentPlaceHolder1_Wizard1_StartNavigationTemplateContainerID_StartNextImageButton {
    display: none;
}

input#ContentPlaceHolder1_Wizard1_FinishNavigationTemplateContainerID_btnfinishPrevious {
    display: none;
}

input#ContentPlaceHolder1_Wizard1_FinishNavigationTemplateContainerID_btnFinish {
    display: none;
}

input#ContentPlaceHolder1_Wizard1_FinishNavigationTemplateContainerID_FinishPreviousImageButton {
    display: none;
}

input#ContentPlaceHolder1_Wizard1_FinishNavigationTemplateContainerID_FinishImageButton {
    display: none;
}

#wizHeader li a {
    pointer-events: none !important;
}

span.dxEditors_edtRadioButtonChecked {
    background-image: url('../img/Vector.png');
    background-color: var(--Radio-button-border)!important;
    background-position: center;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}

span.dxEditors_edtRadioButtonUnchecked {
   border:1px solid var(--Neutral-Mid-Grey) !important;
    background-position: center;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
/* radio button FF -bottom line issue */
span.dxeIRadioButton input {

  border-bottom: 0px !important;

}
 
.dxeIRBFocused {
outline:none;
}


.tooltip-inner {
    max-width: 500px; /* Set the max width of the tooltip */
    padding: 15px; /* Increase padding for more space */
    color: var(--Neutral-Solid-Light) !important;
    background: var(--tooltip-bg) !important;
    font-size: 14px;
    padding: 16px;
    border: 1px solid var(--Neutral-Stroke);
    /*backdrop-filter: blur(12px);*/
    font-family: 'Inter', sans-serif !important;
    text-align: left !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow,
.tooltip.bs-tooltip-bottom .tooltip-arrow,
.tooltip.bs-tooltip-left .tooltip-arrow,
.tooltip.bs-tooltip-right .tooltip-arrow {
    display: none; /* Optionally hide the arrow if not needed */
}

/* Optional: You can also set a minimum width if you want a fixed minimum size */
.tooltip-inner {
    min-width: 300px;
}


/*label { fahed due to disturb 19-3
    padding-left: 5px;
}*/

/*.d-flex { fahed due to disturb 19-3
    justify-content: flex-start;
}*/

.btn-primary-login {
    top: 0px;
    right: 0px;
    height: 40px;
    width: 20%;
    background-color:  var(--Primary-active-button) !important;
    border-radius: 10px;
    border: 2px solid white;
    padding: 6px;
    font-size: 16px;
    color: var(--Neutral-White);
}

.btn-primary {
    position: absolute !important;
    top: 0px;
    right: 0px;
    height: 40px;
    width: 20%;
    background-color: var(--Primary-active-button) !important;
    border-radius: 10px;
    border: 2px solid white;
    padding: 6px;
    font-size: 16px;
    color: var(--Neutral-White);
}

#ucDeviceLookUp_txtSearch {
    box-shadow: none;
    background: transparent;
    border-bottom: none !important;
}


#ucDeviceLookUp_drpCriteria {
    border: none;
}

.imgBtnCriteriValue {
    float: right !important;
    display: inline-block !important;
}

.txtimg {
    vertical-align: baseline !important;
}

.dropdown.phndrpdwn {
  /*   width: auto !important;*/
    width: fit-content;
}

.lblmodalvalue {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light) !important;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Inter', sans-serif;
    margin-top: 10px;
}

.dxpcLite, .dxdpLite {
    border-spacing: 0;
    color: black;
    background-color:var(--Neutral-BG-Cards)!important;
    padding: 6px 6px 6px 6px;
    border-radius: 16px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
    height: auto !important;
}

 

    .dxpcLite .dxpc-mainDiv, .dxpcLite.dxpc-mainDiv, .dxdpLite .dxpc-mainDiv, .dxdpLite.dxpc-mainDiv {
        border: none !important;
        box-shadow: none;
    }

.dxpc-headerContent {
    line-height: 22.4px !important;
    padding: 1px 0 !important;
    white-space: nowrap !important;
    float: left !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.02em !important;
    font-family: 'Inter', sans-serif !important;
    color:var(--Neutral-Solid)!important;
    margin-left: 6px !important;
}

.col-4,
.col-3,
.col-5 {
    display: flex;
    flex-direction: column;
}

.card {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.border-right {
    border-right: 1px solid var(--Neutral-Mid-Grey);
    margin-bottom: 15px;
}

#quick-actions-list li a {
    text-decoration: none !important;
}

.list-group-flush > .list-group-item:last-child {
    border-bottom-width: thin !important;
}

.modalBackground {
    background-color: #1a1a1a;
    opacity: 0.9;
}

.dashsectitle {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light);
    flex: none;
    order: 1;
    flex-grow: 1;
}

.dashsecvalue li {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    flex: none;
    order: 0;
    flex-grow: 1;
}

    .dashsecvalue li a {
        font-family: 'Inter', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19.2px;
        letter-spacing: -0.02em;
        color: var(--Neutral-Solid);
        flex: none;
        order: 0;
        flex-grow: 1;
        border: 1px solid var(--Neutral-Stroke-Light);
    }

span.alert-time {
    float: right;
    color: var(--Neutral-Solid-Light);
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 19.2px;
    letter-spacing: -0.02em;
}

.Noscount {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 105%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    flex: none;
    order: 0;
    flex-grow: 0;
}

    .Noscount:hover {
        color: var(--Primary-active-button);
    }

.Nostext {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-left: 5px;
}

.spent {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light);
    flex: none;
    order: 1;
    flex-grow: 0;
}

.card-body-alert {
    /* height: 200px; */
    /* overflow: auto; */
}

a.UPBTN {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-White);
    text-decoration: none;
}
/* MENU CSS*/
a.submenu:hover {
    color: var(--Neutral-menu-hover) !important;
}


a.submenu {
    color: var(--Neutral-menu-text) !important;
    text-decoration: none;
}


a.nav-link.menu {
    opacity: 0.5;
    color: var(--Neutral-menu-text) !important;
    margin: 0px 0px 0px 0px;
}



    a.nav-link.menu:hover {
        opacity: 1;
        color: var(--Neutral-menu-hover) !important;
        border-radius: 6px;
        margin: 0px 0px 0px 0px;
    }

ul.submenu {
    padding-left: 25px;
    list-style-type: none;
}

.menubtn {
    background: none;
    border: none;
    color: var(--Neutral-menu-text);
}

    .menubtn:hover {
        color: var(--Neutral-menu-hover) !important;
    }
/*-- Login Page Start -- */
.body-BG {
    background-color: var(--footer-bottom-button);
}

.LoginInnerSection {
    width: 100%;
}

/*.LoginInnerSection label {
        color: #bfbfbf;
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: normal;
    }*/

.customer_Service {
    background-color: #1c2f60;
    padding: 25px 25px 12px;
    border-radius: 16px;
}

    .customer_Service h4 {
        color: var(--Neutral-White);
        font-size: 25px;
        font-family: 'Inter', sans-serif;
        margin: 0 0 5px 0;
    }

@media(min-width:320px) {
    .customer_Service .pull-left {
        width: 100%;
        padding: 0px 20px;
        margin: auto;
        margin-bottom: 58px;
    }

    .customer_Service .pull-right {
        width: 100%;
        color: var(--Neutral-White);
        text-align: center;
        margin-bottom: 25px;
    }

        .customer_Service .pull-right span {
            color: var(--Neutral-White);
            font-size: 16px;
        }

            .customer_Service .pull-right span a {
                color: var(--Neutral-White);
                font-size: 16px;
            }

    .LoginInnerSection .btn-ma {
        background-color: var(--Primary-active-button);
        border: none;
        border-radius: 5px;
        padding: 10px 0px 10px 48px;
        color: var(--Neutral-White);
        font-size: 16px;
        font-family: 'Inter', sans-serif;
        letter-spacing: 1px;
        width: 100%;
        text-align: left;
    }

    /*.LoginInnerSection h3 {
        font-family: 'Inter', sans-serif;
        font-size: 26px;
        margin: 15px 0 20px 0;
        padding: 0px;
    }*/
}

@media(min-width:768px) {
    .customer_Service .pull-left {
        width: 20%;
        padding: 0px 0px;
        margin: auto;
        text-align: center;
        margin-bottom: 58px;
    }

    .customer_Service .pull-right {
        width: 80%;
        color: var(--Neutral-White);
        text-align: left;
        margin-bottom: 25px;
    }

        .customer_Service .pull-right span {
            color: var(--Neutral-White);
            font-size: 16px;
        }

            .customer_Service .pull-right span a {
                color: var(--Neutral-White);
                font-size: 16px;
            }
}

.customer_Service .pull-left {
    width: 20%;
    padding: 0px 20px;
    margin: auto;
    text-align: center;
    margin-bottom: 58px;
}

.customer_Service .pull-right {
    width: 80%;
    color: var(--Neutral-White);
    text-align: left;
    margin-bottom: 25px;
}

    .customer_Service .pull-right span {
        color: var(--Neutral-White);
        font-size: 18px;
    }

        .customer_Service .pull-right span a {
            color: var(--Neutral-White);
            font-size: 18px;
        }

.LoginInnerSection .btn {
    width: 170px;
    background-color: var(--Primary-active-button);
    border: none;
    border-radius: 5px;
    padding: 10px;
    color: var(--Neutral-White);
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    letter-spacing: 1px;
    text-align: center;
}

.LoginInnerSection .logo {
    /*width: 18% !important;*/
    /*height: 150px;*/
}

@media(min-width:1920px) {
    /*.LoginInnerSection .logo {
                width: 34% !important;
            }*/

    /*.LoginInnerSection h3 {
        color: #ffffff;
        font-family: 'Inter', sans-serif;
        font-size: 28px;
        margin: 15px 0 50px 0;
        padding: 0px;
    }*/
}

img.icon24 {
    width: 32px;
    height: 32px;
}

.pull-left {
    background-color: var(--Grid-background-color);
    padding: 8px;
    font-size: 13px;
    color: var(--Neutral-White) !important;
    width: 100%;
    display: inline-flex;
    margin-bottom: 20px;
}



.contactUs_sec_textColor {
    color: var(--Neutral-Solid);
    padding-left: 5px;
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    word-break: break-word;
}

.LoginInnerSection .btn-ma {
    width: 190px;
}

.txtCss {
    border: none;
    border-color: var(--Primary-active-button);
}

.login_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.loginText {
    display: block;
    text-align: center;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-button {
    background-color: var(--Primary-active-button);
    padding: 11px 20px 11px 20px;
    border-radius: 8px;
    border: none;
    color: var(--Neutral-White) !important;
    cursor: pointer;
    margin: 10px 0px;
    height: 41px !important;
    font-size: 16px;
    line-height: 19.2px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
}


.form-switch .form-check-input {
    background-image: url('../img/btn-sun1.png'), url('../img/bg012.png');
    background-color: var( --Active-Transparency-Main-Blue-Bright-15);
    width: 70px;
    height: 40px;
    border: none;
}

    .form-switch .form-check-input:checked {
        background-image: url('../img/bg012.png'), url('../img/btn-moon1.png');
        background-color: var( --Active-Transparency-Main-Blue-Bright-15);
        border-color: var( --Active-Transparency-Main-Blue-Bright-15);
        width: 70px;
        height: 40px;
        border: none;
    }

    .form-switch .form-check-input:focus {
        border-color:var( --Active-Transparency-Main-Blue-Bright-15);
        box-shadow: none;
        border: none;
    }

    .form-switch .form-check-input:active {
        border: 0px;
    }



.underline-inputs {
    border: none;
    outline: none;
    padding: 0px;
    background-color: transparent;
}

.underline-input {
    border: none;
    outline: none;
    padding: 0px;
}

.pop-border {
    border: none;
}

input[type="password"] {
    background-color: transparent !important;
    color: var(--Neutral-Solid);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    border: none;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    border-radius: 0px;
    box-shadow: none;
    padding: 0 10px;
    border-color: none;
    font-weight: normal;
}

input#name {
    padding-left: 1px;
    padding-right: 20px;
}

input[type="text"]:focus {
    box-shadow: none;
    background: transparent;
}

input[type="password"]:focus {
    box-shadow: none;
    background: transparent;
}

.underline-inputs {
    border: none;
    outline: none;
    padding: 0px;
    background-color: var(--Neutral-BG-I);
    border-bottom: none;
}

/*not in used 04-04-25*/
/*#tblForgotPassword {
    color: #fff;
}*/


/*not in used 04-04-25*/
/*.forgotpassword {
    color: #bfbfbf;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}*/

.customer_Service_Login {
    background-color: #1c2f60;
    padding: 25px 25px 12px;
    border-radius: 16px;
}

.LoginPadding {
    padding-left: 25px;
    padding-right: 25px;
}

.SSODiv {
    border-top: 1px solid var(--Neutral-Mid-Grey);
    padding-top: 20px;
    margin-top: 25px;
}

.rfvUserNameCSS {
    color:var(--Neutral-White) !important;
}

.btnLoginMargin {
    margin-top: 10px;
}

.btnMicrosoftAzuretext {
    padding-left: 50px !important;
    background-color:var(--Primary-active-button);
    float: right;
    padding: 11px 20px 11px 20px;
    border-radius: 8px;
    border: none;
    color: var(--Neutral-White) !important;
    cursor: pointer;
    margin: 0px 0px;
    height: 41px !important;
    font-size: 16px;
    line-height: 18px;
}


.btnMicrosoftAzureCSS {
    position: absolute;
    margin: 10px 20px 0px 15px;
    padding-top: 10px !important;
}

.AlignVerticalTop {
    vertical-align: top;
}

.txtFailureCss {
    padding: 8px;
    line-height: 22px;
    color: var(--error-msg);
}

.FPCss {
    margin-right: 41px;
}

.rfvLoginClass {
    color: var(--error-msg) !important;
}

.form-switch-contner {
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--Neutral-Solid);
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    width: fit-content;
    border-radius: 0 15px 15px 0;
    padding: 5px 10px;
}
/*-- Login Page End -- */
/*-- Forgot password Page End -- */
img#imgSandboxLogin {
    float: right;
}

.MT5 {
    margin-top: 10px !important;
}
 /*not in used*/
/*.LoginInnerSection h4 {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    margin: 0 0 0px 0;
    line-height: 25px;
    font-weight: 500;
    color: #ffffff !important;
    text-align: left;
}

.LoginInnerSection h5 {
    color: #ffffff;
    margin: 10px;
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-size: 14px;
    line-height: 19px;
}*/

.heightcard {
    height: 245px !important;
    /*overflow-y: auto;*/
}

.qac1 {
    min-height: 256px !important;
}
/*-- Forgot password Page End -- */

/*--saurabh added -- */

.dxrpControl .dxrpcontent {
    background-image: none;
    background-color: var(--Neutral-White) !important;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.curved-border-grid .dxgvHeader, .curved-border-grid .dxgvHeader td {
    background-color: var(--Grid-background-color) !important;
    color: var(--Neutral-White) !important;
    padding: 3px;
    overflow: hidden !important;
    text-transform: uppercase !important;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 0.02em;
}


.curved-border-grid {
    border-radius: 0px; /*Previously border radius was 16 but due to feedback we have made it 0 for now - fahed 21feb25 */
    border: 1px solid var(--Neutral-Stroke-Light);
    overflow: hidden;
}

.flip {
    width: 100%;
    background-color:var(--Neutral-BG-I);
    border: var(--Neutral-Solid);
    margin-top: -5px !important;
    border-top: 5px solid var(--Neutral-Solid);
    padding-top: 5px;
    outline: none;
    padding-bottom: 7px;
    font-size: 11pt;
    color: var(--Neutral-Solid) !important;
    border-radius: 0 0 16px 16px;
    font-family: 'Inter', sans-serif;
}

.back-arrow {
    background-color: var(--Neutral-BG-I) !important;
    color: var(--Cancel-button-text) !important;
    border: 1px solid var(--Cancel-button-border) !important;
    cursor: pointer;
    padding: 11px 20px 11px 20px;
    border-radius: 8px;
    height: 41px !important;
    font-size: 16px;
    line-height: 19.2px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
    float: right;
}

.custom-radiobuttonlist {
    display: flex;
    gap: 10px; /* Space between buttons */
}

    .custom-radiobuttonlist input[type="radio"] {
        display: none; /* Hide the default radio buttons */
    }

    .custom-radiobuttonlist label {
        display: inline-block;
        padding: 10px 20px;
        border: 1px solid var(--Neutral-Stroke-Light) !important; 
        cursor: pointer;
        transition: all 0.3s ease;
        text-align: center;
        min-width: 120px; /* Set button width */
        border-radius: 8px;
        margin-right: 25px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .custom-radiobuttonlist input[type="radio"]:checked + label {
        line-height: 20px;
        /*text-align: center;*/
        border: 1px solid var(--Radio-button-border);
        display: inline-block;
    }

.arrow-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid var(--Neutral-Solid);
    margin-bottom: -6px !important;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--Neutral-Solid);
    margin-top: -5px !important;
}

.arrow-icon {
    display: block;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}

.flip2 {
    width: 100%;
    background-color: var(--Neutral-BG-I);
    border: var(--Neutral-Solid);
    margin-top: -2px !important;
    border-top: 4px solid var(--Neutral-Solid);
    outline: none;
    font-family: 'Inter', sans-serif;
}

.arrow {
    border: solid var(--Neutral-Solid);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    margin: 6px 0px;
}

.left {
    -webkit-transform: rotate(135deg);
}

.mydevicecolumn {
    padding-bottom: 0px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.mydevicerowa {
    display: flex;
    flex-direction: row;
}

.mydevicerowb {
    display: flex;
    flex-direction: row;
}

@media (max-width: 576px) {
    .qac1 {
        height: auto !important;
    }
}

.qac {
    height: 256px !important;
   /*  overflow-y: auto;*/
    line-height: 19.2px;
}

/* new added by saurabh for conatact us page */

/*.suppor_sec_icon_Blue {
    float: left;
    background-image: url('../img/que_icon_blue.png') !important;
    background-repeat: no-repeat;
    position: relative;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 5px;
}*/

.suppor_sec_icon_Red {
    float: left;
    background-image: url('../img/que_icon_red.png') !important;
    background-repeat: no-repeat;
    position: relative;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 5px;
}


#ContentPlaceHolder1_SuccessMsg {
    color: var(--error-msg);
    font-size: 13px;
    margin-top: 7px;
    padding-left: 31px;
}

.contactUs_sec_textColor {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: -0.02em;
    /*color: #152550;*/
    flex: none;
    align-self: stretch;
    flex-grow: 1;
    text-transform: none;
    padding: 0px;
}

#text-info-filed span {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-family: 'Inter', sans-serif;
    color: var(--Neutral-Solid-Light);
}

.thanks-border {
    border-bottom: 1px solid var(--Neutral-Mid-Grey);
    padding-bottom: 10px;
}

.valdiation-mandatory {
    color: var(--error-msg) !important;
    font-size: 10px;
    font-family: 'Inter', sans-serif;
}
/* REPORT PAGE CSS START*/
.generate-button {
    background: var(--Primary-active-button) !important;
    color: var(--Neutral-White) !important;
    border-radius: 8px;
    padding: 11px 20px 11px 20px;
    /*width: 50px !important;*/
    height: 41px;
    font-size: 16px;
    border: none;
    float: right;
    position: relative;
    top: 10px;
    line-height: 19.2px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 10px 5px;
}

.dxeTextBox {
    background-color: transparent !important;
    border: none !important;
}

.dxrpAW {
    overflow-y: clip;
}

.dxrpControl td.dxrpHeader {
    background-color: var(--Neutral-White)!important;
}

.reports-btn {
    margin: 10px 10px;
    align-self: flex-end;
}

.grdi-action-btn {
    display: flex;
    justify-content: flex-end;
}

#ContentPlaceHolder1_ASPxRoundPanel1_HC {
    border: 0px;
    border-bottom-color: var(--Neutral-Stroke);
    border-bottom-style: none;
    border-bottom-width: 0px;
    background: none;
    display: none;
}

#ContentPlaceHolder1_ASPxRoundPanel1_RPC {
    border: 0px;
}

.dxrpControl > tbody > tr > .dxrpcontent {
    background-image: none;
    background-color: var(--Neutral-BG-Cards) !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 15px;
    border: 1px solid var(--Neutral-Stroke) !important;
}

.MainTableHomeBox {
    padding-top: 15px;
    margin: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
}

.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
    color: var(--Neutral-Solid) !important;
    background-color:var( --Neutral-BG-Cards)!important;
    border-bottom: none !important;
    padding: 0px !important;
    background-image: none !important;
    border-radius: 16px;
}

.dxgvFilterRow {
    background-color: var(--Neutral-BG-I) !important
}



/*-------pagiation-------*/




.dxp-pageSizeItem label {
    white-space: nowrap;
    padding: 3px 4px 2px;
    color: var(--Neutral-Solid-Light);
    font-size: 14px;
    font-family: 'Inter', sans-serif;
}


.dxpLite .dxp-comboBox {
    display: block;
    float: left;
    background-color: transparent !important;
    border: none !important;
    padding: 1px;
    margin: -2px 0px;
    color: var(--Neutral-Solid);
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;

}

.dxpLite .dxp-dropDownButton {
    padding: 1px 3px 0px;
    border: none !important;
    background: url('img/down_arrow.png') !important;
}

.dxpLite .dxp-current {
   color: var(--Neutral-White) !important;
    text-decoration: none;
    /*padding: 2px 8px !important;*/
    line-height: 14px;
    font-weight: 500;
    margin-left: 10px;
    border-radius: 50px;
    text-align: center;
    background: var(--Primary-active-button);
    font-size: 14px;
    width: 30px !important;
    height: 30px !important;
    font-family: 'Inter', sans-serif !important;
    display: inline-block;
    font-family: 'Inter', sans-serif !important;
}




.dxgvPagerTopPanel, .dxgvPagerBottomPanel {
    /*text-align: center;*/
    /*position: relative;*/
}

.dxpLite .dxp-summary {
    /*position: absolute;*/
    /*left: 0;*/
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    color: var(--Neutral-Solid-Light) !important;
    line-height: 30px;
}

.dxp-right {
    float: right !important;
    /*position: absolute;*/
    /*right: 0;*/
    white-space: nowrap;
    padding: 3px 4px 2px !important;
    color: var(--Neutral-Solid-Light);
    font-size: 14px;
    font-family: 'Inter', sans-serif !important;
}

.dxpLite {
    /*width: fit-content !important;*/
    /*margin: auto !important;
    text-align: center !important;
    min-width: 380px !important;*/
}

    .dxpLite .dxp-num {
         color: var(--Neutral-Solid-Light);
        text-decoration: none;
        vertical-align: middle;
        line-height: 28px;
        margin-top: 4px;
        font-size: 14px !important;
        font-family: 'Inter', sans-serif !important;
    }


    .dxpLite .dxp-ellip {
        white-space: nowrap;
        padding: 3px 4px 2px;
        margin-top: 10px !important;
        color: var(--Neutral-Solid-Light);
    }

/*.back-arrow:hover {
    border: 1px solid #A8D5F0;
}*/

.dxgvFilterRow .dxgv {
    height: 20px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: left 5px center;
    box-shadow: none;
    -webkit-appearance: none;
}
.dxgvFilterRow .dxgvCommandColumn { /*if custom button or cummand colm is there then remove img*/
    background-image: none !important;
}

    .dxgvFilterRow .dxgv input {
        padding: 2px 0px 3px 22px !important;
        border-bottom: 0px !important;
        font-size: 12px !important;
        font-family: 'Inter', sans-serif;
        font-weight: 500;
    }
/* REPORT PAGE CSS END*/
/* #region user impersonation screen*/
/* #region Devexpress Button */
.dvex-btn {
    background: var(--Primary-active-button) !important;
    padding: 11px 20px 11px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    color: var(--Neutral-White) !important;
    cursor: pointer !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-family: 'Inter', sans-serif !important;
}

.dvex-btnsbmtpop {
    background: var(--Primary-active-button) !important;
    border-radius: 8px !important;
    align-items: center !important;
    padding: 11px 20px !important;
    width: 77px !important;
    height: 41px !important;
    color: var(--Neutral-White) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
}

.dvex-btnCnclpop {
    width: 92px !important;
    height: 41px !important;
    align-items: center !important;
    padding: 11px 20px !important;
    background: var(--Neutral-BG-I) !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    color: var(--Cancel-button-text) !important;
    border: 1px solid var(--Cancel-button-border) !important;
}

.dvex-btnbacktop {
    width: 80px !important;
    height: 35px !important;
    align-items: center !important;
    padding: 5px 6px !important;
    background: transparent !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 8px !important;
    font-size: 16px !important;
}
/* #endregion Devexpress Button */
/* #region Devexpress Text Box */
.dvex-txtbx {
    font-size: 14px !important;
    color: var(--Neutral-Solid) !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    line-height: 30px !important;
    padding: 0 10px !important;
    background-color: transparent !important;
    font-family: 'Inter', sans-serif !important;
}
/*this is use for validation error of txt box*/
.dxeErrorCell.dxeNoBorderTop, .dxeErrorCell.dxeNoBorderBottom {
    padding-right: 0;
    padding-left: 14px !important;
}
/* #endregion Devexpress Text Box */
/* #region Devexpress grid CustomButtons */
.cstmgrdbtn {
    padding: 5px 5px !important;
    background-color: transparent !important;
    /*background-image: none !important;*/
    border: none !important;
}
/* #endregion Devexpress grid CustomButtons*/
/* #region Devexpress grid font */
.dxgvControl, .dxgvDisabled {
    border: 1px var(--Neutral-Mid-Grey) !important;
    font: 14px Inter, sans-serif !important;
    background-color: transparent !important;
    color: Black;
    cursor: default;
}

.dxeBase {
    font: 14px Inter, sans-serif !important;
}

.dxpLite {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-style: normal;
}

.dxeHyperlink {
    color: var(--Primary-active-button) !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-size: 12px !important;
    letter-spacing: -0.02em;
}
/* #endregion Devexpress grid font */
/*#endregion*/
/* Authentication pages */
#dvSuccessMessageph {
    text-align: left;
}

#dvSuccessMessageemail {
    text-align: left;
}

#counterTxt {
    text-align: left;
}

.form-group1 .trustchkbox {
    text-align: left;
    margin-top: 40px !important;
}

input#txtVerifyTextOtp {
    background-color: transparent !important;
    color: var(--Neutral-Stroke);
}

/* End Authentication Pages */

/* #region Devexpress gridview GridViewDataComboBoxColumn */
.dxeButtonEdit {
    background-color: transparent !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    border: none !important;
}

.dxeListBoxItem {
    color: var(--Neutral-Solid);
    font-size: 14px;
    border: none !important;
    font-weight: 500;
    padding: 0px;
    padding-left: 10px !important;
    line-height: 30px;
    font-family: 'Inter', sans-serif;
}

.dxeListBox {
    border: none;
    border-radius: 8px;
    background: var(--Neutral-BG-Cards);
}

.dxeListBoxItemHover {
    background-color: var(--Neutral-BG-I) !important;
    color: var(--Neutral-Solid) !important;
}

.GrdDtCmbClm {
    border: none !important;
}

.dxeListBoxItemSelected {
    background-color: transparent;
    color: var(--Neutral-Solid) !important;
}
/* #endregion Devexpress gridview GridViewDataComboBoxColumn */
/* #region Devexpress Combobox  */
.dxeButtonEditSys .dxeButton, .dxeButtonEditSys .dxeButtonLeft {
    background-color: transparent !important;
    border: none !important;
    background: no-repeat;
}

.dxeButtonEdit td.dxic {
    border: none !important;
}

.custom-combobox .dxic {
    all: unset !important;
    color: var(--Neutral-Solid)!important;
    font-size: 14px !important;
    border-bottom: 1px solid #dee3eb !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: unset !important;
    font-weight: 500 !important;
    padding: 0px !important;
    padding-left: 10px !important;
    line-height: 30px !important;
}

.dxpcDropDown .dxpc-mainDiv {
    border-radius: 10px !important;
}

.dxeEditArea {
    background-color: transparent !important;
}

.dxeButtonEditButton img {
    /*vertical-align: -webkit-baseline-middle;*/
    margin-top: 0px;
}

td#UniversalSearch_ASPxComboBox1_B0 {
    background:var(--text-link) !important;
    color: var(--Neutral-White);
    border-radius: 8px;
    padding: 11px 20px 11px 20px;
    width: 92px;
    height: 41px;
    font-size: 16px;
}

table#UniversalSearch_ASPxComboBox1 {
    border: 1px solid var(--Neutral-Stroke)!important;
}
/* #endregion Devexpress Combobox  */
/* #region UpdateProgress loaded */
._UpdateProgressloader {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    overflow: hidden;
    text-align: center;
    left: 0;
    padding-top: 20%;
}
/* #endregion UpdateProgress loaded */
/* #region Send Notification Screen*/
.btnMargin {
    margin-right: 14px;
}


.lblMargin-Right {
    margin-right: 5px;
    margin-top: 15px;
}

.TDControls {
    margin-top: 10px;
}

.ConboboxWidth {
    width: 50%;
}

.PopUpControlCss {
    width: 200px;
    height: 150px;
}

.btnLeftPosition {
    float: left;
}

.lblFloatRight {
    text-align: right;
    padding: 0px;
}

.lblMsgCSS {
    float: right;
    margin-top: 3px;
}

.PopUpLabel {
    float: right;
    margin-right: 5px;
}


.CSSHtmlEditor {
    border-radius: 8px !important;
    background-color: var(--Grid-background-color);
}

table#PopupControl_ctl14_ddProfiles {
    margin-left: 125px;
    margin-top: -24px;
}


/* #endregion Send Notification Screen */

/* #region Schedule Notification Screen*/

table#chkDaily {
    width: 426px;
}


.lblFloatRight {
    text-align: right;
    padding: 0px;
}

#month-calender-day {
    width: 25%;
    display: flex !important;
    float: left;
}


.CustomSectionNotification {
    width: 75%;
    display: inline-block;
    float: left;
    height: 55px;
}

#week-day {
    margin-top: 2px;
    position: absolute;
    margin-top: 5px;
    right: 4px;
}


.CustomSectionNotification2 {
    display: flex;
    width: 50%;
    margin-left: 50px;
}



#chkWeekday td {
    padding-right: 5px;
}

    #chkWeekday td label {
        vertical-align: top;
        font-family: 'Inter', sans-serif;
    }

#chkWeekly tr td .dxichTextCellSys {
    /*  background-color: #ff0;
            width: 36px;
            text-align: left;*/
}

#chkWeekly td {
    padding: 0px;
    margin: 0px;
    width: 50px;
}

    #chkWeekly td label {
        vertical-align: top;
    }

#speWeeks {
    margin-top: -19px;
    margin-left: 262px;
}

#chkDaily td {
    width: 50px;
}


table#chkMonths tr td {
    width: 17.5%;
}

    table#chkMonths tr td label {
        vertical-align: top;
    }

#frequency .lblmodalvalue tr td {
    width: 20%;
}



#rblWeekDateOption tr {
    height: 58px;
    vertical-align: top;
}

#rblSendEmails tr {
    height: 20px;
}

#divMonthly {
    background-color: var(--Neutral-White);
    border-radius: 8px;
    padding: 10px;
}

table#txtCalenderDays {
    margin-left: 55px;
}

table#cmbWeeks {
    margin-left: 40px;
}

div#divWeekly {
    border-radius: 8px;
    background-color: var(--Neutral-White);
    padding: 10px;
    margin-top: 10px;
}

div#divDaily {
    background-color:var(--Neutral-White);
    border-radius: 8px;
    padding: 0px 14px 0px 11px;
}

table#chkWeekly {
    margin-left: -4px;
    margin-top: 6px;
    width: 441px;
}

table#chkWeekday {
    margin-left: 11px;
    margin-top: 7px;
}

table#chkMonths {
    margin-left: -23px;
    margin-top: 0px;
}

.lblheading {
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

input.dxeEditArea {
    color: var(--Neutral-Solid) !important;
    line-height: 22.4px !important;
    font-size: 14px !important;
}

#rblDaily {
    margin-bottom: 10px;
}

    #rblDaily > tbody > tr {
        margin-bottom: 10px;
        height: 33px;
    }

/* #endregion Send Notification Screen */



/* #region  Notification Grid Management Screen*/
img#ContentPlaceHolder1_NotificationsManagement_btnRfreshImg {
    margin-bottom: 10px;
}

img#ContentPlaceHolder1_NotificationsManagement_imbExportExcelImg {
    margin-bottom: 15px;
}

.link-button-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../V1/img/email.png');
    background-size: cover;
    text-indent: -9999px;
    margin-top: 4px;
    margin-left: 17px;
}
 [data-bs-theme="light"] .link-button-icon2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../V1/img/close.png');
    background-size: cover;
    text-indent: -9999px;
    margin-top: 4px;
    margin-left: 2px;
}
    [data-bs-theme="dark"] .link-button-icon2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../V1/img/close-dark.png');
    background-size: cover;
    text-indent: -9999px;
    margin-top: 4px;
    margin-left: 2px;
}
 [data-bs-theme="light"] .link-button-icon1 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../V1/img/editnew.png');
    background-size: cover;
    text-indent: -9999px;
    margin-top: 4px;
    margin-left: 7px;
    }
[data-bs-theme="dark"] .link-button-icon1 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../V1/img/editnew-dark.png');
    background-size: cover;
    text-indent: -9999px;
    margin-top: 4px;
    margin-left: 7px;
    }
.NotificationPopUpCSS Iframe {
    min-height: 80vh !important;
    min-width: 60vw !important;
    height: 100% !important;
    /*height:70%;
        width:80%;*/
}


.SchedulePopUp Iframe {
    min-height: 70vh !important; /* 70% of viewport height */
    min-width: 800px !important; /* 70% of viewport width */
    height: 100% !important;
}

/* #endregion Notification Grid Management Screen */



.dxflElConSys > div {
    display: block !important;
}

.btnInpersonate {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dxflCaption {
    height: 20px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--Neutral-Solid-Light);
    flex: none;
    order: 0;
    align-self: stretch;
    margin-top: 10px;
}

.dxeEditArea .dxeEditAreaSys {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 1;
    text-transform: none;
}

.dxflGroupCell {
    /*display: block !important;*/
}
/* #region ASP check box and radio */
input[type="radio"] {
    opacity: 0;
    position: absolute;
}

    input[type="radio"] + label {
        cursor: pointer;
        font-weight: normal;
        border: 1px solid var(--radio-border-unchecked);
        border-radius: 8px;
        padding: 7px;
        margin-right: 10px;
        margin-top: 5px;
        padding-right: 20px;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        color: var(--Neutral-Solid);
        display: flex;
        width:fit-content;
    }

.label-radio {
    padding: 0px 5px;
    display: contents;
}

input[type="checkbox"]:checked + label::before{
    line-height: 20px;
    text-align: center;
    background:var(--Radio-button-border) !important;
    border: 1px solid var(--Radio-button-border) !important;
    display: inline-block;
    background-image: url('../img/Vector.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.RightLabel input[type="checkbox"] + label::before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    float: left;
    border-radius: 5px !important;
    border: 1px solid var(--radio-border-unchecked) !important;
    flex-shrink: 0;

}

input[type="checkbox"] + label {
    line-height: 20px;
    display: flex;
    margin-right: 10px;
}
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50% !important;
    border: 1px solid var(--radio-border-unchecked) !important;
    background: transparent !important;
    flex-shrink:0;  
    
}
input[type="checkbox" i]:disabled{
    width: 20px;
    height: 20px;
    vertical-align: middle;
     margin-right: 10px;
}
input[type="checkbox" i]:disabled + label{
    display:inline-block;
    line-height:20px;
    color: var(--Neutral-Solid-Light);
    font-size: 12px;
    text-transform: uppercase;
}
input[type="radio"]:checked + label::before {
    line-height: 20px;
    text-align: center;
    background: var(--Radio-button-border) !important;
    border: 1px solid var(--Radio-button-border) !important;
    display: inline-block;
    background-image: url('../img/Vector.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.RightLabel input {
    display: none;
}
/*#endregion of ASP checkbox*/
/*#region DevExpress CheckBox */
.dxWeb_edtCheckBoxChecked {
    line-height: 20px !important;
    background: var(--Radio-button-border) !important;
    border: 1px solid var(--Neutral-Stroke) !important;
    display: inline-block !important;
    background-image: url('../img/Vector.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 5px !important;
    margin-right: 10px !important;
}

.dxWeb_edtCheckBoxUnchecked {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
    border-radius: 5px !important;
    border: 1px solid var(--radio-border-unchecked) !important;
    background: transparent !important;
}

*[class*="dxeBase"] label {
    line-height: normal;
    margin-bottom: 0px;
    display: inline;
    text-transform: uppercase;
    font: 12px Inter, sans-serif !important;
    color: var(--Neutral-Solid-Light);
    font-weight: 500 !important;
    font-style: normal !important;
}
/*#endregion of DevExpress Checkbox */
/* #region Devexpress grid view inline edit popup */
.dxWeb_pcCloseButton {
    content: '';
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    background-image: url('../img/cross_new.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: unset;
    margin: 3px 2px !important;
}
/* #endregion Devexpress grid view inline edit popup */
/* #region Devexpress pivot grid view popup */
.dxPivotGrid_pgCustomizationFormCloseButton {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../img/Close-gray.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: unset;
}
/* #endregion */
/* #region Devexpress DropDownEdit */
.dxeListBox > tbody > tr > td > .dxeListBoxSelectAll {
   padding: 2px 0 4px 3px;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    cursor: default;
    white-space: nowrap;
    background: var(--Neutral-BG-Cards) !important;
    border-top: none !important;
}

.dxeListBoxFilter {
    padding: 6px;
    border-bottom: none !important;
    background-color: var(--Neutral-BG-Cards) !important;
}

.dxpc-ddSys.dxpc-mainDiv {
    border: none !important;
    border-radius: 8px !important;
}

.dxeDropDownWindow {
    background-color: var(--Neutral-BG-Cards) !important;
    border: none !important;
    box-shadow: 0px 4px 12px 0px rgba(34, 39, 52, 0.3) !important;
    border-radius: 8px !important;
    border: 1px solid;
}

.dxeListBox .dxeListBoxFilter .dxeLBFEButtonSys img {
    margin-bottom: 0 !important;
}

.dxpcLite .dxpc-footer{

    border:none !important;
}


.dxeListBox .dxeListBoxFilter .dxeLBShowFilterBtnSys{
     background-color: var(--Neutral-BG-Cards) !important;

}


.dxgvLoadingPanel td.dx {
    white-space: nowrap;
    text-align: center;
    padding: 12px;
    color: var(--Neutral-Solid);
    background-color: var(--Neutral-BG-Cards);
    font-family: 'Inter', sans-serif !important;
}


.dxpgLoadingPanel{

    white-space: nowrap;
    text-align: center;
    padding: 12px;
    color: var(--Neutral-Solid);
    background-color: var(--Neutral-BG-Cards);
    border:none !important;
    font-family: 'Inter', sans-serif !important;
}


.dxlpLoadingPanel, .dxlpLoadingPanelWithContent{

    white-space: nowrap;
    text-align: center;
    padding: 12px;
    color: var(--Neutral-Solid);
    background-color: var(--Neutral-BG-Cards);
    border:none !important;
    font-family: 'Inter', sans-serif !important;
}


.dxpc-contentWrapper{
    background-color: var(--Neutral-BG-Cards) !important;
}
:not(.dxmodalSys) > .dxpc-ddSys > .dxpc-mainDiv:not(.dxdd-sp) > .dxpc-contentWrapper > .dxpc-content, :not(.dxmodalSys) > .dxpc-ddSys > .dxpc-contentWrapper > .dxpc-content {
    /*padding: 10px !important;*/
}

.dxeListBox {
    border: none !important;
    border-radius: 8px;
}

.dxrpCollapsed .dxrpcontent > .dxrpCW, .dxrpAW {
    overflow-y: clip !important;
}

.dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
    width: 100%;
}
/*input#ContentPlaceHolder1_ASPxRoundPanel1_ddEditAccount_I {       do not set properties with id 
    padding-bottom:9px;
}*/
.ddEditAccountMargin {
    margin-top: 5px !important;
}
/* #endregion Devexpress Devexpress DropDownEdit */

/* #region Devexpress DateEdit Control */

.dxeCalendar {
    border: none;
    background-color: var(--Neutral-BG-Cards);
    color:var(--Neutral-Solid);
    font: 14px Tahoma, Geneva, sans-serif;
    cursor: default;
}

.dxeCalendarHeader {
    background-color: transparent !important;
    padding: 4px 7px;
    border: none;
}

.dxeCalendarFooter {
    background-color: transparent !important;
    padding: 8px 0px;
    border-top: 1px solid var(--Neutral-Stroke);
    text-align: center;
}

.dxeCalendarButton {
    all: unset !important;
}

.dxeCalendarWeekend {
    color: var(--error-msg) !important;
}

.dxeCalendarDay.dxeCalendarToday {
    box-shadow: inset 0 0 0 1px var(--Neutral-Stroke);
    background-color: var(--Primary-active-button);
    border: 1px solid var(--Neutral-Mid-Grey) !important;
    color: var(--Neutral-Solid) !important;
}

/* #endregion Devexpress DateEdit Control*/


/* #region Devexpress Tab Control */
.dxtcLite > .dxtc-stripContainer .dxtc-tab a {
    color: var(--Neutral-Solid-Light) !important;
    font-weight: 600;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
    text-transform:uppercase;
}


.dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab a {
    color: var(--Neutral-Solid) !important;
    font-weight: 600;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif !important;
    text-transform:uppercase;
}


.dxtcLite > .dxtc-stripContainer .dxtc-tab {
    border-bottom-width: 0 !important;
    padding-bottom: 1px !important;
    border-top: none !important;
    border: none !important;
    border-bottom: 1px solid var(--Neutral-Stroke) !important;
    background-color: transparent !important;
    font-family: 'Inter', sans-serif !important;
    /*padding: 0px 20px 0px 20px;*/
}

.dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom-width: 0;
    border-top: none;
    border: none;
    border-bottom: 2px solid var(--Neutral-Solid) !important;
    color: var(--Neutral-Solid) !important;
    /* font-size: 14px; */
    font-family: 'Inter', sans-serif !important;
    text-transform: capitalize !important;
    background-color: transparent !important;
    height: auto !important;
    /*padding: 0px 20px 0px 20px;*/
}

.dxtcLite > .dxtc-stripContainer .dxtc-rightIndent {
    border-bottom: 1px solid var(--Neutral-Stroke) !important;
}

.dxtcLite > .dxtc-content {
    border: none !important;
}

.dxtc-leftIndent {
    border-bottom: 1px solid var(--Neutral-Stroke) !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-link {
    color: var(--Neutral-Solid) !important;
}

.dxgvFooter td.dxgv {
    text-wrap: nowrap !important;
    font-size: 12px !important;
    font-family: 'Inter', sans-serif;
     color: var(--Neutral-Solid) !important;
     background: var(--Neutral-BG-Cards) !important;
}

.dxgvDataRow td.dxgv {
    color: var(--Neutral-Solid);
    font-size: 12px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
     background-color: var(--Neutral-BG-Cards);
}

.dxtcLite > .dxtc-content {
    background-color: transparent !important;
}

.curved-border-grid .dxgvHeader td {
    font-size: 10px !important;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: var(--Neutral-White) !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-link {
    padding: 3px 20px 4px 0px;
}


/* #endregion Devexpress Tab Control*/
/*.dxgvTable{ this class is disturb devexpress gridview table layout that's why commented --- fahed 20feb25
    table-layout:auto !important;
}*/
.back-button {
    float: right;
    color: var(--Neutral-Solid);
    cursor: pointer;
    padding: 5px 20px;
    text-align-last: center;
    text-decoration: none;
    border: 1px solid var(--Neutral-Stroke);
    border-radius: 8px;
}


/* call transaction report start changes */
.txtinform {
    font-size: 12px;
    color: var(--Neutral-Solid);
}


#ContentPlaceHolder1_dtstart_DDD_C_BT {
    padding: 10px 20px !important;
    border-radius: 5px !important;
    border: none !important;
    color: var(--Neutral-White) !important;
    cursor: pointer !important;
    margin: 10px 5px !important;
    background-color: var(--Primary-active-button)!important;
}

#ContentPlaceHolder1_dtstart_DDD_C_BC {
    background-color: #var(--Neutral-White) !important;
    color: var(--Neutral-Solid) !important;
    border: 1px solid var(--Neutral-Stroke) !important;
    cursor: pointer !important;
    margin: 10px 0px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
}

#ContentPlaceHolder1_dtEnd_DDD_C_BC {
    background-color: var(--Neutral-White) !important;
    color: var(--Neutral-Solid) !important;
    border: 1px solid var(--Neutral-Stroke) !important;
    cursor: pointer !important;
    margin: 10px 0px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
}

#ContentPlaceHolder1_dtEnd_DDD_C_BT {
    background-color: var(--Primary-active-button) !important;
    color: var(--Neutral-White) !important;
    border: 1px solid var(--Neutral-Stroke) !important;
    cursor: pointer !important;
    margin: 10px 5px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
}

.dxeCalendarButton {
    all: unset !important;
}

/* call transaction report end changes */

.form-control:focus {
    color: var(--Neutral-Solid);
    background-color: var(--Neutral-BG-Cards) !important;
    outline: 0;
    box-shadow: none !important;
    border-bottom: 1px solid var(--Radio-button-border )!important;
}

.bodytext {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.2px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
}

.textmail {
    word-break: break-word;
}

.btnposition {
    margin: 0px !important;
    float: right !important;
    outline: none !important;
}

.cancelbtnposition {
    margin: 0px !important;
    float: left !important;
}

.clsresendotp:hover {
    color: var(--Neutral-Solid) !important;
}

.securitystyle {
    margin-top: 30px !important;
    text-align: left;
}

.anchortag {
    color: var(--text-link) !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.02em;
}

    .anchortag:hover {
        color: var(--text-link) !important;
        text-decoration: underline !important;
    }

a:link {
    text-decoration: none;
}


/*  #region  Devexpress grid content changes*/

Devexpress context grid text .dxgvDataRow td.dxgv {
    color: var(--Neutral-Solid);
    font-size: 12px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
}

devexpress grid header contect text .curved-border-grid .dxgvHeader td {
    font-size: 10px !important;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}
/* #endregion Devexpress grid content changes */



/*  #region  Devexpress Calendar*/
.dxgvFooter {
    background-color: transparent !important;
    font-weight: bold !important;
}


/* #endregion Devexpress Calendar*/


/*Add for Historical Transaction report*/

.dxGridView_gvHeaderFilter.dxgv__hfb img {
    display: none;
}

dxGridView_gvHeaderFilter.dxgv__hfb, dxGridView_gvHeaderFilterActive.dxgv__hfb.dx-vam {
    display: none !important;
}

.dxGridView_gvHeaderFilterActive {
    display: none !important;
}


/*end for Historical Transaction report*/

/*#region start input filed background color*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--Neutral-Solid) !important;
    box-shadow: 0 0 0 1000px var(--Neutral-BG-Cards) inset !important;
}
/*add tooltip for CallMessageBlocking */

.RightLabel {
    width: 26%;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--tooltip-bg);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--tooltip-bg);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--tooltip-bg);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--tooltip-bg);
}

/*.tooltip-inner {
    color: var(--Neutral-Solid-Light);
    background: rgba(255, 255, 255, 1);
    font-size: 14px;
    padding: 16px;
    border: 1px solid var(--Neutral-Stroke) !important;
    backdrop-filter: blur(12px);
}*/


.ttipgraytxt {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid-Light);
}

.tooltip-content {
    text-align: left;
}

.tooltip-arrow {
    cursor: pointer;
    width: 24px;
    height: 24px;
}


.listbx {
    background-color: var(--Neutral-BG-Cards) !important;
    color: var(--Neutral-Solid);
    font-family: 'Inter', sans-serif;
    height: 109px;
     border: 1px solid var(--Neutral-Mid-Grey) !important;
}


.WizardControlButton {
    float: left;
}



/*end tooltip for CallMessageBlocking */
/* #region padding for GridViewCommandColumnCustomButton*/
.icon-padding {
    padding-right: 10px !important;
}
/* #endregion */

/*------DEVICE USAGE---------*/
.DocumentListGd-btn {
    right: 0;
    position: absolute;
    top: 0;
}

.DocumentListGd {
    position: relative;
    display: table;
    min-width: 300px;
    padding-top: 30px;
}
/*------DEVICE USAGE END---------*/
/*---- DEVICE INFO -----*/
.divEmpty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 166px;
}

.drpphonenum {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
}

.rounded-tag-opacity-success {
    background: #6AB5A71A;
    color: var(--sucess-msg);
    padding: 6px 10px 6px 10px;
    border: none;
    border-radius: var(--bs-border-radius-pill) !important;
    cursor: pointer;
    letter-spacing: -0.02em;
}

    .rounded-tag-opacity-success:hover {
        background-color: #6ab5a740;
    }

.rounded-tag-opacity-warning {
    background: #C95D451A;
    color: #C95D45;
    padding: 6px 10px 6px 10px;
    border: none;
    border-radius: var(--bs-border-radius-pill) !important;
    cursor: pointer;
    letter-spacing: -0.02em;
}

    .rounded-tag-opacity-warning:hover {
        background-color: #C95D4540;
    }

    .rounded-tag-opacity-warning:hover {
        background-color: #C95D4540;
    }

.rounded-tag-opacity-inprogress {
    background: #B181C215;
    color: #B181C2;
    padding: 6px 10px 6px 10px;
    border: none;
    border-radius: var(--bs-border-radius-pill) !important;
    cursor: pointer;
    letter-spacing: -0.02em;
}

    .rounded-tag-opacity-inprogress:hover {
        background-color: #B181C240;
    }
/*---- DEVICE INFO END-----*/

/*Custom policy profile css start*/
.Policy_checkBox input {
    float: right;
    height: auto;
    margin: 5px 0px;
    padding: 0px;
}

.Policy_checkBox table {
    width: 100%;
    border: 1px solid #e9e9e9;
}

.Policy_checkBox tr {
    border-bottom: 1px solid #e9e9e9;
}

.Policy_checkBox td {
    padding: 0px 15px;
}

    /*.Policy_checkBox td:hover {
        background-color: #f5f5f5;
    }*/



.Policy_checkBox label {
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px;
}

.ProfileFeaturesTitle_Section.mt-2 {
    background-color: var(--Grid-background-color) !important;
    padding: 3px 30px;
    overflow: hidden !important;
    color: var(--Neutral-White) !important;
    font-size: 10px !important;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    padding: 5px;
    text-transform: uppercase !important;
}
/*Custom policy profile css end*/


/*file  upload css start*/
.dxgvDataRowAlt {
    background-color: var(--Neutral-White) !important;
}

.cancel-button-popup {
    float: right;
    margin: 10px 5px;
}
/*file  upload css end*/

/* #startregion asp combobox */
.dxEditors_edtDropDown {
    /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/></svg>') no-repeat center / contain;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"none\" stroke=\"%23343a40\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m2 5 6 6 6-6\"/></svg>");
    background-size: contain;
    background-origin: padding-box;
    background-clip: border-box;*/
    /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/></svg>') no-repeat center / contain;*/
    background-image: url('../img/arrow-down.png') !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 10px 10px !important;
}

.aspcombobox {
    color: var(--Neutral-Solid);
    font-size: 14px !important;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
    padding-bottom: 0px !important;
    padding-left: 5px;
    line-height: 22.4px;
    border-collapse: collapse;
}

.dxeButtonEditSys td.dxic {
    padding: 0px !important;
}

.aspcombobox:focus {
    border-color: var(--Radio-button-border) !important;
}

.dxeButtonEdit .dxeEditArea {
    border: none !important;
}

.dxeListBoxItem:hover {
    background-color: var(--Neutral-BG-I);
}

.dxeListBoxItemSelected {
    background-color:  var(--Neutral-BG-I)!important;
}

.dxlbd {
     border: none !important; /*1px solid var(--Neutral-Mid-Grey) !important;*/
    /*border-radius: 6px !important;*/
     background-color: var(--Neutral-BG-Cards) !important;
    border-left: none !important;
}

/* #endregion asp combobox */
/* #region devexpress aspxdateedit today and clear button  */
.dxeCalendarButton {
    background-color: var(--Primary-active-button) !important;
    color:  var(--Neutral-BG-I) !important;
    border: 1px solid var(--Neutral-Stroke)!important;
    cursor: pointer !important;
    margin: 10px 5px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    border-radius: 5px !important;
}

    .dxeCalendarButton:nth-of-type(2) {
        background-color: var(--Neutral-White) !important;
        color: var(--Neutral-Solid-btn) !important; /* Change text color for better contrast */
    }
/* #endregion*/
/*------DEVICE USAGE---------*/
.DocumentListGd-btn {
    right: 0;
    position: absolute;
    top: 0;
}

.DocumentListGd {
    position: relative;
    display: table;
    min-width: 300px;
    padding-top: 30px;
}
/*------DEVICE USAGE END---------*/
/*---- DEVICE INFO -----*/
/*.hearticonbtn {
    border: none;
    background-color: var(--Neutral-BG-I);
    width: 32px;
    height: 32px;
    border-radius: 80px;
    margin-right: 10px;
    float: right;
}

    .hearticonbtn:hover {
        background: #C95D4510;
    }
.heart-icon path {
    fill: #757F8F;
}

.hearticonbtn:hover .heart-icon path {
    fill: #C95D45;
}

.active {
    background: #C95D4510 !important;
}

    .active path {
        fill: #C95D45 !important;
    }*/

.divEmpty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 166px;
}

.drpphonenum {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
}
.rounded-tag-opacity-warning {
    background: #C95D451A;
    color: #C95D45;
    padding: 6px 10px 6px 10px;
    border: none;
    border-radius: var(--bs-border-radius-pill) !important;
    cursor: pointer;
    letter-spacing: -0.02em;
}

    .rounded-tag-opacity-warning:hover {
        background-color: #C95D4540;
    }

    .rounded-tag-opacity-warning:hover {
        background-color: #C95D4540;
    }

.rounded-tag-opacity-inprogress {
    background: #B181C215;
    color: #B181C2;
    padding: 6px 10px 6px 10px;
    border: none;
    border-radius: var(--bs-border-radius-pill) !important;
    cursor: pointer;
    letter-spacing: -0.02em;
}

    .rounded-tag-opacity-inprogress:hover {
        background-color: #B181C240;
    }
/*---- DEVICE INFO END-----*/
/* #endregion */



/*---- support internation services start-----*/

.dxbDisabled, a.dxbButton.dxbDisabled {
    color: #e2e8f0;
    cursor: default;
    text-decoration: none;
    background: #b8bfcc; /*!important remove for OrderHistoryDetails page */
    font-family: 'Inter', sans-serif;
    width: 92px !important;
    height: 41px !important;
}

.contentButtons {
    text-align: center;
}


a.clear-button11 {
    color: #e2e8f0;
    font-family: 'Inter', sans-serif;
    text-align: end !important;
    color: var(--Neutral-Solid) !important;
}



.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    padding: 20px;
}

.datetimepicker th.switch {
    width: 145px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    padding-bottom: 10px;
    padding-top:10px;
}


th.dow {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 120% !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    color: var(--Neutral-Solid-Light) !important;
}



td.day.today.active {
    color: var(--Neutral-White);
    background: #var(--Neutral-Solid-Light) !important;
    font-family: 'Inter', sans-serif !important;
}

/*.calender_icon {
    float: left;
    background-image: url('../img/icon-calendar.png');
    width: 23px !important;
    height: 26px !important;
    background-repeat: no-repeat;
    position: relative;
    margin: 0px 0px 0 0px;
    color: transparent;
}*/

.thank-inter {
    display: contents;
    height: 200px;
    overflow: auto;
}

th.today {
    background-color: var(--Primary-active-button) !important;
    color: var(--Neutral-White) !important;
    border: 1px solid var(--Neutral-Stroke) !important;
    cursor: pointer !important;
    margin: 10px 5px !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-family: 'Inter', sans-serif !important;
    border:none !important;
}

.dxeTokenText, .dxeTokenRemoveButton {
    display: block;
    float: left;
    background-color: transparent !important; /* it is affecting in dark mode */
    color: var(--Neutral-Solid) !important;
    border: 1px solid var(--Neutral-Mid-Grey) !important;
}


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

.prev {
    background-image: url(../img/left_arrow.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding-bottom: 10px !important;
}

.next {
    background-image: url(../img/arrow-right.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding-bottom: 10px !important;
}

td.day.today.active {
    background-color: var(--Primary-active-button) !important;
}
/*---- support internation services end-----*/

/*---- css for  sucessfully message----*/
.succssmsg {
    color: var(--sucess-msg) !important;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: -0.02em;
}
/*---- css for  sucessfully message----*/
.textbx {
    border: none;
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
    font-size: 14px;
    color: var(--Neutral-Solid);
    border-radius: 0px !important;
     font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
}

/* #region header filter ok and cancel button */
.dxpc-footer .dxbButton.dxbDisabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.dxpc-footer .dxbButton .dxbButtonHover {
    background: #e6e6e6;
    border:  1px solid var(--Neutral-Mid-Grey) !important;
}

.dxpc-footer .dxbButton {
    border-radius: 8px !important;
    padding: 5px 5px !important;
    font-size: 16px !important;
    font-family: 'Inter', sans-serif !important;
    background: var(--Primary-active-button);
    color: var(--Neutral-White) !important;
    border: none;
   /* height: 41px !important;   
    width: 92px !important;*/
    height: 0px !important;  /*grid filter button adjust*/
    width: 0px !important;
}

.dxeListBox .dxeListBoxFilter .dxeLBFEButtonSys {
    background-color: transparent;
    padding-right: 10px !important;
}

/* #endregion */
/* #region Pivot grid filter icon*/
.dxPivotGrid_pgSortUpButton {
    background-image: url('../img/Sort-up.png') !important;
    background-position: top !important;
    width: 15px !important;
    height: 15px !important;
}

.dxPivotGrid_pgSortDownButton {
    background-image: url('../img/Sort-down.png') !important;
    background-position: top !important;
    width: 15px !important;
    height: 15px !important;
}
/* #endregion */
/* #region devexpress gridview header filter bottom */
.dxpcLite .dxpc-footerContent, .dxdpLite .dxpc-footerContent {
/*    padding: 12px 5px 5px 0px !important;
*/    padding: 12px 5px 5px 12px !important;  /*adjust grid filter button*/
    min-height: 8px !important;
    color: white;
    background-color: var(--Neutral-BG-Cards) !important;
    border-top: 1px !important;
}
/* #endregion*/
/* #region manager dashbaord page usha */
a.list-group-item {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: var(--Neutral-Solid);
    flex: none;
    order: 0;
    flex-grow: 1;
    border: 1px solid var(--Neutral-Stroke-Light);
}

.list-group-item-action:hover {
   /*  background-color: #ECF2F8 !important;*/
   background-color: var(--list-group-hover);
    box-shadow: none !important;
}

a.LinkTitle:hover {
    color: var(--Primary-active-button) !important;
}
/* #endregion*/
span.dxp-comboBox input {
    color: var(--Neutral-Solid-Light) !important;
    padding: 0px !important;
    border-bottom: none !important;
}



/* #startregion devexpress fileupload control*/
.dxucBrowseButton {
    cursor: pointer;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 19.2px !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
    text-wrap: nowrap;
    padding: 7px !important;
    all: unset;
    background-color: var(--Neutral-BG-I) !important;
    color: var(--Cancel-button-text) !important;
    border: 1px solid var(--Cancel-button-border) !important;
}

.dxucControl .dxucBrowseButton a {
    color: var(--Cancel-button-text) !important;
    outline: none !important;
    border: none !important;
}

.dxucEditArea, input[type="text"].dxucEditArea {
    padding: 7px;
    color: var(--Neutral-Solid) !important; /*cause not display in dark theme*/
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
}

.dxWeb_ucClearButton {
    background-image: url('../img/cross_new.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width:22px;
    height:22px;
}

.dxucTextBox {
    background-color: transparent;
    border: none !important;
    padding: 0px !important;
}

/* #endregion devexpress fileupload control*/

/* #region Accordion classes */
.AccorContents {
    background-color: var(--Neutral-BG-Cards);
    padding: 5px;
    overflow: hidden !important;
}

.AccorSelectedHeader {
    background-image: url('../img/arrow-down.png');
    background-repeat: no-repeat;
    background-color: var(--Neutral-BG-II);
    background-position: left center;
    color: var(--Neutral-Solid);
    padding: 8px;
    font-weight: 500;
    padding-left: 40px;
    border-radius: 8px;
    background-position-x: 15px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Inter', sans-serif !important;
}

.AccorHeader {
    background-image: url('../img/arrow-right.png');
    background-repeat: no-repeat;
    background-color: var(--Neutral-BG-II);
    background-position: left center;
    color: var(--Neutral-Solid) !important;
    padding: 8px;
    font-weight: 500;
    padding-left: 40px;
    border-radius: 8px;
    background-position-x: 15px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Inter', sans-serif !important;
}
/* #endregion Accordion */
input[type="radio"]:checked + label {
 border: 1px solid var(--Radio-button-border) !important;
}
/* #region Top user report */
.grdrowdetails{
            border-bottom: 1px Solid var(--Neutral-Stroke-Light) !important;
    border-right: 1px Solid var(--Neutral-Stroke-Light) !important;
    background-color: var(--Neutral-BG-Cards) !important;
    border-left: 1px Solid var(--Neutral-Stroke-Light) !important;
    color: var(--Neutral-Solid) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    font-family: 'Inter', sans-serif !important;
}
/* #endregion Top user report */
    
/* #region this is for SVG*/
/* #region This class is use for asp button in bulk update page*/
[data-bs-theme="light"] .excel-button {
    background-image: url('../img/Import.png') !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    border: none;
    width: 100px;
    position: relative;
    top: 5px;
}

[data-bs-theme="dark"] .excel-button {
    background-image: url('../img/Import-gray.png') !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    border: none;
    width: 100px;
    position: relative;
    top: 5px;
}
/*#endregion*/
    [data-bs-theme="light"] .clay {
        background-image: url('../img/img-iPhone-clay.svg');
        background-position: right;
        background-repeat: no-repeat;
        background-position: 90% 100%;
    }

    [data-bs-theme="dark"] .clay {
        background-image: url('../img/img-iPhone-clay-dark.svg');
        background-position: right;
        background-repeat: no-repeat;
        background-position: 90% 100%;
    }

    [data-bs-theme="light"] .settinga {
        background-image: url('../img/img-settings.svg');
        background-position: right;
        background-repeat: no-repeat;
        background-position: 90% 100%;
    }

    [data-bs-theme="dark"] .settinga {
        background-image: url('../img/img-settings-dark.svg');
        background-position: right;
        background-repeat: no-repeat;
        background-position: 90% 100%;
    }

    [data-bs-theme="light"] .calender_icon {
        float: left;
        background-image: url('../img/icon-calendar.svg');
        width: 23px !important;
        height: 26px !important;
        background-repeat: no-repeat;
        position: relative;
        margin: 0px 0px 0 0px;
        color: transparent;
    }

    [data-bs-theme="dark"] .calender_icon {
        float: left;
        background-image: url('../img/icon-calendar-gray.svg');
        width: 23px !important;
        height: 26px !important;
        background-repeat: no-repeat;
        position: relative;
        margin: 0px 0px 0 0px;
        color: transparent;
    }

    [data-bs-theme="light"] .suppor_sec_icon_Blue {
        background-image: url('../img/que_icon_blue.svg');
        background-repeat: no-repeat;
        position: relative;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
        position: relative;
        margin-right: 5px;
        float: left;
    }

    [data-bs-theme="dark"] .suppor_sec_icon_Blue {
        background-image: url('../img/que_icon_blue_light.svg');
        background-repeat: no-repeat;
        position: relative;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
        position: relative;
        margin-right: 5px;
        float: left;
    }
    /* #region Save background*/
    [data-bs-theme="light"] .dx-bgicon-save {
        background-image: url('../img/save.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="dark"] .dx-bgicon-save {
        background-image: url('../img/save-gray.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }
    /* #endregion*/
    [data-bs-theme="light"] .dx-bgicon-filter {
        background-image: url('../img/clear-filter.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    .dxGridView_CTClearFilterDisabled {
        background-image: none;
    }

    [data-bs-theme="dark"] .dx-bgicon-filter {
        background-image: url('../img/clear-filter-gray.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="light"] .dx-bgicon-refresh {
        background-image: url('../img/re-fresh02.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="dark"] .dx-bgicon-refresh {
        background-image: url('../img/re-fresh02-gray.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="light"] .dx-bgicon-Import {
        background-image: url('../img/Import.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    .dxGridView_CTExportXls {
        background-image: none;
    }

    [data-bs-theme="dark"] .dx-bgicon-Import {
        background-image: url('../img/Import-gray.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="light"] .dx-bgicon-columnchosser {
        background-image: url('../img/columnchosser.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    .dxGridView_CTShowCustomizationWindow {
        background-image: none;
    }

    [data-bs-theme="dark"] .dx-bgicon-columnchosser {
        background-image: url('../img/columnchosser-gray.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="light"] .dx-bgicon-printer {
        background-image: url('../img/printer.png');
        background-repeat: no-repeat;
        width: 27px;
        height: 27px;
    }

    [data-bs-theme="dark"] .dx-bgicon-printer {
        background-image: url('../img/printer-gray.png');
        background-repeat: no-repeat;
        width: 27px;
        height: 27px;
    }

    [data-bs-theme="light"] .dx-bgicon-cart {
        background-image: url('../img/cart.png');
        background-repeat: no-repeat;
        width: 27px;
        height: 27px;
    }

    [data-bs-theme="dark"] .dx-bgicon-cart {
        background-image: url('../img/cart-gray.png');
        background-repeat: no-repeat;
        width: 27px;
        height: 27px;
    }
    [data-bs-theme="light"] .dx-bgicon-add-device-new {
     background-image: url('../img/add-device-new.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-add-device-new {
     background-image: url('../img/add-device-new-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-profile {
	 background-image: url('../img/profile.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-profile {
	 background-image: url('../img/profile-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-view {
background-image: url('../img/view.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 24px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-view {
background-image: url('../img/view-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 24px;
 }
[data-bs-theme="light"] .dx-bgicon-delete-device {
     background-image: url('../img/delete-device.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-delete-device {
     background-image: url('../img/delete-device-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-add {
background-image: url('../img/add.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-add {
background-image: url('../img/add-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-forward-redirect {
background-image: url('../img/forward-redirect.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-forward-redirect {
background-image: url('../img/forward-redirect-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-shipping-track {
background-image: url('../img/icon-shipping-track.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-icon-shipping-track {
background-image: url('../img/icon-shipping-track-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-expand {
background-image: url('../img/expand.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-expand {
background-image: url('../img/expand-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-collapse {
	 background-image: url('../img/collapse.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-collapse {
 background-image: url('../img/collapse-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-search {
 background-image: url('../img/search.svg');
     background-repeat: no-repeat;
	width: 18px !important;
    height: 18px !important;
 }
 
[data-bs-theme="dark"] .dx-bgicon-search {
 background-image: url('../img/search-gray.svg');
     background-repeat: no-repeat;
	 width: 18px !important;
    height: 18px !important;
 }
[data-bs-theme="light"] .dx-bgicon-add-values {
 background-image: url('../img/add-values.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-add-values {
 background-image: url('../img/add-values-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-delete-values {
 background-image: url('../img/delete-values.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-delete-values {
 background-image: url('../img/delete-values-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 [data-bs-theme="light"] .dx-bgicon-email {
        background-image: url('../img/email.png');
         background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="dark"] .dx-bgicon-email {
        background-image: url('../img/email-gray.png');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
    }
    [data-bs-theme="light"] .dx-bgicon-email11 {
        background-image: url('../img/icon-email1.svg');
         background-repeat: no-repeat;
        width: 27px;
        height: 27px;
    }

    [data-bs-theme="dark"] .dx-bgicon-email11 {
        background-image: url('../img/icon-email-gray.svg');
        background-repeat: no-repeat;
        width: 27px;
        height: 27px;
    }
      [data-bs-theme="light"] .dx-bgicon-trash {
        background-image: url('../img/trash.png') !important;
         background-repeat: no-repeat !important;
        width: 22px;
        height: 22px;
    }

    [data-bs-theme="dark"] .dx-bgicon-trash {
        background-image: url('../img/trash-gray.png') !important;
        background-repeat: no-repeat !important;
        width: 22px;
        height: 22px;
    }
    [data-bs-theme="light"] .dx-bgicon-add-shipp-address {
	 background-image: url('../img/add-shipp-address.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-add-shipp-address {
	 background-image: url('../img/add-shipp-address-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-loginuser {
	 background-image: url('../img/login.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 15px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-loginuser {
	 background-image: url('../img/login-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 15px;
 }
[data-bs-theme="light"] .dx-bgicon-adduser {
	 background-image: url('../img/adduser.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-adduser {
	 background-image: url('../img/adduser-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-reload {
	 background-image: url('../img/icon-reload.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-icon-reload {
	 background-image: url('../img/icon-reload-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-icon-help-title {
	 background-image: url('../img/icon-help-title.svg');
     background-repeat: no-repeat;
	 width: 24px;
     height: 24px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-icon-icon-help-title {
	 background-image: url('../img/icon-help-title-gray.svg');
     background-repeat: no-repeat;
	 width: 24px;
     height: 24px;
 }
[data-bs-theme="light"] .dx-bgicon-trash.dxbDisabled {
    background-image: url('../img/trash.png') !important;
    background-repeat: no-repeat !important;
    width: 27px;
    height: 27px;
}

[data-bs-theme="dark"] .dx-bgicon-trash.dxbDisabled {
    background-image: url('../img/trash-gray.png') !important;
    background-repeat: no-repeat !important;
    width: 27px;
    height: 27px;
}
[data-bs-theme="light"] .dx-bgicon-icon-back-data.dxbDisabled{
	 background-image: url('../img/icon-back-open.svg') !important;
     background-repeat: no-repeat !important;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-back-data.dxbDisabled {
	 background-image: url('../img/icon-back-open-gray.svg') !important;
     background-repeat: no-repeat !important;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-comment.dxbDisabled{
	 background-image: url('../img/icon-comment.svg') !important;
     background-repeat: no-repeat !important;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-comment.dxbDisabled {
	 background-image: url('../img/icon-comment-gray.svg') !important;
     background-repeat: no-repeat !important;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-Backward.dxbDisabled{
	 background-image: url('../img/icon-Backward.png') !important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-Backward.dxbDisabled {
	 background-image: url('../img/icon-Backward-gray.png') !important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-Receive.dxbDisabled{
	 background-image: url('../img/icon-Receive.png') !important; 
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-Receive.dxbDisabled {
	 background-image: url('../img/icon-Receive-gray.png') !important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-Pending-data.dxbDisabled{
	 background-image: url('../img/icon-Pending-data.png') !important; /*Image-Url="img/icon-a002b.png"*/
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-Pending-data.dxbDisabled {
	 background-image: url('../img/icon-Pending-data-gray.png') !important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-cancelled-data.dxbDisabled{
	 background-image: url('../img/icon-cancelled-data.png') !important; 
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-cancelled-data.dxbDisabled {
	 background-image: url('../img/icon-cancelled-data-gray.png') !important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-received-data.dxbDisabled{
	 background-image: url('../img/icon-received-data.png') !important; 
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-received-data.dxbDisabled {
	 background-image: url('../img/icon-received-data-gray.png') !important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-butt {
    background-image: url('../img/icon-butt.png') !important;
    background-repeat: no-repeat !important;
    width: 22px;
    height: 40px;
}

[data-bs-theme="dark"] .dx-bgicon-icon-butt {
    background-image: url('../img/icon-butt-gray.png') !important;
    background-repeat: no-repeat !important;
    width: 22px;
    height: 40px;
}

[data-bs-theme="light"] .dx-bgicon-icon-file-earmark-pdf-fill{
	 background-image: url('../img/icon-file-earmark-pdf-fill.svg')!important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
     display: inline-flex;
    vertical-align: middle;
 }
 
[data-bs-theme="dark"] .dx-bgicon-icon-file-earmark-pdf-fill {
	 background-image: url('../img/icon-file-earmark-pdf-fill-gray.svg')!important;
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
     display: inline-flex;
    vertical-align: middle;
 }

[data-bs-theme="light"] .dx-bgicon-play{
	 background-image: url('../img/play.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
     display: inline-flex;
    vertical-align: middle;
 }
 
[data-bs-theme="dark"] .dx-bgicon-play {
	 background-image: url('../img/play-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
     display: inline-flex;
    vertical-align: middle;
 }
[data-bs-theme="light"] .dx-bgicon-icon-notificationbell {
	 background-image: url('../img/icon-notificationbell.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-icon-notificationbell {
	 background-image: url('../img/icon-notificationbell-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-header-user {
    background-image: url('../img/icon-header-user.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-left: 5px;
}

[data-bs-theme="dark"] .dx-bgicon-icon-header-user {
    background-image: url('../img/icon-header-user-gray.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-left: 5px;
}
[data-bs-theme="light"] .dx-bgicon-icon-lock {
	 background-image: url('../img/icon-lock.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-icon-lock {
	 background-image: url('../img/icon-lock-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-logout-popup-menu{
	 background-image: url('../img/icon-logout-popup-menu.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
 
[data-bs-theme="dark"] .dx-bgicon-icon-logout-popup-menu {
	 background-image: url('../img/icon-logout-popup-menu-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-contact-ustitle{
	 background-image: url('../img/icon-contact-ustitle.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 } 
[data-bs-theme="dark"] .dx-bgicon-icon-contact-ustitle {
	 background-image: url('../img/icon-contact-ustitle-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-shoptitle{
	 background-image: url('../img/icon-shoptitle.svg');
     background-repeat: no-repeat;
	 width: 22px;
     
 } 
[data-bs-theme="dark"] .dx-bgicon-icon-shoptitle {
	 background-image: url('../img/icon-shoptitle-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     
 }
[data-bs-theme="light"] .dx-bgicon-icon-reportstitle {
	 background-image: url('../img/icon-reportstitle.svg');
     background-repeat: no-repeat;
	 width: 22px;
 } 
[data-bs-theme="dark"] .dx-bgicon-icon-reportstitle {
	 background-image: url('../img/icon-reportstitle-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-supporttitle {
	 background-image: url('../img/icon-supporttitle.svg');
     background-repeat: no-repeat;
	 width: 22px;
 } 
[data-bs-theme="dark"] .dx-bgicon-icon-supporttitle {
	 background-image: url('../img/icon-supporttitle-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-icon-settingstitle {
	 background-image: url('../img/icon-settingstitle.svg');
     background-repeat: no-repeat;
	 width: 24px;
     height: 24px;
 } 
[data-bs-theme="dark"] .dx-bgicon-icon-settingstitle {
	 background-image: url('../img/icon-settingstitle-gray.svg');
     background-repeat: no-repeat;
	 width: 24px;
     height: 24px;
 }
[data-bs-theme="light"] .dx-bgicon-img-button-round-mini {
	 background-image: url('../img/img-button-round-mini.png');
     background-repeat: no-repeat;
	 width: 40px;
     height: 40px;
 } 
[data-bs-theme="dark"] .dx-bgicon-img-button-round-mini {
	 background-image: url('../img/img-button-round-mini-gray.png');
     background-repeat: no-repeat;
	 width: 40px;
     height: 40px;
 }
[data-bs-theme="light"] .dx-bgicon-up {
	 background-image: url('../img/icon-up.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 } 
[data-bs-theme="dark"] .dx-bgicon-up {
	 background-image: url('../img/icon-up-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="light"] .dx-bgicon-down-arrow {
	 background-image: url('../img/icon-down.svg');
     background-repeat: no-repeat;
	width: 22px;
     height: 22px;
 } 
[data-bs-theme="dark"] .dx-bgicon-down-arrow {
	 background-image: url('../img/icon-down-gray.svg');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
     [data-bs-theme="light"] .dx-bgicon-icon-order-history {
     background-image: url('../img/icon-order-history-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
  [data-bs-theme="dark"] .dx-bgicon-icon-order-history {
     background-image: url('../img/icon-order-history-dark.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dx-bgicon-icon-order-history-orange {
     background-image: url('../img/icon-order-history-orange.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="dark"] .dx-bgicon-icon-order-history-orange {
     background-image: url('../img/icon-order-history-orange-gray.png');
     background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}

[data-bs-theme="dark"] .dxGridView_gvDetailExpandedButton {
	background-position: center;
    background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-image: url('../img/expand-dark-gray.png');
}

[data-bs-theme="light"] .dxGridView_gvDetailExpandedButton {
	background-position: center;
    background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-image: url('../img/expand-light.png');
}


[data-bs-theme="dark"] .dxGridView_gvDetailCollapsedButton {
	background-position: center;
    background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-image: url('../img/collapse-dark-gray.png');
}

[data-bs-theme="light"] .dxGridView_gvDetailCollapsedButton {
	background-position: center;
    background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	background-image: url('../img/collapse-light.png');
}
[data-bs-theme="light"] .dxWeb_pPrev {  
    width: 40px;
    height: 40px;
    background-image: url('../img/backword.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
[data-bs-theme="dark"] .dxWeb_pPrev {  
    width: 40px;
    height: 40px;
    background-image: url('../img/backword-dark-gray.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
[data-bs-theme="light"] .dxWeb_pNext {
    width: 40px;
    height: 40px;
    background-image: url('../img/forward.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
[data-bs-theme="dark"] .dxWeb_pNext {
    width: 40px;
    height: 40px;
    background-image: url('../img/forward-dark-gray.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
 [data-bs-theme="light"] .dx-bgicon-closed {
    background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
    background-image: url('../img/close.png');   
}
    [data-bs-theme="dark"] .dx-bgicon-closed {
   background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
    background-image: url('../img/close-dark.png');   
}
 [data-bs-theme="light"] .dx-bgicon-Editnew {
    background-image: url('../img/editnew.png');
    background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
 }
[data-bs-theme="dark"] .dx-bgicon-Editnew {
    background-image: url('../img/editnew-dark.png');
   background-repeat: no-repeat;
	 width: 22px;
     height: 22px;
}
[data-bs-theme="light"] .dxeSpinIncButton {
        background-image: url('../img/plus.png') !important;
        border: 0px;
        border-radius: 13px;
        padding: 10px;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: transparent;
    }
[data-bs-theme="dark"] .dxeSpinIncButton {
        background-image: url('../img/plus-dark.png') !important;
        border: 0px;
        border-radius: 13px;
        padding: 10px;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-color: transparent;
    }
[data-bs-theme="light"] .dxeSpinDecButton {
        border-radius: 13px;
        padding: 10px;
        background-image: url('../img/minus.png') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border: 0px;
        background-color: transparent;
        position: absolute;
        left: 3px;
        top: 5px;
    }
[data-bs-theme="dark"] .dxeSpinDecButton {
        border-radius: 13px;
        padding: 10px;
        background-image: url('../img/minus-dark.png') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border: 0px;
        background-color: transparent;
        position: absolute;
        left: 3px;
        top: 5px;
    }
[data-bs-theme="light"] .dx-bgicon-criteriaplus {
        background-image: url('../img/plus.png') !important;
       background-repeat: no-repeat;
        width: 22px;
         height: 22px;
    }
[data-bs-theme="dark"] .dx-bgicon-criteriaplus {
        background-image: url('../img/plus-dark.png') !important;
        background-repeat: no-repeat;
         width: 22px;
          height: 22px;
    }
.dxPivotGrid_pgCollapsedButton {
	background-position: center;
    background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	background-image: url('../img/collapse-dark-gray.png');
}
.dxPivotGrid_pgExpandedButton {
	background-position: center;
    background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	background-image: url('../img/expand-dark-gray.png');
    background-size: 10px;
    vertical-align: middle;
}
/* #endregion*/

.seconday-button {
    background-color: var(--Neutral-BG-I) !important;
    float: right;
    padding: 11px 20px 11px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    color: var(--Neutral-Solid) !important;
    cursor: pointer;
    margin: 10px 0px !important;
    height: 41px !important;
    font-size: 16px !important;
    line-height: 19.2px !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.02em;
}
td.dxgvIndentCell.dxgv.dxgvDIC {
    background-image: none;
}
 /* #region This class is use for popup background color*/
 .Popup-bg-color-theme {
    background-color: var(--Neutral-BG-Cards) !important;
}
 /* #endregion*/
  .dxgvDetailRow {
  background-color: var(--Neutral-BG-Cards);
}
  .dxeMemoEditArea{
      background-color: transparent !important;
      color: var(--Neutral-Solid) !important;
      font-family: 'Inter', sans-serif !important;
      font-size: 14px !important;
  }
.support-req-order {
    background-color: var(--Primary-active-button);
    color: var(--Neutral-White);
    padding: 5px;
    border-radius: 3px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
}

/* #region This class is use for when one is unchecked */
.dxWeb_edtCheckBoxGrayed {
    line-height: 9px !important;
    background: var(--Radio-button-border) !important;
    border: 1px solid var(--Neutral-Stroke) !important;
    display: inline-block !important;
    background-image: url(../img/one-selection-check.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 5px !important;
    margin-right: 10px !important;
}
.dxICBFocused {
    outline: 1px dotted var(--Primary-active-button) !important;
}
/* #endregion*/
.dxgvEmptyDataRow td.dxgv {
    background-color: var(--Neutral-BG-Cards) !important;
    color: var(--Neutral-Solid) !important;
}
.dxgvTable.dxgvEmptyDataRow{
    background-color: var(--Neutral-BG-Cards) !important;
    color: var(--Neutral-Solid) !important;
}
.dxgvEditFormDisplayRow { /* this one we added for edit row take theme color*/
    color: var(--Neutral-Solid);
    font-size: 12px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    background-color: var(--Neutral-BG-Cards);
}

[data-bs-theme="light"] .icon-recycle {
    background-image: url('../img/icon-recycle.svg');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}

[data-bs-theme="dark"] .icon-recycle {
    background-image: url('../img/icon-recycle-gray.svg');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}
.dxpc-footer .dxbButton.dxbDisabled { /* this one we added for header filter button */
    background: var(--Primary-active-button) !important;
}
input.dxeEditArea{ /* this one we added for inline edit grid */
    border-bottom: 1px solid var(--Neutral-Mid-Grey) !important;
}
.pop-up-lable-td {/* this one we added for address validation setting  */
    text-align: right;
    padding-right: 5px;
    height: 40px;
}

/*Bootstrp calendar*/

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    padding: 20px;
    background: var(--Neutral-BG-I);
}
 
 
.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover {
    background: var(--Neutral-BG-Cards);
}
 
 
.datetimepicker table tr td.day:hover {
    background: var(--Neutral-BG-Cards);
    cursor: pointer;
}
 
 
.datetimepicker td {
    color: var(--Neutral-Solid);
}
 
 
[class*=" datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--Neutral-BG-I);
    position: absolute;
}

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover{
    background-color: var(--Neutral-Mid-Grey) !important;
    color: var(--Neutral-Solid);
    background-image: none !important;
}
.datetimepicker table tr td.today, .datetimepicker table tr td.today:hover{
    background-color: var(--Primary-active-button) !important;
    color: var(--Neutral-White);
    background-image:none !important;
}

.datetimepicker table tr td span:hover {
    background: var(--Neutral-BG-Cards);
    cursor: pointer;
}
 
.datetimepicker table tr td span.active.active{
    background-color: var(--Primary-active-button) !important;
    background-image: none !important;
}

/*Bootstrp calendar*/
.dxmLite .dxm-popup{ /*this one is for grid page size drop down*/ 
    border: 1px solid var(--Neutral-Stroke) !important;
    background-color: var(--Neutral-BG-Cards)  !important;
    color: var(--Neutral-Solid) !important;
}
.dxmLite .dxm-popup .dxm-selected {
    background-color: var(--Neutral-BG-Cards)  !important;
}
.dxmLite .dxm-popup .dxm-hovered {
    background: var(--Neutral-menu-hover) !important;
}
.dxgvTable .dxgvHEC{ /*this one is for grid white patch*/
    background-color: var(--Neutral-BG-Cards) !important;
}

.dxeFocused{
            border-color: var(--Radio-button-border) !important;
        }

/* this one is used for selecte rows color inn ship to address managment*/
.dxgvSelectedRow td.dxgv {
  background-color: var(--dxgvSelectedRow) !important;
}

input::file-selector-button{
    background-color: var(--Neutral-BG-I) !important;
    padding: 11px 20px 11px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    color: var(--Cancel-button-text) !important;
    cursor: pointer;
    height: 41px !important;
    font-size: 16px !important;
    line-height: 19.2px !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 500;
    }

.list-disable {
    color: var(--Neutral-Grey) !important;
    cursor: no-drop !important;
    }

.lblspacing {
    min-height: 24px;
    display: block;
    align-content: center;
}