:root {
    --blue: #2D73BE;
    --lightblue:  #daf1ff;
    --popupBackground: #FFFFFF;
    --popupTextColor: #000000;

    --menuprimarytextcolor: #FFFFFF;
    --menuprimarytextcolorhover: #FFFFFF;
    --menuprimaryacitve: #04182D;

    --menudarkgrey: #1a1a1a;

    --menuBgColor: #072544;

    --menu-hover-bg: #0E3056;

    /* --menu-grey-bg: #00000026; */
    --menu-grey-bg: #e2e2e2;

    --pageBackground: #072544;
    --secondaryBackground: #FFF;
    --secondaryTextColor: #082544;
    --mainButtonHighlightColor: #FFF;
    --ternaryBackgroundColor: #F0F0F0;
    --primaryDarkColor: #04182D;
    --primaryLightColor: #49ABE9;
    --quaternaryBackgroundColor: #f8f9fa;
    --BlackBackground: #000000;
    --label1Background: #d7e5f2;
    --label2Background: #cae4e5;
    --label3Background: #dae7f0;
    --label4Background: #caced7;
    --label5Background: #d8d8d8;
    --label6Background: #ced5dd;
    --hoverBackground: #e6f3ff;
    --defaultWhiteBackground: #fff;
    --paymentCardBackground: #e6e4e4;
    --hoverGrey: #e2e2e2;

    --defaultTextColor: #082544;
    --menuHoverColor: #082544;

    --tealColor: #03989E;
    --successLightColor: #3dd5981a;

    --secondButtonHighlightColor: #082544;
    --defaultLinkColor: #49ABE9;
    --menuActiveBox: #2D73BE;
    --menuActiveBoxhover: #1d4672;

    --button1Background: #3075BE;
    --button1TextColor: #FFFFFF;
    --button1BackgroundHover: #1d67a9;
    --button1TextColorHover: #FFFFFF;

    --primaryTextColor: #000000;
    --secondaryText2Color: #fff;
    --ternaryTextColor: #5E5C5C;
    --quaternaryTextColor: #989FA6;
    --darkTextcolor: #404040;
    --lableTextColor: #5a5858;

    --button2Background: #FFFFFF;
    --button2TextColor: #082544;
    --button2BackgroundHover: #F5F5F5;
    --button2TextColorHover: #000000;
    --button2OutlineColor: #d7d6d6;
    --button3TextColor: #5a5858;

    --subButton1Background: transparent;
    --subButton1Color: #49ABE9;
    --subButton1Border: #49ABE9;

    --subButton2BackgroundHover: transparent;
    --subButton2ColorHover: #49ABE9;

    --defaultBorderColor: #E2E8EE;
    --secondaryBorderColor: #BBBBBB;

    --popupInputBorder: 1px solid #D7D6D6;
    --popupSecondButtonBackgound: #FFFFFF;
    --popupSecondButtonColor: #04182D;
    --popupSecondButtonBorder: #E2E8EE;
    --popupSecondButtonHover: #082544;
    --popupSecondButtonHoverText: #FFFFFF;
    --popupFirstButtonBackgound: #082544;
    --popupFirstButtonBorder: #E2E8EE;
    --popupFirstButtonTextColor: #FFFFFF;
    --popupFirstButtonHoverBackgound: #FFFFFF;
    --popupFirstButtonHoverText: #082544;

    --successMessageColor: #008000;
    --errorMessageColor: #f44336;
    --pendingMessageColor: #000080;
    --warningMessageColor:#f59e0b;

    --hoverTextDark: #1d4672;

    --accountOwner: #1d4672;
    --adminText: #3075be;

    --iconBg: #f5f5f5;

    --tooltipText: #404040;
    --toolTipBorder: #d7d6d6;

    --buttonBg: #3075be;
    --buttonBgHover: #1d67a9;
    /* font family */
    --fontFamily: "Inter", sans-serif;

    /* Font Sizes */
    --fontSizeMicro: 11px;
    --fontSizeLabel: 13px;
    --fontSizeCaption: 12px;
    --fontSizeBody: 14px;
    --fontSizeMD: 16px;
    --fontSizeSection: 18px;
    --fontSizeMetric: 20px;
    --fontSizeXL2: 22px; 
    --fontSizePageTitle: 24px;
    --fontSize2XL: 26px;
    --fontSizeXXL3: 28px;
    --fontSizeXXXL: 30px;
    --fontSizeHero: 32px;
    --fontSize5XL: 36px;
    --fontSize6XL: 40px;

    /* font weight */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;

    /* Border Radius */
    --radiusSM: 6px;
    --radiusMD: 7px;
    --radiusLG: 8px;
    --radius2XL: 12px;
    --radiusXL: 25px;
    --radiusRound: 50%;

    /* Spacing */
    --space4: 4px;
    --space5: 5px;
    --space7: 7px;
    --space8: 8px;
    --space10: 10px;
    --space11: 11px;
    --space12: 12px;
    --space13: 13px;
    --space15: 15px;
    --space16: 16px;
    --space17: 17px;
    --space18: 18px;
    --space19: 19px;
    --space20: 20px;
    --space24: 24px;
    --space25: 25px;
    --space30: 30px;
    --space40: 40px;
    --space45: 45px;
    --space46: 46px;
    --space50: 50px;
    --space55: 55px;
    --space75: 75px;
    
    /* Heights */
    --heightInput: 36px;
    --heightButton: 36px;
    --heightNavItem: 44px;
    --heightTableHeader: 44px;
    --heightTableRow: 48px;
    --heightHeader: 64px;
    --boxHeaderHeight: 65px;
    --h100: 100%;
    
    /* Widths */
    --topNavHeightOffset: 278px;
    --width-sidebar: 240px;
    --sidebarWidth: 325px;
    --logoWidth: 220px;
    --avatarSize: 150px;
    --scrollbarWidth: 5px;
    --poweredByLogoWidth: 170px;
    --dotSize: 5px;
    --avatarSize: 150px;
    --avatarInnerSize: 144px;
    --w100: 100%;

    /* Icon Sizes */
    --iconSM: 16px;
    --iconMD: 20px;
    --iconLG: 24px;
    --iconXL: 30px;

    /* letter spacing */
    --letterSpacingSM: 0.5px;

    /* line height */
    --lineHeightTight: 1.25em;
    --lineHeightNormal: 1.2em;
    --lineHeightRelaxed: 1.5em;
    --lineHeightMD: 16.8px;

    /* Shadows */
    --cardShadow: 0 1px 3px rgba(0,0,0,.08);

    /* Z-index */
    --zDropdown: 999;
    --zModal: 9999;

    /* Transition */
    --transitionFast: .2s ease;
    --transitionNormal: .3s ease;

    /* image sizes */
    --uploadImageMaxWidth: 175px;
    --uploadImageMaxHeight: 60px;
    --dropdownMinWidth: 200px;
    --width30: 30%;

    /* opacity */
    --disabledOpacity: 0.5;

    /* addons colors */
    --primary-light: var(--button1Background);
    --primary-dark: var(--primaryDarkColor);
    --medium-gray: var(--darkTextcolor);
    --gray: var(--button2OutlineColor);
    --light-gray: var(--button2BackgroundHover);

    --cardBorderColor: #E2E8EE;
    /* --infoTextColor: #2D73BE; */
    --infoTextColor: #3075be;

    --accountBg: #fff;
    --accountTextColor:#072544;

    --roleBg: #E2E8EE;
}

select {
    color-scheme: light;
}

select option {
    color: var(--defaultTextColor, #082544);
    background-color: var(--defaultWhiteBackground, #fff);
}

.upload_img_icon {
    max-width: var(--uploadImageMaxWidth) !important;
    max-height: var(--uploadImageMaxHeight) !important;
    object-fit: contain !important;
    width: auto !important;
    margin-bottom: var(--space10);
}

/* NEW DASHBORD 23-04-2024 */

.new_dashbord {
    padding: var(--space10);

    display: grid;

    grid-template-columns: var(--sidebarWidth) 1fr;

    gap: var(--space10);

    background: var(--ternaryBackgroundColor);
}

.sidbar_main_menu .topnav {
    height: calc(100vh - var(--topNavHeightOffset));

    overflow: auto;

    padding: 0 var(--space15) !important;
}

.sidbar_main_menu .topnav::-webkit-scrollbar {
    width: var(--scrollbarWidth);

    background: var(--primaryDarkColor);
}

.sidbar_main_menu .topnav::-webkit-scrollbar-thumb {

    background-color: var(--menuActiveBox);

}

/* .new_dashbord .nd_mian_left {

    background-color: var(--blue);
    background-position: bottom right;

    background-repeat: no-repeat;

    background-size: auto;

    border-radius: var(--radiusMD);

    padding: var(--space25) var(--space15);

    height: 100vh;

    position: sticky;

    top: 0;

} */

.new_dashbord .nd_mian_left .db_logo {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

.new_dashbord .nd_mian_left .db_logo a {

    line-height: 0;

}

.new_dashbord .nd_mian_left .db_logo img {

    max-width: var(--logoWidth);

    width: var(--w100);

}

.new_dashbord .nd_mian_left .db_logo .powered_by {

    display: flex;

    align-items: flex-end;

    gap: var(--space5);

    justify-content: center;

    margin: var(--space20) 0 0;

}

.new_dashbord .nd_mian_left .db_logo .powered_by p {

    margin: 0;

    padding: 0;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightTight);

    letter-spacing: var(--letterSpacingSM);

    color: var(--menuprimarytextcolor);

}

.new_dashbord .nd_mian_left .db_logo .powered_by img {

    /* max-width: 90px; */

    max-width: var(--poweredByLogoWidth);

    width: var(--w100);

    margin: 0 auto;

}

.login_page .top-logo .tl_left_col {

    gap: var(--space20);

    align-items: center;

}

.login_page .top-logo .tl_left_col .powered_by {

    display: flex;

    align-items: flex-end;

    gap: var(--space5);

    justify-content: center;

    margin: 0;

}

.login_page .top-logo .tl_left_col .powered_by p {

    margin: 0;

    padding: 0;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightTight);

    letter-spacing: var(--letterSpacingSM);

    /* color: var(--menuprimarytextcolor); */

}

.login_page .top-logo .tl_left_col .powered_by img {

    /*max-width: 90px;*/

    width: var(--w100);

}

.new_dashbord .nd_mian_left .topnav {

    margin: var(--space13) 0 0;

}

.new_dashbord .nd_mian_left .topnav li.disable {

    pointer-events: none;

    opacity: var(--disabledOpacity);

}

/* .new_dashbord .nd_mian_left .topnav > li {

    margin: 0;

    padding: 0 30px;

} */

/* .new_dashbord .nd_mian_left .topnav > li:not(:first-child) {

    margin: 30px 0 0;

} */

.new_dashbord .nd_mian_left .topnav>li.has-submenu,
.new_dashbord .nd_mian_left .topnav>li.has-submenu:hover,
.new_dashbord .nd_mian_left .topnav>li.has-submenu:has(.active) {

    background: transparent;

    padding: 0px 0px 0px 0px !important;

}

.new_dashbord .nd_mian_left .topnav>li.has-submenu ul li:has(.active) {

    padding: var(--space10) 0 var(--space10) var(--space30);

    background: var(--menuActiveBox);

    border-radius: var(--radiusMD);

}

/* .new_dashbord .nd_mian_left .topnav li ul li {

    padding: 20px 20px 0;

    margin: 0;

} */

.new_dashbord .nd_mian_left .topnav>li,
.new_dashbord .nd_mian_left .topnav>li:not(:first-child) {

    margin: var(--space17) 0 0;

    padding: var(--space10) 0 var(--space10) var(--space20);

}

.new_dashbord .nd_mian_left .topnav li ul li {

    padding: var(--space10) 0 var(--space10) var(--space46) !important;

}

.new_dashbord .nd_mian_left .topnav>li.has-submenu>a,
.new_dashbord .nd_mian_left .topnav>li.has-submenu>a.active {

    padding: var(--space10) 0;

}

.new_dashbord .nd_mian_left .topnav li a {

    padding: 0;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightTight);

    letter-spacing: var(--letterSpacingSM);

    color: var(--menuprimarytextcolor);

}

.new_dashbord .nd_mian_left .topnav li {

    position: relative;

}

.new_dashbord .nd_mian_left .topnav {

    display: flex;

    flex-direction: column;

    row-gap: 0px;

}

.new_dashbord .nd_mian_left .topnav li .icon {

    padding: 0;

    top: var(--space11);

    right: var(--space20);

    cursor: pointer;

    font-size: var(--fontSizeMetric);

    line-height: 1em;

    position: absolute;

    color: var(--menuprimarytextcolor);

}

.new_dashbord .nd_mian_left .topnav li .icon i.fa-minus {

    display: none;

}

.new_dashbord .nd_mian_left .topnav li .active+.icon.open .fa-minus,

.new_dashbord .nd_mian_left .topnav li .active+.icon .fa-plus,

.new_dashbord .nd_mian_left .topnav li .icon.open .fa-plus {

    display: none;

}

.new_dashbord .nd_mian_left .topnav li .active+.icon.open .fa-plus,

.new_dashbord .nd_mian_left .topnav li .active+.icon .fa-minus,

.new_dashbord .nd_mian_left .topnav li .icon.open .fa-minus {

    display: block;

}

.new_dashbord .nd_mian_left .topnav li:hover,
.new_dashbord .nd_mian_left .topnav li.has-menu:hover,
.new_dashbord .nd_mian_left .topnav>li.has-submenu:hover>a {
    /* background-color: var(--menuActiveBox); */
    background-color: var(--menu-hover-bg);
    color: var(--menuprimarytextcolor);
    border-radius: var(--radiusLG) !important;
}

.new_dashbord .nd_mian_left .topnav>li:has(.active):hover {
    border-radius: var(--radiusLG) !important;
}

.new_dashbord .nd_mian_left .topnav>li.has-submenu>a,
.new_dashbord .nd_mian_left .topnav>li.has-submenu>a.active {

    padding-left: var(--space20);

}

.new_dashbord .nd_mian_left .topnav li:hover .icon {

    color: var(--menuprimarytextcolor);

}

.new_dashbord .nd_mian_left .topnav>li:has(.active) .icon {

    /* color: var(--menuprimarytextcolorhover); */

    top: var(--space11);

}

.new_dashbord .nd_mian_left .topnav li>a img {

    width: var(--w100);

    max-width: var(--iconLG);

}

.new_dashbord .nd_mian_left .topnav li > a:hover {
    color: var(--menuprimarytextcolorhover) !important;
}

/* .new_dashbord .nd_mian_left .topnav li a.active, */

/* .new_dashbord .nd_mian_left .topnav li ul li a.active {
    color: var(--menuprimarytextcolorhover) !important;
}

.new_dashbord .nd_mian_left .topnav li:hover a,
.new_dashbord .nd_mian_left .topnav li a:hover

{

    background: unset;

    color: var(--menuprimarytextcolor) !important;

}

.new_dashbord .nd_mian_left .topnav li.has-submenu:hover ul li a {
        color: var(--menuprimarytextcolor) !important;

}

.new_dashbord .nd_mian_left .topnav li.has-submenu:hover ul li:hover a{
color: var(--menuprimarytextcolor) !important;
}

.new_dashbord .nd_mian_left .topnav li.has-submenu:hover ul li a.active,
.new_dashbord .nd_mian_left .topnav li.has-submenu:hover > a.active {
    color: var(--menuprimarytextcolor) !important;
}

.new_dashbord .nd_mian_left .topnav li.has-submenu > a.active {
        color: var(--menuprimarytextcolor) !important;
}

.new_dashbord .nd_mian_left .topnav .sub-menu a:hover,

.new_dashbord .nd_mian_left .topnav .sub-menu a.active  {
color: var(--menuprimarytextcolorhover) !important;
} */

.new_dashbord .nd_mian_left .topnav li:hover > a,
.new_dashbord .nd_mian_left .topnav li > a:hover {
    background: unset;
    color: var(--menuprimarytextcolor) !important;
}

.new_dashbord .nd_mian_left .topnav .sub-menu a,
.new_dashbord .nd_mian_left .topnav li.has-submenu:hover .sub-menu a {
    color: var(--menuprimarytextcolor) !important;
}

/* .new_dashbord .nd_mian_left .topnav .sub-menu a:hover,
.new_dashbord .nd_mian_left .topnav .sub-menu a.active {
    color: var(--menuprimarytextcolorhover) !important;
} */

.new_dashbord .nd_mian_left .topnav li.has-submenu > a.active {
    color: var(--menuprimarytextcolor) !important;
}

.new_dashbord .nd_mian_left .topnav li:hover a.active {
color: var(--menuprimarytextcolor) !important;
}

.new_dashbord .nd_mian_left .topnav li a.active {
color: var(--menuprimarytextcolorhover) !important;
}

.new_dashbord .nd_mian_left .topnav li a.active:hover {
        color: var(--menuprimarytextcolor) !important;
}

.new_dashbord .nd_mian_left .topnav li.has-submenu:hover ul li a.active {
color: var(--menuprimarytextcolorhover) !important;
}   

.new_dashbord .nd_mian_right .header {

    background: var(--defaultWhiteBackground);

    border-radius: var(--radiusMD);

    padding: var(--space13);

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: var(--space15);

}

.new_dashbord .nd_mian_right .header:has(.header_left) {

    justify-content: space-between;

}

.new_dashbord .nd_mian_right .header .header_left {

    position: relative;

}

.new-user-filter-popup {

    background: var(--primaryDarkColor);

    border-radius: var(--radiusMD);

    top: var(--space55);

}

.new-label-title {

    color: var(--mainButtonHighlightColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.sabtn-close-btn i {

    color: var(--popupTextColor);

}

input#startdate {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightRelaxed);

    letter-spacing: 0;

    border-radius: var(--radiusMD);

    padding: var(--space5);

    border: none;

}

.new-user-filter-main {

    margin: 0 0;

}

.dashboard-right-btn .dr-activate-sim-btn {

    background: var(--primaryLightColor);

    margin: 0;

    color: var(--menuprimaryacitve);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: 1em;

    letter-spacing: 0;

    padding: var(--space10) var(--space25);

    border-radius: var(--radiusXL);

    border: 1px solid var(--subButton1Border);

    text-decoration: none;

}

.dashboard-right-btn .dr-activate-sim-btn:hover {

    background: transparent;

    color: var(--subButton1Color);

}

.drp-selected {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.drp-buttons .cancelBtn {

    color: var(--primary-light);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: 1em;

    letter-spacing: 0;

    padding: var(--space10) var(--space25) !important;

    border-radius: var(--radiusXL);

    border: 1px solid var(--primary-light);

    text-decoration: none;

    background: var(--defaultWhiteBackground);

}

.drp-buttons .cancelBtn {
    color: var(--button2TextColor) !important;
    background-color: var(--button2Background) !important;
        border: 1px solid #dee2e6 !important;
}

.drp-buttons .cancelBtn:hover {

      background-color: var(--light-gray) !important;
    color: var(--button2TextColorHover) !important;
    border-color: var(--button2OutlineColor) !important;

}

.drp-buttons .applyBtn {

    background: var(--blue);

    color: var(--secondaryText2Color);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: 1em;

    letter-spacing: 0;

    padding: var(--space10) var(--space25) !important;

    border-radius: var(--radiusXL);

    border: 1px solid var(--blue);

    text-decoration: none;

}

.drp-buttons .applyBtn:hover {

    background: var(--defaultWhiteBackground);

    color: var(--blue);

    border-color: var(--blue);

}

.new_dashbord .nd_mian_right .header .header_left .dashboard-top-deta-in {

    float: unset;

}

.top_filters .mdb-main-label,
.new_dashbord .nd_mian_right .header .header_left .dashboard-top-deta-in .mdb-main-label {

    color: var(--defaultWhiteBackground);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeCaption);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-transform: uppercase;

}

.top_filters .sale-type-drop,
.new_dashbord .nd_mian_right .header .header_left .sale-type-drop {

    border: 1px solid var(--defaultWhiteBackground);

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.new_dashbord .nd_mian_right .header .header_left .dashboard-top-deta-in .date-range-drop-box {

    margin: 0 var(--space15) 0 0;

}

.new_dashbord .nd_mian_right .header .header_left .dashboard-top-sub-account {

    vertical-align: middle;

}

.new_dashbord .nd_mian_right .header .header_right .hr-right > ul {
    display: flex;
    gap: var(--space25);
    justify-content: flex-end;
}

.new_dashbord .nd_mian_right .header .header_right .hr-right ul>li {

    padding: 0;

}

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon a {

    display: flex;

    align-items: center;

    gap: var(--space10);

}

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .user_name {

    display: flex;

    flex-direction: column;

    gap: var(--space5);

}

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .user_name span:first-child {

    color: var(--accountTextColor);

}

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .user_name span {

    color: var(--button3TextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeCaption);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.nd_drop_down,
.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta {
    background: var(--accountBg) !important;
    border-radius: var(--radiusMD) !important;
    padding: var(--space5) !important;
       min-width: var(--w100);
width: max-content;
}

.user_icon {
    position: relative;
}

.user_icon .hr-user-deta {
    width: var(--w100);
    min-width: var(--w100);
    box-sizing: border-box;
}

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta {
    border: 1px solid var(--button2OutlineColor) !important;
}

.nd_drop_down li a i,

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta li a i {
    color: var(--secondaryTextColor) !important;
    font-size: var(--fontSizeBody) !important;
}

.nd_drop_down li a,
.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta li a {

    padding: var(--space8) var(--space10) !important;

    color: var(--darkTextcolor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-normal) !important;

    line-height: var(--lineHeightNormal) !important;

    letter-spacing: 0 !important;

    border-radius: var(--radiusMD) !important;

}

.nd_drop_down li a:hover i,
.nd_drop_down li a:hover {
      background: var(--menu-grey-bg) !important;
    border-radius: var(--radiusMD) !important;
      color: var(--darkTextcolor) !important;
}
.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta li a:hover i,
.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta li a:hover {
    background: var(--menu-grey-bg) !important;
    border-radius: var(--radiusMD) !important;
    color: var(--hoverTextDark) !important;
}

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta li:hover a  {
    /* color: var(--menudarkgrey) !important; */
    /* background-color: var(--menu-hover-bg) !important;
    color: var(--menuprimarytextcolor) !important; */

            background-color: var(--menu-grey-bg) !important;
            color: var(--darkTextcolor) !important;
}

.new_dashbord .nd_mian_right .header .header_right i {

    font-size: var(--fontSizeXXXL);

    color: var(--primaryTextColor);

}

.new_dashbord .nd_mian_right .header .header_right .hr-right .hr-search-box-in {

    background: var(--blue);

    border-radius: var(--radiusMD);

    padding: var(--space10);

}

.new_dashbord .nd_mian_right .header .header_right .hr-right .hr-search-box-in i {

    /* color: var(--popupTextColor); */
        color: var(--infoTextColor) ;

    font-size: var(--fontSizeMD);

}

.select2-container,
.new_dashbord .nd_mian_right .header .header_right .hr-right .hr-search-box-in .hr-search-btn {

    margin: 0;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeCaption);

    font-weight: var(--font-normal);

    line-height: 1em;

    letter-spacing: 0;

}

.new_dashbord .nd_mian_right .header .header_right .hr-right .hr-search-box-in #searchSimsDropDown + .select2-container {

    margin: 0 var(--space5);

}

input.select2-search__field {

    border-radius: var(--radiusMD);

}

.select2-dropdown--below {

    z-index: var(--zModal) !important;

}

.new_dashbord .nd_mian_right .first_section {

    display: grid;

    grid-template-columns: 64% auto;

    gap: var(--space10);

    margin: var(--space10) 0;

}

.new_dashbord .nd_mian_right .first_section .fs_left {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--space10);

}

.nd_box,
.new_dashbord .nd_mian_right .secound_section .box,
.new_dashbord .nd_mian_right .first_section .box {

    border: 1px solid var(--cardBorderColor);

    border-radius: var(--radiusMD);

    background: var(--defaultWhiteBackground);

}

.nd_box .box_head,
.new_dashbord .nd_mian_right .secound_section .box .box_head,
.new_dashbord .nd_mian_right .first_section .box .box_head {

    padding: var(--space19) var(--space19) var(--space12);

    border-bottom: 1px solid var(--cardBorderColor);

}

.db_subaccounts .chart_info .title,
.new_dashbord .nd_mian_right .first_section .box .box_head .title {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSize5XL);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.db_subaccounts .chart_info .sub_title,
.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot ul li .pds-left,
.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .box_head .sub_title,
.new_dashbord .nd_mian_right .ss_grid_right .box .box_body .sub_title,
.new_dashbord .nd_mian_right .first_section .box .box_body .sim_item p,
.new_dashbord .nd_mian_right .first_section .box .box_head .sub_title {

    color: var(--quaternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-transform: uppercase;

}

.new_dashbord .nd_mian_right .first_section .box .box_body {

    padding: var(--space20) var(--space20) var(--space24);

}

.new_dashbord .nd_mian_right .first_section .box .box_body ul {

    padding: 0;

    margin: 0;

}

.new_dashbord .nd_mian_right .first_section .box .box_body ul li {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    display: flex;

    align-items: center;

    gap: var(--space8);

}

.new_dashbord .nd_mian_right .first_section .box .box_body ul li:not(:last-child) {

    margin-bottom: var(--space7);

}

.new_dashbord .nd_mian_right .first_section .box .box_body ul li .dot {

    width: var(--dotSize);

    height: var(--dotSize);

    border-radius: var(--dotSize);

    line-height: var(--lineHeightMD);

    display: block;

}

.new_dashbord .nd_mian_right .first_section .box .box_body .btns {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--space15);

    margin-bottom: var(--space12);

}

.new_dashbord .nd_mian_right .first_section .box .box_body .btns a {

    padding: var(--space10) !important;

}

.new_dashbord .nd_mian_right .first_section .box .box_body .dashbord_subaccount_btn {

    gap: var(--space20);

}

.new_dashbord .nd_mian_right .first_section .box .box_body .dashbord_subaccount_btn a {

    padding: var(--space10) !important;

    width: var(--w100) !important;

    text-align: center !important;

}

.input_field {

    border: 1px solid var(--secondaryBorderColor);

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    border-radius: var(--radiusSM);

    padding: var(--space8);

}

.primary_select {

    color: var(--blue) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMD) !important;

    font-weight: var(--font-semibold) !important;

    line-height: 1em !important;

    letter-spacing: 0 !important;

    padding: var(--space7) !important;

    border-radius: var(--radiusXL) !important;

    border: 1px solid var(--defaultBorderColor) !important;

    text-decoration: none !important;

    background: var(--defaultWhiteBackground) !important;

    width: auto !important;

    height: auto !important;

}

.primary_btn,
.secoundry_btn,
.stg_login .login_page .top-logo .tl_right_col .btn_dark,
.stg_login .login_page .top-logo .tl_right_col .btn_light,
.new_dashbord .nd_mian_right .first_section .box .box_body .btns a {

    color: var(--button2TextColor) !important;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-semibold);

    line-height: 1em;

    letter-spacing: 0;

    padding: var(--space10) var(--space45);

    border-radius: var(--radiusXL);

    border: 1px solid var(--button2OutlineColor) !important;

    text-decoration: none;

    background: var(--button2Background) !important;

    text-align: center;

    cursor: pointer;

}

.pd-top-center {

    text-align: center;

    padding-top: var(--space10);

}

.secoundry_btn,

.stg_login .login_page .top-logo .tl_right_col .btn_dark,

.new_dashbord .nd_mian_right .first_section .box .box_body .btns a.secondry {

    background: var(--primary-light) !important;

    color: var(--button1TextColor) !important;

    border-color: var(--primary-light) !important;

}

.primary_btn:hover,

.stg_login .login_page .top-logo .tl_right_col .btn_light:hover,

.new_dashbord .nd_mian_right .first_section .box .box_body .btns a.primary:hover {

    background: var(--light-gray) !important;

    color: var(--button2TextColorHover) !important;

    border-color: var(--button2OutlineColor) !important;

}

.stg_login .login_page .top-logo .tl_right_col .btn_dark:hover,

.secoundry_btn:hover,

.new_dashbord .nd_mian_right .first_section .box .box_body .btns a.secondry:hover {

    color: var(--button1TextColorHover) !important;

    border-color: var(--button1TextColorHover) !important;

    background: var(--button1BackgroundHover) !important;

}

.file_upload::before {

    content: 'Choose File';

    display: inline-block;

    white-space: nowrap;

    -webkit-user-select: none;

    cursor: pointer;

    margin-right: var(--space10);

    color: var(--blue);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: 1em;

    letter-spacing: 0;

    padding: var(--space10) var(--space45);

    border-radius: var(--radiusXL);

    border: 1px solid var(--defaultBorderColor);

    text-decoration: none;

    background: var(--defaultWhiteBackground);

}

.file_upload:hover::before {

    background: var(--blue);

    color: var(--secondaryText2Color);

    border-color: var(--blue);

}

.file_upload_secoundry::before {

    background: var(--blue);

    color: var(--secondaryText2Color);

    border-color: var(--blue);

}

.file_upload_secoundry:hover::before {

    background: var(--defaultWhiteBackground);

    color: var(--blue);

    border-color: var(--defaultBorderColor);

}

.file_upload::-webkit-file-upload-button {

    display: none;

}

.new_dashbord .nd_mian_right .first_section .box .box_body .note,
.new_dashbord .nd_mian_right .first_section .box .box_body .note a {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.nd_box .box_head .title,
.new_dashbord .nd_mian_right .secound_section .box .box_head .title,
.new_dashbord .nd_mian_right .first_section .third_box .box_head .title {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMetric);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0;

}

.new_dashbord .nd_mian_right .first_section .box .box_body .sim_item:not(:last-child) {

    margin-bottom: var(--space15);

}

.new_dashbord .nd_mian_right .first_section .box .box_body .sim_item {

    display: flex;

    justify-content: space-between;

}

.new_dashbord .nd_mian_right .first_section .box .box_body .sim_item p {

    margin: 0;

    text-transform: unset;

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot ul li .pds-right,
.new_dashbord .nd_mian_right .first_section .box .box_body .sim_item span {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.new_dashbord .nd_mian_right .secound_section .ss_grid {

    display: grid;

    grid-template-columns: 64% auto;

    gap: var(--space10);

}

.new_dashbord .nd_mian_right .secound_section .ss_grid .ss_grid_left .box:not(:first-child) {

    margin: var(--space10) 0 0;

}

.new_dashbord .nd_mian_right .secound_section .box .box_head .title {

    margin: 0;

}

.nd_box .box_head,
.nd_box .box_body,
.new_dashbord .nd_mian_right .secound_section .box .box_body,
.new_dashbord .nd_mian_right .secound_section .box .box_head {

    padding: var(--space18);

}

.nd_box .box_body .info_box:not(:last-child) {

    margin-bottom: var(--space20);

}

.nd_box .box_body .info,
.nd_box .box_body .info_box .title {

    text-align: left;

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 0 var(--space10);

}

.nd_box .box_body ul,

.nd_box .box_body .info_box ul {

    padding: 0;

    margin: 0;

}

.nd_box .box_body .info_box ul li:not(:last-child) {

    padding: 0 0 var(--space5);

}

.nd_box .box_body .info_box ul li {

    line-height: 0;

    display: flex;

    justify-content: space-between;

}

.nd_box .box_body .info_box a:not(:last-child) {

    margin-bottom: var(--space5);

}

.nd_box .box_head .dec,
.nd_box .box_body .dec,
.nd_box .box_body .info_box p {

    color: var(--quaternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.nd_box .box_body .info_box .link,
.nd_box .box_body .link,
.nd_box .box_body .info_box a {

    display: block;

    color: var(--defaultLinkColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-decoration: none;

}

.nd_box .box_body .info_box ul li .data_left {

    color: var(--quaternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-transform: uppercase;

}

.nd_box .box_body .info_box b {

    display: block;

}

.nd_box .box_body .info_box b,
.nd_box .box_body .info_box ul li .data_right {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.nd_box .box_body ul li:not(:last-child) {

    padding: 0 0 var(--space5);

}

.nd_box .box_body ul li,
.nd_box .box_body ul li span {

    color: var(--quaternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.nd_box .box_body ul li span {

    color: var(--primaryTextColor); 

}

.new_dashbord .nd_mian_right .secound_section .box .box_body .info {

    color: var(--ternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 0 var(--space10);

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .box_head .sub_title {

    margin: 0;

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom {

    padding: 0;

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot {

    margin: 0;

    padding: 0;

    border: none;

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot:not(:last-child) {

    margin-bottom: var(--space20);

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot .pool-data-summary-box-bottom-box-title {

    text-align: left;

    color: var(--mainButtonHighlightColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 0 var(--space10);

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot ul li .clear {

    display: none;

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot ul li {

    padding: 0 0;

    line-height: 0;

    display: flex;

    justify-content: space-between;

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot ul li:not(:last-child) {

    padding-bottom: var(--space5);

}

.new_dashbord .nd_mian_right .secound_section .ss_grid_right .box .pool-data-summary-box-bottom .pds-onerate-lot ul li span {

    float: unset;

}

.blank_info {

    color: var(--ternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-align: center;

}

.success_msg {

    color: var(--successMessageColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-align: center;

}

body .forms_title .failed_msg {

    color: var(--errorMessageColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: var(--lineHeightNormal) !important;

    letter-spacing: 0 !important;

    text-align: center !important;

}

/* POsition */

.position_relative {

    position: relative;

}

/* line-Height */

.line_height_dec {

    line-height: var(--lineHeightRelaxed) !important;

}
/* Align */

.text_left {

    text-align: left !important;

}

.text_center {

    text-align: center !important;

}

/* width */

.w-100 {

    width: var(--w100);

}

.w-30 {

    width: var(--width30);

}

/* Space */

.p-0 {

    padding: 0 !important;

}

.pt-10 {

    padding-top: var(--space10);

}

.p-30 {

    padding: var(--space30);

}

.pt-30 {
    padding-top: var(--space30);
}

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

.py-10 {
    padding-top: var(--space10) !important;
    padding-bottom: var(--space10) !important;
}

.pb-5 {
    padding-bottom: var(--space5);
}

.pb-10 {
    padding-bottom: var(--space10);
}

.pb-15 {
    padding-bottom: var(--space15);
}

.pb-20 {
    padding-bottom: var(--space20);
}

.pb-30 {
    padding-bottom: var(--space30);
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-30 {
    margin-top: var(--space30) !important;
}

.mt-18 {
    margin-top: var(--space18) !important;
}

.mt-10 {
    margin-top: var(--space10) !important;
}

.mb-5 {
    margin-bottom: var(--space5) !important;
}

.mb-10 {
    margin-bottom: var(--space10) !important;
}

.mb-15 {
    margin-bottom: var(--space15) !important;
}

.mb-20 {
    margin-bottom: var(--space20) !important;
}

.mb-75 {
    margin-bottom: var(--space75) !important;
}

.mt-15 {
    margin-top: var(--space15) !important;
}

.mt-20 {
    margin-top: var(--space20) !important;
}

.mt-25 {
    margin-top: var(--space25) !important;
}

.ml-15 {
    margin-left: var(--space15) !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-20 {
    margin-top: var(--space20) !important;
    margin-bottom: var(--space20) !important;
}

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

.mx-20 {
    margin-left: var(--space20) !important;
    margin-right: var(--space20) !important;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

/* Display */

.d-block {

    display: block !important;

}

.d-inlineblock {

    display: inline-block !important;

}

.d-flex {

    display: flex !important;

}

.gap-15 {

    gap: var(--space15) !important;

}

/* Dashboard Sub Accounts */

.db_subaccounts .ss_grid_right .box {

    height: var(--h100);

}

.db_subaccounts .ss_grid_right .box_body {

    height: calc(100% - var(--boxHeaderHeight));

}

.db_subaccounts .ss_grid_right .box_body .chart_info {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: var(--h100);

}

.db_subaccounts .ss_grid_right .box_body .chart_info img {

    width: var(--w100);

    max-width: var(--iconSM);

}

.db_subaccounts .chart_info .title,

.db_subaccounts .chart_info .sub_title {

    text-align: center;

}

.box_head_export_btn {

    display: grid;

    grid-template-columns: auto var(--iconLG);

    gap: var(--space20);

}

.box_head_export_btn .export_btn img {

    width: var(--w100);

    max-width: var(--iconLG);

}

/* Organization Account */

.account_section .as_grid {

    display: grid;

    grid-template-columns: auto 64%;

    gap: var(--space10);

}

.account_section .as_account {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 0 var(--space25);

}

.account_section .as_account .upload-logo {

    width: var(--avatarSize);

    height: var(--avatarSize);

    position: relative;

}

.account_section .as_account .upload-logo .close_btn {

    max-width: var(--iconXL);

    position: absolute;

    bottom: var(--space5);

    right: var(--space5);

    border-radius: 40px;

    cursor: pointer;

}

.account_section .as_account .upload-logo span {

    width: var(--avatarInnerSize);

    line-height: 0;

}

.account_section .as_account .upload-logo img {

    width: var(--w100);

    aspect-ratio: 1 / 1;

    max-width: var(--avatarSize);

    border-radius: var(--radiusRound);

}

.nd_input {

    border: 1px solid var(--secondaryBorderColor);

    border-radius: var(--radiusSM);

    padding: var(--space6) var(--space13);

}

.nd_input span {

    color: var(--secondaryBorderColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeCaption);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-transform: uppercase;

}

.nd_input_info {
    color: var(--button3TextColor);
    font-family: var(--fontFamily);
    font-size: var(--fontSizeCaption);
    font-weight: var(--font-normal);
    line-height: 1rem;
    letter-spacing: 0;
    padding: var(--space4) 0 0;
}

.nd_input select,
.nd_input input {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    padding: 0;

    margin: var(--space5) 0 0;

    height: auto;

    background: transparent;

    border: none !important;

    display: block;

    width: var(--w100);

}

.pwd_field {

    position: relative;

    margin: var(--space5) 0 0;

}

.pwd_field input {

    margin: 0;

}

.pwd_field a {

    line-height: 0;

    position: absolute;

    top: calc(50% - var(--space8));

    right: var(--space5);

    height: var(--iconSM);

}

.pwd_field a i {

    font-size: var(--fontSizeMD);

    line-height: 1em;

    color: var(--infoTextColor);

}

.account_section .as_secound .btns {

    display: flex;

    justify-content: space-between;

    margin: var(--space15) 0 0;

}

.account_section .as_secound .btns a {

    width: calc(50% - var(--space6));

    text-align: center;

}

.form_fields_space,
.account_section .company_details_form {

    display: grid;

    gap: var(--space20);

}

.form_fields_space .colum_two_fields {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--space20);

}

.account_section .company_details_form .cdf_row {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--space20);

}

.account_section .company_details_form .btns {

    display: flex;

    gap: var(--space15);

}

.nd_table_scroll {

    overflow-x: auto;

}

.nd_table_scroll .nd_table {

    /* width: max-content; */

    width: var(--w100);

    display: table;

    margin-bottom: 320px !important;

}

.nd_table_scroll::-webkit-scrollbar {

    width: var(--scrollbarWidth);

    height: var(--scrollbarWidth);

    background: var(--blue);

}

.nd_table_scroll::-webkit-scrollbar-thumb {

    background-color: var(--primaryLightColor);

}

.nd_table {

    width: var(--w100);

    background-color: var(--defaultWhiteBackground);

}

.nd_table thead {

    text-align: left;

}

.nd_table thead tr th.fit {
    width: 0;
    min-width: fit-content;
}

.overflow-auto .nd_table thead tr th {
    padding: var(--space13) 10px !important;
}

body .tab_box_body #signalingEventsContainer thead tr th {
     color: var(--secondaryTextColor) !important;
}

.nd_table thead tr th,
.nd_table tfoot tr th {

    padding: var(--space13) var(--space10);

    color: var(--defaultTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeCaption);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    border-top: 1px solid var(--button2OutlineColor);

    border-bottom: 1px solid var(--button2OutlineColor);

    text-transform: uppercase;

    background: var(--quaternaryBackgroundColor);

}

.nd_table thead tr th {
    background: var(--quaternaryBackgroundColor) !important;
}

body .nd_table tfoot tr th strong {
    font-weight: var(--font-semibold) !important;
    color: var(--defaultTextColor) !important;
}

.nd_table tfoot tr th {
    background: var(--quaternaryBackgroundColor) !important;
}

.nd_table.nd_table_fw thead tr th {

    white-space: normal;

}

.nd_table_fix_width thead tr th {

    white-space: unset;

    word-break: break-word;

}

.nd_table_fix_width tbody tr td {

    word-break: break-all;

}

.word_never_break {

    word-break: keep-all !important;

    white-space: nowrap !important;

}

.nd_table tbody tr td {
    padding: var(--space12) var(--space10) !important;
    color: var(--defaultTextColor) !important;
    font-family: var(--fontFamily);
    font-size: var(--fontSizeCaption) !important;
    font-weight: var(--font-medium) !important;
    line-height: 1rem !important;
    letter-spacing: 0 !important;
    border-bottom: 1px solid var(--cardBorderColor) !important;
}

.nd_table tbody tr td a {

    color: var(--defaultTextColor) !important;

}

.nd_table tbody tr td a:hover {

    text-decoration: none;

    color: var(--subButton1Color);

}

.nd_table tbody tr td a svg,
.nd_table tbody tr td a svg * {
    color: var(--button2TextColor) !important;

}

.nd_table tbody tr td .action {

    display: flex;

    align-items: center;

    gap: var(--space15);

    justify-content: flex-end;

}

.nd_table tbody tr td .action i {

    font-size: var(--fontSizeMetric);

    line-height: 1em;

    color: var(--quaternaryTextColor);

}

.nd_table tbody tr td .action a:hover i {

    color: var(--menuprimaryacitve);

}

.card_details {
    padding: var(--space10) var(--space20);

    background: var(--light-gray);

    border-radius: var(--radiusLG);

    width: var(--w100);

    margin-top: var(--space25);
}

.card_details .payment-card span,
.nd_table tbody tr td .role.card_details .payment-card span {

    font-family: var(--fontFamily);

    font-size: var(--fontSizeCaption);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    color: var(--quaternaryTextColor);
}

.card_details .payment-card i,

.nd_table tbody tr td .role.card_details .payment-card i {

    color: var(--primaryTextColor);

    font-size: var(--fontSizeMetric);

}

.card_details .payment-card,

.nd_table tbody tr td .role.card_details .payment-card {

    background: transparent;

}

.nd_table tbody tr td .role:before {

    display: none;

}

.nd_table tbody tr td .role {

    padding: var(--space5) var(--space15);

    background: var(--roleBg);

    border-radius: var(--radiusXL);
    color: var(--darkTextcolor);

}

.nd_table tbody tr td .role.account-owner {
    background: var(--accountOwner);
    color: var(--secondaryText2Color);
}

.nd_table tbody tr td .role.admin-role {
     background: var(--hoverBackground);
    color: var(--adminText);
}

.nd_table tbody tr td .role.role-label1 {

    background: var(--label1Background);

}

.nd_table tbody tr td .role.role-label2 {

    background: var(--label2Background);

}

.nd_table tbody tr td .role.role-label3 {

    background: var(--label3Background);

}

.nd_table tbody tr td .role.role-label4 {

    background: var(--label4Background);

}

.nd_table tbody tr td .role.role-label5 {

    background: var(--label5Background);

}

.nd_table tbody tr td .role.role-label6 {

    background: var(--label6Background);

}

.nd_table tbody tr td .role.status_unpaid {

    background: var(--errorMessageColor);

    width: auto !important;

    display: inline-block;

}

.nd_table tbody tr td .role.status_paid {

    background: var(--successMessageColor);

    width: auto !important;

    display: inline-block;

}

.nd_table_paging {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space15);
    padding: var(--space15) var(--space10);
}

.nd_table_paging span {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.nd_table_paging select {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    border: none;

}

.nd_table_paging .tags-paging-arrow a,

.nd_table_paging .tags-paging-list {

    margin: 0 !important;

}

/* Organization SUB Account Edit */

.grid_two {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--space20);

    align-items: start;

}

.footer_btns,
.grid_two + .btns {

    margin: var(--space20) 0 0;

    display: flex;

    gap: var(--space15);

}

/* popup box */

.nd_popup {

    background: var(--popupBackground) !important;

    border-radius: var(--radiusMD) !important;

    z-index: var(--zDropdown) !important;

    top: var(--space45) !important;

    left: unset !important;

    right: 0 !important;

    width: auto !important;

    min-width: 350px !important;

}

.nd_popup.top_zero {

    top: 0 !important;

}

.nd_popup .ndp_select,
.nd_popup .ndp_select option,
.nd_popup .ndp_input,
.nd_popup form.FrmEditTag input#tagname {

    color: var(--primaryTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMD) !important;

    font-weight: var(--font-normal) !important;

    line-height: var(--lineHeightRelaxed) !important;

    letter-spacing: 0 !important;

    border-radius: var(--radiusMD) !important;

    padding: var(--space5) !important;

    margin: var(--space5) 0 0 !important;

    border: var(--popupInputBorder) !important;

    height: auto !important;

    width: var(--w100) !important;

    background: var(--defaultWhiteBackground) !important;

}

.nd_popup .footer_btn,
.nd_popup .labelrm-btn {

    display: flex;

    justify-content: flex-start;

    gap: var(--space10);

    margin: var(--space15) 0 0;

}

.nd_popup .footer_btn a,
.nd_popup .footer_btn button,
.nd_popup .labelrm-btn button {

    margin: 0;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: 1em;

    letter-spacing: 0;

    padding: var(--space5) var(--radiusXL);

    border-radius: var(--radiusXL);

    text-decoration: none;

}

.nd_popup .footer_btn .first,
.nd_popup .labelrm-btn button.tagPopupCancel {

    background: var(--popupSecondButtonBackgound);

    color: var(--popupSecondButtonColor);

    border: 1px solid var(--popupSecondButtonBorder);

}

.nd_popup .footer_btn .first:hover,
.nd_popup .labelrm-btn button.tagPopupCancel:hover {

    background: var(--light-gray);

    color: var(--button2TextColorHover);

    border: 1px solid var(--button2OutlineColor);

}

.nd_popup .footer_btn .secound,
.nd_popup .labelrm-btn button.tagSave {

    background: var(--primary-light);

    color: var(--button1TextColor);

    border: 1px solid var(--popupFirstButtonBorder);

}

.nd_popup .footer_btn .secound:hover,
.nd_popup .labelrm-btn button.tagSave:hover {

    background: var(--button1BackgroundHover);

    color: var(--button1TextColorHover);

}

.nd_popup .grid_two {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 0 var(--space10);

}

.nd_popup .two_col * {

    color: var(--popupTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightRelaxed);

    letter-spacing: 0;

}

.nd_popup .two_col input[type="checkbox"] {

    margin: 3px 3px 3px var(--space4);

}

.nd_popup .two_col ul {

    margin-bottom: 0;

}

.nd_popup .ndp_input .password-icon {

    line-height: 22px;

    top: calc(50% - 11px);

}

.nd_popup .sims_filters .fa {

    font-family: 'FontAwesome';

}

.nd_popup .sims_filters * {

    color: var(--popupTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-normal);

    line-height: var(--lineHeightRelaxed);

    letter-spacing: 0;

}

.nd_popup .sims_filters {

    margin: 0 !important;

}

.nd_popup .sims_filters .focus {

    color: var(--subButton1Color);

}

.nd_popup .sims_filters a {

    padding: var(--space10);

}

.nd_popup .sims_filters > li {

    border-bottom: 1px solid var(--button3TextColor);

}

.nd_popup .sims_filters li ul {

    padding: 0 var(--space10) var(--space10);

}

.nd_popup .sims_filters li ul li {

    padding: 0;

}

/* popup box Full page */

#sb-body {

    background: transparent !important;

    box-shadow: none !important;

    border: none !important;

}

#sb-wrapper-inner {

    box-shadow: none !important;

}

#sb-wrapper-inner {

    height: 500px !important;

}

#sb-wrapper {

    top: calc(50% - 250px) !important;

}

.nd_fppopup_main {

    justify-content: center !important;

    min-height: 500px !important;

}

.nd_fppopup {

    background: var(--popupBackground) !important;

    border-radius: var(--radiusMD) !important;

    padding: var(--space18);

    position: relative;

}

.new-label-title,
.nd_fppopup .title {

    color: var(--popupTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMetric) !important;

    font-weight: var(--font-semibold) !important;

    line-height: var(--lineHeightNormal) !important;

    letter-spacing: 0 !important;

    margin: 0 0 var(--space15) !important;

    text-align: left !important;

    border: none !important;

    padding: 0 !important;

}

.nd_fppopup .ndfp_label {

    color: var(--popupTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMD) !important;

    font-weight: var(--font-normal) !important;

    line-height: var(--lineHeightRelaxed) !important;

    letter-spacing: 0 !important;

}

.nd_fppopup_main .nd_fppopup .contain {

    color: var(--secondaryText2Color);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0;

}

.nd_fppopup .ndfp_select,
.nd_fppopup .ndfp_select option,
.nd_fppopup .ndfp_input {

    color: var(--primaryTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMD) !important;

    font-weight: var(--font-normal) !important;

    line-height: var(--lineHeightRelaxed) !important;

    letter-spacing: 0 !important;

    border-radius: var(--radiusMD) !important;

    padding: var(--space5) !important;

    margin: 0 !important;

    border: var(--popupInputBorder) !important;

    height: auto !important;

    width: var(--w100) !important;

    background: var(--defaultWhiteBackground) !important;

}

.nd_fppopup .footer_btn {

    display: flex;

    justify-content: flex-start;

    gap: var(--space10);

    margin: var(--space15) 0 0;

}

.nd_fppopup .footer_btn a {

    margin: 0;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: 1em;

    letter-spacing: 0;

    padding: var(--space5) var(--radiusXL);

    border-radius: var(--radiusXL);

    text-decoration: none;

}

.nd_fppopup .footer_btn .first {

    background: var(--popupSecondButtonBackgound);

    color: var(--popupSecondButtonColor);

    border: 1px solid var(--popupSecondButtonBorder);

}

.nd_fppopup .footer_btn .first:hover {

    background: var(--light-gray);

    color: var(--button2TextColorHover);

}

.nd_fppopup .footer_btn .secound {

    background: var(--button1Background);

    color: var(--button1TextColor);

    border: 1px solid var(--popupFirstButtonBorder);

}

.nd_fppopup .footer_btn .secound:hover {

    background: var(--primary-light);

    color: var(--button1TextColor);

}

/* BTN Row */

.btn_row {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

/* Search */

.search_field_section {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: var(--space20);

}

.export-row,
.search_field_section .search_field_row {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: var(--space15);

    flex-wrap: wrap;

}

/* .search_field_section .search_field_row .primary_btn,
.search_field_section .search_field_row .secoundry_btn {

    padding: var(--space10) var(--radiusXL) !important;

} */

.search_field_section .search_field_form {

    position: relative;

}

.search_field_section .search_field {

    border: 1px solid var(--button2OutlineColor);

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-normal);

    line-height: 1rem;

    letter-spacing: 0;

    border-radius: var(--radiusSM);

    padding: 9px var(--space8) var(--space8) var(--space30);

}

.search_field_section .search_icon {

    text-decoration: none;

    font-size: var(--fontSizeBody);

    color: var(--infoTextColor) !important;

    position: absolute;

    left: var(--space8);

    top: calc(50% - 9px);

    line-height: var(--space15);

}

.filter_item {

    display: flex;

    gap: var(--space10);

    margin: 0;

}

/* .filter_item span {

    margin: 0;

    background: var(--blue);

    color: var(--secondaryText2Color);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-normal);

    line-height: 1em;

    letter-spacing: 0;

    display: flex;

    align-items: center;

    gap: var(--space5);

}

.filter_item span i {

    line-height: 1em;

} */

/* Full page form */

.nd_full_page {

    background-color: var(--pageBackground);

    min-height: 100vh;

    padding: var(--space50) 0;

    display: flex;

    align-items: flex-start;

    justify-content: center;

}

.nd_full_page .bs_box {

    width: 500px;

    padding: var(--space50) var(--space40);

    background-color: var(--defaultWhiteBackground);

}

.bottom_section .bs_box .title,
.nd_full_page .bs_box .title {

    color: var(--primaryTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSize6XL) !important;

    font-weight: var(--font-extrabold) !important;

    text-align: center !important;

    margin: 0 !important;

}

.bottom_section .bs_box .sub_title,
.nd_full_page .bs_box .sub_title {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    line-height: 24px;

    font-weight: var(--font-normal);

    margin: var(--space10) 0 var(--space20);

    text-align: center;

}

.bottom_section .bs_box .bs_btns,
.nd_full_page .bs_box .bs_btns {

    display: flex;

    align-items: flex-start;

    gap: var(--space15);

    margin: var(--space20) 0 0;

}

.bottom_section .bs_box .bs_body *,
.nd_full_page .bs_box .bs_body * {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    line-height: 24px;

}

/* SWEET ALERT */

.swal2-popup .swal2-title {

    margin: 0 0 var(--space15) !important;

    color: var(--primaryTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeXXXL) !important;

}

.swal2-popup #swal2-content {

    color: var(--primaryTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMD) !important;

    line-height: 24px !important;

    font-weight: var(--font-normal) !important;

}

.swal2-popup .swal2-actions {

    margin: var(--space15) 0 0 !important;

}

.swal2-popup .swal2-styled.swal2-confirm {

    background: var(--blue) !important;

    color: var(--secondaryText2Color) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: 1em !important;

    letter-spacing: 0 !important;

    padding: var(--space10) var(--space45) !important;

    border-radius: var(--radiusXL) !important;

    border: 1px solid var(--blue) !important;

    text-decoration: none !important;

}

.swal2-popup .swal2-styled.swal2-cancel {

    background: var(--defaultWhiteBackground) !important;

    color: var(--secondaryTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: 1em !important;

    letter-spacing: 0 !important;

    padding: var(--space10) var(--space45) !important;

    border-radius: var(--radiusXL) !important;

    border: 1px solid var(--defaultBorderColor) !important;

    text-decoration: none !important;

}

/* SETTING */

.setting_box {

    background: var(--popupFirstButtonBorder);

    padding: var(--space18);

    border-radius: var(--radiusMD);

    margin: var(--space15) 0;

}

.setting_box .title {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMetric);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 0 var(--space15);

}

.setting_box p b {

    color: var(--primaryTextColor);

    text-transform: uppercase;

}

.setting_box p {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0;

}

.sims_add_table {

    display: table-caption;

    padding-bottom: 250px;

}

.info_data .title {

    text-align: left;

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-normal) !important;

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 0 var(--space10);

}

.info_data .dec {

    color: var(--quaternaryTextColor) !important;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-normal) !important;

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 !important;

}

#tblSelectBulkPlan .header-lable {
    padding-top: 4px;
}

.info_data .dec:not(:last-child) {

    margin: 0 0 var(--space5);

}

.info_data .dec span {

    color: var(--primaryTextColor);

}

.profile-img-main {

    margin: 0 0 var(--space20);

}

.profile-img-btn-in {

    background: var(--primaryLightColor);

    width: var(--iconXL);

    height: var(--iconXL);

    line-height: var(--iconXL);

    bottom: 0;

    right: calc(-1 * var(--space5));

}

.profile-img-btn-in::before {

    font-size: var(--fontSizeMD);

}

/* Support Contact */

.support_contact {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--space20);

}

.support_contact .nd_box {

    height: var(--h100);

}

.support_contact:has(.blank_info) {

    grid-template-columns: repeat(1, 1fr);

}

/* SUBSCRIBER-DETAIL */

.siminfo_tab {

    display: grid;

    grid-template-columns: 64% auto;

    gap: var(--space10);

}

.tab_box_body {

    padding: var(--space18);

    border: 1px solid var(--cardBorderColor);

    border-radius: var(--radiusMD);

    background: var(--defaultWhiteBackground);

}

.tab_box_body .chart_tab {

    padding-top: var(--space18);

}

.tab_box_body .billing-plan-info {

    padding: 0;

    bottom: 0;

    border: unset;

}

.tab_box_body .billing-plan-info:not(:last-child) {

    border-bottom: 1px solid var(--defaultBorderColor);

    padding-bottom: var(--space15);

    margin-bottom: var(--space15);

}

.tab_box_body .billing-plan-info-head {

    text-align: left;

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 0 var(--space10);

}

.tab_box_body .connectivity-info-box {

    margin: 0;

}

.tab_box_body .connectivity-info-box:not(:last-child) {

    margin-bottom: var(--space5);

}

.tab_box_body #LastLocationMapID span,
.tab_box_body .connectivity-info-box .connectivity-info-left {

    color: var(--quaternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-transform: uppercase;

}

.tab_box_body .connectivity-info-box .connectivity-info-right {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-align: right;

}

.tab_box_body #LastLocationMapID br {

    display: none;

}

.tab_box_body #LastLocationMapID img,
.tab_box_body #LastLocationMapID span {

    display: block;

}

.tab_box_body .filter-top {

    display: flex;

    flex-wrap: wrap;

    gap: var(--space10);

    margin-bottom: var(--space10);

}

.tab_box_body .filter-top a {

    color: var(--quaternaryTextColor) !important;

}

.tab_box_body .filter-top span {

    margin: 0 !important;

    color: var(--quaternaryTextColor) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: var(--lineHeightNormal) !important;

    letter-spacing: 0 !important;

    padding: var(--space5) var(--space15) !important;

    background: var(--popupSecondButtonBorder) !important;

    border-radius: var(--radiusXL) !important;

}

.four_box_grid {

    display: grid;

    gap: var(--space20);

    grid-template-columns: repeat(4, 1fr);

}

.four_box_grid .sim-info-left-box {

    padding: 0;

    float: unset;

    width: var(--w100);

}

.four_box_grid .sim-info-left-box .sim-info-left-box-in {

    padding: 0;

}

.four_box_grid .sim-info-billing-title,
.four_box_grid .sim-info-billing-mb {

    text-align: left;

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0 0 var(--space10);

}

.four_box_grid p,
.four_box_grid span.samll-text,
.four_box_grid .sim-info-billing-detail,
.four_box_grid .sim-info-billing-mb-detail {

    color: var(--quaternaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeBody);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    text-transform: uppercase;

}

.four_box_grid span.samll-text,
.four_box_grid p {

    text-transform: unset;

}

.four_box_grid span {

    color: var(--primaryTextColor);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMetric);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

    margin: 0;

}

.sim-status-box {

    padding: var(--space5) var(--space15);

    border-radius: var(--radiusLG);

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMicro);

    font-weight: var(--font-semibold);

    line-height: var(--lineHeightNormal);

    letter-spacing: 0;

}

.tab_btns ul {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: var(--space15);

}

.tab_btns ul li a {

    color: var(--blue) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: 1em !important;

    letter-spacing: 0 !important;

    padding: var(--space10) var(--space45) !important;

    border-radius: var(--radiusXL) !important;

    border: 1px solid var(--defaultBorderColor) !important;

    text-decoration: none !important;

    background: var(--defaultWhiteBackground) !important;

}

.tab_btns ul li a:hover,
.tab_btns ul li a.active,
.tab_btns ul li a:focus {

    background: var(--blue) !important;

    color: var(--secondaryText2Color) !important;

    border-color: var(--blue) !important;

}

#loding1 {

    position: fixed;

    top: 50%;

    left: 50%;

}

.nd_box .box_body ul.sdtdr-in {

    display: flex;

    gap: var(--space20);

    flex-wrap: wrap;

}

.nd_box .box_body ul.sdtdr-in li {

    padding: 0;

}

/* SIM-ACTIVATION */

#PricingPanelID .info_box {

    border: 1px solid var(--defaultBorderColor);

    padding: var(--space15);

    border-radius: var(--space15);

}

/* REVIEW */

.login_page .bottom_section .review_bs_plan_box {

    width: 650px !important;

}

.review_plan_box {

    border: 1px solid var(--defaultBorderColor);

    padding: var(--space15);

    border-radius: var(--space15);

    margin-top: var(--space15);

}

.review_plan_box .sub_title {

    margin: 0 0 var(--space15) !important;

    color: var(--subButton1Color);

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMD) !important;

    line-height: 24px !important;

    font-weight: var(--font-semibold) !important;

    text-align: left !important;

}

.sidbar_main_menu .middlewrapper-left-in {

    background: unset;

    height: unset;

    overflow: unset;

    padding: unset;

}

/* campaigns */

.campaigns_chart {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.campaigns_chart .chart_bottom_items {

    display: flex;

    align-items: center;

    gap: var(--space15);

    min-height: 38px;

}

.campaigns_chart .box_head {

    border: none;

}

.campaigns_chart .box_body {

    border-top: 1px solid var(--defaultBorderColor);

    padding-right: 100px !important;

}

.campaigns_chart .apexcharts-toolbar {

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-semibold);

    line-height: 1em;

    letter-spacing: 0;

    border-radius: var(--radiusLG);

    border: 1px solid var(--button1BorderColor) !important;

    text-decoration: none;

    padding: var(--space10) var(--space25) !important;

    background: var(--primary-light) !important;

    color: var(--secondaryText2Color) !important;

    right: var(--space18) !important;

    bottom: var(--space25) !important;

}

.campaigns_chart .apexcharts-toolbar i {

    color: var(--secondaryText2Color) !important;

}

.campaigns_chart .apexcharts-toolbar:hover {

    color: var(--secondaryText2Color) !important;

    border-color: var(--blue) !important;

    background: var(--button1BackgroundHover) !important;

}

.campaigns_chart .apexcharts-toolbar:hover i {

    color: var(--secondaryText2Color) !important;

}

.campaigns_chart .apexcharts-toolbar .apexcharts-menu-icon {

    height: var(--iconSM);

    width: var(--iconSM);

    transform: none;

    line-height: 1em;

}

.campaigns_chart .apexcharts-menu {

    background: var(--blue) !important;

    border-radius: var(--radiusMD) !important;

    padding: 0 !important;

}

.campaigns_chart .apexcharts-menu .apexcharts-menu-item {

    padding: var(--space8) var(--space10) !important;

    color: var(--secondaryText2Color) !important;

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeMD) !important;

    font-weight: var(--font-normal) !important;

    line-height: var(--lineHeightNormal) !important;

    letter-spacing: 0 !important;

    border-radius: var(--radiusMD) !important;

}

.campaigns_chart .apexcharts-menu .apexcharts-menu-item:hover {

    background: var(--menuprimaryacitve) !important;

    color: var(--subButton1Color) !important;

    border-radius: var(--radiusMD) !important;

}

.campaigns_chart .apexcharts-menu {

    min-width: auto !important;

    width: max-content !important;

    border: none !important;

    box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 8px !important;

}

.campaigns_chart text,
.campaigns_chart span {

    color: var(--medium-gray);

    font-family: var(--fontFamily) !important;

    font-size: var(--fontSizeBody) !important;

    font-weight: var(--font-semibold) !important;

    line-height: var(--lineHeightNormal) !important;

    letter-spacing: 0 !important;

}

.mask_loader {

    top: 0;

}

/* campaigns MAP*/

#totalrecord {

    color: var(--blue) !important;

    font-family: var(--fontFamily);

    font-size: var(--fontSizeMD);

    font-weight: var(--font-semibold);

    line-height: 1em;

    letter-spacing: 0;

    padding: 0;

}

.map_info_list {

    display: flex;

    align-items: center;

    gap: var(--space15);

    justify-content: center;

    flex-wrap: wrap;

}

.map_info_list li {

    padding: 0 !important;

    display: flex;

    align-items: center;

    gap: var(--space5);

}

.map_info_list li span {

    width: var(--iconSM);

    height: var(--iconSM);

    display: inline-block;

    border-radius: var(--radiusRound);

}

/*---------------------------------------------------------------------- RESPONSIVE ----------------------------------------------------------------------*/

@media only screen and (min-width: 1500px) and (max-width: 1690px) {

    /* .new_dashbord {

        padding: 20px;

        grid-template-columns: 300px calc(100% - 320px);

        gap: 20px;

    } */

    /* .new_dashbord .nd_mian_left {

        padding: 20px 20px;

        height: calc(100vh - 40px);

        top: 20px;

    } */

   .new_dashbord .nd_mian_left .topnav li ul li {

    padding: var(--space20) var(--space20) 0;

}

.new_dashbord .nd_mian_left .topnav > li {

    padding: var(--space10) var(--space20);

}

    /* .new_dashbord .nd_mian_left .topnav > li:not(:first-child) {

        margin: 20px 0 0;

    } */

.new_dashbord .nd_mian_left .topnav > li:has(.active) .icon {

    top: var(--space15);

}

    /* .new_dashbord .nd_mian_right .first_section .fs_left,

    .new_dashbord .nd_mian_right .first_section,

    .new_dashbord .nd_mian_right .secound_section .ss_grid {

        gap: 20px;

    } */

    .new_dashbord .nd_mian_right .header .header_right .hr-right > ul {

        gap: var(--space20);

    }

    /* .account_section .as_grid {

        gap: var(--space20);

    } */

    .sidbar_main_menu .topnav {

        height: calc(100vh - 198px);

    }

}

@media only screen and (min-width: 1200px) and (max-width: 1450px) {

    /* .new_dashbord {

        padding: 15px;

        grid-template-columns: 250px calc(100% - 265px);

        gap: 15px;

    } */

    /* .new_dashbord .nd_mian_left {

        padding: 15px;

        height: calc(100vh - 30px);

        top: 15px;

    } */
    /* 
    .new_dashbord .nd_mian_left .topnav>li:has(.active),
    .new_dashbord .nd_mian_left .topnav>li.has-submenu>a,
    .new_dashbord .nd_mian_left .topnav>li,
    .new_dashbord .nd_mian_left .topnav>li:not(:first-child) {
        padding: 15px;
    } */

    /* .new_dashbord .nd_mian_left .topnav li ul li {

        padding: 15px 15px 0;

    } */

    /* .new_dashbord .nd_mian_left .topnav>li {

        padding: 0 15px;

    } */

    /* .new_dashbord .nd_mian_left .topnav > li:not(:first-child) {

        margin: 15px 0 0;

    } */

   .new_dashbord .nd_mian_left .topnav > li:has(.active) .icon {

    top: var(--space15);

}

    /*.siminfo_tab

    .new_dashbord .nd_mian_right .first_section .fs_left,

    .new_dashbord .nd_mian_right .first_section,

    .new_dashbord .nd_mian_right .secound_section .ss_grid  

    {

        gap: 15px;

    }*/

    .new_dashbord .nd_mian_right .header .header_right .hr-right > ul {

    gap: var(--space15);

    }

    /* .account_section .as_grid {

        gap: var(--space15);

    } */

    .new_dashbord .nd_mian_right .first_section .box .box_body .btns a {

        padding: var(--space10) var(--space30);

    }

    .new_dashbord .nd_mian_left .topnav li a {

        font-size: var(--fontSizeMD);

    }

    .new_dashbord .nd_mian_left .topnav li .icon {

        font-size: var(--fontSizeMetric);

        right: var(--space15);

    }

    .nd_box .box_head,
    .nd_box .box_body,
    .new_dashbord .nd_mian_right .first_section .box .box_body,
    .new_dashbord .nd_mian_right .secound_section .box .box_body,
    .new_dashbord .nd_mian_right .secound_section .box .box_head,
    .new_dashbord .nd_mian_right .first_section .box .box_head {

        padding: var(--space15);

    }

    .account_section .company_details_form .cdf_row,
    .grid_two,
    .support_contact,
    .form_fields_space,
    .form_fields_space .colum_two_fields,
    .account_section .company_details_form {

        gap: var(--space15);

    }

    .grid_two + .btns {

        margin: var(--space15) 0 0;

    }

    .sidbar_main_menu .topnav {

        height: calc(100vh - 178px);

    }

    .laptop_space {

        white-space: nowrap !important;

    }

    .primary_btn,
    .secoundry_btn,
    .stg_login .login_page .top-logo .tl_right_col .btn_dark,
    .stg_login .login_page .top-logo .tl_right_col .btn_light,
    .new_dashbord .nd_mian_right .first_section .box .box_body .btns a {

        font-size: var(--fontSizeBody);

    }

}

@media only screen and (min-width: 1200px) and (max-width: 1360px) {

    .new_dashbord .nd_mian_right .first_section .box .box_body .btns a {

        padding: var(--space10) var(--space25);

    }

}

/*---------------------------------------------------------------------- TAB ----------------------------------------------------------------------*/

@media only screen and (max-width: 1026px) {

    body {

        height: auto !important;

    }

    .new_dashbord {

        display: flex !important;

        flex-direction: column !important;

    }

    .new_dashbord .nd_mian_left {

        height: auto !important;

        position: unset !important;

        display: grid;

        grid-template-columns: 30% 70%;

        align-items: center;

        position: relative;

        top: 0;

        background-image: none;

    }

    .sidbar_main_menu .topnav {

        height: auto;

        overflow: auto;

        padding-right: var(--space5);

    }

    .sidbar_main_menu .responsive-btn {

        display: block;

        float: right;

        margin: 0;

    }

    .sidbar_main_menu .responsive-btn img {

        display: block;

        margin-left: auto;

        max-width: var(--space40);

    }

    .sidbar_main_menu .middlewrapper-left-in {

        display: none;

        position: absolute;

        width: var(--w100);

        z-index: 99999;

        left: 0;

        background-color: var(--pageBackground);

        /* background-image: url('../images/new-design/db-left.png'); */

        background-position: bottom right;

        background-repeat: no-repeat;

        background-size: auto;

        border-radius: var(--radiusMD);

    }

    .sidbar_main_menu .middlewrapper-left-in .topnav {

        margin: 0;

    }

    .account_section .as_grid {

        grid-template-columns: 100%;

    }

    .mobile_space {

        white-space: nowrap;

    }

    .responsive_mb_0 {

        margin-bottom: 0 !important;

    }

    .sims_add_table {

        padding-bottom: 200px;

    }

    .billing_summary_report_dec {

        grid-template-columns: 100%;

        gap: 0;

    }

    .nd_table_fix_width thead tr th {

        word-break: normal !important;

    }

    .heatmap_section {

        height: 500px !important;

    }

    .campaigns_chart .box_head.w-50 {

        width: var(--w100) !important;

    }

    .registration_sim_activation .secound_section .ss_grid {

        grid-template-columns: 100%;

        gap: var(--space20);

    }

}

/* 765-1026 */

@media only screen and (min-width:765px) and (max-width: 1026px) {

    .FabButtonFramecss__FabButtonFrameUI-sc-y1b4md-0.bbHIsf.BeaconFabButtonFrame {

        bottom: var(--space20);

        right: var(--space20);

    }

    .nd_full_page,
    .register_page .bottom_section,
    .box_align_top .login-deta .bottom_section {

        padding: var(--space50) var(--space20);

    }

    .nd_full_page .bs_box,
    .login_page .bottom_section .bs_box {

        padding: var(--space30) !important;

    }

    .login_page .top-logo .tl_right_col a {

        width: auto !important;

    }

    .primary_btn,
    .secoundry_btn,
    .stg_login .login_page .top-logo .tl_right_col .btn_dark,
    .stg_login .login_page .top-logo .tl_right_col .btn_light,
    .new_dashbord .nd_mian_right .first_section .box .box_body .btns a {

        padding: var(--space10) 24px;

    }

    .sidbar_main_menu .middlewrapper-left-in {

        top: 75px;

        padding: var(--space20);

    }

    .new_dashbord .nd_mian_left {

        padding: var(--space20) !important;

    }

    .new_dashbord {

        padding: var(--space20) var(--space20) 100px;

        min-height: 100vh;

    }

    .new_dashbord .nd_mian_left .topnav>li:has(.active) {

        padding: var(--space20);

    }

    /* .new_dashbord .nd_mian_left .topnav>li {

        padding: 0 var(--space20);

    } */

    .new_dashbord .nd_mian_left .topnav li ul li {

        padding: var(--space20) var(--space20) 0;

    }

    .new_dashbord .nd_mian_left .topnav>li:has(.active) .icon {

        top: var(--space20);

    }

    body .new_dashbord .nd_mian_left .db_logo {
        justify-content: flex-start;
        padding: 0 !important;
        border: 0 !important;
    }

    .new_dashbord .nd_mian_left .db_logo img {

        max-width: var(--avatarSize);

    }

    .new_dashbord .nd_mian_right .header .header_right .hr-right>ul {

        gap: var(--space15);

    }

    .new_dashbord .nd_mian_right .first_section {

        display: flex;

        flex-direction: column;

        gap: var(--space20);

        margin: var(--space20) 0;

    }

    .new_dashbord .nd_mian_right .secound_section .ss_grid {

        display: flex;

        flex-direction: column;

        gap: var(--space20);

    }

    .new_dashbord .nd_mian_right .secound_section .ss_grid .ss_grid_left .box:not(:first-child) {

        margin: var(--space20) 0 0;

    }

    .top_filters .sale-type-drop,
    .new_dashbord .nd_mian_right .header .header_left .sale-type-drop {

        width: var(--avatarSize) !important;

    }

    .account_section .as_grid {

        gap: var(--space20);

    }

    #import_iccid .file_upload_secoundry {

        width: calc(100% - 120px);

    }

    .siminfo_tab {

        grid-template-columns: 100%;

        gap: var(--space20);

    }

    .billing_reports_info {

        grid-template-columns: 0% 60% 40% !important;

    }

    .support_contact {

        gap: var(--space20);

        grid-template-columns: repeat(1, 1fr);

    }

    .camping_grid_header {

        display: grid;

        grid-template-columns: 50% 45%;

        gap: 5%;

    }

    .mask_loader .loading_text {

        left: calc(50% - 193px);

        margin: 0 0 var(--space18);

        top: calc(50% - 14px);

    }

    .mask_loader img {

        left: calc(50% - var(--iconSM)) !important;

        top: calc(50% + var(--space30)) !important;

    }

    .registration_sim_activation .main_section {

        padding: var(--space50) var(--space20);

    }

}
/* 600 */

@media only screen and (max-width: 676px) {

    .nd_full_page {

        padding: var(--space15) var(--space15) 90px;

    }

    .box_align_top .login-deta .bottom_section {

        padding: var(--space40) var(--space15);

    }

    .nd_full_page .bs_box,
    .login_page .bottom_section .bs_box {

        padding: var(--space20) !important;

        width: var(--w100) !important;

    }

    .login_page .top-logo {

        display: grid;

        grid-template-columns: repeat(2, 1fr);

    }

    .login_page .top-logo .tl_right_col a {

        width: var(--w100) !important;

    }

    .primary_btn,
    .secoundry_btn,
    .stg_login .login_page .top-logo .tl_right_col .btn_dark,
    .stg_login .login_page .top-logo .tl_right_col .btn_light,
    .new_dashbord .nd_mian_right .first_section .box .box_body .btns a {

        padding: var(--space10) var(--iconSM);

        font-size: var(--fontSizeBody);

    }

    .login_page .top-logo .tl_right_col {

        flex-direction: column;

        align-items: flex-end;

    }

    .stg_login .login_page .top-logo .tl_left_col img {

        max-width: var(--avatarSize);

    }

    .nd_full_page .bs_box .title,
    .stg_login .login_page .bottom_section .bs_box .login-head h2 {

        font-size: var(--fontSizeHero) !important;

    }

    .nd_full_page .bs_box .sub_title {

        margin: var(--space5) 0 var(--space15) !important;

    }

    .nd_full_page .bs_box .bs_btns {

        margin: var(--space15) 0 0;

    }

    .sidbar_main_menu .middlewrapper-left-in {

        top: 55px;

        padding: var(--space15);

    }

    .sidbar_main_menu .responsive-btn img {

        max-width: var(--iconXL);

    }

    .new_dashbord .nd_mian_left {
        padding: var(--space15) !important;
    }

    body .new_dashbord .nd_mian_left .db_logo {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .tooltips .tooltiptext {
        min-width: 300px !important;
        max-width: 450px !important;
        width: fit-content !important;
        right: -50vw !important;
        top: var(--iconXL) !important;
    }

    .new_dashbord {

        padding: var(--space15) var(--space15) 90px;

        gap: var(--space20);

        min-height: 100vh;

    }

    .new_dashbord .nd_mian_left .topnav>li:has(.active) {

        padding: var(--space15);

    }

    /* .new_dashbord .nd_mian_left .topnav>li {

        padding: 0 var(--space15);

    } */

    .new_dashbord .nd_mian_left .topnav li ul li {

        padding: var(--space15) var(--space15) 0;

    }

    .new_dashbord .nd_mian_left .topnav>li:has(.active) .icon {

        top: var(--space15);

    }

    .new_dashbord .nd_mian_right .first_section {

        gap: var(--space15);

        margin: var(--space15) 0;

    }

    .new_dashbord .nd_mian_right .first_section .fs_left,
    .new_dashbord .nd_mian_right .secound_section .ss_grid {

        gap: var(--space15);

    }

    .new_dashbord .nd_mian_right .secound_section .ss_grid .ss_grid_left .box:not(:first-child) {

        margin: var(--space15) 0 0;

    }

    .nd_box .box_head,
    .new_dashbord .nd_mian_right .secound_section .box .box_head,
    .new_dashbord .nd_mian_right .first_section .box .box_head,
    .new_dashbord .nd_mian_right .first_section .box .box_body,
    .nd_box .box_body,
    .new_dashbord .nd_mian_right .secound_section .box .box_body {

        padding: var(--space15) !important;

    }

    .new_dashbord .nd_mian_right .header {

        padding: var(--space15);

        gap: var(--space15);

    }

    .new_dashbord .nd_mian_right .header .header_right .hr-right>ul {

        gap: var(--space15);

    }

    .top_filters .sale-type-drop,
    .new_dashbord .nd_mian_right .header .header_left .sale-type-drop {

        width: 130px;

    }

    .form_fields_space,
    .account_section .company_details_form,
    .account_section .as_grid,
    .account_section .company_details_form .cdf_row,
    .grid_two,
    .support_contact,
    .form_fields_space .colum_two_fields {

        gap: var(--space15);

    }

    .nd_fppopup,
    .tab_box_body {

        padding: var(--space15);

    }

    body .search_field_section {

        gap: var(--space15);

    }

    .search_field_section .search_field_row {

        gap: var(--space10);

    }

    .footer_btns,
    .grid_two + .btns {

        margin: var(--space15) 0 0;

    }

    .four_box_grid {

        gap: var(--space15);

    }

    .billing_reports_info {

        gap: var(--space15);

    }

    .campaigns_chart .apexcharts-toolbar {

        right: var(--space15) !important;

        bottom: var(--space15) !important;

    }

    .campaigns_chart .chart_bottom_items {

        gap: var(--space5);

    }

    .nd_box .box_body ul.sdtdr-in {

        gap: var(--space10);

    }

    .registration_sim_activation .secound_section .ss_grid {

        gap: var(--space15);

    }

    .registration_sim_activation .main_section {

        padding: var(--space40) var(--space15);

    }

}

.calendar .calendar-table .table-row .table-col.end-date .table-value-wrapper,

.calendar .calendar-table .table-row .table-col.end-date .table-value-wrapper:hover,

.calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper,

.calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper:hover {

    background: var(--blue) !important;

    color: var(--secondaryText2Color) !important;

}

body .calendar .calendar-header button {

    padding: 6px 0 !important;

}

.calendar .calendar-table .table-row * {

    font-size: var(--fontSizeMD) !important;

    font-family: "Inter", sans-serif;

}

.calendar .calendar-table {

    height: auto !important;

}

.calendar .calendar-table .table-row,

.calendar .calendar-table .table-row .table-col.start-date,

.calendar .calendar-table .table-row .table-col .table-value-wrapper,

.calendar .calendar-table .table-row .table-col.end-date .table-value-wrapper,

.calendar .calendar-table .table-row .table-col.start-date .table-value-wrapper,

.calendar .calendar-table .table-row .table-col .week-day.unavailable,

.calendar .calendar-table .table-row .table-col.out-of-boundaries,

.calendar .calendar-table .table-row .table-col.unavailable {

    height: 35px !important;

    max-height: 35px !important;

}

.default-link-hover {

    color: var(--defaultLinkColor) !important;

}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {

    background: var(--blue) !important;

}

.logout-notify {

    font-size: var(--fontSizeBody);

    color: var(--menuprimarytextcolor);

    font-weight: 600;

    text-align: center;

}

.progress-bar-custom {

    position: relative;

    margin: var(--space15);

    float: left;

    text-align: center;

}

/* .overflow-auto .nd_table thead tr th:nth-child(01) {
    text-align: center !important;
} */

.font-size-14 {
    font-size: var(--fontSizeBody);
}

@media only screen and (max-width: 1026px) {

    .overflow-x-auto .nd_table tbody tr td {
        white-space: nowrap !important;
    }

}

@media only screen and (max-width: 676px) {

    .new_dashbord .nd_mian_right .header .header_right .hr-right > ul {

        gap: var(--space10) !important;

    }

    body .hr-right {

        text-align: left !important;

        width: var(--w100);

    }

    .content_wrapper .row.space-x_10 {

        gap: var(--space10) !important;

    }

    .mob-m-0 {

        margin: 0 !important;

    }

    .sub-lines {

        margin: 0 !important;

    }

    section.header-title.py-3 {

        padding: var(--space8) 0 !important;

    }

    .card.p-3 {

        padding: var(--space12) !important;

    }

    .card.p-4 {

        padding: var(--space15) !important;

    }

    .card-header.d-flex {

        column-gap: var(--space10) !important;

    }

    .hr-user-deta {

        right: 3px !important;

    }

    .search_field_section .search_field {

        min-width: var(--w100) !important;

    }

    .overflow-x-auto .nd_table tbody tr td {

        white-space: nowrap !important;

    }

    .new_dashbord .nd_mian_right .header .header_right .hr-right .hr-search-box-in {

        display: flex !important;

        flex-wrap: nowrap;

        flex-direction: row;

        align-items: center;

        max-width: var(--avatarSize);

        gap: var(--space10);

        width: var(--w100);

    }

    .hr-search-input {

        width: var(--w100) !important;

    }

    .FabButtonFramecss__FabButtonFrameUI-sc-y1b4md-0.bbHIsf.BeaconFabButtonFrame {

        bottom: var(--space5) !important;

        right: var(--space10) !important;

    }

    .nd_table_fix_width tbody tr td {

        word-break: break-word !important;

        white-space: nowrap !important;

    }

    .nd_box .box_body.p-0 .tags-main .tags-main-in {

        padding-bottom: 0 !important;

    }

    body .card .card-body label,
    body label {

        font-size: var(--fontSizeCaption) !important;

        font-weight: var(--font-medium) !important;

        margin-bottom: var(--space5) !important;

    }

    body .modal .modal-dialog.modal-dialog-centered label.form-check-label {

        bottom: -5px !important;

        position: relative !important;

    }

    body #customizeColumnsModal .modal-dialog.modal-dialog-centered label.form-check-label {
        bottom: 0 !important;
    }

    body .mob-flex-wrap {

        flex-wrap: wrap !important;

        gap: var(--space5) !important;

    }

    body .nav-tabs .nav-link {

        padding: 0.25rem !important;

        margin-right: 1rem !important;

    }

    body .container-fluid.p-4 {

        padding: 0 !important;

    }

    body button.sim-actions-btn {

        padding: 0 !important;

        position: relative !important;

        top: -5px !important;

    }

}

body .overflow-x-auto {
    overflow-x: auto !important;
}

body .hr-search-box {
    margin-top: var(--space4) !important;
}

body .chosen-container-multi .chosen-choices {
    display: block;
    width: var(--w100);
    padding: .375rem .75rem;
    font-size: var(--fontSizeMD);
    font-weight: var(--font-normal);
    line-height: 1.5;
    color: var(--primaryTextColor);
    background-color: var(--defaultWhiteBackground);
    background-clip: padding-box;
    border: 1px solid var(--secondaryBorderColor);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-repeat: no-repeat !important;
    background-position: right var(--space5) center !important;
    background-size: var(--space20) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a5858' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    min-width: 50px;
}

body .chosen-container-active .chosen-choices {
    border: 1px solid var(--primary) !important;
    border-color: var(--primary) !important;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(48, 117, 190, 0.25) !important;
    box-shadow: 0 0 0 0.2rem rgba(48, 117, 190, 0.25) !important;
    outline: 0 !important;
}

body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    font-size: var(--fontSizeBody) !important;
}

body .chosen-container-multi .chosen-choices li.search-choice {
    border: 1px solid var(--priprimaryTextColor) !important;
    background-color: var(--primary-light) !important;
    background-image: unset !important;
    background-size: unset !important;
    background-repeat: unset !important;
    background-clip: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    color: var(--secondaryText2Color) !important;
    line-height: 14px;
    font-size: var(--fontSizeBody);
}

body div#account_chosen {
    max-width: var(--w100) !important;
}

.activity-table thead th {
    background-color: var(--quaternaryBackgroundColor) !important;
}
/* Registration progress indicator (register steps 1-4 + sim-activation) */
.reg-steps {
    max-width: 480px;
    width: var(--w100);
    margin: 0 auto var(--space22, 22px);
}

.reg-steps-count {
    margin: 0 0 var(--space12);
    font-size: var(--fontSizeCaption);
    font-weight: var(--font-semibold);
    letter-spacing: .02em;
    color: var(--quaternaryTextColor);
    text-align: center;
}

.reg-steps-list {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.reg-step {
    flex: 1 1 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0;
}

/* Connector line into each step (skipped on the first step). */
.reg-step::before {
    content: "";
    position: absolute;
    top: var(--space24);
    left: -50%;
    width: var(--w100);
    height: 2px;
    background: var(--cardBorderColor);
    z-index: 0;
}

.reg-step:first-child::before {
    display: none;
}

.reg-step-done::before,
.reg-step-active::before {
    background: var(--defaultTextColor);
}

.reg-step-marker {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    border-radius: var(--radiusRound);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: var(--font-semibold);
    background: var(--defaultWhiteBackground);
    border: 2px solid var(--cardBorderColor);
    color: var(--quaternaryTextColor);
}

.reg-step-done .reg-step-marker {
    background: var(--defaultTextColor);
    border-color: var(--cardBorderColor);
    color: var(--secondaryText2Color);
}

.reg-step-active .reg-step-marker {
    border-color: var(--defaultTextColor);
    color: var(--defaultTextColor);
}

.reg-step-label {
    margin-top: var(--space7);
    font-size: 11px;
    font-weight: var(--font-medium);
    color: var(--quaternaryTextColor);
}

.reg-step-done .reg-step-label,
.reg-step-active .reg-step-label {
    color: var(--primaryTextColor);
}

@media (max-width: 480px) {
    .reg-step-label {
        font-size: 10px;
    }
}

@media (min-width: 991px) {

    .right-side-bar {
        height: 100dvh;
        position: sticky;
        top: 0;
        overflow: hidden;
    }
}

.iti__dropdown-content {
    font-family: var(--fontFamily);
    border: 1px solid var(--secondaryBorderColor);
    border-radius: var(--radiusSM);
    box-shadow: var(--shadowLG);
    overflow: hidden;
}

.iti__search-input {
    font-family: var(--fontFamily);
    font-size: var(--fontSizeBody);
    padding: var(--space8) var(--space13);
}

.iti__country-list {
    font-family: var(--fontFamily);
}

.iti__country {
    font-family: var(--fontFamily);
    font-size: var(--fontSizeBody);
    padding: var(--space8) var(--space13);
    color: var(--primaryTextColor);
}

/* Hover / keyboard-active row */
.iti__country.iti__highlight {
    background-color: var(--hoverGrey);
    color: var(--primaryTextColor);
}

/* Selected country */
.iti__country[aria-selected="true"],
.iti__country[aria-selected="true"].iti__highlight {
    background-color: var(--menuActiveBox);
    color: var(--secondaryText2Color);
}

.iti__country[aria-selected="true"] .iti__dial-code,
.iti__country[aria-selected="true"].iti__highlight .iti__dial-code {
    color: var(--secondaryText2Color);
}

/* Normal dial code */
.iti__dial-code {
    color: var(--lableTextColor);
}

hr {
    margin: 2px 0 !important;
    opacity: 0.1 !important;
}

.iti__selected-country{
    color: var(--lableTextColor) !important;
}

.sdr-btn {
    color: var(--infoTextColor) ;
}

/* .mat-menu-box.nd_drop_down ul li:hover a {
        background-color: var(--menu-hover-bg) !important;
           color: var(--menuprimarytextcolor) !important;
} */