.ai-credit-badge-editor {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #F5F8FA;
    border: 1px solid #E1E8EB;
    border-radius: 50px;
    padding: 6px 14px;
    margin-left: 8px;
    text-decoration: none;
}

.ai-credit-badge-editor .ai-credit-value {
    color: #1C2224;
    font-size: 15px;
    font-weight: 600;
}

body[data-theme="dark"] .ai-credit-badge-editor {
    background: #333333;
    border-color: transparent;
}

body[data-theme="dark"] .ai-credit-badge-editor .ai-credit-value {
    color: #FFFFFF;
}

:root {
    --bg: #F2F6F8;

    --whiteText: #FFFFFF;
    --whiteBg: #FFFFFF;

    --icon: #141E22;
    --lightLine: #E1E8EB;
    --darkLine: #CFDEE3;
    --boxBg: #F5F8FA;

    --textShade1: #1C2224;
    --textShade2: #46545A;
    --textShade3: #798D96;
    --textShade4: #A1ADB2;


    --primary: #24AAE0;
    --darkPrimary: #1F84C2;
    --secondary: #FF6600;
    --darkSecondary: #ED5F00;
    --lightPrimary: #F2FBFF;
    --error: #F15248;
    --success: #10B981;
    --alert: #FF9800;
    --Information: #24AAE0;
    --lightInformation: #F0FBFF;
    --lightError: #FFEEE9;
    --lightSuccess: #E7F8F2;
    --lightAlert: #FFF4E5;
    --lightInformation: #F0FBFF;

    --navyBlueDark: #040F17;
    --navyBlueLight1: #06253B;
    --navyBlueLight2: #08314F;
    --navyBlueLight3: #08273E;
    --navyBlueLight4: #041B2B;
    --navyTextcolor: #A1C0D5;
    --navyTextC0D2: #D1D5DB;
    --navyIcon3267: #D1D5DB;
    --navyIconHover79A4: #D1D5DB;
    --navyTitleColor16B7: #16B7F9;

    /* Brand gold (from PodUp brand guideline) used for active nav highlight */
    --navyGoldLight: #E0C080;
    --navyGoldDark: #B0842C;

    --sidebar-icon: var(--navyIcon3267);

}

.leftnav_wrap .new_submenu ul li a i.mn-insights-icon:before {
    color: var(--navyIcon3267);
}

html {
    font-size: 10px;
}

html body {
    background: var(--bg);
    font-size: 1.4rem;
    margin: 0;
    padding: 60px 0 0 0;
    min-height: 100vh;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
}

html body.veditor {
    padding: 60px 0 0 0;
}

html body.fixed-navbar {
    padding: 60px 0 0 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Outfit", sans-serif;
}

/* width */
/* Universal scrollbar removed — hardcoded #eff1fb track / #dddfec thumb, i.e. the
   light-grey bars that showed up in dark theme. It was already being overridden
   (css/global/themes/theme.css loads after this file at equal specificity), so
   this was dead code with a misleading appearance. Styled globally there now. */

.flxrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flxcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.flxfix {
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.flxflexi {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}

.flxwrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header {
    height: 60px;
    background: var(--whiteBg);
    position: fixed;
    left: 70px;
    right: 0;
    z-index: 11;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 8px 0 20px;
    box-shadow: 0px 2px 4px 0px rgba(9, 25, 36, 0.10);
}

body.submenu-open .header {
    left: 270px;
}

body.vertical-layout.vertical-menu .content,
body.vertical-layout.vertical-menu .app-content.content {
    margin: 0 0 0 70px;
    /* height: calc(100vh - 60px);  */
    position: relative;
    padding: 32px;
    transition: none;
}

body.submenu-open.vertical-layout.vertical-menu .content,
body.submenu-open.vertical-layout.vertical-menu .app-content.content {
    margin-left: 270px;
}

body.submenu-open .app-content.content {
    margin-left: 270px;
}


.header .company_logo {
    margin: 0;
    width: auto;
    height: 34px;
    border-radius: 8px;
    overflow: hidden;
}

.header .company_logo img {
    width: 100%;
    max-width: 250px;
    max-height: 100%;
    object-fit: contain;
}

.header .cus_breadcrumb {
    margin: 0;
}

.header .cus_breadcrumb ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.header .cus_breadcrumb ul li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #0E2435;
    font-size: 1.6rem;
    font-weight: 500;
}

.header .cus_breadcrumb ul li::before {
    content: "\e904" !important;
    font-family: 'utilityicons' !important;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin: 0 5px;
}

.header .cus_breadcrumb ul li i {
    color: var(--navyTextcolor);
    display: block;
    margin: 0 6px 0 0;
}

.header .cus_breadcrumb ul li i::before {
    color: var(--navyTextcolor);
}

.header .righthead {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
}

.header .utilityicons {
    display: flex;
    align-items: center;
}

.header .utilityicons .iconbox {
    margin: 0;
}

.header .utilityicons .iconbox+.iconbox {
    margin: 0 0 0 10px;
}

.header .utilityicons .iconbox a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: solid 1px #D9E3EA;
    background: var(--whiteBg);
    font-size: 1.8rem;
    color: #829DB3;
    box-shadow: 0px 1px 2px 0px rgba(9, 25, 36, 0.10);
    position: relative;
}

.header .utilityicons .iconbox a:hover {
    color: var(--primary);
    border-color: var(--primary);
}

.header .utilityicons .iconbox a .notifications {
    position: absolute;
    right: -4px;
    top: -4px;
    border-radius: 40px;
    min-width: 22px;
    height: 16px;
    font-size: 10;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--whiteText);
    padding: 1px 5px 0;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(180deg, #EC4700 0%, #E60101 100%);
}

.header .profile_menu {
    margin: 0 0 0 10px;
}

.header .profile_menu button {
    padding: 0 7px;
    height: 50px;
    display: flex;
    align-items: center;
    outline: none;
    border-radius: 12px;
    background: var(--whiteBg);
    box-shadow: 0px 2px 4px 0px rgba(9, 25, 36, 0.20);
    border: none;
}

.header .profile_menu button .pro_pic {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    margin: 0 7px 0 0;
}

.header .profile_menu button .pro_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .profile_menu button::after {
    content: "\e900" !important;
    font-family: 'utilityicons' !important;
    border: none;
    width: auto;
    height: auto;
    margin: 0;
    color: #7FA2BA;
}

.header .profile_menu .dropdown-menu {
    padding: 14px 10px;
    border-radius: 12px;
    background: var(--whiteBg);
    box-shadow: 0px 7px 15px 0px rgba(9, 25, 36, 0.20);
    border: none;
}

.header .profile_menu .plans_namebox {
    align-items: center;
    padding: 0 0 12px 0;
    border-bottom: solid 1px #D9E3EA;
}

.header .profile_menu .plans_namebox .userpic {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    margin: 0 7px 0 0;
}

.header .profile_menu .plans_namebox .userpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .profile_menu .plans_namebox .namebox {
    font-size: 1.4rem;
    color: #0E2435;
    font-weight: 500;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.header .profile_menu .plans_namebox .planbox span.growplan,
.header .profile_menu .plans_namebox .planbox span.freeplan,
.header .profile_menu .plans_namebox .planbox span.createplan,
.header .profile_menu .plans_namebox .planbox span.monetizeplan {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--whiteText);
    padding: 0 8px;
    height: 22px;
    line-height: 1;
    border-radius: 50px;
    font-weight: 600;
    margin: 3px 0 0 0;
}

.header .profile_menu .plans_namebox .planbox span.growplan {
   background: var(--primary);
}

.header .profile_menu .plans_namebox .planbox span.freeplan {
    background: linear-gradient(90deg, #638899 0%, #326788 100%);
}

.header .profile_menu .plans_namebox .planbox span.createplan {
    background: linear-gradient(90deg, #018DF1 0%, #2757FF 100%);
}

.header .profile_menu .plans_namebox .planbox span.monetizeplan {
    background: linear-gradient(90deg, #0EE98D 0%, #02A8A8 100%);
}

.header .profile_menu .site_list,
.header .profile_menu .general_link {
    margin: 0;
    padding: 8px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.header .profile_menu .site_list {
    border-bottom: solid 1px var(--color-border);
}

.header .profile_menu .site_list a,
.header .profile_menu .general_link a {
    display: flex;
    align-items: center;
    width: 185px;
    font-size: 1.2rem;
    color: #0E2435;
    font-weight: 500;
    white-space: nowrap;
    padding: 8px;
    border-radius: 6px;
}

.header .profile_menu .site_list a i,
.header .profile_menu .general_link a i {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0 7px 0 0;
    border-radius: 3px;
    color: #B1C5D5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
}

.header .profile_menu .site_list a i img,
.header .profile_menu .general_link a i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .profile_menu .site_list a strong,
.header .profile_menu .general_link a strong {
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.header .profile_menu .site_list a span img,
.header .profile_menu .general_link a span img {
    float: left;
}

.header .profile_menu .site_list a:hover,
.header .profile_menu .general_link a:hover {
    background: #F3F6F8;
}

.header .profile_menu .site_list a.active {
    background: #F3F6F8;
}


.leftnav_wrap {
    width: 70px;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: var(--navyBlueDark);
    z-index: 20;
}

body.submenu-open .leftnav_wrap {
    width: 270px;
}

.leftnav_wrap .leftverticle {
    width: 70px;
    height: 100%;
    position: relative;
    padding: 5px 0;
}

.leftnav_wrap .logobox {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 0 15px 0;
}

.leftnav_wrap .logobox a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
}

.leftnav_wrap .logobox a img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    width: auto;
    height: auto;
}

/* .leftnav_wrap .main_nav { overflow: auto;} */
/* Scrollbar removed — hardcoded navy (#081C2B track / #0F3652 thumb) from the old
   blue sidebar, with a hover state identical to the resting thumb. Being
   element-scoped it outranked the global rule, so it never re-themed. Styled in
   css/global/themes/theme.css. */

.leftnav_wrap .main_nav ul.mainul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.leftnav_wrap .main_nav ul.mainul>li {
    display: block;
    position: relative;
}

.leftnav_wrap .main_nav ul.mainul>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 60px;
    height: 45px;
    border-radius: 8px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--navyTextcolor);
    position: relative;
}

.leftnav_wrap .main_nav ul.mainul>li>a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 6px;
    right: -5px;
    background: var(--navyBlueLight1);
    pointer-events: none;
    opacity: 0;
}

.leftnav_wrap .main_nav ul.mainul>li>a .notifications {
    position: absolute;
    right: -3px;
    top: -3px;
    border-radius: 40px;
    min-width: 22px;
    height: 16px;
    font-size: 10;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--whiteText);
    padding: 0 3px;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(180deg, #EC4700 0%, #E60101 100%);
}

.leftnav_wrap .main_nav ul.mainul>li::after {
    content: "";
    position: absolute;
    background-color: transparent;
    top: -12px;
    height: 12px;
    right: -5px;
    width: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 6px 0 0 var(--navyBlueLight1);
    pointer-events: none;
    opacity: 0;
}

.leftnav_wrap .main_nav ul.mainul>li::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: -12px;
    height: 12px;
    right: -5px;
    width: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 -6px 0 0 var(--navyBlueLight1);
    pointer-events: none;
    opacity: 0;
}

.leftnav_wrap .main_nav ul.mainul>li.activemenu::after,
.leftnav_wrap .main_nav ul.mainul>li.activemenu::before {
    opacity: 1;
}

.leftnav_wrap .main_nav ul.mainul>li.activemenu>a::after {
    opacity: 1;
}

.leftnav_wrap .main_nav ul.mainul>li.activemenu>a {
    background: var(--navyBlueLight1);
    border-radius: 8px 0 0 8px;
    color: var(--whiteText);
}

.leftnav_wrap .main_nav ul.mainul>li>a i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: var(--sidebar-icon);
}

.leftnav_wrap .main_nav ul.mainul>li>a:hover i,
.leftnav_wrap .main_nav ul.mainul>li.activemenu>a i {
    background: -webkit-linear-gradient(180deg, #06DEF6 0%, #0689F4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.leftnav_wrap .main_nav ul.mainul>li>a span {
    display: block;
    margin: 0px 0 0 0;
    font-size: 9px;
}

.leftnav_wrap .main_nav ul.mainul>li>a:hover {
    background: var(--navyBlueLight1);
    color: var(--whiteText);
}

.leftnav_wrap .main_nav ul.mainul>li>a .lockedicon {
    display: flex;
    align-items: center;
    min-width: 22px;
    height: 16px;
    border-radius: 50px;
    justify-content: center;
    padding: 0 5px;
    font-size: 12px;
    color: var(--whiteText);
    background: var(--navyIcon3267);
    position: absolute;
    right: -3px;
    top: -3px;
    opacity: 0.5;
    z-index: 2;
    pointer-events: none;
}

.leftnav_wrap .main_nav ul.mainul>li>a .lockedicon img {
    max-width: 10px;
    max-height: 10px;
}

.leftnav_wrap .main_nav ul.mainul>li>a:hover .lockedicon,
.leftnav_wrap .main_nav ul.mainul>li.activemenu>a .lockedicon {
    opacity: 1;
}

.leftnav_wrap .main_nav ul.mainul>li.activemenu>a#AITOOLS i {
    background: -webkit-linear-gradient(221deg, #FF46AA 14.71%, #E1007A 24.27%, #2757FF 32.44%, #098EF4 64.44%, #00F2B8 74.2%, #55FFD6 79.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.leftnav_wrap .new_submenu {
    position: absolute;
    left: 100%;
    top: 5px;
    bottom: 5px;
    width: 195px;
    border-radius: 8px;
    padding: 5px;
    background: var(--navyBlueLight1);
    margin-left: 0;
}

.leftnav_wrap .new_submenu .toptitle {
    align-items: center;
    margin: 0 0 24px 0;
}

.leftnav_wrap .new_submenu .toptitle h3 {
    padding: 0 10px;
    color: var(--whiteText);
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0;
}

.leftnav_wrap .new_submenu .backbtn {
    display: block;
}

.leftnav_wrap .new_submenu .backbtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.leftnav_wrap .new_submenu .backbtn a:hover {
    background: var(--navyBlueLight2);
}

.leftnav_wrap .new_submenu .backbtn a img {
    filter: brightness(2);
    opacity: 0.5;
}

.leftnav_wrap .new_submenu ul {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin: 0;
    padding: 0;
}

.leftnav_wrap .new_submenu ul li {
    display: block;
    margin: 0;
    padding: 0;
}

.leftnav_wrap .new_submenu ul li a {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 5px 0 10px;
    border-radius: 8px;
    font-size: 1.2rem;
    color: var(--navyTextC0D2);
    font-weight: 500;
}

/* .leftnav_wrap .new_submenu ul li a:hover {
    background: var(--navyBlueLight2);
    color: var(--whiteText);
} */

.leftnav_wrap .new_submenu ul li a i {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0;
    font-size: 16px;
    color: var(--navyIcon3267);
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.leftnav_wrap .new_submenu ul li a:hover i {
    color: var(--navyIconHover79A4);
}

.leftnav_wrap .new_submenu ul li a i img {
    float: left;
    max-width: 16px;
    max-height: 16px;
    width: auto;
    height: auto;
}

/* Active submenu item (e.g. Dashboard / Setup) — gold highlight box */
.leftnav_wrap .new_submenu ul li.active a {
    position: relative;
    /* background: rgba(224, 192, 128, 0.08);
    border: 1px solid var(--sidebar-active-icon); */
    color: var(--navyGoldLight);
}

/* .leftnav_wrap .new_submenu ul li.active a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    border-radius: 0 4px 4px 0;
    background: var(--sidebar-active-icon);
} */

.leftnav_wrap .new_submenu ul li.active a i,
.leftnav_wrap .new_submenu ul li.active a i:before{
    color: var(--sidebar-active-icon);
}
.leftnav_wrap .new_submenu ul li.active a strong  {
    color: var(--sidebar-active-textColor);
}

/* .leftnav_wrap .new_submenu ul li.active a:hover {
    background: rgba(224, 192, 128, 0.14);
    color: var(--navyGoldLight);
} */

.leftnav_wrap .new_submenu ul li.active a:hover i {
    color: var(--navyGoldLight);
}

.leftnav_wrap .new_submenu ul li a strong {
    font-weight: 500;
    display: block;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.leftnav_wrap .new_submenu ul li a span {
    display: flex;
    align-items: center;
    min-width: 22px;
    height: 16px;
    border-radius: 50px;
    justify-content: center;
    padding: 0 5px;
    font-size: 12px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.leftnav_wrap .new_submenu ul li a span.aimodule {
    color: var(--whiteText);
    background: linear-gradient(180deg, #07CAF6 0%, #078BF5 100%);
}

.leftnav_wrap .new_submenu ul li a span.notinfo {
    color: var(--whiteText);
    background: linear-gradient(180deg, #EC4700 0%, #E60101 100%);
}

.leftnav_wrap .new_submenu ul li.locked a {
    opacity: 0.5;
}

.leftnav_wrap .new_submenu ul li.locked a span.lockedicon {
    color: var(--whiteText);
    background: var(--navyIcon3267);
}

.leftnav_wrap .new_submenu ul li.locked a span.lockedicon img {
    max-width: 10px;
    max-height: 10px;
}

.leftnav_wrap .new_submenu ul li.locked a:hover {
    opacity: 1;
    color: var(--navyTextC0D2);
}

.leftnav_wrap .new_submenu ul li.locked a:hover i {
    color: var(--navyIcon3267);
}

.leftnav_wrap .subcontent {
    overflow: auto;
}

/* Scrollbar removed — same hardcoded navy as .main_nav above.
   Styled in css/global/themes/theme.css. */

.leftnav_wrap .navgroups {}

.leftnav_wrap .navgroups+.navgroups {
    margin-top: 0px;
}

.leftnav_wrap .navgroups+.navgroups.singalgroup {
    margin-top: 0;
}

.leftnav_wrap .navgroups h3 {
    padding: 0 10px;
    margin: 0 0 0px 0;
    color: var(--navyTitleColor16B7);
    font-size: 1.4rem;
    font-weight: 600;
}

.leftnav_wrap .modulelocked_popup {
    position: absolute;
    left: 100%;
    top: 0;
    background: var(--bgcolor-featureslock);
    border-radius: 12px;
    padding: 15px;
    width: 185px;
    margin: 5px 0 0 6px;
}

.leftnav_wrap .modulelocked_popup .topbarlockbox {
    align-items: center;
    margin: 0 0 10px 0;
}

.leftnav_wrap .modulelocked_popup .topbarlockbox h6 {
    color: var(--color-title-locked);
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.leftnav_wrap .modulelocked_popup .topbarlockbox .iconbox,
.leftnav_wrap .modulelocked_popup .topbarlockbox .closebtn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.leftnav_wrap .modulelocked_popup .topbarlockbox .iconbox img,
.leftnav_wrap .modulelocked_popup .topbarlockbox .closebtn img {
    float: left;
    vertical-align: top;
}

.leftnav_wrap .modulelocked_popup .topbarlockbox .iconbox {
    margin: 0 7px 0 0;
}

.leftnav_wrap .modulelocked_popup .topbarlockbox .closebtn {
    margin: 0 0 0 7px;
}

.leftnav_wrap .modulelocked_popup p {
    font-size: 1.2rem;
    color: var(--color-title-secondary);
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: 500;
}

.leftnav_wrap .modulelocked_popup .bottombtn {
    margin: 0;
    padding: 15px 0 0 0;
    border-top: solid 1px #D9E3EA;
}

.leftnav_wrap .modulelocked_popup .bottombtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    background: #F3F6F8;
    border-radius: 50px;
    padding: 0 15px;
    font-size: 1.2rem;
    color: #0E2435;
    font-weight: 500;
}

.leftnav_wrap .modulelocked_popup .bottombtn a img {
    margin: 0 5px 0 0;
}

body.recorderpages.vertical-layout.vertical-menu .content,
body.recorderpages.vertical-layout.vertical-menu .app-content.content {
    padding: 0px;
    min-height: calc(100% - 32px);
    height: auto;
}

.header.show-guest-header {
    left: 252px;
}

.leftnav_wrap .modulelocked_popup .topbarlockbox .iconbox img {
    filter: brightness(20);
}

.leftnav_wrap .modulelocked_popup .topbarlockbox .closebtn a img {
    filter: brightness(20);
}

/*
.leftnav_wrap .new_submenu ul .btn-menu a {
    background-color: #24aae0;
    margin-bottom: 3px;
    margin: 5px 10px 0px 10px;
    color: #fff;
    text-align: center;
}

.leftnav_wrap .new_submenu ul .btn-menu a:hover {
    background-color: #1F84C2;
}

.leftnav_wrap .new_submenu ul .btn-menu a span {
    display: none;
}

.leftnav_wrap .new_submenu ul .locked.btn-menu a span {
    display: flex;
}
*/
@media (max-width: 767px) {
    .header {
        left: 0;
    }

    .leftnav_wrap {
        left: -70px;
    }

    body.mobilemenuopen .leftnav_wrap {
        left: 0;
    }

    body.mobilemenuopen .header {
        left: 70px;
    }

    .leftnav_wrap .logobox {
        margin: 0 0 14px 0;
    }

    .leftnav_wrap .main_nav ul.mainul {
        gap: 0;
    }

    body.submenu-open .app-content.content {
        margin: 0;
    }
}

body[data-theme="dark"] .leftnav_wrap .logobox a img.logo_lighttheme_leftsidebar {
    display: none;
}

body[data-theme="light"] .leftnav_wrap .logobox a img.logo_darktheme_leftsidebar {
    display: none;
}


body[data-theme="dark"] .profile_menu .site_list a.select-domain.active span.flxfix img {
    filter: brightness(500);
}