/*!
* Jetpack CRM
* https://jetpackcrm.com
*
* Copyright 2022 Automattic
*
* Date: 22/08/22
*/
/*!
* Jetpack CRM
* https://jetpackcrm.com
*/
.zbs-theme-support-2017 .entry-header {
display: none;
}
.zbs-theme-support-2017 .entry-content {
float: none !important;
width: 100% !important;
}
.zbs-theme-support-2017 .zbs-client-portal-wrap .form-control {
margin-bottom: 0.4em;
}
.zbs-theme-support-2017 #zbs-nav-tabs li a i.fa {
margin-left: 0.6em;
}
.zbs-theme-support-2017 .zbs-field-group,
.zbs-theme-support-2017 .zbs-field-group table {
box-sizing: border-box;
}
.zbs-theme-support-2017 .zbs-field-group td div.zbs-text-input,
.zbs-theme-support-2017 .zbs-field-group td select,
.zbs-theme-support-2017 .zbs-field-group table td div.zbs-text-input,
.zbs-theme-support-2017 .zbs-field-group table td select {
width: 214px;
}
.zbs-theme-support-2017 .zbs-fieldgroup-main_address table td div.zbs-text-input {
width: 204px;
}
.zbs-theme-support-2019 .zbs-site-main {
margin: 0 !important;
max-width: 100% !important;
}
.zbs-theme-support-2019 .zbs-portal-wrapper-sin {
padding: 0;
width: 68% !important;
}
.zbs-theme-support-2020 .zbs-site-main {
max-width: 100% !important;
}
.zbs-theme-support-2020 #zbs-nav-tabs {
border-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.zbs-theme-support-2020 .zbs-portal-wrapper {
background: #fff;
border-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.zbs-theme-support-2020 .zbs-portal-wrapper h1 {
font-size: 2em !important;
}
.zbs-theme-support-2020 .zbs-portal-wrapper h2 {
margin-top: 0 !important;
}
.zbs-theme-support-2020 .zbs-portal-wrapper-sin {
padding: 20px !important;
padding-right: 40px !important;
border-radius: 0 !important;
min-height: 650px !important;
position: relative !important;
flex: 1 !important;
flex-grow: 3 !important;
float: left !important;
width: 70% !important;
box-sizing: border-box !important;
}
.zbs-theme-support-2020 .entry-header {
display: none;
}
.zbs-theme-support-2020 .post-inner {
padding-top: 0.5em !important;
}
.zbs-theme-support-2020 .container.zbs-portal-login {
margin-right: auto;
margin-left: auto;
}
.zbs-theme-support-2021 .zbs-site-main {
margin: 0 2em 2em 2em !important;
max-width: 100% !important;
}
.zbs-theme-support-2021 .entry-header {
display: none;
}
.zbs-theme-support-2021 .entry-content {
margin-top: 0;
}
.zbs-theme-support-2021 .site-main {
padding-top: 0;
}
.zbs-theme-support-2021 .zbs-portal-wrapper {
margin-top: 0;
}
.zbs-theme-support-2021 .container.zbs-portal-login {
margin-right: auto;
margin-left: auto;
}
.zbs-theme-support-2021 #zbs-main .zerobs-proposal > .zerobs-proposal-body {
max-width: 800px;
}
.zbs-theme-support-2022 {
/* hide page title and subsequent hr */
}
.zbs-theme-support-2022 .wp-block-post-title,
.zbs-theme-support-2022 .wp-block-post-title + hr {
display: none;
}
.zbs-theme-support-2022 .zbs-portal-grid {
/* give padding to main portal area */
padding: 0 30px 0 30px;
/* style table elements better */
}
.zbs-theme-support-2022 .zbs-portal-grid table {
border-collapse: collapse;
width: 100%;
}
.zbs-theme-support-2022 .zbs-portal-grid th,
.zbs-theme-support-2022 .zbs-portal-grid td {
border: 1px solid;
padding: 10px;
}
:root {
--font-title-large: 36px;
--font-title-small: 24px;
--font-body: 16px;
--font-label: 12px;
--jp-black: #000;
--jp-black-80: #2c3338;
--jp-white: #fff;
--jp-white-off: #f9f9f6;
--jp-gray: #dcdcde;
--jp-gray-0: #f6f7f7;
--jp-gray-5: #dcdcde;
--jp-gray-10: #c3c4c7;
--jp-gray-20: #a7aaad;
--jp-gray-30: #8c8f94;
--jp-gray-40: #787c82;
--jp-gray-50: #646970;
--jp-gray-60: #50575e;
--jp-gray-70: #3c434a;
--jp-gray-80: #2c3338;
--jp-gray-90: #1d2327;
--jp-gray-100: #101517;
--jp-gray-off: #e2e2df;
--jp-yellow-10: #f2cf75;
--jp-red-0: #f7ebec;
--jp-red-50: #d63638;
--jp-red-60: #b32d2e;
--jp-red-80: #8a2424;
--jp-red: #d63639;
--jp-pink: #c9356e;
--jp-green-0: #f0f2eb;
--jp-green-5: #d0e6b8;
--jp-green-10: #9dd977;
--jp-green-20: #64ca43;
--jp-green-30: #2fb41f;
--jp-green-40: #069e08;
--jp-green-50: #008710;
--jp-green-60: #007117;
--jp-green-70: #005b18;
--jp-green-80: #004515;
--jp-green-90: #003010;
--jp-green-100: #001c09;
--jp-green: #069e08;
--jp-green-primary: var(--jp-green-40);
--jp-green-secondary: var(--jp-green-30);
--jp-border-radius: 4px;
--jp-menu-border-height: 1px;
--jp-underline-thickness: 2px;
--jp-modal-padding-large: 32px;
--jp-modal-padding: 24px;
--jp-modal-padding-small: 16px;
--jp-modal-radius: 8px;
--jp-button-padding: 8px;
--jp-button-radius: 4px;
--jp-gap: 16px;
}
.zbs-client-portal-wrap {
position: relative;
min-height: 650px !important;
display: flex;
}
.zbs-client-portal-wrap #zbs-nav-tabs {
list-style-type: none;
width: 30%;
float: right;
min-height: 650px;
margin: 0;
padding-right: 0;
box-shadow: 0 1px 0 1px #ccc;
border-radius: 0 7px 7px 0;
padding-top: 7px;
flex: 1;
}
.zbs-client-portal-wrap #zbs-nav-tabs li {
list-style: none;
position: relative;
padding: 0;
}
.zbs-client-portal-wrap #zbs-nav-tabs li a {
display: block;
padding: 10px;
box-shadow: none;
}
.zbs-client-portal-wrap #zbs-nav-tabs li a:hover {
box-shadow: none;
background: #000;
color: #fff;
}
.zbs-client-portal-wrap #zbs-nav-tabs a {
color: #ccc;
}
.zbs-client-portal-wrap #zbs-nav-tabs a:hover {
color: #ccc !important;
}
.zbs-client-portal-wrap #zbs-nav-tabs .fa {
margin-left: 0.5em;
}
.zbs-client-portal-wrap #zbs_invoice_logos img {
max-width: 50%;
max-height: 100px;
}
.zbs-client-portal-wrap wh-logo-set-img {
max-width: 50%;
height: 100px;
}
.zbs-client-portal-wrap .alert {
margin: 2em;
background: #38b6dc;
text-align: center;
padding: 1em;
border-radius: 0.5em;
}
.zbs-client-portal-wrap .alert a {
color: #000 !important;
font-weight: 800;
}
.zbs-client-portal-wrap .alert a:hover {
text-decoration: underline;
}
.zbs-client-portal-wrap .container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.zbs-client-portal-wrap .zbs-portal-wrapper {
padding: 20px;
box-shadow: -1px 1px 1px 1px #ccc;
border-radius: 7px 0 0 7px;
min-height: 650px !important;
position: relative;
flex: 1;
flex-grow: 3;
}
.zbs-client-portal-pro-note {
background: #000;
text-align: center;
color: #fff;
padding: 1em;
margin: 2em;
font-family: helvetica, sans-serif;
border-radius: 0.5em;
}
.zbs-client-portal-pro-note img,
.zbs-client-portal-pro-note a img {
margin-top: 1em;
border: 0;
}
.zbs-client-portal-pro-note a {
color: #fff !important;
font-weight: 800;
}
.zbs-client-portal-pro-note a:hover {
text-decoration: underline;
}
.zbs-client-portal-pro-note .small {
margin-top: 1em;
font-size: 0.7em;
}
.zbs-client-portal-pro-note .small span {
color: #00f;
}
.zbs-client-portal-pro-note .small span:hover {
cursor: pointer;
}
.zbs_alert {
padding: 10px;
background: #8bc34a;
color: #fff;
display: block;
text-align: center;
}
.zbs-portal-wrapper {
padding-right: 20px;
padding-left: 20px;
float: left;
width: 70%;
box-sizing: border-box !important;
}
.zbs-portal-wrapper h1 {
margin-top: 0;
}
.zbs-portal-wrapper .zbs-field-checkbox-wrap .zbs-cf-checkbox {
margin-top: 0;
margin-bottom: 0;
}
.zbs-portal-wrapper .zbs-field-checkbox-wrap .zbs-cf-checkbox label {
padding: 0 23px 0 0 !important;
}
.zbs-portal-wrapper .zbs-field-checkbox-wrap .zbs-cf-checkbox:first-of-type {
padding-right: 0 !important;
}
.zbs-portal-wrapper .zbs-field-checkbox-wrap .zbs-cf-checkbox label,
.zbs-portal-wrapper .zbs-field-checkbox-wrap .zbs-cf-checkbox + label {
font-size: 16px !important;
font-weight: 400;
}
.zbs-portal-wrapper .zbs-field-radio-wrap {
text-align: right;
}
.zbs-portal-wrapper .zbs-field-radio-wrap .zbs-radio {
margin: 0;
padding: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
vertical-align: baseline;
font-style: normal;
min-height: 17px;
line-height: 17px;
min-width: 17px;
font-size: 16px !important;
font-weight: 400;
}
.zbs-portal-wrapper {
/* Few tweaks as provided by Alvaro in slack ... wh selectively added
* those which made sense for multi-theme userbase JIRA-ZBS-531 */
}
.zbs-portal-wrapper .zbs-portal-login .login-form input[type=text],
.zbs-portal-wrapper .zbs-portal-login .login-form input[type=password],
.zbs-portal-wrapper .form-control.widetext,
.zbs-portal-wrapper .form-control.zbs-tel,
.zbs-portal-wrapper .form-control.zbs-email,
.zbs-portal-wrapper .form-control.zbs-date,
.zbs-portal-wrapper input[type=text],
.zbs-portal-wrapper input[type=password],
.zbs-portal-wrapper input[type=tel],
.zbs-portal-wrapper input[type=email],
.zbs-portal-wrapper input.text,
.zbs-portal-wrapper input.title,
.zbs-portal-wrapper textarea,
.zbs-portal-wrapper select {
padding-right: 1em;
padding-left: 1em;
margin-bottom: 1em;
width: 100%;
height: 50px;
}
.zbs-portal-wrapper {
/* Fixes for Astra Theme and general poor display on WP.org themes */
}
.zbs-portal-wrapper label {
clear: right;
}
.zbs-portal-wrapper-sin {
padding-right: 20px;
padding-left: 20px;
float: left;
width: 100%;
}
.zbs-portal-wrapper-sin h1 {
margin-top: 0;
}
.zbs-alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding: 10px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.zbs-portal-login .login-form {
width: 500px;
max-width: 80%;
padding: 20px;
border: 1px solid #ddd;
text-align: center;
margin: auto;
margin-bottom: 50px;
margin-top: 20px;
}
.zbs-portal-login .login-form input[type=text],
.zbs-portal-login .login-form input[type=password] {
width: 100%;
}
.zbs-portal-invoices-list .tools .fa {
color: #a3210b;
}
.zbs-portal-invoices-list .status {
padding: 5px;
border-radius: 2px;
}
.zbs-portal-invoices-list .paid {
background: #008000;
color: #fff;
font-weight: 700;
line-height: 21px;
}
.zbs-portal-invoices-list .unpaid {
background: #d0d012;
color: #fff;
font-weight: 700;
line-height: 21px;
}
.zbs-portal-invoices-list .draft {
background: #999;
color: #fff;
font-weight: 700;
line-height: 21px;
}
.zbs-portal-invoices-list .overdue {
background: #f00;
color: #fff;
font-weight: 700;
line-height: 21px;
}
.zbs-invoice-thanks {
text-align: center;
}
.zbs-single-invoice-portal .zbs-invoice-pull-left {
float: right;
width: 50%;
}
.zbs-single-invoice-portal .zbs-invoice-pull-right {
float: left;
width: 50%;
text-align: left;
}
.zbs-single-invoice-portal .clear {
clear: both;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner {
padding: 20px;
border: 1px solid #ddd;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .status-total {
position: relative;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner #invoice_totals tr td {
border: none;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner #zbs-business-info-wrapper {
width: 50%;
float: right;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner #zbs-customer-info-wrapper {
width: 50%;
float: left;
text-align: left;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box {
padding: 50px;
border: 1px solid #ddd;
margin-bottom: 20px;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .zbs-portal-value {
font-size: 40px;
font-weight: 900;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box table,
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box td,
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box th {
table-layout: auto;
border: none;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box table .dz,
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box td .dz,
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box th .dz {
font-size: 13px;
font-style: italic;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .ri {
text-align: left;
font-weight: 600;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .cen {
text-align: center;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .zbs-invoice-paid {
position: absolute;
left: 0;
top: 0;
padding: 30px;
margin-left: 50px;
color: #038d24;
background: #92e9a7;
text-transform: uppercase;
font-weight: 900;
margin-top: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .zbs-invoice-paid .fa {
margin-left: 10px;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .zbs-portal-label {
background: #546273;
color: #fff;
display: inline;
padding: 5px;
border-radius: 4px;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .pay-to-name {
font-size: 30px;
font-weight: 800;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .inv-num {
font-size: 18px;
font-weight: 800;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-invoice-box .zbs-portal-biz {
margin-top: 20px;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-portal-inv-deets {
text-align: left;
}
.zbs-single-invoice-portal .zbs-invoice-portal-inner .zbs-portal-inv-deets .date {
font-style: italic !important;
}
.zbs-fieldgroup-main_address,
.zbs-fieldgroup-second_address {
width: 48%;
float: right;
margin-left: 2%;
}
.zbs-fieldgroup-main_address table,
.zbs-fieldgroup-second_address table {
width: 100%;
}
.zbs-fieldgroup-main_address_100w,
#wptbpMetaBoxGroup-main_address_100w {
width: 100%;
}
.zbs-hide {
display: none;
}
.zbs-fieldgroup-main_address::after {
content: "";
display: table;
clear: both;
}
.zerobs-proposal-actions {
text-align: center;
margin-top: 3em;
}
.zerobs-proposal-poweredby {
margin-top: 2em;
}
.entry-title {
display: none !important;
}
.fullW {
width: 100% !important;
}
.zbs-line-info-title {
font-size: 30px;
font-weight: 800;
}
.portal-invoice-to {
margin-bottom: 20px;
}
.zbs-entry-content {
margin-top: var(--global--spacing-vertical);
}
.zbs-portal-grid {
display: grid;
gap: 1rem;
overflow: auto;
}
@media (min-width: 1100px) {
.zbs-portal-grid {
grid-template-columns: 1fr 3fr;
}
.zbs-portal-grid .zbs-multi-group-wrap {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.zbs-portal-grid .zbs-multi-group-item {
margin-top: 10px !important;
margin-bottom: 10px !important;
flex: 1;
}
.zbs-portal-grid .zbs-portal-grid-footer {
grid-column: span 2;
}
}
@media (max-width: 1100px) {
.zbs-portal-grid .zbs-responsive-table table,
.zbs-portal-grid .zbs-responsive-table thead,
.zbs-portal-grid .zbs-responsive-table tbody,
.zbs-portal-grid .zbs-responsive-table th,
.zbs-portal-grid .zbs-responsive-table td,
.zbs-portal-grid .zbs-responsive-table tr {
display: block;
}
.zbs-portal-grid .zbs-responsive-table thead {
display: none;
}
.zbs-portal-grid .zbs-responsive-table tr {
border: 1px solid rgba(0, 0, 0, 0.2);
}
.zbs-portal-grid .zbs-responsive-table td {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
padding-right: 50%;
}
.zbs-portal-grid .zbs-responsive-table td::before {
position: absolute;
right: 6px;
width: 45%;
padding-left: 10px;
white-space: nowrap;
content: attr(data-title);
top: 50%;
transform: translateY(-50%);
}
}
.zbs-portal-grid .zbs-multi-group-item:first-child {
margin-top: 30px;
}
.zbs-portal-grid .zbs-multi-group-item {
margin-bottom: 30px;
padding: 10px;
border-right: 5px solid rgba(0, 0, 0, 0.1);
}
.zbs-portal-grid .zerobs-proposal-body {
max-width: unset !important;
}
.zbs-portal-grid .zbs-field-group-label {
font-weight: 700;
font-size: 110%;
}
.zbs-portal-grid .zbs-portal-nav {
max-width: 58rem;
}
.zbs-portal-grid #zbs-nav-tabs {
padding: 0;
}
.zbs-portal-grid #zbs-nav-tabs li {
list-style: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-bottom-width: 0;
white-space: nowrap;
}
.zbs-portal-grid #zbs-nav-tabs li:last-child {
border-bottom-width: 1px;
}
.zbs-portal-grid #zbs-nav-tabs a {
display: block;
padding: 0.5em 1em;
}
.zbs-portal-grid #zbs-nav-tabs .fa {
margin-left: 0.5em;
}
.zbs-portal-grid .zbs-portal-content .alert {
margin: 2em;
background: var(--jp-green-20);
text-align: center;
padding: 1em;
border-radius: 0.5em;
}
.zbs-portal-grid .zbs-portal-content .alert a {
font-weight: 800;
}
.zbs-portal-grid .zbs-portal-grid-footer {
clear: both;
position: relative;
margin-top: 50px;
}
.zbs-portal-grid p {
padding: 3px;
margin: 0 0 6px;
}
.zbs-portal-grid label {
display: block;
margin: 0;
}
.zbs-portal-grid .zbs-radio label,
.zbs-portal-grid .zbs-cf-checkbox label {
white-space: nowrap !important;
padding: 2px;
}
.zbs-portal-grid .zbs-radio label span,
.zbs-portal-grid .zbs-cf-checkbox label span,
.zbs-portal-grid .zbs-radio label input,
.zbs-portal-grid .zbs-cf-checkbox label input {
vertical-align: middle;
}
.zbs-portal-grid #submit {
margin-top: 2rem;
}
.zbs-portal-grid input:not([type=checkbox]):not([type=radio]),
.zbs-portal-grid select,
.zbs-portal-grid textarea,
.zbs-portal-grid .jpcrm-inline-file-input {
width: 95%;
}
.zbs-portal-grid tr,
.zbs-portal-grid td,
.zbs-portal-grid th {
word-break: keep-all;
}
.zbs-portal-grid.no-nav {
grid-template-columns: 1fr;
}
#rememberme {
vertical-align: baseline;
margin-left: 5px;
}
.login-remember label {
display: block;
margin-top: 10px;
}
.sgr-recaptcha {
transform: scale(1);
}
.sgr-recaptcha div {
margin: auto;
}
.zbs-default-avatar {
font-size: 3em;
margin: 0.3em;
margin-top: 0.5em;
font-style: normal;
}
i.icon.child::before {
content: "\f1ae";
display: inline-block;
font-family: FontAwesome;
}
.client-portal-file-upload::before {
content: "\f0ee";
display: inline-block;
font-family: FontAwesome;
}
.client-portal-file-upload-remove::before {
content: "\f00d";
display: inline-block;
font-family: FontAwesome;
}
.client-portal-file-upload {
border: 1px solid #ccc;
display: inline-block !important;
padding: 6px 12px;
cursor: pointer;
width: initial;
}
.client-portal-file-upload,
.client-portal-file-upload-remove {
border: 1px solid #ccc;
display: inline-block !important;
padding: 6px 12px;
cursor: pointer;
width: initial;
}
.client-portal-file-upload:hover,
.client-portal-file-upload-remove:hover {
border: 1px solid #999;
}
.client-portal-input-file {
display: none;
}
.client-portal-profile-picture {
max-width: 150px;
height: auto;
display: inline-block;
}
.client-portal-profile-picture-container {
display: inline-block;
text-align: center;
}
.jpcrm-client-portal-admin-banner {
padding: 0 20px 20px 20px;
color: var(--jp-black);
}
.jpcrm-client-portal-admin-banner .admin-message {
text-wrap: balance;
}
.jpcrm-client-portal-admin-banner a,
.jpcrm-client-portal-admin-banner a:visited,
.jpcrm-client-portal-admin-banner a:active {
color: var(--jp-black);
text-decoration: underline;
}
.jpcrm-client-portal-admin-banner a:hover, .jpcrm-client-portal-admin-banner a:focus,
.jpcrm-client-portal-admin-banner a:visited:hover,
.jpcrm-client-portal-admin-banner a:visited:focus,
.jpcrm-client-portal-admin-banner a:active:hover,
.jpcrm-client-portal-admin-banner a:active:focus {
color: var(--jp-gray-80);
}
.jpcrm-invoice-lineitem-description {
text-align: right;
}
.jpcrm-invoice-lineitem-quantity,
.jpcrm-invoice-lineitem-price,
.jpcrm-invoice-lineitem-amount {
text-align: left;
}
#jpcrm-invoice-lineitems .jpcrm-invoice-lineitem-description {
width: 50%;
}
#jpcrm-invoice-lineitems .jpcrm-invoice-lineitem-description .title {
font-weight: 700;
}
#jpcrm-invoice-lineitems .jpcrm-invoice-lineitem-description .subtitle {
font-size: 13px;
font-style: italic;
}
#jpcrm-invoice-lineitems .jpcrm-invoice-lineitem-quantity,
#jpcrm-invoice-lineitems .jpcrm-invoice-lineitem-price,
#jpcrm-invoice-lineitems .jpcrm-invoice-lineitem-amount {
width: 15%;
}