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: 18px;
    font-weight: 400;
    padding: 6px 25px;
}
.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;
    width: 100%;
    border-radius: 50px;
    padding: 20px;
    background: var(--portal_primary_bg_color);
    box-shadow: 1px 1px 15px -4px rgb(204 204 204);
}
.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: rgb(0, 14, 78);
    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 */
.zp-login-page{
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 45px;
    padding: 50px;
}
.zp-login-page img{
    position: relative;
}

.zp-login-page .login-form{
    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-login-page #zp-forget-password-form{
    height: 487px;
}
.zp-sign-up-page .login-form{
    width: 610px;
    min-height: 855px;
    height: auto;
    /* float: right; */
    margin: 0 auto;
    padding: 90px 80px;
    border: solid 1px rgb(233 233 233);
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    z-index: 1;
    display: block;
    position: relative;
}
.zp-page-wraper.zp-auth-page{
    max-width: 1280px;
    min-height: 450px;
}
.zp-auth-page #zp-login-form header, 
.zp-auth-page #zp-forget-password-form .login-form-header label{
    line-height: 24px;
    float: left;
    margin-bottom: 42px;
    width: 100%;
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    font-weight: 600;
    color: rgb(0, 14, 78);
}
.zp-auth-page #zp-sign-up-form header{
    line-height: 24px;
    float: left;
    margin-bottom: 35px;
    width: 100%;
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    font-weight: 600;
    color: rgb(0, 14, 78);
}
/* .zp-auth-page .zp-input-group {
    border: solid 1px rgb(233 233 233);
    border-radius: 10px;
    box-shadow: 0px 0px 10px -2px rgb(204 204 204);
    padding: 15px 20px;
    position: relative;
} */
.zp-auth-page .zp-input-group label{
    margin-bottom: 10px;
    line-height: 18px;
}
.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 #E6E6E6;
    padding: 7px;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
    width: 100%;
}
.zp-auth-page .zp-input-group .fas{
    float: right;
    cursor: pointer;
    position: absolute;
    top: 57px;
    right: 15px;
    color: rgb(0, 14, 78);
}
.zp-auth-page .login-form .zp-link-sign-up{
    float: right;
}
.zp-auth-page .login-form-footer{
    float: left;
    width: 100%;
}
.zp-auth-page .login-form-footer .zp-btn-reset,
.zp-auth-page .login-form-footer .zp-btn-login{
    width: 100%;
    margin-top: 15px;
    background-color: rgb(93, 96, 239);
    color: rgb(255, 255, 255);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    border-radius: 10px;
}
.login-form-footer .zp-link-forget-password, .login-form-footer .signup_span {
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    color: rgb(93, 96, 239);
}
.login-form-footer .zp-link-sign-up .no_account{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    color: rgb(93, 96, 239);
}
.zp-login-page .login-form-footer .zp-btn-login{
    margin-bottom: 50px;
}
.zp-auth-page #zp-forget-password-form .login-form-footer .zp-btn-reset{
    margin-top: 5px;
    margin-bottom: 50px;
}

/* 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: 18px;
    font-weight: 400;
    color: rgb(38,47,74);
    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 */
.zp-top-bar{
    width: 100%;
    padding: 15px;
    box-shadow: 0px 0px 10px -5px rgb(204 204 204);
    border-radius: 50px;
    background-color: var(--topbar_bg_color);
    margin-bottom: 15px;
}
.zp-top-bar-left{
    float: left;
}
.zp-account-image{
    float: left;
}
.zp-top-bar .zp-change-account-image-js{
    cursor: pointer;
}
.zp-portal-title{
    float: left;
}

.zp-top-bar-left{
    float: left;
    width: 50%;
}
.zp-top-bar-right{
    float: right;
    width: 50%;
}
.zp-child-account-list{
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    position: relative;
    width: calc(100% - 115px);
}
.zp-child-account-curent{
    cursor: pointer;
    float: right;
    text-align: right;
    width: 100%;;
}
.zp-child-account-section{
    position: absolute;
    background: rgb(255 255 255);
    z-index: 3;
    padding: 15px;
    box-shadow: 0px 0px 10px -2px rgb(204 204 204);
    border-radius: 50px;
    width: 325px;
    right: 0;
}
.zp-profile-info{
    cursor: pointer;
    float: right;
    border: solid 1px rgb(204 204 204);
    border-radius: 50px;
}
.zp-profile-info .fas{
    padding: 13px;
    float: left;
}
.zp-profile-image-contact{
    float: right;
    border-radius: 50px;
    width: 40px;
    float: left;
}
.zp-top-bar .zp-portal-title{
    color: var(--topbar_fc);
    font-weight: 700;
    font-size: 26px;
    padding: 0px 0px 0px 5px;
    font-family: Plus Jakarta Sans;
    line-height: 42px;
}
.zp-top-bar .zp-page-wraper{
    padding: 20px;
}
.zp-top-bar .zp-profile-image-acc{
    height: 40px;
    float: left;
    border-radius: 50px;
}
.zp-top-bar .zp-child-account-title{
    color: var(--topbar_fc);
    font-size: 14px;
    font-weight: 700;
    font-family: Plus Jakarta Sans;
    /* float: left; */
    width: calc(100% - 23px);
    display: inline-block;
}
.zp-top-bar .childDropdown{
    color: var(--topbar_fc);
    font-size: 20px;
    float: right;
}
.zp-top-bar .childDropdown.fa-caret-right{
    margin-left: 10px;
    margin-top: 3px;
}
.zp-top-bar .zp-profile-info i{
    color: rgb(93,96,239);
}
.zp-top-bar .zp-profile-info{
    border: solid 1px rgb(127,130,155);
    position: relative;
    float: right;
}
.zp-top-bar-left .zp-side-nav-toggle{   
    display: none;
}
.zp-top-bar .zp-pc-user-name{
    word-break: break-all;
}
.zp-top-bar .zp-pc-user-email{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}



/* Profile Info Container */
.zp-profile-info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.zp-profile-image-contact {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

/* Profile Menu Styles */
.zp-profile-menu {
    display: none;
    position: absolute;
    top: 55px; /* Adjust based on your layout */
    right: -36px; /* Adjust based on your layout */
    width: 305px;
    height: auto;
    /* min-height: 277px; */
    background-color: rgb(255 255 255);
    border: 1px solid rgb(221 221 221);
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    z-index: 9;
}

.zp-profile-menu .zp-profile-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 10px;
    display: unset;
}

.zp-profile-menu h2{
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-weight: 600;
    color: rgb(0,14,78);
    margin-top: 0px;
    margin-bottom: 15px;
}

.zp-profile-menu p {
    margin: 0;
    font-size: 0.9em;
    color: #666;
}

.zp-top-bar p:not(.has-background):last-of-type{
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    color: rgb(127,130,155);
}

.zp-menu-options {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
    border-top: 1px solid rgb(230, 230, 230);
    padding-top: 10px;
}

.zp-settings-button, .zp-logout-button {
    background: none;
    border: none;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    color: rbg(127,130,155);
    font-family: Plus Jakarta Sans;
    font-weight: 500;
}

.zp-top-bar .zp-settings-button i{
    color: rgb(127,130,155);
    font-size: 16px;
    padding: 5px;
}

.zp-logout-button {
    color: rgb(250, 90, 125);
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 500;
}
.zp-top-bar .zp-logout-button i {
    color: rgb(250, 90, 125);
    font-size: 16px;
    padding: 5px;
}
.zp-child-account-search{
    padding: 15px 15px 0px 15px;
}
.zp-child-account-search .zp-search-child-account{
    color: rgb(93, 96, 239);
    font-size: 18px;
    top: 42px;
    position: absolute;
    left: 45px;
    cursor: pointer;
}
.zp-top-bar .zp-child-account-item{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    color: rgb(93,96,239);
    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 rgb(230,230,230);
    border-color: rgb(230,230,230) !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: rgb(0, 14, 78);
}
.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: -20px;
    margin-right: -10px;
}
.zp-record-details .zp-section-row{
    padding-left: 20px;
}
.zp-record-details .zp-section-row.zp-normal-section{
    padding-left: 60px;
}
.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;
}
.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 rgb(76, 181, 143);
    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: 18px;
    color: rgb(93, 96, 239);
    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: 18px;
    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 rgb(93, 96, 239); */
    border: 1px solid var(--btn_add_fc);
    width: 113px;
    margin: 30px auto;
    background-color: var(--btn_add_bg_color);
    /* color: rgb(93, 96, 239); */
    color: var(--btn_add_fc);
    padding: 5px 0px;
    border-radius: 10px;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    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: 18px;
    color: rgb(93, 96, 239);
    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 rgb(76,181,143);
    border-radius: 15px;
    margin: 30px 0px;
}


/* Side Nav */
.zp-side-nav{
    /* width: 200px; */
    padding: 0px 20px 10px 0px;
    float: left;
    height: auto;
    background-color: var(--menu_bg_color);
    border-radius: 15px;
}
.zp-side-nav .zp-menu-item{
    list-style: none;
}

.zp-side-nav .zp-menu-item svg{
    width: 20px;
    height: 20px;
}
.zp-side-nav .zp-menu-item.active-menu svg{
    float: left;
    margin-right: 15px;
}
.zp-side-nav .zp-menu-item svg{
    float: left;
    margin-right: 15px;
}
.zp-side-nav .zp-menu-item i.zp-menu-icon{
    float: left;
    font-size: 20px;
    margin-right: 15px;
}
.zp-side-nav .zp-menu-item i.zp-childmenu-toggle-icon{
    /* float: left; */
    float: right;
    font-size: 20px;
    margin-left: 7px;
    margin-right: 7px;
}
.zp-side-nav .zp-menu-item i::before{
    color: var(--menu_fc);
}
.zp-side-nav .zp-menu-item.active-menu i::before{
    color: var(--menu_active_fc);
}
.zp-side-nav .zp-menu-item:not(.zp-childmenu) a:hover i::before{
    color: var(--menu_hover_fc);
}
.zp-side-nav .zp-menu-item.active-menu svg .ccgp-menu-i,
.zp-side-nav .zp-menu-item.active-menu svg .menuIconColor{
    fill: var(--menu_active_fc);
}
.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{
    fill: var(--menu_hover_fc)
}
.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)
}
.zp-menu-item a{
    display: block;
    width: 100%;    
    padding: 10px 10px 10px 15px;;
    margin: 5px 0px;
    border-radius: 15px;
}
.zp-menu-item.active-menu a{
    background-color: var(--menu_active_bg_color);
    color: var(--menu_active_fc);
    width: 100%;
}
.zp-menu-item:not(.zp-childmenu) a:hover{
    background-color: var(--menu_hover_bg_color);
    color: var(--menu_hover_fc);
    width: 100%;
}
.zp-menu-item.active-menu .zp-sb-menu-lable, .zp-menu-item.active-menu .zp-menu-lable, .zp-menu-item:not(.zp-childmenu) a:hover .zp-sb-menu-lable, .zp-menu-item:not(.zp-childmenu) a:hover .zp-menu-lable{
    float: left;
    font-family: Plus Jakarta Sans;
    /* font-size: 16px; */
    font-weight: 500;
    color: var(--menu_active_fc);
}
.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: 500;
    color: var(--menu_fc);
    float: left;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
}
.zp-menu-item:not(.zp-childmenu) a:hover .zp-menu-lable, .zp-menu-item:not(.zp-childmenu) a:hover .zp-sb-menu-lable{
    color: var(--menu_hover_fc);
}
.zp-menu-item .zp-childmenu-toggle .zp-menu-lable{
    width: calc(100% - 68px);
}
.zp-side-nav .zp-childmenu .zp-submenu-item-list{
    margin: 0px;
    padding-left: 0px;
}
.zp-childmenu .zp-menu-item .zp-menu-lable{
    font-size: 14px;
}
.zp-side-nav .zp-menu-item.active-menu svg path, .zp-side-nav .zp-menu-item.active-menu svg .menuIconColor{
    fill: rgb(255, 255, 255);
}
.zp-menu-item.logout .fa-sign-out-alt::before{
    color: rgb(250,90,125);
}
.zp-menu-item.logout .zp-menu-lable{
   color: rgb(250,90,125);
}
.zp-menu-item .zp-childmenu .zp-menu-item a{
    padding: 10px 10px 10px 15px;
    margin-left: 15px;
    width: calc(100% - 15px);
}


.zp-page-content{
    float: right;
    min-height: 500px;
}
.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: rgb(0, 14, 78);
}
.zp-reset-password-page .login-form-footer .zp-btn-reset{
    margin-bottom: 50px;
}
.zp-menu-item.change-password{
    margin-top: 20px;
}


/* Dashboard */
.zp-dashboard-element-row {
    margin-bottom: 50px;
}
/* .zp-element-text-block{
    margin-top: 45px;
} */
.zp-element-text-block .zp-element-header {
    float: right;
    width: 35%;
    text-align: center;
    font-size: 32px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    color: var(--heading_fc);
    padding: 160px 75px 0px 90px;
    line-height: 32px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-header{
    padding: 0px 60px 0px 60px;
}
.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: 10px;
    padding: 0px 50px 0px 50px;
}
.zp-dashboard-page .zp-element-text-block .zp-element-header{
    padding: 0px 75px 0px 90px;
    margin-top: 10%;
    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: 20px 40px;
    margin: 0px;
    text-align: center;
    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: 100px 25px 100px 24%;
}
.zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-header{
    padding: 0px 40px 0px 50px;
}
.zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-content{
    width: 60%;
}
.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: 65%;
}
.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 30px 0px 30px;
}
.zp-page-content .zp-col-8.zp-element.zp-element-text-block .zp-element-header{
    padding: 0px 15px 0px 15px;
    word-break: break-word;
}
.zp-page-content .zp-col-8.zp-element.zp-element-quicklink .zp-element-header{
    padding: 0px 30px 0px 30px;
}
.zp-page-content .zp-col-8.zp-element.zp-element-quicklink .zp-element-content{
    width: 60%;
}
.zp-page-content .zp-col-8.zp-element.zp-element-video .zp-element-header{
    margin-top: 55px;
    margin-right: 0px;
    padding: 100px 20px 100px 24%;
}
.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;
    float: left;    
    font-size: 24px;
    width: 100%;
    margin-bottom: 5px;
}
.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: 0px;
    float: left;    
    font-size: 24px;
    width: 100%;
    margin-bottom: 10px;
}
.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: 0px 0px 15px 0px;
}
.zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
    width: 30px;
    float: left;
}
.zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item a{    
    width: calc(100% - 30px);
    float: left;
    padding: 0px 0px 0px 20px;
    display: block;
}
.zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header{
    margin-top: 0px;
    margin-right: 0px;
    font-size: 24px;
    line-height: 24px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
    margin-bottom: 5px;
    align-items: center;
}
.zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header svg{
    width: 30px;
    height: 30px;
    margin-bottom: 0px;
    float: left;
    margin-right: 10px;
}
.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: 24px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.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: 24px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.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: 24px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.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: 24px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.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: 0px 0px 15px 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: 0px 0px 15px 0px;
}
.zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
    width: 30px;
    float: left;
    margin-right: 5px;
}
.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: 30px;
    float: left;
    margin-right: 5px;
}
.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: 24px;
    line-height: 24px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
    margin-bottom: 5px;
    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: 24px;
    line-height: 24px;
    padding: 0px;
    width: 100%;
    background-color: transparent;
    margin-bottom: 5px;
    align-items: center;
    display: inline;
}
.zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header svg{
    width: 30px;
    height: 30px;
    margin-bottom: 0px;
    float: left;
    margin-right: 10px;
}
.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: 30px;
    height: 30px;
    margin-bottom: 0px;
    float: left;
    margin-right: 10px;
    min-width: unset;
}
.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: 30px;
    width: 63%;
    z-index: 1;
    position: relative;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content{
    width: 65%;
}
.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-top: -150px; */
    margin-left: 40px;
    width: calc(63% - 40px);
    /* height: 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: right;
    text-align: left;
    font-family: Plus Jakarta Sans;
    margin-top: 56px;
    font-size: 32px;
    font-weight: 600;
    background-color: rgb(255, 255, 255);
    width: 55%;
    padding: 100px 65px 100px 24%;
    color: rgb(0, 14, 78);
    line-height: 32px;
    border-radius: 30px;
    margin-right: 40px;
}
.zp-dashboard-page .zp-element-video .zp-element-header{
    margin-top: 90px;
}
.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{
    margin-bottom: 30px;
}
.zp-page-content .zp-element-video.zp-col-6 .zp-element-header svg{
    margin: 0px 20px 0px 0px;
    min-width: 60px;
}
.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 20px 0px 0px;
    min-width: 60px;
}
.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: 0px 0px 10px -2px rgb(204 204 204);
    border-radius: 50px;
    width: 64%;
    margin-top: 0px;
    position: absolute;
}
.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: -479px;
}
.zp-page-content:not(.zp-dashboard-page) .zp-element-video .zp-element-header{
    margin-top: 90px;
}
.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: 30px;
    float: left;
}
.zp-dashboard-page.zp-col-6 .zp-element-quicklink {
    margin-top: 0px;
}
.zp-element-quicklink .zp-element-header {
    float: left;
    width: 40%;
    text-align: center;
    margin-top: 5%;
    font-size: 32px;
    font-family: Plus Jakarta Sans;
    font-weight: 600;
    color: rgb(0, 14, 78);
    padding: 0px 75px 0px 90px;
    line-height: 32px;

}
.zp-element-quicklink.zp-col-6 .zp-element-header {
    width: 100%;
    padding: 20px 40px;
    text-align: center;
    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: 0px 50px 0px 50px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.zp-element-quicklink .zp-element-content {
    float: left;
    width: calc(60% - 25px);
}
.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{
    float: left;
    padding: 30px;
    box-shadow: none;
    border-radius: 30px;
    margin: 15px;
    width: calc(50% - 30px);
    background-color: rgb(255,255,255);
}
.zp-element-quicklink .zp-element-content .zp-quicklink-item a{
    width: 100%;
    display: block;
}
.zp-element-text-block pre.zp-text-pre {
    background: transparent;
    white-space: pre-wrap;
    text-align: left;
    color: #2C2D2D;
    font-weight: normal;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    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: 30px;
    width: 28%;
}
.zp-quicklink-item.zp-ql-item-index-0 svg{
    fill: rgb(76, 181, 143);
}
.zp-quicklink-item.zp-ql-item-index-0 a{
    color:rgb(76, 181, 143);
}
.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: rgb(250, 90, 125);
}
.zp-quicklink-item.zp-ql-item-index-3 a{
    color: rgb(250, 90, 125);
}
.zp-quicklink-item svg path{
    fill: rgb(255,255,255);
}
.zp-quicklink-item a{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    padding-top: 20px;
}
.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: right;
    padding: 15px;
    width: 65%;
}
.zp-element-account-manager.zp-col-6 .zp-element-content{
    padding: 15px;
    width: 100%;
}
.zp-element-account-manager img{
    width: 35%;
    padding: 15px;
    border-radius: 30px;
    float: left;
}
.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: 18px;
    font-weight: 400;
    color: rgb(38, 47, 74);
    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: 18px;
    font-weight: 400;
    color: rgb(38, 47, 74);
    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: 18px;
    font-weight: 400;
    color: rgb(38, 47, 74);
    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: rgb(0,14,78);
}
.zp-acm-item.zp-acm-manager{
    color: rgb(127,130,155);
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 18px;
    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: rgb(0,14,78);
    margin-bottom: 25px;
}
.zp-element-iframe iframe{
    width: 100%;
}


/* Profile */
.zp-inline-edit-icon{
    display: none;
    position: absolute;
    right: 7px;
    top: 7px;
}
.zp-inline-edit:hover .zp-inline-edit-icon{
    display: block;
}
.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: 30px; */
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: var(--heading_fc);
    float: left;
}
.zp-section-row .section-header-text svg path{
    fill: var(--heading_fc);
}
.zp-record-details .zp-section-row{
    margin-bottom: 55px;
}
.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: rgb(93 96 239);
    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: rgb(93 96 239);
    cursor: pointer;
    color: rgb(255 255 255);
    border-radius: 50px;
}
.zp-row.zp-related_module_section-section{
    margin-right: 0px;
}
.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: 14px;
    font-weight: 700;
    color: var(--field_label_fc);
    /* order: 2; */
    margin-bottom: 0px;
}
.zp-record-edit .zp-section-row .zp-field-label{
    order: 0;
}
.zp-record-details .zp-inline-edit{
    cursor: pointer;
}
.zp-record-details .zp-inline-edit:hover{
    border-radius: 3px;;
    width: 100%;
}
.zp-record-details .zp-field-data{
    /* order: 1; */
    position: relative;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    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{
    /* display: grid; */
    padding-top: 20px;
}
.zp-record-details .zp-field-details-section.inline-enable{
    display: block;
    padding-top: 20px;
}
.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: 18px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 10px 15px;
    border: 1px solid rgb(230, 230, 230);
    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: 16px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 0px;
    margin: 5px 0px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: transparent;
    word-break: break-word;
    border-color: transparent;
    margin: 0px;
}
.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: 16px;
    font-family: Plus Jakarta Sans;
    color: rgb(93, 96, 239);
    /* 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: rgb(255, 255, 255);
    height: 50px;
    color: var(--table_heading_color);
    font-size: 14px;
    font-family: Plus Jakarta Sans;
    padding-left: 40px;
    padding-right: 30px;
    font-weight: 600;
    border-width: 0px 0px 1px 0px;
}
.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: 20px 10px 20px 40px;
    border-width: 0px 0px 1px 0px;
}
.zp-table tbody tr td pre{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    color: rgb(38, 47, 74);
}
.zp-table tbody tr td a span{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    color: rgb(93, 96, 239);
    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: 22px;
    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 rgb(230,230,230);
    font-size: 18px;
}
.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 rgb(230, 230, 230);
}
.zp-field-details-section .inline-edit-container .select2-selection__rendered{
    font-size: 18px;
}
.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: 18px;
    margin-top: 5px;
}
.zp-field-details-section .inline-edit-container .zp-currency-input-group{
    width: calc(100% - 60px);
    border-radius: 10px;
    border: 1px solid rgb(230, 230, 230);
    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: rgb(38, 47, 74);
    padding-top: 5px;
    padding-left: 10px;
    font-size: 18px;
    line-height: 30px;
}
.zp-field-details-section .inline-edit-container .zp-currency-input-group .zp-input-field{
    float: left;
    border: none;
    font-size: 18px;
}
.zp-field-details-section .inline-edit-container .select2-selection--single{
    border: 1px solid rgb(230, 230, 230);
    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: rgb(255,255,255); /* Change the background color on focus */
}
.zp-record-details .section-attachment-container table tbody td{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 40px;
    color: rgb(38, 47, 74);
}
.zp-record-details .section-attachment-container table tbody td:first-child{
    color: rgb(93,96,239);
    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 rgb(230, 230, 230);
    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 rgb(230, 230, 230);
    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: rgb(250, 90, 125);
    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: rgb(38, 47, 74);
    padding: 5px 15px;
    border: 1px solid rgb(230, 230, 230);
}
.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: rgb(38, 47, 74) 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: rgb(250, 90, 125);
    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 rgb(230, 230, 230);
    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: 18px;
}
.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;
}

/* List page */
#filterDateRangeModal .filter_with,
#filterDateRangeModal .filterbydate{
    width: 100%;
}
#filterDateRangeModal .zp-modal-footer{
    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: 20px;
}
.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: 10px 0px;
    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: rgb(38,47,74);
}

.zp-table tbody td.zp-action-column .action-column-body a.zp-delete-attachment{
    color: rgb(250,90,125);
}
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: 16px;
    width: 16px;
    background: rgb(255, 255, 255);
}
.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 rgb(230, 230, 230);
}
.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: rgb(250, 90, 125);
}
.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: 20px;
    width: 15px;
}
.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: rgb(38, 47, 74);
    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 40px;
    height: 50px;
}
.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: rgb(93, 96, 239);
    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: rgb(38, 47, 74);
    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: 10px 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    width: max-content;
    top: -15px;
    right: 80px;
    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: 18px;
    font-weight: 400;
    /* 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: rgb(250, 90, 125);
    border: 1px solid rgb(250, 90, 125);
    padding: 6px 23px;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    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: rgb(0,14,78);
    line-height: 36px;
}
.dataTables_wrapper .dataTables_length select{
    font-family: Plus Jakarta Sans;
    padding: 9px;
    border: 1px solid rgb(230,230,230);
    font-weight: 700;
    color: rgb(38,47,74);
    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: rgb(93,96,239);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    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: rgb(38,47,74) !important;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 700;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 18px;
    color: rgb(127,130,155);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.next, .previous):hover{
    background: transparent;
    color: rgb(38,47,74) !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: rgb(93, 96, 239);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid rgb(93, 96, 239);
    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:rgb(93, 96, 239);
    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;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter svg{
    background-color: rgb(239,183,110);
    padding: 9px;
    border-radius: 10px;
    float: left;
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter svg path{
    stroke: rgb(255, 255, 255);
}
.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: rgb(93, 96, 239);
    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: 0px;
    margin-left: 10px;
}
.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 rgb(230,230,230);
    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: 18px;
    font-weight: 400;
    background-color: transparent;
    color: rgb(250,90,125);
    border: 1px solid rgb(250,90,125);
    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 rgb(230, 230, 230);
}

.zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter svg:hover, .zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter.active svg{
    background-color: rgb(239,183,110);
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter svg:hover path, .zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter.active svg path{
    stroke: rgb(255,255,255);
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter.inactive svg{
    background-color: rgb(255, 255, 255);
}
.zp-record-list-page .zp-section-header-container .section-header-right .zp-record-filter.inactive svg path{
    stroke: rgb(239, 183, 110);
}
.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 40px !important;
}
.zbooks-record-list tr{
    background-color: transparent !important;
}
.zbooks-record-list td, .zbooks-record-list td span{
    color: rgb(38, 47, 74);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
}
.zbooks-record-list td a{
    color: rgb(93, 96, 239);
    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: 18px;
    line-height: 18px;
    font-weight: 600;
    color: var(--heading_fc);
}
.zp-books-list-section .zp-section-header-container .section-header-right svg{
    background-color: rgb(93, 96, 239);
    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: 18px;
    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: 18px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 10px 15px;
    border: 1px solid rgb(230, 230, 230);
    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: rgb(250, 90, 125);
    border: 1px solid rgb(250, 90, 125);
    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: 18px;
    color: rgb(38, 47, 74);
    margin-right: 10px;
    float: right;
}
.zp-books-list-section .dataTables_wrapper{
    overflow: auto;
    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: 18px;
    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 rgb(230, 230, 230);
}


/* 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: rgb(38, 47, 74);
    padding: 15px 0px;
}

/* Vault */
.zp-zoho-vault-page .zp-add-scrate-section{
    height: auto;
    float: right;
}
.zp-zoho-vault-page .panel-heading{
    margin-bottom: 20px;    
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    height: auto;
    cursor: pointer;
}
.zp-zoho-vault-page .zp-accordion-heading .chamber-name{
    line-height: 32px;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 600;
    color: rgb(0, 14, 78);
}
.zp-zoho-vault-page .zp-accordion-heading .chamber-name svg:first-child{
    height: 20px;
    width: 20px;
    margin: 5px 20px 0px 25px;
    float: left;
}
.zp-zoho-vault-page .zp-accordion-heading .chamber-name svg:nth-child(2) {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}
.zp-accordion-heading .panel-title .zp-chamber-name{
    float: left;
}
.zp-zoho-vault-page .zp-accordion-heading .zp-add-scrate-section a{
    float: right;
    margin-top: 8px;
    color: rgb(93, 96, 239);
    margin-right: 20px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body{
    border: none;
    padding-left: 40px;
}
.zp-zoho-vault-page .zp-panel-collapse{
    display: none;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading{
    background-color: rgb(255,255,255);
    height: auto;
    border-radius: 10px;
}
/* .zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading:hover{
    border: 1px solid rgb(93, 96, 239);
} */
.zp-zoho-vault-page .panel-heading{
    border: 1px solid rgb(255,255,255);
}
.zp-zoho-vault-page .panel-heading:hover{
    border: 1px solid rgb(93, 96, 239);
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-accordion{
    border-radius: 10px;   
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-accordion.zp-vault-secret{ 
    border: 1px solid rgb(255,255,255);
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-accordion.zp-vault-secret:hover{ 
    border: 1px solid rgb(93, 96, 239);
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group{
    margin-bottom: 10px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body{
    background-color: rgb(255,255,255);
    border-radius: 0 0 10px 10px;
    height: auto;
    padding-left: 80px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-collapse{
    display: none;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .ch_desc{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding-top: 20px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .ch_desc_label{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 700;
    color: var(--field_label_fc);
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-data{
    float: left;
    display: grid;
    width: calc(50% - 30px);
    padding-top: 25px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .js-decode{
    width: fit-content;
    float: left;
    cursor: pointer;
    padding-top: 25px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .js-decode svg{
    height: 20px;
    width: 20px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .js-show-encoded-data{
    width: fit-content;
    float: left;
    cursor: pointer;
    padding-top: 25px;
    display: none;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .js-show-encoded-data svg{
    height: 20px;
    width: 20px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-data .un-label{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 700;
    color: var(--field_label_fc);
    order: 2;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-data .un-label .label_divider{
    float: right;
    padding-right: 10px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-data .un-value{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    color: var(--field_value_fc);
    padding: 0px;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: transparent;
    line-height: 10px;
    padding-bottom: 10px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-data .un-value.unclr{
    padding-bottom: 5px;
    line-height: 5px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-data .un-value .value_divider{
    float: right;
    padding-right: 10px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-data .un-value .hidden_data{
    float: left;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-url{
    float: left;
    display: grid;
    padding-top: 20px;
    width: 50%;
    padding-bottom: 15px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-url .zp-vault-url-label{
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 700;
    color: var(--field_label_fc);
    order: 2;
    padding-top: 3px;
}
.page-zportals .zp-submit-btn:disabled{
    background-color: #5d60efcc;
    border: solid 1px #5d60efcc;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-group .zp-panel-body .zp-secret-url .zp-vault-url{
    font-size: 18px;
    font-family: Plus Jakarta Sans;
    color: rgb(93, 96, 239);
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
    word-break: break-word;
    text-align: justify;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .chamber-name .ch_desc{
    padding-left: 65px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .panel-title{
    float: left;
    width: calc(100% - 60px);
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childChmbrAction{
    float: right;
    padding-top: 15px;
    padding-right: 35px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childShmbrActionSection{
    position: absolute;
    padding: 0px;
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    width: max-content;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 5px;
    z-index: 2;
    right: 60px;
    display: none;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childShmbrActionSection .childChambrEdit .scrateEdit svg{
    height: 20px;
    width: 20px;
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: -3px;

}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childShmbrActionSection .childChambrEdit .scrateEdit{
    color: var(--btn_edit_fc);
    width: 100%;
    display: block;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 18px;
    padding: 6px 12px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childShmbrActionSection .deletesecrate svg{
    height: 20px;
    width: 20px;
    margin-right: 15px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: -3px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childShmbrActionSection .deletesecrate{
    color: var(--btn_delete_fc);
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: justify;
    width: 100%;
    display: block;
    font-family: Plus Jakarta Sans;
    font-weight: 400;
    font-size: 18px;
    padding: 6px 12px;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childChmbrAction .action-button{
    display: grid;
    cursor: pointer;
}
.zp-zoho-vault-page .zp-panel-collapse .zp-panel-body .zp-sub-panel-heading .childChmbrAction .action-button svg{
    height: 5px;
    width: 5px;
    margin: 1px 0px;
}
.zp-zoho-vault-page .js-sc-data-container .zp-secret-data:nth-child(even) .value_divider{
    display: none;
}
.zp-zoho-vault-page .js-sc-data-container .zp-secret-data:nth-child(even) .label_divider{
    display: none;
}
.zp-zoho-vault-page .zp-module_list_section-section{
    margin-left: 0px;
    margin-right: 0px;
}




/* 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: rgb(93, 96, 239);
    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: rgb(93, 96, 239);
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 400;
}
.ticket-records-list td{
    color: rgb(38, 47, 74);
    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: rgb(38, 47, 74);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
}
.zwd-document-list .zp-document-list th{
    padding: 10px 40px;
}
.drive-wrapper{
    background-color: transparent;
}
.zwd-document-list .zp-document-list .drive-items-list td a{
    color: rgb(93, 96, 239);
}


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

/* 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: rgb(93, 96, 239);
}
.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: 18px;
    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: rgb(93, 96, 239);
}
.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: 18px;
    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: rgb(93, 96, 239);
}
.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: 18px;
    font-weight: 400;
    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: 50px;
    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: rgb(0, 14, 78);
    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: rgb(93, 96, 239);
    color: rgb(255, 255, 255);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    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: 2;
}
.zp-modal-wraper .zp-section-header-container svg#caret-down-fill {
    float: left;
    margin-right: 20px;
}
.zp-modal-wraper .zp-record-edit .zp-attachment-upload-section .zp-section-header-container{
    margin-left: 15px;
    margin-bottom: 40px;
}
.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: 18px;
    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: 18px;
    font-weight: 400;
    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: 18px;
    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: rgb(250, 90, 125);
    border: 1px solid rgb(250, 90, 125);
    padding: 6px 23px;
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    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: #5D60EF;
    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: rgb(38, 47, 74);
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
}
.zoho-desk-page .zp-table tbody tr td a{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
}
.zoho-thread-details-page .zp-thread-info{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    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: rgb(250, 90, 125);
}

.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-login-page .login-form {
        margin-top: -225px;
    } */
    .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: 60%;
    }
    .zp-quicklink-item a {
        font-size: 17px;
    }
    .zp-element-text-block pre.zp-text-pre{
        font-size: 17px;
    }
    .zp-element-quicklink .zp-element-header{
        padding: 0px 30px 0px 40px;
    }
    .zp-page-content .zp-col-9.zp-element.zp-element-quicklink .zp-element-header{
        padding: 0px 10px 0px 10px;
    }
    .zp-element-video .zp-element-header{
        margin-right: 0px;
        padding: 100px 20px 100px 153px;
    }
    .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: 100px 10px 70px 110px;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item{
        padding: 20px;
    }
    .zp-page-content .zp-col-8.zp-element.zp-element-video .zp-element-header{
        padding: 100px 10px 100px 100px;
    }
    .zp-record-details .zp-element-text-block .zp-element-header{
        padding: 0px 30px 0px 30px;
    }
    .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: -475px;
    }


    @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: 80%;
        /* margin-top: -145px; */
        padding: 50px;
    }

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

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

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

    .zp-side-nav {
        display: none;
    }

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

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

    .zp-top-bar-left .zp-side-nav-toggle {
        float: left;
        display: block;
        color: rgb(0, 14, 78);
        font-size: 20px;
        margin-top: 12px;
        margin-right: 10px;
    }

    .zp-page-wraper {
        overflow: hidden;
    }

    .zp-page-content {
        float: left;
    }

    .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: 0px 0px 10px 0px;
        font-size: 24px;
    }

    .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: calc(50% - 7px);
    }

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

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

    .zp-dashboard-page .zp-element-quicklink .zp-element-content .zp-quicklink-item {
        width: calc(50% - 20px);
        margin: 7px;
    }

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

    .zp-quicklink-item svg {
        width: 20%;
    }

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

    .zp-element-video .zp-element-header {
        margin-top: 0px;
        padding: 30px 155px 100px 50px;
        font-size: 24px;
        width: 65%;
    }

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

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

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

    .zp-element-account-manager img {
        width: 35%;
    }

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

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

    .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: -20px;
        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: rgb(0, 14, 78);
    }

    .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: rgb(0, 14, 78);
    }

    .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,
    .ticket-records-list td:before {
        font-size: 16px;
        font-family: Plus Jakarta Sans;
        font-weight: 600;
        color: rgb(0, 14, 78);
        padding-top: 8px;
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zp-related_module_section-section td:before {
        font-size: 16px;
        font-family: Plus Jakarta Sans;
        font-weight: 600;
        color: rgb(0, 14, 78);
        padding-top: 8px;
        padding-left: 10px;
        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: right;
        padding: 5px 15px;
        border-radius: 15px;
    }

    .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist {
        width: calc(100% - 20px);
        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: transparent;
    }

    .zp-table tbody td:hover,
    .zp-table tbody td:active {
        background-color: rgb(255, 255, 255);
    }

    .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;
    }

    .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: rgb(255, 255, 255);
        border-radius: 10px;
        border-bottom: none;
    }

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

    /* .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: rgb(0, 14, 78);
        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: calc(100% + 5px);
        margin-left: -5px;
    }

    .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: rgb(38, 47, 74);
        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: rgb(0, 14, 78);
        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-left: 0px;
    }

    .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: 30px 155px 100px 50px;
        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: 30px 155px 100px 50px;
        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: 30px 155px 100px 50px;
        font-size: 24px;
        width: 65%;
        margin-top: 0px;
        background-color: rgb(255, 255, 255);
    }

    .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: 30px 155px 100px 50px;
        font-size: 24px;
        width: 65%;
        margin-top: 0px;
        background-color: rgb(255, 255, 255);
        display: block;
    }

    .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: block;
    }

    .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 20px 0px 0px;
        min-width: 60px;
    }
    
    .zp-page-content .zp-element-video.zp-col-6 .zp-element-header {
        display: block;
    }

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

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

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

    .zp-element-account-manager.zp-col-6 .zp-element-content {
        padding: 15px 15px 0px 0px;
        width: 65%;
        float: right;
    }

    .zp-page-content .zp-element-text-block.zp-col-6 .zp-element-header {
        text-align: center;
        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: 30px 155px 100px 50px;
        font-size: 24px;
        line-height: 24px;
        width: 65%;
        background-color: rgb(255, 255, 255); 
    }

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

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

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

    /* .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: right;
        margin-top: 0px;
    }

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

    .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: calc(50% - 20px);
        margin: 7px;
    }

    .zp-page-content .zp-col-4.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg {
        width: 20%;
    }

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

    .zp-page-content .zp-col-4.zp-element.zp-element-video .zp-element-header svg {
        width: auto;
        float: unset;
        margin-bottom: 10px;
        width: 60px;
        height: 60px;
    }

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

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

    .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: 30px 155px 100px 50px;
        font-size: 24px;
        line-height: 24px;
        width: 65%;
        margin-top: 0px;
        background-color: rgb(255, 255, 255);
    }

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

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

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

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

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

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

    .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: calc(50% - 20px);
        margin: 7px;
    }

    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg {
        width: 20%;
        float: none;
    }

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

    .zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-header svg {
        width: auto;
        float: unset;
        margin-bottom: 10px;
        height: 60px;
        width: 60px;
    }

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

    .zp-page-content .zp-col-3.zp-element.zp-element-video .zp-element-content {
        margin-top: -70px;
        height: 350px;
    }
    .zp-dashboard-element-row{
        margin-bottom: 0px;
    }
    .zp-element-video.zp-col-6 .zp-element-content{
        margin-top: -110px;
    }
    .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: -90px;
    }
    .zp-page-content:not(.zp-dashboard-page) .zp-col-6.zp-element-video .zp-element-content{
        margin-top: -90px;
    }
    .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: -90px;
    }
    .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: -90px;
        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{
        float: left;
        margin-right: 5px;
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 15px;
    }
    .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: calc(50% - 7px);
        margin: 7px 7px 7px 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: center;
        display: flex;
        justify-content: center;
    }
    .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: 30px;
    }
    .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: 20%;
    }
    .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: 15px;
    }
    .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 rgb(76, 181, 143);
    }
    .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist,
    .zp-table tbody tr td{
        padding: 40px 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 {
        margin-top: 100px;
        padding: 30px;
    }
    .zp-login-page{
        padding: 0px;
    }
    .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: 0px 0px 10px 0px;
        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: 0px;
        margin-bottom: 10px;
        padding: 25px;
    }
    .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: 3px 0px 7px 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: 3px 0px 7px 10px;
        width: calc(100% - 15px);
    }
    .zp-quicklink-item svg {
        width: 15%;
    }
    .zp-element-video .zp-element-header{
        width: 92%;
    }
    .zp-element-video .zp-element-header{
        padding: 30px 30px 100px 30px;
    }
    .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: 30px;
    }
    .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-left: 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: 30px 30px 100px 30px;
    }
    .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: 30px 30px 100px 30px;
    }
    .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: 30px 30px 100px 30px;
    }
    .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: 30px 30px 100px 30px;
    }
    .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: 30px 20px 100px 20px;
        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: 15%;
    }
    .zp-page-content .zp-col-3.zp-element.zp-element-quicklink .zp-element-content .zp-quicklink-item svg{
        width: 15%;
    }
    .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: 30px 20px 100px 20px;
    }
    .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: 0px 0px 15px 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: 10px;
    }
    .zoho-desk-page .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 10px;
    }
    .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: 10px;
    }
    .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: 15%;
    }
    .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: 10px;
    }
    .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: rgb(93, 96, 239);   
    }
   .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: rgb(93, 96, 239);   
    fill: #FFFFFF;
    }
    .zp-books-list-section .zp-section-header-container .section-header-right .zp-record-search.active svg{
        background-color: rgb(93, 96, 239);   
    }
    
}

@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-left: 20px;
    }
    .zp-books-page .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 7px;
    }
    .zoho-desk-page .zp-element-quicklink .zp-element-content .zp-quicklink-item a {
        padding-top: 5px;
    }
    .zp-element-quicklink .zp-element-content .zp-quicklink-item a{
        padding-top: 7px;
    }
    
    .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: 7px;
    }
    .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;
    }
}