:root {

    --blue: #082544;

    --popupBackground: #FFFFFF;

    --popupTextColor: #000000; 

    --menuprimarytextcolor: #FFFFFF;

    --menuprimarytextcolorhover: #FFFFFF;

    --menuprimaryacitve: #04182D;

    --pageBackground: #e6f3ff;

    --secondaryBackground: #FFF;

    --secondaryTextColor: #082544;

    --mainButtonHighlightColor: #FFF;

    --secondButtonHighlightColor: #082544;

    --defaultLinkColor: #49ABE9;

    

    --menuActiveBox: #2D73BE;



    --button1Background: #082544;

    --button1TextColor: #FFFFFF;

    --button1BackgroundHover: #061e36;

    --button1TextColorHover : #FFFFFF;



    --button2Background: #FFFFFF;

    --button2TextColor: #082544;

    --button2BackgroundHover: #F5F5F5;

    --button2TextColorHover : #000000;

    --button2OutlineColor: #d7d6d6;



    --subButton1Background:transparent;

    --subButton1Color:#49ABE9;

    --subButton1Border:#49ABE9;



    --subButton2BackgroundHover:transparent;

    --subButton2ColorHover:#49ABE9;



    --defaultBorderColor:#E2E8EE;



    --popupInputBorder:1px solid #D7D6D6;

    --popupSecondButtonBackgound:#FFFFFF;

    --popupSecondButtonColor:#04182D;

    --popupSecondButtonBorder:#E2E8EE;



    --popupSecondButtonHover:#082544;

    --popupSecondButtonHoverText:#FFFFFF;



    --popupFirstButtonBackgound:#082544;

    --popupFirstButtonBorder:#E2E8EE;

    --popupFirstButtonTextColor:#FFFFFF;



    --popupFirstButtonHoverBackgound:#FFFFFF;

    --popupFirstButtonHoverText:#082544;



}



.upload_img_icon {

    max-width: 175px !important;

    max-height: 60px !important;

    object-fit: contain !important;

    width: auto !important;

}


body{
    background-color: #F0F0F0 !important;
}
.hsds-beacon .bbHIsf {
    bottom: 70px !important;
}
/* NEW DASHBORD 23-04-2024 */

.new_dashbord {

    padding: 10px;

    display: grid;

    grid-template-columns: 325px calc(100% - 335px);

    gap: 10px;

    background: #F0F0F0;

}

.sidbar_main_menu .topnav {

    height: calc(100vh - 278px);

    overflow: auto;

    padding-right: 5px;

}

.sidbar_main_menu .topnav::-webkit-scrollbar {

    width: 5px;

    background: #04182D;

}

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

    background-color: #49ABE9;

}

.new_dashbord .nd_mian_left {

    background-color: var(--blue);

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

    background-position: bottom right;

    background-repeat: no-repeat;

    background-size: auto;

    border-radius: 7px;

    padding: 25px 15px;

    height: calc(100vh - 20px);

    position: sticky;

    top:10px;
    transition: all 2s ease !important;
}

.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: 220px;

    width: 100%;

}



.new_dashbord .nd_mian_left .db_logo .powered_by {

    display: flex;

    align-items: flex-end;

    gap: 5px;

    justify-content: center;

    margin: 20px 0 0;

}

.new_dashbord .nd_mian_left .db_logo .powered_by p {

    margin: 0;

    padding: 0;

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

    font-size: 16px;

    font-weight: 600;

    line-height: 1.25em;

    letter-spacing: 0.5px;

    color: var(--menuprimarytextcolor);

}

.new_dashbord .nd_mian_left .db_logo .powered_by img {

    /*max-width: 90px;*/

    max-width: 170px;

    width: 100%;

    margin: 0 auto;

}



.login_page .top-logo .tl_left_col {

    gap: 20px;

    align-items: center;

}

.login_page .top-logo .tl_left_col .powered_by {

    display: flex;

    align-items: flex-end;

    gap: 5px;

    justify-content: center;

    margin: 0 0 0;

}

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

    margin: 0;

    padding: 0;

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

    font-size: 16px;

    font-weight: 600;

    line-height: 1.25em;

    letter-spacing: 0.5px;

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

}

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

    /*max-width: 90px;*/

    width: 100%;

}



.new_dashbord .nd_mian_left .topnav {

    margin: 30px 0 0;

}

.new_dashbord .nd_mian_left .topnav li.disable {

    pointer-events: none;

    opacity: 0.5;

}

/* .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: 10px 0px 10px 30px;

    background: var(--menuActiveBox);

    border-radius: 7px;

}

/* .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: 10px 0 0;

    padding: 10px 0px 10px 20px;

}

.new_dashbord .nd_mian_left .topnav li ul li{

    padding: 10px 0px 10px 30px;

}

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

    padding: 10px 0px 10px 0px;       

}

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

    padding: 10px 0px 10px 0px;

}

.new_dashbord .nd_mian_left .topnav li a {

    padding: 0;

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

    font-size: 16px;

    font-weight: 600;

    line-height: 1.25em;

    letter-spacing: 0.5px;

    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: 11px;

    right: 20px;

    cursor: pointer;

    font-size: 20px;

    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: #ffffff1f;

    border-radius: 10px;

}

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

    padding-left: 20px;

}



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

    color: var(--menuprimarytextcolorhover);

}

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

    color: var(--menuprimarytextcolorhover);

    top: 11px;

}

.new_dashbord .nd_mian_left .topnav li > a img {

    width: 100%;

    max-width: 24px;

} 

.new_dashbord .nd_mian_left .topnav li a:hover,

.new_dashbord .nd_mian_left .topnav li a.active,

.new_dashbord .nd_mian_left .topnav li ul li a.active {

    background: unset;

    color: var(--menuprimarytextcolorhover);

}



.new_dashbord .nd_mian_right .header {

    background: #FFFFFF;

    border-radius: 7px;

    padding: 13px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 15px;

}

.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: #04182D;

    border-radius: 7px;

    top: 55px;

}

.new-label-title {

    color: #FFF;

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

    font-size: 14px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

}

.sabtn-close-btn i {

    color: var(--popupTextColor);

}

input#startdate {

    color: #000;

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

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5em;

    letter-spacing: 0;

    border-radius: 7px;

    padding: 5px;

    border: none;

}

.new-user-filter-main {

    margin: 0 0;

}

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

    background: #49ABE9;

    margin: 0;

    color: #04182D;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1em;

    letter-spacing: 0;

    padding: 10px 25px;

    border-radius: 25px;

    border: 1px solid #49ABE9;

    text-decoration: none;

}

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

    background: transparent;

    color: #49ABE9;

}

.drp-selected {

    color: #000;

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

    font-size: 14px !important; 

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

}

.drp-buttons .cancelBtn {

    color: var(--blue);

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

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1em;

    letter-spacing: 0;

    padding: 10px 25px !important;

    border-radius: 25px;

    border: 1px solid #E2E8EE;

    text-decoration: none;

    background: #FFF;

}

.drp-buttons .cancelBtn:hover {

    background: var(--blue);

    color: #FFF;

    border-color: var(--blue);

}

.drp-buttons .applyBtn {

    background: var(--blue);

    color: #FFF;

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

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1em;

    letter-spacing: 0;

    padding: 10px 25px !important;

    border-radius: 25px;

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

    text-decoration: none;

}

.drp-buttons .applyBtn:hover {

    background: #FFF;

    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: #BBBBBB;

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

    font-size: 12px;

    font-weight: 400;

    line-height: 1.2em;

    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 #BBBBBB;

    color: #000;

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

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

}

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

    margin: 0 15px 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: 25px;

}

.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: 10px;

}

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

    display: flex;

    flex-direction: column;

    gap: 5px;

}

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

    color: #000;

}

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

    color: #BBBBBB;

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

    font-size: 12px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

}

.nd_drop_down,

.new_dashbord .nd_mian_right .header .header_right .hr-right ul .user_icon .hr-user-deta {

    background: var(--blue) !important;

    border-radius: 7px !important;

    padding: 0 !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: #FFF !important;

    font-size: 16px !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: 8px 10px !important;

    color: #FFF !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.2em !important;

    letter-spacing: 0 !important;

    border-radius: 7px !important;

}

.nd_drop_down li a:hover i,

.nd_drop_down li a:hover,

.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(--menuActiveBox) !important;

    color: var(--menuprimarytextcolor) !important;

    border-radius: 7px !important;

}

.new_dashbord .nd_mian_right .header .header_right i {

    font-size: 30px;

    color: #000;

}

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

    background: var(--blue);

    border-radius: 7px;

    padding: 10px;

    width: 270px;

}

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

    color: var(--popupTextColor);

    font-size: 16px;   

}

.select2-container,

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

    margin: 0;

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

    font-size: 12px;

    font-weight: 400;

    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 5px;

}

input.select2-search__field {

    border-radius: 7px;

}

.select2-dropdown--below {

    z-index: 9999 !important;

}



.new_dashbord .nd_mian_right .first_section {

    display: grid;

    grid-template-columns: 64% auto;

    gap: 10px;

    margin: 10px 0;

}

.new_dashbord .nd_mian_right .first_section .fs_left {

    display: grid;

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

    gap: 10px;

}

.nd_box,

.new_dashbord .nd_mian_right .secound_section .box,

.new_dashbord .nd_mian_right .first_section .box {

    border: 1px solid #E2E8EE;

    border-radius: 7px;

    background: #FFF;

}

.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: 19px 19px 12px;

    border-bottom: 1px solid #E2E8EE;

}

.db_subaccounts .chart_info .title,

.new_dashbord .nd_mian_right .first_section .box .box_head .title {

    color: #000;

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

    font-size: 36px;

    font-weight: 600;

    line-height: 1.2em;

    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: #989FA6;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    text-transform: uppercase;

}

.new_dashbord .nd_mian_right .first_section .box .box_body {

    padding: 20px 18px 26px;

}

.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: #000000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    display: flex;

    align-items: center;

    gap: 8px;

}

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

    margin-bottom: 7px;

}

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

    width: 5px;

    height: 5px;

    border-radius: 5px;

    line-height: 16.8px;

    display: block;

}



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

    /* display: flex;

    justify-content: space-between; */

    display: grid;

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

    gap: 15px;

    margin-bottom: 12px;

}

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

    padding: 10px !important;

}

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

    gap: 20px;

}

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

    padding: 10px !important;

    width: 100% !important;

    text-align: center !important;

}



.input_field {

    border: 1px solid #BBBBBB;

    color: #000;

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

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

    border-radius: 6px;

    padding: 8px 8px;

}



.primary_select {

    color: var(--blue) !important;

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

    font-size: 16px !important;

    font-weight: 600 !important;

    line-height: 1em !important;

    letter-spacing: 0 !important;

    padding: 7px !important;

    border-radius: 25px !important;

    border: 1px solid #E2E8EE !important;

    text-decoration: none !important;

    background: #FFF !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: "Inter", sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1em;

    letter-spacing: 0;

    padding: 10px 45px;

    border-radius: 25px;

    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: 10px;

}

.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(--button1Background) !important;

    color: var(--button1TextColor) !important;

    border-color: var(--button1Background) !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(--button2BackgroundHover) !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: 10px;

    color: var(--blue);

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1em;

    letter-spacing: 0;

    padding: 10px 45px;

    border-radius: 25px;

    border: 1px solid #E2E8EE;

    text-decoration: none;

    background: #FFF;

}

.file_upload:hover::before {

    background: var(--blue);

    color: #FFF;

    border-color: var(--blue);

}

.file_upload_secoundry::before {

    background: var(--blue);

    color: #FFF;

    border-color: var(--blue);

}

.file_upload_secoundry:hover::before {

    background: #FFF;

    color: var(--blue);

    border-color: #E2E8EE;

}

.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: #000000;

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

    font-size: 14px;

    font-weight: 400;

    line-height: 1.2em;

    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: #000;

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

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0;

}

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

    margin-bottom: 15px;

}

.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: #000000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

}



.new_dashbord .nd_mian_right .secound_section .ss_grid {

    display: grid;

    grid-template-columns: 64% auto;

    gap: 10px;

}

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

    margin: 10px 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: 18px;

}

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

    margin-bottom: 20px;

}

.nd_box .box_body .info,

.nd_box .box_body .info_box .title {

    text-align: left;

    color: #000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0 10px;

}

.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 5px;

}

.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: 5px;

}

.nd_box .box_head .dec,

.nd_box .box_body .dec,

.nd_box .box_body .info_box p {

    color: #989FA6;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    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: "Inter", sans-serif;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    text-decoration: none;

}

.nd_box .box_body .info_box ul li .data_left {

    color: #989FA6;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    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: #000000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

}

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

    padding: 0 0 5px;

}

.nd_box .box_body ul li,

.nd_box .box_body ul li span {

    color: #989FA6;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

}

.nd_box .box_body ul li span {

    color: #000000;

}



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

    color: #5E5C5C;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0 10px;

}

.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: 20px;

}

.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: #000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0 10px;

} 

.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: 0 0 5px;

}

.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: #5E5C5C;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    text-align: center;

}

.success_msg {

    color: green;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    text-align: center;

}

.failed_msg {

    color: red !important;

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

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.2em !important;

    letter-spacing: 0 !important;

    text-align: center !important;

}



/* POsition */

.position_relative {

    position: relative;

}



/* line-Height */

.line_height_dec {

    line-height: 1.5em !important;

}



/* Align */

.text_left {

    text-align: left !important;

}

.text_center {

    text-align: center !important;

}



/* width */

.w-100 {

    width: 100%;

}

.w-30 {

    width: 30%;

}



/* Space */

.p-0 {

    padding: 0 !important;

}

.pt-10 { 

    padding-top: 10px;

}

.p-30 {

    padding: 30px;

}

.pt-30 {

    padding-top: 30px;

}

.py-0 {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

}

.py-10 {

    padding-top: 10px !important;

    padding-bottom: 10px !important;

}

.pb-5 {

    padding-bottom: 5px;

}

.pb-10 {

    padding-bottom: 10px;

}

.pb-15 {

    padding-bottom: 15px;

}

.pb-20 {

    padding-bottom: 20px;

}

.pb-30 {

    padding-bottom: 30px;

}

.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: 30px !important;

}

.mt-18 {

    margin-top: 18px !important;

}

.mt-10 {

    margin-top: 10px !important;

}

.mb-5 {

    margin-bottom: 5px !important;

}

.mb-10 {

    margin-bottom: 10px !important;

}

.mb-15 {

    margin-bottom: 15px !important;

}

.mb-20 {

    margin-bottom: 20px !important;

}

.mb-75 {

    margin-bottom: 75px !important;

}

.mt-15 {

    margin-top: 15px !important;

}

.mt-20 {

    margin-top: 20px !important;

}

.mt-25 {

    margin-top: 25px !important;

}

.ml-15 {

    margin-left: 15px !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: 20px !important;

    margin-bottom: 20px !important;

}



.mx-0 {

    margin-left: 0 !important;

    margin-right: 0 !important;

}

.mx-20 {

    margin-left: 20px !important;

    margin-right: 20px !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: 15px !important;

}



/* Dashboard Sub Accounts */

.db_subaccounts .ss_grid_right .box {

    height: 100%;

}

.db_subaccounts .ss_grid_right .box_body {

    height: calc(100% - 65px);

}

.db_subaccounts .ss_grid_right .box_body .chart_info {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: 100%;

}

.db_subaccounts .ss_grid_right .box_body .chart_info img {

    width: 100%;

    max-width: 16px;

}

.db_subaccounts .chart_info .title,

.db_subaccounts .chart_info .sub_title {

    text-align: center;

}

.box_head_export_btn {

    display: grid;

    grid-template-columns: auto 24px;

    gap: 20px;

}

.box_head_export_btn .export_btn img {

    width: 100%;

    max-width: 24px;

}



/* Organization Account */

.account_section .as_grid {

    display: grid;

    grid-template-columns: auto 64%;

    gap: 10px;

}

.account_section .as_account {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 0 25px;

}

.account_section .as_account .upload-logo {

    width: 150px;

    height: 150px;

    position: relative;

}

.account_section .as_account .upload-logo .close_btn {

    max-width: 30px;

    position: absolute;

    bottom: 5px;

    right: 5px;

    border-radius: 40px;

    cursor: pointer;

}

.account_section .as_account .upload-logo span {

    width: 144px;

    line-height: 0;

}

.account_section .as_account .upload-logo img {

    width: 100%;

    aspect-ratio: 1/1;

    max-width: 150px;

    border-radius: 150px;

}

.nd_input {

    border: 1px solid #BBBBBB;

    border-radius: 6px;

    padding: 6px 13px;

}

.nd_input span {

    color: #BBBBBB;

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

    font-size: 12px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

    text-transform: uppercase;

}

.nd_input_info {

    color: #BBBBBB;

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

    font-size: 12px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

    padding: 5px 0 0;

}

.nd_input select,

.nd_input input {

    color: #000;

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

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

    padding: 0;

    margin: 5px 0 0;

    height: auto;

    background: transparent;

    border: none !important;

    display: block;

    width: 100%;

}

.pwd_field {

    position: relative;

    margin: 5px 0 0;

}

.pwd_field input {

    margin: 0;

}

.pwd_field a {

    line-height: 0;

    position: absolute;

    top: calc(50% - 8px);

    right: 5px;

    height: 16px;

}

.pwd_field a i {

    font-size: 16px;

    line-height: 1em;

    color: var(--blue);

}



.account_section .as_secound .btns {

    display: flex;

    justify-content: space-between;

    margin: 15px 0 0;

}

.account_section .as_secound .btns a {

    width: calc(50% - 6px);

    text-align: center;

}

.form_fields_space,

.account_section .company_details_form {

    display: grid;

    gap:20px;

}

.form_fields_space .colum_two_fields {

    display: grid;

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

    gap: 20px;

}

.account_section .company_details_form .cdf_row {

    display: grid;

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

    gap:20px;

}

.account_section .company_details_form .btns {

    display: flex;

    gap: 15px;

}

.nd_table_scroll {

    overflow-x: auto;

}

.nd_table_scroll .nd_table {

    /* width: max-content; */

    width: 100%;

    display: table;

}

.nd_table_scroll::-webkit-scrollbar {

    width: 5px;

    height: 5px;

    background: var(--blue);

}

.nd_table_scroll::-webkit-scrollbar-thumb {

    background-color: #49ABE9;

}

.nd_table {

    width: 100%;

    background-color: #FFF;

}

.nd_table thead {

    text-align: left;

}

.nd_table thead tr th.fit {

    width: 0;

    min-width: fit-content;

}

.nd_table thead tr th {

    padding: 13px 6px;

    color: #000;

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

    font-size: 12px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    border-bottom: 3px solid #E2E8EE;

    text-transform: uppercase;

    background: #FFF;

    white-space: nowrap;

}

.nd_table.nd_table_fw thead tr th {

    white-space: normal;

}

.nd_table_fix_width thead tr th {

    white-space: unset;

    word-break: break-all;

}

.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: 13px 6px;

    color: #989FA6;

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

    font-size: 12px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    border-bottom: 1px solid #E2E8EE;

}

.nd_table tbody tr td a {

    color: var(--blue);

}

.nd_table tbody tr td a:hover {

    text-decoration: none;

    color: #49ABE9;

}

.nd_table tbody tr td .action {

    display: flex;

    align-items: center;

    gap: 15px;

    justify-content: flex-end;

}

.nd_table tbody tr td .action i {

    font-size: 20px;

    line-height: 1em;

    color: #989FA6;

}

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

    color: #04182D;

}

.card_details {

    padding: 7px 14px;

    background: #E2E8EE;

    border-radius: 25px;

}

.card_details .payment-card span,

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

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

    font-size: 12px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    color: #989FA6;

}

.card_details .payment-card i,

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

    color: #000;

    font-size: 20px;

}

.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: 7px 14px;

    background: #E2E8EE;

    border-radius: 25px;

}

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

    background: #d7e5f2;

}

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

    background: #cae4e5;

}

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

    background: #dae7f0;

}

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

    background: #caced7;

}

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

    background: #d8d8d8;

}

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

    background: #ced5dd;

}



.nd_table tbody tr td .role.status_unpaid {

    background: #cb0202;

    width: auto !important;

    display: inline-block;

}

.nd_table tbody tr td .role.status_paid {

    background: #047c07;

    width: auto !important;

    display: inline-block;

}



.nd_table_paging {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 15px;

    padding: 15px 0 0;

}

.nd_table_paging span {

    color: #000;

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

    font-size: 14px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

}

.nd_table_paging select {

    color: #000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    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:20px;

    align-items: start;

}

.footer_btns,

.grid_two + .btns {

    margin: 20px 0 0;

    display: flex;

    gap: 15px;

}

/* popup box */

.nd_popup {
    background: var(--popupBackground) !important;
    border-radius: 7px !important;
    z-index: 999 !important;
    left: unset !important;
    right: 30px !important;
    width: auto !important;
    min-width: 350px !important;
    z-index: 999999 !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: #000 !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.5em !important;

    letter-spacing: 0 !important;

    border-radius: 7px !important;

    padding: 5px !important;

    margin: 5px 0 0 !important;

    border: var(--popupInputBorder) !important;

    height: auto !important;

    width: 100% !important;

    background: #FFF !important;

} 

.nd_popup form.FrmEditTag .label-input {

    color: #000 !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.5em !important;

    letter-spacing: 0 !important;

    border-radius: 7px !important;

    padding: 5px !important;

    margin: 5px 0 0 !important;

    border: var(--popupInputBorder) !important;

    height: auto !important;

    width: 100% !important;

    background: #FFF !important;

} 

.nd_popup .footer_btn,

.nd_popup .labelrm-btn {

    display: flex;

    justify-content: flex-start;

    gap: 10px;

    margin: 15px 0 0;

}

.nd_popup .footer_btn a,

.nd_popup .footer_btn button,

.nd_popup .labelrm-btn button {

    margin: 0;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1em;

    letter-spacing: 0;

    padding: 7px 25px;

    border-radius: 25px;

    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(--button2BackgroundHover);

    color: var(--button2TextColorHover);

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

}

.nd_popup .footer_btn .secound,

.nd_popup .labelrm-btn button.tagSave {

    background: var(--button1Background);;

    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 10px;

}

.nd_popup .two_col * {

    color: var(--popupTextColor);;

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

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5em;

    letter-spacing: 0;

}

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

    margin: 3px 3px 3px 4px;

}

.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: "Inter", sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5em;

    letter-spacing: 0;

}

.nd_popup .sims_filters {

    margin: 0 !important;

}

.nd_popup .sims_filters .focus { 

    color: #49ABE9;

}

.nd_popup .sims_filters a {

    padding: 10px;

}

.nd_popup .sims_filters > li {

    border-bottom: 1px solid #5A5858;

}

.nd_popup .sims_filters li ul {

    padding: 0 10px 10px;

}

.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: 7px !important;

    padding: 18px;

    position: relative;

}

.new-label-title,

.nd_fppopup .title {

    color: var(--popupTextColor) !important;

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

    font-size: 20px !important;

    font-weight: 600 !important;

    line-height: 1.2em !important;

    letter-spacing: 0 !important;

    margin: 0 0 15px !important;

    text-align: left !important;

    border: none !important;

    padding: 0 !important;

}

.nd_fppopup .ndfp_label {

    color: var(--popupTextColor) !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.5em !important;

    letter-spacing: 0 !important;

}

.nd_fppopup_main .nd_fppopup .contain {

    color: #f9f9f9;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0;

}

.nd_fppopup .ndfp_select,

.nd_fppopup .ndfp_select option,

.nd_fppopup .ndfp_input {

    color: #000 !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.5em !important;

    letter-spacing: 0 !important;

    border-radius: 7px !important;

    padding: 5px !important;

    margin: 0 0 !important;

    border: var(--popupInputBorder) !important;

    height: auto !important;

    width: 100% !important;

    background: #FFF !important;

}

.nd_fppopup .footer_btn {

    display: flex;

    justify-content: flex-start;

    gap: 10px;

    margin: 15px 0 0;

}

.nd_fppopup .footer_btn a {

    margin: 0;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1em;

    letter-spacing: 0;

    padding: 7px 25px;

    border-radius: 25px;

    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(--button2BackgroundHover);;

    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(--button1BackgroundHover);

    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: 20px;

}

.search_field_section .search_field_row {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 15px;

    flex-wrap: wrap;

}

.search_field_section .search_field_row .primary_btn,

.search_field_section .search_field_row .secoundry_btn {

    padding: 10px 25px !important;

}

.search_field_section .search_field_form {

    position: relative;

}

.search_field_section .search_field {

    border: 1px solid #BBBBBB;

    color: #000;

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

    font-size: 16px;

    font-weight: 400;

    line-height: 1.2em;

    letter-spacing: 0;

    border-radius: 6px;

    padding: 8px 8px 8px 22px;

}

.search_field_section .search_icon {

    text-decoration: none;

    font-size: 15px;

    color: #5A5858;

    position: absolute;

    left: 4px;

    top: calc(50% - 7.5px);

    line-height: 15px;

}



.filter_item {

    display: flex;

    gap: 10px;

    margin: 0;

}

.filter_item span {

    margin: 0;

    background: var(--blue);

    color: #FFF;

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

    font-size: 14px;

    font-weight: 400;

    line-height: 1em;

    letter-spacing: 0;

    display: flex;

    align-items: center;

    gap: 5px;

}

.filter_item span i {

    line-height: 1em;

}



/* Full page form */

.nd_full_page {

    background-color: var(--pageBackground);

    min-height: 100vh;

    padding: 50px 0;

    display: flex;

    align-items: flex-start;

    justify-content: center;

}

.nd_full_page .bs_box {

    width: 500px;

    padding: 50px 40px;

    background-color: #FFF;

}

.bottom_section .bs_box .title,

.nd_full_page .bs_box .title {

    color: #000 !important;

    font-family: "Inter", Sans-serif !important;

    font-size: 2.6rem !important;

    font-weight: 800 !important;

    text-align: center !important;

    margin: 0 !important;

}

.bottom_section .bs_box .sub_title,

.nd_full_page .bs_box .sub_title {

    color: #000;

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

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    margin: 10px 0 20px;

    text-align: center;

}

.bottom_section .bs_box .bs_btns,

.nd_full_page .bs_box .bs_btns {

    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin: 20px 0 0;

}

.bottom_section .bs_box .bs_body *,

.nd_full_page .bs_box .bs_body * {

    color: #000;

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

    font-size: 16px;

    line-height: 24px;

}



/* SWEET ALERT */

.swal2-popup .swal2-title {

    margin: 0 0 15px !important;

    color: #000 !important;

    font-family: "Inter", Sans-serif !important;

    font-size: 30px !important;

}

.swal2-popup #swal2-content {

    color: #000 !important;

    font-family: "Inter", Sans-serif !important;

    font-size: 16px !important;

    line-height: 24px !important;

    font-weight: 400 !important;

}

.swal2-popup .swal2-actions {

    margin: 15px 0 0 !important;

}

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

    background: var(--blue) !important;

    color: #FFF !important;    

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

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1em !important;

    letter-spacing: 0 !important;

    padding: 10px 45px !important;

    border-radius: 25px !important;

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

    text-decoration: none !important;

}

.swal2-popup .swal2-styled.swal2-confirm:hover {

    color: var(--blue) !important;

    border-color: #E2E8EE !important;

    background: #FFF !important;

}



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



    background: var(--secondaryBackground) !important;



    color: var(--secondaryTextColor) !important;



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



    font-size: 14px !important;



    font-weight: 600 !important;



    line-height: 1em !important;



    letter-spacing: 0 !important;



    padding: 10px 45px !important;



    border-radius: 25px !important;



    border: 1px solid #E2E8EE  !important;



    text-decoration: none !important;



}



.swal2-popup .swal2-styled.swal2-cancel:hover {



    color: #FFFFFF !important;



    border-color: #E2E8EE !important;



    background: var(--button2BackgroundHover) !important;



}



/* SETTING */

.setting_box {

    background: #E2E8EE;

    padding: 18px;

    border-radius: 7px;

    margin: 15px 0;

}

.setting_box .title {

    color: #000;

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

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0 15px;

}

.setting_box p b {

    color: #000;

    text-transform: uppercase;

}

.setting_box p {

    color: #303030;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0;

}



.sims_add_table {

    display: table-caption;

    padding-bottom: 250px;

}



.info_data .title {

    text-align: left;

    color: #000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0 10px;

}

.info_data .dec {

    color: #989FA6;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0;

}

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

    margin: 0 0 5px;

}

.info_data .dec span {

    color: #000000;

}



.profile-img-main {

    margin: 0px 0 20px;

}

.profile-img-btn-in {

    background: #49abe9;

    width: 30px;

    height: 30px;

    line-height: 30px;

    bottom: 0px;

    right: -5px;

}

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

    font-size: 16px;

}



/* Support Contact */

.support_contact {

    display: grid;

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

    gap: 10px;

}

.support_contact .nd_box {

    height: 100%;

}

.support_contact:has(.blank_info) {

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

}



/* SUBSCRIBER-DETAIL */

.siminfo_tab {

    display: grid;

    grid-template-columns: 64% auto;

    gap: 10px;

}

.tab_box_body {

    padding: 18px;

    border: 1px solid #E2E8EE;

    border-radius: 7px;

    background: #FFF;

}

.tab_box_body .chart_tab {

    padding-top: 18px;

}

.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 #E2E8EE;

    padding-bottom: 15px;

    margin-bottom: 15px;

}

.tab_box_body .billing-plan-info-head {

    text-align: left;

    color: #000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0 10px;

}

.tab_box_body .connectivity-info-box {

    margin: 0;

}

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

    margin-bottom: 5px;

}

.tab_box_body #LastLocationMapID span,

.tab_box_body .connectivity-info-box .connectivity-info-left {    

    color: #989FA6;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    text-transform: uppercase;

}

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

    color: #000000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    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: 10px;

    margin-bottom: 10px;

}

.tab_box_body .filter-top a {

    color: #989FA6 !important;

}

.tab_box_body .filter-top span {

    margin: 0 !important;

    color: #989FA6 !important;

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

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.2em !important;

    letter-spacing: 0 !important;

    padding: 7px 14px !important;

    background: #E2E8EE !important;

    border-radius: 25px !important;

}



.four_box_grid {

    display: grid;

    gap: 20px;

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

}

.four_box_grid .sim-info-left-box {

    padding: 0;

    float: unset;

    width: 100%;

}

.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: #000;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0 0 10px;

}

.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: #989FA6;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    text-transform: uppercase;

}

.four_box_grid span.samll-text,

.four_box_grid p {

    text-transform: unset;

}

.four_box_grid span {

    color: #000;

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

    font-size: 20px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

    margin: 0;

}

.sim-status-box {

    padding: 7px 14px;

    border-radius: 25px;

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

    font-size: 14px;

    font-weight: 600;

    line-height: 1.2em;

    letter-spacing: 0;

}

.tab_btns ul {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

}

.tab_btns ul li a {

    color: var(--blue) !important;

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

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1em !important;

    letter-spacing: 0 !important;

    padding: 10px 45px !important;

    border-radius: 25px !important;

    border: 1px solid #E2E8EE !important;

    text-decoration: none !important;

    background: #FFF !important;

}

.tab_btns ul li a:hover,

.tab_btns ul li a.active,

.tab_btns ul li a:focus {

    background: var(--blue) !important;

    color: #FFF !important;

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

}



#loding1 {

    position: fixed;

    top: 50%;

    left: 50%;

}



.nd_box .box_body ul.sdtdr-in {

    display: flex;

    gap: 20px;

}

.nd_box .box_body ul.sdtdr-in li {

    padding: 0;

}



/* SIM-ACTIVATION */

#PricingPanelID .info_box {

    border: 1px solid #E2E8EE;

    padding: 15px;

    border-radius: 15px;

}

/* REVIEW */

.login_page .bottom_section .review_bs_plan_box {

    width: 650px !important;

}

.review_plan_box {

    border: 1px solid #E2E8EE;

    padding: 15px;

    border-radius: 15px;

    margin-top: 15px;

}

.review_plan_box .sub_title {

    margin: 0 0 15px !important;

    color: #49ABE9;

    font-family: "Inter", Sans-serif !important;

    font-size: 16px !important;

    line-height: 24px !important;

    font-weight: 600 !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: 15px;

    min-height: 38px;

}

.campaigns_chart .box_head {

    border: none;

}

.campaigns_chart .box_body {

    border-top: 1px solid #E2E8EE;

    padding-right: 100px !important;

}



.campaigns_chart .apexcharts-toolbar {

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

    font-size: 16px;

    font-weight: 600;

    line-height: 1em;

    letter-spacing: 0;

    border-radius: 25px;

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

    text-decoration: none;   

    padding: 10px 25px !important;

    background: var(--blue) !important;

    color: #FFF !important;

    right: 18px !important; 

    bottom: 18px !important; 

}

.campaigns_chart .apexcharts-toolbar i {

    color: #FFF !important;

}

.campaigns_chart .apexcharts-toolbar:hover {

    color: var(--blue) !important;

    border-color: #E2E8EE !important;

    background: #FFF !important;

}

.campaigns_chart .apexcharts-toolbar:hover i {

    color: var(--blue) !important;

}

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

    height: 16px;

    width: 16px;

    transform: none;

    line-height: 1em;

}

.campaigns_chart .apexcharts-menu {

    background: var(--blue) !important;

    border-radius: 7px !important;

    padding: 0 !important;

}

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

    padding: 8px 10px !important;

    color: #FFF !important;

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

    font-size: 16px !important;

    font-weight: 400 !important;

    line-height: 1.2em !important;

    letter-spacing: 0 !important;

    border-radius: 7px !important;

}

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

    background: #04182D !important;

    color: #49ABE9 !important;

    border-radius: 7px !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 {

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

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.2em !important;

    letter-spacing: 0 !important;

}



.mask_loader {

    top: 0;

}



/* campaigns MAP*/

#totalrecord{

    color: var(--blue) !important;

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

    font-size: 16px;

    font-weight: 600;

    line-height: 1em;

    letter-spacing: 0;

    padding: 0;

}

.map_info_list {

    display: flex;

    align-items: center;

    gap: 15px;

    justify-content: center;

    flex-wrap: wrap;

}

.map_info_list li {

    padding: 0 !important;

    display: flex;

    align-items: center;

    gap: 5px;

}

.map_info_list li span {

    width: 16px;

    height: 16px;

    display: inline-block;

    border-radius: 16px;

}



/*---------------------------------------------------------------------- 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:has(.active) {

        padding: 20px;

    }

    .new_dashbord .nd_mian_left .topnav li ul li {

        padding: 20px 20px 0;

    }

    .new_dashbord .nd_mian_left .topnav > li {

        padding: 0 20px;

    }

    /* .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: 20px;

    }

    /* .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: 20px;

    }

    /* .account_section .as_grid {

        gap: 20px;

    } */

    .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) {

        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: 15px;

    }

    /*.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: 15px;

    }

    /* .account_section .as_grid {

        gap: 15px;

    } */

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

        padding: 10px 30px;

    }

    .new_dashbord .nd_mian_left .topnav li a {

        font-size: 16px;

    }

    .new_dashbord .nd_mian_left .topnav li .icon {

        font-size: 19px;

        right: 15px;

    }



    .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: 15px;

    }

    .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: 15px;

    }

    .grid_two + .btns {

        margin: 15px 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: 14px;

    }

}



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

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

        padding: 10px 25px;

    }

}



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

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

    body {

        height: auto !important;

    }

    .new_dashbord {

        display: flex;

        flex-direction: column;

    }

    .new_dashbord .nd_mian_left {

        height: auto;

        position: unset;

        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: 5px;

    }

    .sidbar_main_menu .responsive-btn {

        display: block;

        float: right;

        margin: 0;

    }

    .sidbar_main_menu .responsive-btn img {

        display: block;

        margin-left: auto;

        max-width: 40px;

    }   

    .sidbar_main_menu .middlewrapper-left-in {

        display: none;

        position: absolute;

        width: 100%;

        z-index: 99999;

        left: 0;

        background-color: var(--blue);

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

        background-position: bottom right;

        background-repeat: no-repeat;

        background-size: auto;

        border-radius: 7px;

    }

    .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: 100% !important;

    }



    .registration_sim_activation .secound_section .ss_grid {

        grid-template-columns: 100%;

        gap: 20px;

    }

}



/* 765-1026 */

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

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

        bottom: 20px;

        right: 20px;

    }

    .nd_full_page,

    .register_page .bottom_section,

    .box_align_top .login-deta .bottom_section {

        padding: 50px 20px;

    }

    .nd_full_page .bs_box,

    .login_page .bottom_section .bs_box {

        padding: 30px !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: 10px 24px;

    }

    .sidbar_main_menu .middlewrapper-left-in {

        top: 75px;

        padding: 20px;

    }

    .new_dashbord .nd_mian_left {

        padding: 20px;

    }

    .new_dashbord {

        padding: 20px 20px 100px;

        min-height: 100vh;

    }

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

        padding: 20px;

    }

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

        margin: 20px 0 0;

    } */

    .new_dashbord .nd_mian_left .topnav > li {

        padding: 0 20px;

    }

    .new_dashbord .nd_mian_left .topnav li ul li {

        padding: 20px 20px 0;

    }

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

        top: 20px;

    }

    .new_dashbord .nd_mian_left .db_logo {

        justify-content: flex-start;

    }

    .new_dashbord .nd_mian_left .db_logo img {

        max-width: 150px;

    }



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

        gap: 15px;

    }

    .new_dashbord .nd_mian_right .first_section {

        display: flex;

        flex-direction: column;

        gap: 20px;

        margin: 20px 0;

    }

    .new_dashbord .nd_mian_right .secound_section .ss_grid {

        display: flex;

        flex-direction: column;

        gap: 20px;

    }

    /* .new_dashbord .nd_mian_right .first_section .fs_left {

        gap: 20px;

    } */

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

        margin: 20px 0 0;

    }

    .top_filters .sale-type-drop, 

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

        width: 150px !important;

    }



    .account_section .as_grid {

        gap: 20px;

    }

    #import_iccid .file_upload_secoundry {

        width: calc(100% - 120px);

    }

    

    .siminfo_tab {

        grid-template-columns: 100%;

        gap: 20px;

    }



    .billing_reports_info {

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

    }



    .support_contact {

        gap: 20px;

        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 18px;

        top: calc(50% - 14px);

    }

    .mask_loader img {

        left: calc(50% - 16px) !important;

        top: calc(50% + 30px) !important;

    }



    .registration_sim_activation .main_section {

        padding: 50px 20px;

    }

}



/* 600 */

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

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

        bottom: 15px;

        right: 15px;

    }

    .nd_full_page {

        padding: 15px 15px 90px;

    }

    .box_align_top .login-deta .bottom_section {

        padding: 40px 15px;

    }

    .nd_full_page .bs_box,

    .login_page .bottom_section .bs_box {

        padding: 20px !important;

        width: 100% !important;

    }

    .login_page .top-logo {

        display: grid;

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

    }

    .login_page .top-logo .tl_right_col a {

        width: 100% !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: 10px 16px;

        font-size: 14px;

    }

    .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: 150px;

    }

    .nd_full_page .bs_box .title,

    .stg_login .login_page .bottom_section .bs_box .login-head h2 {

        font-size: 32px !important;

    }

    .nd_full_page .bs_box .sub_title {

        margin: 5px 0 15px !important;

    }

    .nd_full_page .bs_box .bs_btns {

        margin: 15px 0 0;

    }

    .sidbar_main_menu .middlewrapper-left-in {

        top: 55px;

        padding: 15px;

    }

    .sidbar_main_menu .responsive-btn img {

        max-width: 30px;

    }

    .new_dashbord .nd_mian_left {

        padding: 15px;

    }

    .new_dashbord {

        padding: 15px 15px 90px;

        gap: 20px;

        min-height: 100vh;

        /* height: auto; */

    }

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

        padding: 15px;

    }

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

        margin: 15px 0 0;

    } */

    .new_dashbord .nd_mian_left .topnav > li {

        padding: 0 15px;

    }

    .new_dashbord .nd_mian_left .topnav li ul li {

        padding: 15px 15px 0;

    }

    .new_dashbord .nd_mian_left .topnav li a {

        font-size: 16px;

    }

    .new_dashbord .nd_mian_left .topnav li .icon {

        font-size: 16px;

    }

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

        top: 15px;

    }



    .new_dashbord .nd_mian_right .first_section {

        display: flex;

        flex-direction: column;

        gap: 15px;

        margin: 15px 0;

    }

    .new_dashbord .nd_mian_right .first_section .fs_left,

    .new_dashbord .nd_mian_right .secound_section .ss_grid {

        display: flex;

        flex-direction: column;

        gap: 15px;

    }

    .new_dashbord .nd_mian_right .first_section .fs_left {

        gap: 15px;

    }

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

        margin: 15px 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_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: 15px !important;

    }

    .new_dashbord .nd_mian_right .header {

        padding: 15px;

        gap: 15px;

        align-items: flex-start;

        flex-direction: column;

    }

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

        padding: 0 !important;

    }

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

        gap: 15px;

    }

    .new_dashbord .nd_mian_right .header .header_right {

        display: flex;

        justify-content: flex-end;

        width: 100%;

    }

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

        font-size: 10px;

    }

    .top_filters .sale-type-drop, 

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

        font-size: 14px;

        width: 130px;

    }

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

        font-size: 32px;

    }

    .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 {

        font-size: 20px;

    }



    .form_fields_space, 

    .account_section .company_details_form,

    .account_section .as_grid {

        gap: 15px;

    }

    .account_section .company_details_form .cdf_row {

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

        gap: 15px;

    }



    .nd_fppopup {

        padding: 15px;

    }

    .search_field_section {

        gap: 15px;

        align-items: flex-start;

        flex-direction: column;

    }

    .search_field_section .search_field_row {

        gap: 10px;

        flex-wrap: wrap;

    }

    .search_field_section .search_field_form,

    .search_field_section .search_field {

        width: 100%;

    }



    .mobile_table_hscroll {

        overflow-x: auto;

    }

    .mobile_table_mheight {

        min-height: 300px;

    }



    .footer_btns,

    .grid_two + .btns {

        margin: 15px 0 0;

    }

    .grid_two {

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

        gap: 15px;

    }



    .file_upload::before {

        padding: 10px 16px;

    }

    #import_iccid .file_upload_secoundry {

        width: calc(100% - 100px);

    }



    .siminfo_tab {

        grid-template-columns: 100%;

        gap: 20px;

    }

    .tab_box_body {

        padding: 15px;

    }

    .four_box_grid {

        gap: 15px;

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

    }

    .box_head_export_btn {

        flex-direction: row;

        align-items: center;

    }



    .m_d_none {

        display: none !important;

    }



    .billing_reports_info {

        display: flex !important;

        flex-direction: column-reverse;

        gap: 15px;

    }



    .form_fields_space .colum_two_fields {

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

        gap: 15px;

    }



    .support_contact {

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

        gap: 15px;

    }



    .heatmap_section {

        height: 350px !important;

    }



    .campaigns_chart .box_body {

        padding-right: 100px !important;

    }

    .campaigns_chart .apexcharts-toolbar {

        right: 15px !important;

        bottom: 15px !important;

    }

    .campaigns_chart .chart_bottom_items {

        gap: 5px;

        min-height: 38px;

        flex-wrap: wrap;

    }



    .mask_loader .loading_text {

        left: calc(50% - 193px);

        margin: 0 0 18px;

        top: calc(50% - 14px);

        text-align: center;

    }

    .mask_loader img {

        left: calc(50% - 16px) !important;

        top: calc(50% + 50px) !important;

    }



    .nd_box .box_body ul.sdtdr-in {

        gap: 10px;

        flex-wrap: wrap;

    }



    .registration_sim_activation .secound_section .ss_grid {

        gap: 15px;

    }

    .registration_sim_activation .main_section {

        padding: 40px 15px;

    }



    .credit_card_code .register-box-right label {

        display: none;

    }

    .credit_card_code .register-box-right .account-profile-bottom-btn {

        padding: 0 !important;

    }

    .credit_card_code .register-box-right .account-profile-bottom-btn a {

        margin: 0 !important;

    }

}



.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: #fff !important;

}

body .calendar .calendar-header button {

    padding: 6px 0 !important;

}

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

	font-size: 16px !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: 15px;

    color: var(--menuprimarytextcolor);

    font-weight: 600;

    text-align: center;

}



.slider_main_widget {
    width: 300px !important;
}

/* .range-slider { margin: 60px 0 0 0%; } */

.range-slider { width:300px; }

.range-slider__range {
  -webkit-appearance: none;
 width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: #2c3e50;
 cursor: pointer;
 -webkit-transition: background .15s ease-in-out;
 transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
 background: #49ABE9;
}
.range-slider__range:active::-webkit-slider-thumb {
 background: #49ABE9;
}
.range-slider__range::-moz-range-thumb {
 width: 20px;
 height: 20px;
 border: 0;
 border-radius: 50%;
 background: #2c3e50;
 cursor: pointer;
 -webkit-transition: background .15s ease-in-out;
 transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
 background: #49ABE9;
}
.range-slider__range:active::-moz-range-thumb {
 background: #49ABE9;
}
.range-slider__range:focus::-webkit-slider-thumb {
 -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px #49ABE9;
 box-shadow: 0 0 0 3px #fff, 0 0 0 6px #49ABE9;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #061e36;
  padding: 5px 10px;
  margin-left: 8px;
}

.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #061e36;
  border-bottom: 7px solid transparent;
  content: '';
}

.modal-custom-button{
    padding: 8px 20px !important;
}

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