body:not(.page-zportals-login){
    opacity: 0;
}
/* Common CSS for datatable */
.select2-container .select2-search--inline{
    margin: 0px;
    height: 40px;
    width: 100%;
}
.select2-container .select2-search--inline .select2-search__field{
    width: 100% !important;
    margin: 0px;
    height: 40px;
}
.dataTables_filter{
    position: relative;
    float: right;
    display: none;
}
.dataTables_filter .zp-datatable-search{
    position: absolute;
    width: 300px;
    right: 0px;
    height: 40px;
}
.zp-books-list-section .dataTables_filter .zp-datatable-search{
    right: 10px;
}
.dataTables_filter .zp-datatable-search button[type="submit"]{
    top: 1px;
    right: 259px;
    padding: 0px;
    background-color: transparent;
    border: none;
    z-index: 1;
    position: absolute;
}
.dataTables_filter .zp-datatable-search button[type="submit"]:focus, .dataTables_filter .zp-datatable-search button[type="submit"]:focus-visible{
    outline: none;
}
.dataTables_filter .zp-datatable-search button[type="submit"] svg{
    height: 38px;
    background-color: rgb(255, 255, 255);
    margin: 0px;
    padding: 9px;
    border-radius: 10px;
}
.dataTables_filter .zp-datatable-search button[type="submit"] svg path{
    fill: var(--filter_input_font_color);
}
.dataTables_filter .zp-datatable-search input{
    right: 0px;
    max-width: 100%;
    width: 350px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
    color: var(--filter_input_font_color);
    padding-left: 40px;
    padding-right: 30px;
    position: absolute;
    background: rgb(255 255 255);
    box-shadow: none;
} 
.zp-custom-btn-top-left{
    float: left;
    width: 50%;
}
.zp-custom-btn-top-left .zp-custom-btn{
    float: left;
}
.zp-custom-btn-top-right{
    float: right;
    width: 50%;
}
.zp-custom-btn-top-right .zp-custom-btn{
    float: right;
}
.zp-float-left{
    float: left;
}
.zp-float-right{
    float: right;
}
.zp-asterisk{
    color: rgb(255 0 0);
}
.zp-required-focus{
    border: 1px solid rgb(255 0 0) !important;
}
.zp-clear{
    clear: both;
    width: 100%;
}
.clr{
    clear: both;
    width: 1px;
}
.d-none {
    display: none;
}
#et-main-area{
    background-color: rgb(231, 237, 243);
}
.zp-alert{
    padding: 10px 15px;
    margin: 0 auto 10px;
    width: max-content;
    border-radius: 25px;
    max-width: 100%;
    text-align: center;
}
.zp-alert-success{
    background-color: rgb(223 240 216);
    border-color: rgb(214 233 198);
    color: rgb(60 118 61);
}
.zp-alert-alert-info {
    background-color: rgb(217 237 247);
    border-color: rgb(188 232 241);
    color: rgb(49 112 143);
}
.zp-alert-danger{
    background-color: rgb(242 222 222);
    border-color: rgb(235 204 209);
    color: rgb(169 68 66);
}
.zp-alert-warning{
    background-color: rgb(252 248 227);
    border-color: rgb(250 235 204);
    color: rgb(138 109 59);
}
.zp-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 10px;
}
.zp-btn:focus{
    outline: none;
}
.zp-view-btn{
    background-color: var(--btn_view_bg_color);
    color: var(--btn_view_fc);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    padding: 6px 16px;
}
.zoho-subscription-page .zp-view-btn{
    border: 1px solid var(--btn_view_fc);
}
.zp-view-btn:hover{
    background-color: var(--btn_view_bg_color_with_alpha);
}
.zp-page-wraper{
    font-size: 14px;
    margin: 0px auto 40px;
    width: 100%;
    border-radius: 16px;
    padding: 0;
    background: var(--portal_primary_bg_color);
    color: var(--body_fc);
    /* CSS Grid: sidebar full-height left column, topbar + content right column */
    display: grid;
    grid-template-columns: var(--zp-sidebar-width, 220px) 1fr;
    grid-template-rows: auto 1fr;
    overflow: clip; /* clips border-radius without creating a scroll container (preserves position:sticky) */
    min-height: 500px;
}
/* Suppress clearfix ghost grid items */
.zp-page-wraper.clearfix::before,
.zp-page-wraper.clearfix::after {
    display: none;
}
/* Nav overlay: always hidden globally; mobile media query handles open state */
#zp-nav-overlay {
    display: none;
}
/* Profile image upload form: place in sidebar cell with zero dimensions so it doesn't create a grid row */
.zp-page-wraper > .zp-change-profile-image-form {
    grid-column: 1;
    grid-row: 1;
    width: 0;
    height: 0;
    overflow: hidden;
}
.zp-input-group{
    margin-bottom: 15px;
    float: left;
    width: 100%;
    position: relative;
}
.zp-input-group label{
    width: 100%;
    display: block;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
    font-size: 14px;
    color: var(--heading_fc);
    padding-top: 15px;
}
.zp-sign-up-page .login-form .zp-input-group .label{
    padding-top: 10px;
}
.zp-input-group input{
    width: 100%;
    border: solid 1px rgb(204 204 204);
    border-radius: 10px;
    padding: 8px;
    height: 40px;
}
.zp-input-group input:-webkit-autofill,
.zp-input-group input:-internal-autofill-selected{
    background: rgb(255 255 255) !important;
}
.page-zportals a{
    text-decoration: none;
}
.page-zportals input[type=checkbox]{
    cursor: pointer;
}
.page-zportals button:active,
.page-zportals button:focus{
    outline: none;
}
#zp-page-wraper .tooltip {
    transition: none !important;
}

/* Login Page */
/* ===== Auth Pages (Login / Sign-up / Reset) - Modernized ===== */
.zp-page-wraper.zp-auth-page{
    max-width: 100%;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-template-columns: unset;
    grid-template-rows: unset;
    overflow: visible;
    background-color: var(--lp_bg_color, #f8fafc) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.18) 100%);
    padding: 20px;
    position: relative;
}

/* Auth form panel (centers the form card) */
.zp-auth-form-panel{
    width: 100%;
    max-width: var(--lp_card_max_width, 540px);
    margin: 0 auto;
}

/* Logo above login card */
.zp-auth-logo{
    margin-bottom: 20px;
}
.zp-auth-logo img{
    max-width: 100%;
    height: auto;
}

/* Login card */
.zp-login-page .login-form{
    width: 100%;
    margin: 0 auto;
    padding: var(--lp_card_padding, 40px) !important;
    border: 1px solid var(--lp_card_border_color, #e9e9e9) !important;
    border-radius: var(--lp_card_border_radius, 12px) !important;
    background-color: var(--lp_card_bg_color, #ffffff) !important;
    box-shadow: var(--lp_card_shadow, 0px 4px 30px rgba(0,0,0,0.06)) !important;
    z-index: 1;
    display: block;
    position: relative;
}
.zp-login-page #zp-forget-password-form{
    min-height: 300px;
}

/* Sign-up card */
.zp-sign-up-page .login-form{
    width: 100%;
    max-width: 610px;
    min-height: 855px;
    height: auto;
    margin: 0 auto;
    padding: var(--lp_card_padding, 40px) !important;
    border: 1px solid var(--lp_card_border_color, #e9e9e9) !important;
    border-radius: var(--lp_card_border_radius, 12px) !important;
    background-color: var(--lp_card_bg_color, #ffffff) !important;
    box-shadow: var(--lp_card_shadow, 0px 4px 30px rgba(0,0,0,0.06)) !important;
    z-index: 1;
    display: block;
    position: relative;
}

/* Form header / title */
.zp-auth-page #zp-login-form header,
.zp-auth-page #zp-forget-password-form .login-form-header label{
    line-height: 1.2;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--lp_form_title_color, var(--heading_fc)) !important;
}
.zp-auth-page #zp-sign-up-form header{
    line-height: 1.2;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--lp_form_title_color, var(--heading_fc)) !important;
}

/* Welcome text below title */
.zp-auth-welcome-text{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--lp_welcome_text_color, #64748b) !important;
    margin-top: -12px;
    margin-bottom: 18px;
    line-height: 1.5;
    float: left;
    width: 100%;
}

/* Footer text below forms */
.zp-auth-footer-text{
    text-align: center;
    padding-top: 16px;
    clear: both;
}
.zp-auth-footer-text p{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    color: var(--lp_footer_text_color, #94a3b8) !important;
    margin: 0;
}

/* Input fields */
.zp-auth-page .zp-input-group label{
    margin-bottom: 8px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: var(--lp_form_title_color, var(--heading_fc)) !important;
}
.zp-auth-page .zp-input-group input[type=checkbox]{
    width: 20px;
    margin: 0px;
    cursor: pointer;
}
.zp-auth-page .zp-input-group input,
.zp-auth-page .zp-input-group select{
    border: 1px solid var(--lp_input_border_color, #E6E6E6) !important;
    background-color: var(--lp_input_bg_color, #ffffff) !important;
    padding: 10px 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-radius: var(--lp_input_border_radius, 10px) !important;
    width: 100%;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.zp-auth-page .zp-input-group input:focus,
.zp-auth-page .zp-input-group select:focus{
    border-color: var(--lp_input_focus_border_color, var(--btn_view_fc)) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.08);
    outline: none;
}
.zp-auth-page .zp-input-group .fas{
    float: right;
    cursor: pointer;
    position: absolute;
    top: 50px;
    right: 15px;
    color: var(--heading_fc);
}

/* Error message */
.zp-auth-page .zp-error-message{
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

/* Links */
.zp-auth-page .login-form .zp-link-sign-up{
    float: right;
}
.zp-auth-page .login-form-footer{
    float: left;
    width: 100%;
}

/* Buttons */
.zp-auth-page .login-form-footer .zp-btn-reset,
.zp-auth-page .login-form-footer .zp-btn-login{
    width: 100%;
    margin-top: 10px;
    padding: 12px 24px;
    background-color: var(--lp_btn_bg_color, var(--btn_view_fc)) !important;
    color: var(--lp_btn_text_color, #ffffff) !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--lp_btn_border_radius, 10px) !important;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}
.zp-auth-page .login-form-footer .zp-btn-login:hover,
.zp-auth-page .login-form-footer .zp-btn-reset:hover{
    opacity: 0.92;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.zp-auth-page .login-form-footer .zp-btn-login:active,
.zp-auth-page .login-form-footer .zp-btn-reset:active{
    transform: translateY(0);
}

.login-form-footer .zp-link-forget-password, .login-form-footer .signup_span {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--lp_link_color, var(--btn_view_fc)) !important;
    transition: color 0.2s ease;
}
.login-form-footer .zp-link-sign-up .no_account{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--lp_link_color, var(--btn_view_fc)) !important;
    transition: color 0.2s ease;
}
.zp-login-page .login-form-footer .zp-btn-login{
    margin-bottom: 20px;
}
.zp-auth-page #zp-forget-password-form .login-form-footer .zp-btn-reset{
    margin-top: 5px;
    margin-bottom: 20px;
}

/* ===== Layout: Split Screen ===== */
.zp-page-wraper.zp-auth-layout-split{
    flex-direction: row;
    padding: 0;
    max-width: 100%;
    min-height: auto;
    border-radius: var(--lp_card_border_radius, 12px) !important;
    background-color: var(--lp_card_bg_color, #ffffff) !important;
    overflow: hidden;
    align-items: stretch;
}
.zp-auth-layout-split .zp-auth-split-panel{
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zp-auth-layout-split .zp-auth-split-content{
    padding: 40px;
    color: #ffffff;
    text-align: center;
    max-width: 500px;
}
.zp-auth-layout-split .zp-auth-form-panel{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    max-width: none;
}
.zp-auth-layout-split .login-form{
    width: 100%;
    max-width: 480px;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Split: reverse order (image on right) */
.zp-auth-layout-split.zp-auth-split-right{
    flex-direction: row-reverse;
}

/* ===== Layout: Full Width with Background ===== */
.zp-page-wraper.zp-auth-layout-fullwidth{
    background-color: var(--lp_card_bg_color, #ffffff) !important;
    border-radius: var(--lp_card_border_radius, 12px) !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: auto;
    padding: 0;
    overflow: hidden;
}
.zp-auth-layout-fullwidth .zp-auth-form-panel{
    width: 100%;
    max-width: var(--lp_card_max_width, 540px);
    margin: 0 auto;
    padding: 40px 20px;
}
.zp-auth-layout-fullwidth .login-form{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Sign Up page */
.zp-page-wraper.zp-sign-up-page{
    padding: 50px;
}
.zp-sign-up-page>img{
    position: absolute;
}
.zp-sign-up-page .login-form-footer .zp-btn-login{
    margin-bottom: 30px;
}
.zp-sign-up-page .login-form-footer .have-an-account{
    float: left;
    width: 100%;
    text-align: center;
}
.zp-sign-up-page .login-form-footer .have-an-account .already_account{
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding-right: 10px;
}
.zp-page-wraper #pswd_info {
    display:none;
    background: rgb(255 255 255) none repeat scroll 0 0;
    color: rgb(255 255 255);
    left: 20px;
    position: absolute;
    z-index: 111;
    width: 370px;
    max-width: calc(100% - 40px);
    box-shadow: 0px 0px 11px 0px rgb(204 204 204);
}
.zp-page-wraper #pswd_info h4{
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    padding: 17px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0px;
    color: var(--heading_fc);
    padding: 15px;
}
.zp-page-wraper #pswd_info ul {
    list-style: outside none none;
    padding: 15px;
    margin: 0px;
}

.zp-page-wraper .valid {
    color: rgb(0 128 0);
    line-height: 30px;
    padding-left: 22px !important;
    background-size: 15px 15px;
}

.zp-page-wraper .invalid {
    color: rgb(255 0 0);
    line-height: 30px;
    padding-left: 22px !important;
    background-size: 15px 15px;
}


/* Top-Bar — grid column 2, row 1; blends with sidebar */
.zp-top-bar {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 20px;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    background-color: var(--topbar_bg_color);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    border-radius: 0;
    margin-bottom: 0;
}

/* Left zone */
.zp-topbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.zp-top-bar .zp-side-nav-toggle {
    display: none;
    color: var(--topbar_fc);
    font-size: 18px;
    cursor: pointer;
}

/* Breadcrumb */
.zp-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
}
.zp-breadcrumb-home {
    color: color-mix(in srgb, var(--topbar_fc) 55%, transparent);
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
    transition: color 0.15s;
}
.zp-breadcrumb-home:hover { color: var(--topbar_fc); text-decoration: none; }
.zp-breadcrumb-sep {
    color: color-mix(in srgb, var(--topbar_fc) 30%, transparent);
    font-size: 12px;
}
.zp-breadcrumb-current {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 600;
    color: var(--topbar_fc);
}
.zp-breadcrumb-record {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: color-mix(in srgb, var(--topbar_fc) 60%, transparent);
}

/* Center zone — no longer used, search moved to right zone */
.zp-topbar-center {
    display: none;
}
.zp-topbar-search-form {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 220px;
    flex-shrink: 1;
    height: 36px;
    padding: 0 12px;
    background-color: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    box-sizing: border-box;
}
.zp-topbar-search-icon {
    color: color-mix(in srgb, var(--topbar_fc) 40%, transparent);
    font-size: 13px;
    flex-shrink: 0;
}
.zp-topbar-search-form input[type="text"] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 14px;
    font-family: "Plus Jakarta Sans";
    color: var(--topbar_fc);
    padding: 0;
    min-width: 0;
}
.zp-topbar-search-form input[type="text"]::placeholder {
    color: color-mix(in srgb, var(--topbar_fc) 35%, transparent);
}
.zp-topbar-search-form button[type="submit"] {
    display: none;
}
.zp-topbar-search-clear {
    background: none;
    border: none;
    cursor: pointer;
    color: color-mix(in srgb, var(--topbar_fc) 40%, transparent);
    font-size: 12px;
    padding: 2px;
    flex-shrink: 0;
    line-height: 1;
}
.zp-topbar-search-clear:hover { color: color-mix(in srgb, var(--topbar_fc) 80%, transparent); }

/* Right zone */
.zp-topbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    margin-left: auto;
}

/* Child account curent trigger (base) */
.zp-child-account-curent {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Profile pill */
.zp-profile-info {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 5px 10px 5px 5px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    position: relative;
    transition: background-color 0.15s;
}
.zp-profile-info:hover {
    background-color: rgba(255,255,255,0.06);
}
.zp-profile-pill-avatar {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background-color: var(--menu_active_bg_color);
    color: var(--menu_active_fc);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    font-family: "Plus Jakarta Sans";
}
.zp-profile-pill-name {
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 500;
    color: var(--topbar_fc);
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zp-profile-pill-caret {
    color: color-mix(in srgb, var(--topbar_fc) 45%, transparent);
    font-size: 12px;
    flex-shrink: 0;
}

/* Profile dropdown */
.zp-profile-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 240px;
    background-color: rgb(255,255,255);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 10px;
    padding: 12px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    text-align: center;
    z-index: 99;
}
.zp-profile-menu .zp-profile-image {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-bottom: 6px;
    display: unset;
}
.zp-profile-menu h2 {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 600;
    color: rgb(30,30,40);
    margin-top: 0;
    margin-bottom: 2px;
}
.zp-profile-menu p {
    margin: 0;
    font-size: 11px;
    color: rgb(127,130,155);
    font-family: "Plus Jakarta Sans";
}
.zp-top-bar p:not(.has-background):last-of-type {
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-weight: 400;
    color: rgb(127,130,155);
}
.zp-menu-options {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
    border-top: 1px solid rgba(0,0,0,0.06);
    padding-top: 6px;
    gap: 1px;
}
.zp-settings-button, .zp-logout-button {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: rgb(60,60,70);
    cursor: pointer;
    font-size: 13px;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    padding: 7px 10px;
    border-radius: 6px;
    text-align: left;
    text-decoration: none;
    transition: background-color 0.15s;
}
.zp-settings-button:hover, .zp-logout-button:hover {
    background-color: rgba(0,0,0,0.04);
    text-decoration: none;
}
.zp-settings-button i, .zp-logout-button i {
    color: rgb(127,130,155);
    font-size: 13px;
    padding-right: 8px;
    width: 18px;
}
.zp-logout-button {
    color: rgb(239,68,68);
}
.zp-logout-button i {
    color: rgb(239,68,68);
}
.zp-logout-button:hover {
    background-color: rgba(239,68,68,0.06);
}
.zp-child-account-search{
    padding: 15px 15px 0px 15px;
}
.zp-child-account-search .zp-search-child-account{
    color: var(--btn_view_fc);
    font-size: 16px;
    top: 42px;
    position: absolute;
    left: 45px;
    cursor: pointer;
}
.zp-top-bar .zp-child-account-item{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: var(--btn_view_fc);
    padding-left: 40px;
    padding-top: 15px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.zp-top-bar .zp-child-account-item i{
    margin-right: 10px;
}
.zp-top-bar .zp-child-account-item.active-child-account{
    padding-left: 5px;
}
.zp-child-account-search .child-account-input{
    height: 40px;
    width: 265px;
    max-width: 100%;
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
    border-color: var(--filter_input_border_color) !important;
    padding-left: 40px;
}
.zp-top-bar .zp-child-account-item:last-child{
    padding-bottom: 10px;
}
.zp-upload-document-header .section-upload-document-header-title {
    background-color: rgb(255,244,222);
    text-align: center;
    padding: 40px 0px 175px 0px;
    border-radius: 30px;
    font-size: 32px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    color: var(--heading_fc);
}
.zp-attachment-section{
    margin-left: -10px;
    margin-right: 0px;
}
/* .zp-attachment-section .zp-section-header-container{
    padding-left: 30px;
} */
.zp-attachment-section .zp-section-header-container{
    margin-left: 40px;
}
.zp-record-details .zp-attachment-section .zp-section-header-container{
    padding-bottom: 40px;
}
.zp-record-details .zp-normal-section .zp-section-content{
    margin-left: 0px;
    margin-right: 0px;
}
.zp-record-details .zp-section-row{
    padding-left: 0px;
}
.zp-record-details .zp-section-row.zp-normal-section{
    background-color: rgb(255,255,255);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 10px;
    padding: 0px 20px 10px 20px;
    margin-bottom: 16px;
}
.zp-sec-width-half{
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.zp-record-details .zp-section-row.zp-normal-section .zp-section-header-container{
    margin: 0px;
    margin-left: -5px;
    padding: 16px 0px 12px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    margin-bottom: 4px;
}
.zp-section-row .zp-section-content.section-attachment-container {
    margin-left: -5px;
}
.zp-attachment-section .zp-upload-button{
    display: none;
}

.zp-select-attachment-container{
    border: none;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    width: calc(100% - 320px);
    border-radius: 30px;
    padding: 30px;
    margin: 0 auto;
    margin-top: -145px;
    background: rgb(255 255 255);
    position: relative;
}
.zp-select-attachment-container .zp-select-attachment-info {
    border: 2px dashed var(--btn_add_bg_color);
    border-radius: 15px;
    margin: 0px;
    text-align: center;
}
.zp-select-attachment-container svg{
    width: 24px;
    height: 24px;
    margin-bottom: -5px;
    margin-right: 15px;
    margin-top: 50px;
    display: unset;
}
.zp-select-attachment-container input[type=file]{
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0px;
    opacity: 0;
    cursor: pointer;
}
.zp-select-attachment-container .uploadText{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    color: var(--btn_view_fc);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 100px);
    display: inline-block;
    max-width: max-content;
    height: 25px;
    line-height: 28px;
}
.zp-select-attachment-container .js-reset-file{
    position: relative;
}
.zp-select-attachment-container .browseText{
    display: block;
    background-color: var(--btn_add_bg_color);
    border: 1px solid var(--btn_add_bg_color);
    width: max-content;
    margin: 30px auto;
    color: var(--btn_add_fc);
    padding: 5px 10px;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 50px;
    cursor: pointer;
}

/* .zp-attachment-section  */
#dropzoneFileUpload{
    border: none;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    width: calc(100% - 250px);
    border-radius: 30px;
    padding: 1px 30px;
    margin: 0 auto;
    margin-top: -160px;
    min-height: 330px;
    padding-bottom: 70px;
    position: relative;
}
#dropzoneFileUpload .browseText{
    display: block;
    /* border: 1px solid var(--btn_view_fc); */
    border: 1px solid var(--btn_add_fc);
    width: 113px;
    margin: 30px auto;
    background-color: var(--btn_add_bg_color);
    /* color: var(--btn_view_fc); */
    color: var(--btn_add_fc);
    padding: 5px 0px;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 50px;
}
/* .zp-attachment-section  */
#dropzoneFileUpload .needsclick svg{
    width: 24px;
    height: 24px;
    margin-bottom: -5px;
    margin-right: 15px;
    margin-top: 50px;
    display: unset;
}
#dropzoneFileUpload .uploadText{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    color: var(--btn_view_fc);
    font-weight: 400;
}
.zp-workdrive-page{
    padding-left: 10px;
}
.zp-workdrive-page #dropzoneFileUpload{
    margin-top: 0px;
    /* min-height: 250px; */
    width: 100%;
    margin-left: 0px;
}
.file-upload-section .zp-upload-button{
    display: none;
}
.zp-workdrive-page .zwd-document-list-iframe .section-header-container .section-header-text{
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_fc);    
    padding-bottom: 40px;
}
.zp-workdrive-page .zwd-document-list-iframe{
    width: 100%;
    margin-left: 0px;
}
.zp-workdrive-page .zwd-document-list-iframe .section-header-container{
    margin-left: 40px;
}
.zp-workdrive-page .zwd-document-list-iframe iframe{
    border-radius: 15px;
}
.zp-workdrive-page .zwd-document-list .zp-zwd-title-bar .folder_separator{
    margin: 0px 10px 0px 5px;
}

/* .zp-attachment-section  */
#dropzoneFileUpload .needsclick{
    border: 2px dashed var(--btn_add_bg_color);
    border-radius: 15px;
    margin: 30px 0px;
}


/* Side Nav — spans full height in grid column 1 */
.zp-side-nav{
    grid-column: 1;
    grid-row: 1 / span 2;
    float: none;
    width: var(--zp-sidebar-width, 220px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    background-color: var(--menu_bg_color);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.18) 100%);
    align-self: start;
}

/* Hide hamburger on desktop — mobile media query overrides this */
.zp-side-nav-toggle { display: none; }
.zp-side-nav .zp-menu-item{
    list-style: none;
}

/* Sidebar portal header */
.zp-sidebar-header{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 16px;
    flex-shrink: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--menu_active_fc) 10%, transparent);
}
/* Close button — hidden on desktop, shown on mobile via media query */
.zp-sidebar-close {
    display: none;
    background: none;
    border: none;
    color: color-mix(in srgb, var(--menu_fc) 60%, transparent);
    font-size: 18px;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    line-height: 1;
    flex-shrink: 0;
    margin-left: auto;
}
.zp-sidebar-portal-avatar{
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    background-color: var(--menu_active_bg_color);
    color: var(--menu_active_fc);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}
.zp-sidebar-portal-info{
    overflow: hidden;
    flex: 1;
    min-width: 0;
}
.zp-sidebar-portal-name{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 600;
    color: var(--menu_active_fc);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Sidebar account name (replaces profile name) */
.zp-side-nav .zp-child-account-curent {
    cursor: default;
    margin-top: 2px;
    gap: 5px;
}
.zp-side-nav .zp-child-account-curent.zp-show-child-account-js {
    cursor: pointer;
}
.zp-side-nav .zp-child-account-title {
    font-family: "Plus Jakarta Sans";
    font-size: 11px;
    color: var(--menu_fc);
    opacity: 0.65;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
}
.zp-side-nav .zp-child-account-curent.zp-show-child-account-js:hover .zp-child-account-title {
    opacity: 0.9;
}
.zp-side-nav .childDropdown {
    color: var(--menu_fc);
    opacity: 0.5;
    font-size: 10px;
    flex-shrink: 0;
}
/* Sidebar account dropdown panel */
.zp-side-nav .zp-child-account-section {
    position: static;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-top: 1px solid rgba(255,255,255,0.07);
    border-bottom: 1px solid rgba(255,255,255,0.07);
    padding: 4px 0;
    background: rgba(0,0,0,0.15);
}
.zp-side-nav .zp-child-account-item-list .zp-child-account-item {
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 400;
    color: var(--menu_fc);
    padding: 8px 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0;
}
.zp-side-nav .zp-child-account-item-list .zp-child-account-item:hover {
    background: rgba(255,255,255,0.06);
}
.zp-side-nav .zp-child-account-item-list .zp-child-account-item.active-child-account,
.zp-side-nav .zp-child-account-item-list .zp-child-account-item.active-chld-menu {
    color: var(--menu_active_fc);
    opacity: 0.85;
}
.zp-side-nav .zp-child-account-item-list .zp-child-account-item i {
    margin-right: 8px;
}
.zp-side-nav .zp-child-account-search {
    padding: 8px 12px 4px;
}
.zp-side-nav .zp-child-account-search .child-account-input {
    width: 100%;
    height: 34px;
}

/* Scrollable nav area */
.zp-sidebar-nav{
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 8px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--menu_active_fc) 15%, transparent) transparent;
}
.zp-sidebar-nav::-webkit-scrollbar{
    width: 4px;
}
.zp-sidebar-nav::-webkit-scrollbar-track{
    background: transparent;
}
.zp-sidebar-nav::-webkit-scrollbar-thumb{
    background: color-mix(in srgb, var(--menu_active_fc) 15%, transparent);
    border-radius: 2px;
}

/* User card */
.zp-sidebar-user-card{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    flex-shrink: 0;
    margin: 0 8px 6px;
    border: 1px solid color-mix(in srgb, var(--menu_active_fc) 12%, transparent);
    border-radius: 10px;
}

/* Sidebar logout button */
.zp-sidebar-logout-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: calc(100% - 16px);
    margin: 0 8px 10px;
    padding: 9px 12px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid rgba(239,68,68,0.2);
    color: rgba(239,68,68,0.7) !important;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 500;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
    box-sizing: border-box;
}
.zp-sidebar-logout-btn:hover {
    background-color: rgba(239,68,68,0.08);
    border-color: rgba(239,68,68,0.4);
    color: rgb(239,68,68) !important;
    text-decoration: none !important;
}
.zp-sidebar-logout-btn i {
    font-size: 13px;
}
.zp-sidebar-user-avatar{
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    background-color: var(--menu_active_bg_color);
    color: var(--menu_active_fc);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}
.zp-sidebar-user-info{
    flex: 1;
    overflow: hidden;
    min-width: 0;
}
.zp-sidebar-user-name{
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 600;
    color: var(--menu_active_fc);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zp-sidebar-user-email{
    font-family: "Plus Jakarta Sans";
    font-size: 11px;
    color: var(--menu_fc);
    opacity: 0.65;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
}
.zp-sidebar-user-actions{
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}
.zp-sidebar-user-actions a{
    color: var(--menu_fc) !important;
    opacity: 0.6;
    font-size: 15px;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.15s, background-color 0.15s, color 0.15s;
    text-decoration: none !important;
}
.zp-sidebar-user-actions a:hover{
    opacity: 1;
    color: var(--menu_active_fc) !important;
    background-color: color-mix(in srgb, var(--menu_active_fc) 10%, transparent);
}
.zp-sidebar-user-actions a:last-child:hover{
    color: rgb(239,68,68) !important;
    background-color: rgba(239,68,68,0.1);
}

/* Menu item link — flexbox layout */
.zp-menu-item a{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    margin: 1px 0px;
    border-radius: 14px;
    border: 1px solid transparent;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    text-decoration: none;
    outline: none;
}
.zp-menu-item a:focus,
.zp-menu-item a:focus-visible{
    outline: none;
    box-shadow: none;
}

/* Icons — consistent sizing */
.zp-side-nav .zp-menu-item svg{
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-right: 10px;
    flex-shrink: 0;
}
.zp-side-nav .zp-menu-item i.zp-menu-icon{
    font-size: 16px;
    margin-right: 10px;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}
.zp-side-nav .zp-menu-item i.zp-childmenu-toggle-icon{
    font-size: 12px;
    margin-left: auto;
    padding-left: 8px;
    flex-shrink: 0;
}

/* Icon colors — default state (muted) */
.zp-side-nav .zp-menu-item i::before{
    color: var(--menu_fc);
    opacity: 0.6;
}
.zp-side-nav .zp-menu-item svg .ccgp-menu-i,
.zp-side-nav .zp-menu-item svg path,
.zp-side-nav .zp-menu-item svg .menuIconColor{
    fill: var(--menu_fc);
    opacity: 0.6;
}

/* Icon colors — active state */
.zp-side-nav .zp-menu-item.active-menu i::before{
    color: var(--menu_active_fc);
    opacity: 1;
}
.zp-side-nav .zp-menu-item.active-menu svg .ccgp-menu-i,
.zp-side-nav .zp-menu-item.active-menu svg path,
.zp-side-nav .zp-menu-item.active-menu svg .menuIconColor{
    fill: var(--menu_active_fc);
    opacity: 1;
}

/* Icon colors — hover state (just brighten, don't recolor) */
.zp-side-nav .zp-menu-item:not(.zp-childmenu) a:hover i::before{
    opacity: 0.85;
}
.zp-side-nav .zp-menu-item:not(.zp-childmenu) a:hover svg .ccgp-menu-i,
.zp-side-nav .zp-menu-item:not(.zp-childmenu) a:hover svg path,
.zp-side-nav .zp-menu-item:not(.zp-childmenu) a:hover svg .menuIconColor{
    opacity: 0.85;
}

/* Menu labels — default state */
.zp-menu-item .zp-menu-lable, .zp-menu-item .zp-sb-menu-lable{
    font-family: "Plus Jakarta Sans";
    font-size: var(--menu_font_size);
    font-weight: 400;
    letter-spacing: 0.01em;
    color: var(--menu_fc);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    opacity: 0.85;
    flex: 1;
    min-width: 0;
}

/* Active menu item — left accent + semi-transparent bg */
.zp-menu-item.active-menu > a{
    background-color: color-mix(in srgb, var(--menu_active_bg_color) 14%, transparent);
    border-color: color-mix(in srgb, var(--menu_active_bg_color) 30%, transparent);
    overflow: hidden;
    position: relative;
}
.zp-menu-item.active-menu > a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background-color: var(--menu_active_bg_color);
}
.zp-menu-item.active-menu .zp-sb-menu-lable, .zp-menu-item.active-menu .zp-menu-lable{
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    color: var(--menu_active_fc);
    opacity: 1;
}

/* Hover menu item — subtle overlay */
.zp-menu-item:not(.zp-childmenu) > a:hover{
    background-color: color-mix(in srgb, var(--menu_active_fc) 8%, transparent);
    border-color: rgba(255,255,255,0.08);
}
.zp-menu-item:not(.zp-childmenu) > a:hover .zp-sb-menu-lable,
.zp-menu-item:not(.zp-childmenu) > a:hover .zp-menu-lable{
    color: var(--menu_hover_fc);
    opacity: 1;
}

/* Child menu toggle label width */
.zp-menu-item .zp-childmenu-toggle .zp-menu-lable{
    flex: 1;
    min-width: 0;
}

/* Submenu container */
.zp-side-nav .zp-childmenu .zp-submenu-item-list{
    margin: 0px;
    padding-left: 0px;
}
.zp-childmenu .zp-menu-item .zp-menu-lable{
    font-size: 12px;
}
.zp-menu-item .zp-childmenu .zp-menu-item a{
    padding: 7px 12px 7px 28px;
    margin-left: 0px;
    width: 100%;
}

/* Logout/change-password — legacy selectors kept for compatibility */
.zp-menu-item.logout a:hover{
    background-color: rgba(239,68,68,0.06);
}
.zp-menu-item.logout a:hover .fa-sign-out-alt::before,
.zp-menu-item.logout a:hover .zp-menu-lable{
    color: rgb(239,68,68);
    opacity: 1;
}

/* Nav section labels (MAIN / DOCUMENTS / OTHER) */
.zp-nav-section-label {
    font-family: "Plus Jakarta Sans";
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--menu_fc);
    opacity: 0.45;
    padding: 16px 14px 4px;
    pointer-events: none;
    user-select: none;
}


.zp-page-content{
    grid-column: 2;
    grid-row: 2;
    float: none;
    min-height: 400px;
    padding: 20px 24px 24px 20px;
    box-sizing: border-box;
    min-width: 0; /* Prevent grid item from overflowing into the sidebar */
}
.zp-page-content.zp-change-password-page .zp-section-header-container{
    margin-left: 10px;
}
.zp-page-content.zp-change-password-page{
    padding-left: 20px;
}
.zp-page-content.zp-change-password-page .zp-section-row .zp-section-header-container .section-header-text .section-header-title,
.zp-page-content.zp-change-password-page .section-header-text{
    width: 100%;
}
#zp-form-change-password-form{
    max-width: 550px;
}
#zp-form-change-password-form .zp-input-field{
    width: 100%;
}
.zp-page-content.zp-dashboard-page{
    padding-left: 10px;
}

/* Reset password */
.zp-reset-password-page{
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 45px;
    padding: 50px;
}
.zp-reset-password-page img{
    position: relative;
}
.zp-reset-password-page #zp-reset-password{
    width: 650px;
    margin: 100px auto;
    padding: 100px;
    border: solid 1px rgb(233 233 233);
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    z-index: 1;
    display: block;
    position: relative;
    /* margin-top: -300px; */
}
.zp-auth-page #zp-reset-password header{
    line-height: 24px;
    float: left;
    margin-bottom: 42px;
    width: 100%;
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    font-weight: 600;
    color: var(--heading_fc);
}
.zp-reset-password-page .login-form-footer .zp-btn-reset{
    margin-bottom: 50px;
}
/* change-password item removed from sidebar nav (now in user card) */


/* Dashboard */
.zp-dashboard-element-row {
    margin-bottom: 24px;
}
/* .zp-element-text-block{
    margin-top: 45px;
} */
.zp-element-text-block .zp-element-header {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    color: var(--heading_fc);
    padding: 0px 15px 8px 15px;
    line-height: 22px;
    word-break: break-word;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-header{
    padding: 0px 15px 8px 15px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-text-block .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-text-block .zp-element-header{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 15px 8px 15px;
}
.zp-dashboard-page .zp-element-text-block .zp-element-header{
    padding: 0px 15px 8px 15px;
    margin-top: 0px;
    word-break: break-word;
}
.zp-page-content .zp-element-text-block.zp-col-6{
    margin-top: 0px;
}
.zp-page-content .zp-element-video.zp-col-6 .zp-element-header br{
    display: none;
}
.zp-page-content .zp-element-text-block.zp-col-6 .zp-element-header {
    width: 100%;
    padding: 0px 15px 8px 15px;
    margin: 0px;
    text-align: left;
    float: left;
}
.zp-page-content .zp-element-text-block.zp-col-6 .zp-element-content pre.zp-text-pre{
    margin-top: 0px;
}
.zp-page-content .zp-col-9.zp-element, 
.zp-page-content .zp-col-9.zp-element.zp-element-account-manager{
    width: calc(75% - 20px);
    margin-left: 10px;
}
.zp-page-content .zp-col-9.zp-element.zp-element-video .zp-element-header{
    margin-right: 0px;
    padding: 0px 15px 8px 15px;
}
.zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-header{
    padding: 12px 15px 8px 15px;
}
.zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-content{
    width: 100%;
}
.zp-page-content .zp-col-9.zp-element.zp-element-text-block .zp-element-content, .zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-content{
    margin-left: 0px;
    width: 100%;
}
.zp-page-content .zp-col-9.zp-element.zp-element-text-block .zp-element-content pre.zp-text-pre, .zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-content pre.zp-text-pre{
    margin-top: 0px;
}
.zp-page-content .zp-col-9.zp-element.zp-element-text-block .zp-element-header{
    padding: 0px 15px 8px 15px;
}
.zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-header{
    padding: 0px 15px 8px 15px;
    word-break: break-word;
}
.zp-page-content .zp-col-8.zp-element.zp-element-quicklink .zp-element-header{
    padding: 12px 15px 8px 15px;
}
.zp-page-content .zp-col-8.zp-element.zp-element-quicklink .zp-element-content{
    width: 100%;
}
.zp-page-content .zp-col-8.zp-element.zp-element-video .zp-element-header{
    margin-top: 0px;
    margin-right: 0px;
    padding: 0px 15px 8px 15px;
}
.zp-page-content .zp-col-8.zp-element, .zp-page-content .zp-col-8.zp-element.zp-element-account-manager{
    width: calc(66.66% - 20px);
    margin-left: 10px;
}
.zp-page-content .zp-col-6.zp-element.zp-element-iframe .zp-element-header{
    margin-top: 0px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-text-block .zp-element-content, .zp-page-content .zp-col-4.zp-element.zp-element-text-block .zp-element-content{
    margin-left: 0px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-text-block .zp-element-header{
    margin-top: 0px;
    padding: 0px 15px 8px 15px;
    float: left;
    font-size: 16px;
    width: 100%;
    margin-bottom: 0px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-text-block .zp-element-content{
    width: 100%;
    height: calc(100% - 42px);
}
.zp-page-content .zp-col-4.zp-element.zp-element-text-block .zp-element-content pre.zp-text-pre{
    margin-top: 0px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-header{
    margin-top: 0px;
    padding: 12px 15px 8px 15px;
    float: left;
    font-size: 16px;
    width: 100%;
    margin-bottom: 0px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content{
    width: 100%;
}
.zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item{
    width: 100%;
    margin: 2px 0px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
    width: 28px;
    height: 28px;
    min-width: 28px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item a{
    display: inline;
    margin-left: 10px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header{
    margin-top: 0px;
    margin-right: 0px;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 15px 8px 15px;
    width: 100%;
    background-color: transparent;
    margin-bottom: 0px;
    align-items: center;
}
.zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header svg{
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-bottom: 0px;
    margin-right: 8px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header br{
    display: none;
}
.zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-content{
    width: 100%;
    margin-top: 0px;
    position: relative;
    height: calc(100% - 35px);
}
.zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-content iframe{
    height: 100%;
}
.zp-page-content .zp-col-4.zp-element.zp-element-account-manager{
    width: calc(33.33% - calc(20px + 0.11%));
    margin-left: 10px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-account-manager img{
    display: none;
}
.zp-page-content .zp-col-4.zp-element.zp-element-account-manager .zp-element-content{
    width: 100%;
    padding: 15px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-account-manager .zp-acm-item.zp-acm-first-name .zp-acm_data{
    font-size: 24px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-account-manager .zp-acm-item .zp-acm_label svg{
    width: 30px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-iframe .zp-element-header{
    font-size: 24px;
}

.zp-page-content .zp-col-4.zp-element.zp-element-banner{
    min-width: unset;
}
.zp-page-content .zp-col-3.zp-element.zp-element-text-block .zp-element-header{
    width: 100%;
    font-size: 16px;
    padding: 0px 15px 8px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-text-block.zp-col-6 .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-text-block.zp-col-6 .zp-element-header{
    width: 100%;
    font-size: 16px;
    padding: 0px 15px 8px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-text-block.zp-col-6 .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-text-block.zp-col-6 .zp-element-content{
    padding: 15px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-text-block .zp-element-content{
    margin-left: 0px;
    width: 100%;
    padding: 15px;
    height: calc(100% - 32px);
    overflow: auto;
}
.zp-page-content .zp-col-3.zp-element.zp-element-text-block .zp-element-content pre.zp-text-pre{
    margin-top: 0px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-header{
    width: 100%;
    font-size: 16px;
    padding: 12px 15px 8px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-header{
    width: 100%;
    font-size: 16px;
    padding: 12px 15px 8px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content{
    margin-left: 0px;
    width: 100%;
    padding: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content{
    margin-left: 0px;
    width: 100%;
    padding: 0px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item{
    width: 100%;
    margin: 2px 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item{
    width: 100%;
    margin: 2px 0px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
    width: 28px;
    height: 28px;
    min-width: 28px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item svg, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item svg{
    width: 28px;
    height: 28px;
    min-width: 28px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item a{
    padding-top: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a{
    padding-top: 0px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header{
    margin-top: 0px;
    margin-right: 0px;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 15px 8px 15px;
    width: 100%;
    background-color: transparent;
    margin-bottom: 0px;
    align-items: center;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header{
    margin-top: 0px;
    margin-right: 0px;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 15px 8px 15px;
    width: 100%;
    background-color: transparent;
    margin-bottom: 0px;
    align-items: center;
    display: flex;
}
.zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header svg{
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-bottom: 0px;
    margin-right: 8px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header svg, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header svg{
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-bottom: 0px;
    margin-right: 8px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header br{
    display: none;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header br, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header br{
    display: none;
}
.zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-content{
    width: 100%;
    margin-top: 0px;
    position: relative;
    height: calc(100% - 30px);
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-content{
    width: 100%;
    margin-top: 0px;
    position: relative;
    height: calc(100% - 30px);
}
.zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-content iframe{
    height: 100%;
}
.zp-page-content .zp-col-3.zp-element{
    min-width: unset;
}

.zp-page-content .zp-col-3.zp-element.zp-element-account-manager{
    width: calc(25% - 20px);
    margin-left: 10px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-account-manager img{
    display: none;
}
.zp-page-content .zp-col-3.zp-element.zp-element-account-manager .zp-element-content{
    width: 100%;
    padding: 15px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-account-manager .zp-acm-item.zp-acm-first-name .zp-acm_data{
    margin-top: 0px;
    font-size: 24px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-account-manager .zp-acm-item .zp-acm_data{
    margin-top: 0px;
    margin-left: 10px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-account-manager .zp-acm-item .zp-acm_label svg{
    width: 30px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-iframe{
    padding: 15px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element.zp-element-iframe.zp-col-6, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element.zp-element-iframe.zp-col-6{
    padding: 15px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-iframe .zp-element-header{
    font-size: 24px;
    margin-top: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element.zp-element-iframe.zp-col-6 .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element.zp-element-iframe.zp-col-6 .zp-element-header{
    font-size: 24px;
    margin-top: 0px;
}
.zp-element-text-block .zp-element-content {
    float: left;
    padding: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    border-radius: 12px;
    width: 100%;
    z-index: 1;
    position: relative;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content{
    width: 100%;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-text-block .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-text-block .zp-element-content{
    width: 100%;
}
.zp-dashboard-page .zp-element-text-block .zp-element-content{
    margin-left: 0px;
    width: 100%;
    overflow: auto;
}
.zp-page-content .zp-element-text-block.zp-col-6 .zp-element-content{
    width: 100%;
    margin: 0px;
    height: auto;
    overflow: auto;
}

.zp-element-video .zp-element-header {
    float: left;
    text-align: left;
    font-family: Plus Jakarta Sans;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent;
    width: 100%;
    padding: 0px 15px 8px 15px;
    color: var(--heading_fc);
    line-height: 22px;
    border-radius: 0px;
    margin-right: 0px;
    display: flex;
    align-items: center;
}
.zp-dashboard-page .zp-element-video .zp-element-header{
    margin-top: 0px;
}
.zp-page-content .zp-element-video.zp-col-6 .zp-element-header{
    padding: 0px;
    width: 100%;
    background: transparent;
    margin: 0px 0px 20px;
    display: flex;
    line-height: 32px;
    align-items: center;
}
.zp-element-video .zp-element-header svg{
    display: none;
}
.zp-element-video .zp-element-header br{
    display: none;
}
.zp-page-content .zp-element-video.zp-col-6 .zp-element-header svg{
    margin: 0px 8px 0px 0px;
    min-width: 24px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-video.zp-col-12 .zp-element-header svg, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-video.zp-col-12 .zp-element-header svg{
    margin: 0px 8px 0px 0px;
    min-width: 24px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element{
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    float: left;
}
.zp-element-video .zp-element-content {
    float: left;
    box-shadow: none;
    border-radius: 12px;
    width: 100%;
    margin-top: 0px;
    position: relative;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element-video .zp-element-content{
    position: relative;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element-video .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element-video .zp-element-content{
    margin-top: 0px;
    width: 100%;
}
.zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element-video .zp-element-content{
    margin-top: 0px;
}
.zp-record-details .zp-element-video .zp-element-content{
    position: relative;
    margin-top: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element-video .zp-element-header{
    margin-top: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element-video .zp-element-header{
    margin-top: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element-video .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element-video .zp-element-header{
    padding: 0px;
    width: 100%;
    background: transparent;
    margin: 0px 0px 20px;
    display: flex;
    line-height: 32px;
    align-items: center;
    margin-bottom: 10px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element-video .zp-element-header br, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element-video .zp-element-header br{
    display: none;
}
.zp-element-video.zp-col-6 .zp-element-content{
    width: 100%;
    margin: 0px;
    float: left;
    position: relative;
}
.zp-element-video .zp-element-content iframe{
    width: 100%;
    height: 350px;
    border-radius: 12px;
    float: left;
}
.zp-dashboard-page.zp-col-6 .zp-element-quicklink {
    margin-top: 0px;
}
.zp-element-quicklink .zp-element-header {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 0;
    font-size: 16px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    color: var(--heading_fc);
    padding: 12px 15px 8px 15px;
    line-height: normal;
}
.zp-element-quicklink.zp-col-6 .zp-element-header {
    width: 100%;
    padding: 12px 15px 8px 15px;
    text-align: left;
    margin: 0px;
    float: left;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-header{
    width: 100%;
    padding: 12px 15px 8px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.zp-element-quicklink .zp-element-content {
    float: left;
    width: 100%;
}
.zp-element-quicklink.zp-col-6 .zp-element-content{
    width: 100%;
    margin: 0px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-content{
    width: 100%;
}
.zp-element-quicklink .zp-element-content .zp-quicklink-item{
    display: flex;
    align-items: center;
    padding: 8px 15px;
    box-shadow: none;
    border-radius: 8px;
    margin: 2px 0px;
    width: 100%;
    background-color: transparent;
}
.zp-element-quicklink .zp-element-content .zp-quicklink-item a{
    display: inline;
}
.zp-element-text-block pre.zp-text-pre {
    background: transparent;
    white-space: pre-wrap;
    text-align: left;
    color: #2C2D2D;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
    border-color: transparent;
}

.zp-element-banner {
    width: 100%;
    margin: 0px 20px 0px 0px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 0px;
}
.zp-element-banner .zp-slider-image {
    max-width: 100%;
    width: 100%;
    height: 450px;
    display: none;
    border-radius: 10px;
}
.zp-element-banner .zp-non-slider-image {
    height: auto;
    border-radius: 30px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    float: left;
    max-width: 100%;
}
.zp-element-banner .fa.fa-arrow-left {
    float: left;
    position: absolute;
    left: 20px;
    top: 200px;
    padding: 15px 16px;
    background: #2f558fba;
    cursor: pointer;
    color: rgb(255 255 255);
    border-radius: 50px;
}
.zp-element-banner .fa.fa-arrow-right {
    float: right;
    position: absolute;
    right: 20px;
    top: 200px;
    padding: 15px 16px;
    background: #2f558fba;
    cursor: pointer;
    color: rgb(255 255 255);
    border-radius: 50px;
}
.zp-element-banner .zp-slider-image.zp-active {
    display: block;
}
.zp-quicklink-item svg{
    border-radius: 6px;
    width: 28px;
    height: 28px;
    min-width: 28px;
}
.zp-quicklink-item.zp-ql-item-index-0 svg{
    fill: var(--btn_add_bg_color);
}
.zp-quicklink-item.zp-ql-item-index-0 a{
    color: var(--btn_add_bg_color);
}
.zp-quicklink-item.zp-ql-item-index-1 svg{
    fill: rgb(255, 148, 121);
}
.zp-quicklink-item.zp-ql-item-index-1 a{
    color: rgb(255, 148, 121);
}
.zp-quicklink-item.zp-ql-item-index-2 svg{
    fill: rgb(239, 183, 110);
}
.zp-quicklink-item.zp-ql-item-index-2 a{
    color: rgb(239, 183, 110);
}
.zp-quicklink-item.zp-ql-item-index-3 svg{
    fill: var(--btn_delete_fc);
}
.zp-quicklink-item.zp-ql-item-index-3 a{
    color: var(--btn_delete_fc);
}
.zp-quicklink-item svg path{
    fill: rgb(255,255,255);
}
.zp-quicklink-item a{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 500;
    padding-top: 0;
    margin-left: 10px;
    text-decoration: none;
}
.zp-dashboard-page .zp-element-video{
    margin-left: 10px;
    min-height: 350px;
    position: relative;
}
.zp-row .zp-element-account-manager{
    background-color: rgb(255,255,255);
    border-radius: 30px;
    margin-left: 55px;
    width: calc(100% - 150px);
}
.zp-row .zp-element-account-manager.zp-col-6{
    margin: 0px 10px;
    width: calc(50% - 20px);
}
.zp-element-account-manager .zp-element-header{
    display: none;
}
.zp-element-account-manager .zp-element-content{
    float: none;
    padding: 20px 25px;
    width: 100%;
}
.zp-element-account-manager.zp-col-6 .zp-element-content{
    padding: 15px;
    width: 100%;
}
.zp-element-account-manager img{
    display: none;
}
.zp-element-account-manager.zp-col-6 img{
    display: none;
}
.zp-acm-item.zp-acm-mobile svg,
.zp-acm-item.zp-acm-phone svg{
    float: left;
}
.zp-acm-item.zp-acm-phone .zp-acm_data{
    float: left;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    margin-top: 5px;
    margin-left: 20px;
}
.zp-acm-mobile,
.zp-acm-phone{
    padding-top: 20px;
}
.zp-acm-item.zp-acm-email svg{
    float: left;
}
.zp-acm-item.zp-acm-email .zp-acm_data{
    float: left;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    margin-top: 5px;
    margin-left: 20px;
}
.zp-acm-email{
    padding-top: 20px;
}
.zp-acm-email .zp-acm_data{
    word-break: break-all;
}
.zp-acm-item.zp-acm-address svg{
    float: left;
}
.zp-acm-item.zp-acm-address .zp-acm_data,
.zp-acm-item.zp-acm-email .zp-acm_data,
.zp-acm-item.zp-acm-phone .zp-acm_data,
.zp-acm-item.zp-acm-mobile .zp-acm_data{
    float: left;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    margin-top: 5px;
    margin-left: 20px;
    width: calc(100% - 56px);
}
.zp-acm-address{
    padding-top: 20px;
}
.zp-acm-item.zp-acm-first-name .zp-acm_data{
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_fc);
}
.zp-acm-item.zp-acm-manager{
    color: rgb(127,130,155);
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}
.zp-acm-item.zp-acm-manager .zp-acm_data{
    padding-top: 20px;
}
.zp-row .zp-element-iframe{
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
    padding: 15px;
}
.zp-row .zp-element-iframe .zp-element-header{
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
    color: var(--heading_fc);
    margin-bottom: 25px;
}
.zp-element-iframe iframe{
    width: 100%;
}

/* single field edit icon for list view */
.zp-inline-edit-icon-special {
    display: none;
    position: relative !important;
    right: 7px;
    top: 0px !important;
    cursor: pointer;
}

.inline-edit-tables-for-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inline-edit-tables-for-icon.d-none {
    display: none !important;
}

/* Profile */
.zp-inline-edit-icon{
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.2;
    transition: opacity 0.15s ease;
    pointer-events: none;
}
.zp-inline-edit:hover .zp-inline-edit-icon{
    opacity: 0.5;
}
.zp-section-header-container{
    margin-left: 40px;
}
.zp-left-section{
    float: left;
    width: calc(50% - 30px);
}
.zp-right-section{
    float: left;
    width: calc(50% - 20px);
    margin: 0px 15px;
}
/* .zp-record-edit .zp-right-section{
    width: calc(50% - 30px);
} */
.zp-single-section .zp-left-section{
    width: calc(100% - 20px);
}
.zp-section-row .section-header-title{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--heading_fc);
    float: left;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.zp-section-row .section-header-text svg path{
    fill: var(--heading_fc);
}
.zp-record-details .zp-section-row{
    margin-bottom: 16px;
}
.zp-record-details .zp-attachment-slider {
    width: 100%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    height: 450px;
    margin: 0px 20px 20px 0px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    min-width: 350px;
    margin: 0 auto;
    border-radius: 30px;
}
.zp-record-details .zp-attachment-slider .zp-slider-image {
    max-width: 100%;
    width: 100%;
    height: 450px;
    display: none;
    border-radius: 30px;
}
.zp-record-details .zp-attachment-slider .zp-slider-image.active {
    display: block;
}
.zp-record-details .zp-attachment-slider .fa.fa-arrow-left {
    float: left;
    position: absolute;
    left: 20px;
    top: 200px;
    padding: 15px 16px;
    background: var(--btn_submit_bg_color);
    cursor: pointer;
    color: rgb(255 255 255);
    border-radius: 50px;
}
.zp-record-details .zp-attachment-slider .fa.fa-arrow-right {
    float: right;
    position: absolute;
    right: 20px;
    top: 200px;
    padding: 15px 16px;
    background: var(--btn_submit_bg_color);
    cursor: pointer;
    color: rgb(255 255 255);
    border-radius: 50px;
}
.zp-row.zp-related_module_section-section{
    margin-right: 0px;
}
/* Contain wide related-list tables within the section instead of overflowing into the sidebar */
.zp-row.zp-related_module_section-section .zp-section-content {
    overflow-x: auto;
}
.zp-row.zp-related_module_section-section .dataTables_paginate{
    margin-right: 20px;
}
.zp-record-details .zp-section-row>.all-elapse-collapse>i{
    display: none;
}
.zp-record-details .zp-related_module_section-section .zp-section-header-container{
    padding-bottom: 0px;
}
.zp-activity_field_data .zp-field-label{
    float: left;
}
.zp-section-row .zp-field-label{
    font-family: Plus Jakarta Sans;
    font-size: 11px;
    font-weight: 500;
    color: var(--field_label_fc);
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.7;
}
.zp-record-edit .zp-section-row .zp-field-label{
    order: 0;
}
.zp-record-details .zp-inline-edit{
    cursor: pointer;
    border-bottom: 1px dashed rgba(0,0,0,0.15);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}
.zp-record-details .zp-inline-edit:hover{
    border-radius: 6px;
    width: 100%;
    background-color: rgba(0,0,0,0.02);
    border-bottom-color: rgba(0,0,0,0.3);
}
.zp-record-details .zp-field-data{
    position: relative;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    background-color: transparent;
}
.zp-record-details .zp-datatype-website .zp-field-data, .zp-record-details .zp-datatype-fileupload .zp-field-data{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.zp-record-details .zp-field-details-section{
    padding: 10px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.04);
}
.zp-record-details .zp-field-details-section.inline-enable{
    display: block;
    padding: 10px 0px 10px 8px;
    border-left: 3px solid var(--btn_submit_bg_color);
}
.zp-record-details .zp-field-details-section.zp-datatype-picklist .zp-field-data pre.color-exist{
    width: fit-content;
    padding: 5px 15px;
    border-radius: 15px;
}
.zp-record-details .zp-field-details-section.zp-datatype-picklist .zp-field-data pre{
    width: fit-content;
    padding: 2px 0px;
}
.zp-record-details .zp-field-details-section.zp-datatype-picklist .inline-edit-container .picklist-color-badge{
    margin-top: 13px;
}
/* Note */
.zp-record-details .zp-note-add-edit-form .zp-input-field{
    width: 100%;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 10px 15px;
    border: 1px solid var(--filter_input_border_color);
    height: 40px;
}
.zp-record-details .zp-note-add-edit-form textarea.zp-input-field{
    height: 100px;
}
.zp-record-details .zp-note-add-edit-form .zp-field-details-section {
    display: block;
}
.zp-section-row .zp-field-data pre{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 0px;
    margin: 0px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: transparent;
    word-break: break-word;
    border-color: transparent;
    line-height: 1.5;
}
.select2-container.select2-container--open{
    z-index: 9999;
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-results__options, .inline-edit-container .zp-input-field:not(.select2-hidden-accessible){
    color: var(--field_value_fc);
}
.zp-record-details .zp-field-data input{
    margin-top: 34px;
    width: 16px;
    height: 16px;
}
.zp-record-details .zp-field-data input[type=checkbox] {
    margin: 7px 0px;
}
.zp-section-row .zp-datatype-imageupload .zp-field-data a{
    float: left;
    width: max-content;
}
.zp-section-row .zp-field-data a{
    font-size: 14px;
    font-family: Plus Jakarta Sans;
    color: var(--btn_view_fc);
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    /* width: 90%; */
    display: block;
}
.zp-record-details .zp-datatype-multiselectlookup .zp-field-data a{
    margin-bottom: 10px;
}
.zp-section-row .zp-field-data a .ex-file-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    display: block;
}
.zp-table{
    border-width: 0px;
}
.zp-table thead th{
    background-color: #edf0f5;
    height: 44px;
    color: var(--table_heading_color);
    font-size: 14px;
    font-family: Plus Jakarta Sans;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    border-width: 0px 0px 2px 0px;
    border-color: #d5dbe3;
}
.zp-table thead th:first-child{
    border-top-left-radius: 10px;
}
.zp-table thead th:last-child {
    border-top-right-radius: 10px;
}
.zp-table tbody tr td{
    padding: 12px 10px 12px 20px;
    border-width: 0px 0px 1px 0px;
    border-color: #e4e8ee;
}
.zp-table tbody tr td pre{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    color: var(--field_value_fc);
}
.zp-table tbody tr td a span{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    color: var(--btn_view_fc);
    float: left;
    margin-top: -2px;
}
.zp-table tbody tr td a img{
    float: left;
}
.zp-field-details-section.zp-datatype-subform{
    display: block;
}
.zp-field-details-section.zp-datatype-subform .zp-field-label{
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-weight: 600;
}
.zp-datatype-subform .zp-field-data{
    margin-left: -40px;
}
.zp-record-details .zp-datatype-subform .zp-field-data{
    padding-top: 20px;
}
.zp-table tbody tr td input.click-dis{
    width: 18px;
    height: 18px;
    margin-left: 10px;
}
.showmore, .hidemore{
    cursor: pointer;
}
.inline-edit-container{
    margin-top: 5px;
}
.inline-edit-container .zp-input-field:not(.select2-hidden-accessible){
    padding: 7px;
    border-radius: 3px;
    width: calc(100% - 60px);
    float: left;
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
    font-size: 14px;
}
.inline-edit-container .zp-inline-edit-ac-section{
    width: 60px;
    float: right;
}
.zp-field-details-section .inline-edit-container .select2-container{
    width: calc(100% - 60px) !important;
    display: inline-block;
}
.zp-field-details-section .inline-edit-container .select2-selection--multiple{
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
}
.zp-field-details-section .inline-edit-container .select2-selection__rendered{
    font-size: 14px;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-results__option[aria-selected]{
    font-size: 16px;
    color: var(--field_value_fc);
    margin-left: 0px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    font-size: 14px;
    margin-top: 5px;
}
.zp-field-details-section .inline-edit-container .zp-currency-input-group{
    width: calc(100% - 60px);
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
    background-color: rgb(255, 255, 255);
}
.zp-field-details-section .inline-edit-container .zp-currency-input-group font{
    float: left;
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    color: var(--field_value_fc);
    padding-top: 5px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 30px;
}
.zp-field-details-section .inline-edit-container .zp-currency-input-group .zp-input-field{
    float: left;
    border: none;
    font-size: 14px;
}
.zp-field-details-section .inline-edit-container .select2-selection--single{
    border: 1px solid var(--filter_input_border_color);
    border-radius: 10px;
    height: 40px;
}
.inline-edit-container .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
}
.inline-edit-container .select2-selection--single .select2-selection__arrow{
    top: 7px;
}
/* .select2-container--open .select2-dropdown--above{
    top: 32px;
} */
.zp-record-details .section-attachment-container{
    margin-top: 25px;
    width: calc(100% + 5px);
}
.zp-table tbody tr:hover {
    background-color: #f5f6fa;
    transition: background-color 0.15s ease;
}
.zp-record-list-page .zp-records-list tr[data-href] {
    cursor: pointer;
}
.zp-record-list-page .zp-records-list tbody tr:nth-child(odd) {
    background-color: #ffffff;
}
.zp-record-list-page .zp-records-list tbody tr:nth-child(even) {
    background-color: #f5f7fa;
}
.zp-record-list-page .zp-records-list tbody tr:hover {
    background-color: #eaf0f9;
}
.zp-record-list-page .zp-records-list tbody tr td {
    border-bottom: 1px solid #e4e8ee;
}

/* ── List view: premium design ───────────────────────────────────────── */

/* Page header */
.zp-record-list-page .zp-record-list-section .zp-section-header-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-left: 0;
    padding: 0 0 20px;
    border-bottom: none;
}
/* Prevent Bootstrap clearfix ::after from becoming a ghost flex item */
.zp-record-list-page .zp-record-list-section .zp-section-header-container::after {
    display: none;
}
.zp-record-list-page .zp-record-list-section .section-header-text {
    float: none;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    cursor: default;
}
.zp-record-list-page .zp-record-list-section .zp-list-page-kicker {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: var(--muted, #64748B);
    opacity: 0.7;
    margin-bottom: 6px;
}
.zp-record-list-page .zp-record-list-section .section-header-title {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-transform: none;
    color: var(--heading_fc);
    line-height: 1.25;
    float: none;
}
/* Right buttons */
.zp-record-list-page .zp-record-list-section .section-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    float: none;
    flex-shrink: 0;
    width: auto;
}
.zp-record-list-page .zp-record-list-section .section-header-right form.zp-download-data-form-js {
    display: contents;
}
/* Filter: pill button with label */
.zp-record-list-page .zp-record-list-section .section-header-right .zp-record-filter {
    order: 1;
    width: auto;
    height: 40px;
    padding: 0 12px;
    gap: 6px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.10);
    background: var(--portal_primary_bg_color, #fff);
    color: var(--body_fc);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s, background 0.15s, color 0.15s;
}
.zp-record-list-page .zp-record-list-section .section-header-right .zp-record-filter:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--btn_submit_bg_color) 45%, transparent);
    box-shadow: 0 4px 12px rgba(15,23,42,0.08);
    text-decoration: none;
}
.zp-record-list-page .zp-record-list-section .section-header-right .zp-record-filter.active {
    background: color-mix(in srgb, var(--btn_submit_bg_color) 12%, transparent);
    border-color: color-mix(in srgb, var(--btn_submit_bg_color) 40%, transparent);
    color: var(--btn_submit_bg_color);
}
.zp-record-list-page .zp-record-list-section .section-header-right .zp-record-filter svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.zp-filter-label {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}
/* Export: ghost with label */
.zp-record-list-page .zp-record-list-section .section-header-right .zp-export-data-js {
    order: 2;
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.10);
    background: var(--portal_primary_bg_color, #fff);
    color: var(--body_fc);
    font-size: 13px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans";
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
    white-space: nowrap;
}
.zp-record-list-page .zp-record-list-section .section-header-right .zp-export-data-js:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--btn_submit_bg_color) 45%, transparent);
    box-shadow: 0 4px 12px rgba(15,23,42,0.08);
    text-decoration: none;
}
.zp-record-list-page .zp-record-list-section .section-header-right .zp-export-data-js i {
    font-size: 13px;
    opacity: 0.6;
}
/* Add record: primary accent button */
.zp-record-list-page .zp-record-list-section .section-header-right .zp-record-add.zp-add-edit-record-js {
    order: 3;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    background: var(--btn_submit_bg_color);
    color: var(--btn_submit_fc);
    font-size: 13px;
    font-weight: 700;
    font-family: "Plus Jakarta Sans";
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--btn_submit_bg_color) 32%, transparent);
    transition: transform 0.15s, box-shadow 0.15s, filter 0.15s;
    white-space: nowrap;
    border: none;
}
.zp-record-list-page .zp-record-list-section .section-header-right .zp-record-add.zp-add-edit-record-js:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--btn_submit_bg_color) 38%, transparent);
    text-decoration: none;
    color: var(--btn_submit_fc);
}
.zp-record-list-page .zp-record-list-section .section-header-right .zp-record-add.zp-add-edit-record-js svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Table card */
.zp-record-list-page .zp-record-list-section #div_table_data {
    background: #ffffff;
    border: 1px solid rgba(15,23,42,0.08);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(15,23,42,0.08), 0 0 0 1px rgba(15,23,42,0.04);
    overflow: hidden;
    margin-top: 0;
}

/* Toolbar inside card */
.zp-list-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    background: linear-gradient(180deg, rgba(15,23,42,0.02), transparent);
}
.zp-list-toolbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.zp-list-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--btn_submit_bg_color) 28%, transparent);
    background: color-mix(in srgb, var(--btn_submit_bg_color) 10%, transparent);
    color: var(--btn_submit_bg_color);
    font-size: 11px;
    font-weight: 700;
    font-family: "Plus Jakarta Sans";
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}
.zp-list-chip-count {
    background: var(--btn_submit_bg_color);
    color: var(--btn_submit_fc, #fff);
    font-size: 10px;
    font-weight: 800;
    border-radius: 999px;
    padding: 1px 6px;
    line-height: 1.4;
}

/* Table thead */
.zp-record-list-page .zp-records-list thead th {
    background-color: rgba(15,23,42,0.025);
    height: auto;
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748B;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    border-radius: 0;
}
.zp-record-list-page .zp-records-list thead th:first-child { border-top-left-radius: 0; }
.zp-record-list-page .zp-records-list thead th:last-child  { border-top-right-radius: 0; }

/* Table rows */
.zp-record-list-page .zp-records-list tbody tr:nth-child(odd),
.zp-record-list-page .zp-records-list tbody tr:nth-child(even) {
    background-color: var(--portal_primary_bg_color, #fff);
}
.zp-record-list-page .zp-records-list tbody tr:hover {
    background-color: color-mix(in srgb, var(--btn_submit_bg_color) 4%, var(--portal_primary_bg_color, #fff));
}
.zp-record-list-page .zp-records-list tbody tr[data-href]:active {
    background-color: color-mix(in srgb, var(--btn_submit_bg_color) 10%, var(--portal_primary_bg_color, #fff)) !important;
}
/* Page-navigation loading overlay */
.zp-page-loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(2px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zp-page-loading-spinner {
    width: 42px;
    height: 42px;
    border: 3px solid rgba(0, 0, 0, 0.08);
    border-top-color: var(--btn_submit_bg_color, #338cf0);
    border-radius: 50%;
    animation: zp-spin 0.7s linear infinite;
}
@keyframes zp-spin {
    to { transform: rotate(360deg); }
}
.zp-record-list-page .zp-records-list tbody tr:last-child td {
    border-bottom: 0;
}
.zp-record-list-page .zp-records-list tbody tr td {
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Action column: refined kebab */
.zp-record-list-page .zp-table th.zp-list-action-th {
    width: 56px;
}
.zp-record-list-page .zp-table tbody td.zp-action-column {
    width: 56px;
    padding: 0 12px;
    vertical-align: middle;
    text-align: right;
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-button {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-left: auto;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.zp-record-list-page .zp-records-list tbody tr:hover .action-column-button {
    opacity: 1;
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-button:hover {
    background-color: color-mix(in srgb, var(--btn_submit_bg_color) 10%, transparent);
    border-color: color-mix(in srgb, var(--btn_submit_bg_color) 28%, transparent);
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-button i {
    font-size: 14px;
    color: var(--heading_fc);
    pointer-events: none;
}

/* Action dropdown */
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-body {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: var(--portal_primary_bg_color, #fff);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 8px 24px rgba(15,23,42,0.14);
    min-width: 140px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-body a {
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans";
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--body_fc);
    transition: background-color 0.12s;
    float: none;
    width: auto;
    line-height: 1.3;
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-body a:hover {
    background-color: rgba(0,0,0,0.04);
    text-decoration: none;
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-body a svg {
    width: 16px;
    height: 16px;
    margin-right: 0;
    float: none;
    flex-shrink: 0;
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-body a.zp-delete-icon {
    color: rgb(239,68,68);
}
.zp-record-list-page .zp-table tbody td.zp-action-column .action-column-body a.zp-delete-icon:hover {
    background-color: rgba(239,68,68,0.06);
}

/* Pagination */
.zp-record-list-page .zp-record-list-section .cust-pagination-button-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 12px 4px;
    margin-top: 2px;
}
.zp-record-list-page .zp-record-list-section .cust-pagination-button-section .next-prev-btn {
    height: 36px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans";
    background: var(--portal_primary_bg_color, #fff);
    color: var(--body_fc);
    border: 1px solid rgba(0,0,0,0.10);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s, color 0.15s;
    float: none;
}
.zp-record-list-page .zp-record-list-section .cust-pagination-button-section .next-prev-btn:hover {
    border-color: var(--btn_submit_bg_color);
    color: var(--btn_submit_bg_color);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-1px);
    text-decoration: none;
}

/* ── End list view ───────────────────────────────────────────────────── */

.zp-record-details .section-attachment-container table tbody td{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 40px;
    color: var(--field_value_fc);
}
.zp-record-details .section-attachment-container table tbody td:first-child{
    color: var(--btn_view_fc);
    text-transform: capitalize;
}
.zp-img-data-container .zp-image-preview{
    width: 75px;
    height: 75px;
    float: left;
    margin: 7px;
}
.zp-system_product_details_section-section .zp-left-section{
    width: calc(100% - 20px);
}
.zp-system_product_details_section-section .zp-right-section{
    float: right;
}

/* Edit page */
.zp-record-edit .zp-section-row .zp-field-label{
    order: 0;
}
.zp-record-edit .zp-section-row .zp-field-edit-container{
    margin-top: 2px;
    position: relative;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-input-field{
    width: 100%;
    border-radius: 10px;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 10px 15px;
    border: 1px solid var(--filter_input_border_color);
    height: 40px;
    box-shadow: none;
    background: rgb(255 255 255);
}
.page-zportals .zp-input-field:not(.select2-hidden-accessible){
    border-radius: 10px;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 5px 15px;
    border: 1px solid var(--filter_input_border_color);
    height: 40px;
    box-shadow: none;
    background: rgb(255 255 255);
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-existing-file{
    margin-bottom: 10px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-existing-file input{
    width: calc(100% - 30px);
    float: left;
}
.zp-record-edit .zp-section-row .zp-field-edit-container #File_Upload_Multiple_fileupload .zp-existing-file input, .zp-record-edit .zp-section-row .zp-field-edit-container #Feature_Image_One_imageupload .zp-existing-file input{
    margin-bottom: 5px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-existing-file button{
    margin-left: 5px;
    background: transparent;
    border: navajowhite;
    color: var(--btn_delete_fc);
    margin-top: 10px;
    cursor: pointer;
    float: left;
    padding: 0px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container input{
    height: 40px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container input[type="file"]{
    padding: 6px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container textarea.zp-input-field{
    height: 60px;
}
.zp-record-edit .zp-section-row .zp-datatype-lookup .zp-field-edit-container .zp-input-group{
    margin-bottom: 0px;
}
.zp-record-edit .zp-section-row .zp-field-details-section{
    margin-top: 30px;
}
.zp-change-password-page .zp-section-row .zp-section-content{
    padding: 10px;
}
.zp-change-password-page .zp-section-row .zp-field-details-section{
    margin-top: 30px;
    position: relative;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .select2-container{
    display: inline-block;
    min-width: 100%;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection{
    width: 100%;
    height: 40px;
    border-radius: 10px;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 5px 15px;
    border: 1px solid var(--filter_input_border_color);
}
.zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection__rendered{
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    color: var(--field_value_fc);
    /* margin-top: -5px; this css create design issue for add edit record modal */
}
.zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection__arrow b{
    border-width: 10px 7px 0 7px;
    border-color: var(--field_value_fc) transparent transparent transparent
}
.zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection__arrow{
    top: 4px;
    right: 15px;
}
.zp-record-edit .zp-section-row .zp-datatype-multiselectpicklist .zp-field-edit-container .select2-selection{
    min-height: 40px;
    height: auto;
    padding: 0px;
}
.zp-record-edit .zp-section-row .zp-datatype-multiselectpicklist .zp-field-edit-container .select2-selection__rendered{
    margin-top: 0px !important;
    padding: 0px;
}
.zp-record-edit .zp-section-row .zp-datatype-multiselectpicklist .zp-field-edit-container .select2-selection__rendered input{
    padding: 0px;
    height: auto;
}
.zp-record-edit .zp-section-row .zp-field-edit-container select{
    width: calc(100% - 20px);
}
.page-zportals-module-edit .select2-dropdown{
    top: 32px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container input.zp-checkbox-input{
    width: 18px;
    height: 18px;
    margin: 0px;
}
.zp-record-edit .select2-selection--multiple .select2-selection__rendered{
    margin-top: -16px !important;
}
.zp-record-edit .select2-selection--multiple .select2-search--inline{
    width: 100%;
}
.zp-record-edit .select2-selection--multiple .select2-search--inline .select2-search__field{
    width: 100% !important;
}
.zp-record-edit .select2-selection--multiple .select2-search--inline input{
    border: none;
}
.zp-record-edit .zp-section-row{
    margin-bottom: 45px;
}
.zp-record-edit .zp-section-row.zp-btn-section{
    float: right;
    margin-right: 0px;
}
.zp-page-content.zp-record-edit{
    margin-top: 10px;
}
.zp-record-edit .zp-section-row.zp-normal-section{
    padding-left: 40px;
}
.zp-record-edit .zp-section-row {
    padding-left: 20px;
}
.picklist-color-badge{
    height: 15px;
    width: 15px;
    border-radius: 30px;
    float: left;
    margin-right: 6px;
}
.select2-selection__rendered .picklist-color-badge{
    margin-top: 7px;
}
.select2-results__option .picklist-color-badge{
    margin-top: 3px;
}
.zp-record-edit .zp-section-header-container{
    margin-bottom: 5px;
    margin-left: 20px;
}
.zp-record-edit .zp-attachment-upload-section .zp-section-header-container{
    margin-left: 40px;
}
.zp-record-edit .zp-section-content{
    margin-right: -10px;
}
.zp-record-edit .zp-attachment-upload-section .zp-section-content{
    margin-right: 10px;
}
.zp-dropzone .zp-dropzone-bottom{
    position: absolute;
    width: calc(100% - 60px);
    bottom: 30px;
}
.zp-dropzone .zp-dropzone-bottom .zp-dropzone-selected-files{
    float: left;
}
.zp-dropzone .zp-dropzone-button{
    float: right;
}
#zp-upload-files-btn{
    float: right;
    cursor: pointer;
}
#zp-reset-files-btn{
    float: right;;
    margin-right: 15px;
    cursor: pointer;
}
.zp-record-edit .zp-datatype-subform .zp-field-edit-container{
    overflow: auto;
    padding-top: 20px;
    margin-left: -40px;
}
.zp-record-edit .zp-subform-record-list tbody td{
    position: relative;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-field:not(.zp-checkbox-input) {
    min-width: 170px;
    width: 100%;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input input{
    min-width: 235px;
    width: 100%;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list input.zp-checkbox-input{
    width: 17px;
    height: 17px;
    border-radius: 5px;
    border: 1px solid rgb(127, 130, 155);
    margin-top: 7px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file input{
    width: calc(100% - 30px);
    float: left;
    min-width: auto;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file button{
    margin-left: 5px;
    background: transparent;
    border: navajowhite;
    color: var(--btn_delete_fc);
    margin-top: 10px;
    cursor: pointer;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child button{
    float: left;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child button.zp-remove-subform-row{
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px 6px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child button.zp-remove-subform-row svg{
    height: 20px;
    width: 19px;
}
/* .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child button.zp-add-subform-row{ */
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list button.zp-add-subform-row{
    background: transparent;
    border: none;
    cursor: pointer;
}
/* .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child button.zp-add-subform-row svg{ */
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list button.zp-add-subform-row svg{
    height: 20px;
    width: 20px;
    vertical-align: middle;
    float: left;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td{
    padding: 20px 10px 20px 40px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child{
    padding: 20px 10px 10px 20px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.File_Upload .zp-input-group{
    margin-bottom: 0px;
}
.zp-record-edit .zp-section-row .zp-field-edit-container .sys-product-list td.Sequence_Number .zp-input-field{
    min-width: 70px;
}
.zp-record-edit .zp-field-details-section .zp-currency-input-group{
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
    background-color: rgb(255, 255, 255);
    margin-bottom: 0px;
}
.zp-record-edit .zp-field-details-section .zp-currency-input-group font{
    float: left;
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    color: var(--field_label_fc);
    /* padding-top: 9px; */
    line-height: 40px;
    padding-left: 10px;
    font-size: 14px;
}
.zp-record-edit .zp-field-details-section .zp-currency-input-group .zp-input-field{
    float: left;
    border: none;
    font-size: 16px;
    width: calc(100% - 50px);
}
.zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-currency-input-group .zp-input-field{
    width: 100%;
    min-width: 100px;
    padding: 5px;
}
.zp-record-edit .zp-field-details-section .zp-subform-row .zp-currency-input-group .zp-currency-symble{
    display: none;
}
.zp-record-edit .zp-field-details-section .zp-field-edit-container .zp-input-group {
    margin-bottom: 0px;
}
.zp-record-edit .zp-section-row .zp-subform-row .zp_subform_last_child .zp-add-subform-row{
    display: none;
}
.zp-record-edit .zp-section-row .zp-subform-row:first-child .zp_subform_last_child .zp-add-subform-row{
    display: block;
    padding: 0px 6px;
}

/* Subform file upload on record view */
.zp-sf-file-cell{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.zp-sf-upload-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background-color: rgba(41, 151, 255, 0.08);
    color: #2997ff;
    cursor: pointer;
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}
.zp-sf-upload-btn:hover{
    background-color: rgba(41, 151, 255, 0.18);
}

/* List page */
#filterDateRangeModal .filter_with,
#filterDateRangeModal .filterbydate{
    width: 100%;
}
#filterDateRangeModal .zp-modal-footer {
    display: block;
    margin-top: 25px;
}
.zp-page-content .zp-table th.zp-list-action-th{
    position: relative;
    width: 20px;
}
.zp-page-content .zp-table tbody td.zp-action-column{
    position: relative;
    width: 20px;
    padding: 12px 10px;
}
.zp-table tbody td.zp-action-column .action-column-button svg{
    height: 5px;
    width: 5px;
    margin: 1px 0px;
}
.zp-table tbody td.zp-action-column .action-column-button{
    display: grid;
    cursor: pointer;
    padding: 0px 5px;
    width: 40px;
}
.zp-table tbody td.zp-action-column .action-column-body svg{
    height: 20px;
    width: 20px;
    margin-right: 15px;
    float: left;
}
/* .zp-table tbody td.zp-action-column .action-column-body{
    z-index: 1;
    position: absolute;
    left: 50px;
    padding: 10px 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    margin-top: -20px;
    margin-left: -175px; 
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
} */
/* .zp-attachment-list.zp-table tbody td.zp-action-column .action-column-body{
    margin-top: -70px;
} */
.zp-table tbody td.zp-action-column .action-column-body a{
    width: 100%;
    display: block;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    padding: 6px 0px;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    float: none;
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-download-attachment, 
.zp-table tbody td.zp-action-column .action-column-body a.att-type-link-url{
    color: var(--field_value_fc);
}

.zp-table tbody td.zp-action-column .action-column-body a.zp-delete-attachment{
    color: var(--btn_delete_fc);
}
table.zp-table thead th{
    white-space: nowrap;
}
.zp-table tr td{
    border-bottom: 1px solid var(--table_border_color);
}
.zp-module-list-item{
    width: calc(33.33% - 20px);
    margin: 10px;
    float: left;
}
.zp-hide-item{
    display: none;
}
.zp-paginate-button{
    cursor: pointer;
    padding: 5px;

}
.zp-row .zp-col-12.zp-datatype-subform{
    width: calc(100% - 20px);
}
.zp-section-row .zp-field-data:hover {
    border: none;
}
.zp-inline-edit svg{
    height: 14px;
    width: 14px;
    background: transparent;
}
.inline-edit-container button{
    background-color: transparent;
    border: none;
    padding: 0px 0px 0px 5px;
    margin-top: 10px;
    cursor: pointer;
}
.inline-edit-container button:focus, .inline-edit-container button:focus-visible{
    outline: none;
}
.inline-edit-container svg{
    width: 20px;
    height: 20px;
}
.inline-edit-container .zp-checkbox-input{
    width: 16px;
    height: 16px;
    margin: 10px 0px;
    float: left;
    cursor: pointer;
}
.zp-page-content.zp-record-details{
    padding-bottom: 55px;
    /* width: calc(100% - 260px); */
}
/* .zp-record-details .zp-row.zp-related_module_section-section .zp-section-content .dataTables_wrapper > *:not(.dataTables_filter){
    overflow: auto;
} */
.inline-edit-container .zp-input-group{
    width: calc(100% - 70px);
}
.inline-edit-container .zp-input-group input{
    padding: 7px;
    border-radius: 3px;
    float: left;
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
}
.inline-edit-container .zp-input-group.zp-lookup-input-group input{
    width: 100%;
}
.inline-edit-container .zp-input-group .zp-existing-file{
    display: flex;
}
.inline-edit-container .zp-input-group .zp-existing-file button{
    margin-top: 0px;
    margin-left: 5px;
    color: var(--btn_delete_fc);
}
.inline-edit-container .zp-input-group#File_Upload_Multiple_fileupload .zp-existing-file input, .inline-edit-container .zp-input-group#Feature_Image_One_imageupload .zp-existing-file input{
    margin-bottom: 5px;
}
.zp-section-header-container{
    cursor: pointer;
}
.zp-section-header-container svg#caret-down-fill{
    float: left;
    margin-right: 10px;
    width: 12px;
}
.rotate-right {
    transform: rotate(270deg);
}
.rotate-down {
    transform: rotate(90deg);
}
/* .zp-upload-document-header{
    margin-left: -30px;
    margin-right: 8px;
} */


/* My plans */
.zoho-subscription-page .zp-record-list-section td{
    color: var(--field_value_fc);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
}
.zoho-subscription-page .zp-record-list-section td.dataTables_empty{
    font-size: 14px;
}
.zoho-subscription-page .zp-record-list-section .zp-status-live{
    position: relative;
    z-index: 1;
    color: rgb(106 206 163);
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border: 1px solid rgb(106 206 163);
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zoho-subscription-page .zp-record-list-section .zp-status-trial{
    position: relative;
    z-index: 1;
    color: #1093de;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border: 1px solid #1093de;
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zoho-subscription-page .zp-record-list-section .zp-status-live i, .zoho-subscription-page .zp-record-list-section .zp-status-cancel i, .zoho-subscription-page .zp-record-list-section .zp-status-trial-expire i, .zoho-subscription-page .zp-record-list-section .zp-status-trial i, .zoho-subscription-page .zp-record-list-section .zp-status-non-reniew i{
    padding: 3px 5px 0px 0px;
}
.zoho-subscription-page .zp-record-list-section .zp-status-cancel{
    position: relative;
    z-index: 1;
    color: rgb(251 83 108);
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border: 1px solid rgb(251 83 108);
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zoho-subscription-page .zp-record-list-section .zp-status-non-reniew{
    position: relative;
    z-index: 1;
    color: rgb(255 170 0);
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border: 1px solid rgb(255 170 0);
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zoho-subscription-page .zp-record-list-section .zp-status-trial-expire{
    position: relative;
    z-index: 1;
    color: rgb(38 141 221);
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border: 1px solid rgb(38 141 221);
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zoho-subscription-page .zp-record-list-section tbody td.zp-action-column .action-column-body a.deleteButton{
    color: var(--btn_delete_fc);
}
.zoho-subscription-page .zp-record-list-section .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    padding-right: 40px;
}


/* Record list page */
.zp-record-list-page .zp-section-content, .zoho-subscription-page .zp-record-list-section{
    overflow: auto;
}
.zp-record-list-page .zp-records-list tr, .zp-record-details .zp-records-list tr{
    background-color: transparent;
}
.zp-record-list-page .zp-records-list th,
.zp-record-details .zp-records-list th,
.zoho-subscription-page .zp-record-list-section th,
.zoho-desk-ticket-details .zp-ticket-attachment-list th,
.zoho-desk-ticket-details .zp-ticket-threads-list th{
    font-weight: 600;
    padding: 0px 20px;
    height: 44px;
}
.zoho-thread-details-page .zp-thread-info{
    margin-top: 15px;
    background: rgb(255 255 255);
}
/* .zoho-subscription-page .zp-record-list-section th{
    height: 10px;
} */
.zoho-subscription-page .dataTables_wrapper{
    margin-top: 0px;
}
.zp-record-list-page .zp-show-date-range-filter{
    cursor: pointer;
}
.zp-record-list-page .module-list-gallery .record-detail-link, 
.zp-record-list-page .zp-records-list td a, 
.zp-record-details .zp-records-list td a{
    color: var(--btn_view_fc);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
}
.zp-record-list-page .zp-records-list td .field_value, .zp-record-details .zp-records-list td .field_value{
    color: var(--field_value_fc);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
}
.zp-record-list-page .zp-records-list td.zp-data-type-picklist .field_value, .zp-record-details .zp-records-list td.zp-data-type-picklist .field_value{
    font-weight: 500;
    border-radius: 15px;
    text-align: center;
    padding: 5px 15px;
    white-space: nowrap;
    width: max-content;
}
.zp-record-details .zp-records-list td.zp-data-type-picklist .field_value{
    float: left;
    margin-top: 0px;
}
.zp-record-list-page .zp-records-list tbody td.zp-action-column, .zp-record-details .zp-records-list tbody td.zp-action-column{
    position: relative;
}
.zp-record-list-page .zp-records-list tbody td.zp-action-column .action-column-button{
    display: grid;
    cursor: pointer;
}
.zp-record-list-page .zp-records-list tbody td.zp-action-column .action-column-button svg{
    height: 5px;
    width: 5px;
    margin: 1px 0px;
}
/* .zp-record-list-page .zp-records-list tbody td.zp-action-column .action-column-body, 
.zp-record-details .zp-records-list tbody td.zp-action-column .action-column-body{ */
.zp-table tbody td.zp-action-column .action-column-body{
    position: absolute;
    padding: 6px 14px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    width: max-content;
    top: -15px;
    right: 50px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 2;
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-detail-icon{
    color: var(--btn_view_fc);
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-detail-icon:focus, .zp-table tbody td.zp-action-column .action-column-body a.zp-detail-icon:hover{
    text-decoration: unset;
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-detail-icon svg path{
    stroke: var(--btn_view_fc);
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-edit-icon{
    color: var(--btn_edit_fc);
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-edit-icon:hover, .zp-table tbody td.zp-action-column .action-column-body a.zp-edit-icon:focus{
    text-decoration: none;
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-edit-icon svg path{
    stroke: var(--btn_edit_fc);
}
svg.zp-edit-svg-icon path{
    stroke: var(--btn_edit_fc);
}
svg.zp-inlineeditsave-svg-icon{
    background: var(--btn_submit_bg_color);
    border-radius: 10px;
    padding: 1px;
}
svg.zp-inlineeditsave-svg-icon path{
    stroke: var(--btn_submit_fc);
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-delete-icon{
    color: var(--btn_delete_fc);
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-delete-icon:hover, 
.zp-table tbody td.zp-action-column .action-column-body a.zp-delete-icon:focus{
    text-decoration: none;
}
.zp-table tbody td.zp-action-column .action-column-body a.zp-delete-icon svg path{
    stroke: var(--btn_delete_fc);
}
.zp-record-list-page .zp-records-list .action-column-body a.zp-custom-button-inline i{
    margin-right: 15px;
}
.zp-custom-btn .zp-btnText{
    margin: 0px;
}
.zp-record-edit .zp-section-row.zp-single-section .zp-field-details-section.description-field-section{
    width: calc(100% - 20px);
    margin-left: 20px;
}
.page-zportals .zp-disabled-btn{
    opacity: .8;
}
.page-zportals .zp-submit-btn{
    background-color: var(--btn_submit_bg_color);
    color: var(--btn_submit_fc);
    padding: 6px 23px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    /* margin-right: 15px; */
    letter-spacing: 0px;
    text-transform: none;
    line-height: 26px;
    border-radius: 10px;
    border: solid 1px var(--btn_submit_bg_color);
    margin-top: 2px;
}
.page-zportals .zp-submit-btn:hover, .page-zportals .zp-submit-btn:focus {
    background-color: var(--btn_submit_bg_color);
    text-decoration: none;
}
.page-zportals .zp-submit-btn:focus-visible{
    outline: none;
}
.zp-edit-cancel-btn{
    color: var(--btn_delete_fc);
    border: 1px solid var(--btn_delete_fc);
    padding: 6px 23px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    /* float: right; */
    line-height: 26px;
    margin-right: 15px;
}
.zp-record-list-page .dataTables_wrapper .dataTables_info, .zp-record-details .dataTables_wrapper .dataTables_info{
    display: none;
}
.dataTables_wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.dataTables_wrapper .dataTables_length {
    order:1 ;
}
.zp-table.dataTable.no-footer{
    border-bottom: none;
}
.dataTables_wrapper .dataTables_length label{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 700;
    color: var(--heading_fc);
    line-height: 36px;
}
.dataTables_wrapper .dataTables_length select{
    font-family: Plus Jakarta Sans;
    padding: 9px;
    border: 1px solid var(--filter_input_border_color);
    font-weight: 700;
    color: var(--field_value_fc);
    border-radius: 10px;
    margin: 0px 10px;
    background-color: rgb(255, 255, 255);
}
.dataTables_wrapper .dataTables_length{
    margin-top: -40px;
    margin-left: 40px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    z-index: 1;
    position: relative;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    color: var(--btn_view_fc);
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 400;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active, .dataTables_wrapper .dataTables_paginate .paginate_button.next:active{
    background: transparent;
    border: none;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
    padding-right: 5px;
    cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    padding-left: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous i{
    margin-right: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next i{
    margin-left: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: transparent;
    border: none;
    color: var(--field_value_fc) !important;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 700;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-size: 13px;
    color: rgb(127,130,155);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.next, .previous):hover{
    background: transparent;
    color: var(--field_value_fc) !important;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .ellipsis{
    color: rgb(127,130,155);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.next, .previous){
    padding: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.next, .previous):active{
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate{
    margin-top: 10px;
}
.cust-pagination-button-section a{
    background-color: rgb(255, 255, 255);
    color: var(--btn_view_fc);
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 400;
    border: 1px solid var(--btn_view_fc);
    border-radius: 10px;
    padding: 8px 20px;
}
.cust-pagination-button-section a:focus, .cust-pagination-button-section a:hover, .cust-pagination-button-section a:active{
    background-color: var(--btn_submit_bg_color);
    border-color: transparent;
    outline: none;
}
.cust-pagination-button-section{
    margin-top: 15px;
    margin-left: 40px;
    position: relative;
    z-index: 1;
}
#showDialogLookup .cust-pagination-button-section{
    float: left;
    margin-top: 15px;
}

.zp-section-header-container .section-header-text{
    float: left;
    width: 50%;
}
.zp-record-edit .zp-section-header-container .section-header-text{
    width: 100%;
}
.zp-section-header-container .section-header-right{
    float: right;
    /* margin-right: 40px; */
    width: calc(50% - 0px);
    /* max-width: max-content; */
    margin-right: 0px;
}
.section-header-right a{
    float: right;
    margin-bottom: 10px;
}
.section-header-right a.zp-record-add:focus, .section-header-right a.zp-record-add:hover{
    color: var(--btn_add_fc);
    text-decoration: unset;
}
.zp-module-retainer-invoices .section-header-right a{
    float: right;
}
.zp-section-header-container .section-header-text{
    float: left;
}
.zp-section-row:not(.zp-record-list-section) .zp-section-header-container .section-header-text .section-header-title{
    float: left;
    /* title was breaking into two line */
    width: calc(100% - 40px);
}

.zp-record-details .related_module_section-section .zp-section-header-container .section-header-right{
    margin-right: 20px;
    margin-top: -10px;
}
/* Old orange filter icon styles removed — premium pill button styles are in the list-view section above */
.zp-record-add{
    /* display: flex ; */
    line-height: 40px;    
    background-color: var(--btn_add_bg_color);
    margin: 0px;
    border-radius: 10px;
    margin-left: 10px;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 500;
    color: var(--btn_add_fc);
    padding-left: 5px;
    padding-right: 15px;
}
.zp-record-add svg{
    padding: 9px;
    border-radius: 10px;
}
.zp-record-add svg#Add_line_icon{
    background-color: var(--btn_add_bg_color);
    float: left;
}
.zp-record-add svg#Add_line_icon path{
    fill: var(--btn_add_fc);
}

.zp-record-search svg {
/* .zp-record-details .zp-section-header-container .section-header-right svg { */
    background-color: var(--btn_view_fc);
    margin: 0px;
    padding: 9px;
    border-radius: 10px;
    /* margin-bottom: 20px; */
    float: left;
}
/* .zp-record-details .zp-section-header-container .section-header-right .zp-record-search svg path{ */
.zp-record-search svg path{
    fill: rgb(255, 255, 255);
}
/* .zp-record-filter svg margin rule removed — handled by premium pill button styles */
.zp-record-details .zp-section-header-container .section-header-right .zp-edit-button {
    padding: 0px;
}
.zp-record-details .zp-section-header-container .section-header-right .zp-edit-button svg {
    padding: 5px;
    height: 30px;
    width: auto;
    margin-right: 5px;
    float:left;
    margin-right: 5px;
    background-color: rgb(255 255 255);
    box-shadow: 0px 0px 25px 0px rgb(221 221 221);
    border-radius: 10px;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm {
    position: relative;
    float: right;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm form{
    width: 300px;
    position: absolute;
    right: -40px;
    height: 40px;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm svg{
    background-color: transparent;
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 9px;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm svg:focus{
    outline: none;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm svg path{
    fill:var(--filter_input_font_color);
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm button[type="submit"]{
    background: transparent;
    border: none;
    position: absolute;
    right: 260px;
    height: 40px;
    padding: 0px;
    cursor: pointer;
    top: 0px;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm button[type="submit"]:focus, .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm button[type="submit"]:focus-visible{
    outline: none;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm input{
    max-width: 100%;
    width: 350px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
    padding-left: 40px;
    padding-right: 30px;
    /* position: absolute;
    right: 443px; */
    color: var(--filter_input_font_color);
    border: 1px solid var(--filter_input_border_color);
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm input:focus, .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm input:focus-visible{
    outline: none;
}
.zp-record-list-page #setupfltr_form .filternewdesignModule .zp-form-control:focus, .zp-record-list-page #setupfltr_form .filternewdesignModule .zp-form-control:focus-visible{
    outline: none;
}
.zp-record-details .zp-row.zp-related_module_section-section .zp-section-content .dataTables_wrapper{
    position: relative;
    overflow: auto;
}
.zp-record-details .zp-row.zp-related_module_section-section .zp-section-content{
    position: relative;
}

.zp-record-list-page #setupfltr_form .filternewdesignModule{
    float: left;
    margin-top: 10px;  
    margin-right: 10px;    
    max-width: 250px;
    width: fit-content;
    position: relative;
}
.zp-record-list-page .module-filter{
    background-color: var(--table_filter_section_color);
    border: 1px solid var(--filter_section_border_color);
    border-radius: 15px;
    margin-top: 10px;
    display: none;
}
.zp-record-list-page #setupfltr_form{
    padding: 5px 40px 13px 40px;
}
.zp-record-list-page #setupfltr_form .filternewdesignModule .zp-form-control{
    min-width: 220px;
    max-width: 100%;
    height: 40px;
    margin-right: 10px;
    border-radius: 10px;
    padding-left: 10px;    
    color: var(--filter_input_font_color);
    border: 1px solid var(--filter_input_border_color);
    font-family: Plus Jakarta Sans;
    font-weight: 400;
}
.zp-record-list-page #setupfltr_form .filternewdesignModule select{
    min-width: 220px;
    width: 100%;
}
.zp-record-list-page #setupfltr_form .filternewdesignModule .select2-selection{
    min-width: 220px;
    max-width: 100%;
    margin-right: 10px;
    border-radius: 10px;    
    border: 1px solid var(--filter_input_border_color);
    min-height: 40px;
    height: auto;
    display: flex;
    align-items: center;
}
.zp-record-list-page #setupfltr_form button.reset_filter{
    height: 40px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 10px;
    width: 98px;
    max-width: 100%;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    color: var(--btn_delete_fc);
    border: 1px solid var(--btn_delete_fc);
    float: left;
    text-transform: unset;
}
.zp-record-list-page #setupfltr_form button.reset_filter i{
    display: none;
}
.zp-record-list-page #setupfltr_form button.reset_filter:active{
    box-shadow: none;
}
.zp-record-list-page #setupfltr_form button.reset_filter:focus, .zp-record-list-page #setupfltr_form button.reset_filter:focus-visible{
    outline: none;
    text-decoration: unset;
}
.select2-dropdown{
    border: 1px solid var(--filter_input_border_color);
}

.zp-record-list-page-section{
    margin-left: -25px;
    margin-right: 0px;
}

.zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-single-section{
    margin-left: -10px;
    margin-bottom: 40px;
}
.zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-single-section .zp-left-section{
    margin-left: 0px;
}

.zp-record-list-page-section .zp-section-header-container .section-header-right{
    margin-right: 20px;
}
.zp-record-list-section{
    margin: 5px 0px 20px 10px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-banner{
    width: calc(100% - 20px);
}
.zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-iframe{
    width: calc(100% - 20px);
}
.zp-page-content.zp-record-list-page:not(.zp-dashboard-page) .zp-single-section .zp-left-section{
    margin-left: 10px;
    width: calc(100% - 10px);
}


/* Books */
.zbooks-record-list th{
    padding: 0px 16px !important;
}
.zbooks-record-list tr{
    background-color: transparent !important;
}
.zbooks-record-list td, .zbooks-record-list td span{
    color: var(--field_value_fc);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
}
.zbooks-record-list td a{
    color: var(--btn_view_fc);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
}
.zp-books-list-section{
    margin-left: 0px;
}
.zp-books-list-section .dataTables_wrapper .dataTables_info{
    display: none;
}
.zp-books-list-section .section-header-title{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--heading_fc);
}
.zp-books-list-section .zp-section-header-container .section-header-right svg{
    background-color: var(--btn_view_fc);
    margin: 0px;
    padding: 9px;
    border-radius: 10px;
    margin-right: 10px;
}
/* .zp-books-list-section .zp-section-header-container .section-header-text{
    float: left;
    width: 65%;
}
.zp-books-list-section .zp-section-header-container .section-header-right{
    float: right;
    margin-right: 40px;
} */
.zp-books-page .zp-row .zp-col-12{
    margin-left: 5px;
    width: calc(100% - 15px);
}
.zp-books-page .zp-section-header-container .section-header-text .section-header-title{
    margin-left: 10px;
}
.zp-books-page .zp-section-header-container .section-header-text.js-elapse-collapse .section-header-title{
    margin-left: 0px;
}
.zp-books-page .invoice-page{
    overflow: auto;
}
.zp-books-page .invoice-page .pcs-template{
    min-width: 700px;
}
/* .pcs-itemtable td:before{
    content: "" !important;
} */

 .zp-zwd-title-bar{
    margin-left: 40px;
 }
.zp-zwd-title-bar .section-header-right{
    margin-right: 40px;
}
.zwd-document-list .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    padding-right: 50px;
}
.zp-zwd-title-bar .section-header-text{
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: var(--heading_fc);
}
.zp-workdrive-page .zp-zwd-title-bar .title-bar-action .js-refresh-folder-data svg{
    background-color: rgb(255, 255, 255);
    margin: 0px;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    float: right;
    margin-left: 10px;
    width: 40px;
    height: 40px;
}
#create_wd_subfolder_form .zp-input-field {
    width: 100%;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 10px 15px;
    border: 1px solid var(--filter_input_border_color);
    height: 40px;
}
#create_wd_subfolder_form .zp-field-label {
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 700;
    color: var(--field_label_fc);
}
#create_wd_subfolder_form .row_save_btn {
    text-align: right;
}
/* .page-zportals #modal_create_wd_subfolder .zp-crm-record-cancel-btn{
    color: var(--btn_delete_fc);
    border: 1px solid var(--btn_delete_fc);
    padding: 6px 23px;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
} 
.page-zportals #modal_create_wd_subfolder .zp-submit-btn{
    padding: 4px 23px;
    font-size: 14px;
}
*/

.zp-books-list-section .zp-section-header-container {
    padding-bottom: 0px;
}
.zp-books-page .zp-books-list-section .draft_status_badge, .zp-books-page .zp-books-list-section .partially_drawn_status_badge {
    color: rgb(135 150 151);
    border: 1px solid rgb(135 150 151);
    background: rgb(135 150 151 / 5%);
    border-radius: 30px;
    font-size: 15px;
}
.zp-books-page .zp-books-list-section .draft_status_badge i, .zp-books-page .zp-books-list-section .partially_drawn_status_badge i{
    padding: 4px 5px 0px 0px;
}
.zp-books-page .zp-books-list-section .expired_status_badge, .zp-books-page .zp-books-list-section .hold_status_badge, .zp-books-page .zp-books-list-section .partially_drawn_status_badge, .zp-books-page .zp-books-list-section .partially_invoiced_status_badge, .zp-books-page .zp-books-list-section .draft_status_badge{
    position: relative;
    z-index: 1;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .open_status_badge {
    position: relative;
    z-index: 1;
    color: rgb(38, 141, 221) !important;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border: 1px solid rgb(38, 141, 221);
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .open_status_badge i{
    padding: 3px 5px 0px 0px;
}
.zp-books-page .zp-books-list-section .accepted_status_badge, .zp-books-page .zp-books-list-section .invoiced_status_badge {
    color: rgb(34 179 120);
    border: 1px solid rgb(34 179 120);
    background: rgb(34 180 122 / 5%);
    border-radius: 30px;
    font-size: 15px;
}
.zp-books-page .escalated_status_badge, .zp-books-page .invoiced_status_badge, .zp-books-page .accepted_status_badge, .zp-books-page .task_status_badge {
    position: relative;
    z-index: 1;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .accepted_status_badge i, .zp-books-page .zp-books-list-section .invoiced_status_badge i{
    padding: 3px 5px 0px 0px;
}
.zp-books-page .zp-books-list-section .declined_status_badge{
    color: rgb(247 104 49);
    border: 1px solid rgb(247 104 49);
    background: rgb(248 105 48 / 5%);
    border-radius: 30px;
    font-size: 15px;
}
.zp-books-page .zp-books-list-section .declined_status_badge i{
    padding: 3px 5px 0px 0px;
}
.zp-books-page .zp-books-list-section .closed_status_badge, .zp-books-page .zp-books-list-section .declined_status_badge{
    position: relative;
    z-index: 1;
    text-align: center;
    width: max-content;
    padding: 4px 13px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td{
    padding: 15px 10px 15px 40px;
    font-size: 14px;
}
.zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td.dataTables_empty{
    font-size: 14px;
}
.zp-books-page .zp-books-list-section .expired_status_badge, .zp-books-page .zp-books-list-section .hold_status_badge, .zp-books-page .zp-books-list-section .partially_drawn_status_badge, .zp-books-page .zp-books-list-section .partially_invoiced_status_badge, .zp-books-page .zp-books-list-section .draft_status_badge{
    position: relative;
    z-index: 1;
    color: rgb(148, 165, 166);
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border: 1px solid rgb(148, 165, 166);
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .expired_status_badge i, .zp-books-page .zp-books-list-section .hold_status_badge i, .zp-books-page .zp-books-list-section .partially_drawn_status_badge i, .zp-books-page .zp-books-list-section .partially_invoiced_status_badge i, .zp-books-page .zp-books-list-section .draft_status_badge i{
    padding: 3px 5px 0px 0px;
}
.zp-books-page .zp-books-list-section .signed_status_badge, .zp-books-page .zp-books-list-section .sent_status_badge{
    position: relative;
    z-index: 1;
    color: rgb(38, 141, 221);
    text-align: center;
    width: max-content;
    padding: 4px 13px;
    border: 1px solid rgb(38, 141, 221);
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .overdue_status_badge{
    color: rgb(247 104 49);
    border: 1px solid rgb(247 104 49);
    background: rgb(248 105 48 / 3%);
    border-radius: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    width: max-content;
    padding: 4px 13px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .overdue_status_badge i{
    padding: 3px 5px 0px 0px;
}
.zp-books-page .zp-books-list-section .signed_status_badge i, .zp-books-page .zp-books-list-section .sent_status_badge i{
    padding: 3px 5px 0px 0px;
}
/* .zp-books-page .zp-books-list-section .zbooks-record-list tbody td.zp-action-column .action-column-body{
    min-height: 50px;
    min-width: 140px;
    width: max-content;
    margin-top: -35px;
    margin-left: -150px;
}
.zp-books-page .zp-books-list-section .zbooks-record-list tbody td.zp-action-column .action-column-body a{
    padding: 0px 20px 0px 0px;
} */
.zp-books-page .zp-books-list-section .zbooks-record-list thead th.zp-list-action-th{
    width: 34.6719px !important;
    padding: 0px 23px !important;
}
.zp-books-list-section .zp-section-content .dataTables_wrapper .dataTables_paginate{
    padding-right: 20px;
}
.zp-page-content.zp-books-page{
    margin-top: 10px;
}
.zp-books-page .zp-books-list-section .paid_status_badge{
    color: rgb(34 179 120);
    border: 1px solid rgb(34 179 120);
    background: rgb(34 180 122 / 5%);
    border-radius: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    width: max-content;
    padding: 4px 13px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}
.zp-books-page .zp-books-list-section .paid_status_badge i{
    padding: 3px 5px 0px 0px;
}
.zp-books-list-section .zp-section-header-container .section-header-right .clr{
    height: 25px;
}
/* .zp-books-list-section .zp-section-header-container .section-header-right .zp-record-search{
    float: right;
} */
.zp-books-list-section .zp-section-header-container .section-header-right .retainer_label{
    background-color: rgb(255, 244, 222);
    border-radius: 10px;
    padding: 10px 25px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    color: var(--field_value_fc);
    margin-right: 10px;
    float: right;
}
.zp-books-list-section .dataTables_wrapper{
    overflow: hidden;
    width: calc(100% - 20px);
    margin-left: 10px;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm button.btn_clr_srch i.fa{
    color: var(--filter_input_font_color);;
    position: relative;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm button.btn_clr_srch{
    top: 8px;
    right: 10px;
    position: absolute;
    background: transparent;
    border: none;
    cursor: pointer;
}
.zp-page-title-collapse-icon{
    float: left;
    margin-left: 50px;
    margin-right: 15px;
    cursor: pointer;
}
.zp-page-title-collapse-icon svg{
    width: 15px;
}
.zp-page-title{
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: var(--heading_fc);
    float: left;
    width: fit-content;
    cursor: pointer;
}
.zp-page-description .pre-desc{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    margin-left: 40px;
    white-space: break-spaces;
    margin-bottom: 0px;
    padding-bottom: 0px;
    background-color: transparent;
    margin-top: 0px;
    border-color: transparent;
}
.title-description-section{
    margin-bottom: 40px
}


/* Ticket */
.zoho-desk-ticket-details .zp-table,
.zoho-subscription-page  .zp-table{
    margin-top: 15px;
}
.zp-ticket-list .zp-desk-module-filter{
    float: left;
}
.zp-ticket-list .zp-desk-module-filter .zp-filterticket{
    width: 200px;
    float: left;
    margin-right: 10px;
}
.zoho-desk-page .zp-section-header-container .section-header-text,
.zoho-subscription-page .zp-section-header-container .section-header-text{
    float: left;
}
.zp-tickets_list_section-section .zp-section-header-container{
    padding-bottom: 20px;
    padding-left: 50px;
    margin: 0px;
}
.zp-ticket-list .ticket-records-list{
    margin-top: 10px;
}
.ticket-records-list th{
    padding: 0px 40px !important;
}
table.dataTable tbody tr{
    background-color: transparent;
}
.zp-ticket-list .zp-section-header-container .section-header-right .zp-record-filter svg{
    background-color: rgb(255, 255, 255);
    padding: 9px;
    border-radius: 10px;
    float: left;
}
.zp-ticket-list .zp-section-header-container .section-header-right .zp-record-filter.active svg{
    background-color: rgb(239, 183, 110);
}
.zp-ticket-list .zp-section-header-container .section-header-right .zp-record-filter.active svg path{
    stroke: rgb(255, 255, 255);
}
.page-zportals .zp-ticket-reply-section .zp-input-Message{
    width: 100%;
    height: 150px;
    border-radius: 30px;
    padding: 10px 15px;
}
.zp-ticket-reply-section .zp-select-attachment-container{
    margin: 10px auto;
    width: calc(100% - 20px);
    box-shadow: none;
    border: 1px solid var(--filter_input_border_color);
}


/* Workdrive */
.zp-workdrive-page .zp-upload-document-info{
    background-color: rgb(255,252,238);
    border: 1px solid rgb(254,207,3);
    border-radius: 20px;
    height: 76px;
    margin-bottom: 30px;
}
.zp-workdrive-page .zp-upload-document-info svg{
    float: left;
    margin: 15px 20px 15px 40px;
}
.zp-workdrive-page .zp-upload-document-info .zp-upload-document-info-text{
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 15px 0px;
}

/* Vault */
.zp-zoho-vault-page .zp-module_list_section-section{
    margin-left: 0px;
    margin-right: 0px;
}

/* Chamber (Folder) Cards */
.zp-zoho-vault-page .panel-heading{
    margin-bottom: 12px;
    background-color: #f8f9fc;
    border-radius: 10px;
    height: auto;
    cursor: pointer;
    border: 1px solid #e8eaf0;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    padding: 0;
}
.zp-zoho-vault-page .panel-heading:hover{
    border-color: var(--btn_view_fc);
    box-shadow: 0 2px 8px rgba(41, 151, 255, 0.08);
}

/* Chamber Header — Flexbox Layout */
.zp-zoho-vault-page .zp-accordion-heading{
    display: flex;
    align-items: center;
    padding: 12px 16px;
    position: relative;
}
.zp-zoho-vault-page .zp-accordion-heading .panel-title{
    flex: 1;
    min-width: 0;
}
.zp-zoho-vault-page .zp-accordion-heading .chamber-name{
    display: flex;
    align-items: center;
    line-height: 1.4;
    font-family: Plus Jakarta Sans;
    font-size: 15px;
    font-weight: 600;
    color: var(--heading_fc);
    text-decoration: none;
}
.zp-zoho-vault-page .zp-accordion-heading .chamber-name:hover{
    text-decoration: none;
}
.zp-zoho-vault-page .chamber-name:focus,
.zp-zoho-vault-page .chamber-name:active{
    outline: none;
    box-shadow: none;
}

/* Chevron arrow icon */
.zp-zoho-vault-page .zp-vault-chevron{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}
.zp-zoho-vault-page .zp-vault-chevron svg{
    width: 16px;
    height: 16px;
}
.zp-zoho-vault-page .zp-vault-chevron.rotate-down{
    transform: rotate(90deg);
}

/* Folder icon */
.zp-zoho-vault-page .zp-vault-folder-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    flex-shrink: 0;
    background: rgba(41, 151, 255, 0.08);
    border-radius: 6px;
}
.zp-zoho-vault-page .zp-vault-folder-icon svg{
    width: 18px;
    height: 18px;
}

/* Chamber name text */
.zp-zoho-vault-page .zp-chamber-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Secret count badge */
.zp-zoho-vault-page .zp-vault-secret-count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    margin-left: 10px;
    border-radius: 10px;
    background: rgba(41, 151, 255, 0.1);
    color: var(--btn_view_fc);
    font-family: Plus Jakarta Sans;
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
}

/* Add secret button in chamber header */
.zp-zoho-vault-page .zp-add-scrate-section{
    height: auto;
    flex-shrink: 0;
    margin-left: 10px;
}
.zp-zoho-vault-page .zp-accordion-heading .zp-add-scrate-section a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--btn_view_fc);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background 0.15s ease;
}
.zp-zoho-vault-page .zp-accordion-heading .zp-add-scrate-section a:hover{
    background: rgba(41, 151, 255, 0.08);
}

/* Chamber collapse panel */
.zp-zoho-vault-page .zp-panel-collapse{
    display: none;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body{
    border: none;
    padding: 4px 16px 16px 16px;
}

/* Chamber description */
.zp-zoho-vault-page .zp-panel-collapse > .zp-panel-body > .ch_desc{
    font-family: Plus Jakarta Sans;
    font-size: 13px;
    font-weight: 400;
    color: var(--field_value_fc);
    display: block;
    padding: 0 0 12px 0;
    opacity: 0.7;
}

/* Child chamber indentation */
.zp-zoho-vault-page .zp-vault-child-chambers{
    border-left: 2px solid #e8eaf0;
    margin-left: 12px;
    padding-left: 12px;
}

/* Secret Cards — Container */
.zp-zoho-vault-page .zp-sub-panel-group{
    margin-bottom: 8px;
}
.zp-zoho-vault-page .zp-accordion.zp-vault-secret{
    border-radius: 10px;
    border: 1px solid #e8eaf0;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.zp-zoho-vault-page .zp-accordion.zp-vault-secret:hover{
    border-color: var(--btn_view_fc);
    box-shadow: 0 1px 4px rgba(41, 151, 255, 0.06);
}

/* Secret Card Header */
.zp-zoho-vault-page .zp-sub-panel-heading{
    display: flex;
    align-items: center;
    padding: 10px 14px;
    cursor: pointer;
    position: relative;
    background: transparent;
    height: auto;
    border-radius: 10px;
}
.zp-zoho-vault-page .zp-sub-panel-heading .panel-title.zp-accordion-title{
    flex: 1;
    min-width: 0;
}
.zp-zoho-vault-page .zp-sub-panel-heading .chamber-name{
    display: flex;
    align-items: center;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 600;
    color: var(--heading_fc);
    text-decoration: none;
}
.zp-zoho-vault-page .zp-sub-panel-heading .chamber-name:hover{
    text-decoration: none;
}

/* Secret key icon */
.zp-zoho-vault-page .zp-vault-secret-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    flex-shrink: 0;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 6px;
}
.zp-zoho-vault-page .zp-vault-secret-icon svg{
    width: 14px;
    height: 14px;
}

/* Secret chevron */
.zp-zoho-vault-page .zp-sub-panel-heading .zp-vault-chevron{
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.zp-zoho-vault-page .zp-sub-panel-heading .zp-vault-chevron svg{
    width: 14px;
    height: 14px;
}

/* Secret name */
.zp-zoho-vault-page .zp-sub-panel-heading .zp-chamber-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Kebab menu (3-dot) */
.zp-zoho-vault-page .childChmbrAction{
    flex-shrink: 0;
    margin-left: 8px;
    padding: 4px;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.15s ease;
}
.zp-zoho-vault-page .childChmbrAction:hover{
    background: rgba(0, 0, 0, 0.05);
}
.zp-zoho-vault-page .childChmbrAction .action-button{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 4px 6px;
}
.zp-zoho-vault-page .childChmbrAction .action-button svg{
    height: 4px;
    width: 4px;
}

/* Action dropdown */
.zp-zoho-vault-page .childShmbrActionSection{
    position: absolute;
    top: 100%;
    right: 14px;
    margin-top: 4px;
    padding: 4px;
    background-color: #fff;
    border-radius: 10px;
    width: max-content;
    min-width: 120px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.06);
    z-index: 10;
    display: none;
}
.zp-zoho-vault-page .childShmbrActionSection .childChambrEdit .scrateEdit{
    display: flex;
    align-items: center;
    color: var(--btn_edit_fc);
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.15s ease;
    text-decoration: none;
}
.zp-zoho-vault-page .childShmbrActionSection .childChambrEdit .scrateEdit:hover{
    background: rgba(0, 0, 0, 0.04);
}
.zp-zoho-vault-page .childShmbrActionSection .childChambrEdit .scrateEdit svg{
    height: 16px;
    width: 16px;
    margin-right: 8px;
    flex-shrink: 0;
}
.zp-zoho-vault-page .childShmbrActionSection .zp-vault-action-divider{
    height: 1px;
    background: #e8eaf0;
    margin: 2px 8px;
}
.zp-zoho-vault-page .childShmbrActionSection .deletesecrate{
    display: flex;
    align-items: center;
    color: var(--btn_delete_fc);
    font-family: Plus Jakarta Sans;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.15s ease;
    text-decoration: none;
}
.zp-zoho-vault-page .childShmbrActionSection .deletesecrate:hover{
    background: rgba(220, 38, 38, 0.04);
}
.zp-zoho-vault-page .childShmbrActionSection .deletesecrate svg{
    height: 16px;
    width: 16px;
    margin-right: 8px;
    flex-shrink: 0;
}

/* Secret Expanded Details */
.zp-zoho-vault-page .secret-details-section{
    display: none;
}
.zp-zoho-vault-page .secret-details-section .zp-panel-body{
    background-color: #fafbfc;
    border-top: 1px solid #e8eaf0;
    border-radius: 0 0 10px 10px;
    padding: 4px 14px !important;
}
/* Reset any WP/Bootstrap inherited styles inside vault details */
.zp-zoho-vault-page .secret-details-section .zp-panel-body *{
    box-sizing: border-box;
}
.zp-zoho-vault-page .secret-details-section .chamber-container{
    margin: 0 !important;
    padding: 0 !important;
}

/* Description block */
.zp-zoho-vault-page .zp-vault-description-block{
    background: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    padding: 4px 10px;
    margin: 0 0 4px 0;
}
.zp-zoho-vault-page .zp-vault-description-block .ch_desc{
    font-family: Plus Jakarta Sans;
    font-size: 13px;
    font-weight: 400;
    color: var(--field_value_fc);
    opacity: 0.7;
    margin: 0;
    padding: 0;
    display: block;
}
.zp-zoho-vault-page .zp-vault-description-block .ch_desc_label{
    display: none;
}

/* Credential Rows */
.zp-zoho-vault-page .js-sc-data-container{
    display: flex;
    flex-direction: column;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.zp-zoho-vault-page .zp-secret-data{
    display: flex !important;
    align-items: baseline;
    padding: 2px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f1f5;
    min-height: 0 !important;
    height: auto !important;
}
.zp-zoho-vault-page .zp-secret-data:last-of-type{
    border-bottom: none;
}
.zp-zoho-vault-page .zp-secret-data .un-label,
.zp-zoho-vault-page .zp-secret-data .pw-label{
    font-family: Plus Jakarta Sans;
    font-size: 13px;
    font-weight: 600;
    color: var(--field_label_fc);
    width: 120px;
    min-width: 120px;
    flex-shrink: 0;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    height: auto;
    border: 0;
    background: transparent;
}
.zp-zoho-vault-page .zp-secret-data .un-label .label_divider{
    display: none;
}
.zp-zoho-vault-page .zp-secret-data .un-value,
.zp-zoho-vault-page .zp-secret-data .pw-value{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
    color: var(--field_value_fc);
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: transparent;
    line-height: 1.4;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1;
    min-width: 0;
    float: none;
    height: auto;
    border: 0;
}
.zp-zoho-vault-page .zp-secret-data .un-value .hidden_data{
    color: #9ca3af;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 1.4;
    display: inline;
}

/* URL row */
.zp-zoho-vault-page .zp-secret-url{
    display: flex;
    align-items: baseline;
    padding: 5px 0;
    margin: 0;
}
.zp-zoho-vault-page .zp-secret-url .zp-vault-url-label{
    font-family: Plus Jakarta Sans;
    font-size: 13px;
    font-weight: 600;
    color: var(--field_label_fc);
    width: 120px;
    min-width: 120px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}
.zp-zoho-vault-page .zp-secret-url .zp-vault-url{
    font-size: 14px;
    font-family: Plus Jakarta Sans;
    color: var(--btn_view_fc);
    word-break: break-all;
    text-decoration: none;
}
.zp-zoho-vault-page .zp-secret-url .zp-vault-url:hover{
    text-decoration: underline;
}

/* Show/Hide Toggle Button */
.zp-zoho-vault-page .zp-vault-reveal-toggle{
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    margin-top: 0;
    border-top: 1px solid #f0f1f5;
}
.zp-zoho-vault-page .js-decode,
.zp-zoho-vault-page .js-show-encoded-data{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 6px;
    font-family: Plus Jakarta Sans;
    font-size: 13px;
    font-weight: 500;
    color: var(--btn_view_fc);
    transition: background 0.15s ease;
}
.zp-zoho-vault-page .js-decode:hover,
.zp-zoho-vault-page .js-show-encoded-data:hover{
    background: rgba(41, 151, 255, 0.06);
}
.zp-zoho-vault-page .js-decode svg,
.zp-zoho-vault-page .js-show-encoded-data svg{
    height: 18px;
    width: 18px;
}
.zp-zoho-vault-page .js-show-encoded-data{
    display: none;
}

/* Copy-to-Clipboard Button */
.zp-zoho-vault-page .zp-vault-copy-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: #9ca3af;
    transition: background 0.15s ease, color 0.15s ease;
    padding: 0;
    margin-left: 8px;
    flex-shrink: 0;
}
.zp-zoho-vault-page .zp-vault-copy-btn:hover{
    background: rgba(41, 151, 255, 0.08);
    color: var(--btn_view_fc);
}
.zp-zoho-vault-page .zp-vault-copy-btn.copied{
    color: #22c55e;
}
.zp-zoho-vault-page .zp-vault-copy-btn svg{
    width: 16px;
    height: 16px;
}

/* Submit button disabled state */
.page-zportals .zp-submit-btn:disabled{
    background-color: #2997ffcc;
    border: solid 1px #2997ffcc;
}

/* No secrets found message within chamber */
.zp-zoho-vault-page .zp-alert{
    margin: 8px 0;
}

/* Vault Responsive */
@media only screen and (max-width: 768px){
    .zp-zoho-vault-page .zp-secret-data{
        flex-direction: column;
        align-items: flex-start;
        gap: 1px;
    }
    .zp-zoho-vault-page .zp-secret-data .un-label,
    .zp-zoho-vault-page .zp-secret-data .pw-label{
        width: auto;
        min-width: auto;
    }
    .zp-zoho-vault-page .zp-secret-url{
        flex-direction: column;
        align-items: flex-start;
        gap: 1px;
    }
    .zp-zoho-vault-page .zp-secret-url .zp-vault-url-label{
        width: auto;
        min-width: auto;
    }
    .zp-zoho-vault-page .zp-panel-collapse .zp-panel-body{
        padding: 4px 10px 10px 10px;
    }
    .zp-zoho-vault-page .secret-details-section .zp-panel-body{
        padding: 4px 10px !important;
    }
    .zp-zoho-vault-page .zp-vault-child-chambers{
        margin-left: 6px;
        padding-left: 8px;
    }
}
@media only screen and (max-width: 450px){
    .zp-zoho-vault-page .zp-vault-secret-count{
        display: none;
    }
    .zp-zoho-vault-page .zp-accordion-heading .chamber-name{
        font-size: 14px;
    }
}

/* Vault Form — Password Toggle */
.zp-vault-password-input-wrapper{
    position: relative;
    display: flex;
    align-items: center;
}
.zp-vault-password-input-wrapper .zp-input-field{
    padding-right: 40px;
}
.zp-vault-toggle-password{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    padding: 4px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease;
}
.zp-vault-toggle-password:hover{
    color: var(--btn_view_fc);
}




/* desk */
.zp-ticket-list .zp-desk-module-filter{
    background-color: var(--table_filter_section_color);
    border: 1px solid var(--filter_section_border_color);
    border-radius: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}
.zp-ticket-list .dataTables_wrapper{
    margin-top: 10px;
}
.zp-ticket-list .zp-desk-module-filter form{
    padding: 5px 40px 13px 40px;
}
.zp-ticket-list .zp-desk-module-filter form .zp-filterticket{
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 10px;
    max-width: fit-content;
    width: 100%;
    position: relative;
}
.zp-ticket-list .zp-desk-module-filter form .zp-filterticket input:not(.btn):not([type="hidden"]):not(.select2-search__field){
    min-width: 220px;
    max-width: 100%;
    height: 40px;
    margin-right: 10px;
    border-radius: 10px;
    padding-left: 10px;
    color: var(--filter_input_font_color);
    border: 1px solid var(--filter_input_border_color);
}
.zp-ticket-list .zp-desk-module-filter form .zp-filterticket select{
    min-width: 220px;
    width: 100%;
}
.zp-ticket-list .zp-desk-module-filter form .zp-filterticket .select2-selection{
    min-width: 210px;
    max-width: 100%;
    height: 40px;
    margin-right: 10px;
    border-radius: 10px;
    border: 1px solid var(--filter_input_border_color);
}
.select2-container .select2-selection--single .select2-selection__rendered{
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0px 10px;
    width: 100%;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 16px;
}
.zp-filterticket .select2-container .select2-selection--single .select2-selection__rendered{
    height: 40px;
    line-height: 40px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 5px;
    right: 15px;
}
.zp-ticket-list .zp-desk-module-filter form .zp-save-button{
    background-color: var(--btn_view_fc);
    border-radius: 10px;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    padding-left: 23px;
    padding-right: 23px;
    margin-left: 5px;
}
.ticket-records-list td a{
    color: var(--btn_view_fc);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
}
.ticket-records-list td{
    color: var(--field_value_fc);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
}
.ticket-records-list .status i{
    padding: 3px 5px 0px 0px;
}
.ticket-records-list .status{
    position: relative;
    z-index: 1;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border-radius: 30px;
    border: solid 1px rgb(204 204 204);
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.ticket-records-list .open_status_badge{
    /* position: relative;
    z-index: 1;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px; */
    color: rgb(38, 141, 221);
    border: 1px solid rgb(38, 141, 221);
}
/* .ticket-records-list .open_status_badge i{
    padding: 3px 5px 0px 0px;
} */
.ticket-records-list .hold_status_badge{
    /* position: relative;
    z-index: 1;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px; */
    color: rgb(148, 165, 166);
    border: 1px solid rgb(148, 165, 166);
}
/* .ticket-records-list .hold_status_badge i{
    padding: 3px 5px 0px 0px;
} */
.ticket-records-list .escalated_status_badge{
    /* position: relative;
    z-index: 1;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px; */
    color: rgb(26, 175, 93);
    border: 1px solid rgb(26 175 93);
}
/* .ticket-records-list .escalated_status_badge i{
    padding: 3px 5px 0px 0px;
} */
.ticket-records-list .client_status_badge{
    /* position: relative;
    z-index: 1;
    word-break: keep-all;
    padding: 4px 13px;
    text-align: center;
    width: max-content;
    border-radius: 30px;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px; */
    color: rgb(247 104 49);
    border: 1px solid rgb(247 104 49);
}
/* .ticket-records-list .client_status_badge i{
    padding: 3px 5px 0px 0px;
} */
.zp-tickets_list_section-section .dataTables_wrapper .dataTables_paginate{
    padding-right: 25px;
}
.zp-tickets_list_section-section{
    margin-right: 0px;
    margin-left: 0px;
}
.zp-ticket-list .zp-module_list_section-section{
    margin-left: 0px;
    margin-right: 0px;
}
.zwd-document-list{
    margin-left: 0px;
    margin-right: 0px;
}
.zwd-document-list .zp-document-list .drive-items-list td{
    color: var(--field_value_fc);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
}
.zwd-document-list .zp-document-list th{
    padding: 10px 16px;
}
.drive-wrapper{
    background-color: transparent;
}
.zwd-document-list .zp-document-list .drive-items-list td a{
    color: var(--btn_view_fc);
}


.zp-modal-wraper .zp-page-content {
    width: 100%;
    padding: 0 24px 24px;
    margin: 0;
}
.zp-modal-wraper .zp-record-edit .zp-section-row.zp-normal-section {
    padding: 0;
}

/* Gallery view */
.zp-gallery-list-view{
    margin-left: -10px;
    margin-right: -10px;
}
.module-list-gallery .loading-one {
    height: 200px;
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}

.module-list-gallery .loading-one,
.module-list-gallery .loading-att-sldr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgb(0 0 0 / 14%);
}

.module-list-gallery .loading-one .loader {
    margin: 51px auto;
}

.module-list-gallery .zp-record-photo-con{
    position: relative;
}

.module-list-gallery .zp-module-list-item .loading-one {
    height: 100%;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    border-radius: 15px;
}

.module-list-gallery .zp-record-photo-con .zp-record-photo{
    display: block;
    border-radius: 30px 30px 0px 0px;
    max-width: 100%;
}

.module-list-gallery .zp-module-list-item .loading-one .loader {
    margin: 48px auto;
}

.module-list-gallery .zp-module-list-item{
    position: relative;
    margin: 10px 10px 30px;
    float: left;
    border: solid 1px #ccc;
    border-radius: 30px;
}

.module-list-gallery .zp-module-list-item .zp-action-column-button {
    display: grid;
    width: 33px;
    position: absolute;
    padding: 10px 15px;
    border-radius: 10px;
    cursor: pointer;
    z-index: 2;
    top: 4px;
    right: 2px;
    color: var(--btn_view_fc);
}
.module-list-gallery .zp-module-list-item .zp-action-column-button svg{
    height: 5px;
    width: 5px;
    margin: 1px 0px;
}
.module-list-gallery .zp-module-list-item .action-con {
    position: absolute;
    background: rgb(255 255 255);
    padding: 8px 6px;
    border-radius: 20px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    z-index: 2;
    top: 12px;
    right: 12px;
    width: 125px;
}
.module-list-gallery .zp-module-list-item .action-con a{
    display: block;
    width: 100%;
    display: block;
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    padding: 5px 10px;
    text-align: justify;
    line-height: 20px;
    float: none;
    font-size: 14px;
    margin-bottom: 5px;
}
.module-list-gallery .zp-module-list-item .action-con a svg{
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}
.module-list-gallery .zp-module-list-item .action-con a .zp-edit-text{
    color: var(--btn_view_fc);
}
.module-list-gallery .zp-module-list-item .action-con a .zp-delete-text{
    color: var(--btn_delete_fc);
}

.module-list-gallery .zp-module-list-item .title{
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-weight: 600;
    color: #000E4E;
}
.module-list-gallery .zp-module-list-item .zp-record-content{
    padding: 0px 15px 15px 15px;
}
.module-list-gallery .zp-module-list-item .zp-list-field-container{
    margin-top: 10px;
}
.module-list-gallery .zp-module-list-item .zp-list-field-data>*{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0px;
    border-radius: 15px;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
    width: 100%;
    display: block;
}
.module-list-gallery .zp-module-list-item .zp-list-field-label{
    float: left;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 5px;
}
.module-list-gallery .zp-module-list-item .zp-list-field-data{
    float: left;
    width: 100%;
}
.module-list-gallery .zp-module-list-item .title a{
    color: #000E4E;
}
.zp-table tbody td.zp-action-column .action-column-body a{
    color: var(--btn_view_fc);
}
.zp-gallery-list-view .module-filter{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.module-list-gallery .zp-custom-paginate>* {
    float: left;
}
.module-list-gallery .zp-custom-paginate {
    width: max-content;
    background: var(--btn_submit_bg_color);;
    padding: 7px;
    padding-right: 5px;
    float: right;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 15px;
    max-width: 100%;
}
.module-list-gallery .zp-custom-paginate span,
.module-list-gallery .zp-custom-paginate a {
    padding: 7px 15px;
    margin-left: 0px;
    cursor: pointer;
    color: rgb(255 255 255);
    /* float: left; */
}
.module-list-gallery .zp-custom-paginate a:hover,
.module-list-gallery .zp-custom-paginate a.current {
    background: rgb(255 255 255);
    color: rgb(0 0 0);
}



.zp-custom-btn{
    background-color: var(--btn_submit_bg_color);
    color: var(--btn_submit_fc);
    padding: 6px 23px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    margin-left: 15px;
    margin-bottom: 15px;
}
.zp-custom-btn-bottom-left{
    margin-top: 20px;
    float: left;
    width: 50%;
}
.zp-custom-btn-bottom-left .zp-custom-btn{
    float: left;
}
.zp-custom-btn-bottom-right{
    float: right;
    margin-top: 20px;
    width: 50%;
}
.zp-custom-btn-bottom-right .zp-custom-btn{
    float: right;
}

/* Invite user page */
/* .ccgclientportal-content.inviteduser{
    float: left;
    width: 100%;
} */
.zp-invite-user-page.zp-page-wraper{
    padding: 50px;
}
.zp-invite-user-page.zp-page-wraper #signup-form .ibox-content{
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 45px;
    font-size: 14px;
    margin: 0px auto;
    width: 100%;
    max-width: 1280px;
    border-radius: 16px;
    background: var(--portal_primary_bg_color);
    float: none;
    
}
.zp-invite-user-page.zp-page-wraper #signup-form .ibox-content #SignUp{
    width: 650px;
    margin: 100px auto;
    padding: 100px;
    border: solid 1px rgb(233 233 233);
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    z-index: 1;
    display: block;
    position: relative;
    /* margin-top: -300px; */
}
.zp-invite-user-page.zp-page-wraper #signup-form .ibox-content h4.zp-invite-user-title{
    line-height: 24px;
    float: left;
    margin-bottom: 42px;
    width: 100%;
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    font-weight: 600;
    color: var(--heading_fc);
    padding-left: 0px;
    padding-bottom: 0px;
}
.zp-invite-user-page.zp-page-wraper #signup-form .ibox-content #addinviteduser{
    width: calc(100% - 50px);
    margin: 25px 25px 0px 25px;
    background-color: var(--btn_view_fc);
    color: rgb(255, 255, 255);
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
}
.zp-record-details .zp-section-header-container .section-header-right .zp-edit-icon svg {
    background-color: rgb(255 255 255);
    box-shadow: 0px 0px 25px 0px rgb(221 221 221);
    padding: 5px;
    border-radius: 10px;
    height: 30px;
    width: 30px;
    margin-right: 10px;
}
.zp-page-wraper .zp-modal-close-button {
    z-index: 10;
}
.zp-modal-wraper .zp-record-edit .zp-section-header-container svg#caret-down-fill {
    float: none;
    margin-right: 0;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.zp-modal-wraper .zp-record-edit .zp-attachment-upload-section .zp-section-header-container {
    margin-left: 0;
    margin-bottom: 16px;
}

/* ── Modal record-edit: modern form design ───────────────────────────── */

/* Section headers — compact divider style */
.zp-modal-wraper .zp-record-edit .zp-section-row.zp-normal-section .zp-section-header-container {
    margin-left: 0;
    padding: 16px 0 0;
}
.zp-modal-wraper .zp-record-edit .section-header-text {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    width: 100%;
    float: none;
}
.zp-modal-wraper .zp-record-edit .section-header-title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.09em;
    opacity: 0.38;
    float: none;
}

/* Field spacing — tighter than full page */
.zp-modal-wraper .zp-record-edit .zp-section-row .zp-field-details-section {
    margin-top: 18px;
}

/* Input font size */
.zp-modal-wraper .zp-record-edit .zp-section-row .zp-field-edit-container .zp-input-field {
    font-size: 14px;
}

/* Input focus ring */
.zp-modal-wraper .zp-record-edit .zp-section-row .zp-field-edit-container .zp-input-field:focus {
    border-color: var(--btn_submit_bg_color);
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--btn_submit_bg_color) 15%, transparent);
}

/* Button row */
.zp-modal-wraper .zp-record-edit .zp-btn-section {
    float: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 16px 0 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin-bottom: 0;
    margin-right: 0;
}
.zp-modal-wraper .zp-edit-cancel-btn {
    padding: 8px 20px;
    font-size: 13px !important;
    border-radius: 8px;
    font-weight: 600;
    order: 1;
}
.zp-modal-wraper .zp-submit-btn {
    padding: 8px 20px;
    font-size: 13px !important;
    border-radius: 8px;
    font-weight: 600;
    order: 2;
}

/* ── End modal record-edit ───────────────────────────────────────────── */
.sub-plans-page{
    margin-left: -5px;
    margin-right: -35px;
}
.zp-custom-btn:hover, .zp-custom-btn:focus{
    color: rgb(255,255,255);
    text-decoration: none;
}
.page-zportals .zp-auth-page .login-form-footer .zp-btn-reset:focus, .page-zportals .zp-auth-page .login-form-footer .zp-btn-login:focus, .page-zportals .zp-auth-page .login-form-footer .zp-btn-reset:focus-visible, .page-zportals .zp-auth-page .login-form-footer .zp-btn-login:focus-visible{
    outline: none;
}


#colorbox .zp-lookup-search .searchstr{
    border: 1px solid #E6E6E6;
    padding: 7px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    width: 250px;
    float: left;
    height: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#colorbox .zp-lookup-search .searchrecord{
    background-color: var(--btn_submit_bg_color);
    color: var(--btn_submit_fc);
    padding: 7px 23px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    margin-right: 15px;
    letter-spacing: 0px;
    text-transform: none;
    border-radius: 10px;
    height: 40px;
}
#colorbox .zp-lookup-search .resetrecord{
    padding: 7px 23px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px;
    letter-spacing: 0px;
    text-transform: none;
    border-radius: 10px;
    height: 40px;
}
#colorbox .zp-assign-related_record,
#colorbox .zp-btn-selectrecord{
    float: right;
}
#colorbox .close-modalLkp{
    color: var(--btn_delete_fc);
    border: 1px solid var(--btn_delete_fc);
    padding: 6px 23px;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    float: right;
}
.zp-datatype-profileimage .zp-image-preview{
    width: 120px;
    max-width: 100%;
}

.page-zportals .scroll-to-the-top {
    display: none;
    padding: 12px;
    background: #2997FF;
    border-radius: 60px;
    color: #FFFF;
    font-size: 18px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1111;
    height: 40px;
    width: 40px;
}
.zp-secret-list-header{
    margin-bottom: 20px;
}
.zp-activity-title, .zp-activity_field_data, .zp-activity-data{
    color: #777777;
    font-weight: 400;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    display: block;
    font-size: 16px;
}
.zoho-desk-page .zp-table tbody tr td{
    color: var(--field_value_fc);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
}
.zoho-desk-page .zp-table tbody tr td a{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
}
.zoho-thread-details-page .zp-thread-info{
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
}
.zoho-thread-details-page .zp-section-row .zp-section-content .zp-left-section{
    width: 100%;
    margin-left: 0px;
}


/* Richtext fullscreen */
.zp-page-wraper .zp-datatype-textarea .zp-field-edit-container{
    position: unset;
}
.zp-page-wraper .zp-datatype-textarea .wp-editor-wrap{
    position: unset;
}
.zp-page-wraper .zp-datatype-textarea .wp-editor-container .mce-fullscreen{
    position: absolute;
    width: 100%;
    height: auto;
}
/* Richtext fullscreen */

img{
    max-width: 100%;
}

.zp-zoho-vault-page .zp-section-row{
    margin-bottom: 40px;
}
.zp-lookup-input-group{
    display: flex;
}
.zp-lookup-input-group .remove-input{
    margin-top: 10px;
    margin-left: 5px;
    color: var(--btn_delete_fc);
}

.zp-file-preview-container{
    height: max-content;
    width: max-content;
    max-width: 100%;
}
.zp-file-preview-item{
    border-radius: 20px;
    background: linear-gradient(to bottom, #eee, #ddd);
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}
.zp-file-info-container{
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    color: rgba(0, 0, 0, .9);
    line-height: 150%;
}
.zp-dropzone-file-size{
        background-color: rgba(255, 255, 255, .4);
        padding: 0 .4em;
        border-radius: 3px;
        font-size: 16px;
}
.zp-dropzone-file-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    box-sizing: border-box;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    line-height: 150%;
    font-size: 13px;
    background-color: rgba(255, 255, 255, .4);
    padding: 0 .4em;
    border-radius: 3px;
    border: 1px solid transparent;
}
.zp-file-preview-item img{
    max-width: 120px;
    max-height: 120px;
    display: block;
    margin: 0px auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    height: 100%;
}
.zp-table thead th {
    vertical-align: middle;
}
.zp-note-item .zp-note-item-content pre{
    border-color: transparent;
}
.zp-note-ex-file .zp-note-ex-file-label{
    width: calc(100% - 35px);
}


/* Media CSS */
@media only screen and (max-width: 2700px) {
    
}

@media only screen and (min-width: 1700px) and (max-width: 2000px) {

}

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

}

@media only screen and (max-width: 1700px) {
    .zp-ticket-add-page.zp-record-edit .zp-section-row .zp-field-details-section{
        width: calc(100% - 10px);
        margin-left: 0px;
    }
    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-single-section{
        margin-left: -10px;
    }
    .zp-ticket-add-page.zp-record-edit .zp-section-content {
        margin-right: -10px;
        margin-left: 10px;
    }
    .zp-ticket-add-page.zp-record-edit .zp-section-row.zp-single-section .zp-field-details-section.description-field-section {
        width: calc(100% - 10px);
        margin-left: 10px;
    }
}

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

}

@media only screen and (max-width: 1260px) {
    .zp-page-wraper{
        margin: 20px;
        width: calc(100% - 40px);
        float: left;
    }
    .zp-sign-up-page .login-form{
        width: 50%;
        padding: 50px;
    }
    .zp-element-text-block .zp-element-header{
        padding: 150px 0px 0px 50px;
    }
    .zp-row .zp-col-12.zp-element-quicklink{
        width: calc(100% - 5px);
    }
    .zp-element-quicklink .zp-element-content{
        width: 100%;
    }
    .zp-quicklink-item a {
        font-size: 14px;
    }
    .zp-element-text-block pre.zp-text-pre{
        font-size: 17px;
    }
    .zp-element-quicklink .zp-element-header{
        padding: 12px 15px 8px 15px;
    }
    .zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-header{
        padding: 12px 15px 8px 15px;
    }
    .zp-element-video .zp-element-header{
        margin-right: 0px;
        padding: 0px 15px 8px 15px;
    }
    .zp-row .zp-element-account-manager{
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .zp-acm-item.zp-acm-email .zp-acm_data{
        width: calc(100% - 56px);
    }
    .zp-acm-item.zp-acm-address .zp-acm_data, 
    .zp-acm-item.zp-acm-email .zp-acm_data, 
    .zp-acm-item.zp-acm-phone .zp-acm_data, 
    .zp-acm-item.zp-acm-mobile .zp-acm_data{
        font-size: 17px;
    }

    .zp-section-row .zp-field-data pre{
        word-break: break-all;
    }
    #dropzoneFileUpload{
        width: calc(100% - 180px);
        margin-left: 90px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm form{
        width: 215px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm button[type="submit"]{
        right: 175px;
    }
    .dataTables_filter .zp-datatable-search{
        width: 215px;
    }
    .dataTables_filter .zp-datatable-search button[type="submit"]{
        right: 174px;
    }
    .zp-record-list-page #setupfltr_form .filternewdesignModule .zp-form-control{
        min-width: 190px;
    }
    .zp-record-list-page #setupfltr_form .filternewdesignModule .select2-selection{
        min-width: 190px;
    }
    .zp-books-list-section .zp-section-header-container .section-header-right .retainer_label{
        padding: 10px 15px;
        font-size: 16px;
    }
    .zp-dashboard-page .zp-element-text-block .zp-element-header{
        margin-top: 0px;
        margin-top: 50px;
        padding: 0px 30px 0px 60px;
        word-break: break-word;
    }
    .zp-page-content .zp-col-9.zp-element.zp-element-text-block .zp-element-header{
        padding: 0px 10px 0px 10px;
    }
    /* .zp-element-text-block .zp-element-content{
        margin-top: -214px;
    } */
    .zp-record-list-page .dataTables_wrapper .dataTables_length{
        margin-top: -45px !important;
    }
    .zp-record-list-page .dataTables_wrapper .dataTables_paginate{
        text-align: right;
    }
    .zp-element-banner .zp-slider-image{
        height: 350px;
    }
    .zp-element-banner .fa.fa-arrow-left, .zp-element-banner .fa.fa-arrow-right{
        top: 152px;
    }
    .zp-workdrive-page .zp-upload-document-info{
        height: auto;
    }
    .zp-workdrive-page .zp-upload-document-info svg{
        margin: 15px;
    }
    .dataTables_wrapper{
        overflow: auto;
    }
    /* .zp-invite-user-page.zp-page-wraper #signup-form .ibox-content #SignUp{
        margin-top: -225px;
    } */
    /* .zoho-desk-page .zp-section-header-container .section-header-text{
        width: 50%;
    }
    .zoho-desk-page .zp-section-header-container .section-header-right{
        width: 50%;
    } */
    .zp-page-content .zp-col-9.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item{
        padding: 8px 15px;
    }
    .zp-page-content .zp-col-8.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-record-details .zp-element-text-block .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-header{
        padding: 0px 20px 0px 20px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element-text-block .zp-element-header{
        margin-bottom: 10px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element-video .zp-element-content{
        margin-top: 0px;
    }


    @media screen and (min-width: 1000px) {
        .cust-pagination-button-section{
            float: none;
        }
        .dataTables_wrapper .dataTables_paginate .paginate_button.next{
            margin-right: 30px;
        }
        .zp-related_module_section-section .dataTables_wrapper .dataTables_paginate .paginate_button.next{
            margin-right: 0px;
        }
        /* .zp-record-list-page .zp-section-header-container .section-header-text{
            width: 50%;
        }
        .zp-record-list-page .zp-section-header-container .section-header-right{
            width: 50%;
        } */
        
    }
}

@media only screen and (max-width: 1000px) {
    .zp-dashboard-page .zp-element{
        min-height: auto;
        margin-bottom: 50px;
    }

    .zp-page-content .zp-table th.zp-list-action-th,
    .zp-page-content .zp-table tbody td.zp-action-column {
        width: auto;
    }

    .zp-page-content .zp-table tbody td.zp-action-column {
        padding: 8px 10px;
    }

    .zp-login-page .login-form {
        max-width: 100%;
        padding: 40px;
    }

    .zp-sign-up-page>img {
        display: none;
    }

    .zp-sign-up-page .login-form {
        width: 100%;
    }

    /* Split layout collapses to stacked */
    .zp-auth-layout-split{
        flex-direction: column;
    }
    .zp-auth-layout-split.zp-auth-split-right{
        flex-direction: column;
    }
    .zp-auth-layout-split .zp-auth-split-panel{
        min-height: 220px;
        flex: none;
    }
    .zp-auth-layout-split .zp-auth-form-panel{
        min-height: auto;
        padding: 30px 20px;
    }

    .zp-reset-password-page #zp-reset-password {
        max-width: 80%;
        /* margin-top: -145px; */
        padding: 50px;
    }

    /* Grid: collapse to single column, sidebar becomes fixed overlay */
    .zp-page-wraper {
        grid-template-columns: 1fr;
    }

    .zp-side-nav {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        width: var(--zp-sidebar-width, 220px);
        box-shadow: 4px 0 20px rgba(0,0,0,0.25);
    }

    /* Nav overlay backdrop — shown when sidebar is open on mobile */
    .zp-nav-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 9998;
        display: none;
        cursor: pointer;
    }

    body.zp-nav-open .zp-nav-overlay {
        display: block;
    }

    body.zp-nav-open .zp-side-nav {
        display: flex;
        flex-direction: column;
        height: 100vh;
        overflow-y: auto;
    }

    /* Show sidebar close button on mobile */
    .zp-sidebar-close {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
    }
    .zp-sidebar-close:hover {
        background: rgba(255, 255, 255, 0.1);
        color: var(--menu_fc);
    }

    .zp-top-bar {
        grid-column: 1;
    }

    .zp-page-content {
        grid-column: 1;
        float: none;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    /* List page header: stack title above buttons on mobile */
    .zp-record-list-page .zp-record-list-section .zp-section-header-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding-bottom: 16px;
    }
    .zp-record-list-page .zp-record-list-section .section-header-right {
        width: 100%;
        flex-wrap: wrap;
    }

    .zp-top-bar .zp-portal-title {
        /* display: none; We can't do this! */
        font-size: 15px;
        line-height: 18px;
        margin-top: 10px;
    }

    /* Show hamburger on mobile */
    .zp-top-bar .zp-side-nav-toggle {
        display: block;
        float: none;
        margin: 0;
    }

    /* Hide topbar search on mobile — not enough space */
    #universal-search-form {
        display: none;
    }

    .zp-element-text-block .zp-element-header {
        width: 100%;
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 10px;
        padding-top: 0px;
        padding-left: 0px;
    }

    .zp-element-text-block .zp-element-content {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .zp-element-text-block pre.zp-text-pre {
        font-size: 14px;
        padding: 0px;
    }

    .zp-element-quicklink .zp-element-header {
        width: 100%;
        margin-top: 0px;
        padding: 12px 15px 8px 15px;
        font-size: 16px;
    }

    .zp-element-quicklink .zp-element-content {
        width: 100%;
    }

    .zp-page-content:not(.zp-dashboard-page) .zp-element {
        width: 100%;
    }

    .zp-element-quicklink .zp-element-content .zp-quicklink-item {
        width: 100%;
    }

    .zp-element-quicklink .zp-element-content .zp-quicklink-item:nth-child(odd) {
        margin: 2px 0px;
    }

    .zp-element-quicklink .zp-element-content .zp-quicklink-item:nth-child(even) {
        margin: 2px 0px;
    }

    .zp-dashboard-page .zp-element-quicklink .zp-element-content .zp-quicklink-item {
        width: 100%;
        margin: 2px 0px;
    }

    .zp-element-video .zp-element-header {
        float: left;
    }

    .zp-quicklink-item svg {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .zp-quicklink-item a {
        font-size: 14px;
    }

    .zp-element-video .zp-element-header {
        margin-top: 0px;
        padding: 0px 15px 8px 15px;
        font-size: 16px;
        width: 100%;
    }

    .zp-element-video .zp-element-header svg {
        margin-bottom: 0px;
    }

    .zp-element-video .zp-element-content {
        width: 100%;
        position: relative;
        margin-top: 0px;
    }

    .zp-row .zp-element-account-manager {
        margin-top: 0px;
    }

    .zp-element-account-manager img {
        display: none;
    }

    .zp-acm-item.zp-acm-first-name .zp-acm_data {
        font-size: 24px;
    }

    .zp-acm-item.zp-acm-manager .zp-acm_data {
        font-size: 14px;
    }

    .zp-element-account-manager .zp-element-content {
        padding: 15px;
        float: none;
        width: 100%;
    }

    .zp-element-banner .zp-non-slider-image{
        width: 100%;
    }

    /* .zp-acm-phone,
    .zp-acm-email,
    .zp-acm-address,
    .zp-acm-mobile {
        margin-left: -200px;
    } */

    .zp-acm-phone {
        padding-top: 45px;
    }

    .zp-acm-address {
        padding-bottom: 30px;
    }

    .zp-row .zp-element-iframe {
        padding: 15px;
    }

    .zp-row .zp-element-iframe .zp-element-header {
        font-size: 24px;
    }

    .zp-dashboard-page .zp-element-text-block .zp-element-header {
        margin-top: 0px;
    }

    .zp-child-account-section {
        border-radius: 10px;
    }

    .zp-top-bar .zp-child-account-item {
        font-size: 14px;
    }

    .zp-child-account-search .zp-search-child-account {
        font-size: 15px;
        top: 43px;
    }

    .zp-profile-menu {
        right: 0px;
        z-index: 3;
    }

    /* details page */
    .zp-section-row .zp-table tbody tr td pre {
        padding: 10px 20px;
    }

    .zp-record-details .zp-section-row {
        padding-left: 0px;
    }

    .zp-record-details .zp-section-row .zp-table.zp-subform-record-list tbody tr td pre {
        padding: 0px 20px;
    }

    .zp-section-row .section-header-title {
        font-family: Plus Jakarta Sans;
        font-size: 24px;
        font-weight: 600;
    }

    .zp-section-row .zp-field-data pre {
        font-size: 14px;
    }

    .zp-section-row .zp-field-data .click-dis {
        width: 14px;
        height: 14px;
    }

    .zp-section-row .zp-field-data a {
        font-size: 14px;
        margin-top: 0px;
        width: max-content;
        max-width: 50%;
    }

    .zp-subform-record-list td:before {
        padding-left: 4px;
        font-size: 16px;
        font-family: Plus Jakarta Sans;
        font-weight: 600;
        color: var(--heading_fc);
    }

    .zp-table tbody tr td pre {
        font-size: 14px;
    }

    /* .zp-table tbody tr td a:first-child{
    padding-top: 35px;
    } */
    .zp-table tbody tr td a span {
        font-size: 14px;
    }

    .zp-section-row .zp-field-data .click-dis {
        margin-top: 40px;
        margin-left: 2px;
    }

    .zp-section-row .zp-field-data .click-dis {
        margin-top: 8px;
    }

    .zp-section-row .zp-field-data table .click-dis {
        margin-top: 40px;
    }

    .zp-page-content.zp-record-details {
        width: 100%;
    }

    .zp-record-details .zp-field-data input[type=checkbox] {
        margin: 8px 0px;
    }

    .zp-record-details .zp-field-details-section {
        margin-top: 10px;
    }

    .zp-record-details .zp-field-details-section.zp-datatype-boolean {
        padding-top: 30px;
    }

    .zp-datatype-subform .zp-field-data {
        margin-left: 0px;
        margin-top: 10px;
        margin-right: 5px;
    }

    .zp-table tbody tr td {
        text-align: right;
        padding: 8px 10px;
        min-height: 35px;
    }

    .zp-table tbody tr td .select2-container .select2-selection--single .select2-selection__rendered {
        text-align: left;
    }

    .zp-record-details .section-attachment-container {
        width: calc(100% - 10px);
    }

    .zp-record-details .section-attachment-container table tbody td {
        padding: 15px 20px 17px 20px;
        font-size: 14px;
    }

    .zp-record-details .section-attachment-container table tbody td:before {
        top: 15px;
        left: 20px;
        font-family: Plus Jakarta Sans;
        font-size: 16px;
        color: var(--heading_fc);
    }

    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-single-section.zp-normal-section {
        margin-left: -10px;
    }

    .zp-section-row .zp-section-content .zp-left-section {
        width: calc(50% - 0px);
        margin: 0px 0px;
    }

    .zp-section-row.zp-single-section .zp-section-content .zp-left-section {
        width: calc(100% - 10px);
    }

    .zp-section-row .zp-section-content .zp-right-section .zp-field-details-section {
        width: calc(100% - 20px);
    }

    .zp-record-details .zp-related_module_section-section .zp-section-content {
        margin-left: 10px;
    }

    .zp-record-list-section {
        margin-left: 0px;
        margin-right: 0px;
    }

    .zp-record-list-section td:before,
    .zp-related_module_section-section td:before,
    .ticket-records-list td:before {
        content: attr(data-th);
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 44%;
        font-size: 13px;
        font-family: Plus Jakarta Sans;
        font-weight: 600;
        color: var(--heading_fc);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist .field_value {
        text-align: center;
        width: max-content;
        float: none;
        display: inline-block;
        padding: 5px 15px;
        border-radius: 15px;
    }

    .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist {
        width: 100%;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .zp-record-list-section .zp-table tbody tr td.zp-action-column .action-column-button {
        float: right;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* .zp-record-list-section .zp-table tbody tr td.zp-action-column .action-column-body{ 
    left: 690px;
    padding: 5px 10px;
    display: grid;
    top: 75px;
    } */

    .zp-related_module_section-section .zp-table tbody tr td.zp-action-column .action-column-body {
        /* left: 530px; */
        padding: 0px 15px;
        display: grid;
        /* margin-top: -125px; */
    }

    /* .page-zportals-profile .zp-related_module_section-section .zp-table tbody tr td.zp-action-column .action-column-body{
    top: 80px;
    } */
    .dataTables_wrapper .dataTables_paginate {
        text-align: center;
    }

    .zp-related_module_section-section .dataTables_wrapper .dataTables_paginate {
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button,
    .dataTables_wrapper .dataTables_paginate .paginate_button.next,
    .cust-pagination-button-section a {
        font-size: 14px;
    }

    .dataTables_wrapper .dataTables_length {
        display: none;
    }

    /* .cust-pagination-button-section{
    margin-right: 0px;
    } */
    .zp-record-list-section .zp-table tbody tr td .field_value,
    .zp-related_module_section-section .zp-table tbody tr td .field_value,
    .ticket-records-list td .field_value {
        font-size: 14px;
        word-break: break-all;
        padding: 5px;
    }

    .ticket-records-list td.zp-data-type-picklist .status {
        font-size: 14px;
        margin-top: 3px;
    }

    .ticket-records-list .open_status_badge i {
        padding-top: 4px;
    }

    .zp-table.ticket-records-list tbody td.zp-action-column .action-column-button {
        float: right;
        width: 15px;
        margin-top: 6px;
    }

    .zp-table.ticket-records-list tbody td.zp-action-column .action-column-body {
        margin-left: 500px;
        margin-top: -10px;
    }

    .zp-ticket-list .zp-desk-module-filter {
        margin-bottom: 0px;
    }
    
    .zp-section-row .zp-section-content.section-attachment-container {
        margin-left: 0px;
    }

    .zp-record-list-page .zp-section-row .zp-section-content {
        margin-left: 0px;
    }

    .zp-upload-document-header .section-upload-document-header-title {
        font-size: 24px;
    }

    .zp-attachment-section .uploadText,
    #dropzoneFileUpload .browseText {
        font-size: 14px;
    }

    /* .zp-attachment-section  */
    #dropzoneFileUpload .needsclick svg {
        width: 20px;
        height: 20px;
    }

    .zp-subform-record-list td:before {
        top: 25px;
        left: 15px;
    }

    .zp-record-details .zp-section-row .zp-table.zp-subform-record-list tbody tr td:before {
        top: 13px;
    }

    .zp-table.zp-subform-record-list td input.click-dis {
        margin: 20px;
    }

    .zp-table tbody tr td a {
        float: right;
        display: block;
        width: auto;
        margin-right: 15px;
        padding: 5px 0px 5px 0px;
    }

    .dropzone .dz-message {
        margin: 20px 0px;
    }

    /* .zp-attachment-section  */
    #dropzoneFileUpload {
        width: calc(100% - 170px);
        padding: 1px 20px;
    }

    .zp-section-header-container {
        margin-left: 0px;
    }

    .zp-attachment-section .zp-section-header-container {
        padding-left: 0px;
        margin-left: 0px;
    }

    .zp-record-details .zp-attachment-section .zp-section-header-container {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* .zp-record-details .section-attachment-container table tbody td.zp-action-column{
    padding-left: 660px;
    } */
    .zp-table tbody td.zp-action-column .action-column-button {
        float: right;
    }

    .zp-table.zp-attachment-list tbody td.zp-action-column .action-column-button {
        padding: 10px 5px;
        padding-left: 25px;
    }

    .zp-table tbody td.zp-action-column .action-column-body {
        right: 50px;
    }

    .zp-table.zp-attachment-list tbody td.zp-action-column .action-column-body {
        width: 145px;
    }

    .zp-table tbody td.zp-action-column .action-column-body a {
        padding: 5px 0px;
        width: 100%;
    }

    .zp-table.zp-attachment-list tbody td.zp-action-column .action-column-body a {
        padding: 5px 0px;
        margin-right: 0px;
    }

    .zp-table tbody tr:hover,
    .zp-table tbody tr:active {
        background-color: #ffffff;
    }

    .zp-table tbody td:hover,
    .zp-table tbody td:active {
        background-color: transparent;
    }

    .zp-record-list-page-section {
        margin-left: 15px;
        margin-right: 0px;
    }

    .zp-section-header-container .section-header-right {
        margin-right: 0px;
    }

    .zp-record-list-page .zp-records-list td a,
    .zp-record-details .zp-records-list td a,
    .ticket-records-list td a {
        margin-right: 5px;
        font-size: 14px;
        padding: 5px 0px;
    }

    .zp-records-list tr,
    .zp-subform-record-list tr,
    .zp-attachment-list tr,
    .ticket-records-list tr {
        border: none;
    }

    /* Mobile card view: style each record row as a card */
    .zp-record-list-page .zp-records-list tbody tr,
    .zp-record-details .zp-records-list tbody tr,
    .ticket-records-list tbody tr {
        display: block;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06);
        margin-bottom: 12px;
        overflow: hidden;
    }

    /* Hide header row — labels come from data-th ::before */
    .zp-record-list-page .zp-records-list thead,
    .zp-record-details .zp-records-list thead,
    .ticket-records-list thead {
        display: none;
    }

    .zp-record-list-page .zp-records-list tbody tr td,
    .zp-record-details .zp-records-list tbody tr td,
    .ticket-records-list tbody tr td {
        display: block;
        position: relative;
        padding-left: 48%;
        min-height: 42px;
        background-color: transparent;
        border-bottom: 1px solid #f0f1f3;
    }

    /* Action column: no label, no left-padding */
    .zp-record-list-page .zp-records-list tbody tr td.zp-action-column,
    .zp-record-details .zp-records-list tbody tr td.zp-action-column,
    .ticket-records-list tbody tr td.zp-action-column {
        padding-left: 10px;
        min-height: unset;
    }

    .zp-record-list-page .zp-records-list tbody tr td.zp-action-column::before,
    .zp-record-details .zp-records-list tbody tr td.zp-action-column::before,
    .ticket-records-list tbody tr td.zp-action-column::before {
        content: none !important;
    }

    .zp-record-list-page .zp-records-list tbody tr td:last-child,
    .zp-record-details .zp-records-list tbody tr td:last-child,
    .ticket-records-list tbody tr td:last-child {
        border-bottom: none;
    }

    .zp-record-list-page .zp-records-list tr td:first-child,
    .zp-subform-record-list tbody tr td:first-child,
    .zp-attachment-list tbody tr td:first-child,
    .zp-record-details .zp-records-list tr td:first-child,
    .ticket-records-list tr td:first-child {
        background-color: transparent;
        border-radius: 0;
        border-bottom: 1px solid #f0f1f3;
    }

    .zp-record-list-page .zp-records-list tr td.dataTables_empty:first-child:before,
    .zp-subform-record-list tbody tr td.dataTables_empty:first-child:before,
    .zp-attachment-list tbody tr td.dataTables_empty:first-child:before,
    .zp-record-details .zp-records-list tr td.dataTables_empty:first-child:before {
        content: "";
    }

    .zp-record-list-page .zp-records-list tr td.dataTables_empty:first-child,
    .zp-subform-record-list tbody tr td.dataTables_empty:first-child,
    .zp-attachment-list tbody tr td.dataTables_empty:first-child,
    .zp-record-details .zp-records-list tr td.dataTables_empty:first-child {
        padding: 13px 10px;
    }

    .zp-record-list-page .zp-records-list tr:not(:first-child) td:first-child,
    .zp-subform-record-list tbody tr:not(:first-child) td:first-child,
    .zp-attachment-list tbody tr:not(:first-child) td:first-child,
    .zp-record-details .zp-records-list tr:not(:first-child) td:first-child,
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr:not(:first-child) td:first-child,
    .ticket-records-list tr:not(:first-child) td:first-child {
        margin-top: 0;
    }

    /* .zp-side-nav .zp-menu-item.active-menu svg, .zp-side-nav .zp-menu-item svg, .zp-side-nav .zp-menu-item i{
    margin-left: 10px;
    } */
    .zp-side-nav {
        padding-right: 20px;
        padding-left: 0px;
    }

    .zp-record-details .zp-records-list td.zp-data-type-picklist .field_value {
        float: right;
        margin-top: 0px;
    }

    .zp-record-details .zp-records-list td.zp-action-column .action-column-button {
        float: right;
        padding: 0px 0px 0px 30px;
        margin-top: 7px;
    }

    .zp-record-list-page #setupfltr_form .filternewdesignModule .zp-form-control {
        min-width: 180px;
    }

    .zp-record-list-page #setupfltr_form .filternewdesignModule .select2-selection {
        min-width: 180px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container input:not(input[type=checkbox]) {
        width: 100%;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection {
        width: 100%;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container textarea {
        width: 100%;
        float: left;
        font-size: 14px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection__arrow {
        top: 3px;
        right: 15px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container select {
        width: 100%;
    }

    .inline-edit-container .zp-input-field:not(.select2-hidden-accessible) {
        font-size: 14px;
    }

    .select2-container--default .select2-results__option[aria-selected=true],
    .select2-results__option[aria-selected] {
        font-size: 14px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 14px;
    }

    .zp-field-details-section .inline-edit-container .select2-selection__rendered {
        font-size: 14px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection__rendered {
        font-size: 14px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container input {
        font-size: 14px;
    }

    .zp-record-edit .zp-section-row.zp-btn-section {
        margin-right: 20px;
    }

    .zp-page-content.zp-record-edit {
        padding-left: 0px;
    }

    .zp-record-edit .zp-section-header-container {
        margin-left: 0px;
    }

    .zp-record-edit .zp-section-content {
        margin-left: 0px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list tbody tr td:first-of-type {
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
        border-bottom: none;
    }

    .zp-record-edit .zp-datatype-subform .zp-field-edit-container {
        margin-left: 0px;
    }

    .zp-record-edit .zp-row .zp-col-12.zp-datatype-subform {
        width: 100%;
    }

    .zp-record-edit .zp-section-row.zp-single-section .zp-section-content .zp-left-section {
        width: calc(100% - 30px);
    }

    /* .select2-container--open .select2-dropdown--above{
    top: 45px;
    } */
    .zp-record-list-page .section-header-title {
        margin-left: 10px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-field:not(.zp-checkbox-input) {
        width: 50%;
        float: right;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-subform-record-list .zp-lookup-input-group .zp-input-field:not(.zp-checkbox-input){
        width: 100%;
    }

    /* .zp-record-edit .zp-section-row .zp-field-edit-container .zp-input-group{
    width: 50%;
    float: right;
    } */
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file input {
        width: 50%;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file {
        float: right;
        width: 50%;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file input {
        width: calc(100% - 30px);
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child button.zp-add-subform-row {
        position: absolute;
        right: 0;
        margin-right: 5px;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td.zp_subform_last_child button.zp-remove-subform-row {
        float: right;
        margin-right: 25px;
    }

    .zp-record-edit .zp-select-attachment-container {
        width: calc(100% - 100px);
    }

    .zp-modal-wraper .zp-record-edit .zp-select-attachment-container {
        width: calc(100% - 40px);
    }

    .zp-record-edit .zp-section-row .zp-subform-row .zp_subform_last_child .zp-add-subform-row {
        display: block;
    }

    .zp-books-list-section .zp-section-header-container .section-header-text {
        padding-left: 0px;
    }

    .zp-section-header-container .section-header-text {
        margin-left: 10px;
        width: calc(50% - 10px);
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list,
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr {
        border: none;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td:first-child {
        border-bottom: none;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td::before {
        font-size: 16px;
        font-family: Plus Jakarta Sans;
        font-weight: 600;
        color: var(--heading_fc);
        padding-top: 2px;
        padding-left: 10px;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td .action-column-button {
        float: right;
        width: unset;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td {
        font-size: 14px;
        word-break: break-all;
        padding: 10px 10px;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td a {
        font-size: 14px;
        word-break: break-all;
        padding: 5px;
        float: none;
        margin-right: 0px;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td span {
        font-size: 14px;
        word-break: break-all;
        padding: 5px;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td span.status_badge {
        padding: 4px 13px;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td:first-child {
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
        border-bottom: none;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td.status {
        padding: 10px 10px;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td.zp-action-column {
        height: 20px;
    }

    .zp-books-page .zp-books-list-section .zbooks-record-list tbody td.zp-action-column .action-column-body {
        margin-left: 500px;
    }

    .zp-table tbody td.zp-action-column .action-column-body svg {
        height: 18px;
        width: 18px;
    }

    .zp-books-list-section .dataTables_wrapper .dataTables_paginate {
        text-align: center;
    }

    .zp-books-list-section .section-header-title {
        font-size: 24px;
    }

    .zp-books-page .zp-row .zp-col-12 {
        margin-left: 10px;
        width: calc(100% - 15px);
    }

    .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-banner,
    .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-iframe {
        width: calc(100% - 15px);
    }

    .zp-books-page .zp-section-header-container .section-header-text .section-header-title {
        margin-left: 20px;
    }

    .zp-books-list-section .dataTables_wrapper {
        width: calc(100% - 10px);
        margin-left: 0px;
    }

    .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-banner {
        width: 100%;
    }

    .zp-dashboard-page .zp-element-text-block .zp-element-content {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
    }

    .zp-dashboard-page .zp-element-quicklink .zp-element-content {
        width: 100%;
        margin-left: 0px;
    }

    .zp-dashboard-page .zp-element-text-block .zp-element-header {
        padding-top: 0px;
        padding-left: 30px;
    }

    .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-iframe {
        width: 100%;
    }

    .zp-element-banner .zp-slider-image {
        height: 330px;
    }

    .zp-page-content.zp-record-details .zp-section-row .zp-section-content {
        margin-left: 0px;
    }

    .zp-page-content.zp-record-details .zp-section-row .zp-section-content.section-attachment-container {
        margin-left: 10px;
    }

    .zp-page-content.zp-record-details .zp-row.zp-related_module_section-section {
        margin-right: 0px;
        padding-left: 0px;
    }

    #dropzoneFileUpload {
        height: auto;
    }

    #dropzoneFileUpload {
        margin-left: 85px;
    }

    .zp-workdrive-page .zwd-document-list-iframe .section-header-container .section-header-text {
        font-size: 24px;
    }

    .zp-row .zp-col-12.zp-datatype-subform {
        width: calc(100% - 5px);
    }

    .zp-record-list-page .dataTables_wrapper .dataTables_paginate {
        text-align: center;
    }

    .zp-dashboard-page .zp-element-video .zp-element-header {
        margin-top: 0px;
    }

    .zp-record-list-section .zp-table tbody td.zp-action-column .action-column-button {
        padding: 0px 35px;
    }

    .zp-page-title-collapse-icon {
        margin-left: 15px;
    }

    .zp-page-description .pre-desc {
        margin-left: 5px;
    }

    .zoho-subscription-page .section-header-title {
        margin-left: 5px;
    }

    .zoho-subscription-page .zp-record-list-section td {
        font-size: 14px;
        word-break: break-all;
        padding-top: 10px;
        padding-bottom: 5px;
        color: var(--field_value_fc);
        font-family: Plus Jakarta Sans;
        font-weight: 400;
        line-height: 30px;
    }

    .zoho-subscription-page .zp-record-list-section .zp-table tbody tr td.zp-action-column .action-column-button {
        padding-top: 5px;
    }

    .zoho-subscription-page .zp-record-list-section td span {
        font-size: 14px;
    }

    .zoho-subscription-page .zp-record-list-section td:before {
        padding-top: 5px;
    }

    .zoho-subscription-page .zp-record-list-section .zp-status-trial-expire {
        font-size: 14px;
    }

    .zoho-subscription-page .zp-record-list-section .dataTables_wrapper .dataTables_paginate {
        text-align: center;
    }

    .zwd-document-list .zp-document-list .drive-items-list td:first-child {
        text-align: left;
        /* display: grid; */
        background-color: rgb(255, 255, 255);
        border-radius: 10px;
        border-bottom: none;
    }

    .zwd-document-list .zp-document-list .drive-items-list td {
        line-height: 32px;
        padding: 5px 10px 5px 10px;
        font-size: 14px;
        max-width: 100%;
    }

    .zwd-document-list .zp-document-list .drive-items-list td a {
        padding: 0px;
        font-family: Plus Jakarta Sans;
        font-size: 14px;
        font-weight: 400;
        margin-right: 0px;
        float: none;
    }

    .zwd-document-list .zp-document-list .drive-items-list td:before {
        font-size: 16px;
        font-family: Plus Jakarta Sans;
        font-weight: 600;
        color: var(--heading_fc);
        padding-top: 0px;
        padding-left: 5px;
    }

    .zwd-document-list .zp-document-list .drive-items-list td a.zp-zwd-file-action-url {
        padding-top: 5px;
    }

    .zp-document-list .drive-items-list tr {
        border: none;
    }

    .zwd-document-list.zp-section-row .zp-section-content {
        margin-left: 0px;
    }

    .zp-zwd-title-bar {
        margin-left: 10px;
    }

    .drive-list-view table tbody tr td.zp-zwd-file-td i.fas.zp-zwd-file-icon {
        padding-top: 8px;
    }

    .zwd-document-list .zp-document-list .drive-items-list tr:not(:first-child) td:first-child {
        margin-top: 20px;
    }

    .zwd-document-list .dataTables_wrapper .dataTables_paginate {
        text-align: center;
    }

    .zp-zwd-title-bar .section-header-text {
        font-size: 24px;
    }

    .zwd-document-list .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        padding-right: 15px;
    }

    .zwd-document-list .zp-document-list .drive-items-list tr td:not(:first-child) {
        padding-left: 40%;
    }

    .zp-zoho-vault-page .zp-module_list_section-section {
        margin-left: 10px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }

    .zp-page-content.zp-dashboard-page {
        padding-left: 0px;
    }

    .zp-record-details .zp-section-row.zp-normal-section {
        padding: 0px 15px 10px 15px;
    }

    .zp-record-details .zp-row.zp-related_module_section-section .zp-section-content .dataTables_wrapper {
        margin-left: 10px;
    }

    .zp-record-list-page .zp-section-header-container .section-header-text {
        width: calc(60% - 10px);
    }

    .zp-record-list-page .zp-section-header-container .section-header-right {
        margin-right: 0px;
        width: 40%;
    }

    .zp-record-list-page .section-header-title {
        margin-left: -10px;
    }

    .zp-ticket-list .dataTables_wrapper {
        margin-top: 0px;
    }

    .zp-invite-user-page.zp-page-wraper #signup-form .ibox-content #SignUp {
        max-width: 80%;
        /* margin-top: -145px; */
        padding: 50px;
    }

    .zp-modal-wraper .zp-record-edit .zp-section-header-container {
        margin-left: 10px;
    }

    .zp-ticket-add-page.zp-record-edit .zp-section-row .zp-field-details-section {
        width: calc(100% - 20px);
        margin-left: 10px;
    }

    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-single-section {
        margin-left: 0px;
    }

    .zp-ticket-add-page.zp-record-edit .zp-section-row.zp-normal-section {
        padding-left: 0px;
    }

    .zp-ticket-add-page.zp-record-edit .zp-section-row:not(.zp-record-list-section) .zp-section-header-container .section-header-text .section-header-title {
        width: 65%;
    }

    .zp-ticket-add-page .zp-section-row {
        padding-left: 0px;
    }

    .zp-ticket-add-page .zp-attachment-upload-section .zp-section-header-container {
        margin-left: 0px;
    }

    .zp-ticket-add-page .zp-upload-document-header {
        margin-left: 10px;
    }

    .zp-ticket-add-page.zp-record-edit .zp-section-row.zp-single-section .zp-field-details-section.description-field-section {
        width: 100%;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-group {
        width: 50%;
        margin-bottom: 0px;
        float: right;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-group.zp-lookup-input-group{
        width: 100%;
    }

    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-currency-input-group .zp-input-field:not(.zp-checkbox-input){
        width: 100%;
    }

    .zp-page-content .zp-col-9.zp-element,
    .zp-page-content .zp-col-9.zp-element.zp-element-account-manager {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        float: left;
    }

    .zp-page-content .zp-col-9.zp-element.zp-element-video .zp-element-header {
        padding: 0px 15px 8px 15px;
        margin-top: 0px;
    }

    .zp-page-content .zp-col-9.zp-element.zp-element-text-block .zp-element-content,
    .zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-header {
        padding: 0px 0px 10px 0px;
    }

    .zp-page-content .zp-col-9.zp-element.zp-element-quicklink {
        width: 100%;
    }

    .zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-8.zp-element,
    .zp-page-content .zp-col-8.zp-element.zp-element-account-manager {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        float: left;
    }

    .zp-page-content .zp-col-8.zp-element.zp-element-video .zp-element-header {
        padding: 0px 15px 8px 15px;
        margin-top: 0px;
    }

    .zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-content,
    .zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-8.zp-element.zp-element-quicklink .zp-element-header {
        padding: 0px 0px 10px 0px;
    }

    .zp-page-content .zp-col-8.zp-element.zp-element-quicklink {
        width: 100%;
    }

    .zp-page-content .zp-col-8.zp-element.zp-element-quicklink .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-6.zp-element,
    .zp-page-content .zp-col-6.zp-element.zp-element-account-manager {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        float: left;
        margin-bottom: 50px;
    }

    .zp-page-content .zp-col-6.zp-element.zp-element-video .zp-element-header {
        padding: 0px 15px 8px 15px;
        font-size: 16px;
        width: 100%;
        margin-top: 0px;
        background-color: transparent;
    }

    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
        font-size: 16px;
        width: 100%;
        margin-top: 0px;
        background-color: transparent;
        display: flex;
    }

    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header br, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header br{
        display: none;
    }

    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header svg, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header svg{
        margin: 0px 8px 0px 0px;
        min-width: 24px;
    }
    
    .zp-page-content .zp-element-video.zp-col-6 .zp-element-header {
        display: flex;
    }

    .zp-page-content .zp-element-video.zp-col-6 .zp-element-header br {
        display: none;
    }

    /* .zp-element-video.zp-col-6 .zp-element-content {
        margin-top: -100px;
    } */

    .zp-element-account-manager.zp-col-6 img {
        display: none;
    }

    .zp-element-account-manager.zp-col-6 .zp-element-content {
        padding: 15px;
        width: 100%;
        float: none;
    }

    .zp-page-content .zp-element-text-block.zp-col-6 .zp-element-header {
        text-align: left;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .zp-page-content .zp-col-6.zp-element.zp-element-text-block .zp-element-content,
    .zp-page-content .zp-col-6.zp-element.zp-element-text-block .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-6.zp-element.zp-element-quicklink .zp-element-header {
        padding: 0px 0px 10px 0px;
        text-align: center;
    }

    .zp-page-content .zp-col-6.zp-element.zp-element-quicklink {
        width: 100%;
    }

    .zp-page-content .zp-col-6.zp-element.zp-element-quicklink .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-4.zp-element,
    .zp-page-content .zp-col-4.zp-element.zp-element-account-manager {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        float: left;
        margin-bottom: 50px;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header {
        padding: 0px 15px 8px 15px;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        background-color: transparent;
    }

    .zp-page-content .zp-element-video.zp-col-4 .zp-element-header {
        display: flex;
    }

    .zp-page-content .zp-element-video.zp-col-4 .zp-element-header br {
        display: none;
    }

    .zp-element-video.zp-col-4 .zp-element-content {
        margin-top: 0px;
    }

    /* .zp-page-content .zp-col-4.zp-element.zp-element-account-manager img {
        display: block;
    } */

    .zp-page-content .zp-col-4.zp-element.zp-element-account-manager .zp-element-content {
        padding: 15px;
        float: none;
        margin-top: 0px;
    }

    .zp-page-content .zp-element-text-block.zp-col-4 .zp-element-header {
        text-align: left;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-text-block .zp-element-content,
    .zp-page-content .zp-col-4.zp-element.zp-element-text-block .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-header {
        width: 100%;
        padding: 0px 0px 10px 0px;
        font-size: 24px;
        margin-bottom: 0px;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink {
        width: 100%;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item {
        width: 100%;
        margin: 2px 0px;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item a {
        padding: 0px;
        margin-left: 10px;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header svg {
        width: 24px;
        float: unset;
        margin-bottom: 0px;
        height: 24px;
        min-width: 24px;
        margin-right: 8px;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header br {
        display: none;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-content {
        margin-top: 0px;
    }

    .zp-page-content .zp-col-3.zp-element,
    .zp-page-content .zp-col-3.zp-element.zp-element-account-manager {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        float: left;
        margin-bottom: 50px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header {
        padding: 0px 15px 8px 15px;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        margin-top: 0px;
        background-color: transparent;
    }

    .zp-page-content .zp-element-video.zp-col-3 .zp-element-header {
        display: flex;
    }

    .zp-page-content .zp-element-video.zp-col-3 .zp-element-header br {
        display: none;
    }

    .zp-element-video.zp-col-3 .zp-element-content {
        margin-top: 0px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-account-manager img {
        display: none;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-account-manager .zp-element-content {
        padding: 15px;
        width: 100%;
        float: none;
        height: 100%;
        overflow: auto;
    }

    .zp-page-content .zp-element-text-block.zp-col-3 .zp-element-header {
        text-align: left;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-text-block .zp-element-content,
    .zp-page-content .zp-col-3.zp-element.zp-element-text-block .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-header {
        width: 100%;
        margin-top: 0px;
        padding: 0px 0px 10px 0px;
        font-size: 24px;
        margin-bottom: 0px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink {
        width: 100%;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content {
        width: 100%;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item {
        width: 100%;
        margin: 2px 0px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item a {
        padding: 0px;
        margin-left: 10px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        margin-bottom: 0px;
        margin-right: 8px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header br {
        display: none;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-content {
        margin-top: 0px;
        height: 350px;
    }
    .zp-dashboard-element-row{
        margin-bottom: 0px;
    }
    .zp-element-video.zp-col-6 .zp-element-content{
        margin-top: 0px;
    }
    .zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-content iframe{
        height: 350px;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-text-block .zp-element-header{
        margin-bottom: 10px;
    }
    .zp-page-content.zp-record-list-page:not(.zp-dashboard-page) .zp-single-section .zp-left-section{
        margin-left: 0px;
        width: calc(100% - 10px);
        margin-top: 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-header{
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .zp-record-list-page .zp-element-text-block .zp-element-content{
        margin-top: 0px;
    }
    .zp-record-details .zp-element-text-block .zp-element-content{
        margin-top: 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element-video .zp-element-content{
        margin-top: 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element-video .zp-element-content{
        margin-top: 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element-video .zp-element-header{
        margin-top: 0px;
    }
    .zp-record-list-page.zp-page-content .zp-col-6.zp-element, .zp-record-list-page.zp-page-content .zp-col-6.zp-element.zp-element-account-manager{
        margin-bottom: 20px;
    }
    .zp-record-details.zp-page-content .zp-col-6.zp-element, .zp-record-details.zp-page-content .zp-col-6.zp-element.zp-element-account-manager{
        margin-bottom: 20px;
    }
    .zp-record-details .zp-element-video .zp-element-content{
        margin-top: 0px;
    }
    .zp-record-details .zp-element-text-block .zp-element-header{
        margin-top: 0px;
    }
    .zp-record-details .zp-element-video .zp-element-header{
        margin-top: 0px;
    }
    .zp-record-details .zp-normal-section .zp-section-content{
        margin-right: 0px;
    }
    .zp-page-content.zp-workdrive-page:not(.zp-dashboard-page) .zp-element{
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .zp-record-edit .zp-field-details-section .zp-currency-input-group font{
        padding-left: 15px;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .select2-container{
        min-width: 50%;
    }
    .zoho-desk-page .zp-attachment-upload-section{
        margin-right: 10px;
    }
    .zp-books-page .invoice-page .pcs-template{
        min-width: unset;
    }
    .pcs-template .pcs-template-body tr{
        margin-bottom: 0px;
        height: auto !important;
    }
    .pcs-template .pcs-template-body tr td{
        width: 100% !important;
        text-align: left !important;
    }
    .pcs-template .pcs-template-body tr td::after{
        content: "";
        display: table;
        clear: both;
    }
    .pcs-template .pcs-template-body .pcs-itemtable td{
        text-align: right !important;
        padding-right: 5px !important;
    }
}

@media only screen and (max-width: 768px) {
    .zp-menu-item.change-password{
        margin-top: 50px;
    }
    .zp-page-content.zp-change-password-page{
        padding-left: 0px;
    }
    .zp-record-list-section .zp-table tbody tr td .field_value, 
    .zp-related_module_section-section .zp-table tbody tr td .field_value, 
    .ticket-records-list td .field_value {
        width: 50%;
        float: right;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-banner, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-quicklink .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-video .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-iframe {
        width: calc(100% - 10px);
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager{
        width: calc(100% - 10px);
    }
    .zp-page-content.zp-record-list-page:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager {
        width: calc(100% - 10px);
        margin-left: 10px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-text{
        margin-left: 10px;
    }
    .zp-page-content .zp-col-9.zp-element.zp-element-text-block .zp-element-header{
        padding-top: 0px;
    }
    .zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-header{
        padding: 0px 15px 0px 15px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6{
        width: calc(100% - 10px);
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6{
        margin-left: 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-text-block .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-text-block .zp-element-content{
        width: calc(100% - 10px);
        margin-top: 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-content{
        margin-top: 0px;
        width: calc(100% - 10px);
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-content{
        width: calc(100% - 10px);
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
        margin-left: 10px;
    }
    .drive-wrapper .drive-item{
        width: calc(calc(100% / 2) - 22px);
    }
    .zp-page-content.zp-workdrive-page:not(.zp-dashboard-page) .zp-section-row.zp-single-section .zp-section-content .zp-left-section{
        width: calc(100% - 30px);
        margin-left: 10px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item{
        width: 100%;
        margin: 2px 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header{
        text-align: left;
        display: flex;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header svg, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-video.zp-col-6 .zp-element-header svg{
        float: unset;
        min-width: 24px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-text-block.zp-col-6 .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-text-block.zp-col-6 .zp-element-content{
        padding: 15px;
    }
    .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager{
        margin-bottom: 20px;
    }
    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content{
        margin-top: 0px;
    }
    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager{
        margin-bottom: 20px;
    }
    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-col-6.zp-element-text-block .zp-element-header{
        padding-bottom: 0px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content{
        margin-top: 0px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager{
        margin-bottom: 20px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-col-6.zp-element-text-block .zp-element-header{
        margin-bottom: 0px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item svg, .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item svg{
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a, .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }
    .zp-page-content.zoho-subscription-page:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content{
        margin-top: 0px;
    }
    .zp-page-content.zoho-subscription-page:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content.zoho-subscription-page:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager{
        margin-bottom: 20px;
    }
    .zp-page-content.zoho-subscription-page:not(.zp-dashboard-page) .zp-col-6.zp-element-text-block .zp-element-header{
        margin-bottom: 0px;
    }

}
@media only screen and (max-width: 650px) {
    .zp-page-content.zp-change-password-page .section-header-text{
        text-align: center;
    }
    .zp-record-edit .zp-section-row.zp-btn-section{
        padding-left: 0px;
    }
    .zp-select-attachment-container .zp-select-attachment-info {
        border: 2px solid var(--btn_add_bg_color);
    }
    .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist,
    .zp-table tbody tr td{
        padding: 30px 10px 8px;
        text-align: left;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list td{
        padding: 50px 15px 8px;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-field:not(.zp-checkbox-input) {
        width: 100%;
    }
    .zp-table tbody tr td a{
        width: 100%;
        max-width: 100%;
        margin-right: 0px;
        padding: 5px 10px;
    }
    .zp-table tbody tr td pre {
        padding: 0px 10px;
    }
    .zp-record-list-page .zp-records-list td a, 
    .zp-record-details .zp-records-list td a, 
    .ticket-records-list td a {
        margin-right: 0px;
        font-size: 14px;
        padding: 5px 5px;
        text-align: left;
    }
    .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist .field_value,
    .zp-record-details .zp-records-list td.zp-data-type-picklist .field_value {
        float: left;
    }
    .zp-record-details .section-attachment-container table tbody td {
        padding: 40px 20px 10px 20px;
    }
    .zp-record-details .zp-section-row .zp-table.zp-subform-record-list tbody tr td pre {
        padding: 0px 10px;
        float: left;
    }
    .zp-record-details .zp-subform-record-list td a {
        width: 100%;
    }
    .zp-section-row .zp-field-data a {
        max-width: 100%;
    }
    .zp-table.zp-subform-record-list td input.click-dis {
        margin: 10px;
    }
    .zp-note-add-form {
        margin: 10px 0px;
    }
    .zp-note-item {
        margin: 15px 0px;
        padding: 10px 10px;
    }
    .zp-note-add-form {
        padding: 10px 0px 5px;
    }
    #cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable tbody.module-list td .selectListView{
        margin: 0px;
    }
    #cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable tbody.module-list td{
        padding: 25px 7px 8px;
    }
    .zp-sec-width-half{
        width: 100%;
    }
    .zp-login-page .login-form {
        padding: 30px 24px;
    }
    .zp-login-page{
        padding: 20px 10px;
    }
    .zp-auth-page #zp-login-form header,
    .zp-auth-page #zp-forget-password-form .login-form-header label,
    .zp-auth-page #zp-sign-up-form header{
        font-size: 24px;
    }
    .zp-reset-password-page #zp-reset-password {
        /* margin-top: -70px; */
        margin: 50px auto;
        padding: 20px;
    }
    .zp-reset-password-page{
        padding: 0px;
    }
    .zp-page-wraper{
        border-radius: 10px;
    }
    .login-form-footer .zp-link-forget-password, .zp-auth-page .login-form .zp-link-sign-up{
        float: left;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }
    .zp-sign-up-page .login-form{
        padding: 30px;
    }
    .zp-auth-page #zp-forget-password-form .login-form-header label{
        line-height: 40px;
    }
    .zp-auth-page #zp-login-form header, .zp-auth-page #zp-reset-password header{
        line-height: 32px;
    }
    .zp-top-bar .zp-profile-info i{
        display:none;
    }
    .zp-top-bar .zp-profile-info{
        border: none;
    }
    .zp-top-bar{
        padding: 14px 15px;
    }
    .zp-profile-image-contact{
        width: 30px;
        height: 30px;
    }
    .zp-account-image{
        margin-top: 2px;
    }
    .zp-top-bar .childDropdown{
        position: absolute;
        margin-top: -2px;
    }
    /* .zp-top-bar-left{
        width: 100%;
    } */
    /* .zp-top-bar-right{
        width: 100%;
    } */
    .zp-top-bar-left .zp-side-nav-toggle{
        font-size: 19px;
    }
    .zp-child-account-list{
        margin-top: 5px;
        width: calc(100% - 60px);
    }
    .zp-top-bar-left .zp-side-nav-toggle{
        margin-top: 8px;
    }
    .zp-top-bar .zp-settings-button i, .zp-top-bar .zp-logout-button i{
        display: inline;
    }
    .zp-element-text-block .zp-element-header{
        padding-top: 0px;
    }
    .zp-element-text-block .zp-element-header{        
        margin-bottom: 10px;
    }
    .zp-element-text-block .zp-element-content{
        margin-top: 13px;
    }
    .zp-element-quicklink .zp-element-header{
        padding: 12px 15px 8px 15px;
        margin-top: 0px;
    }
    .zp-dashboard-page .zp-row .zp-col-12.zp-element-quicklink{
        width: calc(100% - 20px);
    }
    .zp-row .zp-col-12.zp-element-quicklink{
        width: 100%;
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item{
        width: 100%;
        margin: 2px 0px;
        padding: 8px 15px;
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item:nth-child(odd), .zp-element-quicklink .zp-element-content .zp-quicklink-item:nth-child(even){
        margin: 2px 0px;
        width: 100%;
    }
    .zp-books-page .zp-element-quicklink .zp-element-content .zp-quicklink-item:nth-child(odd), .zp-books-page .zp-element-quicklink .zp-element-content .zp-quicklink-item:nth-child(even){
        margin: 2px 0px 2px 10px;
        width: calc(100% - 15px);
    }
    .zp-quicklink-item svg {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
    .zp-element-video .zp-element-header{
        width: 100%;
    }
    .zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-element-video .zp-element-content iframe{
        height: 245px;
    }
    .zp-element-account-manager img{
        display: none;
    }
    .zp-element-account-manager .zp-element-content{
        width: 100%;
        margin-top: 0px;
        padding: 15px;
    }
    .zp-acm-item.zp-acm-manager .zp-acm_data{
        padding-top: 15px;
    }
    .zp-acm-item.zp-acm-address .zp-acm_data, 
    .zp-acm-item.zp-acm-email .zp-acm_data, 
    .zp-acm-item.zp-acm-phone .zp-acm_data, 
    .zp-acm-item.zp-acm-mobile .zp-acm_data {
        font-size: 14px;
        word-break: break-all;
        padding-right: 30px;
    }
    /* .zp-acm-phone, .zp-acm-email, .zp-acm-address, .zp-acm-mobile{
        margin-left: -110px;
    } */
    .zp-acm-phone {
        padding-top: 30px;
    }
    .zp-acm-email, .zp-acm-address{
        padding-top: 10px;
    }
    .zp-child-account-section {
        right: -50px;
    }
    /* .zp-attachment-section  */
    #dropzoneFileUpload{
        width: calc(100% - 40px);
        padding: 1px 20px;
        margin-top: -110px;
    }
    .zp-record-details .zp-field-details-section{
        margin-top: 0px;
        padding-top: 5px;
    }
    .zp-page-wraper{
        margin: 10px;
        width: calc(100% - 20px);
    }
    .zp-right-section{
        clear: both;
    }
    .zp-record-details .zp-field-details-section.zp-datatype-boolean{
        padding-top: 10px;
    }
    .zp-record-details .zp-section-header-container{
        padding-top: 0px;
    }
    .zp-record-details .zp-section-row{
        margin-bottom: 40px;
    }
    .zp-record-details .zp-section-row:first-child{
        margin-top: 10px;
    }
    .zp-left-section, .zp-right-section{
        width: 100%;
    }
    .zp-attachment-section{
        width: 100%;
        padding-top: 32px;
    }
    /* .zp-attachment-section  */
    #dropzoneFileUpload{
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    #dropzoneFileUpload .browseText{
        margin: 20px auto;
        margin-bottom: 30px;
    }
    /* .zp-attachment-section  */
    #dropzoneFileUpload .needsclick svg{
        margin-top: 25px;
    }
    .zp-record-details .zp-attachment-section .zp-section-header-container{
        padding-bottom: 30px;
    }
    .zp-attachment-section .zp-section-header-container{
        margin-left: 0px;
    }
    .zp-record-details .section-attachment-container{
        width: calc(100% - 20px);
    }
    /* .zp-record-details .section-attachment-container table tbody td.zp-action-column {
        padding-left: 360px;
    } */
    table.zp-attachment-list td.file-name-col .attachment-file-name{
        margin-left: 0px;
    }
    .zp-record-list-section{
        margin-left: 0px;
        margin-right: 0px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right{
        float: left;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm{
        height: 40px;
        width: 100%;
        margin-bottom: 20px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm form{
        right: 0px;
        left: 10px;
        width: 370px;
        top: 0px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm input{
        width: 365px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm button[type="submit"]{
        right: 330px;
        top: 0px;
    }
    .zp-record-list-page #setupfltr_form{
        padding: 10px 20px 20px 20px;
    }
    .zp-record-list-page #setupfltr_form .filternewdesignModule{
        max-width: 100%;
    }
    .zp-record-list-page #setupfltr_form .filternewdesignModule .zp-form-control{
        width: 100%;
    }
    .zp-record-list-page #setupfltr_form .filternewdesignModule .select2-selection{
        width: 100% !important;
        height: auto;
    }
    .dataTables_wrapper{
        margin-top: 20px;
    }
    .dataTables_wrapper .dataTables_paginate{
        margin: 0 auto;
        align-items: center;
        text-align: center;
    }
    .cust-pagination-button-section{
        margin: 0 auto;
    }
    /* .zp-record-list-page .zp-records-list td a{
        width: calc(100% - 100px);
    } */
    .zp-page-content.zp-record-list-page{
        padding: 10px;
    }
    .zp-record-list-page .module-filter{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .zp-record-list-page #setupfltr_form .filternewdesignModule{
        max-width: 100%;
    }
    .zp-record-list-page #setupfltr_form .filternewdesignModule.filterBtn{
        width: max-content;
        float: right;
    }
    .zp-record-list-page #setupfltr_form button.reset_filter{
        float: left;
        margin-left: 0px;
    }
    .zp-related_module_section-section .zp-table tbody tr td.zp-action-column .action-column-body{
        /* left: 190px; */
        top: -50px;
    }
    .zp-record-list-section .zp-table tbody tr td .field_value, 
    .zp-related_module_section-section .zp-table tbody tr td .field_value, .ticket-records-list td .field_value{
        width: 100%;
        float: left;
        text-align: left;
    }
    .zp-related_module_section-section .zp-table tbody tr td .field_value{
        float: left;
    }
    .zp-related_module_section-section .zp-section-header-container{
        display: flex;
        flex-wrap: wrap;
    }
    .zp-related_module_section-section .zp-section-header-container .section-header-right{
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
        margin-left: 0px;
    }
    .zp-record-list-section .zp-section-header-container{
        display: flex;
        flex-wrap: wrap;
    }
    .zp-record-list-section .zp-section-header-container .section-header-right{
        width: 100%;
        margin-left: -10px;
        margin-top: 20px;
    }
    .zoho-desk-page .zp-section-header-container .section-header-right{
        float: left;
        width: 100%;
        /* margin-left: -10px; */
        margin-top: 20px;
    }
    .zp-related_module_section-section .zp-section-header-container .section-header-right a,
    .zoho-desk-page .zp-section-header-container .section-header-right a{
        float: left;
    }
    .section-header-right a{
        float: left;
        margin-bottom: 20px;
    }
    .section-header-right a.zp-record-filter{
        line-height: 0px;
    }
    .zp-ticket-list .title-description-section{
        margin-left: 10px;
    }
    .zoho-desk-page .section-header-title{
        margin-left: 0px;
    }
    .zp-record-list-page .section-header-title{
        margin-left: 0px;
    }
    .zp-page-description .pre-desc{
        margin-left: 0px;
        padding-left: 0px;
    }
    .zp-page-title-collapse-icon{
        margin-left: 0px;
    }
    .zp-upload-document-header .section-upload-document-header-title{
        padding: 40px 0px 116px 0px;
    }
    .zp-record-edit .zp-select-attachment-container{
        margin-top: -100px;
    }
    .zp-section-row .zp-section-content .zp-left-section{
        width: calc(100% - 20px);
        margin: 0 10px 0px -10px;
    }
    .zp-section-row .zp-section-content .zp-right-section{
        width: calc(100% - 20px);
        margin: 0 10px 0px -10px;
    }
    .zp-modal-wraper .zp-section-row .zp-section-content .zp-right-section{
        width: 100%;
        margin: 0px;
    }
    .zp-record-edit .zp-section-row .zp-field-details-section{
        width: calc(100% - 20px);
        margin-top: 20px;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container input{
        font-size: 14px;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection__rendered, .select2-results__option[aria-selected]{
        font-size: 14px;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container textarea{
        font-size: 14px;
    }
    .zp-top-bar .zp-profile-image-acc{
        height: 30px;
    }
    .zp-record-edit .zp-section-row.zp-btn-section{
        margin-right: 0px;
    }
    .zp-record-details .zp-subform-record-list td a{
        width: 100%;   
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
        float: left;
        text-align: left;
    }
    .zp-record-details .zp-subform-record-list td img{
        float: right;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file{
        width: 54%;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file input{
        width: calc(100% - 27px);
    }
    /* .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-field:not(.zp-checkbox-input){
        width: 55%;
    } */
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input input{
        min-width: 0px;
    }
    /* .zp-books-list-section .zp-section-header-container .section-header-right{
        width: 100%;
        margin-top: 20px;
        margin-left: 10px;
    } */
    .zp-books-list-section .zp-section-header-container{
        padding-bottom: 0px;
    }
    /* .zp-books-list-section .dataTables_filter .zp-datatable-search{
        right: -325px; 
    } */
    .zp-books-list-section .zp-section-content .dataTables_wrapper .dataTables_paginate{
        padding-right: 0px;
    }
    .logged-in .zp-page-wraper{
        padding: 10px;
        border-radius: 12px;
    }
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td,
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td.status{
        padding: 40px 15px 15px;
        text-align: left;
    }
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody td.zp-action-column .action-column-body{
        margin-left: 200px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element{
        margin-left: 0px;
        margin-right: 0px;
    }
    .zp-section-row.zp-single-section .zp-section-content .zp-left-section{
        width: calc(100% - 10px);
    }
    .zp-element-banner .zp-slider-image{
        height: 185px;
    }
    .zp-element-banner .fa.fa-arrow-left, .zp-element-banner .fa.fa-arrow-right{
        top: 70px;
    } 
    .zp-dashboard-page .zp-element-quicklink .zp-element-content{
        width: 100%;
        margin-left: 0px;
    }
    .zp-dashboard-page .zp-element-quicklink .zp-element-content .zp-quicklink-item{
        width: 100%;
        margin-left: 0px;
    }
    .zp-record-details .zp-section-row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .zp-page-content.zp-record-details .zp-row.zp-related_module_section-section{
        margin-right: 10px;
    }
    .zp-record-details .zp-field-details-section.zp-datatype-subform{
        width: calc(100% - 5px);
    }
    /* .zp-workdrive-page #dropzoneFileUpload{
        margin-top: -90px;
    } */
    .zp-workdrive-page .zp-upload-document-info .zp-upload-document-info-text{
        width: calc(100% - 80px);
        float: right;
        padding-right: 10px;
    }
    .zp-row.zp-related_module_section-section .dataTables_paginate{
        margin: 0 auto;
    }
    .dataTables_filter .zp-datatable-search{
        right: 0px;
        width: 365px;
        top: 60px;
    }
    .zp-module-sign-document .dataTables_filter .zp-datatable-search{
        margin-bottom: 0px;
    }
    .zp-module-sign-document .dataTables_filter .zp-datatable-search{
        right: -10px;
    }
    .zp-ticket-list .dataTables_filter .zp-datatable-search{
        left: 0px;
        position: relative;
        top: 0px;
    }
    .zp-ticket-list .dataTables_filter{
        float: left;
    }
    .dataTables_filter .zp-datatable-search input{
        width: 365px;
    }
    .dataTables_filter{
        height: 100px;
    }
    .zp-ticket-list .dataTables_filter{
        height: 40px;
        margin-bottom: 20px;
    }
    .zp-ticket-list .ticket-records-list{
        margin-top: 0px;
    }
    .ticket-records-list .headtable{
        margin-top: 0px !important;
    }
    .zp-module-sign-document .dataTables_filter{
        margin-bottom: 20px;
    }
    .dataTables_filter .zp-datatable-search button[type="submit"]{
        right: 324px;

    }
    .zp-normal-section .zp-section-header-container .section-header-text{
        margin-left: 0px;
    }
    .zp-books-page .zp-section-header-container .section-header-text .section-header-title, .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-element-video, .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-element-iframe, .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-banner, .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-text-block{
        margin-left: 10px;
    }
    .zoho-subscription-page .zp-record-list-section{
        margin-left: 0px;
        margin-right: 0px;
    }
    .zoho-subscription-page .zp-section-row:not(.zp-record-list-section){
        margin-left: 10px;
    }
    .zoho-subscription-page .section-header-title{
        margin-left: 0px;
    }
    .zoho-subscription-page .zp-record-list-section .dataTables_wrapper{
        margin-top: 10px;
    }
    .zp-accordion-heading .panel-title{
        width: calc(100% - 60px);
    }
    .zp-accordion-heading .panel-title .zp-chamber-name{
        float: left;
        width: calc(100% - 102px);
    }
    .zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childChmbrAction{
        padding-right: 35px;
    }
    .zp-ticket-list .zp-desk-module-filter{
        width: 100%;
        margin-left: 0px;
        padding: 10px 10px 20px 20px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .zp-ticket-list .zp-desk-module-filter form{
        padding: 0px;
    }
    .zp-ticket-list .zp-desk-module-filter form .zp-save-button{
        float: right;
        margin-right: 10px;
    }
    .zp-table.ticket-records-list tbody td.zp-action-column .action-column-body{
        margin-left: 210px;
    }
    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-single-section.zp-normal-section{
        margin-left: 0px;
    }
    .zp-ticket-list .zp-desk-module-filter form .zp-filterticket{
        max-width: 100%;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .zp-record-details .zp-section-row.zp-normal-section {
        padding: 0px 10px 10px 10px;
    }
    
    .zp-module-retainer-invoices .section-header-right a{
        float: left;
    }
    .module-list-gallery .zp-module-list-item{
        width: calc(100% - 20px);
    }
    .zp-record-list-page .zp-section-header-container .section-header-text{
        width: 100%;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right{
        width: 100%;
        float: left;
    }
    .zwd-custom-document-list .zp-section-header-container .section-header-right{
        width: 100%;
        margin-top: 15px;
    }
    .zwd-custom-document-list .section-header-right a {
        float: left;
    }
    .zp-section-header-container .section-header-text {
        margin-left: 0px;
        width: 100%;
    }
    .zp-section-header-container.have-button .section-header-text {
        width: calc(100% - 40px);
    }
    .zp-record-details .zp-section-row.zp-normal-section .zp-section-header-container.have-button .section-header-right{
        width: 40px;
    }
    .zp-login-page img{
        display: none;
    }
    .zp-invite-user-page.zp-page-wraper #signup-form .ibox-content img{
        display: none;
    }
    .zp-invite-user-page.zp-page-wraper #signup-form .ibox-content #SignUp{
        margin: 50px auto;
        padding: 30px;
    }
    .zp-invite-user-page.zp-page-wraper {
        padding: 0px;
    }
    .zp-modal-wraper .zp-record-edit .zp-section-row.zp-single-section .zp-section-content .zp-left-section,
    .zp-modal-wraper .zp-section-row .zp-section-content .zp-left-section{
        width: 100%;
        margin: 0px;
    }
    .zp-page-wraper .zp-modal-content{
        width: 95%;
    }
    .zp-select-attachment-container .zp-select-attachment-info{
        margin: 0px;
    }
    .zp-select-attachment-container{
        padding: 20px;
    }
    .zp-page-content.zoho-desk-page:not(.zp-dashboard-page) .zp-single-section {
        margin-left: 10px;
        margin-right: 10px;
    }
    .zp-ticket-add-page.zp-record-edit .zp-section-row.zp-single-section .zp-field-details-section.description-field-section{
        margin-left: 0px;
    }
    .zp-ticket-add-page.zp-record-edit .zp-section-row.zp-single-section .zp-section-content .zp-left-section {
        width: calc(100% - 10px);
    }
    .zp-ticket-add-page.zp-record-edit .zp-section-row.zp-normal-section.zp-single-section{
        padding-left: 10px;
    }
    .zoho-desk-page .zp-section-header-container .section-header-text {
        width: 100%;
    }
    .zp-ticket-add-page.zp-record-edit .zp-section-row.zp-normal-section{
        padding-left: 20px;
    }
    .zp-ticket-add-page .zp-section-row .zp-section-content .zp-left-section{
        width: calc(100% - 10px);
    }
    .zp-ticket-add-page .zp-section-row .zp-section-content .zp-right-section{
        width: calc(100% - 10px);
    }
    
    #colorbox {
        width: 100% !important;
        left: 0px !important;
    }
    #cboxWrapper {
        width: 100% !important;
    }
    #cboxContent {
        width: calc(100% - 45px) !important;
    }
    #cboxLoadedContent {
        width: 100% !important;
    }
    #cboxTopCenter,
    #cboxBottomCenter {
        width: calc(100% - 45px) !important;
    }
    .zp-element-text-block pre.zp-text-pre{
        margin-top: 0px;
    }
    .zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-content{
        width: calc(100% - 20px);
    }
    .zp-page-content .zp-col-9.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-page-content .zp-col-8.zp-element.zp-element-quicklink .zp-element-content{
        width: calc(100% - 20px);
    }
    .zp-page-content .zp-col-8.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-page-content .zp-col-6.zp-element.zp-element-quicklink .zp-element-content{
        width: calc(100% - 20px);
    }
    .zp-page-content .zp-col-6.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-element-account-manager.zp-col-6 .zp-element-content{
        padding: 15px;
        width: 100%;
    }
    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content{
        width: calc(100% - 20px);
    }
    .zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-element-account-manager.zp-col-4 .zp-element-content{
        padding: 50px 30px 0px 30px;
        /* margin-top: -160px; */
    }
    .zp-page-content .zp-col-4.zp-element.zp-element-account-manager .zp-element-content{
        padding: 15px;
    }
    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item{
        width: calc(100% - 5px);
    }
    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink{
        margin-left: 5px;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content{
        width: calc(100% - 20px);
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
        margin-bottom: 5px;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-account-manager .zp-element-content{
        width: 100%;
        padding: 15px;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item{
        width: calc(100% - 5px);
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink{
        margin-left: 5px;
    }
    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-banner, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-quicklink .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-video .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-row .zp-col-12.zp-element-iframe {
        width: 100%;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-section-row.zp-single-section .zp-section-content .zp-left-section{
        width: 100%;
    }
    
    .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager{
        width: 100%;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-quicklink .zp-element-content{
        width: 100%;
    }
    .zp-page-content.zp-record-list-page:not(.zp-dashboard-page) .zp-section-row.zp-single-section .zp-section-content .zp-left-section {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .zp-page-content.zp-record-list-page:not(.zp-dashboard-page) .zp-col-6.zp-element, .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element.zp-element-account-manager{
        width: calc(100% - 0px);
        margin-left: 0px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6{
        width: calc(100% - 20px);
        margin-left: 0px;
    }
    .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6, .zp-page-content.zp-books-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6{
        margin-left: -10px;
        width: calc(100% + 5px);
    }
    .zp-page-content.zp-workdrive-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6, .zp-page-content.zp-workdrive-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6{
        width: calc(100% - 30px);
        margin-left: 10px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-text-block .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-text-block .zp-element-content{
        width: 100%;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-12 .zp-element-content{
        width: 100%;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-header{
        padding: 0px 15px 8px 15px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-content, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-col-12.zp-element.zp-element-video .zp-element-content{
        width: 100%;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item, .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item{
        width: 100%;
        margin: 2px 0px;
    }
    .zp-books-page .zp-section-content{
        margin-left: 10px;
        margin-right: 5px;
    }
    .zp-books-page .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }
    .zoho-desk-page .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }
    .zp-zoho-vault-page .zp-normal-section{
        margin-left: 20px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6, .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6{
        margin-left: 0px;
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item svg, .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item svg{
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a, .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }
    .zp-top-bar .zp-portal-title{
        margin-top: 8px;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-group{
        width: 100%;
    }
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td:first-child{
        text-align: left;
    }
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td a{
        text-align: left;
    }
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody tr td.zp-action-column{
        padding: 15px 15px 5px;
    }
    .zoho-subscription-page .zp-record-list-section td{
        padding: 40px 15px 15px;
        text-align: left;
    }
    .zp-section-header-container .section-header-right{
        width: 100%;
    }
    .zp-file-preview-item{
        width: 110px;
        height: 110px;
    }
    .zp-record-search.active svg, .zp-record-list-page .zp-section-header-container .section-header-right .zp-record-search.active svg{
        background-color: var(--btn_view_fc);   
    }
   .zp-record-search.active svg path, .zp-record-list-page .zp-section-header-container .section-header-right .zp-record-search.active svg path{
    background-color: var(--btn_view_fc);   
    fill: #FFFFFF;
    }
    .zp-books-list-section .zp-section-header-container .section-header-right .zp-record-search.active svg{
        background-color: var(--btn_view_fc);   
    }
    
}

@media only screen and (max-width: 450px) {
    .zp-page-wraper.zp-sign-up-page {
        padding: 25px;
    }
    .zp-custom-btn-top-left{
        width: 100%;
        margin-top: 0px;
    }
    .zp-custom-btn-top-right{
        width: 100%;
        margin-top: 0px;
    }
    .zp-custom-btn{
        width: 100%;
        margin-left: 0px;
    }
    .zp-custom-btn-bottom-left{
        width: 100%;
        margin-top: 0px;
    }
    .zp-custom-btn-bottom-right{
        width: 100%;
        margin-top: 0px;
    }
    .zp-element-account-manager.zp-col-6 img{
        display: none;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-account-manager img{
        display: none;
    }
}
@media only screen and (max-width: 400px) {
    .zp-auth-page #zp-forget-password-form .login-form-footer .zp-btn-reset, .zp-reset-password-page .login-form-footer .zp-btn-reset{
        white-space: normal;
    }
    .zp-child-account-section {
        width: 250px;
    }
    .zp-row.zp-related_module_section-section .dataTables_paginate{
        margin-right: 0px;
        margin-left: 0px;
    }
    .zp-related_module_section-section .zp-table tbody tr td.zp-action-column .action-column-body{
        left: 170px;
        top: -50px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.previous{
        padding-left: 5px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.next{
        padding-right: 8px;
    }
    .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-fileupload-input .zp-existing-file{
        width: 63%;
    }
    /* .zp-record-edit .zp-section-row .zp-field-edit-container .zp-subform-record-list .zp-input-field:not(.zp-checkbox-input){
        width: 63%;
    } */
    .zp-books-page .zp-books-list-section .zbooks-record-list tbody td.zp-action-column .action-column-body{
        margin-left: 150px;
    }
    .zp-element-banner .zp-slider-image{
        height: 160px;
    }
    .zp-element-banner .fa.fa-arrow-left, .zp-element-banner .fa.fa-arrow-right{
        top: 60px;
    }
    #dropzoneFileUpload{
        margin-left: 20px;
    }
    .dataTables_filter .zp-datatable-search{
        right: 0px;
        width: 317px;
    }
    .dataTables_filter .zp-datatable-search button[type="submit"]{
        right: 276px;
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm input{
        width: 315px;
    }
    .zp-books-list-section .dataTables_filter .zp-datatable-search{
        right: 10px;
    }
    .zp-table.ticket-records-list tbody td.zp-action-column .action-column-body{
        margin-left: 160px;
    }
    .zp-modal-wraper .zp-edit-cancel-btn{
        font-size: 15px;
    }
    .zp-modal-wraper .zp-submit-btn{
        font-size: 15px;
    }
    .zp-record-details .zp-section-row.zp-normal-section {
        padding: 0px 15px 10px 15px;
    }
    .zp-books-page .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }
    .zoho-desk-page .zp-element-quicklink .zp-element-content .zp-quicklink-item a {
        padding-top: 0px;
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }

    .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-left-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a, .zp-page-content.zp-zoho-vault-page:not(.zp-dashboard-page) .zp-right-section.zp-col-6 .zp-element-quicklink.zp-col-6 .zp-element-content .zp-quicklink-item a{
        padding-top: 0px;
    }
    .zp-dropzone .zp-dropzone-bottom{
        width: calc(100% - 40px);
    }
    .zp-record-list-page .zp-section-header-container .section-header-right .zp-unisrc-crm form{
        left: 10px;
    }
    .zp-file-preview-item {
        width: 95px;
        height: 95px;
    }
    .zp-element-account-manager .zp-element-content {
        padding: 15px;
    }
}

/* ======================================================
   Zoho Desk — theme-aware overrides
   ====================================================== */

/* Primary action button (Apply filters, Close ticket, Send reply) */
.zp-desk-primary-btn {
    background-color: var(--btn_submit_bg_color, #3b82f6) !important;
    color: #fff !important;
    border: none !important;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}
.zp-desk-primary-btn:hover {
    filter: brightness(1.12);
}
.zp-desk-primary-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--btn_submit_bg_color, #3b82f6) 35%, transparent);
}

/* Agent avatar */
.zp-desk-agent-avatar {
    background-color: var(--btn_submit_bg_color, #3b82f6) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--btn_submit_bg_color, #3b82f6) 40%, transparent);
}

/* Agent message bubble */
.zp-desk-agent-bubble {
    background-color: color-mix(in srgb, var(--btn_submit_bg_color, #3b82f6) 10%, #fff) !important;
    border-color: color-mix(in srgb, var(--btn_submit_bg_color, #3b82f6) 30%, transparent) !important;
}

/* Fix search input left-padding (portal global CSS overrides Tailwind pl-11) */
#searchInput {
    padding-left: 2.75rem !important;
}

/* ---- Zoho Sign Integration ---- */

/* Status badge pill */
.zp-sign-status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

/* Sign Now button */
.zp-sign-now-btn {
    background: var(--btn_submit_bg_color, #3b82f6);
    color: #fff !important;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 12px;
    cursor: pointer;
    transition: opacity 0.15s;
}
.zp-sign-now-btn:hover {
    opacity: 0.85;
    color: #fff !important;
}

/* Decline button */
.zp-sign-decline-btn {
    background: transparent;
    color: #dc2626;
    border: 1px solid #dc2626;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 12px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.zp-sign-decline-btn:hover {
    background: #dc2626;
    color: #fff;
}

/* Sign modal — full-width iframe container */
.zp-sign-modal-wraper .zp-modal-content {
    width: 98% !important;
    max-width: 1400px;
    height: 90vh !important;
}
.zp-sign-modal-wraper .zp-modal-body-content {
    padding: 0 !important;
    overflow: hidden;
    height: calc(100% - 50px);
}
.zp-sign-modal-wraper .zp-modal-body-content iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Sign detail sections */
.zp-sign-detail-section {
    margin-bottom: 24px;
}
.zp-sign-detail-section h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--heading_fc, #0f172a);
}
.zp-sign-detail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px 24px;
}
.zp-sign-detail-item label {
    font-size: 11px;
    color: #64748b;
    display: block;
    margin-bottom: 2px;
}
.zp-sign-detail-item span {
    font-size: 13px;
    color: var(--body_fc, #1e293b);
}

/* Recipients table in details view */
.zp-sign-recipients-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.zp-sign-recipients-table th {
    background: rgba(15, 23, 42, 0.03);
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    color: #64748b;
    border-bottom: 1px solid #e2e8f0;
}
.zp-sign-recipients-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #f1f5f9;
}

/* Action cell spacing */
.zp-list-action-cell {
    display: flex;
    align-items: center;
    gap: 6px;
}
.zp-list-action-cell .zp-btn {
    display: inline-flex;
}

/* Mobile — full-screen modal */
@media only screen and (max-width: 768px) {
    .zp-sign-modal-wraper .zp-modal-content {
        width: 100% !important;
        height: 100vh !important;
        border-radius: 0;
    }

    .zp-module-sign-document .zp-table td:before {
        font-weight: 600;
        color: #64748b;
        font-size: 11px;
    }

    .zp-sign-detail-grid {
        grid-template-columns: 1fr;
    }

    .zp-list-action-cell {
        flex-wrap: wrap;
    }
}
}