/*=========================================
            LOG IN & SIGN UP
==========================================*/
.dashboard_main_signup,
.dashboard_main_login {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    /* background: url(../images/loginbg.jpg) no-repeat left center; */
    background-color: #0E1529;
}

/* .dashboard_main_signup,
.dashboard_main_login {
    background-size: 60% 100%;
} */

.user_main_wraper,
.user_main_sign_up_wraper {
    width: 100%;
    height: 100%;
    display: grid;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    grid-template-columns: 1.2fr .8fr;
}

.user_main_wraper form,
.user_main_sign_up_wraper form {
    width: 100%;
}

.right_side_column,
.left_side_column {
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}

.left_side_column {
    background: url(../images/loginbg.jpg) no-repeat left center;
    background-size: cover;
    animation-name: backgroundAnimation;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

@keyframes backgroundAnimation {
    0% {
        background-size: 100% 100%;
        /* background-position: 0% 0%; */
    }

    100% {
        background-size: 150% 120%;
        /* background-position: 100% 100%; */
    }
}

/* .left_side_column{
  width: 60%;
  background: url(../images/loginbg.jpg) no-repeat 0 0;
  background-size: cover;
}
.right_side_column{
  width: 40%;
} */
.left_side_column,
.right_side_column {
    width: 100%;
    padding: 2.5rem;
}

/* .inner_container_wrap,
.inner_container_wrap_r,
.user_main_sign_up_wraper .inner_container_wrap_r {
  max-width: 45.3125rem;
  width: 100%;
  margin: auto;
} */

.right_side_column form,
.right_side_column .inner_container_wrap_r,
.inner_container_wrap_r .user_main_log_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.fieldform {
    padding: 0;
}

.inner_container_wrap_r .user_main_log_wrap,
.inner_container_wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.right_side_column .user_main_log_wrap {
    justify-content: space-between;
}

.user_main_log_wrap .nav-pills {
    justify-content: center;
    margin: 1.25rem auto 2.5rem auto;
    position: relative;
    width: 100%;
}

.user_main_log_wrap .tab-content,
.login-otp-form {
    width: 85%;
    margin: 0 auto;
}

.login-user-tab-wrapper {
    width: 100%;
    margin: auto 0;
}

.user_main_log_wrap .nav-pills li {
    width: 30%;
}

.user_main_log_wrap .nav-pills .nav-link {
    width: 100%;
    padding: 0.9375rem 0.8125rem;
    border-radius: 0;
    border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
    color: var(--text-two);
    font-size: 1rem;
    font-weight: 600;
}

.active-merchant-wrap {
    background: var(--global-upload-background-w-bg);
    ;
}

.user_main_log_wrap .nav-pills .nav-link.active,
.user_main_log_wrap .nav-pills .show>.nav-link {
    color: var(--global-orange);
    background-color: transparent;
    border-color: var(--global-orange);
}

.titleuserlog {
    display: block;
    font-size: 1.1875rem;
    font-weight: 700;
    color: var(--global-orange);
    text-transform: uppercase;
    margin-bottom: 0.9375rem;
}

.user_header h2,
.user_header_login h2 {
    color: var(--text-two);
    font-size: 1.5rem;
    font-weight: 600;
}

.user_header p,
.user_header_login p,
.signupurl,
.privacy_bottom a,
.privacy_bottom p,
.user_header ul li {
    color: var(--text-two);
    font-size: 1rem;
    font-weight: 400;
    padding: 0.9375rem 3.25rem;
}

.user_main_pic {
    padding-top: 2.5rem;
}

.user_main_pic img {
    width: calc(38vw - 9.375rem);
    object-fit: contain;
    object-position: top;
    text-align: center;
    margin: auto;
    filter: drop-shadow(0.3125rem 0.3125rem 15rem rgba(0, 0, 0, 0.5));
}

.user_header_login h2 {
    font-size: 2rem;
}

.user_header_login p {
    padding: 0.9375rem 8.4375rem;
}

.logo_universal {
    margin-bottom: 2.5rem;
}

.dashboard_main_login .logo_universal img {
    width: 23rem;
}

.signupurl {
    padding: 1.25rem 0;
    text-align: center;
}

.signupurl a,
.remember_forgot a {
    color: var(--global-orange);
    text-decoration: underline;
}

.signupurl a {
    margin-left: 0.625rem;
}

.user_main_log_wrap .form-group {
    margin-bottom: 1.5rem;
}

.current-time-wrap {
    text-align: right;
}

.current-time-wrap h6 {
    font-size: 1.625rem;
    color: var(--global-white);
    margin-bottom: 0.9375rem;
}

.user_main_log_wrap .form-group:nth-last-child(1) {
    margin-bottom: 0;
}

.universal_main_sign_up_wrap .remember_forgot {
    padding-top: 0;
}

.remember_forgot {
    justify-content: space-between;
    padding: 0.9375rem 0;
}

.privacy_bottom a {
    padding: 0;
    font-size: 0.875rem;
}

.privacy_bottom p {
    font-size: 0.875rem;
    padding-top: 0.3125rem;
}

.line_space {
    display: inline-block;
    width: 0.0625rem;
    margin: 0 1.25rem;
    height: 0.9375rem;
    position: relative;
    top: 0.3125rem;
    background: var(--global-white);
}

.fieldform.flex-parent .form-group {
    width: 100%;
    margin-right: 1.25rem;
}

.fieldform.flex-parent .form-group:last-child {
    margin-right: 0;
}

.user_main_sign_up_wraper .remember_forgot a {
    color: var(--text-two);
    font-weight: 800;
}

.user_main_sign_up_wraper .signupurl {
    padding: 1.875rem 0 0;
}

.paymentbarnd {
    padding: 1.875rem 0;
}

.paymentbarnd img {
    margin: 0.9375rem;
}

.login-keypad-wrap {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    width: 18.75rem;
    height: 15.625rem;
    margin: 0 auto;
    gap: 0.3125rem;
    margin-bottom: 1.25rem;
    transition: .3s all linear;
}

.login-in-key-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--global-white);
    color: var(--text-grey);
    border-radius: 0.3125rem;
    font-size: 1.25rem;
    position: relative;
}


.login-in-key-box {
    background: none;
    color: var(--global-white);
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.login-in-key-box::before,
.login-in-key-box::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.login-in-key-box::before {
    background: var(--global-orange);
    opacity: .5;
}

.login-in-key-box::after {
    background: var(--global-orange);
}

.login-in-key-box:focus {
    color: var(--global-white);
}

.login-in-key-box:focus::before,
.login-in-key-box:focus::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.login-in-key-box:focus::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

.resendTime {
    height: 2.125rem;
    transition: .3s all linear;
}

.resendTime.hide {
    height: 0;
    overflow: hidden;
}

.login-btn-anchor {
    text-align: center;
}

.resend_otp_btn {
    color: var(--global-orange);
    font-weight: 700;
    cursor: pointer;
}

.resendTime .resend_otp_btn {
    display: none;
}

.resendTime.show-btn .resend_otp_btn {
    display: inline;
}

.resendTime label {
    display: inline;
}

.resendTime.show-btn label {
    display: none;
}

.marquee {
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 3.625rem;
    margin-top: 2.1875rem;
}

.inner_marquee_img {
    display: flex;
}

.marquee .inner_marquee {
    display: flex;
    width: 260%;
    position: absolute;
    animation: marquee 10s linear infinite;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.counter_main {
    margin: 1.25rem auto;
}

.stopwatch {
    display: inline-block;
    padding: 0.625rem 1.25rem;
    background: var(--global-white);
    border-radius: 0.3125rem;
}

.stopwatch h4 {
    font-size: 2.1875rem;
    color: var(--global-black);
    text-align: center;
}

.counter_main p,
.counter_main h5 {
    color: var(--text-two);
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0.625rem 0;
}

.counter_main h5 {
    padding: 0;
}

.privacy-policy-main-wrap {
    width: 100%;
    height: 100vh;
    padding: 3.125rem 0;
    background: url(../images/loginbg.jpg) no-repeat left center;
    background-size: cover;
}

.dashboard_main_logs {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.title-logsheder {
    color: var(--global-white);
    font-size: 2rem;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
}

.logs_main_datatable_wraper {
    padding: 3.75rem 0;
}

.merchantcheck {
    position: relative;
    padding: 0;
    width: 100%;
    margin-bottom: 1rem;
}

.merchantcheck .form-check-input,
.tickets_checked .form-check-input {
    margin: 0;
    float: none;
    position: absolute;
    left: 1.0625rem;
    top: 0.5625rem;
    z-index: 9;
    visibility: hidden;
}

.merchantcheck .form-check-label {
    padding: 0.625rem 1.25rem;
    border-radius: 0.3125rem;
    width: 100%;
    border: 0.0625rem solid transparent;
    transition: .3s all linear;
}

.merchantcheck .form-check-label:hover {
    background-color: var(--submenu-sec);
    border-color: var(--submenu-sec);
}

.merchantcheck .form-check-input:checked+.form-check-label {
    background-color: var(--submenu-sec);
    border: 0.0625rem solid var(--global-input-w-bg);
}

.merchant_inner {
    display: flex;
    align-items: center;
}

.logo_marchent {
    margin-right: 0.9375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.logo_marchent img {
    max-width: 5.625rem;
    max-height: 2.5rem;
    object-fit: contain;
}

.merchantname {
    color: var(--text-two);
    font-weight: 500;
    font-size: 1rem;
    cursor: pointer;
}

.dataTables_filter_modal .dataTables_filter .r-icon-btn {
    background: var(--global-orange) !important;
    margin-left: 1rem;
}

.dataTables_filter_modal .dataTables_filter .r-icon-btn i {
    color: var(--global-white);
}

.modalselect2 {
    z-index: 1051;
}

.flex-parent {
    display: flex;
    align-items: stretch;
}

.gsign_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--global-white);
    width: 100%;
    color: var(--text-grey);
    font-weight: 500;
    margin-top: 24px;
    transition: .3s all linear;
}

.gsign_btn:hover {
    color: var(--text-grey);
    scale: 1.01;
}

.gsign_btn svg {
    margin-right: auto;
}

.gsign_btn span {
    flex: 1;
    text-align: center;
}

/* NEW NAVIGATION START */
.top-nav-wrap {
    display: flex;
    align-items: center;
}

.top-nav-wrap .top-nav-item:last-child .notification {
    margin-right: 0;
}

.top-nav-wrap .top-nav-item .dropdown-menu.show {
    top: 1.25rem !important;
}

.top-nav-item .dropdown-toggle::after {
    display: none;
}

.top-nav-item {
    position: relative;
}

.nav-ico.show {
    color: var(--global-white);
    background: var(--global-upload-background-w-bg);
    border: 0.0625rem solid var(--global-orange);
}

.nav-ico.show i {
    color: var(--global-orange);
}

.theme-dark .nav-ico.show {
    color: var(--global-white);
    background: var(--global-orange);
    border: 0.0625rem solid var(--global-orange);
}

.theme-dark .nav-ico.show i {
    color: var(--global-white);
}

.nav-ico-content-wrap {
    width: 14.6875rem;
    background: var(--global-white);
    right: 0;
    top: 4.25rem;
    border-radius: 0.25rem;
    box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
}

.nav-top-arrow {
    position: relative;
}

.nav-top-arrow::after {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--global-white);
    right: 0;
    top: 0;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
}

.nav-pro-wrap.nav-top-arrow::after {
    left: initial;
    right: 0;
}

.nav-pro-wrap .nav-pro-wrap-top {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0.75rem 0.5rem 0.75rem;
}

.nav-pro-wrap .nav-pro-wrap-top-lft {
    width: 2.5rem;
}

.nav-pro-wrap .nav-pro-wrap-top-lft img {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
    object-position: top;
    border-radius: 50%;
}

.nav-pro-wrap .nav-pro-wrap-top-rht {
    width: calc(100% - 3rem);
}

.nav-pro-wrap .nav-pro-wrap-top-rht .name-list li {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-grey);
    margin-bottom: 0.4rem;
    max-width: 10.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-pro-wrap .nav-pro-wrap-top-rht .name-list li,
.nav-pro-wrap .nav-pro-wrap-top-rht p {
    max-width: 10.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-pro-wrap .nav-pro-wrap-top-rht p {
    font-size: 0.75rem;
    font-weight: 400;
}

.nav-ico-content-wrap hr {
    margin: 0;
    opacity: 0.1;
}

.nav-pro-wrap ul li {
    list-style: none;
}

.nav-pro-wrap ul li a:hover,
.nav-pro-wrap ul li a.active,
.nav-pro-wrap ul li a.dropdown-item:active .select-theme-btn-toggle:hover {
    background: var(--global-upload-background-w-bg);
    color: var(--text-grey);
}

.select-theme-btn-toggle {
    width: 100%;
    text-align: left;
}

.nav-pro-wrap ul li a {
    padding: 0.375rem 0.75rem;
    display: flex;
    width: 100%;
}

.nav-pro-wrap ul.name-list li a {
    flex-direction: column;
    padding: 0rem;
}

.nav-pro-wrap ul li a,
.nav-pro-wrap ul li a i,
.nav-pro-wrap ul li button,
.nav-pro-wrap ul li button i {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-grey);
    background: transparent;
    border: 0;
}

.nav-pro-wrap ul li button:hover,
.nav-pro-wrap ul li button:hover i,
.nav-pro-wrap ul li button.btn:active,
.nav-pro-wrap ul li button.btn:active i,
.nav-pro-wrap ul li button.btn.show,
.nav-pro-wrap ul li button.btn.show i {
    color: var(--text-grey);
    background: var(--global-upload-background-w-bg);
    border: 0;
}

.nav-pro-wrap ul li button.dropdown-toggle::before {
    display: none;
}

.select-theme-img {
    width: 4rem;
    margin-right: .5rem;
}

.select-theme-a {
    display: flex;
    align-items: center;
}

.select-theme-a {
    position: relative;
}

.select-theme-a::after {
    content: '';
    width: 2px;
    height: 0%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--global-orange);
    border-radius: 2rem;
    transition: .3s all linear;
}

.select-theme-a.active::after,
.select-theme-a:hover::after {
    height: 100%;
}

.nav-pro-wrap ul li a i {
    margin-right: 0.3125rem;
}

.nav-pro-wrap .r-modal-btn.r-outline-close {
    border: 0;
    padding: 0.375rem 0.75rem;
    min-height: auto;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--global-orange);
}

.nav-pro-wrap .name-list p.nav-pro-user-name {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-grey);
    margin-bottom: 0.4rem;
    max-width: 10.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .nav-pro-wrap .name-list p.nav-pro-user-name:last-child{
    margin-bottom: .1rem;
  } */

.nav-grid-wrap {
    width: 17.1875rem;
}

.nav-quick-wrap-top {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    padding: 0.75rem;
}

.nav-quick-wrap-btm {
    padding: 0.5rem 0.75rem;
}

.nav-quick-wrap-top .nav-quick-wrap-top-item,
.nav-link-icon-wrap {
    text-align: center;
    position: relative;
}

.nav-link-icon-wrap,
.nav-link-icon-wrap:hover {
    color: var(--text-two);
}

.nav-quick-wrap-top-item .badge,
.notification.nav-ico.dropdown-toggle .badge,
.nav-link-icon-wrap .badge {
    position: absolute;
    width: 1.35rem;
    height: 1.35rem;
    font-size: 0.65rem;
    background: var(--global-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0.6rem;
    top: 0;
    border-radius: 50%;
}

.notification.nav-ico.dropdown-toggle .badge {
    right: -0.6rem;
    top: -0.5rem;
}

.nav-link-icon-wrap .badge {
    right: -0.6rem;
    top: -0.5rem;
    background-color: var(--white-orange-orange);
    color: var(--orange-white-white);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
}

.nav-quick-wrap-top-item .badge sup {
    font-size: 0.65rem;
}

.nav-quick-icon .nav-quick-wrap-top-item {
    padding: 0.375rem;
    border-radius: 0.25rem;
    transition: 0.7s;
}

.nav-quick-icon .nav-quick-wrap-top-item:hover {
    background: var(--global-upload-background-w-bg);
}

.nav-quick-icon .nav-quick-wrap-top-item:hover .nav-quick-wrap-top-item-icon {
    background: var(--global-orange);
}

.nav-quick-icon .nav-quick-wrap-top-item:hover .nav-quick-wrap-top-item-icon i {
    color: var(--global-white);
}

.nav-quick-icon .nav-quick-wrap-top-item-icon {
    width: 2rem;
    height: 2rem;
    margin: 0 auto 0.375rem auto;
    border: 1px solid var(--global-orange);
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, rgba(240, 79, 41, 0.05) 0%, rgba(240, 79, 41, 0.05) 100%), #FFF;
    transition: 0.7s;

}

.nav-quick-icon .nav-quick-wrap-top-item-icon i {
    color: var(--global-orange);
    transition: 0.7s;
}

.nav-quick-wrap-top-item p {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--text-grey);
}


.nav-quick-wrap-btm {
    display: flex;
    justify-content: space-between;
}

.nav-quick-wrap-btm .nav-quick-wrap-top-item {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    border: 0.0625rem solid var(--global-input-w-bg);
    width: 48%;
}

.nav-quick-wrap-btm .nav-quick-wrap-top-item .nav-quick-wrap-top-item-icon {
    margin-right: initial;
    margin-left: initial;
    margin-bottom: 0;
}

.nav-quick-wrap-btm .nav-quick-wrap-top-item p {
    text-align: left;
}

.nav_top_bar_user_name_wrap,
.dropdown-menu.user_profile_nav .multi-merchant-side-wrap ul {
    max-height: 60vh;
    overflow-y: auto;
}

/* NEW NAVIGATION END */

/*  NOTIFICATION MAIN DROPDOWN */
.top-nav-wrap .top-nav-item .dropdown-menu.notification-ul-main {
    width: 27rem;
    padding: 0;
}

.nav-ico-content-wrap.nav-notification-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nav-notification-wrap .nav-top-arrow {
    max-height: 50vh;
    overflow: auto;
}

.title-notification {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.title-notification h5 {
    color: #000;
    font-size: 1.125rem;
}

.title-notification a {
    color: var(--global-black);
    font-size: 1.125rem;
}

.title-notification a:not(:last-child) {
    margin-right: 1rem;
}

.notification-ul-main:after {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--global-white);
    right: 0;
    top: 0;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0rem 0.25rem 0.9375rem var(--global-top-circle-shadow);
}

.notification-ul-main .nav-top-arrow::after {
    display: none;
}

.notification-ul-main ul li .list-notification {
    padding: 1rem;
    position: relative;
}

.notification-ul-main ul li .list-notification:hover {
    background: none;
}

.notification-ul-main .hightlight,
.notification-ul-main ul li .hightlight:hover {
    background: var(--global-upload-background-w-bg);
}

.notification-ul-main ul li {
    border-bottom: 0.0625rem solid var(--global-border-color-w-bg)
}

.notification-ul-main ul li .list-notification .btn-threedot-icon {
    background: none;
    padding: 0;
}

.notification-ul-main ul li .list-notification .btn-threedot-icon i {
    color: var(--white-orange-orange);
    font-size: 1.2rem;
}

.notification-ul-main ul li:last-child {
    border: none;
}

.incomming-notification,
.incomming-notification-img {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.incomming-notification-img {
    padding: 0;
    justify-content: center;
    align-items: center;
}

.incomming-notification-img,
.incomming-notification-img img {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 100%;
    flex: 0 0 auto;
    object-fit: contain;
    background: var(--bg-light-clr-orange);
}

.incomming-notification-content {
    width: 100%;
    padding-left: 1rem;
}

.incomming-notification-content h5 {
    color: var(--global-black);
    font-size: 1rem;
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.incomming-notification-content p {
    color: var(--global-black);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.nav-notification-wrap .nav-pro-wrap ul li .incomming-notification-img i {
    margin: 0;
    color: #f04f29;
    padding: 0;
    font-size: 1.5rem;
}

.nab-footer-notification {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-top: 0.0625rem solid var(--global-border-color-w-bg);
}

.no-notification,
.notification-end-month-main {
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem 1rem 1rem;
}

.nab-footer-notification a {
    padding: 0.3125rem 1rem;
    text-align: center;
}

.nab-footer-notification a:hover {
    color: var(--global-white);
}

.content-no-no p {
    color: var(--global-black);
    font-size: 1rem;
}

.content-no-no i {
    color: #f04f29;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.notiofication-unactive .no-notification,
.notification-end-month .notification-end-month-main {
    display: flex;
}

.notiofication-unactive .nab-footer-notification,
.notiofication-unactive .nav-pro-wrap,
.notification-end-month .nab-footer-notification,
.notification-end-month .nav-pro-wrap {
    display: none;
}

.dms-btns .dropdown-menu {
    filter: drop-shadow(0px 0px 20px #ccc);
    top: 0.8rem !important;
}

.notification_item_wrap {
    position: relative;
}

.sup_coumter_n {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: var(--global-orange);
    border: 0.0625rem solid var(--global-white);
    font-size: 0.6rem;
    color: #fff;
    position: absolute;
    top: -0.625rem;
    right: -0.3125rem;
    z-index: 2;
}

#mySharedown {
    display: none;
    border: 1px solid black;
}

#mySharedown.show {
    display: block;
}

/* END NOTIFICATION DROPDOWN */
/* NEW NAVIGATION STYLES STARTS */
/* .side-bar-nav-btn-one:hover .side-bar-ul-two {
        display: block;
        margin-top: 0;
    } */

.db_left {
    background: var(--bg-color);
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 0rem 0.125rem 0.625rem var(--card-box-shadow);
    border-right: 0.0625rem solid var(--global-border-color-w-bg);
    overflow: initial;
    z-index: 1050;
    width: 6.5625rem;
    transition: 0.5s;
}

.side-open .db_left {
    width: 15.625rem;
}

.db_right {
    padding: 0 0 0 6.5625rem;
    transition: 0.5s;
}

.side-open .db_right {
    padding: 0 0 0 15.625rem;
}

.side-bar-logo-wrap {
    height: 5.625rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem;
}

.side-bar-logo-wrap a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.side-bar-logo-wrap img {
    height: 100%;
    width: 95%;
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
    max-height: 3.125rem;
}

.theme-orange .side-bar-logo-wrap img {
    filter: brightness(0) invert(1);
}

.side-bar-full-logo {
    display: none;
}

.side-open .side-bar-full-logo {
    display: block;
}

.side-open .side-bar-benchmark-logo {
    display: none;
}

.side-bar-benchmark-logo,
.side-bar-full-logo {
    height: 100%;
}

.side-bar-toggler {
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translate(0%, -50%);
}

.side-bar-toggler button {
    width: 1.875rem;
    height: 1.875rem;
    border: 0.0625rem solid var(--global-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--global-white);
    border-radius: 100%;
    font-size: 0.9375rem;
}

.side-bar-toggler button i {
    transform: rotate(00deg) scaleX(-1);
    transition: .1s all linear;
}

.side-open .side-bar-toggler button i {
    transform: rotate(180deg) scaleX(-1);
}

.side-bar-toggler button:hover {
    border: 0.0625rem solid var(--global-orange);
    background: var(--global-orange);
    color: var(--global-white);
}

.side-bar-toggle-btn,
.side-bar-search-btn {
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    color: var(--text-two);
}

.side-bar-toggle-btn {
    flex-direction: column;
    gap: .5rem;
}

.side-open .side-bar-toggle-btn {
    flex-direction: initial;
}

.side-bar-toggle-btn img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}

.theme-light .side-bar-toggle-btn .nav-link-icon-wrap img {
    filter: invert(1);
}

.side-open .side-bar-toggle-btn .nav-link-icon-wrap {
    display: none;
}

.side-bar-navigation .side-bar-li {
    border-bottom: 0.0625rem solid var(--card-highlight--bg-color);
}

.side-bar-navigation .side-bar-li:last-child {
    border-bottom: 0.0625rem solid transparent;
}

.nav_settings_dropdown_menu .nav-grid-wrap {
    width: 18rem;
}

.nav_settings_dropdown_menu .nav-quick-wrap-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
}

.nav_settings_dropdown_menu .nav-quick-wrap-top .nav-quick-wrap-top-item {
    width: 31%;
}

.quick_links_new_li a.quick_links_new_link {
    padding: 0.75rem;
}

.quick_links_new_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-nav-item:has(.nav_make_a_sale) {
    margin-left: .75rem;
}

.nav_make_a_sale,
.nav_make_a_sale form {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.nav_make_a_sale form {
    gap: .25rem;
}

/* .nav_make_a_sale {
    background: var(--page-bg);
    padding: 0.25rem .25rem .25rem .75rem;
    border-radius: 0.25rem;
} */

.nav_make_a_sale .main-search {
    /* width: 7rem; */
    width: 4.5rem;
    margin-right: 0;
    border-radius: 0.5rem;
}

.nav_make_a_sale .main-search .searchinput {
    padding: 0 .25rem 0 1.5rem;
    font-size: 0.875rem;
}

.nav_make_a_sale .searchsubmit {
    width: 1.75rem;
    font-size: 1rem;
    pointer-events: none;
    color: var(--black-white-black);
}

.nav_make_a_sale_txt {
    font-weight: 700;
    color: var(--text-one);
    position: absolute;
    top: -1.25rem;
    line-height: 1;
    font-size: 0.875rem;
}

.nav_make_a_sale_info_btn {
    background: transparent;
    border: 0;
    color: var(--global-orange);
}

.nav_make_sale_btn {
    background: var(--global-orange);
    border: 1px solid var(--global-orange);
    color: var(--global-white);
    border-radius: 0.25rem;
    height: 2.375rem;
    font-size: 0.875rem;
    transition: .2s all linear;
    width: 2.5rem;
}

/**** NEW SEARCH BAR WRAP *****/
.header_new_search_wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.header_new_search_input_wrap {
    position: absolute;
    right: 0;
    opacity: 0;
    width: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .3s all linear;
}

.header_new_search_wrap.show .header_new_search_toggler {
    display: none;
}

.header_new_search_wrap.show .header_new_search_input_wrap {
    width: 16.125rem;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/**** NEW SEARCH BAR WRAP *****/

.nav_make_sale_btn:hover {
    scale: 1.05;
}

.side-bar-wrap {
    color: var(--text-two);
}

.side-bar-wrap .btn-group {
    width: 100%;
}

.side-bar-user-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem;
}

.side-open .side-bar-user-wrap {
    justify-content: start;
}

.side-bar-user-img-wrap {
    width: 3.125rem;
    height: 3.125rem;
    margin-right: 0;
}

.side-bar-user-img-wrap img {
    width: 3.125rem;
    height: 3.125rem;
    object-fit: cover;
    border-radius: 100%;
}

.side-open .side-bar-user-img-wrap {
    margin-right: 0.625rem;
    flex: 0 0 auto;
}

.side-bar-user-name-id-wrap,
.side-bar-user-arrow-wrap {
    text-align: left;
}

/* .side-bar-user-arrow-wrap {
    display: none;
}

.side-open .side-bar-user-arrow-wrap {
    display: block;
} */

.side-bar-user-name-id-wrap h4 {
    font-size: 1.125rem;
    font-weight: 500;
}

.side-bar-user-name-id-wrap p {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--nav-link);
}

.side-bar-user-name-id-wrap h4,
.side-bar-user-name-id-wrap p {
    width: 7.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-bar-user-arrow-wrap {
    margin-left: auto;
}

.side-bar-wrap .dropdown-menu {
    min-width: 15rem;
    padding: 0;
    border-radius: 0.5rem;
    border: none;
    box-shadow: 0 0 0.375rem 0 var(--btn-hover);
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.side-bar-wrap .dropdown-menu li:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.side-bar-wrap .dropdown-menu li:last-child {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.side-bar-wrap .dropdown-menu.user_profile_nav li:first-child,
.side-bar-wrap .dropdown-menu.user_profile_nav li:last-child,
.side-bar-wrap .dropdown-menu .side_bar_new_links_box_links_ul li:first-child,
.side-bar-wrap .dropdown-menu .side_bar_new_links_box_links_ul li:last-child {
    border-radius: 0;
}

.side-bar-wrap .dropdown-menu li,
.side-bar-wrap .dropdown-menu .side-bar-toggle-btn {
    color: var(--global-black);
    justify-content: space-between;
    padding: 0;
    display: flex;
    align-items: center;
}

.side-bar-wrap .side-bar-ul .side-bar-li .side-bar-nav-box .side-bar-li-two .side-bar-toggle-btn.show,
.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li:hover {
    background: var(--global-upload-background-w-bg);
}

.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li:focus,
.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li.active {
    background: var(--global-upload-border-color-w-bg);
}

.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li.active {
    border-left: 0.1875rem solid var(--global-orange);
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}


.side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
.starchange {
    padding: 0.3125rem 0.625rem;
    font-size: 0.9375rem;
    background-color: transparent;
}

.side-bar-wrap .dropdown-menu li a,
.side-bar-wrap .user_profile_nav li ul li {
    width: 100%;
    color: var(--global-black);
    padding: 0.3125rem 0.625rem;
    font-size: 0.875rem;
}

.side-bar-wrap .user_profile_nav li ul {
    width: 100%;
}

.side-bar-wrap .dropdown-menu.user_profile_nav li a {
    padding: 0;
}

.side-bar-wrap .user_profile_nav li ul li {
    display: block;
    border-bottom: 0.0625rem solid var(--global-border-color-w-bg);
}

.side-bar-wrap .user_profile_nav li h4 {
    font-size: 1.125rem;
    font-weight: 600;
}

.useridtext {
    display: block;
    font-size: 0.875rem;
}

.side-bar-wrap .user_profile_nav li a.logout-button-sidebar {
    color: var(--global-orange);
}

.removeicon i.fa-light::before {
    content: "\f005";
}

.side-bar-search-wrap {
    padding: 0.75rem 1.25rem;
    text-align: center;
}

.side-bar-search-wrap:hover {
    background: var(--card-highlight--bg-color);
}

.side-open .side-bar-search-wrap:hover {
    background: transparent;
}

.side-bar-search-wrap .main-search {
    display: none;
}

.side-bar-search-wrap .main-search {
    width: 100%;
}

.side-open .side-bar-search-wrap .main-search {
    display: block;
}

.side-open .side-bar-search-wrap .side-bar-toggler-btn {
    display: none;
}

.side-bar-navigation {
    padding: 0rem 0 0.625rem;
    border-top: 0.0625rem solid var(--card-highlight--bg-color);
}


.side-bar-nav-box .side-bar-toggle-btn {
    padding: 0.375rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: left;
    font-weight: 500;
    font-size: 0.75rem;
    white-space: nowrap;
}

.side-open .side-bar-nav-box .side-bar-toggle-btn {
    font-size: 1rem;
    padding: 0.75rem 1.25rem;
}

.nav-link-icon-wrap {
    margin-right: 0;
}

.side-open .nav-link-icon-wrap {
    margin-right: 0.625rem;
}

.side-bar-li:hover .side-bar-toggle-btn {
    background: var(--card-highlight--bg-color);
}

.side-bar-nav-box .side-bar-toggle-btn:focus {
    outline: none;
}

.side-bar-toggle-btn.show,
.side-bar-toggle-btn.active {
    background: var(--card-highlight--bg-color);
}

.side-bar-toggle-btn.active {
    border-left: 0.25rem solid var(--text-two);
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.nav-link-text,
.nav-link-text:hover {
    color: var(--text-two);
    /* animation: hideAni 0s ease-in-out, widthHeight 0s ease-in-out, disNone 0s ease;
    animation-fill-mode: forwards; */
}

.side-open .nav-link-text {
    animation: showAni 0s ease .4s, showWithHeight 0s ease .3s;
    animation-fill-mode: backwards;
}

.side-bar-user-name-id-wrap,
.side-bar-user-arrow-wrap {
    animation: hideAni 0s ease-in-out, widthHeight 0s ease-in-out 0s, disNone .5s ease;
    animation-fill-mode: forwards;
}

.side-open .side-bar-user-name-id-wrap,
.side-open .side-bar-user-arrow-wrap {
    animation: showAni 0s ease .4s, showWithHeight 0s ease .3s, disBlock .2s ease;
    animation-fill-mode: backwards;
}

.side_bar_cta_wrap {
    border-top: 0.0625rem solid var(--card-highlight--bg-color);
}

.side_bar_cta_icon_wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
}

.side_bar_cta_btn {
    display: inline-flex;
    width: 2.125rem;
    height: 2.125rem;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid var(--global-input-border);
    border-radius: 100%;
    color: var(--white-white-orange);
    padding-top: 0.125rem;
    transition: .3s all linear;
    position: relative;
}

.side_bar_cta_btn:hover {
    background: var(--white-orange-orange);
    color: var(--orange-white-white);
    border-color: var(--white-orange-orange);
}

.side_bar_cta_btn:hover .fa-light,
.side_bar_cta_btn .fa-solid,
.side-open .side_bar_cta_close_wrap,
.side_bar_cta_open_wrap {
    display: none;
}

.side_bar_cta_btn:hover .fa-solid,
.side_bar_cta_btn .fa-light,
.side_bar_cta_close_wrap,
.side-open .side_bar_cta_open_wrap {
    display: block;
}

.side_bar_cta_mini_icon_wrap {
    background: var(--bg-color);
    box-shadow: 0 0 0.375rem 0 var(--global-top-circle-shadow);
}

.side_bar_cta_close_wrap .side-bar-toggle-btn {
    padding: 0.75rem 0rem;
}

.side_bar_new_links_wrap {
    display: flex;
}

.side_bar_new_links_col {
    width: 20rem;
}

.side_bar_new_links_box {
    /* padding: 1rem; */
    color: var(--text-grey);
    border-bottom: 0.0625rem solid #E1E1E1;
}

.side_bar_new_links_box:last-child {
    border-color: transparent;
}

.side_bar_new_links_box h6 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.side_bar_new_links_col:last-child {
    border-left: 0.0625rem solid #E1E1E1;
}

.side_bar_new_links_col:first-child {
    border-left: none;
}

.side_bar_new_link img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    padding-bottom: 0.25rem;
    margin-right: .5rem;
}

.side_bar_new_links_box_links_li {
    transition: .3s all linear;
}

.side_bar_new_links_col .side_bar_new_links_box .side_bar_new_links_box_links ul.side_bar_new_links_box_links_ul li.side_bar_new_links_box_links_li:hover,
.side_bar_new_links_col .side_bar_new_links_box .side_bar_new_links_box_links ul.side_bar_new_links_box_links_ul li.side_bar_new_links_box_links_li.active {
    background: rgba(240, 79, 41, 0.1);
}


/* .side_bar_new_links_col{
    display: none;
}
.side_bar_new_links_col.parentHasActiveSearch{
    display: block;
} */
.side_bar_title_wrap {
    padding: .75rem 1rem;
    border-bottom: 1px solid #E1E1E1;
}

.side_bar_title_wrap h4 {
    font-size: 1.25rem;
    font-weight: 500;
}

.side_bar_new_links_box .accordion .accordion-body {
    padding: .75rem 1rem;
}

.side_bar_new_links_box .accordion-button:focus {
    box-shadow: none;
    color: var(--text-grey);
}

.side_bar_new_links_box .accordion-button {
    border-bottom: 0.0625rem solid #e1e1e1;
    font-weight: 500;
    pointer-events: none;
    padding: .75rem 1rem;
}

.side_bar_new_links_box .accordion-button::after {
    display: none;
}

.side_bar_new_links_box .accordion-button[aria-expanded="true"] {
    background: var(--global-upload-background-w-bg);
}

.side_bar_new_links_box .accordion-button.collapsed {
    border-bottom: 0.0625rem solid transparent;
}

.side-bar-navigation .accordion-button:not(.collapsed) {
    color: var(--text-grey);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/arrow_black_.svg);
}

.customDropdown .dropdown-menu {
    transform: translateX(6.56rem) !important;
}

.side-open .customDropdown .dropdown-menu {
    transform: translateX(15.7rem) !important;
}

.social_login_btn_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.625rem;
}

.social_login_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 3.5rem;
    border: 1px solid var(--global-white);
    border-radius: 0.25rem;
    position: relative;
    transition: .3s all linear;
}

.social_login_btn:hover {
    transform: scale(1.05);

}

.social_login_btn img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}

.or_login_wrap {
    text-align: center;
    margin: 2rem 0;
}

.or_login_text {
    position: relative;
}

.or_login_text::before,
.or_login_text::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 44%;
    height: 0.0625rem;
    background-color: rgba(255, 255, 255, .2);
}

.or_login_text {
    color: var(--global-white);
}

.or_login_text::after {
    left: auto;
    right: 0;
}

.header_trial_timer_wrap {
    position: absolute;
    bottom: -2rem;
    right: 0;
    padding: 0.25rem 0.5rem;
    background: var(--global-orange);
    color: var(--global-white);
    border-bottom-left-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

.no_user_found_modal p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: var(--text-grey);
    margin-bottom: 1.25rem;
}

.no_user_found_img_wrap img {
    max-height: 4.375rem;
    margin-bottom: 1rem;
}

@keyframes widthHeight {
    from {
        width: 100%;
        height: auto;
        position: initial;
    }

    to {
        width: 0%;
        height: 0;
        position: absolute;
    }
}

@keyframes hideAni {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes showAni {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes showWithHeight {
    from {
        width: 0;
        height: 0;
        position: absolute;
    }

    to {
        width: 100%;
        height: auto;
        position: initial;
    }
}

@keyframes disNone {
    from {
        visibility: visible;
    }

    to {
        visibility: hidden;
    }
}

@keyframes disBlock {
    from {
        visibility: hidden;
    }

    to {
        visibility: visible;
    }
}



.side-bar-wrap span.nav-link-icon-wrap {
    transition: none;
}

.side-open .nav-link-text {
    width: 100%;
    display: block;
    text-align: left;
    color: var(--text-two);
    visibility: visible;
    /* animation-name: showUp;
      animation-duration: .6s;
      animation-timing-function: linear;
      animation-delay: .6s;
      animation-direction: alternate; */
}

/* @keyframes showUp {
      0%   {opacity: 0; display: none;}
      100% {opacity: 1; display: inline;}
    } */
.starchange {
    cursor: pointer;
}

.starchange .fa-solid {
    color: var(--global-orange);
}

.mob-hamburger {
    color: var(--text-one);
}

.side-bar-search-input {
    padding-right: 1.5625rem;
}

.searchclear,
.searchclearbtn {
    position: absolute;
    top: -0.125rem;
    right: 0rem;
    z-index: 1;
    border: none;
    background: none;
    font-size: 1rem;
    color: var(--top-header-search-icon-color);
    height: 2.8125rem;
    width: 1.875rem;
    display: none;
    align-items: center;
    justify-content: center;
}

.side-open .side-bar-user-toggle-wrap .db_right_toggle-wrapper {
    display: none;
}

/* UPDATE LOGIN */
.user_login_main_wraper {
    width: 100%;
    max-width: 42rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    margin: auto;
}

.summery-login {
    background: #1F2638;
    padding: 1.5rem;
    border-radius: 0.4rem;
    color: var(--text-two);
    font-size: 1rem;
    margin-bottom: 2.5rem;
}

.user_header_login h4 {
    font-size: 1rem;
    text-align: left;
    color: var(--text-two);
    font-weight: 600;
    margin-bottom: 1rem;
}

.paymentbarnd img {
    width: 4.5rem;
    margin: 0.5rem;
}

/*MEMBER PLAN */
.main-wraper-member {
    width: 80%;
    margin: auto;
}

.member-plan-table-view {
    margin-bottom: 2rem;
}

.member-plan-table-view table tr th,
.member-plan-table-view table tr td {
    max-width: 25%;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--text-two);
    padding: 1rem;
    box-shadow: 0.0625rem 0rem 0rem 0rem var(--card-highlight--bg-color);
    text-align: center;
}

.member-plan-table-view-comparism .herdermaint thead tr th {
    font-size: 1.125rem;
    background: rgba(255, 255, 255, 0.25);
}

.member-plan-table-view-comparism .pricing-table thead tr th {
    background: rgba(255, 255, 255, 0.15) !important;
}

.member-plan-table-view-comparism .herdermaint thead tr th:first-child {
    padding-left: 2.5rem;
}

.member-plan-table-view table tr {
    box-shadow: 0rem 0.0625rem 0rem 0rem var(--card-highlight--bg-color);
}

.member-plan-table-view table tfoot tr:last-child {
    box-shadow: none;
}

.usermontaddition {
    font-size: 1rem;
    display: flex;
    justify-content: center;
}

.member-plan-table-view table tbody tr:not(:first-child) td:first-child {
    text-align: left;
}

.member-plan-table-view table tr th {
    padding: 1.5rem;
    text-align: center;
    position: relative;
}

.member-plan-table-view table tbody tr td:first-child i {
    color: var(--white-orange-orange);
    padding-right: 0.5rem;
}

.member-plan-table-view table thead tr th h4 {
    font-size: 2.5rem;
}

.member-plan-table-view table thead tr th h4 span {
    font-size: 1rem;
}

.brand-universel {
    padding: 1rem;
    margin-bottom: 4rem;
}

.brand-universel img {
    max-width: 20rem;
}

.usercount {
    display: block;
    margin-bottom: 1rem;
}

.full-limited-access,
.full-limited-access i {
    color: #A1EBAF;
}

.not-access,
.not-access i {
    color: #FBA3A1;
}

.eyeclrone i {
    color: #FDDB85;
}

.text-cl-red {
    display: block;
    color: var(--white-orange-orange);
    font-size: 0.875rem;
}

.support {
    color: var(--white-orange-orange);
    font-size: 1rem;
}

.member-plan-table-view input {
    width: 6rem;
    margin: 0.5rem auto;
    border-color: var(--white-white-black);
}

.member-plan-table-view table tr th .title-p-s {
    display: block;
    padding: 20px 0;
}

.member-plan-table-view table tr td.additionalText {
    font-size: 0.875rem;
    color: #7B7F8A;
    text-align: left;
}

.member-plan-table-view-comparism {
    overflow: auto;
    border-radius: 0.4rem;
}

.plan-activated {
    position: absolute;
    display: inline-block;
    background-color: #51DC6B;
    color: var(--global-white);
    padding: 0.5rem;
    border-radius: 0.4rem;
    top: -27px;
    left: 0;
    right: 0;
    width: 9rem;
    margin: auto;
}

.offer_ends_info {
    position: absolute;
    display: inline-flex;
    background-color: #FB5758;
    padding: 0.25rem 1.5rem;
    top: -1rem;
    font-size: 1rem;
    white-space: nowrap;
    width: auto;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 0.4rem;
    gap: .25rem;
    justify-content: center;
    color: var(--global-white);
}

.member-plan-upgrade .member-plan-table-view table thead.plans_top_member tr th:first-child,
.member-plan-upgrade .pricing-table th:first-child,
.member-plan-upgrade .pricing-table td:first-child {
    text-align: left;
}

.beside_price_icon {
    position: relative;
    top: -5px;
    color: var(--global-orange);
}

.below_price_info {
    font-size: 1rem;
    color: var(--global-input-border);
}

.billed_once_txt{
    color: var(--text-two);
}

.member_top_heading_wrap {
    text-align: center;
    margin-bottom: 1rem;
    color: var(--text-one);
}

.member_top_heading_wrap h1 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.member_top_heading_wrap p {
    font-size: 1.5rem;
    font-weight: 400;
}

.member_plan_accordion_main_wrapper .r-people-top {
    justify-content: center;
    margin-bottom: 1rem;
}

.member_plan_accordion_main_wrapper .r-people-lft-tab {
    background-color: var(--global-white);
}

.member_plan_accordion_main_wrapper .r-people-lft-tab .nav-link {
    color: var(--text-grey);
}

.member_plan_accordion_main_wrapper .r-people-lft-tab .nav-link.active {
    color: var(--global-white);
}

.signup_tooltip .tooltip-inner {
    max-width: 25rem;
    padding: 1rem 1rem 1rem 2rem;
}

.signup_tooltip ul {
    list-style-type: disc;
    text-align: left;
}

.signup_tooltip ul li {
    margin-bottom: .5rem;
}

.plan-activated.current {
    display: inline-block;
}

.member-plan-table-view-comparism tbody tr th:not(:first-child) {
    text-align: center;
}

.member-plan-table-view-comparism .authorisations_table_wrap tbody tr td table tbody tr th:first-child {
    padding-left: 2.2rem;
}

.pricing_billing_main_wraper.member-plan-table-view-comparism .authorisations_table_wrap tbody tr td table tbody tr td:first-child {
    padding-left: 2.5rem;
}

.member-plan-table-view-comparism tbody tr th {
    padding: 0.625rem 0.75rem;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0.0625rem 0rem 0rem 0rem var(--card-highlight--bg-color);
    position: inherit;
}

.pricing_billing_main_wraper.member-plan-table-view-comparism tr th:not(:first-child),
.pricing_billing_main_wraper.member-plan-table-view-comparism tr td:not(:first-child) {
    width: 15% !important;
}

.ulist {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--white-white-orange);
    border-radius: 100%;
    margin-right: 0.5rem;
}

.btn-show-hide {
    border: none;
    color: var(--white-orange-orange);
    font-size: 1rem;
    background-color: transparent;
    text-align: center;
    padding: 1rem;
}

.btn-show-hide i {
    transform: rotate(-180deg);
}

.btn-show-hide.active i {
    transform: rotate(0deg);
}

.terms-condition-main-wrapper {
    background-color: var(--global-white);
    padding: 1rem;
    max-width: 90%;
    width: 100%;
    margin: auto;
    border-radius: 0.4rem;
}

.terms-condition-main-wrapper .terms-content-txt {
    height: auto;
    overflow: inherit;
}

.member-plan-table-view .btn-pricing-value {
    background: transparent;
    color: var(--global-orange);
    border: 0.0625rem solid var(--white-orange-orange);
}

.r-add-leads-main-wrapper .btn-pricing-value:hover i {
    color: var(--orange-white-white);
}

.r-add-leads-main-wrapper .btn-pricing-value:hover {
    background: var(--white-orange-orange);
    color: var(--white-orange-orange);
}

.member-plan-table-view .btn-pricing-value i {
    color: var(--white-white-black);
}

.member-plan-table-view table {
    width: 100%;
}

/***** ADDITIONAL INFO REQUIRED */
.additional_info_top_wrap {
    margin-bottom: 1.5rem;
}

.additional_info_back_btn {
    background: transparent;
    box-shadow: none;
    color: var(--text-two);
    border: 0;
    font-size: 1.5rem;
}

.additional_info_content_wrap {
    width: 31.25rem;
    margin: 0 auto;
}

.additional_info_content_wrap h4 {
    color: var(--text-two);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.additional_info_content_wrap .form-group {
    margin-bottom: 1.5rem;
}

.additional_info_content_wrap input.country-code-select {
    background-color: transparent;
    border: 0.0625rem solid var(--global-input-border) !important;
    padding: 0.375rem .75rem;
    color: var(--text-two);
    border-radius: 0.3125rem !important;
    font-size: 0.875rem;
    min-height: 2.25rem;
}

.additonal_info_btn.btn_next_page button {
    width: 100%;
}

.save_big_wrap_outer{
    text-align: center;
    margin-bottom: 2rem;
}

.save_big_wrap{
    display: inline-flex;
    background-color: var(--global-orange);
    color: var(--global-white);
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
}

/***** ADDITIONAL INFO REQUIRED */

@media (max-width:1536px) and (max-height:780px) {
    /* .side-bar-nav-box .side-bar-toggle-btn {
        padding: 0.625rem 1.4375rem;
        font-size: 0.9375rem;
    } */

    .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
    .starchange {
        padding: 0.3125rem 0.625rem;
    }
}

@media (max-width: 1199.9808px) {
    /* .db_left {
        position: absolute;
        z-index: 10;
        left: -25rem;
        box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgba(0, 0, 0, 0.6);
    }

    .side-open .db_left {
        left: 0rem;
        width: 12.5rem;
    }

    .side-open .db_right {
        padding: 0 0 0 12.5rem;
    }

    .side-bar-toggler {
        display: none;
    }

    .side-bar-user-name-id-wrap h4 {
        font-size: 0.875rem;
    }

    .side-bar-user-name-id-wrap p {
        font-size: 0.75rem;
    }

    .side-bar-user-name-id-wrap h4,
    .side-bar-user-name-id-wrap p {
        width: 5.625rem;
    }

    .side-bar-user-img-wrap {
        width: 2.25rem;
        height: 2.25rem;
    }

    .side-bar-logo-wrap,
    .side-bar-user-wrap,
    .side-bar-search-wrap,
    .side-bar-nav-box .side-bar-toggle-btn {
        padding: 0.625rem 1rem;
    }

    .side-bar-wrap .user_profile_nav li h4 {
        font-size: 1rem;
    }

    .useridtext {
        font-size: 0.75rem;
    }

    .side-bar-wrap .dropdown-menu {
        min-width: 12.5rem;
    }

    .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
    .starchange {
        font-size: 0.75rem;
    }

    .side-bar-wrap .dropdown-menu li a,
    .side-bar-wrap .user_profile_nav li {
        font-size: 0.75rem;
    }

    .side-open .nav-link-icon-wrap {
        margin-right: 0.375rem;
    }

    .side-bar-nav-box .side-bar-toggle-btn {
        font-size: 0.875rem;
    }

    .side-open .db_right_toggle-wrapper {
        opacity: 0;
    }

    .db_right.db_left-expanded {
        padding: 0 !important;
    }

    .db_right_toggle-wrapper {
        display: block;
        font-size: 21px;
    }

    .side-open .side-bar-user-toggle-wrap .db_right_toggle-wrapper {
        position: absolute;
        top: 1rem;
        left: 194px;
        opacity: 1;
        display: block;
    }

    .side-open .db_right {
        padding: 0;
    }

    .db_right_header {
        z-index: 9;
    }

    .db_right_header-rightarea .r-modal-btn {
        min-height: auto;
        margin-right: 0.625rem;
    }

    .searchclear,
    .searchclearbtn {
        height: 2.1875rem;
    } */
}

@media(max-width:575.9808px) {
    .side-open .db_left {
        left: 0rem;
        width: 10rem;
    }

    .side-bar-logo-wrap {
        height: 4rem;
    }

    .side-bar-user-name-id-wrap h4,
    .side-bar-user-name-id-wrap p {
        width: 4.375rem;
    }

    .side-bar-user-name-id-wrap h4 {
        font-size: 0.75rem;
    }

    .side-bar-user-name-id-wrap p {
        font-size: 0.625rem;
    }

    /* .side-bar-user-img-wrap {
        width: 1.75rem;
        height: 1.75rem;
    } */

    .side-bar-user-img-wrap img {
        width: 26px;
        height: 26px;
        object-fit: contain;
    }

    .side-bar-search-input {
        font-size: 0.75rem;
    }

    .side-bar-wrap .searchsubmit {
        font-size: 0.75rem;
    }

    .side-bar-nav-box .side-bar-toggle-btn {
        font-size: 0.75rem;
    }

    .side-bar-logo-wrap,
    .side-bar-user-wrap,
    .side-bar-search-wrap,
    .side-bar-nav-box .side-bar-toggle-btn {
        padding: 0.5rem 0.5rem;
    }

    .side-bar-wrap .dropdown-menu {
        min-width: 9.375rem;
    }

    .side-bar-wrap .side-bar-ul .btn-group ul.dropdown-menu li .btn-group .side-bar-toggle-btn,
    .starchange {
        font-size: 0.625rem;
        padding: 0.25rem 0.5rem;
    }

    .side-bar-wrap .dropdown-menu li a,
    .side-bar-wrap .user_profile_nav li {
        font-size: 0.625rem;
        padding: 0.25rem 0.5rem;
    }

    .side-bar-wrap .user_profile_nav li h4 {
        font-size: 0.8125rem;
    }

    .useridtext {
        font-size: 0.625rem;
    }

    .side-open .side-bar-user-toggle-wrap .db_right_toggle-wrapper {
        left: 9.5rem;
    }
}

/* NEW NAVIGATION STYLES  ENDS */