@charset "UTF-8";
.text-failure,
.status-overdue {
    color: #ca4f4b;
}
:root {
    --zf-black-1: #000;
    --zf-black-2: #1d1d1b;
    --zf-black-3: #333;
    --zf-black-4: #21263c;
    --zf-black-5: #343a40;
    --zf-black-6: #2d324a;
    --zf-white-1: #fff;
    --zf-white-2: #ddd;
    --zf-white-3: #f5f5f5;
    --zf-white-4: #e7e7f7;
    --zf-white-5: #f1f1fa;
    --zf-orange-1: #ffa500;
    --zf-orange-2: #fba800;
    --zf-orange-3: #d1832e;
    --zf-orange-4: #ec9500;
    --zf-orange-5: #f76831;
    --zf-orange-6: #ffa147;
    --zf-orange-8: #ff6e2c;
    --zf-orange-9: #ff9e1d;
    --zf-orange-10: #fff3eb;
    --zf-orange-11: #f98800;
    --zf-orange-12: #f6a233;
    --zf-orange-13: #eb6100;
    --zf-orange-14: #bd6500;
    --zf-orange-15: #ff7e00;
    --zf-orange-16: #e78844;
    --zf-orange-17: #ff973b;
    --zf-orange-18: #fef4ea;
    --zf-orange-19: #fd9134;
    --zf-orange-20: #f59d00;
    --zf-grey-1: #fbfafa;
    --zf-grey-2: #f7f7f7;
    --zf-grey-3: #f3f4f8;
    --zf-grey-4: #fafafa;
    --zf-grey-5: #eee;
    --zf-grey-6: #ccc;
    --zf-grey-8: #cbcbcb;
    --zf-grey-10: #999;
    --zf-grey-11: #879697;
    --zf-grey-12: #6c7184;
    --zf-grey-13: #495569;
    --zf-grey-14: #dddfe9;
    --zf-grey-15: #b0adbd;
    --zf-grey-16: #838195;
    --zf-grey-17: #ebeaf2;
    --zf-grey-18: #d7d5e2;
    --zf-grey-19: #bcbcca;
    --zf-grey-20: #eceef4;
    --zf-grey-21: #f6f6f6;
    --zf-grey-22: #e9ebf3;
    --zf-grey-23: #f1f1fa;
    --zf-grey-24: #8f9fb2;
    --zf-grey-25: #ebe6e1;
    --zf-green-1: #1aaf5d;
    --zf-green-2: #53b05a;
    --zf-green-3: #468847;
    --zf-green-4: #42c488;
    --zf-green-5: #1aaf5d;
    --zf-green-6: #0fc85e;
    --zf-green-7: #2ddbcf;
    --zf-green-8: #64bf2a;
    --zf-green-9: #1fce88;
    --zf-green-10: #39c27d;
    --zf-green-11: #f0fbea;
    --zf-green-12: #549d06;
    --zf-green-13: #22b378;
    --zf-green-14: #57b729;
    --zf-green-15: #1aaf5d;
    --zf-green-16: #00b07e;
    --zf-green-17: #e8f7f1;
    --zf-green-18: rgba(225, 239, 232, 0.4);
    --zf-green-19: #00b050;
    --zf-green-20: #02816b;
    --zf-green-21: #25d366;
    --zf-green-22: #dcf8c8;
    --zf-green-23: #cfe9ba;
    --zf-yellow-1: #ddb630;
    --zf-yellow-2: #f8cb01;
    --zf-yellow-3: #ffb618;
    --zf-yellow-4: #f3b74e;
    --zf-yellow-5: #fff8ec;
    --zf-yellow-6: #f5dd90;
    --zf-yellow-7: #fefbf2;
    --zf-yellow-8: #fff7f2;
    --zf-yellow-9: #fff3bf;
    --zf-blue-1: #2a85fb;
    --zf-blue-2: #2098ff;
    --zf-blue-3: #f3f8fe;
    --zf-blue-4: #f9f9fb;
    --zf-blue-6: #227fb5;
    --zf-blue-7: #6a8aaf;
    --zf-blue-8: #cbdee8;
    --zf-blue-9: #2485e8;
    --zf-blue-10: #0084ff;
    --zf-blue-11: #3c97ff;
    --zf-blue-12: #268ddd;
    --zf-blue-13: #00a6ff;
    --zf-blue-14: #0092e0;
    --zf-blue-15: #3eb6fa;
    --zf-blue-16: #4b91ce;
    --zf-blue-17: #428bca;
    --zf-blue-18: #e5f6ff;
    --zf-blue-19: #dde3ff;
    --zf-blue-20: #edfafe;
    --zf-blue-21: #33495f;
    --zf-blue-22: #31708f;
    --zf-blue-23: #356bff;
    --zf-blue-24: #8d99ae;
    --zf-blue-25: #408dfb;
    --zf-blue-26: #ebf3fe;
    --zf-blue-27: #0080fe;
    --zf-blue-28: #ccd3e2;
    --zf-blue-29: #f0f5f7;
    --zf-blue-30: #e5f5ff;
    --zf-red-1: #f7525a;
    --zf-red-2: #e54643;
    --zf-red-3: #fff2f1;
    --zf-red-4: #fab2b1;
    --zf-red-5: #e54643;
    --zf-red-6: #eb9388;
    --zf-red-7: #e24520;
    --zf-red-8: #f11100;
    --zf-red-9: #f44;
    --zf-red-10: #fa3e81;
    --zf-red-11: #feedee;
    --zf-red-12: #f7525a;
    --zf-red-14: #ef5656;
    --zf-red-15: #ff2569;
    --zf-purple-1: #beb9ce;
    --zf-purple-2: #7a60d2;
    --zf-purple-3: #927afd;
    --zf-purple-4: #935de3;
    --zf-purple-5: #4e62c4;
    --zf-purple-6: #f5effe;
    --zf-purple-7: #a065fb;
    --zf-brown-1: #7e5e33;
    --zf-brown-2: #777;
    --zf-brown-3: #555;
    --zf-brown-4: #8a6d3b;
    --zf-brown-5: #444;
    --zf-brown-6: #666;
}
:root[enterprise-app="true"] {
    --zf-orange-18-rgb: 255, 244, 220;
    --zf-green-1: #468847;
    --zf-green-13: #57b156;
    --zf-blue-9: #4383de;
    --zf-orange-5: #e3833e;
    --zf-orange-13: #e78844;
    --zf-grey-11: #838195;
    --zf-grey-12: #757383;
    --zf-red-1: #ef5656;
    --zf-grey-15: #b8c9dd;
    --zf-grey-16: #757383;
    --zf-blue-4: #fafafc;
    --zf-grey-17: #ebedf6;
    --zf-grey-18: #d6d9e4;
    --zf-grey-21: #f0f0f5;
    --zf-red-2: #ef5656;
    --zf-red-11: #ffebeb;
    --zf-red-15: #f70000;
    --zf-orange-18: #fff4dc;
    --zf-orange-19: #e78844;
    --zf-blue-1: #288cf2;
    --zf-blue-25: #288cf2;
    --zf-blue-26: #e7f3ff;
    --zf-green-17: #e2faea;
    --zf-purple-6: #e5ebff;
    --zf-purple-7: #5b74f1;
    --zf-orange-11: #ff7348;
    --zf-yellow-7: #f9f3e6;
    --zf-grey-22: #eceef4;
    --zf-grey-23: #f0f2f6;
    --zf-white-5: #f3f4f5;
}
:root {
    --primary-color: #408dfb;
    --zf-font-family-base: "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    --zf-org-name-width: 280px;
    --zf-plan-name-width: 150px;
    --zf-modal-sm: 500px;
    --zf-modal-md: 700px;
    --zf-modal-lg: 840px;
    --zf-modal-xlg: 1030px;
    --zf-modal-footer-padding: 20px;
    --zf-modal-content-border-radius: 0 0 8px 8px;
    --zf-modal-header-padding: 12px 20px;
    --zf-modal-backdrop-color: #181c2e;
    --zf-checkbox-section-bg-color: #f9f9fb;
    --zf-mail-add-new-color: #21263c;
    --zf-badge-border-radius: 0;
    --zf-address-toggle-radius: 2rem;
    --zf-templete-backdrop-color: #14192f80;
    --zf-address-border-color: #dee2e6;
    --zf-primary-info-bg: var(--zf-blue-4);
    --zf-primary-info-border: none;
    --zf-solid-color: #21263c;
    --zf-preview-header-color: #181c2e;
    --zf-preview-footer-color: #181c2e;
    --zf-preview-blur-color: #181c2e;
    --zf-attachment-svg-bg: #21263c;
    --zf-slider-container-bg: #21263c;
    --zf-preview-navigate-color: #4c526c;
    --zf-toolbar-arrow-border: #fff;
    --zf-preview-scanned-bg: #21263c;
    --zf-preview-close-svg-bg: #21263c;
    --zf-form-input-height: 34px;
    --zf-form-input-border-color: #d7d5e2;
    --zf-form-input-border-radius: 6px;
    --zf-form-input-focus-box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
    --zf-form-input-focus-border-color: #408dfb;
    --zf-form-input-invalid-border-color: var(--unifiedtheme-red);
    --zf-form-input-invalid-box-shadow: unset;
    --zf-form-input-placeholder-color: #838195;
    --zf-inputselector-bg-color: #408dfb;
    --zf-inputselector-border-color: #00000040;
    --zf-checkbox-bg-img: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjRweCIgd2lkdGg9IjdweCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMl8wMDAwMDEzODUzMTk1NzQzNTk3ODQwMjEyMDAwMDAwMTgyODQxNTE1MDc4NTU2NzY1OF8iCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzNzQuOCAyOTUuMyIKCSBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNzQuOCAyOTUuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQ1LjQsMjk1LjNjLTcuNywwLTE1LjUtMi42LTIyLTcuOEwxMywxOTguMUMtMiwxODYtNC40LDE2My45LDcuOCwxNDguOWMxMi4yLTE1LDM0LjItMTcuMyw0OS4yLTUuMmw4NCw2OC4xTDMxMy4yLDEyLjEKCQlDMzI1LjktMi41LDM0OC00LjEsMzYyLjYsOC41YzE0LjYsMTIuNiwxNi4zLDM0LjcsMy42LDQ5LjRMMTcxLjksMjgzLjJDMTY1LDI5MS4yLDE1NS4yLDI5NS4zLDE0NS40LDI5NS4zTDE0NS40LDI5NS4zeiIvPgo8L3N2Zz4K");
    --zf-checkbox-border-radius: 3px;
    --zf-radiobutton-dot-size: 6px;
    --zf-radiobutton-dot-position-offset: 3px;
    --zf-btn-group-primary-border: 1px solid rgba(255, 255, 255, 0.5);
    --zf-btn-border-radius: 0.462rem;
    --zf-btn-border-color: #ddd;
    --zf-btn-secondary-bg: #f5f5f5;
    --zf-btn-secondary-hover-bg: #f8f8f8;
    --zf-btn-secondary-hover-border-color: #c6c6c6;
    --zf-btn-padding: 0.385rem 0.769rem;
    --zf-list-header-btn-padding: var(--zf-btn-padding);
    --zf-btn-lg-padding: 0.5rem 1rem;
    --zf-btn-lg-font-size: 1.25rem;
    --zf-txn-form-width: 1040px;
    --zf-pagination-font-size: 13px;
    --zf-pagination-font-weight: 500;
    --zf-pagination-border-color: #d7d5e2;
    --zf-page-link-sec-padding: 5px;
    --zf-pagination-setting-icon-size: 14px;
    --zf-status-column-font-size: 12px;
    --zf-status-column-text-transform: uppercase;
    --zf-table-row-selected-bg-color: #f1f1fa;
    --zf-table-row-selected-hover-bg-color: #f1f1fa;
    --zf-table-row-hover-bg-color: #f6f6fa;
    --zf-table-header-font-size: 11px;
    --zf-table-header-spacing: 0.5px;
    --zf-table-border-color: #ebeaf2;
    --zf-table-header-border-top: 1px solid #fff;
    --zf-line-item-table-border-color: transparent;
    --zf-dropdown-color: #6c718a;
    --zf-dropdown-link-color: #333850;
    --zf-dropdown-link-hover-color: #fff;
    --zf-dropdown-link-disabled-color: #999;
    --zf-dropdown-header-color: #838195;
    --zf-dropdown-item-icon-color: var(--unifiedtheme-blue);
    --zf-dropdown-item-color-on-hover: #fff;
    --zf-dropdown-item-selected-option-icon-color-on-hover: #fff;
    --zf-dropdown-link-hover-bg-color: var(--unifiedtheme-blue);
    --zf-dropdown-border-radius: 6px;
    --zf-dropdown-item-border-radius: 6px;
    --zf-dropdown-padding: 4px;
    --zf-dropdown-item-padding-x: 10px;
    --zf-dropdown-item-padding-y: 7px;
    --zf-dropdown-header-padding: 7px 16px 7px 8px;
    --zf-dropdown-item-margin: 2px 0;
    --zf-dropdown-divider-margin: 4px -4px;
    --zf-dropdown-item-font-size: 1rem;
    --zf-dropdown-header-text-transform: uppercase;
    --zf-global-search-footer-border-color: #eaeaea;
    --zf-head-nav-dashed-top: 14px;
    --zf-weekly-log-header-bg-color: #f9f9fb;
    --zf-card-info-border: solid #ededed;
    --zf-selected-tick-color: #408dfb;
    --zf-billing-rgb: 0, 176, 80;
    --zf-global-search-width: 300px;
    --zf-alert-danger-bg: var(--zf-red-11);
    --zf-alert-warning-bg: var(--zf-orange-18);
    --zf-alert-info-bg: var(--zf-blue-26);
    --zf-alert-success-bg: var(--zf-green-17);
    --zf-setting-info-bg: #b0adbd;
    --zf-rep-advfilter-padding: 6px;
    --zf-details-container-shadow: 0px 0px 6px #ccc;
}
:root[enterprise-app="true"] {
    --primary-color: #0080fe;
    --zf-font-family-base: "ZohoPuvi", "Source Sans Pro", Helvetica, Arial, sans-serif;
    --zf-org-name-width: 245px;
    --zf-plan-name-width: 100px;
    --zf-modal-sm: 400px;
    --zf-modal-md: 600px;
    --zf-modal-lg: 800px;
    --zf-modal-xlg: 1000px;
    --zf-modal-footer-padding: 16px 20px;
    --zf-modal-content-border-radius: 6px;
    --zf-modal-header-padding: 6px 20px;
    --zf-modal-backdrop-color: #1b3e6e;
    --zf-checkbox-section-bg-color: var(--zf-grey-3);
    --zf-mail-add-new-color: #2098ff;
    --zf-badge-border-radius: 0.2rem;
    --zf-cus-search-btn: #e2e9f0;
    --zf-address-toggle-radius: 0.3rem;
    --zf-address-border-color: transparent;
    --zf-templete-backdrop-color: #1b3e6e80;
    --zf-primary-info-bg: linear-gradient(90deg, rgb(248 250 252) 8%, rgba(238, 251, 254, 0.38) 52%, rgb(253 254 255) 62%, rgba(255, 246, 246, 0.76) 76%, rgba(255, 252, 246, 0.29) 100%);
    --zf-primary-info-border: 1px dashed var(--zf-grey-3);
    --zf-solid-color: #212529;
    --zf-preview-header-color: #051f43b3;
    --zf-preview-footer-color: #051f434d;
    --zf-preview-blur-color: #26426b;
    --zf-attachment-svg-bg: #ffffff12;
    --zf-slider-container-bg: #051f434d;
    --zf-preview-navigate-color: #ffffff1a;
    --zf-toolbar-arrow-border: #ffffff4d;
    --zf-preview-scanned-bg: #051f4326;
    --zf-preview-close-svg-bg: #ef565666;
    --zf-btn-group-primary-border: 1px solid #ffffff17;
    --zf-btn-border-color: #d4d4de;
    --zf-btn-secondary-hover-border-color: var(--zf-btn-border-color);
    --zf-btn-border-radius: 0.3077rem;
    --zf-btn-secondary-bg: #fff;
    --zf-btn-secondary-hover-bg: #f3f4f8;
    --zf-btn-padding: 0.2004rem 0.692rem;
    --zf-list-header-btn-padding: var(--zf-btn-padding);
    --zf-btn-lg-padding: 0.3467rem 0.786rem;
    --zf-btn-lg-font-size: 1.077rem;
    --zf-dropdown-color: #21263c;
    --zf-dropdown-link-color: #21263c;
    --zf-dropdown-link-hover-color: #21263c;
    --zf-dropdown-item-icon-color: #5e6579;
    --zf-dropdown-item-color-on-hover: #21263c;
    --zf-dropdown-item-selected-option-icon-color-on-hover: var(--unifiedtheme-blue);
    --zf-dropdown-link-hover-bg-color: #eceef4;
    --zf-dropdown-border-radius: 4px;
    --zf-dropdown-item-border-radius: 4px;
    --zf-dropdown-padding: 2px;
    --zf-dropdown-item-padding-x: 8px;
    --zf-dropdown-item-padding-y: 6px;
    --zf-dropdown-header-padding: 6px 16px 6px 8px;
    --zf-dropdown-item-margin: 0;
    --zf-dropdown-divider-margin: 2px -2px;
    --zf-dropdown-item-font-size: 13px;
    --zf-dropdown-header-text-transform: none;
    --zf-erp-nav-bg-color: #07254a;
    --zf-erp-top-band-bg: #041d3b;
    --zf-erp-nav-bg-hover: #112e51;
    --zf-erp-primary-color-rgb: 0, 128, 254;
    --zf-erp-secondary-bg-color: #f0f2f6;
    --zf-erp-nav-color: #fff;
    --zf-erp-nav-color-rgb: 255, 255, 255;
    --zf-txn-form-width: 1130px;
    --zf-form-input-height: 32px;
    --zf-form-input-border-color: #cacada;
    --zf-form-input-border-radius: 4px;
    --zf-form-input-focus-box-shadow: 0 0 0 3px #288cf21c;
    --zf-form-input-focus-border-color: #288cf2;
    --zf-form-input-invalid-border-color: #ef5656;
    --zf-form-input-invalid-box-shadow: 0 0 0 3px #ef565612;
    --zf-form-input-placeholder-color: #9194a1;
    --zf-inputselector-bg-color: #0080fe;
    --zf-inputselector-border-color: #a3a3b0;
    --zf-checkbox-bg-img: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00ODcuNSw4OS40Yy0zMS4yLTMxLjItODEuOS0zMS4yLTExMy4xLDBMMjExLjYsMjUyLjJjLTAuNCwwLjQtMSwwLjQtMS40LDBsLTcyLjUtNzIuNWMtMzEuMi0zMS4yLTgxLjktMzEuMi0xMTMuMSwwCgljLTMxLjIsMzEuMi0zMS4yLDgxLjksMCwxMTMuMWwxMjkuOCwxMjkuOGMxNS42LDE1LjYsMzYuMSwyMy40LDU2LjYsMjMuNGMyMC41LDAsNDAuOS03LjgsNTYuNi0yMy40bDIyMC4xLTIyMC4xCglDNTE4LjgsMTcxLjMsNTE4LjgsMTIwLjYsNDg3LjUsODkuNHoiLz4KPC9zdmc+Cg==");
    --zf-checkbox-border-radius: 2px;
    --zf-radiobutton-dot-size: 4px;
    --zf-radiobutton-dot-position-offset: 4px;
    --zf-pagination-font-size: 12px;
    --zf-pagination-font-weight: 600;
    --zf-pagination-border-color: #efeff4;
    --zf-page-link-sec-padding: 6px 9px;
    --zf-pagination-setting-icon-size: 12px;
    --zf-table-row-selected-bg-color: #f8f8f9;
    --zf-table-row-selected-hover-bg-color: #f8f8f9;
    --zf-table-row-hover-bg-color: #f9f9fb;
    --zf-table-border-color: #f1f1f8;
    --zf-table-header-border-top: 0;
    --zf-line-item-table-border-color: var(--zf-table-border-color);
    --zf-table-header-font-size: 10px;
    --zf-table-header-spacing: 0.9px;
    --zf-global-search-footer-border-color: #dfdfeb;
    --zf-head-nav-dashed-top: 11px;
    --zf-weekly-log-header-bg-color: #fafbfd;
    --zf-card-info-border: dashed #d6d9e4;
    --zf-selected-tick-color: #57b156;
    --zf-global-search-width: 400px;
    --zf-alert-danger-bg: #ffebebb3;
    --zf-alert-warning-bg: #fff4dcb3;
    --zf-alert-info-bg: #e7f3ffb3;
    --zf-alert-success-bg: #e2faeab3;
    --zf-setting-info-bg: #757383;
    --zf-rep-advfilter-padding: 4px;
    --zf-details-container-shadow: 0 5px 10px #2b3f5f14;
}
svg.icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}
svg.icon.icon-xxxs,
.sms-custom-editor svg.icon.sms-dropdown {
    height: 5px;
    width: 5px;
}
svg.icon.icon-xxsm {
    height: 6px;
    width: 6px;
}
svg.icon.icon-xxs {
    height: 8px;
    width: 8px;
}
svg.icon.icon-xsmall {
    height: 10px;
    width: 10px;
}
svg.icon.icon-xs {
    height: 12px;
    width: 12px;
}
svg.icon.icon-s {
    height: 13px;
    width: 13px;
}
svg.icon.icon-sm,
.sms-custom-editor svg.icon.sms-info {
    height: 14px;
    width: 14px;
}
svg.icon.icon-md {
    height: 16px;
    width: 16px;
}
svg.icon.icon-lg {
    height: 18px;
    width: 18px;
}
svg.icon.icon-xlg {
    height: 20px;
    width: 20px;
}
svg.icon.icon-xlg-sm {
    height: 22px;
    width: 22px;
}
svg.icon.icon-xxlg {
    height: 25px;
    width: 25px;
}
svg.icon.icon-xxlg-sm {
    height: 30px;
    width: 30px;
}
svg.icon.icon-28 {
    height: 28px;
    width: 28px;
}
svg.icon.icon-32 {
    height: 32px;
    width: 32px;
}
svg.icon.icon-35 {
    height: 35px;
    width: 35px;
}
svg.icon.icon-xxlg-md {
    height: 40px;
    width: 40px;
}
svg.icon.icon-45 {
    height: 45px;
    width: 45px;
}
svg.icon.icon-xxxlg {
    height: 50px;
    width: 50px;
}
svg.icon.icon-xxxlg-sm {
    height: 60px;
    width: 60px;
}
svg.icon.icon-xxxlg-md {
    height: 65px;
    width: 65px;
}
svg.icon.icon-mega-lg {
    height: 75px;
    width: 75px;
}
svg.icon.icon-ultra-lg {
    height: 100px;
    width: 100px;
}
svg.icon.icon-ultra-xlg {
    height: 150px;
    width: 150px;
}
svg.icon.icon-170 {
    height: 170px;
    width: 170px;
}
svg.icon.icon-gs-cta {
    height: 120px;
    width: 120px;
}
svg.icon.icon-landscape-sm {
    height: 25px;
    width: 53px;
}
svg.icon.icon-landscape {
    height: 35px;
    width: 100px;
}
svg.icon.icon-landscape-md {
    height: 40px;
    width: 100px;
}
svg.icon.icon-landscape-lg {
    height: 45px;
    width: 200px;
}
svg.icon.icon-landscape-xmd {
    height: 70px;
    width: 170px;
}
svg.icon.icon-240 {
    height: 240px;
    width: 240px;
}
svg.icon.fill-black {
    fill: var(--zf-black-1) !important;
}
svg.icon.fill-orange {
    fill: var(--zf-orange-1) !important;
}
svg.icon.fill-vivid-orange {
    fill: var(--zf-orange-2) !important;
}
svg.icon.fill-empty {
    fill: var(--zf-grey-5) !important;
}
svg.icon.fill-draft {
    fill: var(--zf-grey-10) !important;
}
svg.icon.fill-mid-green {
    fill: var(--zf-green-2) !important;
}
svg.icon.fill-yellow {
    fill: var(--zf-yellow-1) !important;
}
svg.icon.fill-green {
    fill: var(--zf-green-3) !important;
}
svg.icon.fill-white {
    fill: var(--zf-white-1) !important;
}
svg.icon.fill-cancel-red {
    fill: var(--zf-red-4) !important;
}
svg.icon.fill-pale-red {
    fill: var(--zf-red-5) !important;
}
svg.icon.fill-red {
    fill: var(--zf-red-6) !important;
}
svg.icon.fill-danger {
    fill: var(--zf-red-7) !important;
}
svg.icon.fill-info-orange {
    fill: var(--zf-orange-3) !important;
}
svg.icon.fill-blue {
    fill: var(--zf-blue-6) !important;
}
svg.icon.fill-theme-blue {
    fill: var(--unifiedtheme-blue) !important;
}
svg.icon.fill-purple {
    fill: var(--zf-purple-1) !important;
}
svg.icon.fill-steelblue {
    fill: var(--zf-blue-7) !important;
}
svg.icon.fill-grey {
    fill: var(--zf-grey-10) !important;
}
svg.icon.fill-light-grey {
    fill: var(--zf-grey-6) !important;
}
svg.icon.fill-mild-green {
    fill: var(--zf-green-4) !important;
}
svg.icon.fill-mild-grey {
    fill: var(--zf-blue-8) !important;
}
svg.icon.fill-linkblue {
    fill: var(--zf-blue-9) !important;
}
svg.icon.fill-dark-red {
    fill: var(--zf-red-8) !important;
}
svg.icon.fill-azure-blue {
    fill: var(--zf-blue-2) !important;
}
svg.icon.fill-siyah-black {
    fill: var(--zf-black-2) !important;
}
svg.icon.fill-deep-skyblue {
    fill: var(--zf-blue-10) !important;
}
svg.icon.fill-peel-orange {
    fill: var(--zf-orange-4) !important;
}
svg.icon.fill-nordic-grass-green {
    fill: var(--zf-green-5) !important;
}
svg.icon.fill-spectrum-red {
    fill: var(--zf-red-1) !important;
}
svg.icon.fill-status-orange {
    fill: var(--zf-orange-20) !important;
}
svg.icon.fill-blaze-orange {
    fill: var(--zf-orange-5) !important;
}
svg.icon.fill-astro-purple {
    fill: var(--zf-purple-2) !important;
}
svg.icon.fill-bright-yellow {
    fill: var(--zf-yellow-2) !important;
}
svg.icon.fill-light-silver {
    fill: var(--zf-grey-8) !important;
}
svg.icon.fill-dark-grey {
    fill: var(--zf-grey-12) !important;
}
svg.icon.fill-mildplus-grey {
    fill: var(--zf-grey-14) !important;
}
svg.icon.fill-light-green {
    fill: var(--zf-green-16) !important;
}
svg.icon.fill-draft-grey {
    fill: var(--zf-grey-11) !important;
}
svg.icon.fill-success {
    fill: var(--zf-green-19) !important;
}
svg.icon.fill-stop-red {
    fill: var(--zf-red-14) !important;
}
svg.icon.fill-primary-blue {
    fill: var(--zf-blue-27) !important;
}
svg.icon.fill-cool-grey {
    fill: var(--zf-grey-15) !important;
}
svg.icon.fill-preview-green {
    fill: var(--zf-green-1) !important;
}
svg.icon.icon-ultra-lg.icon-auto {
    width: auto;
}
svg.icon.icon-attention {
    color: var(--zf-yellow-3);
}
svg.icon.icon-attention-circle {
    color: var(--zf-orange-1);
}
svg.icon.icon-info {
    color: var(--zf-blue-12);
}
svg.icon.icon-del {
    color: var(--zf-red-10);
}
svg.icon.window-badge {
    width: 90px;
    height: 30px;
    fill: var(--zf-black-1);
}
svg.icon.stripe-promo {
    height: 18px;
    width: 82px;
}
svg.icon.icon-landscape-lg {
    margin-left: -10px;
}
svg.icon.zb-scb-logo {
    height: 85px;
    width: 400px;
    margin: -20px auto 0;
}
svg.icon.zb-signup-logo {
    height: 40px;
    width: 300px;
}
svg.icon.paytabs-logo {
    margin-left: -55px;
}
svg.icon.play-button {
    width: 36px;
    height: 36px;
    fill: var(--zf-blue-13);
}
svg.icon.play-button:hover {
    fill: var(--zf-blue-14);
}
svg.icon.icon-picture {
    height: 32px;
    width: 32px;
    fill: var(--zf-white-2);
}
svg.icon.app-logo {
    width: 24px;
    height: 24px;
    margin: 12px 0 12px 16px;
}
svg.icon.org-logo {
    height: 40px;
    width: 120px;
}
svg.icon.org-logo.white g .st1 {
    fill: var(--zf-white-1);
}
svg.icon.w-160 {
    width: 160px;
}
svg.icon.w-170 {
    width: 170px;
}
svg.icon.inventory-logo {
    width: 133px;
    height: 24px;
}
svg.icon.inventory-banner-logo {
    width: 175px;
    height: 40px;
}
svg.icon.yes-logo {
    width: 110px;
    height: 45px;
}
svg.icon.separator-icon {
    width: 6px;
    height: 19px;
}
svg.icon.zsign-logo {
    width: 100px;
}
svg.icon.developer-logo {
    width: 150px;
}
svg.icon.uber-logo {
    height: 65px;
    width: 200px;
}
svg.icon.plan-empty-state {
    width: 350px;
    height: 255px;
}
svg.icon.icon-hovered:hover {
    fill: var(--zf-blue-1);
}
svg.icon.copyicon {
    height: 20px;
    width: 20px;
    vertical-align: super;
    margin-bottom: -11px;
}
svg.icon.icon-goto {
    transform: rotate(-45deg);
}
svg.icon.icon-90deg {
    transform: rotate(90deg);
}
svg.icon.icon-20deg {
    transform: rotate(20deg);
}
svg.icon.icon-135deg {
    transform: rotate(135deg);
}
svg.icon.fill-linkblue {
    fill: #2485e8;
}
svg.icon.view-subs {
    width: 150px;
    height: auto;
}
svg.icon.info-orange {
    fill: var(--zf-orange-13);
}
svg.icon.icon-erp:hover {
    fill: #2098ff;
}
svg.icon.fill-flush-orange {
    fill: var(--zf-orange-15);
}
svg.icon.fill-alert-orange {
    fill: var(--zf-orange-16);
}
svg.icon.fill-mild-orange {
    fill: var(--zf-orange-17);
}
svg.icon.fill-cyan-blue {
    fill: var(--zf-blue-24);
}
svg.icon.unknown-card {
    fill: #d6d9e4;
}
svg.icon.fill-dropdown-blue,
.link-color-on-hover:hover svg.icon {
    fill: #408dfb !important;
}
svg.icon.fill-user-green {
    fill: #22b378;
}
svg.icon.fill-grey-shaded {
    fill: var(--zf-grey-16);
}
svg.icon.fill-light-grey {
    fill: var(--zf-grey-24);
}
svg.icon.fill-grey {
    fill: var(--zf-grey-12);
}
svg.icon.fill-grey-dark {
    fill: var(--zf-grey-13);
}
svg.icon.fill-delete {
    fill: #f7525a;
}
svg.icon.fill-grey-light {
    fill: #b0adbd;
}
svg.icon.fill-link-blue {
    fill: #3f8cfb;
}
svg.icon.fill-rusty-red {
    fill: #dc3545 !important;
}
svg.icon.fill-currency {
    fill: #388a10;
}
svg.icon.fill-alert-yellow {
    fill: #f59d00;
}
svg.icon.fill-electric-blue {
    fill: #2a85fb;
}
svg.icon.fill-bluish-grey {
    fill: var(--zf-setting-info-bg);
}
svg.icon.fill-help-color {
    fill: #cacada;
}
svg.icon.fill-fav-yellow {
    fill: #ffc107;
}
svg.icon.fill-light-red {
    fill: #e1622b;
}
svg.icon.fill-warning-orange {
    fill: var(--zf-orange-19);
}
svg.icon.fill-marengo {
    fill: #474c60;
}
svg.icon.fill-muted {
    fill: rgba(0, 0, 0, 0.1);
}
svg.icon.announcement {
    fill: var(--zf-orange-8);
}
svg.icon.fill-alert-vermillion {
    fill: #ff4c37;
}
.fill-currentcolor {
    fill: currentColor;
}
.asset svg {
    fill: var(--zf-red-10);
}
.zfi-expense svg {
    fill: var(--zf-orange-5);
}
.bank-accounts svg {
    fill: var(--zf-blue-15);
}
.liability svg {
    fill: var(--zf-purple-3);
}
.equity svg {
    fill: var(--zf-green-7);
}
.income svg {
    fill: var(--zf-red-10);
}
.accounts-receivable svg {
    fill: var(--zf-green-8);
}
.accounts-payable svg {
    fill: var(--zf-yellow-4);
}
.subscription_new svg {
    fill: var(--zf-blue-15) !important;
}
svg.reset {
    fill: var(--zf-blue-16);
}
svg.icon-easypost {
    width: 90px;
    padding-top: 10px;
}
svg.alert-list {
    fill: var(--zf-orange-14);
}
.play-button-outer-ring {
    fill: var(--zf-white-1);
}
.play-button-inner-icon {
    fill: var(--zf-blue-13);
}
.inner-arrow {
    fill: var(--zf-white-1);
}
svg.icon-copy {
    fill: var(--zf-blue-17);
}
svg.info {
    fill: var(--zf-orange-9);
}
svg.calender {
    fill: var(--zf-brown-1);
}
.autoscan-colored .square-path {
    fill: var(--zf-green-10);
}
.flask {
    border: 1px solid transparent;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 6%;
}
.alert-conf-icon.green-color .inner-circle {
    fill: var(--zf-green-9);
}
.alert-conf-icon.green-color .outter-circle {
    fill: #e6fbf3;
}
.alert-conf-icon.ash-color .inner-circle {
    fill: var(--zf-brown-2);
}
.alert-conf-icon.ash-color .outter-circle {
    fill: var(--zf-white-3);
}
.common-close-icon.grey-bg-header .close-btn-outer-ring {
    fill: var(--zf-white-1);
}
.common-close-icon .close-btn-inner-icon {
    fill: var(--zf-brown-3);
}
.common-close-icon:hover .close-btn-inner-icon {
    fill: var(--zf-black-1);
}
.message-pointer-right {
    bottom: 0;
    right: -15px;
}
.message-pointer-right .message-pointer {
    fill: var(--zf-green-22);
}
.message-pointer-left {
    bottom: 0;
    left: -15px;
}
.message-pointer-left .message-pointer {
    fill: var(--zf-white-1);
}
.dropdown-menu {
    padding: var(--zf-dropdown-padding);
}
.dropdown-menu:not(.ac-dropdown-results) {
    box-shadow: 0 7px 12px 0 var(--zf-grey-18);
}
.dropdown-menu .dropdown-item {
    border-radius: var(--zf-dropdown-item-border-radius);
    margin: var(--zf-dropdown-item-margin);
    font-size: var(--zf-dropdown-item-font-size);
}
.dropdown-menu .dropdown-item:first-child {
    margin-top: 0;
}
.dropdown-menu .dropdown-item:last-child {
    margin-bottom: 0;
}
.dropdown-menu .dropdown-item.selected-option {
    background-color: var(--zf-grey-22);
    color: #21263c;
}
.dropdown-menu .dropdown-item.selected-option .icon {
    fill: var(--unifiedtheme-blue);
}
.dropdown-menu .dropdown-item.selected-option:hover {
    background-color: var(--unifiedtheme-blue);
}
.dropdown-menu .dropdown-item.selected-option.inactive:hover {
    background-color: var(--zf-grey-22);
}
.dropdown-menu .dropdown-item.selected-option.inactive:hover .icon {
    fill: var(--unifiedtheme-blue);
}
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
    background-color: var(--zf-grey-22);
}
.dropdown-menu .dropdown-item.active.item-focus,
.dropdown-menu .dropdown-item:active.item-focus {
    color: var(--zf-dropdown-link-hover-color);
    background-color: var(--zf-dropdown-link-hover-bg-color);
}
.dropdown-menu .dropdown-item.active.selected-option .selected-icon,
.dropdown-menu .dropdown-item:active.selected-option .selected-icon {
    fill: var(--zf-dropdown-item-selected-option-icon-color-on-hover);
}
.dropdown-menu .dropdown-item:active {
    color: var(--zf-dropdown-link-hover-color);
}
.dropdown-menu .dropdown-item.item-focus {
    color: var(--zf-dropdown-link-hover-color);
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.item-focus {
    background-color: var(--zf-dropdown-link-hover-bg-color);
}
.dropdown-menu .dropdown-item:hover .dropdown-item-desc,
.dropdown-menu .dropdown-item:hover svg.icon:not(.selected-icon),
.dropdown-menu .dropdown-item:hover.item-ac-menu-button svg,
.dropdown-menu .dropdown-item:focus .dropdown-item-desc,
.dropdown-menu .dropdown-item:focus svg.icon:not(.selected-icon),
.dropdown-menu .dropdown-item:focus.item-ac-menu-button svg,
.dropdown-menu .dropdown-item.item-focus .dropdown-item-desc,
.dropdown-menu .dropdown-item.item-focus svg.icon:not(.selected-icon),
.dropdown-menu .dropdown-item.item-focus.item-ac-menu-button svg {
    color: var(--zf-dropdown-item-color-on-hover);
    fill: var(--zf-dropdown-item-color-on-hover);
}
.dropdown-menu .dropdown-item:hover.selected-option .selected-icon,
.dropdown-menu .dropdown-item:focus.selected-option .selected-icon,
.dropdown-menu .dropdown-item.item-focus.selected-option .selected-icon {
    fill: var(--zf-dropdown-item-selected-option-icon-color-on-hover);
}
.dropdown-menu .dropdown-item .icon {
    fill: var(--zf-dropdown-item-icon-color);
}
.dropdown-menu .dropdown-item .icon.selected-icon {
    fill: var(--unifiedtheme-blue);
}
.dropdown-menu .dropdown-item.primary-item .icon {
    fill: #fff;
}
.dropdown-menu .dropdown-item.sortable {
    padding-right: 20px;
}
.dropdown-menu .dropdown-item .dropdown-item-desc {
    color: #6c718a;
}
.dropdown-menu .dropdown-divider {
    margin: var(--zf-dropdown-divider-margin);
}
.dropdown-menu .dropdown-item.multiselect-checkbox-item:hover {
    color: var(--zf-dropdown-link-color);
    background-color: #f1f2f8;
}
.bg-none {
    background: 0 0;
}
.bg-faded {
    background-color: #eee;
}
.bg-light-red,
.table.error-table {
    background-color: #fff8f6;
}
.bg-dim-red {
    background-color: var(--zf-red-11);
}
.bg-light-grey,
.faq-list-tab:hover,
.faq-list-tab:focus,
.sidebar-body .video-section .pagetips-video-list:hover .pagetips-videos-open,
.sidebar-body.flyout-body.faq-body .faq-body-content .helpdoc-link-url:hover {
    background-color: #f7f7f7;
}
.bg-medium-grey {
    background-color: #f6f6fa;
}
.bg-light-blue {
    background-color: #f8fcff;
}
.bg-faded-blue {
    background-color: #f3f6fd;
}
.bg-faded-red {
    background-color: #df5646;
}
.bg-charcoal,
.faq-list-tab:hover .pagetips-hover-border,
.faq-list-tab:focus .pagetips-hover-border,
.sidebar-body .video-section .pagetips-video-list:hover .pagetips-hover-border,
.sidebar-body.flyout-body.faq-body .faq-body-content .helpdoc-link-url:hover .pagetips-hover-border {
    background-color: #3a3f53;
}
.bg-orange {
    background-color: #fc8f31;
}
.bg-faded-orange {
    background-color: #f2b18f;
}
.bg-faded-light-blue {
    background-color: #a3bbe8;
}
.bg-steelblue {
    background-color: var(--zf-blue-7);
}
.bg-light-green {
    background-color: #f7fef8 !important;
}
.dodgerblue-bg {
    background-color: #32abff;
}
.faded-blue {
    background-color: #f7f9fb;
}
.faded-purple {
    background-color: #f2f2fb;
}
.faded-grey {
    background-color: #f3f4f8;
}
.proposalblue-bg {
    background-color: #f3f8fe !important;
}
.registerpurple-bg {
    background-color: #A61745 !important;
}
.register-bg {
    background-color: #1E1E1E !important;
}
.register-c-bg {
    background-color: #565656 !important;
}
.register-s-bg {
    background-color: #3D3D3D !important;
}
.note-bg {
    background-color: #fff8f3;
}
.light-proposalblue-bg {
    background-color: #f8f9fa !important;
}
.light-purple-bg {
    background-color: #fbfafe;
}
.purple-bg {
    background-color: var(--zf-purple-2);
}
.highlight-text {
    background-color: #ff0;
}
.bg-badge-green {
    background-color: #e8f7f1;
}
.light-grey-bg {
    background-color: #fbfbfb;
}
.bg-mild-grey {
    background-color: var(--zf-blue-4) !important;
}
.bg-light-baby-blue {
    background-color: #f8f9fe;
}
.bg-periwinkle-blue {
    background-color: #e6f0ff;
}
.bg-mild-yellow {
    background-color: #fef6e6;
}
.bg-light-yellow {
    background-color: #fcf8ec;
}
.primary-black-bg {
    background-color: #21263c;
}
.bg-skyblue {
    background-color: #f6fafe;
}
.bg-red-pink {
    background-color: #fff4f4;
}
.bg-dark-grayish-blue {
    background-color: var(--zf-blue-29);
}
.bg-ghostwhite,
.log-border-radius.line-item-table.line-item-table-light.input-table tbody tr .line-item-column.preview-column,
.log-border-radius.line-item-table.line-item-table-light.input-table .line-item-header .line-item-column,
.table.middled-content-table thead th {
    background-color: #fcfcfe !important;
}
.bg-note-mild-blue {
    background-color: #f0f7fb;
}
.bg-tropical-green {
    background-color: var(--zf-green-20);
}
.bg-pale-green {
    background-color: var(--zf-green-22);
}
.bg-pale-green2 {
    background-color: var(--zf-green-23);
}
.bg-dessert-storm-grey {
    background-color: var(--zf-grey-25) !important;
}
.bg-smoke-grey {
    background-color: var(--zf-grey-21);
}
.bg-yellow-9 {
    background-color: var(--zf-yellow-9);
}
.badge-secondary {
    background-color: #6c757d;
}
.badge-warning {
    color: #fff;
    background-color: #fba800;
}
.badge-danger {
    color: #fff;
    background-color: #db584b;
}
.badge-draft,
.sync-details-bubble {
    background-color: #999;
}
.badge-open {
    background-color: #1093de;
}
.badge-signed {
    background-color: #8aa9ff;
}
.badge-void {
    background-color: #777666;
}
.badge-success {
    background-color: #388a10;
}
.badge-approved {
    background-color: #31708f;
}
.badge-pending {
    background-color: #eb6100;
}
.badge-discarded {
    background-color: #e54643;
}
.badge-unsettled {
    background-color: #4e62c4;
}
.badge-declined {
    background-color: #d64830;
}
.badge-expired {
    background-color: #bbb;
}
.badge-trial-expired {
    background-color: #000;
}
.badge-canceled {
    background-color: #f11100;
}
.badge-generated {
    background-color: #935de3;
}
.badge-enabled {
    background-color: #3bb175;
}
.badge-categorized {
    background-color: #c5e3ec;
}
.badge-non-billable {
    background-color: var(--zf-blue-21);
}
.badge-inverse-success {
    color: #57b965;
    border: 1px solid #5dc25b;
}
.badge-inverse-danger {
    border: 1px solid #b94a48 !important;
    color: #ca4f4b;
}
.badge-inverse-warning,
.recentupdates-wrapper .milestone-label {
    color: #e18d16;
    border: 1px solid #e18d16;
}
.badge-pill-grey-active {
    background-color: var(--zf-grey-12);
    color: var(--zf-white-3);
}
.badge-pill-grey-inactive {
    background-color: var(--zf-white-3);
    color: var(--zf-grey-12);
}
.badge-inverse-muted {
    color: #999;
    border: 1px solid #999;
}
.badge-pill {
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 10rem;
}
.badge-xs {
    padding: 1px 5px;
    border-radius: 3px;
}
.badge-md {
    line-height: 0.9;
    padding: 4px 7px;
}
.badge-green {
    background-color: var(--zf-green-17);
    color: var(--zf-green-13);
}
.badge-yellow {
    background-color: var(--zf-orange-18);
    color: var(--zf-orange-19);
}
.badge-count-bg {
    background-color: #b0adbd;
}
.badge-grey-header {
    background-color: #f9f9fb !important;
    border: 1px solid var(--zf-grey-17);
    padding: 6px 5px;
}
.border-gray {
    border: 1px solid #eee;
}
.border-light-green {
    border: 1px solid #e2f2e2;
}
.border-light-yellow {
    border: 1px solid #faecca;
}
.border-light-grey {
    border: 1px solid #e8edf1;
}
.border-bottom-light {
    border-bottom: 1px solid #eee;
}
.border-top-light {
    border-top: 1px solid #eee;
}
.border-sec {
    border: 1px solid #f5f5f5;
}
.gray-border,
.new-approvals .approval-tab.selected::after,
.new-approvals .approval-tab {
    border: 1px solid #dddfe9;
}
.border-danger {
    border: 1px solid #b94a48 !important;
}
.border-ghost-white {
    border: 1px solid #f2f2f7;
}
.border-secondary {
    border: 1px solid var(--zf-btn-border-color);
}
.chrome-blue-border,
.new-approvals .approval-tab.selected,
.new-approvals .approval-tab:hover,
.table-cell-ac-box .ac-box-open .ac-selected,
.table-cell-ac-box .ac-box .ac-selected:focus,
.table-cell-ac-box .ac-box .ac-selected:active,
.table-cell-ac-box .ac-box .ac-selected:hover {
    border: 1px solid #408dfb;
}
.bcatd {
    border-right: 1px dotted #ddd;
}
.border-right-grey {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-left-grey {
    border-left: 1px solid #eee;
}
.border-left-dark {
    border-left: 1px solid #343a40;
}
.br-1 {
    border-right: 1px solid #e0e0e0;
}
.border-dropdown-blue {
    border-color: #408dfb !important;
}
.border-boysenberry {
    border-color: #ebedf6 !important;
}
.border-entity-summary {
    border-color: #efeff4 !important;
}
.border-dark-grey {
    border-color: #d7d5e2 !important;
}
.border-left-lightgreen {
    border-left: 2px solid #52b082 !important;
}
.border-left-lightblue {
    border-left: 2px solid #2883f2 !important;
}
.border-orange {
    border-color: var(--zf-orange-16) !important;
}
.nested-pref-border,
.nested-checkbox:before {
    border-left: 2px solid var(--zf-grey-17);
}
.info-border-left {
    border-left: 2px solid var(--zf-grey-18);
}
.bl-4 {
    border-left-width: 4px !important;
}
.bl-3 {
    border-left-width: 3px !important;
}
.bl-2 {
    border-left-width: 2px !important;
}
.border-dashed {
    border-style: dashed !important;
}
.border-dashed-primary {
    border: 1px dashed #69b4ff;
    border-radius: 4px;
}
.rounded-0 {
    border-radius: 0 !important;
}
.rounded-xxs {
    border-radius: 2px;
}
.rounded-xs {
    border-radius: 4px;
}
.rounded-md {
    border-radius: 6px;
}
.rounded-xlg,
.uncattxns-info-icon,
.new-approvals .approval-tab {
    border-radius: 10px !important;
}
.rounded-xxlg {
    border-radius: 15px;
}
.rounded-corners {
    border-radius: 16px;
}
.rounded-xxxlg {
    border-radius: 24px;
}
.rounded-top-0 {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.rounded-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rounded-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-top-md {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.rounded-bottom-md {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.rounded-top-sm {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.rounded-bottom-sm {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.rounded-top-xlg,
.wf-card .wf-card-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.rounded-bottom-xlg {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.rounded-left-xlg {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.rounded-right-xlg,
.rounded-scroll-track::-webkit-scrollbar-track {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.rounded-tl-radius-0 {
    border-top-left-radius: 0;
}
.rounded-br-radius-0 {
    border-bottom-right-radius: 0;
}
.border-radius-8 {
    border-radius: 8px;
}
.border-tr-radius-10,
.new-approvals .standard-approval-th:last-child {
    border-top-right-radius: 10px !important;
}
.border-tl-radius-10,
.new-approvals .standard-approval-th:first-child {
    border-top-left-radius: 10px !important;
}
.border-bl-radius-10,
.log-border-radius.line-item-table.line-item-table-light.input-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px !important;
}
.border-br-radius-10,
.log-border-radius.line-item-table.line-item-table-light.input-table tbody tr:last-child td:nth-last-child(2) {
    border-bottom-right-radius: 10px !important;
}
.border-warn {
    border: 1px solid #f6eae2;
}
.border-color-bright-gray {
    border-color: #e9ebf3 !important;
}
.border-right-blue {
    border-color: #79c0ff;
}
.border-bright-grey {
    border: 1px solid #ebeaf2;
}
.border-bottom-dashed {
    border-bottom-style: dashed !important;
}
.border-light-grayish-blue {
    border: 1px solid var(--zf-blue-30);
}
.text-plain {
    color: #222;
}
.inactive {
    color: #777;
}
.text-lighted {
    color: #ccc;
}
.orange-text {
    color: #ec9500;
}
.text-red {
    color: var(--unifiedtheme-red) !important;
}
.text-orange-info {
    color: #f05621;
}
.text-dark-blue-gray {
    color: #363847;
}
.text-slate-gray {
    color: #6c718a;
}
.text-primary-black {
    color: #21263c;
}
.text-dark-grey {
    color: #6c7184;
}
.text-crimson-red {
    color: #c7402d;
}
.text-sky-blue,
.link-color-on-hover:hover {
    color: #408dfb;
}
.cursor-zoom {
    cursor: zoom-in;
}
.cursor-pointer,
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item,
.certificate-upload .delete-file,
.address-toggle-nav {
    cursor: pointer;
}
.cursor-text {
    cursor: text !important;
}
.cursor-default {
    cursor: default;
}
.cursor-not-allowed,
.visible-on-hover .content.disabled-cursor {
    cursor: not-allowed !important;
}
.cursor-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.cursor-col-resize {
    cursor: col-resize;
}
.cursor-auto {
    cursor: auto !important;
}
.font-xxxs {
    font-size: 8px;
}
.font-9,
.badge-lhs-webinar {
    font-size: 9px;
}
.font-10 {
    font-size: 10px;
}
.font-xxs {
    font-size: 11px;
}
.font-xs {
    font-size: 12px;
}
.font-small {
    font-size: 13px;
}
.font-normal {
    font-size: 14px;
}
.font-medium {
    font-size: 15px;
}
.font-large {
    font-size: 16px;
}
.font-xlarge,
.uncattxns-info-icon,
.banking-filter .dropdown-toggle,
.bank-accounts-filter .ac-box .ac-selected {
    font-size: 18px;
}
.font-xlarge-md {
    font-size: 17px;
}
.font-xxlarge-md {
    font-size: 20px;
}
.font-xxlarge {
    font-size: 22px;
}
.font-xxxlarge {
    font-size: 24px;
}
.font-26px {
    font-size: 26px;
}
.font-28px {
    font-size: 28px;
}
.font-extra-large {
    font-size: 30px;
}
.text-regular,
h3,
h4 {
    font-weight: 400;
}
.text-medium,
.banking-filter .dropdown-toggle,
.bank-accounts-filter .ac-box .ac-selected,
.new-approvals .standard-approval-th,
.card-details:hover .text-hightlight {
    font-weight: 500;
}
.text-semibold,
.badge-lhs-webinar,
b,
strong,
th, {
    font-weight: 600;
}
.text-bold {
    font-weight: 700;
}
.text-italic {
    font-style: italic;
}

.lh-100 {
    line-height: 1;
}
.lh-120 {
    line-height: 1.2;
}
.lh-130 {
    line-height: 1.3;
}
.lh-140 {
    line-height: 1.4;
}
.lh-150 {
    line-height: 1.5;
}
.lh-160 {
    line-height: 1.6;
}
.lh-180 {
    line-height: 1.8;
}
.lh-200 {
    line-height: 2;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.top-0 {
    top: 0;
}
.bottom-0 {
    bottom: 0;
}
.end-0 {
    right: 0 !important;
}
.start-0 {
    left: 0 !important;
}
.position-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-auto {
    top: auto !important;
}
.list-style-position-inside {
    list-style-position: inside;
}
.top-30 {
    top: 30% !important;
}
.left-45 {
    left: 45% !important;
}
.top-10 {
    top: 10px !important;
}
.right-n15 {
    right: -15%;
}
.right-n25 {
    right: -25%;
}
.shadow-on-light-blue {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}
.shadow-blue {
    box-shadow: 0 0 5px -1px #d1d9f3;
}
.w-5 {
    width: 5%;
}
.w-10 {
    width: 10%;
}
.w-20 {
    width: 20%;
}
.w-30 {
    width: 30%;
}
.w-33 {
    width: 33%;
}
.w-35 {
    width: 35%;
}
.w-55 {
    width: 55%;
}
.w-67 {
    width: 67%;
}
.w-70 {
    width: 70%;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}
.w-130 {
    width: 130px;
}
.w-170 {
    width: 170px;
}
.w-200 {
    width: 200px;
}
.w-300 {
    width: 300px;
}
.w-350 {
    width: 350px;
}
.w-650 {
    width: 650px;
}
.w-65 {
    width: 65%;
}
.w-25px {
    width: 25px;
}
.w-30px {
    width: 30px;
}
.w-50px {
    width: 50px;
}
.w-40px {
    width: 40px;
}
.w-70px {
    width: 70px;
}
.w-400px {
    width: 400px;
}
.width-15 {
    width: 15%;
}
.w-850px {
    width: 850px;
}
.mw-40 {
    max-width: 40%;
}
.mw-35 {
    max-width: 35%;
}
.mw-50 {
    max-width: 50%;
}
.mw-65 {
    max-width: 65%;
}
.mw-75 {
    max-width: 75%;
}
.mw-150 {
    max-width: 150px;
}
.max-w-200 {
    max-width: 200px;
}
.w-250 {
    max-width: 250px;
}
.mw-300 {
    max-width: 300px;
}
.mw-350 {
    max-width: 350px;
}
.mw-400 {
    max-width: 400px;
}
.max-width-430 {
    max-width: 430px;
}
.mw-500 {
    max-width: 500px;
}
.mw-580 {
    max-width: 580px;
}
.mw-600 {
    max-width: 600px;
}
.mw-680 {
    max-width: 680px;
}
.mw-700 {
    max-width: 700px;
}
.mw-800 {
    max-width: 800px;
}
.mw-900 {
    max-width: 900px;
}
.mw-950 {
    max-width: 950px;
}
.mw-1000 {
    max-width: 1000px;
}
.mw-1200 {
    max-width: 1200px;
}
.mw-1450 {
    max-width: 1450px;
}
.mw-8vw {
    max-width: 8vw;
}
.min-w-0 {
    min-width: 0;
}
.min-w-40 {
    min-width: 40%;
}
.min-w-70 {
    min-width: 70%;
}
.min-w-100 {
    min-width: 100% !important;
}
.min-w-35 {
    min-width: 35%;
}
.min-w-16 {
    min-width: 16px;
}
.min-w-30px {
    min-width: 30px;
}
.min-width-16 {
    min-width: 16%;
}
.min-w-100px {
    min-width: 100px;
}
.min-w-300 {
    min-width: 300px;
}
.min-width-170 {
    min-width: 170px !important;
}
.min-w-400 {
    min-width: 400px;
}
.min-height-100 {
    min-height: 100px;
}
.max-height-165 {
    max-height: 165px;
}
.max-height-280 {
    max-height: 280px;
}
.h-17 {
    height: 17px;
}
.h-19 {
    height: 19px;
}
.h-25px {
    height: 25px;
}
.h-30px {
    height: 30px;
}
.h-40px {
    height: 40px;
}
.h-50px {
    height: 50px;
}
.h-60px {
    height: 60px;
}
.h-70px {
    height: 70px;
}
.h-90px {
    height: 90px;
}
.h-95 {
    height: 95%;
}
.h-80 {
    height: 80%;
}
.h-200 {
    height: 200px;
}
.h-300px {
    height: 300px;
}
.h-400px {
    height: 400px;
}
.h-580 {
    height: 580px;
}
.h-650 {
    height: 650px;
}
.mh-auto {
    min-height: auto !important;
}
.w-80px {
    width: 80px !important;
}
.w-100px {
    width: 100px;
}
.w-120px {
    width: 120px !important;
}
.w-260px {
    width: 260px !important;
}
.vw-35 {
    width: 35vw;
}
.width-max-content {
    width: max-content;
}
.min-w-max-content {
    min-width: max-content;
}
.width-fit-content {
    width: fit-content;
}
.modal-xs {
    max-width: 350px;
}
.modal-md {
    max-width: var(--zf-modal-md);
}
.modal-xlg {
    max-width: var(--zf-modal-xlg);
}
.modal-xxlg {
    max-width: 1200px;
    height: 100%;
}
.modal-body form .well {
    padding: 8px 20px;
    margin: 20px -20px;
}
.modal-loading {
    min-height: 200px;
}
.modal-radius .modal-content {
    border-radius: 10px;
}
.product {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.product-content-container {
    display: flex;
    flex-grow: 1;
    overflow-y: auto;
    position: relative;
}
.column {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.column .body {
    flex-grow: 1;
    position: relative;
}
.column .scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.column .scroll-y {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.preserve-wrap {
    white-space: pre-wrap;
}
.flex-wrap-vcenter,
.getting-started-pg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
html {
    overflow: hidden;
    font-size: 13px;
}
body {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
}
.banner {
    height: 31px;
    background-color: var(--zf-blue-18);
    border-bottom: 1px solid #a1c1d0;
    color: #333;
    padding: 6px 0;
    text-align: center;
    position: relative;
}
.banner .btn {
    margin-left: 10px;
}
.banner .btn-pull-right {
    position: absolute;
    right: 100px;
}
.banner-lg {
    padding: 10px 0;
    height: 40px;
    z-index: 6;
}
.banner-warn {
    background-color: #fcffec;
    color: #8d3d2d;
    border-bottom: 1px solid #d3ccae;
}
.flyout {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transition: right 0.2s ease-in-out;
    box-shadow: -2px 5px 10px 1px rgba(0, 0, 0, 0.176);
    width: 450px;
    z-index: 1000001;
    background-color: #fff;
}
.flyout.flyout-xs {
    width: 360px;
}
.flyout.flyout-sm {
    width: 400px;
    animation: flyoutTranslate 0.3s ease;
}
.flyout.flyout-md {
    width: 470px;
}
.flyout.flyout-lg {
    width: 490px;
}
.flyout.flyout-xlg {
    width: 540px;
}
.flyout.flyout-xxlg {
    width: 700px;
}
.flyout.flyout-modal {
    z-index: 1041;
}
@keyframes flyoutTranslate {
    0% {
        opacity: 0.3;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.column .fill {
    left: 0;
    right: 0;
}
.column .header {
    border-bottom: 1px solid #eee;
    height: 65px;
    flex-shrink: 0;
    overflow: visible;
}
.column .header.small {
    height: 40.3409090909px;
}
.column .header.large {
    height: 124.96px;
}
.column .header .header-title {
    flex: 1 0;
}
.column .details-menu-bar {
    border-bottom: 1px solid #eee;
    left: 0;
    right: 0;
    background-color: var(--zf-grey-2);
    flex-shrink: 0;
}
.column .details-menu-bar .details-menu-item {
    text-align: center;
    border: 0;
    border-right: 1px solid #eee;
    padding: 12px;
    background-color: #f7f7f7;
    outline: 0;
    cursor: pointer;
}
.column .details-menu-bar.actions-menu {
    border-bottom: 1px solid var(--zf-grey-17);
    background-color: var(--zf-blue-4);
}
.column .details-menu-bar.actions-menu .details-menu-item {
    border-right: 1px solid var(--zf-grey-17);
    background-color: var(--zf-blue-4);
}
.column .details-menu-bar.actions-menu .dropdown-btn-divider {
    border-left: 1px solid var(--zf-grey-17);
}
.column .details-menu-bar .overflow-hidden:hover,
.column .details-menu-bar .dropdown.open {
    overflow: visible !important;
}
@media (max-width: 1550px) and (min-width: 1280px) {
    .column .details-menu-bar .details-menu-item,
    .column .details-menu-bar .dropdown {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .column .details-menu-bar .details-menu-item:hover,
    .column .details-menu-bar .details-menu-item.open,
    .column .details-menu-bar .dropdown:hover,
    .column .details-menu-bar .dropdown.open {
        overflow: visible;
    }
    .column .details-menu-bar .details-menu-item .dropdown-menu,
    .column .details-menu-bar .dropdown .dropdown-menu {
        white-space: normal;
    }
    .column .details-menu-bar .icon-overflow-visible {
        overflow: visible;
    }
}
.column .details-menu-bar .details-menu-item:not(:disabled):hover {
    color: var(--zf-blue-2);
}
.column .zerotop {
    top: 0;
    padding-top: 10px;
}
.accordion-arrow {
    transition-duration: 0.5s;
    margin-top: 6px;
}
.collapsed .accordion-arrow {
    transform: rotate(-90deg);
    transition-duration: 0.5s;
}
.linked-text:hover {
    color: var(--zf-blue-2);
}
.widgets-app {
    width: 330px;
    flex-shrink: 0;
    border-left: 1px solid #eee;
}
.widgets-app .widget-header {
    height: 50px;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
}
.widgets-app .widget-header .close-details {
    padding-top: 0;
}
.prestige-open .product {
    width: 77%;
}
.main-tab-column {
    transition: width 0.3s ease-in-out;
}
.main-tab-column > .collapse-expand {
    transition: width 0.3s ease-in-out;
}
.main-tab-column > div > .timer-widget {
    transition: width 0.3s ease-in-out;
}
.main-tab-column > .expand-sidebar {
    transition: left 0.3s ease-in-out;
}
.main-tab-column ~ .list-column {
    transition: left 0.3s ease-in-out;
}
.main-tab-column ~ .content-column {
    transition: left 0.3s ease-in-out;
}
.main-tab-column ~ .package-kanban {
    transition: left 0.3s ease-in-out;
}
.main-tab-column .nav-item {
    width: 100%;
}
hr.navbar-divider {
    border: 1px solid var(--border-separator);
    width: 100%;
    opacity: 0.1;
}
.empty-nav-left {
    margin-left: 200px;
}
.tab-column,
.ondc-tab-column {
    background: var(--zf-grey-5);
    width: 200px;
    overflow: auto;
    border-right: 1px solid #e4e4e4;
    flex-shrink: 0;
}
.tab-column .nav.fill,
.ondc-tab-column .nav.fill {
    padding-top: 12px;
    width: 200px;
}
.tab-column .nav-pills .collapse-expand,
.ondc-tab-column .nav-pills .collapse-expand {
    position: fixed;
}
.tab-column .nav-pills .nav-item,
.ondc-tab-column .nav-pills .nav-item {
    margin: 0;
}
.tab-column .nav-pills .divider-md,
.ondc-tab-column .nav-pills .divider-md {
    margin-top: 25px;
}
.tab-column .nav-pills .divider,
.ondc-tab-column .nav-pills .divider {
    margin-top: 20px;
}
.tab-column .nav-pills .nav-link,
.ondc-tab-column .nav-pills .nav-link {
    color: #000;
    border-radius: 0;
    padding: 6px 25px 6px 15px;
}
.tab-column .nav-pills .nav-link:hover,
.tab-column .nav-pills .nav-link:focus,
.ondc-tab-column .nav-pills .nav-link:hover,
.ondc-tab-column .nav-pills .nav-link:focus {
    font-weight: 500;
    background-color: #f6f6f6;
}
.tab-column .nav-pills .nav-link:hover > .add-new,
.tab-column .nav-pills .nav-link:focus > .add-new,
.ondc-tab-column .nav-pills .nav-link:hover > .add-new,
.ondc-tab-column .nav-pills .nav-link:focus > .add-new {
    visibility: visible;
}
.tab-column .nav-pills .nav-link:hover > .add-new:hover,
.tab-column .nav-pills .nav-link:hover > .add-new:focus,
.tab-column .nav-pills .nav-link:focus > .add-new:hover,
.tab-column .nav-pills .nav-link:focus > .add-new:focus,
.ondc-tab-column .nav-pills .nav-link:hover > .add-new:hover,
.ondc-tab-column .nav-pills .nav-link:hover > .add-new:focus,
.ondc-tab-column .nav-pills .nav-link:focus > .add-new:hover,
.ondc-tab-column .nav-pills .nav-link:focus > .add-new:focus {
    background-color: transparent;
}
.tab-column .nav-pills .nav-link .lpanel,
.ondc-tab-column .nav-pills .nav-link .lpanel {
    vertical-align: text-bottom;
    opacity: 0.7;
    margin-right: 5px;
}
.tab-column .nav-pills .nav-link > .add-new,
.ondc-tab-column .nav-pills .nav-link > .add-new {
    font-size: 0;
    margin-top: 10px;
    line-height: 1;
    visibility: hidden;
    border-radius: 0;
}
.tab-column .nav-pills .nav-link > .add-new:hover,
.tab-column .nav-pills .nav-link > .add-new:focus,
.ondc-tab-column .nav-pills .nav-link > .add-new:hover,
.ondc-tab-column .nav-pills .nav-link > .add-new:focus {
    background-color: transparent;
}
.tab-column .nav-pills .nav-link > .tab-element-right,
.ondc-tab-column .nav-pills .nav-link > .tab-element-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 14px 0 8px;
}
.tab-column .nav-pills .nav-link > .tab-element-right:before,
.ondc-tab-column .nav-pills .nav-link > .tab-element-right:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}
.tab-column .nav-pills .nav-link > .lhs-badge-count,
.ondc-tab-column .nav-pills .nav-link > .lhs-badge-count {
    position: absolute;
    right: 0;
    margin-right: 8px;
}
.tab-column .nav-pills .nav-link.active,
.tab-column .nav-pills .nav-link.active:hover,
.tab-column .nav-pills .nav-link.active:focus,
.ondc-tab-column .nav-pills .nav-link.active,
.ondc-tab-column .nav-pills .nav-link.active:hover,
.ondc-tab-column .nav-pills .nav-link.active:focus {
    color: #fff !important;
    background-color: #268ddd;
}
.tab-column .nav-pills .nav-link.active > .add-new,
.ondc-tab-column .nav-pills .nav-link.active > .add-new {
    visibility: visible;
    background-color: transparent !important;
}
.tab-column .nav-pills .nav-link.active > .add-new:hover,
.tab-column .nav-pills .nav-link.active > .add-new:focus,
.ondc-tab-column .nav-pills .nav-link.active > .add-new:hover,
.ondc-tab-column .nav-pills .nav-link.active > .add-new:focus {
    background-color: transparent !important;
}
.tab-column .nav-pills .lhs-accordion .nav-pills .nav-link,
.ondc-tab-column .nav-pills .lhs-accordion .nav-pills .nav-link {
    padding-left: 40px;
}
.tab-column .nav-pills .lhs-accordion .nav-pills .nav-link.add-new,
.ondc-tab-column .nav-pills .lhs-accordion .nav-pills .nav-link.add-new {
    padding-left: 8px;
}
.tab-column .nav-pills .lhs-accordion .nav-pills .nav-item:last-of-type,
.ondc-tab-column .nav-pills .lhs-accordion .nav-pills .nav-item:last-of-type {
    margin-bottom: 10px;
}
.tab-column .nav-pills .lhs-accordion > a,
.ondc-tab-column .nav-pills .lhs-accordion > a {
    background-color: #f6f6f6;
}
.tab-column .nav-pills .lhs-accordion > a .caret,
.ondc-tab-column .nav-pills .lhs-accordion > a .caret {
    border: 4px solid transparent;
    opacity: 0.5;
}
.tab-column .nav-pills .lhs-accordion > a:not(.collapsed) .caret,
.ondc-tab-column .nav-pills .lhs-accordion > a:not(.collapsed) .caret {
    border-top-color: #555;
}
.tab-column .nav-pills .lhs-accordion > a.collapsed,
.ondc-tab-column .nav-pills .lhs-accordion > a.collapsed {
    background-color: inherit;
}
.tab-column .nav-pills .lhs-accordion > a.collapsed:hover,
.ondc-tab-column .nav-pills .lhs-accordion > a.collapsed:hover {
    background-color: #f6f6f6;
}
.tab-column .nav-pills .lhs-accordion > a.collapsed .caret,
.ondc-tab-column .nav-pills .lhs-accordion > a.collapsed .caret {
    border-left-color: #555;
}
.ondc-tab-column {
    width: 300px;
}
.ondc-tab-column .rounded-number {
    border-color: #408dfb;
}
.tab-column-collapsed {
    width: 40px;
    overflow: hidden;
}
.tab-column-collapsed .lhs-accordion .nav-pills {
    display: none;
}
.channel-lhs .channel-logo {
    background-color: #eee;
    float: left;
    margin-right: 10px;
    height: 18px;
    border-radius: 8px;
}
.channel-lhs a {
    height: 40px;
}
.channel-lhs.active a {
    color: #fff;
}
.subnav .subnav-header {
    color: #888;
    font-size: 14px;
    margin-left: 5px;
    pointer-events: none;
}
.subnav .nav-pills {
    padding-top: 0;
}
.nav-bottom-spacing {
    padding-bottom: 80px;
}
.list-column {
    border-right: 1px solid #e4e4e4;
    flex-shrink: 0;
    width: 390px;
}
.list-column .content-area {
    padding-left: 10px;
    padding-right: 10px;
}
.list-column .list-body .pagination {
    padding: 10px;
}
.list-column.expanded-list-column {
    flex-grow: 1;
}
.list-column.expanded-list-column .topgrad {
    background-color: #fff;
}
.list-column.expanded-list-column .list-header .list-title > a {
    font-size: 22px;
}
.list-column.expanded-list-column .list-header .bulk-action {
    background-color: #fff;
    border: 0;
}
.list-column.expanded-list-column .list-header .list-filter {
    border-bottom: 0;
}
.list-column.expanded-list-column .document-txnlist-body .zi-table tbody tr.table-active {
    background-color: #f1f1fa;
    animation: none;
}
.list-column.expanded-list-column .zi-table td {
    padding: 12px 8px;
}
.list-column.expanded-list-column .zi-table tr .bulk-selection-cell {
    width: 40px;
}
.list-column.expanded-list-column .zi-table tr .bulk-selection-cell.customize-cell-width {
    width: 60px;
    min-width: 60px;
}
.list-column.expanded-list-column .zi-table tr .bulk-selection-cell.customize-cell-width .bulk-selection-cell {
    width: 0;
}
.list-column.expanded-list-column .zi-table tbody tr.table-active {
    background-color: #fff;
    animation: twinkle 2s 1 linear;
}
.list-column.expanded-list-column .zi-table tbody tr.table-active td {
    background-color: transparent;
}
.list-column.expanded-list-column .zi-table tbody tr.table-active.selected {
    background-color: #f0f0f0;
}
.list-column.expanded-list-column .zi-table tbody tr.table-active:hover {
    background-color: var(--zf-table-row-selected-hover-bg-color);
}
.list-column.expanded-list-column .zi-table tr th:first-of-type,
.list-column.expanded-list-column .zi-table tr td:first-of-type {
    padding-left: 20px;
}
.list-column.expanded-list-column .zi-table.freezed-columns-table {
    border-collapse: separate;
    border-spacing: 0;
}
.list-column.expanded-list-column .zi-table.freezed-columns-table .pinned-column {
    position: sticky;
    top: -1px;
    z-index: 2;
    background-color: #fff;
    background-clip: padding-box;
    top: auto;
    left: 0;
}
.list-column.expanded-list-column .zi-table.freezed-columns-table.horizontally-scrolled-table .last-pinned-column {
    box-shadow: 5px 0 7px -1px rgba(0, 0, 0, 0.04);
    border-right: 1px solid #ebedf6;
}
.list-column.expanded-list-column .zi-table.freezed-columns-table tbody > tr:hover .pinned-column,
.list-column.expanded-list-column .zi-table.freezed-columns-table tbody > tr.table-active .pinned-column,
.list-column.expanded-list-column .zi-table.freezed-columns-table tbody > tr.selected .pinned-column {
    background-color: inherit;
}
.list-column.expanded-list-column .zi-table.freezed-columns-table thead > tr > th {
    z-index: 3;
}
.list-column.expanded-list-column .zi-table.freezed-columns-table thead > tr > th.pinned-column {
    top: 0;
    z-index: 4;
}
.list-column.expanded-list-column .scrollable-table + .pagination-bar {
    position: sticky;
    left: 0;
}
.list-column.expanded-list-column .pagination {
    padding: 20px 13px;
}
.list-column.expanded-list-column .pagination.salesiq-spacing {
    margin-right: 60px;
}
.list-column.column-small {
    width: 240px;
}
.list-column.column-medium {
    width: 300px;
}
.list-column .header {
    padding: 10px 20px;
}
.list-column .zi-table td {
    padding: 10px 8px;
}
.list-column .zi-table tr:first-of-type td {
    border-top-color: transparent;
}
.list-column .empty-list td {
    border: 0;
}
.list-column .alert {
    margin-bottom: 0;
}
.active-accordian-bg {
    background-color: #f9f9fb;
    border-radius: 5px;
    color: #21263c !important;
    font-weight: 600;
    font-size: 22px;
}
.dropdown-menu.listview-filter .scroll-content {
    overflow: auto;
    max-height: 350px;
    min-width: 250px;
    padding: var(--zf-dropdown-padding);
}
.dropdown-menu.listview-filter .scroll-content.border-bottom {
    border-bottom: 1px solid #e9ecef;
}
.dropdown-menu.listview-filter .fltheader {
    position: relative;
}
.dropdown-menu.listview-filter .fltheader svg {
    position: absolute;
    left: 5px;
    margin-top: 4px;
}
.dropdown-menu.listview-filter .fltheader .inactive-badge-count {
    background-color: #b0adbd;
}
.dropdown-menu.listview-filter .fltheader,
.dropdown-menu.listview-filter .dropdown-item {
    padding-right: var(--zf-dropdown-item-padding-x);
    padding-left: 20px;
}
.dropdown-menu.listview-filter .dropdown-item.favourites svg.icon {
    fill: #b0adbd;
}
.dropdown-menu.listview-filter .dropdown-item.favourites svg.icon.favourite {
    fill: #fd9134;
}
.dropdown-menu.listview-filter .dropdown-item:hover svg.icon {
    fill: #fff;
}
.transaction-discount-btn:focus {
    box-shadow: none !important;
}
.content-column {
    position: relative;
    background-color: #fff;
    flex-grow: 1;
}
.content-column > .header {
    padding: 0 20px;
}
.content-column > .header .btn-toolbar {
    padding: 16px 0;
}
.content-column .body {
    padding: 0 20px 50px;
    overflow-x: auto;
}
.content-column .header .fill-container,
.content-column .body .fill-container {
    margin-left: -20px;
    margin-right: -20px;
}
.content-column .header .fill-container.line-item-section,
.content-column .body .fill-container.line-item-section {
    margin-right: 0;
}
.content-column .header .tab-menu-actions,
.content-column .body .tab-menu-actions {
    min-height: 65px;
    padding: 16px 20px;
}
.content-column .header .tab-menu-actions h3,
.content-column .body .tab-menu-actions h3 {
    margin: 0;
}
.content-column.fullscreen {
    top: 0;
    left: 0;
    max-width: none;
    background: #fff;
    z-index: 1031;
}
.content-column.fullscreen .icon-resize-full {
    display: none;
}
.content-column.fullscreen .icon-resize-small {
    display: inline-block;
}
.content-column .icon-resize-small {
    display: none;
}
.finance-app .zf-products {
    margin-right: 6px;
}
.finance-app .top-band {
    height: 48px;
}
.finance-app .top-band .top-item {
    margin: 0 8px;
}
.finance-app .top-band .app-logo-title {
    font-family: "ZohoPuvi";
}
.finance-app .top-band .top-item-fixed-width {
    max-width: 180px;
}
.finance-app .top-band .top-item-fixed-width .rounded-circle {
    width: 32px;
    height: 32px;
    margin: 0 12px;
    border: 1px solid #9e9e9e;
}
@media (max-width: 1279px) {
    .finance-app:not(.hide-navbar) .list-column:not(.column-small):not(.expanded-list-column):not(.zsm-product-page):not(.nav-templist-column):not(.hp-edit-pref-column) {
        display: none;
    }
    .finance-app:not(.hide-navbar) .list-column.zsm-product-page {
        width: 240px;
    }
    .finance-app .tab-column-collapsed + .list-column.zsm-product-page {
        width: 350px;
    }
}
.finance-app .orglist-header-section {
    background-color: #f7f7fe;
}
.finance-app .orglist-topband .orgs {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.finance-app .orglist-topband .orgs .dot-seperator {
    color: var(--zf-grey-15);
}
.finance-app .orglist-topband .orgs.current-org .org-profile .icon > path {
    fill: #408dfb;
}
.finance-app .orglist-topband .orgs.active,
.finance-app .orglist-topband .orgs:hover,
.finance-app .orglist-topband .orgs.current-org {
    background-color: #f9f9fb;
    border-color: #ebeaf2;
}
.finance-app .orglist-topband .orgs.active .org-name,
.finance-app .orglist-topband .orgs:hover .org-name,
.finance-app .orglist-topband .orgs.current-org .org-name {
    font-weight: 500;
}
.finance-app .orglist-topband .orgs.active + .active,
.finance-app .orglist-topband .orgs.active + .current-org,
.finance-app .orglist-topband .orgs.active:first-child,
.finance-app .orglist-topband .orgs:hover + .active,
.finance-app .orglist-topband .orgs:hover + .current-org,
.finance-app .orglist-topband .orgs:hover:first-child,
.finance-app .orglist-topband .orgs.current-org + .active,
.finance-app .orglist-topband .orgs.current-org + .current-org,
.finance-app .orglist-topband .orgs.current-org:first-child {
    border-top-color: transparent;
}
.finance-app .orgs-settings .orgs {
    margin: 0 10px;
}
.finance-app .orgs-settings .orgs.active,
.finance-app .orgs-settings.help .orgs:hover {
    text-decoration: none;
    color: #fff;
    background-color: var(--unifiedtheme-blue);
    border-radius: 8px;
}
.finance-app .orgs-settings .orgs.active .highlight-text,
.finance-app .orgs-settings.help .orgs:hover .highlight-text {
    color: var(--zf-grey-12);
}
.finance-app .orgs-settings .orgs.active .text-muted,
.finance-app .orgs-settings .orgs.active a,
.finance-app .orgs-settings.help .orgs:hover .text-muted,
.finance-app .orgs-settings.help .orgs:hover a {
    color: #fff !important;
}
.finance-app .orgs-settings .orgs.active > .icon,
.finance-app .orgs-settings .orgs.active > .settings-item .icon,
.finance-app .orgs-settings.help .orgs:hover > .icon,
.finance-app .orgs-settings.help .orgs:hover > .settings-item .icon {
    color: #fff;
}
.finance-app .orgs-settings .orgs.active .icon-ok,
.finance-app .orgs-settings.help .orgs:hover .icon-ok {
    color: #fff;
}
.finance-app .orgs-settings .orgs.active.disabled,
.finance-app .orgs-settings.help .orgs:hover.disabled {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
}
.finance-app .mail-select-all {
    color: var(--zf-blue-2);
}
.finance-app .paymentslinks-list-right-sec .header {
    height: 75px;
}
.finance-app .paymentlink-details-header {
    border-bottom: 1px solid #ebeaf2;
    padding-bottom: 25px;
}
.finance-app .txn-list .card {
    border-radius: 10px;
}
.finance-app .txn-list .card .card-header {
    border-radius: 10px 10px 0 0;
}
.finance-app .txn-list .arrow-svg {
    fill: #408dfb;
}
.finance-app .sidebar-close > .icon {
    vertical-align: middle;
    margin-bottom: 1px;
}
.finance-app .customer-label {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
    .finance-app .customer-label {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
}
.finance-app .customer-label-offset {
    margin-left: 16.6666666667%;
}
.finance-app .settings-dboard-item-head {
    padding: 10px;
    color: #21263c;
}
.finance-app .settings-dboard-link {
    color: #21263c;
}
.finance-app .settings-grid-container {
    max-width: 1174px;
}
.finance-app .settings-grid-container .settings-dboard-heading {
    padding: 20px 0 5px;
    color: #21263c;
    font-size: 20px;
}
.finance-app .settings-grid-container .settings-dboard-search {
    margin-top: 5px;
    padding-bottom: 35px;
}
.finance-app .settings-grid-container .settings-dboard-item {
    border: 1px solid #ebeaf2;
    border-radius: 10px;
    background-color: #f9f9fb;
    padding: 15px;
}
.finance-app .settings-grid-container .settings-dboard-item .settings-dboard-item-head {
    font-weight: 600;
    font-size: 14px;
}
.finance-app .settings-grid-container .settings-dboard-item .settings-dboard-item-head .icon {
    fill: #838195;
}
.finance-app .settings-grid-container .settings-dboard-item .settings-dboard-item-body {
    padding: 5px 10px 10px;
    column-gap: 88px;
}
.finance-app .settings-grid-container .settings-dboard-item .settings-dboard-item-body .settings-dboard-link:hover {
    color: #408dfb;
}
.finance-app .settings-navbar .settings-dboard-search {
    padding: 20px 10px 10px;
}
.finance-app .settings-navbar .settings-dboard-body {
    padding: 10px 0 10px 10px;
}
.finance-app .settings-navbar .settings-dboard-item {
    margin-bottom: 5px;
}
.finance-app .settings-navbar .settings-dboard-item-head {
    border-radius: 8px;
}
.finance-app .settings-navbar .settings-dboard-item-head .icon {
    fill: #838195;
}
.finance-app .settings-navbar .settings-dboard-item-head.selected-item {
    color: #408dfb;
}
.finance-app .settings-navbar .settings-dboard-item-head.selected-item .icon {
    fill: #408dfb;
}
.finance-app .settings-navbar .settings-dboard-item-head:not(.collapsed) {
    background-color: #f7f7fe;
}
.finance-app .settings-navbar .settings-dboard-item-head:hover,
.finance-app .settings-navbar .settings-dboard-link:hover {
    background-color: #f7f7fe;
    border-radius: 8px;
}
.finance-app .settings-navbar .settings-dboard-item-body {
    margin: 1px 0;
}
.finance-app .settings-navbar .settings-dboard-link {
    margin: 1px 0;
    padding: 8px 10px 8px 32px;
}
.finance-app .settings-navbar .settings-dboard-link.active {
    color: #fff;
    background-color: #408dfb;
    border-radius: 8px;
}
.flex-break {
    flex-basis: 100%;
}
.profile-menu-svg .blue {
    fill: #dae1ea;
}
.profile-menu-svg .green {
    fill: #8e9bb5;
}
.profile-menu-svg .rect {
    visibility: hidden;
}
.profile-menu-svg .darkblue {
    fill: #516889;
}
.profile-menu-svg .circle-white {
    fill: #dae1ea;
}
.profile-menu-svg .thunder {
    fill: #516889;
}
.profile-menu-svg:hover .blue {
    fill: #408dfb;
    transition: 0.2s;
}
.profile-menu-svg:hover .green {
    fill: #26db91;
    transition: 0.2s;
}
.profile-menu-svg:hover .rect {
    visibility: visible;
    transition: 0.2s;
}
.profile-menu-svg:hover .darkblue {
    fill: #183c6f;
    transition: 0.2s;
}
.profile-menu-svg:hover .circle-white {
    fill: #fff;
    transition: 0.2s;
}
.profile-menu-svg:hover .thunder {
    fill: #fff;
    transition: 0.2s;
}
.top-profile-menu-item {
    width: 29%;
    margin: 2%;
    border-radius: 8px;
    padding: 5% 2%;
}
.top-profile-menu-item:hover {
    font-weight: 500;
}
.bottom-profile-menu-item {
    width: 44%;
    margin: 7% 2.4% 0;
    padding: 4%;
    border-radius: 8px;
    background-color: #f9f9fb;
}
.bottom-profile-menu-item:hover {
    font-weight: 500;
}
.profile-image {
    width: 11%;
    height: 11%;
}
.profile-card-container:hover {
    border-color: #408dfb !important;
    background-color: #f5f5fa;
}
.profile-svg:hover svg {
    fill: #408dfb;
}
.profile-link:hover a {
    color: #408dfb;
}
.assistance-menu-item {
    padding: 12px 0;
}
.assistance-menu-item:hover {
    background-color: #f9f9fb;
}
.assistance-menu-item:hover .arrow-svg {
    transition: 0.2s;
    margin-left: 8px !important;
}
.mobile-qr {
    width: 80px;
    height: 80px;
}
.email-history .email-dropdown-profile {
    border: 1px solid #ddd;
    height: 35px;
    width: 35px;
    padding: 6px 0 0 8px;
}
.qb-org-preference-form {
    color: #333;
}
.qb-org-preference-form .import-card a {
    color: #2a90fb;
    padding: 3px 10px;
    background-color: #f2f7fe;
    font-weight: 500;
}
.qb-org-preference-form .import-card a:hover {
    color: #fff;
    background-color: #2a90fb;
    transition-duration: 0.4s;
}
.qb-org-preference-form hr {
    border-top: 1px solid #e2ecf5;
}
.qb-trial-balance td,
.qb-trial-balance th {
    padding: 10px;
}
.qb-trial-balance .row-action:hover {
    background-color: #fafafa;
}
.qb-trial-balance th {
    color: #7a8ba7 !important;
    font-weight: 500;
    font-size: 13px;
}
.qb-trial-balance .border-right {
    border-right: 1px solid #ddd;
}
.qb-trial-balance .border-right-light {
    border-right: 1px solid #e2ecf5;
}
.qb-trial-balance .border {
    border: 1px solid #ddd !important;
}
.qb-trial-balance .border-bottom {
    border-bottom: 1px solid #ddd !important;
}
.qb-trial-balance .border-top {
    border-top: 1px solid #ddd !important;
}
.scrollable-container > .trial-balance-comp-table td,
.scrollable-container > .trial-balance-comp-table th {
    padding: 15px;
}
.scrollable-container > .trial-balance-comp-table th {
    color: #7a8ba7 !important;
    font-size: 13px;
}
.scrollable-container > .trial-balance-comp-table tr:first-child th {
    font-weight: 600;
}
.scrollable-container > .trial-balance-comp-table tr:nth-child(2) th {
    font-weight: 500;
}
.scrollable-container > .trial-balance-comp-table td {
    color: #21263c;
    border-bottom: 1px solid #e2ecf5;
}
.scrollable-container > .trial-balance-comp-table .border-right {
    border-right: 1px solid #eee !important;
}
.scrollable-container > .trial-balance-comp-table .border {
    border: 1px solid #ddd !important;
}
.scrollable-container > .trial-balance-comp-table .border-top {
    border-top: 1px solid #eee !important;
}
.scrollable-container .scroll-to-left {
    border-radius: 0 4px 4px 0;
    z-index: 2;
    left: 0;
    transition: left 0.2s ease;
}
.scrollable-container .scroll-to-right {
    right: 0;
    border-radius: 4px 0 0 4px;
    z-index: 2;
    transition: right 0.2s ease;
}
.scrollable-container [class*="scroll-to-"] {
    position: fixed;
    top: 40%;
    width: 42px;
    height: 75px;
    background-color: rgba(156, 150, 150, 0.24);
    opacity: 0.5;
}
.scrollable-container [class*="scroll-to-"] .icon-arrow {
    position: relative;
    top: 40%;
    left: 28%;
}
.configure-term-lineitem thead th {
    border-bottom: 0 !important;
    color: #757383 !important;
}
.configure-term-lineitem tbody td:nth-last-child(2) {
    border-right: 1px solid var(--zf-table-border-color) !important;
}
.configure-term-lineitem tbody tr:not(:last-child) td {
    border-bottom: 0 !important;
}
.configure-term-lineitem tbody tr:last-child td:nth-last-child(2) {
    border-bottom-right-radius: 6px;
}
.qbo-scrollable-container .scroll-to-left {
    left: auto !important;
}
.table-style {
    border-collapse: separate;
    border-radius: 16px;
    border-spacing: 0;
    border: 1px solid #eee;
}
.card-shadow {
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}
.card-footer-style {
    box-shadow: 0 -1px 3px 0 RGBA(218, 226, 251, 0.5);
    border-radius: 0 0 16px 16px !important;
}
.qbo-thumb > path:last-child {
    fill: #408dfb !important;
}
.qbo-contact-parent {
    display: grid;
    grid-template-columns: 0 1fr;
    grid-template-rows: 150px 4fr;
    overflow: hidden;
}
.qbo-contact-gradient {
    padding: 60px;
    transform: rotate(335deg);
    position: relative;
    left: -45px;
    background: linear-gradient(184deg, #f7f9ff 0, #eaeffe 46%, #dde7ff 100%);
    top: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
}
.qbo-trial-bal-footer {
    z-index: 10;
    box-shadow: 0 -2px 3px 0 rgba(218, 226, 251, 0.5);
}
.qbo-table-hover:hover {
    background-color: #fafafc !important;
}
.qb-getting-started .thumb-img:hover {
    transform: scale(1.02);
    transition-duration: 0.4s;
}
.qb-getting-started .thumb-play {
    width: 36px;
    height: 36px;
    fill: #00a6ff;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    border-radius: 50%;
}
.qb-getting-started .sec-videos {
    padding: 2px 15px 2px 4px;
}
.qb-getting-started .sec-videos:hover {
    border-color: #c6c6c6 !important;
}
.qb-getting-started .demo-account .redirect-arrow,
.qb-getting-started .start-fresh-account .redirect-arrow {
    display: none;
}
.qb-getting-started .demo-account:hover .redirect-arrow,
.qb-getting-started .start-fresh-account:hover .redirect-arrow {
    display: block;
}
.qb-getting-started .border {
    border: 1px solid #e2ecf5 !important;
}
.qb-getting-started .border-bottom {
    border-bottom: 1px solid #e2ecf5 !important;
}
.qb-getting-started .border-top {
    border-top: 1px solid #e2ecf5 !important;
}
.qb-getting-started .rounded-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.qb-migration-form .qb-expoting-page {
    margin-top: 2px;
}
.qb-migration-form .qb-expoting-page .border-left {
    border-left: 2px solid #95989a !important;
}
.qb-migration-form .qb-expoting-page .exporting-steps .step-no {
    color: #819aaf;
    font-weight: 500;
    border: 1px solid #e3e9f3;
    border-radius: 5px;
    padding: 2px;
    background-color: #f7f9fb;
}
.qb-migration-form .qb-expoting-page .exporting-steps .step-content {
    color: #666;
    font-weight: 400;
}
.qb-migration-form .qb-expoting-page .qb-expoting-steps {
    display: block !important;
}
.qb-migration-form .qb-expoting-page .qb-expoting-steps hr {
    width: 25px;
}
.qb-migration-form .qb-expoting-page .card-header {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}
.qb-migration-form .import-header .step-no {
    padding: 3px;
    border-radius: 5px;
    width: 24px;
    border: 1px solid #e3e9f3;
    line-height: 1.25;
    background-color: #f7f9fb;
    color: #72819a;
}
.qb-migration-form .import-header hr {
    display: none;
}
.qb-migration-form .import-header .current-step {
    font-weight: 500;
}
.qb-migration-form .import-header .current-step hr {
    display: block;
    margin: 8px 0 0;
    height: 2.5px;
    background-color: #4a8afd;
    border-radius: 10px 10px 0 0;
}
.qb-migration-form .import-header .current-step span:first-child {
    background-color: #e6f2ff;
    color: #4a8afd;
    font-weight: 600;
}
.qb-migration-form .import-header li {
    margin-right: 3.5rem;
}
.qb-migration-form .close {
    background-color: #eff2f9;
    border-radius: 5px;
    opacity: 0.75;
}
.qb-migration-form .qb-migration-header {
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0 2px 3px 0 RGBA(218, 226, 251, 0.5);
    margin-bottom: 2px;
}
.qb-migration-form .qb-migration-header ul {
    margin: 25px 0 15px;
}
.qb-migration-form .qb-migration-header a {
    padding: 3px 3px 2px;
    font-size: 12px;
}
.qb-migration-form .import-card {
    border: 1px solid #e2ecf5;
    border-radius: 7px;
}
.qb-migration-form .import-card .collapsed.import-card-header {
    border-bottom: none;
    border-radius: 7px !important;
}
.qb-migration-form .import-card .import-card-header {
    border-radius: 7px 7px 0 0 !important;
    border-bottom: 1px solid #e2ecf5;
    font-weight: 500;
}
.qb-migration-form .import-card .import-card-footer {
    border-radius: 0 0 7px 7px !important;
    border-top: 1px solid #e2ecf5;
}
.qb-migration-form .card-style {
    border-radius: 20px;
    top: 50px;
}
.qb-migration-form .associate-documents {
    font-size: 12px;
}
.qb-migration-form .associate-documents table,
.qb-migration-form .associate-documents th,
.qb-migration-form .associate-documents thead,
.qb-migration-form .associate-documents tr,
.qb-migration-form .associate-documents td {
    border: 0 !important;
}
.qb-migration-form .associate-documents table {
    border-collapse: separate;
}
.qb-migration-form .associate-documents table thead th {
    background-color: #f4f6fb;
}
.qb-migration-form .associate-documents table tbody tr td {
    background-color: #f5f6fa;
}
.qb-migration-form .document-count {
    background-color: #f3f8fe;
    border-radius: 4px;
}
.qb-migration-form .uploaded-documents .tableFixHead {
    overflow-y: auto;
    overflow-x: hidden !important;
    height: 600px;
}
.qb-migration-form .uploaded-documents .tableFixHead table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
.qb-migration-form .uploaded-documents .tableFixHead thead {
    position: sticky;
    background-color: #f5f6fa;
    top: 0;
    z-index: 10;
}
.qb-migration-form .uploaded-documents .tableFixHead thead th {
    color: #7a8ba7 !important;
    font-weight: 300;
}
.qb-migration-form .uploaded-documents .tableFixHead tbody tr {
    border-bottom: 1px solid #eee;
}
.qb-migration-form .uploaded-documents .tableFixHead tbody tr:last-child {
    border-bottom: none !important;
}
.qb-migration-form .uploaded-documents .tableFixHead td:nth-child(2n) {
    word-break: break-all;
}
.included-entities {
    left: 200px;
    top: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 1000;
    background-color: #fff;
}
@media (min-width: 1279px) {
    .product.product-and-widgets .tab-column-collapsed.main-tab-column + .content-column .inv-footer {
        width: calc(100% - 415px);
    }
    .product.product-and-widgets .main-tab-column + .content-column .inv-footer {
        width: calc(100% - 575px);
    }
    .product .main-tab-column + .content-column .inv-footer {
        width: calc(100% - 245px);
    }
    .product .tab-column-collapsed.main-tab-column + .content-column .inv-footer {
        width: calc(100% - 85px);
    }
}
.list-header.extra-header .list-filter {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #fafafa;
}
.widgets-sidebar {
    width: 50px;
    border-left: 1px solid #eee;
}
.widgets-sidebar .app-logo-text {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 25px;
    justify-content: center;
    overflow: hidden;
    background-color: #fff4e7;
    border-radius: 5px;
}
.widgets-devmode {
    display: inline-block;
    padding: 7px;
    top: 11px;
    border-radius: 5px;
}
.widgets-devmode i {
    padding: 0 7px;
}
.widgets-devmode + .popover-container {
    padding: 0 5px;
}
.sidebar {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 99;
    border-left: 1px solid #ccc;
    min-width: 25%;
    background-color: #fff;
}
.sidebar.expanded {
    left: 75%;
}
.sidebar-xlg {
    min-width: 35%;
}
.sidebar-xlg.expanded {
    left: 65%;
}
.list-column.column-small + .content-column .sidebar {
    min-width: 30%;
}
.list-column.column-small + .content-column .sidebar.expanded {
    left: 70%;
}
.sub-tab .nav-tabs .nav-link.active,
.timesheet-sub-tab .nav-tabs .nav-link.active {
    background-color: inherit;
}
.sub-tab .nav-tabs .nav-link.active,
.sub-tab .nav-tabs .nav-link.active:focus,
.sub-tab .nav-tabs .nav-link.active:hover,
.timesheet-sub-tab .nav-tabs .nav-link.active,
.timesheet-sub-tab .nav-tabs .nav-link.active:focus,
.timesheet-sub-tab .nav-tabs .nav-link.active:hover {
    color: #333;
}
.sub-tab {
    height: 39px;
}
.sub-tab ~ .body {
    overflow-x: hidden;
}
.header + .sub-tab {
    margin-top: 6px;
}
.sec-lang-name.header {
    height: 70px;
}
.sec-lang-name + .item-title-subheader {
    margin-top: 5px;
}
.color-icon {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.pagetips-icon {
    position: absolute;
    top: 14px;
    right: 0;
    padding: 8px;
    z-index: 5;
}
.pagetips-icon.icon-highlight {
    z-index: 1050;
}
.pagetips-icon.templates-pagetips-icon {
    top: 30px;
}
.slide-sidebar {
    transition: right 0.3s ease-in-out;
    position: absolute;
}
.slide-sidebar.slide-sidebar-left {
    right: 0;
    top: 0;
    bottom: 0;
}
.slide-sidebar.slide-sidebar-right {
    right: -400px;
    top: 0;
    bottom: 0;
}
.sidebar-header {
    height: 65px;
    padding: 22px 20px 22px 12px;
    font-size: 16px;
    background-color: #e6f5fa;
    border: 1px solid #d8ebf1;
}
.sidebar-header .close-details {
    padding-top: 0;
    color: #ccc;
}
.sidebar-header.proposalblue-bg {
    background-color: #f3f8fe;
    border: 1px solid #eee;
}
.sidebar-body {
    overflow: auto;
}
.sidebar-body.flyout-body {
    top: 66px;
}
.sidebar-body.flyout-body.crm-sidebar {
    top: 51px;
}
.sidebar-body.flyout-body.faq-body {
    top: 102px;
    padding-bottom: 102px;
    overflow-x: hidden;
    overflow-y: auto;
}
.sidebar-body.flyout-body.faq-body .faq-body-content .helpdoc-link-url:hover .helplink-newtab {
    fill: #3a3f53;
}
.sidebar-body.flyout-body.faq-body .faq-contact-us {
    width: 400px;
}
.sidebar-body.flyout-body.faq-body .faq-contact-us .contact-us {
    border: 1px solid #dbe1ec;
    padding: 8px 12px;
}
.sidebar-body.flyout-body.faq-body .faq-contact-us .contact-us:hover,
.sidebar-body.flyout-body.faq-body .faq-contact-us .contact-us:focus {
    border-color: #000;
}
.sidebar-body.flyout-body.with-search {
    top: 168px;
    padding-bottom: 170px;
}
.sidebar-body .caret {
    border: 4px solid transparent;
    border-top-color: #333;
    margin-top: 5px;
}
.sidebar-body .collapsed .caret {
    border-top-color: transparent;
    border-left-color: #333;
}
.sidebar-body .card {
    border: 0;
}
.sidebar-body .side-bar-accordion-body {
    max-height: 400px;
    overflow-y: auto;
    border-bottom: 1px solid #eee;
}
.sidebar-body .info-group {
    padding-top: 15px;
}
.sidebar-body .sub-section {
    padding: 20px 30px;
}
.sidebar-body .video-section .pagetips-video-list .sub-section .video-thumb-nail {
    border: 2px solid #fff;
    box-shadow: 0 1px 5px #dfdfdf;
    width: 110px;
}
.sidebar-body .video-section .pagetips-video-list .sub-section.pagetips-homepage-videos .video-thumb-nail:hover {
    transform: scale(1.1);
}
.sidebar-body .video-section .pagetips-video-list .sub-section.pagetips-videos-open .video-thumb-nail {
    position: relative;
    width: 54px;
    height: 54px;
}
.sidebar-body .video-section .pagetips-video-list .sub-section.pagetips-videos-open .video-thumb-nail::after {
    content: "";
    border-radius: 8px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: #000;
    opacity: 0;
    transition: all 0.3s;
}
.sidebar-body .video-section .pagetips-video-list .sub-section.pagetips-videos-open .play-button-outer-ring {
    fill: transparent;
}
.sidebar-body .video-section .pagetips-video-list .sub-section.pagetips-videos-open .play-button-inner-icon {
    fill: #208eff;
}
.sidebar-body .video-section .pagetips-video-list .sub-section.pagetips-videos-open:hover .video-thumb-nail::after {
    opacity: 0.3;
}
.sidebar-body .video-section .pagetips-video-list .sub-section.pagetips-videos-open:hover .play-button-inner-icon {
    fill: #fff;
}
.sidebar-body .video-section .pagetips-video-list:hover .sub-section.pagetips-videos-open .video-title-details .duration-label {
    color: #000;
}
.sidebar-body .webinar-icon {
    margin-right: 15px;
}
.faq-list {
    padding: 21px 0 10px 20px;
}
.faq-list li {
    padding: 6px 0 10px;
}
.faq-list li:first-child {
    padding-top: 0;
}
.faq-list li .faq-list-item-title {
    color: #0080ff;
}
.faq-list li .faq-list-item-title:hover {
    color: #00a6ff;
}
.faq-list-tab:hover,
.faq-list-tab:focus {
    transition: 0.2s;
}
.faq-list-tab:hover .faq-open-icon,
.faq-list-tab:focus .faq-open-icon {
    fill: #3a3f53;
}
.pagetips-separator {
    border-color: #f7f7fe;
}
.pagetips-separator.border-5 {
    border-width: 5px;
}
.search-result {
    list-style-type: none;
    padding: 15px 0 80px 10px;
}
.search-result .searchres_highlight {
    font-weight: 700;
}
.scroll-subsection {
    height: 437px;
}
@media (max-height: 720px) {
    .scroll-subsection {
        height: 275px;
    }
}
.pagetips-banner {
    border-top: 1px solid #eee;
    background-color: #fff;
    padding: 20px 30px;
}
.pagetips-banner [class^="integ-zapps-"] {
    background-size: 200px 540px;
}
.pagetips-banner .integ-zapps-inventory {
    width: 75px;
    height: 60px;
    background-position: -22px -240px;
}
.pagetips-banner .integ-zapps-expense {
    width: 75px;
    height: 60px;
    background-position: -21px -70px;
    margin: 1px;
}
.pagetips-banner .integ-zapps-billing {
    width: 75px;
    height: 60px;
    background-position: -112px -82px;
}
.pagetips-banner .integ-zapps-projects {
    width: 75px;
    height: 60px;
    background-position: -117px -11px;
}
.pagetips-banner a {
    color: #0080ff;
}
.pagetips-searchbar .search-field.pagetips-search-field {
    margin-bottom: 6px;
    border: 1px solid transparent;
}
.pagetips-searchbar .search-field.pagetips-search-field:hover,
.pagetips-searchbar .search-field.pagetips-search-field:focus-within {
    border-color: #8c93ae;
}
.pagetips-searchbar .search-field.pagetips-search-field .pagetips-search {
    background-color: #474c60 !important;
}
.pagetips-searchbar .search-field.pagetips-search-field .pagetips-search::placeholder {
    color: #c8c9cf;
}
.pagetips-searchbar .search-field.pagetips-search-field .pagetips-search .icon {
    fill: #c8c9cf;
}
.header .pagetips-title {
    height: 65px;
    padding: 23px 0 23px 20px;
}
.header .bank-pagetips-title {
    padding: 6px 12px;
    margin-left: 15px;
}
.header .btn-toolbar .btn-link + .btn-link {
    border-left: 1px solid #e3e3e3;
}
.list-header .pagetips-title {
    padding: 3px 10px;
    margin-left: 15px;
}
.list-header h3 {
    margin: 0 5px;
}
.visible-1279-inline-block {
    display: none;
}
@media (max-width: 1279px) {
    .visible-1279-inline-block {
        display: inline-block;
    }
}
.hidden-1279-inline-block {
    display: inline-block;
}
@media (max-width: 1279px) {
    .hidden-1279-inline-block {
        display: none;
    }
}
@media (min-width: 2000px) {
    .content-column {
        max-width: 1650px;
    }
}
.description {
    white-space: pre-wrap;
}
.nav-tabs-dashed .nav-link.active,
.nav-tabs-dashed .nav-link.active:focus,
.nav-tabs-dashed .nav-link.active:hover {
    border: 0;
}
.nav-tabs-dashed .nav-link {
    padding-bottom: 5px;
}
.nav-tabs-dashed .nav-link:hover,
.nav-tabs-dashed .nav-link:focus {
    background-color: inherit;
    border: 1px solid transparent;
}
.nav-tabs-dashed-sm .nav-link.active,
.nav-tabs-dashed-sm .nav-link.active:focus,
.nav-tabs-dashed-sm .nav-link.active:hover {
    border-width: 2px;
}
.contextual-sidebar .contextual-txn-icon-div {
    margin-left: 16%;
    padding-top: 3px;
}
.contextual-sidebar .contextual-txn-icon-bg {
    border-radius: 37px;
    padding: 18px;
    box-shadow: rgba(28, 29, 83, 0.0509803922) 1px 6px 10px 2px;
}
.card > textarea {
    border: 0;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.lpane-grp {
    margin-bottom: 40px;
}
.lpane-grp .nav-pills .nav-link {
    padding: 6px 20px;
    border-radius: 0;
    color: #333;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: transparent;
}
.lpane-grp .nav-pills .nav-link:hover {
    background-color: transparent;
}
.lpane-grp .nav-pills .nav-link.active {
    border-top: 1px solid var(--zf-grey-17);
    border-bottom: 1px solid var(--zf-grey-17);
    background-color: var(--zf-blue-4);
}
.lpane-grp .nav-pills .nav-link:hover,
.lpane-grp .nav-pills .nav-link.active {
    font-weight: 500;
}
.lpane-grp .nav-pills .divider {
    margin-top: 20px;
}
.menu-action {
    padding: 10px 10px 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
.menu-action .dropdown-menu {
    margin-top: 0;
}
.nav.nav-pills.nav-pills-flat {
    padding-bottom: 0;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.nav.nav-pills.nav-pills-flat .nav-item .nav-link {
    background-color: inherit;
    border-radius: 0;
}
.nav.nav-pills.nav-pills-flat .nav-item .nav-link:hover {
    font-weight: 500;
}
.nav.nav-pills.nav-pills-flat .nav-item .nav-link.active {
    border-bottom: 3px solid var(--primary-color);
    color: #000;
}
.nav.nav-pills.nav-pills-flat .nav-item .nav-link.active:hover {
    color: #000 !important;
    font-weight: unset;
}
.loading {
    margin-top: 20px;
    flex-grow: 1;
}
@keyframes blink {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.3;
    }
}
.blink-loader,
.line-loader-rectangle,
.line-loader-xlg-line,
.line-loader-lg-line,
.line-loader-xs-line,
.line-loader-sm-line,
.line-loader-bigcircle,
.line-loader-proddetail,
.line-loader-inventory,
.line-loader-smallline,
.line-loader-bigline,
.line-loader-line,
.line-loader-circle,
.line-loader,
.lineitem-loader .line-loader {
    animation: blink 1s ease-in-out infinite;
}
.global-search {
    float: left;
    width: var(--zf-global-search-width);
}
.global-search .ac-dropdown-menu {
    width: 450px;
}
.global-search .scrollmenu {
    background: #fff;
}
.global-search:not(.enterprise-search-field) #quick-search {
    border-radius: 8px;
}
.global-search:not(.enterprise-search-field) #quick-search.btn.btn-link {
    position: relative;
    top: 3.5px;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) {
    width: var(--zf-global-search-width);
    transition: width 0.3s ease-out;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .form-control {
    height: 32px;
    padding-right: 30px;
    border-radius: 0 8px 8px 0;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .ac-selected.auto-select {
    display: flex;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .ac-selected.auto-select::before {
    content: "";
    position: relative;
    top: 5px;
    height: 70%;
    border-left: 1px solid var(--border-separator);
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .dropdown .dropdown-toggle {
    height: 32px;
    padding: 9px 7px;
    border-radius: 8px 0 0 8px;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .dropdown .dropdown-toggle::after {
    content: none;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .dropdown.show .ac-dropdown-menu {
    transition: width 0.3s ease-out;
    width: 300px;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .dropdown.show .dropdown-menu .dropdown-item:hover {
    color: #fff;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .search-dropdown.dropdown.show .ac-selected.auto-select {
    background-color: #fff;
    border-radius: 0 8px 8px 0;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .search-dropdown.dropdown.show .ac-selected.auto-select::before {
    border-color: #999;
    opacity: 0.5;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .searchbar-clear {
    display: none;
    position: relative;
    margin-top: 12px;
    right: 25px;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):hover,
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):focus-within {
    border-radius: 8px;
    width: 335px;
    outline: 0;
    border: 1px solid #2098ff;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):hover .searchbar-clear,
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):focus-within .searchbar-clear {
    display: inline;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):hover .dropdown.show.search-dropdown .ac-dropdown-menu,
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):focus-within .dropdown.show.search-dropdown .ac-dropdown-menu {
    width: 335px;
}
.global-search:not(.enterprise-search-field) #quick-search .adv-search,
.global-search:not(.enterprise-search-field) #quick-search .zia-search {
    padding: 8px 5px 8px 10px;
    background-color: #fff;
    cursor: pointer;
}
.global-search:not(.enterprise-search-field) #quick-search .adv-search [class^="icon-"],
.global-search:not(.enterprise-search-field) #quick-search .zia-search [class^="icon-"] {
    color: #408dfb;
}
.global-search:not(.enterprise-search-field) #quick-search .adv-search:hover,
.global-search:not(.enterprise-search-field) #quick-search .zia-search:hover {
    background-color: #f8f8f8 !important;
}
.global-search:not(.enterprise-search-field) #quick-search .adv-search:hover .icon,
.global-search:not(.enterprise-search-field) #quick-search .zia-search:hover .icon {
    fill: #408dfb;
}
.global-search:not(.enterprise-search-field) #quick-search .adv-search em,
.global-search:not(.enterprise-search-field) #quick-search .zia-search em {
    background-color: #e9ebf3;
    color: #21263c;
}
.search-field {
    border-radius: 6px;
}
.search-field:not(.global-search) {
    border: 1px solid #d7d5e2;
}
.search-field .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.search-field .input-group-prepend .input-group-text {
    padding-left: 8px;
    padding-right: 2px;
}
.search-field .input-group-prepend,
.search-field .input-group-append {
    z-index: 5;
}
.search-field .input-group-append.border-left {
    border-left: 1px solid #d7d5e2;
}
.search-field .input-group-text {
    height: 34px;
    background-color: #fff;
    transition: none;
    border-width: 0;
    border-radius: 6px;
}
.search-field .input-group-text svg {
    fill: #838195;
}
.search-field .input-group-text.dropdown-toggle {
    height: 34px;
}
.search-field .input-group-text .search-icon {
    fill: var(--topband-font-color);
    transition: none;
}
.search-field .input-group-text .arrow-down {
    margin-left: 4px;
    fill: #408dfb;
}
.search-field .form-control {
    height: 34px;
    padding-left: 6px;
    background-color: #fff;
    border-width: 0;
    color: #000;
    box-shadow: none;
    border-radius: 0 6px 6px 0;
}
.search-field .form-control::placeholder {
    color: #838195;
}
.search-field .search-dropdown {
    z-index: 1050;
}
.search-field .search-dropdown .input-group-text,
.search-field .search-dropdown .form-control {
    background-color: #fff;
    color: var(--zf-grey-12);
}
.search-field .search-dropdown .input-group-text svg,
.search-field .search-dropdown .form-control svg {
    color: var(--zf-grey-12);
}
.search-field:not(.global-search, .pagetips-search-field):hover,
.search-field:not(.global-search, .pagetips-search-field):focus-within,
.search-field.global-search.enterprise-search-field:hover,
.search-field.global-search.enterprise-search-field:focus-within {
    border: 1px solid #408dfb;
}
.search-field.zf-zia-search:focus-within {
    box-shadow: 0 0 2px 3px rgba(43, 135, 227, 0.14);
}
.search-field .search-dropdown {
    z-index: 1050;
}
.search-field .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.search-field .modal-backdrop {
    background-color: #444;
    opacity: 0.5;
}
.search-field .dropdown-menu > .active,
.search-field .dropdown-menu > .active:hover,
.search-field .dropdown-menu > .active:focus {
    background-color: #f0f7fb !important;
}
.search-field .ac-dropdown-menu .ac-dropdown-results.dropdown-menu .dropdown-item {
    padding: 10px 15px;
}
.search-field .ac-dropdown-menu .loading {
    margin-top: 0;
}
.search-field .dropdown-menu {
    right: 0;
    padding-bottom: 0;
    border: 1px solid #eaeaea;
}
.search-field .dropdown-menu .icon-ok {
    margin: 3px;
}
.search-field .dropdown-menu .dropdown-item .icon-ok {
    position: absolute;
    right: 10px;
}
.search-field .dropdown-menu .bottom-0 {
    bottom: 0;
}
.search-field .ac-dropdown .ac-dropdown-menu {
    top: 34px;
    left: 0;
}
.search-field .ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    max-height: none;
    overflow-x: hidden;
}
.search-field .ac-dropdown-results.dropdown-menu .dropdown-item {
    border-bottom: 1px solid #eaeaea;
    white-space: normal;
    line-height: 1.3;
}
.search-field .ac-dropdown-results.dropdown-menu .dropdown-item:last-child {
    border-bottom-color: transparent;
}
.search-field .ac-dropdown-results.dropdown-menu .dropdown-item.active a {
    color: #333;
}
.search-field .ac-quick-create {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 0 0 4px 4px;
    white-space: nowrap;
    background-color: #fff;
    z-index: 1000;
    padding: 0;
    border: 1px solid #eaeaea;
}
.search-field .ac-quick-create .search-footer-item {
    padding: 4px;
    border-top: 1px solid var(--zf-global-search-footer-border-color);
}
.search-field .ac-quick-create .search-footer-item .search-item {
    padding: 6px;
}
.fundbox-banner {
    background: url(images/fundbox-banner-55c6bc58ff.png) no-repeat;
    height: 90px;
    background-size: cover;
    border: 1px solid #3bc6ab;
    border-radius: 8px;
    margin: 10px;
    padding: 10px 40px;
}
@media (max-width: 1024px) {
    .search-field {
        width: 210px;
    }
    .search-field #quick-search,
    .search-field.zf-zia-search {
        width: unset !important;
    }
    .icici-dc-mig-cta {
        margin-left: 125px;
    }
}
.range-separator {
    float: left;
    margin-top: 5px;
}
.top-band {
    display: flex;
    align-items: center;
    width: 100%;
    flex-shrink: 0;
}
.top-band .dropdown .dropdown-toggle {
    color: var(--topband-font-color);
}
.top-band .dropdown .dropdown-toggle svg {
    transition: transform 0.3s ease-in-out;
}
.top-band .dropdown.open .add-new.dropdown-toggle svg {
    transform: rotate(45deg);
}
.top-band .top-item .dropdown-menu {
    margin-top: 8px;
}
.top-band .top-upgrade-button-item {
    margin: 9px 11px 0 3px;
    line-height: 18px;
    padding-right: 16px;
    border-right: 1px solid var(--border-separator);
}
.top-band .top-item-upgrade-msg {
    margin: 9px 0 0 11px;
    max-width: 140px;
}
@media screen and (max-width: 1400px) {
    .top-band .top-item-upgrade-msg {
        max-width: 75px;
    }
}
.top-band .top-item-upgrade-msg.wave-upgrade-msg {
    max-width: 300px;
}
.subdomain-check .loading {
    margin-top: 0;
}
.domain-verify svg.icon.play-button {
    width: 30px;
}
.domain-verify .play-button-outer-ring {
    fill: var(--zf-blue-13);
}
.domain-verify .play-button-inner-icon {
    fill: var(--zf-white-1);
}
.orgs-settings .orgs > .icon,
.orgs-settings .orgs > .settings-item .icon {
    color: #ccc;
}
.orglist-header-section .nav-tabs .nav-link {
    border-width: 0 0 2px;
}
.orglist-header-section .nav-tabs .nav-link:hover,
.orglist-header-section .nav-tabs .nav-link:focus {
    border-bottom-width: 2px;
}
.orglist-header-section .nav-tabs .nav-link.active {
    color: #212529;
    background-color: inherit;
}
.orglist-topband .orgs,
.orgs-settings .orgs {
    padding: 6px 20px;
    cursor: pointer;
}
.orglist-topband .orgs [class^="col-lg-"],
.orgs-settings .orgs [class^="col-lg-"] {
    padding: 0;
    white-space: normal;
}
.orglist-topband .orgs.disabled,
.orgs-settings .orgs.disabled {
    cursor: not-allowed;
}
.orglist-topband .orgs.disabled .org-profile > .icon > path,
.orgs-settings .orgs.disabled .org-profile > .icon > path {
    fill: #999;
}
.orglist-topband .orgs a,
.orgs-settings .orgs a {
    color: #222;
}
.orglist-topband .org-name-section {
    max-width: 155px;
}
.orglist-topband .orgs .org-profile {
    height: 40px;
    width: 40px;
    border: 1px solid #dfdfeb;
    background-color: #fff;
}
.orglist-topband .orgs .org-profile .organization-logo {
    max-height: 80%;
    max-width: 80%;
}
.orglist-topband .orgs .badge-count {
    background-color: var(--zf-grey-15);
}
.orglist-topband .orgs .org-id-section {
    color: var(--zf-grey-13);
}
.orglist-topband .orgs .org-id-section .org-id-copy:hover > .icon {
    fill: #408dfb;
}
.orglist-topband .orgs .org-id-section .plan-name-section {
    max-width: var(--zf-plan-name-width);
}
.orglist-topband .orgs .org-name {
    max-width: var(--zf-org-name-width);
}
.orglist-topband .orgs .select-tick {
    fill: var(--zf-selected-tick-color);
}
.orglist-topband .orgs.disabled .org-name,
.orglist-topband .orgs.disabled .org-id-section {
    color: #9391a2;
}
.orglist-topband .orgs.disabled .org-profile > .icon > path {
    fill: #999;
}
.org-profile {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfdfeb;
    background-color: #fff;
}
.org-profile .organization-logo {
    max-height: 80%;
    max-width: 80%;
}
.profile-pic-md {
    width: 60px;
    height: 60px;
}
.profile-pic {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
.profile-pic-lg {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.user-id {
    line-height: 9.3px;
    padding-bottom: 3px;
}
.signout {
    color: var(--zf-red-1) !important;
}
[class^="app-icons-"] {
    background: url(images/appicons-c18f855218.png) no-repeat 0 0;
    background-size: 88px 125px;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-bottom: -3px;
    display: inline-block;
}
.app-icons-crm {
    background-position: 0 0;
}
.app-icons-bigin {
    background-position: -36px 0;
}
.app-icons-people {
    background-position: -72px 0;
}
.app-icons-projects {
    background-position: 0 -36px;
}
.app-icons-workerly {
    background-position: -36px -36px;
}
.app-icons-inventory {
    background-position: -72px -36px;
}
.app-icons-books {
    background-position: 0 -72px;
}
.app-icons-invoice {
    background-position: -36px -72px;
}
.app-icons-zsm {
    background-position: -72px -72px;
}
.app-icons-billing {
    background-position: 0 -107px;
}
.online-pmt-alert {
    background-color: #f0f8fe;
    line-height: 27px;
}
.unpaid-table {
    margin-bottom: 10px;
}
.unpaid-table tbody > tr:first-of-type td {
    border-top: none;
}
.unpaid-table tbody > tr > td {
    vertical-align: middle;
}
.icon-xlarge {
    font-size: 25px;
}
hr.sm {
    margin: 7px 0;
}
hr.md {
    margin: 12px 0;
}
hr.lg {
    margin: 24px 0;
}
hr.xlg {
    margin: 30px 0;
}
hr.mute-margin {
    margin: 0;
}
hr.border-dashed {
    border-top: 1px dashed #eee;
}
hr.border-dashed-2 {
    border-top: 2px dashed var(--zf-table-border-color);
}
.confirm-icon {
    font-size: 40px;
}
.align-center {
    margin: auto;
}
.push-to-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.zom-ad-banner-list-view {
    background-color: #fcf8ec;
    padding: 20px 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.zom-ad-banner-list-view .close {
    position: relative;
    left: 20px;
}
.zom-ad-banner-list-view .zom-promo-desc {
    padding-top: 12px;
    line-height: 24px;
}
.internal-promotion-banner {
    padding: 0 40px;
    font-size: 12px;
    line-height: 1.1;
    background-color: #ebf3fe;
    border: 1px solid #ebf3fe;
    height: 130px;
}
.internal-promotion-banner.banner-bottom {
    position: absolute;
    bottom: 0;
}
.internal-promotion-banner h4 {
    font-size: 14px;
    line-height: 1.4;
}
.internal-promotion-banner .btn {
    background-color: #408dfb;
    border-color: #408dfb;
}
@media (max-width: 1279px) {
    .top-item-upgrade-msg {
        display: none;
    }
    .internal-promotion-banner {
        padding: 0 20px;
    }
    .fundbox-banner {
        padding: 5px 15px;
    }
    .fundbox-banner .col-lg-2 {
        padding-top: 10px;
    }
}
.other-app-item {
    padding: 0;
}
.logo-preregistro {
    filter: brightness(0) invert(1);
}

.logo-card-types {
    background-image: url(images/1x/card-types-b5c234761e.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 461px 71px;
}
.logo-card-types.visa-card {
    background-position: 0 -8px;
    width: 49px;
    height: 17px;
}
.logo-card-types.benefit-card {
    background-position: 4px -32px;
    width: 38px;
    height: 40px;
}
.logo-card-types.sadad-card {
    background-position: -87px -42px;
    width: 69px;
    height: 27px;
}
.logo-card-types.oman-card {
    background-position: -180px -41px;
    width: 70px;
    height: 30px;
}
.logo-card-types.mada-card {
    background-position: -265px -41px;
    width: 70px;
    height: 30px;
}
.logo-card-types.knet-card {
    background-position: -347px -41px;
    width: 40px;
    height: 30px;
}
.logo-card-types.master-card {
    background-position: -268px -5px;
    width: 39px;
    height: 23px;
}
.logo-card-types.diners-club {
    background-position: -92px -10px;
    width: 44px;
    height: 14px;
}
.logo-card-types.discover {
    background-position: -180px -13px;
    width: 49px;
    height: 8px;
}
.logo-card-types.jcb {
    background-position: -346px -1px;
    width: 40px;
    height: 31px;
}
.logo-card-types.american-express {
    background-position: -426px 0;
    width: 32px;
    height: 32px;
}
.logo-card-types.rupay-card {
    background-position: -411px -40px;
    width: 43px;
    height: 32px;
}
.card-logo {
    background-image: url(images/svgs/payment_method-1becfc3c17.svg);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 207px 13px;
    width: 18.5px;
    height: 15px;
}
.card-logo.visa-card {
    background-position: -19px 0;
}
.card-logo.master-card {
    background-position: 0 0;
}
.card-logo.diners-club {
    background-position: -57px 0;
}
.card-logo.discover {
    background-position: -76px 0;
}
.card-logo.jcb {
    background-position: -95px 0;
}
.card-logo.american-express {
    background-position: -38px 0;
}
.card-logo.unionpay {
    background-position: -114px 0;
}
.card-logo.laser {
    background-position: -133px 0;
}
.card-logo.unknown {
    background-position: -152.5px 0;
}
.card-logo.unknown-bank {
    background-position: -171.5px 0;
}
.card-logo.paypal {
    background-position: -190.5px 0;
}
.card-logo.small {
    transform: scale(1.3);
}
.card-logo.medium {
    transform: scale(1.5);
}
[class^="review-icon"] {
    display: inline-block;
    background-image: url(images/1x/review-41cad95b6b.png);
    background-repeat: no-repeat;
    width: 319px;
    height: 189px;
}
.review-icon-common {
    background-position: -333px -3px;
    width: 219px;
    height: 157px;
}
.review-icon-google {
    background-position: -5px -3px;
}
.review-icon-ms {
    background-position: -5px -201px;
}
.review-icon-qbo {
    background-position: -5px -399px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .logo-card-types {
        background-image: url(images/2x/card-types-a36ee7405c.png);
        background-repeat: no-repeat;
        background-size: 461px 71px;
    }
    [class^="review-icon"] {
        background-image: url(images/2x/review-687699d51d.png);
        background-size: 559px 594px;
    }
}
.btn-back {
    color: #08c;
    padding-left: 8px;
    background-color: #fff;
    padding-right: 10px;
}
.rel-date-row .rel-date-col {
    padding-right: 0;
}
.close-details-header {
    margin-top: 20px;
}
.close-icon-fixed {
    position: fixed;
    z-index: 2;
    right: 2%;
}
address > pre {
    margin: 0;
    font-family: inherit;
}
.student-collapse-expand {
    background-color: var(--sidebar-bg);
    position: fixed;
    height: 120px;
    bottom: 35px;
    width: 199px;
}
.collapse-expand {
    position: fixed;
    height: 35px;
    bottom: 0;
    width: 200px;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #bbbabb;
    background-color: #d9d9d9;
    cursor: pointer;
}
.tab-column-collapsed .collapse-expand {
    width: 40px;
}
.hasChatBar .product,
.hasChatBar .fullscreen-bg {
    bottom: 30px;
}
.hasChatBar.chat-button {
    bottom: 30px;
}
.hasChatBar .collapse-expand {
    bottom: 30px;
}
.hasChatBar .expand-sidebar {
    bottom: 34px;
}
.hasChatBar .timer-enabled .collapse-expand {
    bottom: 71px;
}
.hasChatBar .timer-enabled .expand-sidebar {
    bottom: 76px;
}
.hasChatBar .timer-widget {
    bottom: 28px;
}
@media (min-width: 1279px) {
    .hasChatBar .txn-creation-column .fixed-actions {
        bottom: 30px;
    }
}
.zone-box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}
.expand-sidebar {
    position: fixed;
    bottom: 4px;
    left: 93px;
    cursor: pointer;
    color: #333;
}
.expand-sidebar:hover {
    color: #333;
}
.shrink-sidebar {
    left: 14px;
}
.timer-enabled .collapse-expand {
    bottom: 43px;
}
.timer-enabled .expand-sidebar {
    bottom: 46px;
}
.social-networks {
    background-image: url(images/social_media_sprite-30c23fcc33.png);
    background-image: -webkit-image-set(url(images/social_media_sprite-30c23fcc33.png) 1x, url(images/social_media_sprite@2x-87302dd26d.png) 2x);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}
.facebook {
    background-position: 1px;
}
.twitter {
    background-position: -23px 1px;
}
.skype {
    background-position: -47px 1px;
}
.file-item-preview-size {
    max-width: 50px;
    max-height: 50px;
}
.item-card-display {
    display: flex;
    position: relative;
    padding: 10px;
    border: 1px solid #eee;
    margin: 10px 10px 0 0;
    width: 250px;
    border-radius: 6px;
    align-items: center;
}
.item-card-display .show-img {
    object-fit: contain;
}
.item-card-display .empty-picture {
    width: 70px;
}
.item-card-display .empty-picture div {
    height: 50px;
    background-color: var(--zf-blue-4);
    color: #ddd;
    display: flex;
    align-items: center;
    border: 1px dashed #ddd;
    justify-content: center;
}
.item-card-display .close-icon {
    display: none;
    position: absolute;
    top: -8px;
    right: -6px;
    color: #e54643;
}
.item-card-display:hover .close-icon {
    display: block;
}
.hr-small {
    margin: 10px 0;
}
.table-tax-group tbody > tr > td {
    border: 1px solid #eee;
}
.table-tax-group tbody > tr > td:last-child {
    border: 0;
    color: #ddd;
    background-color: #fff;
    cursor: row-resize;
}
.table-tax-group tbody > tr.dragging > td {
    border-top: 2px solid #1483d6;
    background-color: #f5f5f5;
}
.txnhistory .scrollmenu {
    max-height: 215px;
    overflow-x: hidden;
}
.txnhistory .bar {
    padding: 20px 0 15px 15px;
}
.txnhistory .show_hover:hover {
    cursor: pointer;
    background-color: #f7f7f7;
}
.txnhistory .mailheader {
    width: 15%;
}
.no-outline {
    outline: 0 !important;
}
.crm-potential {
    border-bottom: 1px solid #f1f1f1;
}
.crm-potential:last-child {
    border: 0;
    margin-bottom: 0;
}
.crm-potential .crm-potential-actions {
    display: none;
}
.crm-potential:hover {
    background-color: #f9f9fb;
}
.crm-potential:hover .crm-potential-actions {
    display: inline-block;
}
.plan-based-com {
    width: 187px;
    border-radius: 10px;
}
.collapse-view {
    border-right: none;
    border-radius: 10px;
    height: 138px;
    position: fixed;
    bottom: 0;
    width: fit-content;
}
.plan-based-nav-dark {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    margin-left: 5px;
}
.plan-based-nav-light {
    background-color: #fff;
    color: #444;
    margin-left: 7px;
}
.plan-based-button-dark {
    padding: 5px 9px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}
.plan-based-button-light {
    padding: 5px 9px;
    border-right: 1px solid #ececec;
    color: #2485e8;
}
.lhs-webinar-banner .migrate-option-dark,
.lhs-webinar-banner .migrate-option-light {
    width: 179px;
}
.lhs-webinar-banner .migrate-option-dark {
    box-shadow: 0 8px 12px 0 #ebeaf2;
}
.lhs-webinar-banner .lhs-webinar-img {
    position: absolute;
    top: -50px;
    left: 54px;
}
.lhs-webinar-banner .close-expand-view {
    position: absolute;
    top: -24px;
    right: 7px;
    visibility: hidden;
}
.lhs-webinar-banner:hover .close-expand-view {
    visibility: visible;
}
.badge-lhs-webinar {
    padding: 10px;
    display: flex;
    align-items: center;
}
.migrate-option-dark .badge-lhs-webinar {
    background-color: #f1f1fa;
    border: 0;
}
.theme-dark .migrate-option-light .badge-lhs-webinar {
    background-color: #21263c;
    border: 0;
}
.blue-dot {
    position: relative;
}
.blue-dot::after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--zf-blue-25);
}
.migrate-option-light,
.migrate-option-dark {
    margin: 5px;
    width: 189px;
}
.migrate-option-light,
.theme-dark .badge-lhs-webinar {
    background-color: #333850;
    border: 1px solid #333850;
}
.migrate-option-dark,
.badge-lhs-webinar {
    background-color: var(--zf-white-1);
    border: 1px solid #ebeaf2;
}
.line-height-25 {
    line-height: 25px;
}
.wrapper-arrow-box {
    padding: 10px 20px;
    position: relative;
    margin-bottom: 10px;
    margin-left: 25px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 6px;
}
.wrapper-arrow-box .arrow {
    top: 15px;
    left: -11px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
    border-left-width: 0;
    border-right-color: #f3f3f3;
}
.wrapper-arrow-box .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff;
}
.tree-structure {
    border-left: 1px solid #277ad8;
    margin-left: 25px;
}
.tree-structure .tree-node {
    padding: 10px 0;
    position: relative;
    margin-left: 15px;
}
.tree-structure .tree-node:first-child {
    padding-top: 0;
}
.tree-structure .tree-node:before {
    content: " ";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #1b6ac4;
    border-radius: 50%;
    top: 30px;
    left: -6px;
    background-color: #277ad8;
}
.tree-structure .tree-node .tree-node-leaf {
    padding: 10px 20px;
    position: relative;
    margin-bottom: 10px;
    margin-left: 25px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 6px;
}
.tree-structure .tree-node .tree-node-leaf .arrow {
    top: 15px;
    left: -11px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
    border-left-width: 0;
    border-right-color: #f3f3f3;
}
.tree-structure .tree-node .tree-node-leaf .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff;
}
.tree-structure .tree-node .tree-node-leaf .description {
    margin-bottom: 5px;
}
.retry-tree-structure {
    border-left: 1px dashed #555;
}
.retry-tree-structure .retry-tree-node {
    padding: 11px 0 0;
    position: relative;
}
.retry-tree-structure .retry-tree-node:first-child {
    padding-top: 0.25px;
}
.retry-tree-structure .retry-tree-node:before {
    content: " ";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #555;
    border-radius: 50%;
    left: -6px;
    background-color: #f9f8f8;
}
.retry-tree-structure .retry-tree-node .retry-tree-node-leaf {
    background-color: #f7f9fb;
    margin-left: 15px;
    border: 0;
    padding: 20px 20px 15px;
    width: calc(100% - 15px);
    border-radius: 10px;
}
.retry-tree-structure .retry-tree-node .retry-tree-node-leaf .retry-days-input {
    max-width: 35px;
}
.retry-delete-icon {
    position: absolute;
    right: -25px;
    top: 60px;
}
.retry-disabled-badge {
    background-color: #f0f0f0;
    color: #6c757d;
}
.new-badge {
    font-size: 10px;
    letter-spacing: 0.7px;
    height: 18px;
    border-radius: 3px;
}
.schedule-date .edit-cp-dialog .well {
    position: relative;
    z-index: 1045;
}
.details-page-table.table thead > tr > th {
    padding: 6px;
    font-weight: 400;
}
.warehouse-list {
    width: 39%;
}
.openpo-button {
    margin-bottom: 40px;
    border-top: 0;
    padding: 0;
}
.po-receivegroup {
    margin-top: 7px;
    margin-left: 7px;
}
.po-receivegroup label:hover {
    color: #1f5f94;
}
.accounting-period-delete {
    position: absolute;
    right: -20px;
    top: 5px;
}
.line-height-555 {
    line-height: 1.8;
    color: #555;
}
.modal-backdrop.dark {
    background-color: #333;
    opacity: 0.75;
}
.nested-modal-backdrop {
    z-index: 1060;
}
.nested-modal {
    z-index: 1080;
}
.sidebar-body .faq-answer {
    padding: 0 30px 100px;
}
.sidebar-body .faq-answer img {
    width: 350px;
    border: 1px solid #ececf9;
    border-radius: 4px;
    margin: 15px 0;
}
.sidebar-body .faq-answer h1,
.sidebar-body .faq-answer h2,
.sidebar-body .faq-answer h3 {
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}
.sidebar-body .faq-answer p,
.sidebar-body .faq-answer ul,
.sidebar-body .faq-answer ol {
    font-size: 13px;
    color: #323a58;
    line-height: 1.75em;
}
.sidebar-body .faq-answer ul,
.sidebar-body .faq-answer ol {
    padding-left: 15px;
}
.sidebar-body .faq-answer blockquote p {
    font-size: 14px;
}
.pagetips-sidebar {
    box-shadow: -11px -1px 10px rgba(55, 83, 145, 0.14);
    border-radius: 12px;
}
.pagetips-sidebar .pagetips-entity-list {
    z-index: 6;
    position: absolute;
    top: 50px;
    bottom: 0;
    border-radius: 8px;
    background-color: rgba(47, 49, 81, 0.2);
}
.pagetips-sidebar .pagetips-entity-list.with-search {
    top: 117px;
}
.pagetips-sidebar .pagetips-entity-list .list-sidebar {
    overflow-y: auto;
    border-top-left-radius: 8px;
}
.pagetips-sidebar .pagetips-entity-list .list-sidebar::-webkit-scrollbar {
    display: none;
}
.pagetips-sidebar .pagetips-entity-list .entity-list-header {
    height: 30px;
}
.pagetips-sidebar .pagetips-entity-list .entity-list-item {
    line-height: 14px;
    border-radius: 4px;
}
.pagetips-sidebar .pagetips-entity-list .entity-list-item:hover {
    background-color: #f3f4f5;
}
.pagetips-sidebar .pagetips-entity-list .entity-list-item.active {
    background-color: var(--primary-color);
    color: #fff;
}
.flyout-header.faq-header {
    border-bottom: 0;
}
.flyout-header.pagetip-header {
    border: 2px solid #fff;
    border-radius: 12px;
}
.flyout-header.pagetip-header .pagetips-dropdown {
    background-color: #f3f8fe;
    box-shadow: 0 -2px 0 0 #757888;
    top: 0;
    bottom: 0;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.faq-answer-header a {
    color: #0080ff;
}
.flyout-header.contact-description .section.header {
    padding-bottom: 15px;
}
.flyout-header.contact-description .section.header h4 {
    margin-bottom: 5px;
}
.flyout-header.contact-description + .flyout-body {
    top: 69px;
}
.credit-limit-modal .alert-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
}
.credit-limit-modal .alert-icon-container svg {
    fill: var(--unifiedtheme-red);
}
.credit-limit-modal .seperator {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.range-slider-container {
    margin-top: 5px;
    margin-left: 11px;
    border: 1px solid #eee;
    padding: 7.5px 10px 10px;
    border-radius: 4px;
}
input[type="range"].range-slider {
    -webkit-appearance: none;
    width: 100%;
    outline: 0;
    cursor: pointer;
}
input[type="range"].range-slider::-webkit-slider-runnable-track {
    height: 2px;
    background-color: #ccc;
}
input[type="range"].range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #419af9;
    cursor: pointer;
    margin-top: -3px;
}
input[type="range"].range-slider::-moz-range-thumb {
    width: 10px;
    height: 10px;
    background-color: #419af9;
}
input[type="range"].range-slider::-moz-range-track {
    height: 2px;
    background-color: #e9e9e9;
}
input[type="range"].range-slider::-moz-focus-outer {
    border: 0;
}
input[type="range"].range-slider::-ms-track {
    height: 2px;
    background-color: #ccc;
}
input[type="range"].range-slider::-ms-thumb {
    margin-top: 1px;
}
input[type="range"].range-slider:disabled.range-slider {
    cursor: not-allowed;
}
input[type="range"].range-slider:disabled::-webkit-slider-thumb {
    background-color: #ccc;
    cursor: not-allowed;
}
input[type="range"].range-slider:disabled::-moz-range-thumb {
    background-color: #ccc;
}
.zb-connected-banking .pagetips-dropdown,
.pos-app .pagetips-dropdown {
    display: none;
}
.scroll-x-auto {
    overflow-x: auto;
}
.salesreturn-workflow {
    width: 700px;
}
.backorder-table thead > tr > th {
    padding: 11px 8px;
    background-color: #ddd;
}
.backorder-table tbody > tr > td {
    padding: 10px 8px;
}
.backorder-table tbody tr.selected td,
.backorder-table tbody tr.selected td:hover,
.backorder-table tbody > tr > td:hover {
    background-color: #fbfbfb;
}
.budget-total {
    background-color: #fafafa;
}
.budget-mismatch td {
    background-color: #fff4e7 !important;
}
.budget-new td,
.budget-new td input {
    background-color: #f7fef8 !important;
}
.budget-container .table.zi-table td.budget-variance {
    background-color: #fafafa;
}
.circled-subaccount-toggle {
    margin-left: -14px;
}
.toggle-plus {
    fill: #2098ff;
    width: 11px;
    height: 11px;
}
.filename-edit:hover .input-group-prepend .input-group-text,
.filename-edit:focus-within .input-group-prepend .input-group-text {
    border: 1px solid #66afe9;
    border-right: 0;
}
.filename-edit:hover input,
.filename-edit:focus-within input {
    border: 1px solid #66afe9;
    border-left: 0;
    box-shadow: none;
}
.ac-quick-create .zf-ac-add-new-icon {
    display: inherit;
    fill: #408dfb;
}
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}
.dropdown-toggle.no-caret:after {
    content: none;
}
.form-check:not(.form-check-inline) + .form-check:not(.form-check-inline) {
    padding-top: 5px;
}
.form-check-label {
    cursor: pointer;
}
.form-check-input:disabled ~ .form-check-label {
    cursor: not-allowed;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
input[type="file"]:disabled {
    cursor: not-allowed;
}
.no-border-ac .ac-selected {
    border: 0;
    box-shadow: none;
}
.fixed-width-ac {
    display: inline-block;
    max-width: 180px;
}
.fixed-width-ac .ac-box-drop {
    min-width: 220px;
}
svg.icon.sales-channel-icon {
    background-color: #eee;
    fill: #000;
    float: left;
    margin-right: 10px;
    padding: 2px;
    border-radius: 8px;
    height: 18px;
}
.tab-column .nav-pills .nav-link.subnav-header {
    color: #888;
}
.card.shadowed {
    box-shadow: #eee 0 0 10px 1px;
}
.help-menu-video-container {
    white-space: nowrap;
    overflow-x: auto;
}
.help-menu-video-container .help-menu-video {
    height: 80px;
    width: 125px;
    box-shadow: 0 2px 18px 2px #ddd;
}
.help-menu-video-container::-webkit-scrollbar {
    display: none;
}
.help-menu-items:hover {
    box-shadow: 0 10px 30px 2px #f1f1f1;
}
.link-text-black {
    color: #222;
}
.link-text-black:hover {
    color: #206ddc;
}
.page-header-title,
.list-title .filter-title,
.txn-creation-column .header h3,
.salesorder-body .so-details-table.table tbody > tr > td.header-item,
.list-column.expanded-list-column .list-header .list-title > a,
.list-column .header h3,
.content-column > .header h3,
.list-header h3 {
    font-weight: 500;
}
.nav-tabs .nav-link.active {
    font-weight: 600;
}
.nav-tabs .nav-link:hover {
    color: #21263c;
}
.wave-bkdrp.show {
    opacity: 0.9;
    background: linear-gradient(100deg, #3d7bb2 40%, #3374ae 40% 80%, #3a78b0 80%);
}
.wave-migration-banner {
    font-size: 15px;
}
.wave-migration-banner .modal-close {
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: -58px;
    padding: 12px;
    font-size: 22px;
    line-height: 0.8;
    border-radius: 33px;
    background-color: rgba(0, 0, 0, 0.3);
}
.wave-migration-banner .modal-header svg {
    height: 30px;
}
.wave-migration-banner .modal-content {
    border-radius: 30px;
    box-shadow: none;
}
.wave-migration-banner .modal-header {
    background-color: #e7f0fb;
    justify-content: flex-start;
    padding: 30px 40px 20px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.wave-migration-banner .modal-body {
    padding: 30px 40px;
}
.wave-migration-banner .modal-footer {
    flex-wrap: wrap;
    justify-content: center;
}
.wave-migration-banner .read-document-section {
    padding: 20px 40px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
}
.wave-migration-banner .wave-button {
    line-height: 40px;
    padding: 0 1.2rem;
    background-color: #3088ee;
    color: #fff;
    border-radius: 24px;
}
.wave-migration-banner .wave-document-button {
    color: #2485e8;
    border-radius: 24px;
    padding: 10px;
    background-color: #e7f0fb;
}
.wave-migration-notes .svg-container svg {
    height: 25px;
}
.wave-migration-notes .content-section {
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wave-migration-notes .wave-button {
    line-height: 40px;
    padding: 3px 15px;
    background-color: #3088ee;
    color: #fff;
    border-radius: 30px;
}
.wave-migration-document-banner {
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.wave-migration .top-band {
    height: 70px;
}
.wave-migration .widget-hr li:not(:last-child):after {
    width: 50px;
}
.hsn-migration-nav ul {
    margin-left: 10px;
}
.hsn-migration-nav .tick-circled {
    color: #21263c;
}
.hsn-migration-update {
    line-height: 25px;
}
.hsn-migration-update li {
    padding-bottom: 5px;
}
.red-dot-text::before,
.green-dot-text::before {
    content: " ";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 1px 1px;
}
.green-dot-text {
    color: #188038;
}
.green-dot-text::before {
    background-color: #388a10;
}
.red-dot-text {
    color: #e54643;
}
.red-dot-text::before {
    background-color: #e54643;
}
svg.icon.icon-free-webinar {
    width: 95px;
    height: 150px;
}
svg.icon.icon-payroll-free-webinar {
    width: 95px;
    height: 120px;
}
.hp-title {
    padding: 8px 10px 8px 15px !important;
}
.text-black {
    color: #21263c !important;
}
.close-button-color {
    color: red;
}
.zf-highlight-slow {
    animation: twinkle 3.5s 1 linear;
}
.filter-blur-1 {
    filter: blur(1px);
}
.compact-multi-autocomplete .selection-list > li {
    margin-bottom: 0;
}
.zf-nav-tabs-dashed .nav-item {
    padding: 15px;
    padding-bottom: 0;
}
.zf-nav-tabs-dashed .nav-link {
    padding: 0;
    padding-bottom: 10px;
}
.nav-grey.nav-tabs {
    background-color: #f9f9fb;
    border: 1px solid #ebeaf2;
}
.nav-grey.nav-tabs .nav-item .nav-link {
    color: #4c526c;
}
.nav-grey.nav-tabs .nav-item .nav-link:hover,
.nav-grey.nav-tabs .nav-item .nav-link.active {
    background-color: #f9f9fb;
    color: var(--zf-black-4);
}
.nav-grey.nav-tabs .nav-item .nav-link:hover {
    font-weight: 400;
}
.nav-grey.nav-tabs .nav-item .nav-link.active:hover,
.nav-grey.nav-tabs .nav-item .nav-link.active {
    font-weight: 500;
}
.mail-add-new {
    color: var(--zf-mail-add-new-color);
    border: 1px dashed var(--zf-grey-18);
}
.mailto-section {
    border: 1px solid var(--zf-grey-17);
    background-color: var(--zf-checkbox-section-bg-color);
}
.mailto-section .mail-profile-img {
    width: 15px;
    height: 15px;
}
.mail-selection-option::before {
    content: "";
    border-left: 1px solid #d7d5e2;
    height: 10px;
    position: absolute;
    top: 3px;
    left: -7px;
}
.payment-gateway-section {
    border: 1px solid var(--zf-grey-17);
}
.payment-gateway-section > .form-check-inline .form-check-label {
    padding-top: 8px;
    padding-bottom: 8px;
}
.payment-gateway-section .paypal-gateway-section {
    border-left: 1px solid var(--zf-grey-17);
    background-color: var(--zf-checkbox-section-bg-color);
}
.payment-gateway-section .popover {
    z-index: 1030;
}
.alert.fill-container {
    margin-top: 0;
    border-radius: 2px;
}
.alert-danger {
    background-color: var(--zf-alert-danger-bg);
}
.alert-danger .icon {
    fill: var(--zf-red-1);
}
.alert-danger .alert-msg {
    color: var(--zf-red-1);
}
.alert-warning {
    background-color: var(--zf-alert-warning-bg);
}
.alert-warning .icon {
    fill: var(--zf-orange-19);
}
.alert-warning .alert-msg {
    color: var(--zf-orange-19);
}
.alert-info {
    background-color: var(--zf-alert-info-bg);
}
.alert-info .icon {
    fill: var(--zf-blue-25);
}
.alert-info .alert-msg {
    color: var(--zf-blue-25);
}
.alert-success {
    background-color: var(--zf-alert-success-bg);
}
.alert-success .icon {
    fill: var(--zf-green-13);
}
.alert-success .alert-msg {
    color: var(--zf-green-13);
}
.title-text {
    margin-bottom: 8px;
}
.scroll-x-without-scrollbar {
    overflow-x: auto;
    overflow-y: hidden;
}
.scroll-x-without-scrollbar::-webkit-scrollbar {
    display: none;
}
.floating-icon-outside-table {
    position: absolute;
    right: -30px;
    bottom: 15px;
}
.form-check-inline .form-check-input {
    position: relative;
}
.form-check label {
    margin-left: 4px;
}
input[type="checkbox"],
input[type="radio"] {
    cursor: pointer;
    width: 14px;
    height: 14px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--zf-inputselector-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="checkbox"]:hover:enabled,
input[type="radio"]:hover:enabled {
    border-color: var(--zf-inputselector-bg-color);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--zf-inputselector-bg-color);
    border-color: var(--zf-inputselector-bg-color);
}
input[type="checkbox"] {
    border-radius: var(--zf-checkbox-border-radius);
}
input[type="checkbox"]:checked {
    background-image: var(--zf-checkbox-bg-img);
}
input[type="radio"] {
    border-radius: 50%;
}
input[type="radio"]:checked:before {
    content: "";
    position: absolute;
    height: var(--zf-radiobutton-dot-size);
    width: var(--zf-radiobutton-dot-size);
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.confirm-modal-sec {
    flex-basis: 80%;
}
.inline-edit .inline-edit-mode .form-control {
    height: 24px;
}
.inline-edit .inline-edit-mode {
    border: 1px solid #408dfb;
    border-radius: var(--zf-dropdown-border-radius);
    padding: 2.5px;
}
.inline-edit .inline-edit-mode .form-control,
.inline-edit .inline-edit-mode .ac-selected,
.inline-edit .inline-edit-mode .multiselect {
    border-width: 0;
    box-shadow: none;
    outline: 0;
}
.inline-edit .inline-edit-mode .ac-dropdown .form-control,
.inline-edit .inline-edit-mode .popover-input .form-control {
    border-width: 1px;
    height: var(--zf-form-input-height);
}
.inline-edit .edit-field-value {
    border: 1px solid transparent;
}
.inline-edit:hover .edit-field-value {
    background-color: var(--zf-grey-23);
}
.inline-edit .btn-group.btn-group-sm .btn-primary,
.inline-edit .btn-group.btn-group-sm .highlight-btn:hover .highlight-btn-primary,
.highlight-btn:hover .inline-edit .btn-group.btn-group-sm .highlight-btn-primary,
.inline-edit .btn-group.btn-group-sm .bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .list-match-btn,
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .inline-edit .btn-group.btn-group-sm .list-match-btn,
.inline-edit .btn-group.btn-group-sm .btn-secondary {
    border: 0;
    box-shadow: none;
    z-index: 0;
    padding: 4px 8px;
}
.inline-edit .btn-group.btn-group-sm .btn-primary,
.inline-edit .btn-group.btn-group-sm .highlight-btn:hover .highlight-btn-primary,
.highlight-btn:hover .inline-edit .btn-group.btn-group-sm .highlight-btn-primary,
.inline-edit .btn-group.btn-group-sm .bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .list-match-btn,
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .inline-edit .btn-group.btn-group-sm .list-match-btn,
.inline-edit .btn-group.btn-group-sm .btn-primary:hover,
.inline-edit .btn-group.btn-group-sm .btn-primary:active,
.inline-edit .btn-group.btn-group-sm .btn-primary:focus {
    background-color: var(--zf-green-13);
    border-top-left-radius: var(--zf-dropdown-border-radius);
    border-bottom-left-radius: var(--zf-dropdown-border-radius);
}
.inline-edit .btn-group.btn-group-sm .btn-secondary,
.inline-edit .btn-group.btn-group-sm .btn-secondary:active,
.inline-edit .btn-group.btn-group-sm .btn-secondary:focus {
    background-color: var(--zf-red-11);
    border-top-right-radius: var(--zf-dropdown-border-radius);
    border-bottom-right-radius: var(--zf-dropdown-border-radius);
}
.inline-edit .btn-group.btn-group-sm .btn-secondary svg,
.inline-edit .btn-group.btn-group-sm .btn-secondary:active svg,
.inline-edit .btn-group.btn-group-sm .btn-secondary:focus svg {
    fill: var(--zf-red-1);
}
.inline-edit .btn-group.btn-group-sm .btn-secondary:hover,
.inline-edit .btn-group.btn-group-sm .btn-secondary:active:hover,
.inline-edit .btn-group.btn-group-sm .btn-secondary:focus:hover {
    background-color: var(--zf-red-1);
}
.inline-edit .btn-group.btn-group-sm .btn-secondary:hover svg,
.inline-edit .btn-group.btn-group-sm .btn-secondary:active:hover svg,
.inline-edit .btn-group.btn-group-sm .btn-secondary:focus:hover svg {
    fill: #fff;
}
.card-details:hover .button-link {
    color: var(--zf-blue-25);
}
.tab-pane-badges .badge-inner-open {
    padding: 2px 4px;
    border-radius: 5px;
}
.tab-pane-badges .active .badge-inner-open {
    background-color: var(--zf-blue-25);
    color: #fff;
}
.demoapp-notification {
    display: none;
    font-weight: 600;
}
.demoapp-notification.show-demoapp-band {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #ebb976;
    padding: 8px 20px;
    background-color: #fcffec;
}
.demoapp-notification .demo-account-header {
    border-right: 2px solid #8d3d2d;
    padding-right: 15px;
    color: #8d3d2d;
    font-size: 16px;
    text-transform: uppercase;
}
.demoapp-notification .demo-account-text-highlight {
    color: #8d3d2d;
    font-weight: 600;
}
.demoapp-notification .demo-account-text {
    margin-left: 15px;
    font-weight: 400;
    color: #8d3d2d;
}
.demoapp-notification .demo-signup-btn {
    margin: 0 15px;
    border-color: var(--unifiedtheme-red);
    background-color: var(--unifiedtheme-red);
    color: #fff;
}
.demoapp-notification.show-demoapp-band + .product,
.demoapp-notification.show-demoapp-band + .product + .widgets .widgets-app {
    top: 60px;
}
.demoapp-notification.show-demoapp-band + .product + .widgets .widgets-sidebar,
.demoapp-notification.show-demoapp-band + .product + .widgets .widgets-app + .widgets .widgets-sidebar {
    top: 108px;
}
.btn-primary,
.highlight-btn:hover .highlight-btn-primary,
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .list-match-btn,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.doc-actions {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.width-31 {
    width: 31%;
}
.width-69 {
    width: 69%;
}
.delete-text {
    color: var(--zf-red-7);
}
.row-layout .column-layout {
    background-color: #eee;
}
.row-layout:hover .column-layout {
    background-color: #408dfb;
}
.row-layout .selected {
    background-color: #408dfb;
}
.wa-badge {
    border-radius: 100%;
    background-color: var(--zf-green-21);
    padding: 5.3px 4.8px;
    font-size: 10px;
    vertical-align: middle;
    color: #fff;
    line-height: 0.7;
    position: absolute;
    right: 20px;
}
.wa-chatbox {
    width: 400px;
    min-height: 54px;
}
.wa-replymsg-container {
    display: -webkit-box;
    max-height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: pre-wrap;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.wa-chat-body::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.wa-chat-body::-webkit-scrollbar-track {
    background-color: transparent;
}
.wa-chat-body.wa-chat-bottom-20 {
    bottom: 20px;
}
.wa-chat-body.wa-chat-bottom-35 {
    bottom: 35px;
}
.pac-container {
    z-index: 10000;
}
.form-control {
    padding: 5px 8px;
}
.form-icon {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    height: var(--zf-form-input-height);
    margin-left: 8px;
    color: #838195;
}
.form-icon.icon-right {
    right: 0;
}
.form-icon.icon-right + .form-control {
    padding-right: 28px;
}
.form-icon.icon-left + .form-control {
    padding-left: 28px;
}
.input-group-prepend .dropdown-toggle,
.input-group-append .dropdown-toggle,
.input-group-append .ember-color-picker_toggle,
.input-group-text {
    height: var(--zf-form-input-height);
}
.feature-banner .close {
    position: relative;
    top: -20px;
    right: -23px;
    font-size: 25px;
    border-radius: 55px;
    background-color: #f1edee;
    width: 25px;
    opacity: 0.4;
}
.feature-banner .features-list > li {
    list-style-type: disc;
    padding-bottom: 20px;
    margin-right: 20px;
    font-size: 25px;
    line-height: 0.9;
}
.feature-banner .features-list > li span {
    color: #333;
    font-size: 14px;
}
.feature-banner .header {
    background: url(images/payroll-illustration-bf1c11f192.svg) no-repeat;
    background-size: cover;
    height: 337px;
}
.feature-banner .header h3 {
    color: #31426d;
}
.feature-banner .payroll-btn {
    background-color: #4e62c4;
    border-color: #4e62c4;
    transition: 0.3s ease-in-out;
}
.feature-banner .payroll-btn:hover {
    box-shadow: 0 4px 8px 1px #c1cbff;
}
.feature-banner .help-link {
    color: #4e62c4;
}
:root {
    --topband-bg: #f7f7fe;
    --sidebar-bg: #21263c;
    --search-bg: #ededf7;
    --hover-bg: #181c2e;
    --topband-font-color: #21263c;
    --sidebar-font-color: #f0f0f0;
    --border-separator: #dee2e6;
    --logo-container-bg: #21263c;
    --quick-search-border: #dddfe9;
    --logo-collapse-bg: #181c2e;
    --gstab-progress-bar: var(--zf-grey-13);
    --gstab-bg: var(--zf-black-6);
    --gstab-border: #454d74;
    --invoice-settings-searchbar-border: var(--zf-grey-12);
    --topband-icon-color: #000;
    --unifiedtheme-blue: #408dfb;
    --unifiedtheme-red: #f7525a;
    --unifiedtheme-green: #22b378;
    --unifiedtheme-yellow: #fd9134;
}
:root[light-mode="true"] {
    --topband-bg: #21263c;
    --sidebar-bg: #f7f7fe;
    --search-bg: #333850;
    --hover-bg: #ededf7;
    --topband-font-color: #f0f0f0;
    --sidebar-font-color: #181c2e;
    --border-separator: var(--zf-grey-12);
    --logo-container-bg: #181c2e;
    --quick-search-border: var(--zf-grey-12);
    --logo-collapse-bg: #21263c;
    --gstab-progress-bar: #fff;
    --gstab-bg: var(--zf-white-4);
    --gstab-border: #d7d7ec;
    --invoice-settings-searchbar-border: var(--zf-form-input-border-color);
    --topband-icon-color: #fff;
}
.unified-top-band {
    background-color: var(--topband-bg);
    color: var(--topband-font-color);
    border: 1px solid var(--sidebar-font-color);
}
.unified-top-band .dropdown-item:hover {
    background-color: var(--unifiedtheme-blue);
}
.unified-top-band .topband-separator {
    border-right: 1px solid var(--border-separator);
}
.logo-container {
    height: 48px;
    width: 200px;
    margin: -1px;
    border-right: 1px solid var(--sidebar-font-color);
    background-color: var(--logo-container-bg);
    overflow: hidden;
    transition: width 0.3s ease-in-out;
}
.logo-container.settings-page-topband {
    background-color: var(--topband-bg);
}
.logo-collapse {
    height: 48px;
    width: 200px;
    border-radius: 0 0 10px 10px;
    background-color: var(--logo-collapse-bg);
}
.logo-collapse svg {
    fill: #fff;
}
.logo-collapse.settings-page-topband {
    background-color: var(--topband-bg);
    color: var(--topband-font-color);
}
.logo-collapse.settings-page-topband svg {
    fill: var(--topband-font-color);
}
.tab-column-collapsed {
    width: 40px;
}
.tab-column-collapsed .inbox-count {
    display: none;
}
.tab-column-collapsed .logo-collapse svg {
    margin-left: 8px;
}
.main-tab-column .nav-pills .nav-item,
.settings-nav-column .nav-pills .nav-item,
.doc-tab .nav-pills .nav-item {
    margin-bottom: 1px;
}
.main-tab-column .nav-pills .nav-item > .nav-link,
.settings-nav-column .nav-pills .nav-item > .nav-link,
.doc-tab .nav-pills .nav-item > .nav-link {
    padding: 8px;
    margin: auto;
    border: 0;
    border-radius: 8px;
    width: 183px;
    transition: background-color 0.3s ease;
}
.main-tab-column .nav-pills .nav-item > .nav-link > .add-new,
.settings-nav-column .nav-pills .nav-item > .nav-link > .add-new,
.doc-tab .nav-pills .nav-item > .nav-link > .add-new {
    margin-top: 0;
}
.main-tab-column .nav-pills .nav-item > .nav-link > .tab-element-right,
.settings-nav-column .nav-pills .nav-item > .nav-link > .tab-element-right,
.doc-tab .nav-pills .nav-item > .nav-link > .tab-element-right {
    padding-right: 9px;
    border-radius: 8px;
    border: 0;
}
.main-tab-column .nav-pills .nav-item > .nav-link .lpanel,
.settings-nav-column .nav-pills .nav-item > .nav-link .lpanel,
.doc-tab .nav-pills .nav-item > .nav-link .lpanel {
    margin-right: 4px;
    margin-left: 2px;
    opacity: 1;
}
.main-tab-column .nav-pills .nav-item > .nav-link.zi-gstask,
.main-tab-column .nav-pills .nav-item > .nav-link.zi-gstask.active,
.main-tab-column .nav-pills .nav-item > .nav-link.zi-gstask.active:hover,
.settings-nav-column .nav-pills .nav-item > .nav-link.zi-gstask,
.settings-nav-column .nav-pills .nav-item > .nav-link.zi-gstask.active,
.settings-nav-column .nav-pills .nav-item > .nav-link.zi-gstask.active:hover,
.doc-tab .nav-pills .nav-item > .nav-link.zi-gstask,
.doc-tab .nav-pills .nav-item > .nav-link.zi-gstask.active,
.doc-tab .nav-pills .nav-item > .nav-link.zi-gstask.active:hover {
    color: var(--sidebar-font-color) !important;
    background-color: var(--gstab-bg);
    border: 1px solid var(--gstab-border);
}
.main-tab-column .nav-pills .nav-item > .nav-link.zi-gstask svg.lpanel,
.main-tab-column .nav-pills .nav-item > .nav-link.zi-gstask.active svg.lpanel,
.main-tab-column .nav-pills .nav-item > .nav-link.zi-gstask.active:hover svg.lpanel,
.settings-nav-column .nav-pills .nav-item > .nav-link.zi-gstask svg.lpanel,
.settings-nav-column .nav-pills .nav-item > .nav-link.zi-gstask.active svg.lpanel,
.settings-nav-column .nav-pills .nav-item > .nav-link.zi-gstask.active:hover svg.lpanel,
.doc-tab .nav-pills .nav-item > .nav-link.zi-gstask svg.lpanel,
.doc-tab .nav-pills .nav-item > .nav-link.zi-gstask.active svg.lpanel,
.doc-tab .nav-pills .nav-item > .nav-link.zi-gstask.active:hover svg.lpanel {
    fill: var(--sidebar-font-color);
}
.main-tab-column.tab-column-collapsed,
.settings-nav-column.tab-column-collapsed,
.doc-tab.tab-column-collapsed {
    overflow-y: scroll;
    scrollbar-width: none;
}
.main-tab-column.tab-column-collapsed::-webkit-scrollbar,
.settings-nav-column.tab-column-collapsed::-webkit-scrollbar,
.doc-tab.tab-column-collapsed::-webkit-scrollbar {
    display: none;
}
.main-tab-column.tab-column-collapsed .nav-pills .nav-item,
.settings-nav-column.tab-column-collapsed .nav-pills .nav-item,
.doc-tab.tab-column-collapsed .nav-pills .nav-item {
    overflow: hidden;
    line-height: 2;
}
.main-tab-column.tab-column-collapsed .nav-pills .nav-link,
.settings-nav-column.tab-column-collapsed .nav-pills .nav-link,
.doc-tab.tab-column-collapsed .nav-pills .nav-link {
    width: 30px;
    height: 37px;
    margin-left: 5px;
    padding: 6px 3px;
    transition: width 0.3s ease-in-out;
}
.main-tab-column.tab-column-collapsed .nav-pills .nav-link > .tab-element-right,
.settings-nav-column.tab-column-collapsed .nav-pills .nav-link > .tab-element-right,
.doc-tab.tab-column-collapsed .nav-pills .nav-link > .tab-element-right {
    display: none;
}
.main-tab-column.tab-column-collapsed .nav-pills .nav-link > .lhs-badge-count,
.settings-nav-column.tab-column-collapsed .nav-pills .nav-link > .lhs-badge-count,
.doc-tab.tab-column-collapsed .nav-pills .nav-link > .lhs-badge-count {
    display: none;
}
.main-tab-column.tab-column-collapsed .nav-pills .nav-link .lpanel,
.settings-nav-column.tab-column-collapsed .nav-pills .nav-link .lpanel,
.doc-tab.tab-column-collapsed .nav-pills .nav-link .lpanel {
    margin-right: 8px;
    margin-left: 4px;
}
.main-tab-column.tab-column-collapsed .nav-pills .nav-link .gs-tab-arrow,
.settings-nav-column.tab-column-collapsed .nav-pills .nav-link .gs-tab-arrow,
.doc-tab.tab-column-collapsed .nav-pills .nav-link .gs-tab-arrow {
    display: none;
}
.main-tab-column.tab-column-collapsed .nav-pills .nav-link .collapsed-badge-notification,
.settings-nav-column.tab-column-collapsed .nav-pills .nav-link .collapsed-badge-notification,
.doc-tab.tab-column-collapsed .nav-pills .nav-link .collapsed-badge-notification {
    background-color: #f7525a;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px #fff;
    position: absolute;
    top: -11px;
    right: -1px;
    padding: 3px;
    border-radius: 50%;
}
.main-tab-column .nav-pills .lhs-accordion > a.nav-link,
.settings-nav-column .nav-pills .lhs-accordion > a.nav-link,
.doc-tab .nav-pills .lhs-accordion > a.nav-link {
    margin-bottom: 1px;
}
.main-tab-column .nav-pills .lhs-accordion > a.collapsed,
.settings-nav-column .nav-pills .lhs-accordion > a.collapsed,
.doc-tab .nav-pills .lhs-accordion > a.collapsed {
    background-color: inherit;
    margin-bottom: 0;
}
.main-tab-column .nav-pills .lhs-accordion > a.collapsed > ul,
.settings-nav-column .nav-pills .lhs-accordion > a.collapsed > ul,
.doc-tab .nav-pills .lhs-accordion > a.collapsed > ul {
    display: none;
}
.main-tab-column .nav-pills .lhs-accordion > .nav-pills .nav-item a,
.settings-nav-column .nav-pills .lhs-accordion > .nav-pills .nav-item a,
.doc-tab .nav-pills .lhs-accordion > .nav-pills .nav-item a {
    padding-left: 35px;
    padding-right: 25px;
    transition: background-color 0.3s ease;
}
.main-tab-column .nav-pills .lhs-accordion > .nav-pills .nav-item a > .nav-link,
.settings-nav-column .nav-pills .lhs-accordion > .nav-pills .nav-item a > .nav-link,
.doc-tab .nav-pills .lhs-accordion > .nav-pills .nav-item a > .nav-link {
    right: 0;
    padding: 8px;
}
.zf-products .dropdown-menu {
    right: -11px;
    left: auto;
    top: 44px;
}
.zf-products .dropdown-menu .arrow {
    left: 420px;
}
.zf-products .zohoapps {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.zf-products .zohoapps__candybox {
    position: relative;
    width: 16px;
    height: 16px;
}
.zf-products .zohoapps__candybox__dots {
    width: 100%;
    height: 100%;
    position: absolute;
}
.zf-products .zohoapps__candybox__dots > span {
    width: 4px;
    height: 4px;
    background-color: var(--topband-icon-color);
    display: block;
    position: absolute;
    border-radius: 50%;
    transform-origin: center center;
    transform: scale(1);
    transition: 350ms 0.25s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    opacity: 1;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(1) {
    left: 0;
    top: 0;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(2) {
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(3) {
    right: 0;
    top: 0;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(4) {
    left: 0;
    top: 6px;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(5) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(6) {
    right: 0;
    top: 6px;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(7) {
    left: 0;
    bottom: 0;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(8) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.zf-products .zohoapps__candybox__dots > span:nth-child(9) {
    right: 0;
    bottom: 0;
}
.zf-products .zohoapps__candybox__z-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.zf-products .zohoapps__candybox__z-icon__path1,
.zf-products .zohoapps__candybox__z-icon__path2 {
    fill: none;
    stroke: var(--topband-icon-color);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    transition: opacity 0.5s 0.15s ease-in-out;
    opacity: 0;
}
.zf-products .zohoapps__candybox__z-icon__path1 {
    animation: zline0-r 0.5s 0.15s linear forwards;
    stroke-dasharray: 600;
}
.zf-products .zohoapps__candybox__z-icon__path2 {
    animation: zline1-r 0.5s 0.15s linear forwards;
    stroke-dasharray: 250;
}
.zf-products .zohoapps:hover .zohoapps__candybox__dots > span {
    transform: scale(0);
    opacity: 0;
}
.zf-products .zohoapps:hover .zohoapps__candybox__z-icon__path1 {
    animation: zline0 0.5s 0.15s linear forwards;
    transition: opacity 0.5s 0.15s ease-in-out;
    opacity: 1;
}
.zf-products .zohoapps:hover .zohoapps__candybox__z-icon__path2 {
    animation: zline1 0.5s 0.15s linear forwards;
    transition: opacity 0.5s 0.15s ease-in-out;
    opacity: 1;
}
@keyframes zline0 {
    0% {
        stroke-dashoffset: -300;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes zline0-r {
    0% {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -300;
    }
}
@keyframes zline1 {
    0% {
        stroke-dashoffset: 300;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes zline1-r {
    0% {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 300;
    }
}
.top-band .quik-add .quick-add-icon svg {
    width: 32px;
    height: 32px;
    fill: var(--primary-color);
}
.top-band .quik-add .list-unstyled li a:hover {
    color: var(--unifiedtheme-blue);
}
.top-band .orglist-title {
    padding: 0 16px;
    margin-right: 16px;
    height: 18px;
    border-right: 1px solid var(--border-separator);
}
.top-band .top-item-spaced {
    margin: 0 12px;
}
.top-band .top-item-icon-spaced {
    padding: 8px;
    margin: 4px;
    border-radius: 8px;
    transition: background-color 0.2s ease-in-out;
}
.top-band .top-item-icon-spaced:hover {
    background-color: var(--search-bg);
}
.top-band #right-topband .arrow-bottom {
    top: 52px;
}
.top-band #right-topband .top-item-icon-spaced {
    line-height: 1;
}
.top-band .orgprofile-arrow-bottom {
    top: 53px;
    left: calc(50% + 11px);
}
.top-band .unified-icon-fill {
    fill: var(--topband-icon-color);
}
.top-band .products-menu-addon-container .icon-18 {
    width: 16px;
    height: 16px;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) {
    border: 1px solid var(--quick-search-border);
    background-color: var(--search-bg);
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):hover,
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link):focus-within {
    border: 1px solid var(--unifiedtheme-blue);
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .input-group-text {
    background-color: var(--search-bg);
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .input-group-text .search-icon {
    fill: var(--topband-icon-color);
    transition: none;
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .form-control {
    background-color: var(--search-bg);
    color: var(--topband-font-color);
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .search-dropdown .input-group-text,
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .search-dropdown .form-control {
    background-color: #fff;
    color: var(--zf-grey-12);
}
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .search-dropdown .input-group-text svg,
.global-search:not(.enterprise-search-field) #quick-search:not(.btn.btn-link) .search-dropdown .form-control svg {
    fill: var(--zf-grey-12);
}
.unified-theme-selection .unified-theme-mode {
    gap: 20px;
}
.unified-theme-selection .unified-theme-mode .theme-type-container {
    border: 2px solid transparent;
    padding: 1px;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
}
.unified-theme-selection .unified-theme-mode .theme-type-container.selected-type {
    border-color: var(--primary-color);
}
.unified-theme-selection .unified-theme-mode .theme-mode-container {
    width: 165px;
    height: 110px;
}
.unified-theme-selection .unified-theme-mode .theme-mode-container .theme-sidebar {
    border: 2px solid #e6e7ec;
    width: 40px;
    height: 100%;
}
.unified-theme-selection .unified-theme-mode .theme-mode-container .theme-sidebar .theme-menu {
    height: 14px;
    top: 33px;
    background-color: var(--primary-color);
}
.unified-theme-selection .unified-theme-mode .theme-mode-container .theme-body {
    border: 2px solid #e6e7ec;
    background-color: #fff;
}
.unified-theme-selection .unified-theme-mode .theme-mode-container .theme-body .unselected {
    color: var(--zf-grey-19);
}
.unified-theme-selection .unified-theme-mode .theme-mode-container .theme-body:hover .selected-theme,
.unified-theme-selection .unified-theme-mode .theme-mode-container .theme-body .selected-theme.selected {
    color: var(--primary-color);
}
.unified-theme-selection .unified-theme-mode .theme-mode-container .theme-body:hover p {
    color: #000;
}
.unified-theme-selection .unified-theme-colors {
    gap: 12px;
}
.unified-theme-selection .unified-theme-colors .theme-container {
    border: 1.5px solid transparent;
    border-radius: 8px;
    padding: 1px;
    transition: all 0.2s ease-in-out;
}
.unified-theme-selection .unified-theme-colors .theme-container .theme-item {
    min-width: 30px;
    min-height: 30px;
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-blue .theme-item {
    background-color: var(--unifiedtheme-blue);
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-blue:hover,
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-blue.selected-theme-container {
    border-color: var(--unifiedtheme-blue);
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-green .theme-item {
    background-color: var(--unifiedtheme-green);
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-green:hover,
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-green.selected-theme-container {
    border-color: var(--unifiedtheme-green);
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-red .theme-item {
    background-color: var(--unifiedtheme-red);
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-red:hover,
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-red.selected-theme-container {
    border-color: var(--unifiedtheme-red);
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-yellow .theme-item {
    background-color: var(--unifiedtheme-yellow);
}
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-yellow:hover,
.unified-theme-selection .unified-theme-colors .theme-container.unifiedtheme-yellow.selected-theme-container {
    border-color: var(--unifiedtheme-yellow);
}
.unified-theme-selection .unified-theme-colors .theme-container .custom-theme-item {
    background: linear-gradient(135deg, #16e9d9, #308bfa, #f121d5, #fcd71f);
}
.unified-theme-selection .unified-theme-colors .theme-container .custom-theme-item svg {
    fill: var(--zf-white-1);
}
.unified-theme-selection .unified-theme-colors .theme-container .custom-theme-name {
    height: 30px;
}
.unified-theme-selection .unified-theme-colors .custom-theme-container .inner-container {
    border: 1px solid transparent;
}
.unified-theme-selection .unified-theme-colors .custom-theme-container .bucket-icon {
    transition: transform 0.3s ease-in-out;
    transform: rotate(0deg);
}
.unified-theme-selection .unified-theme-colors .custom-theme-container.selected-theme-container {
    border-color: var(--primary-color) !important;
}
.unified-theme-selection .unified-theme-colors .custom-theme-container:hover .custom-theme-name,
.unified-theme-selection .unified-theme-colors .custom-color-picker:focus .custom-theme-name,
.unified-theme-selection .unified-theme-colors .selected-theme-container .custom-theme-name {
    display: flex !important;
}
.unified-theme-selection .unified-theme-colors .custom-theme-container:hover .custom-theme-item,
.unified-theme-selection .unified-theme-colors .custom-color-picker:focus .custom-theme-item,
.unified-theme-selection .unified-theme-colors .selected-theme-container .custom-theme-item {
    border-radius: 5px 0 0 5px;
}
.unified-theme-selection .unified-theme-colors .custom-theme-container:hover .inner-container,
.unified-theme-selection .unified-theme-colors .custom-color-picker:focus .inner-container,
.unified-theme-selection .unified-theme-colors .selected-theme-container .inner-container {
    border-color: #e6e7ec;
}
.unified-theme-selection .unified-theme-colors .custom-theme-container:hover .bucket-icon,
.unified-theme-selection .unified-theme-colors .custom-color-picker:focus .bucket-icon,
.unified-theme-selection .unified-theme-colors .selected-theme-container .bucket-icon {
    transform: rotate(-45deg);
}
.unified-theme-selection .unified-theme-colors .custom-color-picker {
    background-color: transparent;
    outline: 0;
}
.unified-theme-selection .ember-color-picker_input {
    width: 120px;
}
.hasChatBar .doc-tab .nav .nav-item.collapse-expand {
    bottom: 35px;
    background-color: var(--sidebar-bg);
}
.doc-tab .nav .nav-item .nav-header span,
.doc-tab .empty-text {
    color: var(--zf-grey-12);
}
.doc-tab .nav .nav-item.collapse-expand {
    bottom: 4px;
    background-color: var(--sidebar-bg);
}
.doc-tab .nav-header.nav-link.folder-section {
    height: 50px;
}
.doc-tab.tab-column .nav-pills .nav-link > .tab-element-right {
    top: unset;
    bottom: unset;
    margin-top: 0;
}
.tab-column {
    background-color: var(--sidebar-bg);
}
.tab-column .nav-pills .divider {
    margin-top: 15px;
}
.tab-column .nav-pills .nav-link {
    color: var(--sidebar-font-color);
}
.tab-column .nav-pills .nav-link svg.lpanel {
    fill: var(--sidebar-font-color);
}
.tab-column .nav-pills .nav-link:focus,
.tab-column .nav-pills .nav-link:hover {
    background-color: var(--hover-bg);
    color: var(--sidebar-font-color);
    font-weight: 400;
}
.tab-column .nav-pills .nav-link.active,
.tab-column .nav-pills .nav-link.active > .add-new {
    background-color: var(--primary-color);
    color: #fff;
}
.tab-column .nav-pills .nav-link.active svg.lpanel {
    fill: #fff;
    opacity: 1;
}
.tab-column .nav-pills .nav-link.active .text {
    opacity: 1;
    font-weight: 500;
}
.tab-column .nav-pills .lhs-accordion .nav-link.collapsed:hover {
    background-color: var(--hover-bg);
}
.tab-column .nav-pills .lhs-accordion > .nav-link {
    color: var(--sidebar-font-color);
    background-color: var(--hover-bg);
}
.tab-column .nav-pills .nav-item:hover .menu-action svg.icon {
    fill: var(--sidebar-font-color);
}
.tab-column .nav-pills .nav-item.active .menu-action svg.icon {
    fill: #fff;
}
.tab-column .nav-pills .nav-link.active,
.tab-column .nav-pills .nav-link.active:hover,
.tab-column .nav-pills .nav-link.active:focus,
.inbox-count {
    color: #fff !important;
    background-color: var(--primary-color);
}
.tab-column .nav-pills .nav-link.active .file-count {
    color: #fff;
}
.inbox-count {
    border-radius: 6px;
    margin: 0;
}
.file-count {
    color: var(--sidebar-font-color);
}
.nav-column .title p,
.document-left-column .title p {
    color: var(--sidebar-font-color);
}
.expense-tabs .nav-tabs .nav-link.active::before,
.reports-tab.nav-tabs .nav-link.active {
    border-top-color: var(--primary-color);
}
.tab-column .nav-pills .lhs-accordion .nav-link.collapsed .arrow-down {
    color: var(--sidebar-font-color);
    fill-opacity: 1;
}
.tab-column .nav-pills .lhs-accordion .nav-link:not(.collapsed) .arrow-down {
    color: var(--sidebar-font-color);
    fill-opacity: 1;
}
.progress .progress-bar {
    background-color: var(--primary-color);
}
.sub-tab .nav-tabs .nav-link.active,
.sub-tab .nav-tabs .nav-link.active:focus,
.sub-tab .nav-tabs .nav-link.active:hover,
.timesheet-sub-tab .nav-tabs .nav-link.active,
.timesheet-sub-tab .nav-tabs .nav-link.active:focus,
.timesheet-sub-tab .nav-tabs .nav-link.active:hover {
    border-color: var(--primary-color);
}
.reports .nav-pills .nav-link.active {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}
.reports .nav-pills .nav-link > span.grptitle {
    color: var(--primary-color) !important;
}
.collapse-expand {
    background-color: var(--hover-bg);
    border-top: none;
}
.expand-sidebar,
.expand-sidebar:hover {
    color: var(--sidebar-font-color);
}
.reports .list > li > a svg,
.reports .nav.list .nav-link svg {
    fill: var(--primary-color) !important;
}
.theme-dark .back-link a {
    color: var(--sidebar-font-color);
}
svg.icon-theme-fill {
    fill: var(--primary-color) !important;
}
.primary-menu .primary-item,
.primary-menu .primary-item:hover,
.primary-menu .primary-item:active,
.primary-menu .primary-item:focus {
    background-color: var(--primary-color) !important;
    color: #fff;
}
.tour-intro-modal .tour-intro-underline {
    border-color: var(--primary-color);
}
.tab-column .nav-pills .lhs-accordion > .nav-link.collapsed {
    color: var(--sidebar-font-color);
}
.tab-column .nav-pills .lhs-accordion > .nav-link.collapsed svg {
    fill: var(--sidebar-font-color);
}
.nav-item .nav-link.nav-header input {
    background-color: var(--sidebar-bg);
    border: 1px solid var(--primary-color);
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 25px;
    color: var(--sidebar-font-color);
}
.nav-item .nav-link.nav-header input:focus {
    outline: 0;
    box-shadow: none;
}
.nav-item .nav-link.nav-header svg {
    fill: var(--primary-color);
}
.tab-column .nav-pills .nav-item .nav-link.selected-item {
    color: var(--primary-color);
}
.tab-column .nav-pills .nav-item .nav-link.selected-item > .tab-element-right svg,
.tab-column .nav-pills .nav-item .nav-link.selected-item svg {
    fill: var(--primary-color);
}
.tab-column-collapsed .nav .nav-pills .nav-item .nav-link {
    background-color: unset;
}
.tab-column-collapsed .nav .nav-pills .nav-item .nav-link.selected-item,
.tab-column-collapsed .nav .nav-pills .nav-item .nav-link:hover {
    background-color: var(--hover-bg);
}
.details-page {
    margin: 35px auto;
    max-width: 820px;
}
.details-container {
    position: relative;
    margin-bottom: 35px;
    box-shadow: var(--zf-details-container-shadow);
}
.details-container:hover .orgdetails-update-frmtxndetails {
    display: block;
}
.pdf-view {
    max-width: 950px;
}
.ribbon {
    position: absolute !important;
    top: -5px;
    left: -5px;
    overflow: hidden;
    width: 96px;
    height: 94px;
}
.ribbon .ribbon-inner {
    text-align: center;
    color: #fff;
    top: 24px;
    left: -31px;
    width: 135px;
    padding: 3px;
    position: relative;
    transform: rotate(-45deg);
}
.ribbon .ribbon-inner:before,
.ribbon .ribbon-inner:after {
    content: "";
    border-top: 5px solid transparent;
    border-left: 5px solid;
    border-left-color: inherit;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-bottom-color: inherit;
    position: absolute;
    top: 20px;
    transform: rotate(-45deg);
}
.ribbon .ribbon-inner:before {
    left: 0;
    border-left: 2px solid transparent;
    color: #2e8fda;
}
.ribbon .ribbon-inner:after {
    right: -3px;
    border-bottom: 3px solid transparent;
    color: #2e8fda;
}
.ribbon .ribbon-open {
    background-color: #268ddd;
    border-color: #1c72b4;
}
.ribbon .ribbon-accepted {
    background-color: #1aaf5d;
    border-color: #138345;
}
.ribbon .ribbon-success {
    background-color: #1fcd6d;
    border-color: #18a155;
}
.ribbon .ribbon-overdue {
    background-color: #f59d00;
    border-color: #c27c00;
}
.ribbon .ribbon-draft {
    background-color: #94a5a6;
    border-color: #788e8f;
}
.ribbon .ribbon-error {
    background: #c46766;
    border-color: #953b39;
}
.ribbon .ribbon-void {
    background: #474747;
    border-color: #1a1a1a;
}
.ribbon .ribbon-pending,
.ribbon .ribbon-pending-confirmation {
    background-color: #f59d00;
    border-color: #c27c00;
    padding: 5px 0;
    font-size: 11px;
}
.ribbon .ribbon-cancelled {
    background-color: #ff4c37;
    border-color: #dc3545;
}
.ribbon .ribbon-pending-confirmation {
    font-size: 10px;
}
.ribbon .ribbon-approved {
    background-color: #5bc0de;
    border-color: #31b0d5;
}
.ribbon .ribbon-signed {
    background-color: #8aa9ff;
    border-color: #5c87ff;
}
.ribbon .ribbon-exception {
    background-color: #db584b;
    border-color: #953b39;
}
.ribbon-right {
    left: initial;
    right: -5px;
}
.ribbon-right > .ribbon-inner {
    left: initial;
    right: 7px;
    transform: rotate(45deg);
}
.orgdetails-update-frmtxndetails {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.orgdetails-update-frmtxndetails .btn {
    border-radius: 0 0 0 5px;
}
.comments-container {
    padding: 8px 45px;
    background-color: #fdfdfd;
}
.comment-date {
    line-height: 1.8;
    vertical-align: top;
}
.cf-label {
    padding: 4px 10px 2px;
    display: inline-block;
    background-color: #fbfbfb;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    margin: 0 10px 10px 0;
}
.cf-label .radio {
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 10px;
    padding-top: 0;
}
.cf-label .checkbox {
    padding-top: 0;
}
.cf-label .close {
    margin-left: 10px;
}
.mail-section .cf-label .close,
.mail-section .cf-label:hover .close {
    opacity: 1;
}
.icon-comment ~ .comment {
    display: inline-block;
    white-space: pre-line;
}
.apply-date {
    padding: 20px 20px 6px;
}
.apply-credits {
    width: 400px;
    margin-left: auto;
    text-align: right;
}
.apply-credits tbody > tr:first-child > td {
    border-color: transparent;
}
.apply-credits .balance-row {
    background-color: #f1f1f1;
}
.widen-component {
    width: 460px;
}
.table thead > th .popover-body {
    font-weight: 400;
}
.tds-total-table {
    width: 560px;
    margin-top: -10px;
    margin-bottom: 50px;
    margin-left: auto;
}
.tds-total-table tbody > tr > td {
    border-top: none;
    border-bottom: 1px solid #eee;
}
.tds-table .tooltip.warning:before {
    left: 48%;
}
.tds-table .tooltip.warning:after {
    left: 49%;
}
.tds-table .popover-body {
    text-transform: none;
}
.tooltip.warning .close,
.per-unit-help {
    margin-top: -6px;
}
.balance-section {
    font-size: 16px;
    margin-bottom: 25px;
    width: 100px;
    float: right;
    text-align: center;
}
.alert-ri {
    padding: 25px 15px;
    background-color: #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    margin-bottom: 35px;
}
.alert-ri .field:not(:first-child) {
    border-left: 1px solid #e7e7e7;
}
.close-details {
    float: right;
    padding-top: 8px;
    cursor: pointer;
    color: #777;
}
.close-details:hover {
    color: #222;
}
.avalara-sync-fail-band {
    padding: 20px;
    border-bottom: 1px solid #ffb4b3;
}
.pmt-info {
    margin-bottom: 30px;
}
.pmt-info h4 {
    margin: 35px 0;
}
.pmt-info .info-row {
    margin-bottom: 10px;
}
.vat-summary {
    border: 1px solid #eee;
    margin: 10px 0 30px;
}
.vat-summary thead > tr {
    background-color: #f5f4f3;
}
.gstr3-subheading {
    background-color: #f5f4f3;
}
.shipping-bill-band {
    padding: 12px 20px;
    border-bottom: 1px solid #ede5ae;
}
.eway-bill-band {
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.eway-bill-band .collapsed .toggle-icon {
    transform: rotate(0);
}
.eway-bill-band .toggle-icon {
    display: inline-block;
    transform: rotate(90deg);
    transition: all 0.5s;
}
.eway-bill-band .table {
    margin-top: 20px;
}
@media (min-width: 1694px) {
    .alert-attention-icon::after {
        content: "";
        left: 22px;
        top: 38px;
        position: absolute;
        height: 42%;
        border-left: 2px solid #fdd385;
    }
}
@media (max-width: 1693px) {
    .alert-attention-icon::after {
        content: "";
        left: 22px;
        top: 38px;
        position: absolute;
        height: 51%;
        border-left: 2px solid #fdd385;
    }
}
.add-comment-text-area {
    border: 1px solid #d7d5e2;
}
.add-comment-btn-container {
    border-top: solid #d7d5e2 1px;
    box-shadow: 0 -1px 6px 2px rgba(69, 69, 86, 0.03);
}
.add-comment-btn-container .comment-btn:disabled {
    color: var(--zf-black-6);
    background-color: #fff;
    border-color: #d4d4de;
}
.comment-box {
    background-color: var(--zf-blue-4);
}
.comment-box .comment-delete-icon:hover {
    color: var(--zf-red-1) !important;
}
.comments-history {
    padding: 20px;
}
.comments-history .txn-comment-icon {
    background-color: #f6fbff;
    border-color: #d3dce4;
    position: relative;
    z-index: 2;
}
.comments-history ul .comments-partial:before {
    top: 20px;
    bottom: -20px;
}
.comments-history ul li {
    position: relative;
}
.comments-history ul li:before {
    content: "";
    border-left: 1px solid #e4e4e4;
    position: absolute;
    left: 163px;
    top: 0;
    bottom: 0;
}
.comments-history ul li:last-child:before {
    bottom: 100%;
}
.comments-history ul .date-section {
    width: 150px;
    padding-right: 5px;
    padding-top: 5px;
}
.comments-history ul .comment-section {
    width: calc(100% - 150px);
}
.comments-history ul .comment-section .comment {
    padding-top: 2px;
}
.comments-history .icon-journal_entry {
    color: #f0b11a;
}
.comments-history .icon-invoice_edit {
    color: #ec9500;
}
.comments-history .icon-invoice_signed {
    color: #169e6d;
}
.comments-history .icon-invoice_delete {
    color: #e54643;
}
.comments-history .credits {
    color: #08c;
}
.comments-history .payment {
    color: #1aaf5d;
}
.comments-history .icon-snailmail {
    color: #ec9500;
}
.comments-history .icon-comment {
    color: #73b0f9;
}
.comments-history.tabular-view ul li:not(:last-child),
.comments-history.tabular-view .history-list:not(:last-child) {
    border-bottom: 1px solid #efeff4;
}
.comments-history.tabular-view ul li:before,
.comments-history.tabular-view .history-list:before {
    border-left: none;
}
.comments-history.tabular-view ul li:last-child,
.comments-history.tabular-view .history-list:last-child {
    margin-bottom: -10px;
}
.comments-history.simple-view ul {
    list-style: none;
}
.comments-history.simple-view ul li {
    padding: 5px 13px;
}
.comments-history.simple-view ul li:not(:last-child):before {
    left: -1px;
    top: 33px;
    bottom: -17px;
}
.comments-history.simple-view ul li:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background-color: #208eff;
    border: 2px solid #fbfafa;
    border-radius: 50%;
    left: -6px;
    top: 19px;
}
.comments-history.contextual-sidebar-comments ul li:before {
    border-left: 1px solid #ebeaf2;
    left: 13px;
    top: 20px;
    bottom: -20px;
}
.comments-history.contextual-sidebar-comments ul li:last-child:before {
    border-left: none;
}
.comments-history.contextual-sidebar-comments ul .comment-section {
    width: 100%;
}
.comments-history.contextual-sidebar-comments ul .comment-section .date-formatted {
    font-weight: 500;
    letter-spacing: 0.2px;
}
.comments-history.contextual-sidebar-comments ul .circle-box {
    top: 15px;
}
.comments-history.contextual-sidebar-comments ul .user-thumbnail-icon {
    border: 2px solid #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    width: 28px;
    height: 28px;
}
.badge-so {
    font-size: 70%;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.salesorder-body {
    padding: 20px;
    margin: 5px auto;
}
.salesorder-body .so-number {
    margin-top: -5px;
    margin-bottom: 7px;
}
.salesorder-body .badge-so {
    font-size: 75%;
    padding: 7px;
    letter-spacing: 0;
}
.salesorder-body .status-block {
    border-left: 3px solid orange;
}
.salesorder-body .status-block .order-status {
    margin-bottom: 10px;
}
.salesorder-body h6 {
    color: #555;
}
.salesorder-body .address {
    margin-bottom: 45px;
    font-size: 14px;
}
.salesorder-body .address:first-child {
    margin: 24px 0 41px;
}
.salesorder-body .sub-total-section {
    padding-right: 40px;
    font-size: 16px;
}
.salesorder-body .sub-total-section .row {
    padding-top: 15px;
    text-align: right;
}
.salesorder-body .total-section {
    margin-top: 15px;
    margin-left: 50px;
    margin-right: 0;
    border-top: 1px solid #eee;
    padding-top: 15px;
    padding-right: 20px;
    font-size: 17px;
    text-align: right;
    font-weight: 600;
}
.salesorder-body .order-info {
    padding: 20px 0 30px;
}
.salesorder-body .order-info h6 {
    color: #555;
}
.salesorder-body .order-info .so-details-label {
    padding-top: 6.5px;
    font-size: 14px;
}
.salesorder-body .so-details-table {
    margin-bottom: 0;
}
.salesorder-body .so-details-table.table thead > tr > th {
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: top;
    background-color: #f7f7f7;
    border: 0;
}
.salesorder-body .so-details-table.table thead > tr > th:first-child {
    padding: 12px 0 12px 25px;
}
.salesorder-body .so-details-table.table thead > tr > th:last-child {
    padding: 12px 25px 12px 0;
}
.salesorder-body .so-details-table.table tbody > tr > td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.salesorder-body .so-details-table.table tbody > tr > td:first-child {
    padding: 15px 0 15px 25px;
}
.salesorder-body .so-details-table.table tbody > tr > td:last-child {
    padding: 15px 25px 15px 0;
}
.salesorder-body .so-details-table.table tbody > tr > td:not(:first-child) {
    font-size: 14px;
}
.salesorder-body .so-details-table.table tbody > tr > td.header-item {
    padding: 8px 0 8px 25px;
}
.salesorder-body .so-details-table.table tbody > tr > td p {
    margin-bottom: 5px;
}
.so-merge {
    padding: 0 20px;
}
.so-merge i {
    margin: -2px 0 0 -5px;
}
.so-merge-icon {
    width: 30px;
    height: 30px;
}
.so-row {
    padding: 10px 0;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    border-radius: 5px;
    min-height: 110px;
    cursor: pointer;
}
.so-row:hover {
    border-color: #227fb5;
}
.selected-so .so-row {
    border-color: #1abc9c;
}
.radio-circle {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 0.5px solid #1db7ff;
    position: absolute;
    padding-right: 10px;
    margin-top: 2px;
}
.fulfilled-lineitem {
    background-color: #f0ffec;
}
.to-be-shipped {
    background-color: #edfbff;
}
.notfulfilled-lineitem {
    background-color: #fafafa;
}
.transactions-details-band {
    position: relative;
    min-height: 83px;
    margin: 0 -20px;
    z-index: 4;
    font-size: 13px;
}
.transactions-details-band .transaction-details .nav-tabs {
    border-bottom: 1px solid #ebebeb;
}
.transactions-details-band .transaction-details .nav-tabs .nav-link {
    font-size: 11px;
}
.transactions-details-band .transaction-details .nav-tabs .nav-link,
.transactions-details-band .transaction-details .nav-tabs .nav-link:hover {
    margin: 0;
    border: 0;
    border-top: 3px solid #fff;
    padding: 10px 15px;
    background-color: inherit;
}
.transactions-details-band .transaction-details .nav-tabs .nav-link.active,
.transactions-details-band .transaction-details .nav-tabs .nav-link.active:focus,
.transactions-details-band .transaction-details .nav-tabs .nav-link.active:hover {
    border-top: 3px solid #2fa3e6;
    border-right: 1px solid #ebebeb;
    border-bottom: none;
    border-left: 1px solid #ebebeb;
    background-color: #fbfafa;
}
.transactions-details-band .transaction-details .nav-tabs .nav-link.active.whats-next-tab {
    background-color: #f7faff;
}
.transactions-details-band .transaction-details .tab-content {
    border-bottom: 1px solid #ebebeb;
    padding: 0 12px;
    background-color: var(--zf-grey-1);
}
.transactions-details-band .transaction-details .tab-content .table {
    margin-bottom: 0;
}
.transactions-details-band .transaction-details .tab-content .empty-details {
    padding: 30px;
}
.transactions-details-band .transaction-details .zi-table {
    border-bottom: none;
}
.transactions-details-band .transaction-details .zi-table.table tbody > tr:first-child > td {
    border-top: 0;
}
.transactions-details-band .transaction-details .zi-table.table tbody > tr > td {
    padding: 12px 7px;
}
.transactions-details-band .transaction-details .zi-table.table tbody > tr > .empty-details {
    padding: 20px 7px;
}
.transactions-details-band .transaction-details .zi-table.table thead:first-child tr:first-child th {
    border-top: none;
    font-size: 11px;
    border-bottom: 1px solid #eee;
    color: var(--zf-grey-12);
    background-color: #fbfafa;
    padding-top: 15px;
    padding-bottom: 5px;
}
.transactions-details-band .transaction-details .zi-table.table tbody > tr:last-child > td {
    padding: 12px 7px 20px;
}
.einvoice-container {
    background-color: var(--zf-grey-2);
}
.einvoice-container .push-initiated {
    color: #fff;
    background-color: #7a60d2;
}
.einvoice-container .yet-to-be-pushed {
    color: #fff;
    background-color: #fd9134;
}
.einvoice-container .pushed {
    color: #fff;
    background-color: #22b378;
}
.einvoice-container .failed {
    color: #fff;
    background-color: #ff660f;
}
.einvoice-container .canceled {
    color: #fff;
    background-color: #f7525a;
}
.einvoice-container .accepted {
    color: #fff;
    background-color: #1aaf5d;
}
.einvoice-container .rejected {
    color: #fff;
    background-color: #f70000;
}
.einvoice-lifecycle-wizard .push-initiated {
    color: #fff;
    background-color: #7a60d2;
}
.einvoice-lifecycle-wizard .yet-to-be-pushed {
    color: #fff;
    background-color: #fd9134;
}
.einvoice-lifecycle-wizard .pushed {
    color: #fff;
    background-color: #22b378;
}
.einvoice-lifecycle-wizard .failed {
    color: #fff;
    background-color: #ff660f;
}
.einvoice-lifecycle-wizard .canceled {
    color: #fff;
    background-color: #f7525a;
}
.einvoice-lifecycle-wizard .accepted {
    color: #fff;
    background-color: #1aaf5d;
}
.einvoice-lifecycle-wizard .rejected {
    color: #fff;
    background-color: #f70000;
}
.einvoice-tiny-dashboard {
    border: 3px solid #f9f9fb;
}
.einvoice-tiny-dashboard .push-initiated {
    color: #7a60d2;
}
.einvoice-tiny-dashboard .yet-to-be-pushed {
    color: #fd9134;
}
.einvoice-tiny-dashboard .pushed {
    color: #22b378;
}
.einvoice-tiny-dashboard .failed {
    color: #ff660f;
}
.einvoice-tiny-dashboard .canceled {
    color: #f7525a;
}
.einvoice-tiny-dashboard .accepted {
    color: #1aaf5d;
}
.einvoice-tiny-dashboard .rejected {
    color: #f70000;
}
.einvoice-tiny-dashboard .vertical-separator:after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    border-right: 2px solid #ddd;
}
svg.fill-green-crayola {
    fill: #20a97b;
}
svg.light-grey-tick {
    fill: #b8c9dd;
}
svg.fill-sunset-orange {
    fill: #f46558;
}
.whats-next-container {
    background-color: #f7faff;
    padding-top: 30px;
    margin: 0 -12px;
}
.whats-next-container p {
    margin-top: 2px;
}
.whats-next-container .desc {
    max-width: 55%;
}
.advance-search-header {
    text-align: center;
}
.advance-search-header .btn-group {
    display: inline-block;
    list-style-type: none;
}
.advance-search-header .btn-group > li {
    display: inline-block;
    border: 1px solid #ddd;
}
.advance-search-header .btn-group > li > a {
    color: #333;
}
.advance-search-header .btn-group .active {
    background-color: #ddd;
}
.advance-search .pagination {
    padding: 0 10px;
}
.advance-search .tab-pane .table {
    margin-top: 20px;
}
.advance-search .tab-pane .table > thead > tr > th:first-child {
    padding-left: 25px;
}
.advance-search .tab-pane .table > thead > td {
    padding: 5px 15px 0;
}
.advance-search .tab-pane .table > tbody > tr:not(.empty-list):hover {
    background-color: #f3f3f3;
}
.advance-search .tab-pane .table > tbody > tr:first-child > td {
    border: 0;
}
.advance-search .tab-pane .table > tbody > tr > td {
    vertical-align: middle;
}
.advance-search .tab-pane .table > tbody > tr > td:first-child {
    padding-left: 25px;
}
.breadcrumbs {
    line-height: 17px;
    position: relative;
}
.breadcrumbs.static-position {
    position: static;
}
.breadcrumbs.btn-toolbar {
    padding-top: 11px;
    padding-bottom: 11px;
}
.breadcrumbs .breadcrumbs-title {
    padding-left: 8px;
}
.breadcrumbs h3 {
    margin: 0;
}
.arrow-img:before,
.arrow-img:after {
    background-image: url(images/grey-arrow-d90dc20449.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 50px;
    background-position: 22px -1px;
    background-size: 38px 34px;
    content: "";
    position: absolute;
}
.pg-list-popup.popover-container .popover {
    width: 300px;
}
.sign-preview {
    max-width: 300px;
    max-height: 100px;
    margin: 0 auto;
    border: 1px dashed #d0d0d0;
    padding: 10px;
}
.sign-preview img {
    max-width: 100%;
    max-height: 80px;
}
.show-batches .batch-selection {
    cursor: pointer;
}
.show-batches li {
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.show-batches .batch-header {
    background-color: #f3f6fd;
    padding: 5px;
    text-transform: uppercase;
    font-size: 13px;
}
.show-batches .batch-item {
    padding: 10px 5px;
    border-radius: 2px;
}
.show-batches .batch-item.last-child {
    margin: 0 0 10px;
}
.show-batches .to-batch-column {
    width: 37%;
}
.icon.dcb-bank-logo {
    width: 100px;
    height: auto;
}
.channel-logo {
    display: inline-flex;
}
.channel-logo .logo {
    margin-right: 5px;
}
.channel-logo.inactive-channel {
    opacity: 0.3;
}
.mp-alert {
    position: relative;
    z-index: 3;
    padding: 18px 20px;
    background-color: #fff4e7;
    border-color: #faecca;
    color: #333;
    animation: expand-mpalert 500ms ease-in;
}
.mp-alert .btn {
    margin-right: 12px;
}
.mp-alert .mpitems-alert {
    width: 5%;
    padding-top: 8px;
}
.mp-items-popover {
    width: 400px;
    left: -250px;
    border-radius: 1px;
}
.mp-items-popover .item-name {
    margin-bottom: 10px;
}
.mp-items-popover .item-name a {
    color: #222;
}
.mp-items-popover .row {
    padding: 12px 0;
}
.mp-items-popover .item-link {
    margin-left: -20px;
}
.mp-items-popover tr:hover {
    background-color: #f9f9f9;
}
.mp-items-popover tr:hover .item-name {
    text-decoration: underline;
}
.mp-items-popover tr:hover .item-confirm {
    padding: 0 7px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid transparent;
    display: inline-block;
    background-color: #d64830;
    color: #fff;
}
.popover.bs-popover-bottom.mp-items-popover > .arrow {
    left: 85%;
}
@media (max-width: 1024px) {
    .mp-items-popover {
        left: 0;
    }
    .popover.bs-popover-bottom.mp-items-popover > .arrow {
        left: 5%;
    }
}
.transactions {
    padding-bottom: 40px;
}
.transactions .alert {
    margin: 0 -20px;
    padding-left: 20px;
}
.exchng-popover {
    top: 50px;
    width: 250px;
    color: #222;
    left: -100px !important;
}
.exchng-popover .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 15px;
    width: 200px;
}
.contacts-revamp-popup {
    top: 213px;
    left: 177px;
    border: 1px solid #fba800;
    color: #000;
}
.open-status-change {
    background-color: #fff8ec;
}
.qbo-alert-status {
    background-color: #fff8ec !important;
}
.validation-box {
    margin: auto;
    overflow: hidden;
}
.validation-box .green-text {
    color: #1fce88;
    vertical-align: top;
}
.validation-column {
    background-color: #f5f5f5;
}
.bg-mismatched-row {
    background-color: #f9e6e1;
}
.validation-row div {
    padding-top: 1rem;
    word-wrap: break-word;
}
.incomplete-payment-banner .side-border {
    border-left: 3px solid #efdcce;
}
.cs-table.zi-table.table thead tr th {
    top: 43px;
}
.cs-table.zi-table.table tbody tr td .circle-box {
    min-width: 25px;
}
.cs-recurring-table.zi-table.table thead tr th {
    top: -1px;
}
.cs-table.zi-table.table thead tr th,
.cs-table-tab.zi-table.table thead tr th {
    border-bottom: 0;
}
.cs-table.zi-table.table tbody tr:first-child td,
.cs-table-tab.zi-table.table tbody tr:first-child td {
    border-top: 0;
}
.cs-table-tab.zi-table.table .cs-bulktable-tab tr th {
    top: 96px;
}
.cs-table-tab.zi-table.table thead tr th {
    top: 40px;
}
.temp-gallery-sample-inv .sample-invoice-img {
    width: 300px;
    height: 142px;
}
.temp-gallery-sample-inv .sample-inv-todo {
    margin: 0 -12px;
}
.temp-gallery-sample-inv .border-highlight-yellow::after {
    content: "";
    border: 2px solid #fcbe6a;
    border-color: #fcbe6a transparent transparent;
    border-radius: 595%/35px 92px 0 0;
    width: 135px;
    height: 10px;
    position: absolute;
    bottom: -9px;
    left: 0;
}
.emptystate-icon-shadow {
    box-shadow: 0 0 4px #ccc;
}
.serialized-bins-desc {
    border-radius: 8px;
    opacity: 1;
    background-color: #f7f7fe;
}
.datepicker {
    z-index: 1080 !important;
}
.datepicker table {
    margin: 10px;
    border-collapse: separate;
}
.datepicker tr > td,
.datepicker tr > th {
    border-radius: 0;
    border: 1px solid #fff;
}
.datepicker tr > th {
    color: #333;
}
.datepicker tr > th.prev,
.datepicker tr > th.next {
    color: #777;
}
.datepicker tr > th.dow {
    color: #e54643;
    font-size: 10px;
    font-weight: 400;
}
.datepicker tr > td {
    font-weight: 400;
}
.datepicker tr > td.today {
    background-color: transparent;
    background-image: none;
    border-color: #ffb733 !important;
    color: #b93a25;
}
.datepicker tr > td.today:hover:hover {
    background-color: transparent;
}
.datepicker tr > td.today.active {
    border-color: #922e1d !important;
}
.datepicker tr > td.today.active:hover {
    background-color: #b93a25;
}
.datepicker tr > td span {
    width: 24%;
    border: 1px solid #fff;
    border-radius: none;
    margin: 0;
    color: #21263c;
}
.datepicker tr > td span.disabled {
    color: #9391a2;
}
.datepicker tr > td.day:not(.active):hover,
.datepicker tr > td span:hover {
    border-color: #b93a25;
    background: 0 0 !important;
}
.datepicker tr > td.disabled,
.datepicker tr > td.disabled:hover {
    color: #eee;
}
.datepicker-dropdown {
    min-width: 0;
}
html[dir="rtl"] .datepicker.dropdown-menu {
    left: auto;
}
.pagination {
    padding: 10px 50px 30px 10px;
}
.pagination .action {
    color: #999;
}
.pagination .action:hover {
    color: #777;
}
.pagination .action.disabled {
    cursor: not-allowed;
    opacity: 0.3;
}
.pagination .action.disabled:hover {
    color: #999;
}
.pagination .ac-box-drop {
    top: initial;
    bottom: 4px;
}
.pagination .dropdown-menu > li > a {
    font-size: 13px;
}
.pagination .pagination-font-size {
    font-size: var(--zf-pagination-font-size);
}
.pagination .range-text {
    font-weight: var(--zf-pagination-font-weight);
}
.pagination .page-link-sec {
    padding: var(--zf-page-link-sec-padding);
}
.pagination .pagination-border {
    border: 1px solid var(--zf-pagination-border-color);
}
.pagination .pagination-border .ac-selected {
    margin-bottom: 0;
}
.pagination .pagination-border .ac-selected span:hover {
    color: var(--zf-blue-9);
}
.pagination .pagination-border .ac-selected span:hover svg {
    fill: var(--zf-blue-9);
}
.pagination .settings-icon {
    fill: #838195;
    width: var(--zf-pagination-setting-icon-size);
    height: var(--zf-pagination-setting-icon-size);
}
.pagination .pagination-range-txt {
    position: relative;
}
.pagination .pagination-range-txt:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -8px;
    height: 32px;
    margin: 1px;
    border-left: 1px solid #d7d5e2;
}
.email-template .rich-editor-body,
.email-template .raw-editor {
    height: 400px;
}
.signature .rich-editor-body,
.signature .raw-editor {
    height: 160px;
}
.custom-template .rich-editor-body,
.custom-template .raw-editor {
    height: 1000px;
}
.custom-template-header .rich-editor-body,
.custom-template-header .raw-editor {
    height: 200px;
}
.custom-template-footer .rich-editor-body,
.custom-template-footer .raw-editor {
    height: 150px;
}
.referral-form .rich-editor-body {
    height: 250px;
}
.zf-html-editor {
    border: 1px solid #dddfe9;
}
.zf-html-editor .html-editor-toolbar {
    padding: 5px 10px;
    min-height: 40px;
    border-top: none;
    border-bottom-color: #dddfe9;
    background-color: var(--zf-grey-3);
}
.zf-html-editor .html-editor-toolbar .btn-group .format-block {
    width: 125px;
}
.zf-html-editor .html-editor-toolbar .btn-group > .btn,
.zf-html-editor .html-editor-toolbar .btn-group .dropdown-toggle.btn,
.zf-html-editor .html-editor-toolbar .btn-group .palette-toggle.btn {
    border-color: transparent;
    background-color: transparent;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
}
.zf-html-editor .html-editor-toolbar .btn-group > .btn:hover,
.zf-html-editor .html-editor-toolbar .btn-group > .btn.active,
.zf-html-editor .html-editor-toolbar .btn-group > .btn.active + .dropdown-toggle,
.zf-html-editor .html-editor-toolbar .btn-group .dropdown-toggle.btn:hover,
.zf-html-editor .html-editor-toolbar .btn-group .dropdown-toggle.btn.active,
.zf-html-editor .html-editor-toolbar .btn-group .dropdown-toggle.btn.active + .dropdown-toggle,
.zf-html-editor .html-editor-toolbar .btn-group .palette-toggle.btn:hover,
.zf-html-editor .html-editor-toolbar .btn-group .palette-toggle.btn.active,
.zf-html-editor .html-editor-toolbar .btn-group .palette-toggle.btn.active + .dropdown-toggle {
    border-color: #d3dce4;
    background-color: #fff;
}
.zf-html-editor .html-editor-toolbar .btn-group.dropdown.open .dropdown-toggle.btn,
.zf-html-editor .html-editor-toolbar .btn-group .dropdown.open .dropdown-toggle.btn {
    background-color: #fff;
    border-color: #d3dce4;
}
.zf-html-editor .html-editor-toolbar .btn-group.dropdown:hover .btn,
.zf-html-editor .html-editor-toolbar .btn-group.dropdown.open .btn {
    border-color: #d3dce4;
}
.zf-html-editor .html-editor-toolbar .zf-he-actions-container::after {
    top: 1px;
    left: 2px;
}
.zf-html-editor .html-editor-toolbar .dialog {
    padding: 10px 0;
    position: absolute;
    right: 0;
    left: 0;
    background-color: var(--zf-grey-3);
    border-bottom: 1px solid #dddfe9;
}
.zf-html-editor .html-editor-toolbar svg.icon {
    width: 12px;
    height: 12px;
    fill: currentColor;
}
.zf-html-editor .html-editor-toolbar .btn {
    margin-bottom: 0;
}
.modal-body .zf-html-editor {
    margin-left: -21px;
    margin-right: -21px;
}
.email-invoice .attach {
    max-width: 240px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.multiselect {
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-radius: var(--zf-form-input-border-radius);
}
.multiselect .ac-dropdown-menu {
    right: 0;
    margin: 0;
}
.multiselect .ac-dropdown-menu .grey-text {
    color: var(--zf-grey-12);
}
.multiselect .ac-dropdown-menu .active .grey-text {
    color: #fff;
}
.multiselect .ac-dropdown-menu .search-item {
    padding: 0 10px 5px;
}
a {
    cursor: pointer;
}
a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
}
.cb {
    clear: both;
}
.legend {
    font-size: 19px;
}
.zec-compbar-tt-value {
    font-size: 19px;
}
.well-flat {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}
.well-warn {
    background-color: var(--zf-yellow-8);
}
.well-info {
    padding: 20px 20px 10px;
}
.bg-state-info,
.well-info {
    background-color: #d9edf7;
}
.well-import {
    background-color: #fbfafe;
    border: 0;
    box-shadow: none;
    margin-bottom: 5px;
}
.zb-well {
    padding: 10px 20px 20px;
    background-color: #fafafa;
}
.zb-well-dashed {
    padding: 10px 20px 20px;
    border-bottom: 1px dashed #e0e0e0;
    border-top: 1px dashed #e0e0e0;
    background-color: #fafafa;
}
.fill-rectangle {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.fill-absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
input[readonly] {
    background-color: #fff;
    border: medium;
    box-shadow: none;
    cursor: text;
    text-align: right;
    margin-bottom: 0;
}
form a:focus {
    border: 1px solid #2a74be;
}
form .dropdown a:focus {
    border: 0;
}
/* form .alert {
    margin-top: 20px;
} */
.form-actions {
    background-color: #fff;
}
.alert-actions {
    margin-top: 18px;
    margin-bottom: 18px;
}
form .controls p {
    margin: 10px 0 0;
    font-size: 12px;
}
.form-control[type="text"]:hover:not(.disabled, :disabled),
textarea.form-control:hover:not(.disabled, :disabled) {
    border-color: var(--zf-form-input-focus-border-color);
}
.form-control[type="text"]:hover.is-invalid,
textarea.form-control:hover.is-invalid {
    border-color: var(--zf-form-input-invalid-border-color);
}
.form-control[type="text"]:focus.error,
.form-control[type="text"]:focus.is-invalid,
textarea.form-control:focus.error,
textarea.form-control:focus.is-invalid {
    border-color: var(--zf-form-input-invalid-border-color);
    box-shadow: var(--zf-form-input-invalid-box-shadow);
}
.form-control[type="text"]:focus.is-valid,
textarea.form-control:focus.is-valid {
    border-color: var(--zf-form-input-focus-border-color);
    box-shadow: var(--zf-form-input-focus-box-shadow);
}
.form-control[type="text"].disabled,
.form-control[type="text"]:disabled,
textarea.form-control.disabled,
textarea.form-control:disabled {
    cursor: not-allowed;
}
.input-group > .form-control {
    z-index: 3;
}
input[type="file"]:after {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.visible-on-hover .content {
    visibility: hidden;
}
.visible-on-hover:hover .content {
    visibility: visible;
}
.visible-on-hover:hover .line-item-border {
    background-color: transparent;
}
.visible-on-hover:hover .splitrow-border {
    border-bottom: 2px solid #ccc !important;
}
.link-color-on-hover {
    color: inherit;
}
.tax-rule-table {
    table-layout: fixed;
}
.tax-rule-table thead:first-child tr:first-child th {
    border: 1px solid var(--zf-grey-17);
}
.tax-rule-table td {
    padding: 5px;
    border: 1px solid var(--zf-grey-17);
    border-top: none;
}
.tax-rule-table td .form-control {
    border: 1px solid transparent;
    box-shadow: none;
}
.tax-rule-creation-table.table thead > tr > th {
    color: #222;
    text-transform: uppercase;
    font-size: 11px;
}
.refund-rules-table {
    border-collapse: separate;
    border: 1px solid var(--zf-grey-17);
    border-spacing: 0;
}
.refund-rules-table input::placeholder {
    color: #999;
    font-weight: 400;
}
.refund-rules-table thead > tr th {
    border-bottom: 1px solid var(--zf-grey-17);
    border-right: 1px solid var(--zf-grey-17);
    letter-spacing: 0.9px;
    background-color: #fafafc;
}
.refund-rules-table tbody > tr:not(:last-child) > td {
    border-bottom: 1px solid var(--zf-grey-17);
}
.refund-rules-table tbody > tr > td:not(:last-of-type) {
    border-right: 1px solid var(--zf-grey-17);
}
.refund-rules-table tbody > tr .remove-rule-section {
    top: 10px;
    right: -20px;
}
.rec-exp {
    padding: 0 15px 0 10px;
    margin-right: 12px;
    border-right: 1px solid #eee;
}
#statusMsg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    margin: 0 auto;
    color: #fff;
    max-width: 500px;
}
#statusMsg > div {
    display: table;
    padding: 7px 10px;
    margin: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}
#statusMsg .msg {
    margin: 0 8px;
    max-width: 325px;
    text-align: left;
}
#statusMsg .icon-remove {
    cursor: pointer;
    color: #d62b31;
    font-size: 10px;
}
#statusMsg .icon-attention {
    color: #fff;
}
#statusMsg .success {
    background-color: #53b05a;
}
#statusMsg .error {
    background-color: #f46558;
}
.import-help {
    background-color: var(--zf-blue-4);
}
.import-help ul {
    padding-left: 22px;
    padding-top: 15px;
}
.import-help li {
    padding-bottom: 10px;
}
.upload-lft {
    background-position: -485px -169px;
    float: left;
    height: 28px;
    margin-right: 10px;
    margin-top: 3px;
    width: 25px;
}
.upload-rgt {
    background-position: 0 -169px;
    float: left;
    height: 28px;
    margin: 3px 0 0;
    padding: 5px 25px 0 40px;
    text-shadow: -2px 1px #fff;
}
.upload-lft,
.upload-rgt {
    background-image: url(images/ZF-sprite-miscellaneous-b84c20809d.png);
}
.mapping-popover-alert {
    position: relative;
}
.mapping-popover-alert .popover {
    border: 0;
    box-shadow: none;
    width: 500px;
    top: -3px;
}
.mapping-popover-alert .bs-popover-right > .arrow::before {
    border-color: transparent #fff4e7;
    border-width: 7px 7px 7px 0;
    left: 1px;
}
.mapping-popover-alert .bs-popover-right > .arrow::after {
    content: none;
}
.mapping-popover-alert .popover-body {
    background-color: #fff4e7;
}
.onhold-status-banner {
    color: #8d3d2d;
    border-radius: 4px;
}
.freeplan-note {
    background-color: #f9f8f8;
    border-radius: 4px;
}
.import-preview .list-unstyled > li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.import-preview .toggle-icon {
    display: inline-block;
}
.import-preview .collapsed .toggle-icon {
    transform: rotate(-90deg);
}
.icon-minus-circled {
    color: #eb9388;
    font-size: 15px;
    cursor: pointer;
}
.icon-plus-circled {
    color: #80d107;
    font-size: 12px;
    float: right;
    cursor: pointer;
}
.required {
    color: #e54643;
}
.required:after {
    content: "*";
    color: #e54643;
}
.nav-pills .nav-link.required {
    color: #408dfb;
}
.noscroll-x {
    overflow-x: hidden;
}
.expense-details {
    margin-top: 30px;
    display: table;
}
.receipt-details {
    display: table-cell;
    vertical-align: top;
    width: 600px;
}
.receipt-details .badge {
    border-radius: 0;
    margin-top: 25px;
}
.receipt-details .details-item > div {
    padding-top: 10px;
}
.tax-label {
    padding-left: 15px;
}
@media screen and (min-width: 992px) {
    .expense-fields {
        border-left: 1px solid #dadada;
    }
    .tax-label {
        width: 35px;
    }
    .tax-field {
        min-width: calc(25% - 35px);
    }
    .document-details-column .tax-field {
        min-width: calc(33.33333333% - 35px);
    }
}
.receipt-container {
    width: 297px;
}
.receipt-container .receipt-upload {
    height: 302px;
    border: 1px dashed #d7d5e2;
    padding: 10px;
    text-align: center;
    position: relative;
}
.upload-file-container {
    width: 260px;
}
.upload-file-container .receipt-upload {
    height: 350px;
}
.upload-file-container .receipt-upload:focus-within {
    border-style: solid;
}
.upload-file-container:hover .btn-upload {
    background: var(--zf-white-1);
    border: 1px solid #ebeaf2;
}
.upload-file-container .btn-upload {
    background-color: #e9ebf3;
}
.upload-file-container .btn-upload .dropdown.open .dropdown-toggle {
    transform: rotate(-180deg);
}
.upload-file-container .btn-upload .dropdown-menu {
    top: 40px;
}
.upload-file-container .btn-upload .dropdown-menu.dropdown-menu-right {
    right: -18px;
}
.upload-file-container > .btn-upload {
    background-color: var(--zf-blue-4);
    border: 1px solid #d7d5e2;
}
.upload-file-container > .btn-upload:hover {
    border-style: dashed;
}
.upload-file-container > .btn-upload:focus-within {
    border-style: solid;
}
.upload-file-container > .btn-upload:hover svg,
.upload-file-container .receipt-upload:hover svg {
    fill: var(--zf-blue-25);
}
.receipt-image {
    max-width: 180px;
    max-height: 80%;
}
.dropzone {
    background-color: #dff7d5;
}
.file-upload {
    position: relative;
}
.file-upload input {
    z-index: 8;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.file-import-container {
    border: 1px dashed var(--zf-grey-18);
    background-color: #f9f9fb;
    min-height: 260px;
    position: relative;
}
.file-import-container .import-section {
    background-color: #fbfbfb;
    box-shadow: 0 2px 12px 0 var(--zf-grey-18);
}
.file-import-container:hover {
    border-color: #408dfb;
}
.file-import-container:hover .import-section {
    color: #408dfb;
}
.file-import-container .btn-danger-text {
    color: var(--zf-black-4);
}
.file-import-container .btn-danger-text:hover {
    color: var(--zf-red-1);
}
.sign-img-prev {
    height: 31px;
    width: 235px;
    border: 1px solid #ddd;
}
.arrow-top::after {
    content: " ";
    position: absolute;
    left: 17px;
    top: -8px;
    border-top: none;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 10px solid #fdf3ea;
}
.table-row .row-action {
    visibility: hidden;
    padding-left: 10px;
}
.table-row:hover .row-action {
    visibility: visible;
    padding-left: 10px;
}
.dashed-border {
    border: 1px dashed #f89406;
    background-color: #fffef5;
    border-radius: 3px;
}
.invLogoBox {
    max-height: 90px;
    border: 1px dashed #ddd;
    text-align: center;
    padding: 10px;
}
.logo-display {
    max-height: 70px;
    display: inline-block;
}
.selectOrgOuterDiv {
    overflow-y: auto;
    flex-grow: 1;
}
.selectOrgOuterDiv .org-back-btn {
    color: #408dfb;
}
.selectOrgOuterDiv .zi-migration {
    background-color: #f7f7f7;
}
.selectOrgOuterDiv .plan-name {
    font-size: 10px;
    vertical-align: middle;
    letter-spacing: 0.0925em;
    padding: 2px 5px;
    color: #e54643;
    background-color: #fdf2f2;
}
.selectOrgOuterDiv .plan-name.basic {
    color: #00a6ff;
    background-color: #edf9ff;
}
.selectOrgOuterDiv .plan-name.free {
    color: #935de3;
    background-color: #f7f4fd;
}
.selectOrgOuterDiv .plan-name.professional {
    color: #4382ff;
    background-color: #f2f6ff;
}
.selectOrgOuterDiv .plan-name.premium,
.selectOrgOuterDiv .plan-name.zohoone {
    color: #f6a233;
    background-color: #fef8f1;
}
.selectOrgOuterDiv .plan-name.standard {
    color: #1aaf5d;
    background-color: #ecfcf3;
}
.selectOrgOuterDiv .plan-name.test {
    color: #1ca1be;
    background-color: #edfafc;
}
.selectOrgOuterDiv .nav-tabs .nav-link.active {
    background-color: inherit;
}
.selectOrgOuterDiv .select-org {
    max-width: 860px;
    margin: 80px auto;
}
.selectOrgOuterDiv .select-org .card-header {
    padding: 20px;
}
.selectOrgOuterDiv .select-org .card-header h3 {
    margin: 0;
}
.selectOrgOuterDiv .select-org .create-org {
    padding: 80px 15px 0 0;
}
.selectOrgOuterDiv .select-org .create-org h5 {
    margin-bottom: 30px;
}
.selectOrgOuterDiv .otherorg-container {
    width: 40%;
    margin-top: 100px;
}
.selectOrgOuterDiv .create-org {
    max-width: 730px;
}
.selectOrgOuterDiv .body {
    padding: 30px 20px 20px;
}
.selectOrgOuterDiv .body tr.expanded td {
    background-color: #fafafa;
}
.selectOrgOuterDiv .ribbon .ribbon-inner {
    font-size: 10px;
    padding: 0;
    top: 16px;
    left: -33px;
    width: 108px;
    z-index: 1;
}
.selectOrgOuterDiv .ribbon .ribbon-inner:before {
    left: 15px;
    top: 7px;
}
.selectOrgOuterDiv .ribbon .ribbon-inner:after {
    right: 10px;
    top: 9px;
}
.pending-task-list .task-item .list-bulletin {
    background-color: #408dfb;
    margin: 0 5px;
}
.pending-task-list .task-item .icon-goto {
    display: none;
}
.pending-task-list .task-item:hover .icon-goto {
    display: inline-block;
}
.pending-task-list li {
    padding: 10px 0;
}
.bank-task-item li:first-child .display-node-name {
    padding-top: 8px;
}
.bank-task-item .task-item .display-node-name {
    right: -7px;
    bottom: 19px;
    border-color: #eee;
}
.user-info .user-actions {
    margin: 0 -0.75rem -0.5rem;
}
.no-access-help .left-border {
    height: 32px;
    border-left: 2px solid #dc3545;
    margin-left: -8px;
}
.org-item {
    position: relative;
    border: 1px solid #ececec;
}
.org-item .org-logo-container {
    min-height: 100px;
    background-color: #fafafa;
}
.org-item .org-logo-container img {
    max-height: 70px;
}
.otherapp-org-item {
    position: relative;
}
.otherapp-org-item .org-logo-container {
    min-height: 60px;
}
.otherapp-org-item .org-logo-container img {
    max-height: 50px;
}
.is-loading {
    position: relative;
    opacity: 0.25;
}
.loader {
    border: 1px solid #eee;
    background: #fff;
    position: absolute;
    border-radius: 4px;
}
.letter-space-1 {
    letter-spacing: 1px;
}
.letter-space-1_5 {
    letter-spacing: 1.5px;
}
.letter-space-2 {
    letter-spacing: 2px;
}
.letter-space-14 {
    letter-spacing: 1.4px;
}
.mt-35 {
    margin-top: 35px;
}
.mt-150 {
    margin-top: 150px;
}
.text-break-all {
    word-break: break-all;
}
#zb-pdf-bill-address {
    position: relative;
}
#zb-pdf-ship-address {
    position: relative;
}
.zb-bill-edit {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 10px;
}
.warning-background {
    background-color: #f8f0d6;
}
.snail-mail-preview {
    font-size: 67px;
    font-weight: 600;
    text-shadow: #fff 1px 1px 0;
    color: #eee;
    transform: rotate(-25deg);
    position: absolute;
    top: 50%;
    left: 10%;
    opacity: 0.8;
}
.terms-overflow {
    overflow: hidden;
    height: 7em;
    position: relative;
    display: block;
    padding-right: 20px;
}
.wrap {
    white-space: pre-line;
}
.white-space-normal {
    white-space: normal;
}
.form-vertical .control-group {
    margin-bottom: 20px;
}
.icon-attach {
    color: #000;
}
.table-noborder tbody tr td {
    border: 0;
}
input[type="text"]:focus.error {
    border-color: #e64d33;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #e64d33;
}
.icon-help-circled {
    cursor: pointer;
    color: #ccc;
}
.icon-attention {
    color: #ffb618;
}
.icon-pencil {
    cursor: pointer;
}
.popovercontainer {
    position: relative;
}
.popovercontainer:focus {
    outline: 0;
}
.icon-info-circled {
    color: #bbb;
    cursor: pointer;
}
:focus::-webkit-input-placeholder {
    opacity: 0.5;
}
:focus:-moz-placeholder {
    opacity: 0.5;
}
:focus::-moz-placeholder {
    opacity: 0.5;
}
:focus:-ms-input-placeholder {
    opacity: 0.5;
}
.invDocUpload {
    opacity: 0;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    padding-bottom: 18px;
    overflow: hidden;
    z-index: 2;
}
.hightlight {
    animation: twinkle 1.5s 1 linear;
}
@keyframes twinkle {
    0% {
        background-color: #fffbd7;
    }
    to {
        background-color: transparent;
    }
}
@keyframes twinkledark {
    0% {
        background-color: #ffc107;
    }
    to {
        background-color: transparent;
    }
}
.pos-highlight .form-control {
    animation: twinkle 1.5s 1 linear;
}
a:hover {
    text-decoration: none;
}
.radio input[type="radio"] {
    margin-top: 3px;
}
.checkbox input[type="checkbox"] {
    margin-top: 4px;
}
.pop-over-div {
    top: auto;
    left: auto;
    right: auto;
    position: absolute;
}
.txn-exrate .popover.bs-popover-bottom .arrow {
    left: 90%;
}
.scrollmenu {
    min-width: 200px;
    max-height: 430px;
    overflow-y: auto;
}
.scrollmenu-datatype {
    min-width: 200px;
    max-height: 200px;
    overflow-y: auto;
}
.cy-list .table thead:first-child tr:first-child th,
.item-txns-border {
    border-top: 1px solid #eee;
}
.tax-exmpts .popover-body {
    color: #000;
}
.caret-right {
    display: inline-block;
    margin-left: 2px;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.choose-shipment {
    padding: 20px 10px;
}
.choose-shipment:hover {
    background-color: #fffcf7;
}
.choose-shipment:hover [class*="icon-"],
.choose-shipment:hover div {
    fill: #d5ab54;
}
.dropship .choose-shipment:hover {
    background-color: #fffcf7;
    color: #d5ab54;
}
.dropship .choose-shipment:hover [class*="icon-"],
.dropship .choose-shipment:hover div {
    fill: #2098ff;
}
.tags-input {
    min-height: 32px;
    padding: 4px 10px 0 0;
    background-color: #fff;
    border: 1px solid #d7d5e2;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 5s, box-shadow ease-in-out 0.15s;
}
.tags-input.disabled {
    cursor: not-allowed;
    background-color: #f7f7f7;
}
.tags-input .selection-list > li {
    margin-bottom: 4px;
    padding-right: 0;
}
.tags-input .selection-list > li .text-box {
    outline: 0;
}
.tags-input .selection-list > li.current-tag {
    color: #000;
    width: 30%;
}
.tags-input .selection-list > li.max-size {
    width: 100%;
}
.tags-input .selection-list > li.mini {
    width: 10%;
}
.tags-input .selection-list .current-tag {
    width: 100%;
}
.tags-input .selection-list input {
    border-color: transparent;
    width: 10%;
}
.tags-input .selection-list input:focus {
    outline: 0;
}
.tags-input.multiselect .selection-list > li .mac-item.btn-sm:hover .clear-icon svg path {
    fill: #f7525a;
}
.tags-input.multiselect .selection-list > li .clear-icon svg path {
    fill: #838195;
}
.select-item {
    padding: 20px 10px;
}
.item-type-selection {
    margin: 0 -20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 4px 10px 10px;
    background-color: #f3f3f3;
}
.item-type-selection .radio-inline {
    vertical-align: baseline;
}
.table.item-group-table thead:first-child tr:first-child th {
    border-top: none;
}
.table.item-group-table tbody > tr > td {
    vertical-align: top;
}
.table.item-group-table .form-control {
    height: var(--zf-form-input-height);
}
.item-creation {
    margin-bottom: 80px;
}
.item-creation .zi-table {
    border-bottom: none;
    min-height: 120px;
}
.item-creation .zi-table.table thead > tr > th {
    vertical-align: top;
    background-color: #fff;
}
.item-details-page {
    padding-top: 30px;
}
.item-details-page .group {
    padding-bottom: 30px;
}
.item-details-page .group .row {
    padding-bottom: 3px;
}
.item-details-page .po-field {
    padding: 15px 10px 15px 20px;
    background-color: #fbfbfb;
}
.item-details-page .po-field .stock-section {
    padding-top: 10px;
}
.item-details-page .po-field .stock-section .stock-item {
    padding-top: 10px;
}
.item-details-page .po-field .stock-section .stock-item .stock-label,
.item-details-page .po-field .stock-section .stock-item .stock-value {
    display: inline-block;
}
.item-details-page .po-field .stock-section .stock-item .stock-label {
    width: 120px;
}
.item-details-page .po-field-divider {
    border-bottom: 1px solid #ddd;
    margin: 0 15px;
}
.item-details-page .items-label {
    font-weight: 300;
    color: #777;
}
.item-details-page .item-title-subheader {
    margin-top: 5px;
    padding-left: 0;
}
.item-details-page .qty-summary-card {
    width: 46%;
    margin: 4px 8px 4px 0;
    padding: 8px 8px 10px 12px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0 rgba(28, 29, 83, 0.09);
}
.warehouse-stock {
    padding-bottom: 20px;
}
.warehouse-stock .stock-group {
    border: 1px solid #018fff;
    line-height: 10px;
    margin-top: 4px;
    color: #0080ff;
    border-radius: 2px;
}
.warehouse-stock .stock-name {
    display: inline-block;
    padding: 8px 14px;
    cursor: pointer;
    float: left;
}
.warehouse-stock .stock-name.active {
    background-color: #018fff;
    color: #fff;
}
.warehouse-stock .stock-name.disabled {
    cursor: not-allowed;
}
.warehouse-stock .acc-stock {
    border-right: 1px solid #018fff;
}
.warehouse-stock .zi-table.table thead > tr th {
    background-color: #fff;
    border-bottom-color: #ddd;
    border-right: 1px solid #ddd;
}
.warehouse-stock .zi-table.table thead > tr th:first-child {
    border-left: 1px solid #ddd;
}
.warehouse-stock .zi-table.table thead > tr .warehouse-name {
    text-align: center;
    vertical-align: middle;
}
.warehouse-stock .zi-table.table tbody tr {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.warehouse-stock .zi-table.table tbody tr td {
    border-bottom: 1px solid #ddd;
}
.mapped-item-details .zi-table.table thead tr th,
.mapped-item-details .zi-table.table tbody tr td,
.txnseries-table.zi-table.table thead tr th,
.txnseries-table.zi-table.table tbody tr td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.txnseries-table.zi-table.table thead tr th:first-child,
.txnseries-table.zi-table.table tbody tr td:first-child {
    border-left-width: 0;
}
.txnseries-table.zi-table.table thead tr th:last-child,
.txnseries-table.zi-table.table tbody tr td:last-child {
    border-right-width: 0;
    border-left-width: 0;
}
.txnseries-table.zi-table.table thead tr th:nth-last-of-type(2),
.txnseries-table.zi-table.table tbody tr td:nth-last-of-type(2) {
    border-right-width: 0;
}
.item-contextual-details .mapped-item-details .zi-table.table thead tr th,
.item-contextual-details .mapped-item-details .zi-table.table tbody tr td {
    border: 0;
}
.item-contextual-details .mapped-item-details .zi-table.table thead tr th:after {
    border-bottom: 1px solid #ddd;
    border-top: none;
}
.item-contextual-details .mapped-item-details .zi-table.table tbody tr {
    border-bottom: 1px solid #f5f5f5;
}
.item-contextual-details .mapped-item-details .zi-table.table thead tr th:first-child,
.item-contextual-details .mapped-item-details .zi-table.table tbody tr td:first-child {
    padding-left: 0;
}
.item-contextual-details .mapped-item-details .zi-table {
    border: 0;
}
.badge-inactive {
    margin-left: 10px;
    padding: 3px 7px;
    vertical-align: middle;
    background-color: #bbb;
    color: #fff;
}
.item-txn {
    margin-top: -1px;
}
.item-tag {
    padding: 0 10px;
    border-radius: 4px;
    background-color: #1e95da;
    color: #fff;
}
.generate-barcode-action {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 20px;
}
.bulk-generate-barcode.zi-table.table {
    border: 0;
    margin: none;
}
.bulk-generate-barcode.zi-table.table thead > tr > th:after,
.bulk-generate-barcode.zi-table.table td {
    border: 0;
}
.item-label {
    padding: 10px;
    font-size: 15px;
    background-color: #f5f5f5;
}
.item-image {
    max-height: 100px;
    max-width: 120px;
    margin-right: 20px;
    cursor: pointer;
}
[class*="logo-check-"] {
    background-image: url(images/us-check-dd6c50cd4b.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 65px;
}
.logo-check-buy {
    background-position: -180px -30px;
}
.logo-check-customize {
    background-position: -400px -30px;
}
.logo-check-pay {
    background-position: -625px -30px;
}
.us-check-img {
    background-image: url(images/us-check-dd6c50cd4b.png);
    background-repeat: no-repeat;
    background-position: 0 -150px;
    width: 850px;
    height: 1130px;
}
.canada-check-img {
    background-image: url(images/canada-check-90c06e46f3.png);
    background-repeat: no-repeat;
    background-position: 0 15px;
    width: 825px;
    height: 1130px;
}
.indian-check-img {
    background-image: url(images/cheque_india-11eff42f82.jpg);
    background-repeat: no-repeat;
    background-position: 0 15px;
    width: 700px;
    height: 300px;
}
.top-band .badge-notification {
    z-index: 999;
    border: 1px solid var(--topband-bg);
    border-radius: 8px;
    height: 16px;
    line-height: 0.5;
    left: 8px;
}
.badge-notification {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: -8px;
    padding: 5px;
    border-radius: 6px;
    line-height: 0.6;
    min-width: 18px;
}
.badge-inner-open,
.badge-inner-notification {
    line-height: 0.6;
    font-size: 11px;
    text-align: center;
    min-width: 18px;
}
.badge-inner-notification {
    padding: 1px 5px;
    border-radius: 4px;
    background-color: var(--zf-grey-15);
}
.badge-inner-open {
    padding: 2px 6px;
    border-radius: 80px;
    background-color: var(--zf-blue-3);
    color: var(--zf-blue-9);
}
.radio-button {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
}
.radio-button.selected {
    background-color: #277ad8;
    border: 1px solid #277ad8;
}
.radio-button.selected::after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rotate-90 {
    transform: rotate(90deg);
}
.rotate-180 {
    transform: rotate(180deg);
}
.rotateY-180 {
    transform: rotateY(180deg);
}
.badge-notification__inbox {
    left: 7px;
    top: -11px;
    background-color: #2fa2e4;
}
.badge-notification__checks {
    top: -10px;
    left: 10px;
}
.badge-notification__expense {
    top: -15px;
    left: 10px;
    background-color: #2fa2e4;
}
.badge-notification__chatlet {
    font-size: 9px;
    top: -9px;
    left: 13px;
}
.badge-notification__todo {
    font-size: 9px;
    top: -10px;
    left: 12px;
}
.whatsapp.badge-notification__todo {
    top: 0;
    left: 23px;
}
.badge-notification__attachment {
    font-size: 9px;
    top: -6px;
    left: 7px;
}
.fullscreen-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
    background-color: #fff;
}
.fullscreen-bg.cloudservice-bg {
    background: 0 0;
    z-index: 3000;
}
.backuptable-title {
    margin: 30px 0 15px;
}
.backuptable-title h4 {
    margin: 0;
}
.nav-column {
    overflow: visible;
}
.nav-column .header {
    height: 84px;
    border-bottom: 0;
}
.nav-column .title {
    padding-left: 15px;
}
.nav-column .title p {
    font-size: 23px;
}
.nav-column i {
    margin-top: 5px;
}
.nav-column .back-link {
    padding: 20px 0 6px;
}
.nav-column .list {
    margin-bottom: 50px;
}
.nav-column .nav-pills .nav-link {
    padding-left: 15px;
}
.nav-column .nav-pills .nav-link.rep-header.collapsed .caret {
    border-left-color: #d7d7d7;
}
.nav-column.tab-column .nav-pills .lhs-accordion .nav-pills .nav-link {
    padding-left: 25px;
}
.right-bottom {
    position: absolute;
    bottom: 2%;
    right: 2%;
}
.right-top {
    position: absolute;
    right: 2%;
}
.bg-danger {
    background-color: #f2dede !important;
}
.expenses-bulk-form .ex-rate {
    margin-top: 5px;
    font-size: 11px;
}
.expenses-bulk-form .ex-rate .input-group-text {
    padding: 3px 5px;
    font-size: 11px;
}
.expenses-bulk-form .table thead:first-child tr:first-child th {
    border: 0;
}
.expenses-bulk-form .table.table-noborder {
    border: 0;
}
.expenses-bulk-form .table tbody > tr.error-row > td {
    padding-top: 0;
}
.expenses-bulk-form .table tbody > tr.error-row > td .bg-danger {
    padding: 5px 35px 5px 10px;
}
.expenses-bulk-form .align-icon {
    margin: 5px 15px;
}
.expenses-bulk-form .notes.popover {
    width: 200px;
}
.expenses-bulk-form .zi-table {
    table-layout: auto;
}
.expenses-bulk-form .ac-width-md {
    min-width: 150px;
    max-width: 200px;
}
.expenses-bulk-form .ac-width-md .ac-box-drop {
    min-width: 200px;
}
.expenses-bulk-form .input-width-sm {
    min-width: 100px;
    max-width: 150px;
}
.expenses-bulk-form .customview-creation-dropdown .column-selection ul.available-column-list {
    margin-bottom: 0;
    height: 300px;
}
.expenses-bulk-form .customview-creation-dropdown .column-selection ul.available-column-list li {
    cursor: pointer;
}
.expenses-bulk-form .clone-column {
    vertical-align: middle;
    padding: 0 13px;
}
.arrow-bottom {
    transform: rotate(180deg);
    position: absolute;
    top: 45px;
    left: calc(50% + 11px);
}
.arrow-bottom::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 8px;
    left: 45%;
}
.arrow-bottom::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #ccc transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 9px;
    left: 45%;
}
.arrow-bottom.proposalblue-bg::after {
    border-color: #f3f8fe transparent;
}
.arrow-bottom.info-bg::before {
    border-color: #bde8f1 transparent;
}
.arrow-bottom.info-bg::after {
    border-color: #d9edf7 transparent;
}
.scroll-top-container {
    position: fixed;
    z-index: 1001;
    bottom: 50px;
    right: 50px;
    box-shadow: 0 0 12px 2px var(--zf-grey-18);
    border-radius: 20px;
    border: 2px solid #fff;
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.scroll-top-container .scrollIcon {
    background: linear-gradient(to bottom, var(--primary-color), var(--zf-purple-7));
    border-radius: 50%;
    line-height: 1;
    width: 32px;
    height: 32px;
}
.scroll-top-container .scrollContent {
    display: none;
}
.scroll-top-container:hover {
    background-color: var(--zf-blue-26);
}
.scroll-top-container:hover .scrollContent {
    display: inline-block;
}
.scroll-top-container.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
.scroll-top-container.active.hide:not(:hover) {
    animation: hideScrollToTop 0.3s 5s forwards;
}
@keyframes hideScrollToTop {
    to {
        visibility: 0;
        opacity: 0;
        pointer-events: none;
    }
}
.arrow-bottom.diff-currency-alert {
    top: 10px;
    left: 35%;
}
.flyout-header {
    border-bottom: 1px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.flyout-header .section {
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
}
.flyout-header .section.notification-header {
    padding: 14px 20px;
}
.flyout-header .section.header {
    padding: 5px 20px;
}
.flyout-header .section.header.pagetips {
    padding: 5px 30px;
}
.flyout-header .section:last-child {
    border-bottom: 0;
}
.flyout-header .height-50 {
    height: 50px;
}
.notification-separator {
    border-right: 1px solid #d7d5e2;
    height: 13px;
    position: relative;
    left: -8px;
}
.flyout-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    bottom: 0;
    overflow-y: scroll;
    background-color: #fff;
    padding-bottom: 50px;
}
.contextual-sidebar-header ~ .txn-details-sidebar {
    top: 79px;
    padding-bottom: 0;
}
.contextual-sidebar-header ~ .txn-details-sidebar .card {
    font-size: 13px;
    border: 1px solid var(--zf-table-border-color);
}
.contextual-sidebar-header ~ .txn-details-sidebar .card .header {
    font-size: 14px;
    padding: 12px 15px;
}
.contextual-sidebar-header ~ .txn-details-sidebar .card .border-bottom,
.contextual-sidebar-header ~ .txn-details-sidebar .card .border-right,
.contextual-sidebar-header ~ .txn-details-sidebar .card .border-top,
.contextual-sidebar-header ~ .txn-details-sidebar .card .border-left {
    border-color: var(--zf-table-border-color) !important;
}
.contextual-sidebar-header ~ .txn-details-sidebar .comment-box {
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}
.contextual-sidebar-header ~ .package-details-sidebar {
    top: 85px;
}
.help-body.flyout-body {
    top: 66px;
    padding-bottom: 0;
}
.help-body.flyout-body-in {
    bottom: 282px;
}
.context-sidebar .flyout-body {
    top: 60px;
}
.notification-list.flyout-body {
    top: 66px;
}
.notification-list .list-item .list-border {
    border-bottom: 1px solid #ebeaf2 !important;
}
.notification-list .list-item .type-section {
    width: 45px;
}
.notification-list .list-item .desc-section {
    width: 290px;
}
.notification-list .list-item .action-img {
    height: 40px;
    width: 40px;
    border: 1px solid #ebeaf2;
    background-color: #fff;
}
.notification-list .list-item .desc {
    margin-bottom: 5px;
}
.notification-list .list-item .date-sec {
    font-size: 11px;
    font-weight: 300;
}
.notification-list .list-item.unread {
    background-color: #f6f6fa;
}
.notification-list .list-item.unread .comment,
.notification-list .list-item.unread .submitted,
.notification-list .list-item.unread .view {
    color: #5086de;
}
.notification-list .list-item.unread .accepted,
.notification-list .list-item.unread .scansuccess,
.notification-list .list-item.unread .approved,
.notification-list .list-item.unread .expenses,
.notification-list .list-item.unread .associate-card,
.notification-list .list-item.unread .associate-bank,
.notification-list .list-item.unread .associate-paypal,
.notification-list .list-item.unread .autocharge-enabled {
    color: #169e6d;
}
.notification-list .list-item.unread .declined,
.notification-list .list-item.unread .scanfailed,
.notification-list .list-item.unread .unreported,
.notification-list .list-item.unread .rejected,
.notification-list .list-item.unread .disassociate-card,
.notification-list .list-item.unread .disassociate-bank,
.notification-list .list-item.unread .disassociate-paypal,
.notification-list .list-item.unread .disassociate-upi,
.notification-list .list-item.unread .autocharge-disabled {
    color: #dc5d40;
}
.notification-list .list-item.unread .subscription_update {
    color: #ff6e2c;
}
.notification-list .list-item.unread .star {
    color: #ecca6e;
}
.notification-list .list-item.unread .attention-circle,
.notification-list .list-item.unread .trans-failure {
    color: #e54643;
}
.notification-list .list-item.unread .pause-sub {
    color: #ec9500;
}
.notification-list .list-item.unread .resume-sub {
    color: #7a60d2;
}
.notification-list .list-item.unread .notification-announcement {
    color: #408dfb;
}
.notification-list .list-item.read {
    border-left: 2px solid transparent;
}
.notification-list .list-item.read svg {
    fill: #838195;
}
.notification-list .list-item .bell svg {
    fill: #fba800;
}
.notification-list .list-item .empty-img {
    width: 30px;
    margin: 0 20px;
}
.notification-sidebar.flyout {
    border-bottom: 1px solid #ebeaf2;
}
.notification-sidebar .notification-header {
    background-color: #f9f9fb;
}
.notification-sidebar .notification-header.border-bottom {
    border-color: #ebeaf2 !important;
}
.notification-sidebar .notification-header .notification-svg {
    fill: #838195;
}
.notification-sidebar .notification-header .notification-svg:hover {
    fill: #408dfb;
}
.notification-sidebar .notification-header .nav-item:hover .badge-inner-notification,
.notification-sidebar .notification-header .active .badge-inner-notification {
    background-color: var(--primary-color);
}
.badge-alert {
    background-color: var(--zf-yellow-6);
}
.multi-col-dropdown .list-unstyled li.header {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    padding: 20px 15px 12px;
}
.multi-col-dropdown .list-unstyled li a {
    display: block;
    padding: 7px 18px;
    color: var(--zf-grey-12);
    white-space: nowrap;
}
.multi-col-dropdown .list-unstyled li a:hover {
    color: #2e8fda;
}
.multi-col-dropdown .list-unstyled li i {
    margin-right: 7px;
}
.recent-activities .dropdown-menu {
    min-width: 240px;
}
.recent-activities .dropdown-menu > a {
    color: #212529;
}
.recent-activities .dropdown-menu > a:hover,
.recent-activities .dropdown-menu .active {
    color: #fff;
}
.recent-activities .dropdown-menu > a:hover .tag,
.recent-activities .dropdown-menu .active .tag {
    color: #fff;
}
.recent-activities .tag {
    font-size: 8px;
    color: var(--zf-grey-12);
    margin-left: 19px;
}
.quik-add .list-inline {
    white-space: nowrap;
}
.quik-add .list-inline > li {
    vertical-align: top;
}
.quik-add .circle-box {
    width: 20px;
    height: 20px;
}
.quik-add .add-new {
    background-color: var(--primary-color);
    box-shadow: none;
}
.quik-add .add-new .quick-plus {
    fill: #fff;
    margin-top: 4px;
}
.circle-box {
    border: 1px solid #eee;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 1.7;
}
.circle-box i {
    font-size: 12px;
}
.client-portal-comment {
    margin: 1px 0 6px;
    display: inline-block;
    padding: 0.5px 3px;
    border-radius: 3px;
    border: 1px solid #b9c2c2;
}
.chat-bubble {
    position: relative;
    z-index: 2;
}
.sentimental-icon-timesheet {
    top: 50px;
    position: relative;
    line-height: 1.4;
}
.sentimental-icon-contacts {
    line-height: 1.4;
    position: relative;
    top: 25px;
    left: -28px;
}
.tick-rounded-selected {
    color: #169e6d;
    padding-bottom: 1px;
}
body .zsiq_cnt {
    display: none !important;
}
.zsiq_custommain,
.zsiq_custommain img {
    height: 50px !important;
    width: auto !important;
}
.zsiq_theme1 {
    width: 60px !important;
}
.zsiq_theme1 .zsiq_flt_rel {
    width: 50px !important;
    height: 50px !important;
}
.zsiq_theme1 .siqico-chat:before {
    font-size: 24px !important;
    line-height: 45px !important;
}
.chat-button {
    position: fixed;
    right: 20px;
    bottom: 0;
    background-color: #f9f9fb;
    border: 1px solid #d7d5e2;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: none;
    z-index: 100000;
    box-shadow: 0 10px 24px 0 #d7d5e2;
}
.chat-button:hover {
    border: 1px solid var(--unifiedtheme-blue);
    border-bottom: none;
}
.chat-button .chat-button-icon {
    padding: 0 8px;
    font-size: 20px;
    color: #fff;
    background-color: var(--unifiedtheme-blue);
}
.chat-button .chat-button-icon.icon-padding {
    padding: 3px 12px;
}
.chat-button .chat-button-title {
    align-self: center;
}
.chat-button .sparkle {
    position: absolute;
    top: -15px;
    transform: rotateY(180deg);
    right: -9px;
}
.chat-button.va-chat-btn {
    bottom: 20px;
    padding: 10px;
    border-radius: 46px;
    background-color: #fff;
    color: #000;
    font-weight: 500;
    border: 0;
    box-shadow: none;
}
.chat-button.va-chat-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #20dfeb, #38fe9f, #ffb628, #fd3464);
    padding: 1px;
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.twitter {
    color: #00a6ff;
}
.facebook {
    color: #505ca4;
}
.gplus {
    color: #e04006;
}
.badge-inverse-open {
    color: #2e8fda;
    border: 1px solid #268ddd;
}
.badge-inverse-open.badge-inverse-open-hover:hover {
    background-color: #268ddd;
    color: #fff;
}
.empty-intro {
    display: table;
    height: 100%;
    width: 100%;
}
.empty-intro > div {
    display: table-row;
}
.empty-intro > div + div {
    height: 100%;
}
.module-intro-help {
    background-color: #f8f7f7;
}
.module-intro-help .mobile-feature-block {
    border-top: 1px solid #ddd;
    margin: 50px;
}
.module-intro-help .intro-header {
    margin: 40px 0;
    color: #31426d;
}
.module-intro-help .intro-container {
    padding: 0 60px 30px;
}
.module-intro-help .icon-ok {
    color: #549d06;
    margin-right: 15px;
}
.hv-centered {
    position: absolute;
    display: inline-table;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.v-centered {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.ghostwhite-bg {
    background-color: #f7f7fe !important;
}
.absolute-right {
    position: absolute;
    right: 0;
    top: 5px;
}
.h-centered {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.linkedin {
    color: #0077b5;
}
.popover {
    -webkit-box-shadow: 0 2px 4px rgba(141, 141, 141, 0.2);
    box-shadow: 0 2px 4px rgba(141, 141, 141, 0.2);
    border: 1px solid #ddd;
}
.btn-popover-contain {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
.zi-table .attachments-invoice .upload-options tr td:last-of-type,
.zi-table .attachments-invoice .upload-options tr td:first-of-type {
    padding: 0 10px;
}
.attachments-invoice.popover {
    z-index: 1035;
    left: -72px;
    top: 34px;
    width: 385px;
}
.attachments-invoice.popover.bs-popover-bottom .arrow {
    left: 24%;
}
.attachments-invoice.popover.right {
    left: 100%;
    top: -40px;
}
.attachments-invoice.popover.right .arrow {
    top: 50px;
}
.attachments-invoice.popover.left {
    right: 125%;
    left: auto;
    top: -40px;
}
.attachments-invoice.popover.left .arrow {
    top: 50px;
}
.attachments-invoice .upload-options {
    border-spacing: 7px;
    margin: 5px 0;
}
.attachments-invoice .upload-options td {
    border: 1px solid #ddd !important;
    border-radius: 5px;
    background-color: #f5f5f5;
    vertical-align: middle;
}
.attachments-invoice .popover-body {
    max-height: 500px;
}
.attachments-invoice .attachment-document-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
}
.attachments-invoice .close-details {
    margin-right: 8px;
}
.attachments-invoice .list-item {
    padding: 20px 0 10px;
    border-bottom: 1px solid #eee;
}
.attachments-invoice .list-item .file {
    width: 100%;
    color: #408dfb;
    word-wrap: break-word;
}
.attachments-invoice .list-item:last-child {
    border: 0;
}
.attachments-invoice .doc-icon {
    opacity: 0.5;
}
.attachments-invoice .icon-download,
.attachments-invoice .icon-client-portal {
    margin-right: 10px;
}
.attachments-invoice .add-attachments {
    height: 30px;
    border: 1px dashed #408dfb;
    border-radius: 5px;
    width: 30px;
    position: relative;
}
.attachment-invoice-right .attachments-invoice {
    left: -315px;
}
.attachment-invoice-right .attachments-invoice.popover.bs-popover-bottom .arrow {
    left: 88%;
}
.recurring-preference {
    margin-left: 20px;
    border-left: 2px solid var(--zf-grey-17);
    padding-left: 15px;
}
.toggle-button {
    background-color: #ddd;
    border-radius: 25px;
    height: 18px;
    cursor: pointer;
    width: 32px;
    position: relative;
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}
.toggle-button.toggle-button-sm {
    height: 14px;
    width: 24px;
}
.toggle-button.toggle-button-sm button {
    width: 10px;
    height: 10px;
    top: 2px;
}
.toggle-button button {
    cursor: pointer;
    outline: 0;
    display: inline-block;
    position: absolute;
    left: 2px;
    transition: transform 0.35s;
    top: 3px;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    border: 0;
    background-color: #fff;
    transform: translateX(0);
}
.toggle-button.disabled {
    cursor: not-allowed;
}
.toggle-button.disabled button {
    cursor: not-allowed;
}
.toggle-button-selected {
    background-color: #2098ff;
}
.toggle-button-selected.disabled {
    opacity: 0.8;
}
.toggle-button-selected button {
    left: 6px;
    top: 3px;
    margin: 0;
    border: 0;
    background-color: #fff;
    transform: translateX(100%);
}
.toggle-button-selected.toggle-button-sm button {
    left: -2px;
    top: 2px;
}
.icon-trash:hover {
    color: #ca4e04;
}
.disable-content {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}
.preview-navigate {
    position: absolute;
    top: 45%;
}
.slider-left {
    left: 2%;
}
.slider-right {
    right: 2%;
}
.slider-left .icon,
.slider-right .icon {
    opacity: 0.4;
}
.slider-left:hover .icon,
.slider-right:hover .icon {
    opacity: 1;
    fill: #408dfb;
}
.carousel-indicator {
    position: absolute;
    left: 30%;
    right: 30%;
    bottom: 3px;
}
.carousel-indicator span {
    margin: 0 2px;
}
.fill-star {
    color: #ffc616;
}
.popover-container {
    position: relative;
}
.popover-container .popover {
    top: 100%;
}
.popover-container .popover .popover-header {
    background-color: var(--zf-blue-4);
}
.popover-container .popover .popover-footer {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-bottom: -0.5rem;
    padding: 10px 0.75rem;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    background-color: var(--zf-blue-4);
    border-top: 1px solid #ebebeb;
}
.ach-txn-id {
    border-bottom: 1px solid #eee;
    list-style-type: none;
    padding: 5px 0;
}
.ach-txn-id:last-child {
    border: 0;
}
.drag-upload-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.9;
    z-index: 10;
    margin: 5px;
    border: 1px dashed #408dfb;
    border-radius: 10px;
    background-color: #ebf3fe;
}
.drag-upload-cover .image-icon {
    font-size: 60px;
}
.preview-display {
    max-width: 85%;
    max-height: 76vh;
}
.text-scale-transition {
    transition: all 0.2s ease-in-out;
    text-shadow: 0 0 8px #ccc;
}
.text-scale-transition:hover {
    transform: scale(1.8);
}
.address-modal .form-group {
    margin-bottom: 20px;
}
.preview .modal-body {
    max-width: 100%;
    position: fixed;
    top: 90px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: auto;
}
.preview .file-count {
    right: 0;
    bottom: 10px;
}
.preview-full-screen .preview-display {
    max-width: unset;
    max-height: unset;
}
.preview-full-screen .dropdown .dropdown-menu:not(.ac-dropdown-results) {
    box-shadow: none;
}
.preview-full-screen .modal-backdrop {
    opacity: 0.9;
}
.preview-full-screen .preview-header {
    background-color: var(--zf-preview-header-color);
    z-index: 1050;
    height: 80px;
}
.preview-full-screen .preview-button {
    background-color: var(--zf-attachment-svg-bg);
    padding: 6px 10px;
}
.preview-full-screen .preview-close-button {
    background-color: var(--zf-preview-close-svg-bg);
}
.preview-full-screen .preview-image {
    z-index: 1049;
    height: calc(100% - 155px);
}
.preview-full-screen .preview-image .hv-centered {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin: auto;
}
.preview-full-screen .preview-image .zoom-in-cursor {
    cursor: url(images/svgs/cursor-zoom-in-b80afbb78c.svg), auto;
}
.preview-full-screen .preview-image .zoom-out-cursor {
    cursor: url(images/svgs/cursor-zoom-out-082d00e7a9.svg), auto;
}
.preview-full-screen .preview-image .preview-navigate {
    height: 81px;
    width: 44px;
    background-color: var(--zf-preview-navigate-color);
    color: #fff;
}
.preview-full-screen .preview-image .slider-right {
    right: 0;
    border-radius: 10px 0 0 10px !important;
}
.preview-full-screen .preview-image .slider-left {
    left: 0;
    border-radius: 0 10px 10px 0 !important;
}
.preview-full-screen .preview-image .text-scale-transition {
    display: flex;
}
.preview-full-screen .preview-image .text-scale-transition svg {
    margin: auto;
}
.preview-full-screen .preview-image .text-scale-transition:hover {
    transform: none;
    height: 100px;
    top: calc(45% - 10px);
    transition: 0.2s;
}
.preview-full-screen .preview-image .text-scale-transition:hover svg {
    transform: none;
}
.preview-full-screen .preview-footer {
    background-color: var(--zf-preview-footer-color);
    z-index: 10000;
    height: 75px;
}
.preview-full-screen .preview-footer .preview-slider-container {
    background-color: var(--zf-slider-container-bg);
}
.preview-full-screen .preview-footer .preview-slider-container.slider-bottom {
    margin-bottom: 13px;
    bottom: 0;
    right: 0;
}
.preview-full-screen .preview-footer .preview-slider-container .zoom-range-container {
    background-color: rgba(255, 255, 255, 0.2);
}
.preview-full-screen .preview-footer .preview-slider-container .zoom-range-container.minus {
    margin: 8px 13px;
    padding: 2px 8px;
}
.preview-full-screen .preview-footer .preview-slider-container .zoom-range-container.plus {
    margin: 8px 13px;
    padding: 2px 7.5px;
}
.preview-full-screen .preview-footer .preview-slider-container input[type="range"].preview-range-slider {
    background-color: transparent;
}
.preview-full-screen .preview-footer .preview-slider-container input[type="range"].preview-range-slider::-webkit-slider-thumb {
    height: 18px;
    width: 10px;
    border-radius: 28%;
    background-color: #fff;
    margin-top: -8px;
}
.preview-full-screen .preview-footer .preview-scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.preview-full-screen .preview-footer .preview-scroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.preview-full-screen .preview-footer .document-tool-container {
    width: 315px;
}
.preview-full-screen .preview-footer .document-tool-container .document-tool-bar {
    margin: 6px 3px;
    width: 285px;
}
.preview-full-screen .preview-footer .receipt-list {
    border: 1.5px solid var(--zf-toolbar-arrow-border);
    border-radius: 4px;
    height: 39px;
    width: 39px;
}
.preview-full-screen .preview-footer .receipt-list img {
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}
.preview-full-screen .preview-footer .receipt-list svg {
    height: 73%;
    width: 73%;
    margin: auto;
}
.preview-full-screen .preview-footer .receipt-list.preview-selected {
    transition: 0.2s;
    height: 43px;
    width: 43px;
    border: 1.5px solid #2380df;
}
.preview-full-screen .preview-footer .receipt-list.preview-selected.selected-blur {
    z-index: 1;
}
.preview-full-screen .preview-footer .scanned-data {
    background-color: var(--zf-preview-scanned-bg);
}
.document-tool-blur:before {
    content: "";
    width: 31px;
    height: 51px;
    position: absolute;
    filter: blur(6px);
    left: -22px;
    background-color: var(--zf-preview-blur-color);
}
.document-tool-blur:after {
    content: "";
    width: 31px;
    height: 59px;
    position: absolute;
    background-color: var(--zf-preview-blur-color);
    filter: blur(6px);
    top: 0;
    right: -21px;
}
.modal-fill-container {
    margin-left: -20px;
    margin-right: -20px;
}
.drag-drop-bg {
    border-color: #ddd;
    background-color: #f5f5f5;
}
.table-border-collapse {
    border-collapse: separate;
}
.no-box-shadow {
    box-shadow: none !important;
}
.text-dashed-underline {
    padding-bottom: 2px;
    border-bottom: 1px dashed #969696 !important;
}
.popover-help.right.popover .arrow {
    border-width: 7px;
}
.popover-help-trigger {
    margin-left: -5px;
    vertical-align: middle;
}
.intermediary-nodes {
    position: relative;
    width: 20px;
    right: 9px;
    bottom: 13px;
    padding-top: 19px;
    padding-bottom: 12px;
    border-left: 1px solid #adadad;
}
.display-node-name {
    position: relative;
    right: 9px;
    bottom: 16px;
    padding-top: 18px;
    padding-bottom: 12px;
    border-left: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
}
.shift-left {
    margin-left: -22px;
}
.coa-list .coa-list-row .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.coa-list .coa-list-row .account-name {
    display: inline-block;
}
.coa-list .coa-list-row .dropdown-menu {
    top: 15px !important;
}
.coa-list .coa-list-row .hide-border {
    border: 0;
}
.outlet-filled .coa-list .display-node-name,
.outlet-filled .coa-list .intermediary-nodes {
    padding-top: 26px;
    padding-bottom: 16px;
}
.coa-details .coa-header {
    padding: 20px;
    border-bottom: 2px dashed #a3b7e2;
}
.coa-details .coa-header .account-code {
    color: #555;
}
.coa-details .coa-header .closing-balance {
    color: #555;
    margin-bottom: 5px;
}
.coa-details .coa-transactions {
    background: 0 0;
}
.coa-details .coa-transactions .btn-group .btn-outline {
    border-color: #268ddd;
}
.coa-details .coa-transactions .btn-group .active {
    color: #2e8fda;
    box-shadow: inset 0 -1px 0 0 #268ddd;
}
.coa-details .coa-transactions .coa-transactions-header {
    padding: 10px 0;
    border: 1px solid #aab9f1;
    border-left: none;
    border-right: none;
}
.coa-details .coa-transactions .transaction-row {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}
.coa-details .coa-transactions .empty-state {
    padding: 60px 0;
}
.coa-details .table.outline-table {
    margin: 10px 0 0;
}
.info-list-item {
    border-top: 1px solid #f5f5f5;
    padding: 10px 0;
}
.info-list-item:first-child {
    border: 0;
    padding-top: 0;
}
.address-group .popover {
    z-index: 1030;
    width: 400px;
}
.address-group .popover.left {
    left: -410px;
    margin-top: -50px;
}
.address-group .popover.left .arrow {
    top: 10%;
}
.address-group .popover.right {
    left: 100%;
    margin-top: -50px;
}
.address-group .popover.right .arrow {
    top: 10%;
}
.address-group .popover.bs-popover-bottom {
    margin-top: 100px;
}
.address-group .popover.bs-popover-bottom .arrow {
    left: 8%;
}
.address-group .form-group {
    margin-left: 0;
    margin-right: 0;
}
.address-group + hr {
    margin-top: 0;
    margin-bottom: 10px;
}
.combo-alert {
    width: 96%;
    margin-top: 10px;
    border: 1px dashed #ebcc6f;
    background-color: #fffbd7;
    color: #f6a233;
}
.combo-alert svg {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.preference-band {
    border: 1px solid #eee;
    background-color: #f6f6f6;
}
.preference-band b {
    font-weight: 500;
}
.recinv-overview-info {
    margin: -20px -20px 40px;
    background-color: #fbfafe;
}
.list-filter-dropdown {
    display: inline-block;
}
.list-filter-dropdown .ac-box .ac-selected {
    border: 0;
    background-color: transparent;
}
.list-filter-dropdown .ac-box .ac-selected.form-control:focus {
    box-shadow: none;
}
.list-filter-dropdown .ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    max-height: 400px;
}
.list-filter-dropdown .ac-box-drop {
    min-width: 220px;
}
.dashboard-branch-filter.list-filter-dropdown {
    display: block;
    margin-top: 12px;
}
.dashboard-branch-filter.list-filter-dropdown .ac-box .ac-selected {
    padding: 0;
    margin: -21px 0 -10px;
    font-size: 13px;
}
.dashboard-branch-filter.list-filter-dropdown .zf-ac-toggler {
    top: -2px;
    right: 2px;
}
.orientation-landscape {
    width: 11.69in;
    max-width: initial;
    zoom: 70%;
}
textarea.no-resize {
    resize: none;
}
.gstn-tax-diff {
    margin: 70px 0 30px;
}
.gstn-tax-diff-expense {
    position: absolute;
    top: 550px;
    left: 55%;
    padding-right: 10px;
}
.gstn-tax-diff-expense.itemized {
    left: 65%;
}
@media (max-width: 991.98px) {
    .gstn-tax-diff-expense {
        position: static;
    }
}
.itemized-view .table.line-items-table {
    margin-bottom: 0;
}
.itemized-view .table.line-items-table .amount-field {
    width: 150px;
}
.itemized-view .table.line-items-table .account-field {
    width: 250px;
}
.itemized-view .table.line-items-table.with-tax .amount-field {
    width: 100px;
}
.itemized-view .table.line-items-table.with-tax .account-field {
    width: 200px;
}
.itemized-view .table.line-items-table > thead > tr > th {
    font-size: 11px;
}
.itemized-view .table.line-items-table tbody > tr.with-description > td {
    padding-bottom: 0;
}
.itemized-view .table.line-items-table tbody > tr.with-description + tr > td {
    border-color: transparent;
}
.itemized-view .table.line-items-table tbody > tr > td {
    padding: 8px 8px 20px;
}
.itemized-view .table.line-items-table .tax-exemptions {
    width: 280px;
}
.itemized-view .table.line-items-table .tax-exemptions .arrow {
    left: 7%;
}
.itemized-view .table.line-items-table .tax-exemptions .form-control {
    border: 0;
    box-shadow: none;
}
.itemized-view .add-line-item {
    padding-top: 10px;
}
.itemized-view .add-desc {
    color: #8d99ae;
}
.itemized-view .associated-service {
    padding: 7px 3px;
}
.itemized-view .item-actions-container .item-actions {
    top: -25px;
    right: -20px;
}
.product-type-drpdwn {
    width: 42%;
    padding-top: 5px;
}
.product-type-drpdwn .autocomplete-option {
    overflow: visible;
}
.product-type-drpdwn .ac-box .ac-selected {
    border: 0;
    background-color: #e8edf1;
    padding: 3px 8px;
    line-height: initial;
    height: 20px;
    color: #999;
}
.product-type-drpdwn .ac-box .ac-selected span {
    overflow: visible;
    font-size: 11px;
}
.product-type-drpdwn .dropdown-menu {
    font-size: 11px;
}
.gold-star {
    fill: #daa520 !important;
    width: 13px !important;
    height: 12px !important;
}
.overview-section {
    padding: 10px 30px;
}
.verticalline {
    border-right: 1px solid #f5f5f5;
}
.underline-value {
    border-bottom: 4px solid #eee;
}
.border-unpushed-txns {
    border-color: #ff7b43;
}
.border-pending-txns {
    border-color: #ffc543;
}
.border-reconciled-txns {
    border-color: #00c4a0;
}
.student-backdrop {
    background-color: #f6f7fe;
}
.student-articles-container {
    margin: 30px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row: 2;
    grid-gap: 30px 50px;
    max-width: 1000px;
}
.student-articles-container .student-article {
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
}
.student-articles-container .student-article:hover {
    box-shadow: rgba(13, 35, 92, 0.06) 0 0 6px 1px;
}
.gradient-border-bottom {
    border-bottom: 1px solid #eee;
    border-image: linear-gradient(to right, #fff 0, #eee 25%, #eee 50%, #eee 75%, #fff 100%);
    border-image-slice: 1;
}
.gradient-border-sides p {
    display: inline-block;
    margin: 0 20px;
}
.gradient-border-sides:before,
.gradient-border-sides:after {
    content: " ";
    width: 25%;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
}
.gradient-border-sides:before {
    border-image: linear-gradient(to left, #ddd 35%, #f9f9f9) 1;
}
.gradient-border-sides:after {
    border-image: linear-gradient(to right, #ddd 35%, #f9f9f9) 1;
}
.country-flag-container {
    width: 42px;
    height: 42px;
    padding: 12px 7px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(6, 9, 37, 0.02);
    background-color: #fff;
    border: 1px solid #efeff4;
}
.country-flag-container .country-flag-list {
    background-image: url(images/country-flag-list-3c55deee30.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 26px;
    height: 15px;
    background-size: 142px 49px;
}
.country-flag-container .country-flag-list.au-flag {
    background-position: -75px -26px;
}
.country-flag-container .country-flag-list.canada-flag {
    background-position: -40px -26px;
}
.country-flag-container .country-flag-list.ksa-flag {
    background-position: -5px -26px;
}
.country-flag-container .country-flag-list.oman-flag {
    background-position: -110px -26px;
}
.country-flag-container .country-flag-list.qatar-flag {
    background-position: -110px -7px;
    background-size: 142px 60px;
}
.country-flag-container .country-flag-list.uae-flag {
    background-position: -75px -5px;
}
.country-flag-container .country-flag-list.uk-flag {
    background-position: -40px -5px;
}
.country-flag-container .country-flag-list.us-flag {
    background-position: -6px -5px;
}
.quick-creation .item-table-width {
    max-width: 900px;
}
.quick-creation .line-item-table .item-description {
    height: 32px;
}
.shortcut-modal-header {
    background-color: #fff;
}
.shortcut-header {
    padding: 10px 15px;
}
.shortcut-header .underline {
    width: 25px;
    border: 2px solid #fd7c23;
}
.shortcut-options {
    white-space: nowrap;
}
.shortcut-options .shortcut-keys > em {
    color: #fff;
    padding: 3px 5px;
    border-radius: 6px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}
.shortcut-options .shortcut-keys > em.modifier-key {
    background-color: #444;
}
.shortcut-options .shortcut-keys > em.char-key {
    background-color: #4d90fe;
}
.shortcut-options .shortcut-text {
    padding: 5px;
    font-size: 13px;
}
.badge-plan-warning {
    color: #bd6500;
    background-color: #fff1df;
    border: 1px solid #ffd8b3;
}
.badge-status-processed {
    color: var(--zf-green-1);
    background-color: #f0fbea;
}
.badge-status-processing {
    color: var(--zf-blue-1);
    background-color: #e6f2ff;
}
.badge-status-unreadable {
    color: var(--zf-red-1);
    background-color: #fff2f1;
}
.badge-bg-processed {
    background-color: var(--zf-green-1);
}
.badge-bg-processing {
    background-color: var(--zf-blue-1);
}
.badge-bg-unreadable {
    background-color: var(--zf-red-1);
}
.badge-status-generating {
    background-color: #2799fb;
}
.feature-notificaiton {
    position: fixed;
    right: -400px;
    bottom: 80px;
    z-index: 10000000000;
    transition: all 1s;
}
.feature-notificaiton .msg-container {
    position: relative;
    top: -25px;
    visibility: hidden;
    background-color: #fff;
    padding: 20px 20px 30px;
    border: 2px solid #2dd865;
    max-width: 400px;
    box-shadow: 0 10px 30px -6px #92caa4;
    transition: all 1s;
}
.feature-notificaiton .msg-container:before,
.feature-notificaiton .msg-container:after {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}
.feature-notificaiton .msg-container:before {
    border-width: 1.1em;
    border-left-color: #2dd865;
    border-top-color: #2dd865;
    right: auto;
    top: 0;
    left: 0;
}
.feature-notificaiton .msg-container:after {
    bottom: 0;
    right: 0;
    border-right-width: 1px;
    border-bottom-width: 6em;
    border-left-width: 1em;
    border-right-color: #2dd865;
    border-bottom-color: #2dd865;
}
.feature-notificaiton.show-bot {
    right: 30px;
}
.feature-notificaiton.show-bot .bot {
    left: 36%;
}
.feature-notificaiton.pull-notification .msg-container {
    visibility: visible;
    top: 0;
}
.feature-notificaiton.pull-notification .semi-circle {
    visibility: visible;
}
.feature-notificaiton .close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #999;
    height: 20px;
    border-radius: 53%;
    width: 20px;
    opacity: 0.6;
}
.feature-notificaiton .close-btn svg {
    margin-bottom: 3px;
}
.feature-notificaiton .semi-circle {
    width: 125px;
    height: 125px;
    position: absolute;
    left: 33%;
    bottom: calc(100% + 2px);
    overflow: hidden;
    visibility: hidden;
}
.feature-notificaiton .bot {
    position: absolute;
    left: 0;
    top: -75px;
    z-index: 5;
    transition: all 1s;
}
.feature-notificaiton .semi-circle:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 125px;
    height: 100%;
    border-radius: 100%;
    background-color: #fdf5b7;
}
.composite-table .item-details {
    width: 35%;
    min-width: 320px;
}
.composite-table .item-qty {
    width: 15%;
}
.composite-table .bundle-qty {
    width: 220px;
}
.bundle-details {
    max-width: 820px;
}
.bundle-details .table.zi-table {
    width: 90%;
}
.bundle-details .table.zi-table thead > tr > th {
    background-color: #fff;
    padding: 6px;
    font-weight: 400;
}
.bundle-details h4 {
    font-size: 15px;
    font-weight: 600;
}
.bundle-details .bundle-total {
    padding: 10px 15px;
    background-color: #f7f7f7;
}
.so-details-preview {
    margin-bottom: 5px;
}
.so-details-preview .preview-label {
    position: relative;
    bottom: 5px;
    right: 10px;
}
.spaced-list li {
    padding-bottom: 5px;
}
.spaced-list .benefits {
    padding-left: 15px;
    list-style: disc;
    margin-left: 15px;
}
.unbox-warn.alert-warning {
    margin: -20px -20px 21px;
}
.shepherd-step {
    position: relative;
    pointer-events: none;
}
.validate-gstin {
    position: absolute;
    top: 5px;
    right: -120px;
}
.validate-gstin.validating {
    right: -140px;
    pointer-events: none;
}
.validate-gstin .spin {
    margin-right: 0;
}
.modal-dialog .validate-gstin,
.popover .validate-gstin {
    position: static;
}
.modal-dialog.modal-lg .validate-gstin {
    right: -50px;
}
.modal-dialog.modal-lg .validate-gstin.validating {
    right: -70px;
}
.enable-api-access-content {
    padding: 0 10px;
}
.enable-api-access-content .title,
.enable-api-access-content .description {
    margin-left: -10px;
}
.enable-api-access-content .description {
    margin-bottom: 35px;
    white-space: normal;
}
.list-box > li {
    padding: 20px 20px 15px;
    width: 46%;
    margin-bottom: 2%;
    margin-right: 2%;
    min-height: 150px;
    vertical-align: top;
    box-shadow: 0 2px 25px 0 #eee;
    border-radius: 2px;
}
.list-box > li.high-priority {
    width: 94%;
}
.list-box > li hr {
    margin-top: 15px;
    margin-bottom: 15px;
}
.lineitem-producttype {
    width: 16%;
    margin-left: 2px;
    padding-top: 0;
}
.associated-service {
    color: #999;
    margin: 5px;
    font-size: 12px;
}
.actions-dropdown .caret {
    border-top-color: #2a85fb;
}
.ewaybill-list-header-actions {
    padding-top: 3px;
}
.ewaybill-list-header-actions > a {
    padding: 5px 12px;
}
.ewaybill-list-header-actions > a svg {
    vertical-align: sub;
}
.ewaybill-list .tab-menu-actions {
    height: 90px;
    padding: 10px 20px;
}
.ewaybill-list .action-header.outlet-filled {
    background-color: #fff;
}
.ewaybill-list dl {
    margin: 10px 0;
}
.ewaybill-list dl > dt {
    font-weight: 400;
    width: 130px;
}
.ewaybill-list dl > dd {
    margin-left: 130px;
}
.expanded-list-column .ewaybill-list .tab-menu-actions {
    height: 65px;
    padding: 16px 20px;
}
.ewaybill-creation {
    overflow-x: hidden !important;
}
.ewaybill-creation .address-details {
    display: flex;
    margin: 0 0 40px;
}
.ewaybill-creation .address-details > div {
    min-width: 21%;
    margin-right: 20px;
}
.ewaybill-creation .address-details .bill-from-address {
    border-right: 1px solid #ddd;
    margin-right: 30px;
    padding-right: 10px;
}
.ewaybill-creation .address-details .address-title {
    color: #555;
    padding-bottom: 10px;
}
.ewaybill-creation .collapsed .caret {
    border-left-color: #007bff;
    border-top-color: transparent;
}
.ewaybill-creation .caret {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #007bff;
}
.ewaybill-creation .table {
    margin: 20px 0 0;
}
.ewaybill-creation .total-row {
    padding: 10px;
}
.ewaybill-transport-mode {
    padding: 8px 14px 8px 10px;
    margin-right: 5px;
}
.ewaybill-transport-mode:hover {
    box-shadow: 0 0 6px #ccc;
}
.ewaybill-transport-mode.active {
    border: 1px solid #419bf9;
}
.ewaybill-transport-mode.active:hover {
    box-shadow: none;
}
.ewaybill-details.body .info-icon {
    color: #fc8831;
}
.ewaybill-details.body .primary-info {
    padding-bottom: 20px;
}
.ewaybill-details.body dl {
    margin: 0;
    padding: 10px 0;
}
.ewaybill-details.body dl > dt {
    font-weight: 400;
    color: #444;
    text-align: left;
}
.ewaybill-details.body .ewaybill-number {
    position: relative;
    margin-top: 10px;
    padding: 10px 40px;
    box-shadow: 0 5px 25px 0 #e5e5e5;
    width: fit-content;
}
.ewaybill-details.body .ewaybill-number > div {
    padding: 5px;
}
.ewaybill-details.body .ewaybill-number:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
}
.ewaybill-details.body .ewaybill-number.generated:before {
    background-color: #029745;
}
.ewaybill-details.body .ewaybill-number.manually-generated:before {
    background-color: #468847;
}
.ewaybill-details.body .ewaybill-number.cancelled-ewaybill:before {
    background-color: #e94b35;
}
.ewaybill-details.body .ewaybill-number.expired-ewaybill:before {
    background-color: #333;
}
.ewaybill-details-table {
    border-bottom: 1px solid #eee;
}
.ewaybill-details-table thead:first-child tr:first-child th {
    font-weight: 400;
    color: var(--zf-grey-12);
    border-top: 1px solid #eee;
    padding: 9px;
    vertical-align: top;
}
.ewaybill-details-table tbody > tr > td {
    color: #444;
    padding: 9px;
}
.scratch-card {
    padding: 12px 28px;
    background: url(images/noise-texture-2e4eacdab0.png) no-repeat;
    font-size: 18px;
    width: fit-content;
    font-weight: 700;
    box-shadow: 1px 2px 5px #e5e6f5;
    border-radius: 4px;
}
.networking-body {
    max-width: 900px;
    margin-top: 20px;
}
.network-steps-list {
    width: 97%;
}
.network-steps-list li {
    padding: 5px;
    line-height: 1.7;
}
.network-p-width {
    width: 99%;
}
.network-hr {
    width: 96%;
}
.network-flyout {
    top: -18px;
    width: 330px;
    background-color: #f8f9fe;
    box-shadow: none;
    z-index: 9000;
}
.dkim-authentication .border-top-thickorange {
    border-left: 3px solid orange;
}
.dkim-authentication .border-top-thickblue {
    border-top: 2px solid #5c87ff;
}
.network-flyout-body {
    background-color: #f8f9fe;
    overflow-y: hidden;
}
.network-workflow {
    margin: 5% 20%;
}
.network-summary-card {
    display: inline-block;
    padding: 30px 67px 16px 13px;
    border-radius: 4px;
    min-height: 128px;
    min-width: 198px;
    box-shadow: 0 0 10px 1px #ededed;
    margin-right: 20px;
}
@media screen and (max-width: 992px) {
    .ewaybill-details.body .ewaybill-number {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .ewaybill-details.body .ewaybill-number-wrapper {
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 1400px) {
    .networking-body {
        max-width: 700px;
    }
}
@media screen and (max-width: 1150px) {
    .networking-body {
        max-width: 500px;
    }
    .network-summary-card {
        margin-bottom: 35px;
    }
}
.list-action-menu .dropdown-menu:before,
.list-action-menu .dropdown-menu:after {
    content: none !important;
}
.icon-rounded {
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}
.white-bg {
    background-color: #fff;
}
.button-bottom-right {
    border-radius: 10px 0;
}
.button-top-right {
    border-radius: 0 10px;
}
.no-border {
    border: 0 !important;
}
.gstask-inv-bg {
    background-color: #fff8ee !important;
}
.light-proposalblue-border {
    border-color: #f8f9fa !important;
}
.proposalblue-bg-light {
    background-color: #fbfcff;
}
.athensgrey-bg {
    background-color: var(--zf-grey-3);
}
.lightgrey-bg {
    background-color: var(--zf-grey-4);
}
.preferences-body {
    max-width: 850px;
    margin-top: 20px;
}
.product-preference {
    padding-bottom: 60px;
}
.reduced-pref-body {
    width: 680px;
}
.zom-ad-banner {
    width: 250px;
    background-color: #fcf8ec;
    float: right;
    position: relative;
    top: 30px;
    padding: 30px;
}
.zom-ad-banner .close {
    position: relative;
    top: -26px;
    left: 18px;
}
.zom-ad-banner .zom-promo-desc {
    padding-top: 12px;
    line-height: 26px;
}
.zom-ad-banner-list-view {
    background-color: #fcf8ec;
    padding: 20px 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.zom-ad-banner-list-view .close {
    position: relative;
    left: 20px;
}
.zom-ad-banner-list-view .zom-promo-desc {
    padding-top: 12px;
    line-height: 24px;
}
.zom-ad-banner .try-now-btn,
.zom-ad-banner-list-view .try-now-btn {
    margin-top: 15px;
    width: 130px;
    background-color: #e59652;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
}
.zom-ad-banner .try-now-btn:hover,
.zom-ad-banner-list-view .try-now-btn:hover {
    color: #fff;
}
.password-field {
    position: relative;
}
.password-eye {
    cursor: pointer;
    position: absolute;
    top: 30%;
    right: 8%;
}
.account-number .password-eye {
    right: 3%;
}
.zb-multi-ac .selection-list li input.disabled {
    background-color: #fff;
}
.zb-multi-ac .selection-list li .btn-sm {
    background-color: #f5f5f5;
    border-radius: 32px;
    border: 0;
}
.zb-multi-ac .selection-list li .btn-sm.disabled {
    opacity: 1;
}
.zb-multi-ac.disabled {
    padding: 0;
    border: 0;
    background-color: #fff;
}
.redirect-loader {
    top: 35%;
    left: 35%;
    padding: 20px;
    width: 425px;
    height: 135px;
    color: #333;
    z-index: 1050;
    position: fixed;
}
.highlight-table-container,
.highlight-table-container table {
    position: relative;
}
.highlight-table-container:before {
    content: "";
    position: absolute;
    top: -10px;
    right: -45px;
    bottom: -10px;
    left: -20px;
}
.bulkupdate-bg {
    background-color: #f3f8fd;
}
.widgets {
    flex-shrink: 0;
}
.widgets .widgets-sidebar .widget-logo {
    width: 25px;
    height: 25px;
    border-radius: 5px;
}
.gstin-details dl {
    margin: 10px 0 0;
}
.gstin-details dt {
    font-weight: 300;
    color: var(--zf-grey-12);
    text-align: left;
}
.gstin-important-details {
    display: flex;
    margin: 18px 0 28px;
}
.gstin-important-details > dl {
    padding: 10px 10px 10px 0;
    width: 33%;
    margin: 0;
}
.gstin-important-details dt {
    font-size: 13px;
    margin-top: -2px;
}
.gstin-important-details dd {
    margin-top: 5px;
}
.gstin-important-details svg {
    float: left;
    margin-right: 10px;
}
.gstin-return-details {
    width: 100%;
}
.gstin-return-details th {
    font-weight: 400;
    color: var(--zf-grey-12);
    border-bottom: 1px solid #eee;
    padding: 9px;
    text-transform: uppercase;
    font-size: 12px;
}
.gstin-return-details tr > th:first-child,
.gstin-return-details tr > td:first-child {
    padding-left: 0;
}
.gstin-return-details td {
    padding: 9px;
}
.abn-details {
    display: flex;
}
.abn-details > dl {
    width: 33%;
    padding: 10px 10px 10px 0;
    margin: 0;
}
.abn-details dt {
    padding-bottom: 3px;
}
.abn-details .svg-container {
    float: left;
    margin-right: 10px;
    height: 47px;
    background-color: #f3f4f8;
    border-radius: 7px;
}
.abn-details .svg-container .icon {
    fill: #474c60;
}
.text-fail,
.popper-popover .close {
    color: #f7525a;
}
.amount-applied-section {
    border: 1px solid #eee;
    border-left-color: #1abc9c;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 20px 15px;
    margin: 20px 25px 25px 0;
    width: 74%;
}
.note-column {
    width: 80%;
    padding: 0 4% 0 15px;
}
.break-word {
    word-break: break-word;
}
.connect-arrow-right {
    position: absolute;
    width: 80%;
    top: 54px;
    left: 110%;
    border-bottom: 1px solid #272727;
}
.connect-arrow-right:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 100%;
    border: 10px solid transparent;
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-color: #444;
}
.inactive-link {
    pointer-events: none;
    cursor: default;
}
.rounded-number {
    padding: 3px;
    border-radius: 50%;
    width: 24px;
    border: 1px solid #ddd;
    line-height: 1.25;
}
.import-steps .current-step {
    color: #fff;
    border-color: #408dfb;
    background-color: #408dfb;
}
.widget-hr li:not(:last-child):after {
    content: "";
    border-bottom: 2px solid #eee;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}
.intro-details {
    max-width: 550px;
    padding-top: 15%;
}
.products-help-link {
    background-color: #fafafa;
}
.prod-label {
    background-color: #f5f4f3;
    color: #000;
}
tr:hover .prod-label {
    background-color: #268ddd;
    color: #fff;
}
.associate-item-container {
    border-left: 3px solid #2fa3e6;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
    max-width: 325px;
}
.zsm-product-details .sub-header {
    background-color: #f9f8f8;
    border: 1px solid #ececec;
}
.associated-item-list .addon {
    color: #549d06;
}
.associated-item-list span:last-of-type {
    display: none;
}
.plan-url .note {
    border-top: 1px dashed #ccc;
}
.entity-img {
    overflow: hidden;
    height: 85px;
    margin: 17px 0 10px 20px;
    border-radius: 5px;
    border: 1px dashed #f8f8f8;
    background-color: #f8f8f8;
}
.entity-img .overlay {
    display: none;
    z-index: 1040;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.7);
}
.entity-img:hover .overlay {
    display: initial;
    color: #fff;
}
.entity-img.file-upload .AttachHideFile {
    padding: 30px 60px;
}
.entity-img.file-upload .overlay {
    border: 1px dashed #f8f8f8;
    border-color: #2a85fb;
    background-color: #e6f2ff;
    color: #0080ff;
}
.entity-img.file-upload:hover .img-icon {
    display: none;
}
.entity-img.file-upload:hover .spin {
    fill: #2374f7;
}
.couponbadge.inactive {
    background-color: #bbb;
}
.couponbadge.expired {
    background-color: #444;
}
.couponbadge.maxed_out {
    background-color: #444;
}
.plan-shipping-interval {
    background-color: #f6fbff;
    border: 1px solid #cfe6fe;
    border-radius: 5px;
}
.applied-items:last-of-type .divider {
    display: none;
}
.status-circle::before {
    content: "●";
}
.status-circle {
    background-color: #fff !important;
}
.status-circle.non_renewing {
    color: #848484;
}
.status-circle.live {
    color: #1fce88;
}
.status-circle.future {
    color: #71a5bc;
}
.status-circle.cancelled {
    color: #a5adb0;
}
.status-circle.unpaid,
.status-circle.dunning {
    color: #ca4f4b;
}
.status-circle.trial {
    color: #3577c7;
}
.status-circle.expired,
.status-circle.trial_expired {
    color: #000;
}
.status-circle.paused {
    color: #eb6100;
}
#list.non_renewing {
    color: #848484;
}
#list.live {
    color: #1fce88;
}
#list.future {
    color: #71a5bc;
}
#list.cancelled {
    color: #a5adb0;
}
#list.unpaid {
    color: #ca4f4b;
}
#list.trial {
    color: #3577c7;
}
#list.expired,
#list.trial_expired {
    color: #000;
}
#list.dunning {
    color: #ca4f4b;
}
#list.paused {
    color: #eb6100;
}
.subs-empty {
    height: 200px;
    border: 1px dashed #cacaca;
    border-radius: 5px;
}
.embed-widget-root {
    z-index: 1002;
}
.embed-widget-root .embed-widget .widget-header {
    height: 55px;
    z-index: 1001;
    border-bottom: 1px solid #ededed;
    box-shadow: 0 2px 4px rgba(41, 108, 234, 0.168627451);
}
.embed-widget-root .embed-widget .widget-header .embed-widget-close-btn {
    border-left: 1px solid #e0e0e0 !important;
}
.embed-widget-root .embed-widget .widget-bg {
    top: 53px;
}
.embed-widget-root .embed-widget .widget-bg::before {
    border-color: #212138 transparent;
}
.embed-widget-root .embed-widget .widget-bg::after {
    border-color: #212138 transparent;
}
.embed-widget-root .embed-widget .widgets-list .active {
    border-bottom: 3px solid #2485e8;
}
.embed-widget-root .embed-widget .nav-templist-column {
    left: 84px;
    width: 280px !important;
}
.embed-widget-root .embed-widget .nav-templist-column .template-container {
    max-width: 875px;
    margin: 50px auto;
}
.embed-widget-root .embed-widget .change-template {
    background-color: #f0f5f7;
    border: 1px dashed #e3ebf8;
}
.embed-widget-root .embed-widget .plan-name {
    max-width: 140px;
}
.embed-widget-root .embed-widget .label-editable {
    border: 1px dashed #ccc;
}
.embed-widget-root .embed-widget .nav-tempcontent-column {
    overflow: scroll;
}
.embed-widget-root .embed-widget .pricing-thumbnail {
    width: 408px;
    height: 222px;
}
.embed-widget-root .embed-widget .pricing-thumbnail .selected-thumbnail {
    border-color: #57b729;
}
.embed-widget-root .embed-widget .button-thumbnail {
    width: 93px;
    height: 38px;
}
.embed-widget-root .embed-widget .button-thumbnail .button-selected {
    right: -14px;
    top: -10px;
}
.embed-widget-root .embed-widget .widget-main-tab {
    width: 80px !important;
}
.embed-widget-root .embed-widget .widget-main-tab .tab-line-height {
    line-height: 1.4;
}
.embed-widget-root .embed-widget .widget-secondary-tab {
    width: 350px !important;
}
.embed-widget-root .embed-widget .widget-secondary-tab .embed-widget-card-title {
    border-bottom: 1px solid #ededed;
}
.embed-widget-root .embed-widget .widget-secondary-tab .cur-title {
    gap: 21px;
}
.embed-widget-root .embed-widget .widget-secondary-tab .cur-empty {
    width: 20px;
}
.embed-widget-root .embed-widget .tmp-name-border {
    border-left: 3px solid #2485e8;
}
.embed-widget-root .embed-widget .conf-plan-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.embed-widget-root .embed-widget .configure-plan .card-item:hover {
    border-color: #2485e8;
}
.embed-widget-root .embed-widget .configure-plan .active {
    border-color: #2485e8;
    box-shadow: rgba(36, 133, 232, 0.1) 0 0 0 3px;
}
.embed-widget-root .embed-widget .configure-plan .configure-item:hover .card-item {
    opacity: 0.3;
}
.embed-widget-root .embed-widget .configure-plan .configure-item:hover .configure-item-btn {
    opacity: 1;
    display: block;
    top: 40%;
    left: 35%;
}
.embed-widget-root .embed-widget .configure-plan .configure-item-btn {
    display: none;
}
.embed-widget-root .embed-widget .checkout-btn-sec {
    top: 25px;
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-customize-section,
.embed-widget-root .embed-widget .checkout-btn-sec .btn-configure-section,
.embed-widget-root .embed-widget .checkout-btn-sec .btn-preview-section {
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-customize-section {
    width: 35%;
    border-right: none;
    border-radius: 8px 0 0 8px;
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-configure-section {
    border-radius: 0 8px 8px 0;
    width: 35%;
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-preview-section {
    border-radius: 8px;
    min-height: 60%;
    width: 33%;
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-sec-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-weight: 500;
    letter-spacing: 0.8px;
    color: #5d678a;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-sec-body {
    padding: 40px 50px 45px 20px;
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-sec-body .cht-btn-addon-item svg {
    display: none;
}
.embed-widget-root .embed-widget .checkout-btn-sec .btn-sec-body .cht-btn-addon-item:hover svg {
    display: block;
}
.embed-widget-root .embed-widget .checkout-btn-sec .embed-widget-arrow {
    fill: #f1f4f9;
}
.embed-widget-sidebar-header {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    border-right: none;
}
.embed-widget-headers {
    color: #5d678a;
    letter-spacing: 0.8px !important;
}
.embed-widget-code {
    z-index: 1003;
    background-color: #212138;
}
.embed-widget-code .help-header {
    border-bottom: 1px solid #3e3e52;
}
.embed-widget-code .flyout-body {
    background-color: #212138;
}
.embed-widget-code .widget-scroll::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
}
.embed-widget-code .widget-scroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.embed-widget-code .widget-scroll::-webkit-scrollbar-thumb {
    background-color: #12121d;
    border-radius: 25px;
}
.full-screen.embed-widget.template-page .nav-templist-column {
    width: 0 !important;
}
.list-counter {
    counter-reset: list;
}
.list-counter > li {
    position: relative;
}
.list-counter > li::before {
    content: counter(list) ".";
    counter-increment: list;
    font-weight: 600;
    position: absolute;
    left: -15px;
}
.counter-l-alpha > li::before {
    content: counter(list, lower-alpha) ".";
}
.toggle-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.toggle-group .toggle-select-button {
    padding: 8px 14px;
    cursor: pointer;
    border: 1px solid #018fff;
    color: #0080ff;
    line-height: 10px;
}
.toggle-group .toggle-select-button.active {
    background-color: #018fff;
    color: #fff;
}
.timestamp-field {
    display: flex;
}
.timestamp-field .date-field .form-control,
.timestamp-field .time-field .form-control {
    border: 0;
}
.timestamp-field .date-field .form-control:focus,
.timestamp-field .time-field .form-control:focus {
    box-shadow: none;
}
.timestamp-field:not(.inline-view) .date-field,
.timestamp-field:not(.inline-view) .time-field {
    border: 1px solid var(--zf-form-input-border-color);
    border-radius: var(--zf-form-input-border-radius);
}
.timestamp-field:not(.inline-view):not(.disabled) .date-field:focus-within,
.timestamp-field:not(.inline-view):not(.disabled) .date-field:hover,
.timestamp-field:not(.inline-view):not(.disabled) .time-field:focus-within,
.timestamp-field:not(.inline-view):not(.disabled) .time-field:hover {
    background-color: #fff;
    border: 1px solid var(--zf-form-input-focus-border-color);
}
.timestamp-field:not(.inline-view) .time-field {
    margin-top: 5px;
}
.timestamp-field .date-picker[disabled],
.timestamp-field .form-control:disabled {
    background-color: transparent;
}
.timestamp-field.inline-view {
    border: 1px solid var(--zf-form-input-border-color);
    border-radius: var(--zf-form-input-border-radius);
}
.timestamp-field.inline-view .time-field {
    border-left: 1px solid var(--zf-form-input-border-color);
}
.timestamp-field.inline-view:not(.disabled):focus-within,
.timestamp-field.inline-view:not(.disabled):hover {
    background-color: #fff;
    border: 1px solid var(--zf-form-input-focus-border-color);
}
.border-left-2 {
    border-left: 2px solid #000;
}
html[dir="rtl"] .direction-ltr {
    direction: rtl;
}
.account-info-container.dark-bg {
    background-color: #f5f5f5;
    border: 1px solid #eee;
}
.pin-input input {
    border: 0;
    border-bottom: 1px solid #999;
    width: 2rem;
    margin-right: 1.5rem;
    font-size: 18px;
    text-align: center;
}
.pin-input input:focus,
.pin-input input.value-filled {
    outline: 0;
    border-color: #222;
}
.pin-input input:disabled {
    background-color: transparent;
    color: #222;
}
.pin-input .full-border {
    border: 1px solid #999;
    width: 35px;
    border-radius: 5px;
}
.pin-input .full-border:focus,
.pin-input .full-border.value-filled {
    outline: 0;
    border: 1px solid #408dfb;
    box-shadow: var(--zf-form-input-focus-box-shadow);
}
.w-40 {
    width: 40%;
}
.w-48 {
    width: 48%;
}
.w-60 {
    width: 60%;
}
.entity-dashboard,
.entity-tasks {
    background-color: var(--zf-blue-4);
}
.entity-dashboard .entity-dashboard-item,
.entity-tasks .entity-dashboard-item {
    padding: 0 45px;
}
.entity-dashboard .entity-dashboard-item .inner-arrow,
.entity-tasks .entity-dashboard-item .inner-arrow {
    fill: #a17436;
}
.entity-dashboard .entity-dashboard-item .outer-circle,
.entity-tasks .entity-dashboard-item .outer-circle {
    fill: #f3c482;
}
.entity-dashboard .entity-dashboard-item .text-pending-light,
.entity-tasks .entity-dashboard-item .text-pending-light {
    color: #ec9500;
}
.entity-dashboard .entity-dashboard-refresh,
.entity-tasks .entity-dashboard-refresh {
    display: none;
}
.entity-dashboard:hover .entity-dashboard-refresh,
.entity-tasks:hover .entity-dashboard-refresh {
    display: inline-flex;
}
.entity-dashboard .zia-suggestion .zia-outer-circle,
.entity-tasks .zia-suggestion .zia-outer-circle {
    fill: #e6f2ff;
}
.entity-dashboard .zia-suggestion .zia-inner-text,
.entity-tasks .zia-suggestion .zia-inner-text {
    fill: #408dfb;
}
.entity-task-item {
    min-width: 46%;
}
.entity-task-video-thumbnail {
    width: 200px;
    height: 110px;
    box-shadow: 0 2px 30px 2px #f1f1f1;
}
.min-vh-40 {
    min-height: 40vh;
}
.arrow-right-box {
    position: relative;
    background: var(--zf-blue-4);
    border-right: 1px solid #ddd;
}
.arrow-right-box:after,
.arrow-right-box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.arrow-right-box:after {
    border-left-color: var(--zf-blue-4);
    border-width: 9px;
    margin-top: -10px;
}
.arrow-right-box:before {
    border-left-color: #ddd;
    border-width: 10px;
    margin-top: -11px;
}
.arrow-right {
    position: relative;
}
.arrow-right:after,
.arrow-right:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-bottom: 37px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
}
.arrow-right:before {
    border-left-color: #ddd;
    left: 6px;
}
.arrow-right:after {
    border-left-color: var(--zf-blue-4);
    left: 5px;
}
.taxinfo-popover .popover {
    z-index: 1030;
}
.taxinfo-popover .popover-body {
    padding: 0;
}
.taxinfo-popover .popover-body .taxinfo-list {
    max-height: 200px;
    overflow-y: scroll;
}
.taxinfo-popover .taxinfo-label:hover {
    background-color: #eee;
}
.border-grey {
    border-color: #eee;
}
.table-width {
    width: 775px;
}
.wave-migration-help-images {
    width: 200px;
}
.wave-migration-help-images img {
    box-shadow: 0 0 3px 0 rgba(161, 159, 159, 0.4705882353);
}
.qb-expoting-data li:not(:first-child) {
    list-style: none;
}
.qb-expoting-data li {
    margin-bottom: 10px;
}
.paid-invoice-checkbox {
    position: absolute;
    top: 65%;
    left: 27%;
}
.template-alert-warning {
    background-color: #fff5f7;
    border: 1px dashed #ffd8d8;
}
.template-alert-warning .attention-icon {
    background-color: #ffecec;
}
.template-alert-secondary {
    background-color: #f9f9f9;
    border: 1px dashed #d0d0d0;
}
.wms-mainui {
    z-index: 1000 !important;
}
.wms-mainui .wmsstatusbar {
    padding: 0 !important;
}
.wms-mainui .chat-button {
    background-color: #268ddd !important;
    border-color: transparent !important;
    border-radius: 0;
    line-height: 0;
    position: static;
}
.wms-mainui .chat-time-text {
    color: #9391a2;
}
.no-outer-border-table table {
    border-collapse: collapse;
    border-style: hidden;
    table-layout: fixed;
}
.no-outer-border-table table td {
    border: 1px solid #efefef;
    width: 33.33%;
}
.explore-features-container .feature-block:hover {
    background-color: #fbfbfb;
}
.explore-features-container .feature-block:hover .feature-link {
    fill: var(--zf-blue-2);
}
.so-cycle-pref-btn {
    background-color: #e6f2ff;
    border-color: transparent;
    width: 90%;
    text-align: left;
}
.price-lot-selection .price-lot-table {
    table-layout: auto;
}
.price-lot-selection .table.zi-table thead:first-child tr:first-child th {
    border-top: none;
    color: #222;
}
.price-lot-selection .table.zi-table thead:first-child tr:first-child th:last-child {
    color: #e54643;
}
.fieldsettings-icon {
    visibility: hidden;
    border: 1px solid #3088ee;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 1.7;
    position: absolute;
    top: -10px;
    right: -10px;
}
.border-transparent {
    border: 1px dashed transparent;
}
.border-transparent:hover {
    border-color: #ddd;
}
.section-field:hover {
    border-color: #3088ee;
}
.section-field:hover .fieldsettings-icon {
    visibility: visible;
}
.address-toggle-nav {
    background-color: var(--zf-grey-21);
    border: 1px solid var(--zf-address-border-color);
    border-radius: var(--zf-address-toggle-radius);
}
.address-toggle-nav .active {
    background-color: #fff;
    border-radius: var(--zf-address-toggle-radius);
    box-shadow: 0 1px 2px 0 rgba(28, 29, 83, 0.09);
    font-weight: 500;
}
.bg-orange-10 {
    background-color: var(--zf-orange-10);
}
.list-style-none {
    list-style-type: none;
}
.list-style-disc {
    list-style-type: disc;
}
.container-checkbox {
    margin-top: 0.7rem;
}
.certificate-upload {
    position: relative;
}
.certificate-upload .delete-file {
    position: absolute;
    right: -1rem;
    bottom: 1.9rem;
}
.certificate-upload .separator-line {
    color: #b8c9dd;
}
.certificate-upload .fill-light-slate-grey {
    color: #79889e;
}
.mx-consent-container > div {
    margin-bottom: 3rem;
}
.mx-consent-container > div:last-child {
    margin-bottom: 1rem;
}
.mx-connected-details {
    border-radius: 1rem;
    border: 1px solid #e6edf5;
}
.mx-connected-details .status-info {
    background-color: #1aaf5d;
    color: #fff;
}
.mx-connected-details .edit-details {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(101, 156, 238, 0.5);
}
.faded-blue-btn {
    background-color: #f7f9fb;
}
.faded-blue-btn:hover {
    background-color: #f1f4f9;
}
.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.selected-left-border-rounded::before {
    content: "";
    position: absolute;
    left: -4px;
    top: 0;
    bottom: 0;
    width: 0;
    border-right: 8px solid #408dfb;
    border-radius: 10px;
}
.dropdown-menu-center {
    left: auto;
    right: -150px;
    top: 30px;
}
.import-upload-history .header {
    background-color: #f7f7f7;
}
.import-upload-history .dropdown-menu.listview-filter .dropdown-item {
    padding-top: 5px;
    padding-bottom: 5px;
}
.text-green {
    color: #1fce88;
}
.square-box {
    display: inline-block;
    background-color: var(--zf-blue-4);
    border-radius: 10px;
    border: 1px solid #ebeaf2;
    width: 45px;
    height: 45px;
    margin-right: 10px;
}
.table-cell-ac-box .ac-box .ac-selected {
    border: 1px solid transparent;
    border-radius: 5px;
    margin-bottom: 0;
    height: 41px;
}
.table-cell-ac-box .ac-box .ac-selected span {
    margin: 5px;
}
.table-cell-ac-box .ac-box .ac-selected .ac-caret {
    top: 17px;
}
.table-cell-ac-box .ac-box .ac-selected:focus,
.table-cell-ac-box .ac-box .ac-selected:active {
    box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
    position: relative;
    z-index: 1;
}
.table-cell-ac-box .ac-box-open .ac-selected {
    box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
}
.slider-section {
    height: 34px;
    width: fit-content;
    background-color: #e9ebf3;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
}
.slider-section .slider-btn {
    border: 0;
    background-color: transparent;
    margin: 5px 0;
    padding: 0 40px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.slider-section .slider-btn:focus {
    outline: 0;
}
.slider-section .slider-element {
    height: calc(100% - 4px);
    width: calc(50% - 2px);
    padding: 0 40px;
    border-radius: 15px;
    top: 2px;
    left: 2.5px;
    cursor: pointer;
    outline: 0;
    position: absolute;
    transition: transform 0.35s;
    float: left;
    border: 0;
    background-color: #fff;
    font-weight: 500;
    transform: translateX(0);
}
.slider-section.slider .slider-element {
    transform: translateX(100%);
}
.slider-section.slider-sm .slider-btn {
    padding: 0 20px;
}
.slider-section.compact-slider .slider-element,
.slider-section.compact-slider .slider-btn {
    padding: 0 15px;
}
.nav-tabs-dashed .nav-link {
    color: #4c526c;
}
.nav-tabs-dashed .nav-link.active {
    color: #21263c;
    background-color: inherit;
}
.nav-tabs-dashed .nav-link.active::after {
    content: "";
    display: block;
    width: inherit;
    height: 3px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    background-color: #408dfb;
    position: relative;
    top: 5px;
}
.nav-tabs-dashed .nav-link:hover .badge-inner-notification,
.nav-tabs-dashed .active .badge-inner-notification {
    background-color: var(--primary-color);
}
.header-tab.nav-tabs-dashed .nav-link.active::after {
    top: var(--zf-head-nav-dashed-top);
}
.sub-tab.pref-sidebar {
    height: 47px;
}
.sub-tab.pref-sidebar .nav-tabs-dashed .nav-link.active::after {
    top: 8px;
}
.header-redirections .redirection-link:not(:last-child):after {
    content: "/";
    padding: 0 3px;
    color: #408dfb;
}
.firstletter-circled {
    width: 28px;
    height: 28px;
    margin: 2px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.firstletter-circled.firstletter-circled-lg {
    width: 40px;
    height: 40px;
}
.fixed-flex-footer {
    border-top: 1px solid #eee;
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.1);
}
.preferences-template-container .dropdown-toggle::after {
    content: none;
}
.preferences-template-container .dropdown-menu {
    border-radius: 5px;
    width: 250px;
    min-width: max-content;
}
.total-section-separator {
    border-right: 1px solid #eee !important;
    border-top: 10px solid #eee !important;
    border-bottom: 10px solid #eee !important;
}
.light-grayish-white-bg-on-hover:hover {
    background-color: #f9f9fb;
}
.flex-basis-30 {
    flex-basis: 30%;
}
.nested-checkbox {
    position: relative;
}
.nested-checkbox:before {
    content: "";
    position: absolute;
    height: 75%;
    margin-top: 25px;
    margin-left: 6px;
}
.upload-widget-small .file-upload-container,
.upload-widget-small .drag-upload-cover {
    height: 80px;
    width: 250px;
    border-radius: 6px;
}
.upload-widget-small .details-container,
.upload-widget-small .drag-upload-cover {
    height: 60px;
    width: 280px;
    border-radius: 6px;
}
.upload-widget-small .details-container {
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #d7d5e2;
}
.upload-widget-small .details-container .details-dropdown {
    width: 230px;
    left: -174px;
    top: 40px;
}
.upload-widget-small .details-container .btn .icon {
    fill: #838195;
}
.upload-widget-small .details-container .dropdown.open .dropdown-toggle .icon {
    transform: rotate(-180deg);
    fill: #408dfb;
}
.upload-widget-small .upload-btn > .file-upload,
.upload-widget-small .upload-btn .toggle-btn {
    padding-right: 0;
    padding-left: 0;
    border-left: 0;
}
.upload-widget-small .file-upload-btn {
    border-radius: 6px 6px 0 0;
}
.upload-widget-small .uploaded-file-container {
    height: 120px;
    width: 250px;
    border-radius: 0 0 6px 6px;
}
.upload-widget-small .uploaded-file-container .uploaded-file {
    height: 75%;
}
.upload-widget-small .filled-file-container {
    border-radius: 6px;
}
.upload-widget-small .uploaded-file-details {
    padding: 5px;
}
.upload-widget-medium .file-upload-container,
.upload-widget-medium .drag-upload-cover {
    height: 330px;
    width: 240px;
    border-radius: 10px;
}
.upload-widget-medium .drag-upload-sec .icon {
    width: 46px;
    height: 46px;
}
.upload-widget-medium .upload-btn {
    background-color: #f1f1fa;
    margin-top: 20px;
    padding-left: 5px;
    border: 1px solid transparent;
    border-radius: 10px;
}
.upload-widget-medium .upload-btn .toggle-btn {
    border-left: 1px solid #fff;
    border-radius: 0;
    padding: 10px;
}
.upload-widget-medium .file-upload-btn {
    border-radius: 10px 10px 0 0;
    padding: 5px 0;
}
.upload-widget-medium .uploaded-file-container {
    height: 330px;
    width: 240px;
    border-radius: 0 0 10px 10px;
}
.upload-widget-medium .uploaded-file-container .uploaded-file {
    height: 88%;
}
.upload-widget-medium .filled-file-container {
    border-radius: 10px;
}
.upload-widget-medium .uploaded-file-details {
    padding: 11px;
}
.upload-widget-small .file-upload-container,
.upload-widget-medium .file-upload-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #d7d5e2;
    background-color: #fff;
}
.upload-widget-small .file-upload-btn,
.upload-widget-medium .file-upload-btn {
    border-style: solid;
    background-color: #f9f9fb;
}
.upload-widget-small .file-preview-name,
.upload-widget-medium .file-preview-name {
    width: auto;
}
.file-upload-container .btn .icon {
    fill: #838195;
}
.file-upload-container.file-upload-btn {
    height: auto;
    background-color: #f9f9fb;
}
.file-upload-container:hover {
    border: 1px dashed #408dfb;
}
.file-upload-container:hover .btn .icon {
    fill: #408dfb;
}
.file-upload-container:hover .upload-btn {
    border-color: #d7d5e2;
    background-color: #fff;
}
.file-upload-container:hover .toggle-btn {
    border-left-color: #d7d5e2;
}
.file-upload-container:hover .upload-btn-sm {
    border-right-color: #408dfb;
}
.file-upload-container:hover.file-upload-btn {
    background-color: #fff;
}
.file-upload-container:hover:focus-within {
    border-style: solid;
    box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
}
.file-upload-container:hover:focus-within .upload-btn-sm {
    border-right: 1px solid #408dfb;
}
.file-upload-container .dropdown.open .dropdown-toggle .icon {
    transform: rotate(-180deg);
}
.file-upload-container .dropdown-menu {
    width: 250px;
    left: auto;
    top: 30px;
}
.btn-upload-container {
    height: 34px;
    width: auto;
    display: inline-block;
    border: 1px dashed #d7d5e2;
    border-radius: 6px;
    background-color: #fff;
}
.upload-btn-sm {
    border-right: 1px dashed #dee2e6;
    border-radius: 0;
}
.uploaded-file-container {
    border: 1px solid #d7d5e2;
    background-color: #fff;
    border-top: 0;
}
.uploaded-file-container .uploaded-file {
    position: relative;
}
.filled-file-container {
    border-top: 1px solid #d7d5e2;
}
.uploaded-file-details {
    color: #4c526c;
    font-size: 11px;
    border-top: 1px dashed #d7d5e2;
}
.text-greyish-blue {
    color: #6c718a;
}
.single-file-attachment {
    border: 1px solid #d7d5e2;
    background-color: #f9f9fb;
    font-weight: 500;
    cursor: pointer;
}
.single-file-attachment:hover {
    border-color: #408dfb;
}
.single-file-attachment:hover .icon {
    fill: #408dfb;
}
.attachment-btn {
    background-color: #408dfb;
    font-weight: 500;
    margin: 3px 0 5px 5px;
    padding: 5px 7px;
}
.cloud-upload-section .dropdown-item:disabled {
    color: #333850;
    cursor: auto;
}
.cloud-upload-section .dropdown-item:disabled.item-focus {
    color: #fff;
}
.cloud-upload-section:hover {
    background-color: #e9ebf3;
    border-radius: 6px;
}
.cloud-upload-section:hover .dropdown-item {
    border-radius: 6px 6px 0 0;
    background-color: #408dfb;
    color: #fff;
}
.cloud-upload-section:hover .dropdown-item .icon {
    fill: #fff !important;
}
.attachment-details .details-attachment-options {
    display: none;
}
.attachment-details:hover .details-attachment-options {
    display: inline;
}
.attachments-header {
    background-color: #f9f9fb;
    padding: 8px 12px;
    border-radius: 6px;
}
.attachments-header .icon {
    cursor: pointer;
}
.file-attachment-label {
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 5px 10px;
    margin-right: 0;
    color: #21263c;
}
.file-attachment-label:hover {
    color: #408dfb;
}
.details-popover {
    border-radius: 6px;
    width: 310px;
    z-index: 900;
    box-shadow: 0 4px 12px 0 #d7d5e2;
}
.details-popover .popover-body {
    padding: 0;
}
.details-popover hr {
    border-color: #ebeaf2;
}
.details-attachment {
    margin: 4px;
    max-height: 210px;
    overflow: hidden auto;
}
.details-attachment .dropdown-item:hover {
    background-color: #e9ebf3;
    border-radius: 6px;
    color: #333850;
}
.details-attachment .dropdown-item:hover .delete-attachment {
    color: red;
}
.attachment-label {
    color: #4c526c;
}
.multilevel-groupby {
    height: max-content;
}
.multilevel-groupby tr {
    height: 100%;
}
.multilevel-groupby td {
    height: 100%;
}
.tree-bottom-line {
    position: absolute;
    top: calc(50% + 5px);
    height: 50%;
    border-left: 1px solid #ddd;
}
.tree-child-line {
    position: absolute;
    top: 0;
    height: 100%;
    border-left: 1px solid #ddd;
}
.tree-l-shape {
    position: absolute;
    height: 50%;
    border-bottom-left-radius: 5px;
}
.tree-l-shape.hierarchy-highlight-border {
    border-bottom: 2px solid #2b87e3;
    border-left: 2px solid #2b87e3;
}
.tree-l-shape:not(.hierarchy-highlight-border) {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.custom-table-item-cf {
    min-width: 200px;
    max-width: 200px;
    text-align: center;
}
.custom-table-item-cf .input-group-text {
    border-radius: 0;
}
.line-item-section.txn-custom-table {
    margin-right: 20px;
}
.line-item-section.txn-custom-table .custom-table-item-actions {
    transform: translate(25%, 25%);
}
.line-item-section.txn-custom-table .table-scroll {
    overflow-x: auto;
}
.line-item-section.txn-custom-table .table-scroll::-webkit-scrollbar {
    display: none;
}
.line-item-section.txn-custom-table .line-item-table td:nth-last-child(2) {
    border-right-color: var(--zf-line-item-table-border-color);
}
.contact-hierarchy-row-height {
    min-height: 40px;
}
.list-bulletin-gray {
    background-color: #b8c9dd;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.next-step-header .nav-item .nav-link::after {
    top: 14px;
}
.opacity-7 {
    opacity: 0.7;
}
.opacity-85 {
    opacity: 0.85;
}
.pref-cf-changes-notifier {
    background-color: #fefbf2;
    border-color: #ffead1;
    border-radius: 8px;
}
.pref-cf-changes-notifier.with-pro-inv-banner ::before {
    border-bottom-color: #ffead1;
}
.pref-cf-changes-notifier.with-pro-inv-banner ::after {
    border-bottom-color: #fefbf2;
}
.pref-cf-changes-notifier:not(.with-pro-inv-banner) ::before {
    border-left-color: #ffead1;
    border-width: 0.8rem 0 0.8rem 0.8rem;
    top: -3px;
    left: -1px;
}
.pref-cf-changes-notifier:not(.with-pro-inv-banner) ::after {
    border-left-color: #fefbf2;
    border-width: 0.8rem 0 0.8rem 0.8rem;
    top: -3px;
    left: -3px;
}
.onboard-table.getting-started .nav.gs-tab > .gs-item > .gs-link {
    border-left-color: var(--zf-blue-4);
}
.progress-circle {
    position: relative;
    border: 0;
    background-color: #fff;
    width: 20px;
    height: 20px;
}
.progress-circle::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 4px;
    border-radius: 50%;
    background-image: conic-gradient(var(--zf-green-13) var(--progress-percentage), var(--zf-grey-17) var(--progress-percentage) 100%);
    mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    mask-origin: content-box, padding-box;
    -webkit-mask-origin: content-box, padding-box;
    mask-clip: content-box, padding-box;
    -webkit-mask-clip: content-box, padding-box;
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
}
svg .conic-round {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-image: conic-gradient(from 270deg, #ff4800 10%, #dfd902 35%, #20dc68, #0092f4, #da54d8 72% 75%, #ff4800 95%);
}
.new-billing-orgcreation {
    border-left: 6px solid #029745;
    color: #000;
}
.new-billing-orgcreation .org-detail-form {
    animation: fade 0.5s ease-in-out;
}
.new-billing-orgcreation label {
    font-size: 14px;
    color: #333;
}
.new-billing-orgcreation .info-text {
    color: #666;
}
.new-billing-orgcreation .desc-text {
    color: #444;
}
.new-billing-orgcreation input[type="radio"]:checked,
.new-billing-orgcreation input[type="radio"]:hover {
    border-color: #069949;
    box-shadow: none;
}
.new-billing-orgcreation input[type="radio"]:checked {
    background-color: #069949;
}
.new-billing-orgcreation .input-group-text {
    height: 45px;
}
.new-billing-orgcreation .simple-autocomplete .autocomplete-drop {
    top: initial;
    bottom: 24px;
}
.new-billing-orgcreation .simple-autocomplete .ac-selected.disabled > span {
    color: #333;
}
.new-billing-orgcreation .form-control[type="text"] {
    color: #000;
    height: 45px;
    font-size: 16px;
    border-radius: 8px;
    padding: 5px 12px;
    border: 2px solid #ebebef;
}
.new-billing-orgcreation .form-control[type="text"]:hover:not(.disabled, :disabled) {
    border-color: #069949;
}
.new-billing-orgcreation .form-control[type="text"]:focus {
    border-color: #069949;
    box-shadow: none;
}
.new-billing-orgcreation .currency-ac .ac-box .ac-selected.disabled {
    background-color: #f6f6f6;
    border: 0;
}
.new-billing-orgcreation .type-ahead .zf-ac-toggler {
    right: 14px;
}
.new-billing-orgcreation .vat-percentage input.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.new-billing-orgcreation .vat-percentage .input-group-append .input-group-text {
    border-color: #ebebef;
}
.new-billing-orgcreation .ac-box .ac-selected {
    height: 45px;
    border: 2px solid #ebebef;
    border-radius: 8px;
    padding: 5px 12px;
    font-size: 16px;
}
.new-billing-orgcreation .ac-box .ac-selected:hover:not(.disabled) {
    border-color: #069949;
}
.new-billing-orgcreation .ac-box.ac-box-open .ac-selected {
    border-color: #069949;
    box-shadow: none;
    outline: 0;
}
.new-billing-orgcreation .ac-box .form-control:focus {
    border-color: #069949;
    box-shadow: none;
    outline: 0;
}
.new-billing-orgcreation .ac-dropdown .ac-search input:focus {
    border-color: #069949;
    height: 32px;
}
.new-billing-orgcreation .ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    max-height: 190px;
}
.new-billing-orgcreation .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.active {
    background-color: #069949 !important;
}
.new-billing-orgcreation .side-image-bar {
    position: sticky;
    top: 0;
    height: 100%;
    background-color: hsl(0deg, 0%, 100%);
    background-image: radial-gradient(at 83% 23%, hsla(66deg, 100%, 96%, 0.06) 0, transparent 50%), radial-gradient(at 78% 97%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 93% 94%, hsl(170deg, 80%, 16%) 0, transparent 50%),
        radial-gradient(at 49% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 39% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 18% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%),
        radial-gradient(at 9% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 63% 38%, hsla(0deg, 0%, 100%, 0.42) 0, transparent 50%), radial-gradient(at 95% 6%, hsla(153deg, 76%, 32%, 0.49) 0, transparent 50%),
        radial-gradient(at 75% 0, hsla(133deg, 59%, 62%, 0.49) 0, transparent 50%), radial-gradient(at 19% 0, hsl(153deg, 76%, 32%) 0, transparent 50%), radial-gradient(at 4% 13%, hsl(153deg, 76%, 32%) 0, transparent 50%),
        radial-gradient(at 15% 0, hsl(153deg, 76%, 32%) 0, transparent 50%), radial-gradient(at 78% 76%, hsl(161deg, 24%, 57%) 0, transparent 50%), radial-gradient(at 27% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%);
}
.new-billing-orgcreation .side-image-bar .user-profile-container {
    align-self: flex-end;
}
.new-billing-orgcreation .side-image-bar .user-profile-container .rounded-circle {
    height: 35px;
    width: 35px;
    margin-right: 16px;
    margin-top: 12px;
    border: 2px solid #fff;
}
.new-billing-orgcreation .side-image-bar .new-image-container img {
    position: relative;
    right: 40%;
    bottom: 5%;
}
.new-billing-orgcreation .back-btn {
    color: #21263c;
    border-bottom: 2px solid #21263c;
    border-radius: 0;
    padding: 2px;
}
.new-billing-orgcreation .org-creation-details-container {
    padding: 8px 146px;
}
.new-billing-orgcreation .org-creation-details-container .toggle-button-selected {
    background-color: #069949;
}
.new-billing-orgcreation .org-creation-details-container .btn-new-green,
.new-billing-orgcreation .org-creation-details-container.btn-new-green:active {
    background-color: #003e32 !important;
    border-color: #003e32 !important;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-billing-orgcreation .org-creation-details-container .steps-nav {
    display: flex;
    align-items: center;
    margin: 30px 0;
}
.new-billing-orgcreation .org-creation-details-container .steps-nav div {
    height: 6px;
    flex-grow: 1;
    border-radius: 6px;
    background-color: #edf2f1;
    transition: background-color 0.3s ease-in-out;
}
.new-billing-orgcreation .org-creation-details-container .steps-nav div.fill-active-nav {
    background-color: #029745;
}
.new-billing-orgcreation .org-creation-details-container .product-type-container .product-types .product-type:not(.selected-option):nth-child(1) svg {
    fill: #f66386;
}
.new-billing-orgcreation .org-creation-details-container .product-type-container .product-types .product-type:not(.selected-option):nth-child(2) svg {
    fill: #3a9dfc;
}
.new-billing-orgcreation .org-creation-details-container .product-type-container .product-types .product-type:not(.selected-option):nth-child(3) svg {
    fill: #29ae8e;
}
.new-billing-orgcreation .org-creation-details-container .product-type {
    transition: margin 0.3s ease;
}
.new-billing-orgcreation .org-creation-details-container .product-type:hover {
    margin-left: -6px;
    margin-right: -6px;
    box-shadow: 0 10px 24px 0 rgba(6, 36, 30, 0.06);
}
.new-billing-orgcreation .org-creation-details-container .descriptive-radio-btns {
    border: 2px solid #efeff1;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 16px;
    margin: 10px 0;
}
.new-billing-orgcreation .org-creation-details-container .descriptive-radio-btns.selected-option {
    border-color: #069949;
}
.new-billing-orgcreation.advance-billing-orgcreation {
    border-color: var(--zf-blue-27);
}
.new-billing-orgcreation.advance-billing-orgcreation .form-control[type="text"]:hover:not(.disabled, :disabled) {
    border-color: var(--zf-blue-27);
}
.new-billing-orgcreation.advance-billing-orgcreation .form-control[type="text"]:focus {
    border-color: var(--zf-blue-27);
}
.new-billing-orgcreation.advance-billing-orgcreation .ac-box .ac-selected:hover:not(.disabled) {
    border-color: var(--zf-blue-27);
}
.new-billing-orgcreation.advance-billing-orgcreation .ac-box.ac-box-open .ac-selected {
    border-color: var(--zf-blue-27);
}
.new-billing-orgcreation.advance-billing-orgcreation .ac-box .form-control:focus {
    border-color: var(--zf-blue-27);
}
.new-billing-orgcreation.advance-billing-orgcreation .ac-dropdown .ac-search input:focus {
    border-color: var(--zf-blue-27);
}
.new-billing-orgcreation.advance-billing-orgcreation .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.active {
    background-color: var(--zf-blue-27) !important;
}
.new-billing-orgcreation.advance-billing-orgcreation .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.active > a {
    color: #fff !important;
}
.new-billing-orgcreation.advance-billing-orgcreation .side-image-bar {
    background-color: hsl(0deg, 0%, 100%);
    background-image: radial-gradient(at 93% 7%, hsl(219deg, 74%, 44%) 0, transparent 50%), radial-gradient(at 97% 96%, hsl(219deg, 74%, 44%) 0, transparent 50%), radial-gradient(at 74% 96%, hsl(219deg, 74%, 44%) 0, transparent 50%),
        radial-gradient(at 59% 96%, hsl(219deg, 74%, 44%) 0, transparent 50%), radial-gradient(at 37% 97%, hsl(219deg, 74%, 44%) 0, transparent 50%), radial-gradient(at 70% 64%, hsl(219deg, 74%, 44%) 0, transparent 50%),
        radial-gradient(at 49% 53%, hsl(149deg, 0%, 100%) 0, transparent 50%), radial-gradient(at 62% 34%, hsl(7deg, 0%, 100%) 0, transparent 50%), radial-gradient(at 6% 97%, hsl(219deg, 74%, 44%) 0, transparent 50%),
        radial-gradient(at 13% 11%, hsl(207deg, 100%, 56%) 0, transparent 50%), radial-gradient(at 0 37%, hsl(355deg, 0%, 100%) 0, transparent 50%);
}
.tds-pmnt-amount {
    background-color: #f9f9fb;
    border: 1px solid #d7d5e3;
    border-radius: 8px;
    border-left-width: 4px;
    margin-bottom: 1rem;
    left: 10px;
    min-width: 290px;
}
.gst-tdstcs-input-grp .field-label {
    width: 17%;
}
.gst-tdstcs-input-grp .field-label.pmt-screen {
    width: 30%;
}
.gst-tdstcs-input-grp .field-label.banking-pmt {
    width: 22%;
}
.gst-tdstcs-input-grp .field-label .ac-box-open .ac-selected {
    box-shadow: none;
    outline: 0;
    border-color: #d7d5e2;
}
.gst-tdstcs-input-grp .field-label .ac-selected {
    border-right: 0;
    line-height: 1.7;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.gst-tdstcs-input-grp .field-label .ac-selected:hover,
.gst-tdstcs-input-grp .field-label .ac-selected:focus {
    border-color: #d7d5e2;
}
.gst-tdstcs-input-grp .field-label .ac-selected:focus {
    border-color: #d7d5e2;
    box-shadow: none;
    outline: 0;
}
.gst-tdstcs-input-grp .field-value {
    width: 83%;
}
.gst-tdstcs-input-grp .field-value.pmt-screen {
    width: 70%;
}
.gst-tdstcs-input-grp .field-value.banking-pmt {
    width: 78%;
}
.gst-tdstcs-input-grp .field-value .ac-selected {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.gsttds-dropdown .ac-box {
    width: 130px;
}
.tds-tcs-tax-popover .popover-body {
    padding: 0;
}
.settings-dboard-search .form-control {
    padding: 7px 30px;
    height: auto;
    border-width: 2px;
}
.settings-dboard-search .form-control::placeholder {
    color: #838195;
}
.settings-dboard-search .search-icon {
    top: 12px;
    left: 10px;
    fill: #838195;
}
.settings-dboard-search .hide-search-results .ac-dropdown-menu {
    display: none;
}
.settings-dboard-search .ac-dropdown-menu {
    min-width: 350px;
    border-radius: 6px;
}
.settings-dboard-search .typeahead-clear {
    top: 7px;
    right: 10px;
}
.settings-dboard-search .highlight-text {
    color: var(--zf-grey-12);
}
.settings-dboard-item-head {
    display: flex;
}
.settings-dboard-item-head .icon {
    margin-top: 2px;
}
.settings-dboard-heading {
    font-weight: 500;
}
.settings-dboard-body {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.settings-grid-container {
    flex-grow: 1;
}
.settings-grid-container .settings-dboard-header {
    width: 97.5%;
    position: sticky;
    top: 0;
    background-color: #fff;
}
.settings-grid-container .settings-dboard-header::after {
    content: "";
    display: block;
    border-bottom: 1px solid #ebeaf2;
    position: relative;
    right: 15%;
    bottom: 4px;
    width: 132%;
}
.settings-grid-container .settings-dboard-body {
    padding-top: 25px;
}
.settings-grid-container .settings-dboard-item {
    margin: 0 25px 25px 0;
}
.settings-grid-container .settings-dboard-item-head {
    width: 176px;
    pointer-events: none;
}
.settings-grid-container .settings-dboard-item-body {
    display: grid;
    grid-template-rows: repeat(6, auto);
    grid-auto-flow: column;
    row-gap: 5px;
}
.settings-grid-container .settings-dboard-link {
    width: 150px;
    padding: 5px 0;
}
.settings-navbar {
    overflow: visible;
    width: 230px;
}
.settings-navbar .settings-dboard-body {
    overflow-y: auto;
}
.settings-navbar .settings-dboard-item {
    width: 100%;
}
.settings-navbar .settings-dboard-item-head {
    cursor: pointer;
    font-weight: 500;
}
.settings-navbar .settings-dboard-link {
    display: block;
}
.settings-navbar .settings-dboard-link.active {
    font-weight: 500;
}
.settings-top-nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebeaf2;
    padding: 15px;
    font-size: 15px;
    color: #21263c;
    font-weight: 500;
}
.settings-top-nav .icon {
    fill: #408dfb;
}
.settings-menu-text:hover {
    color: #21263c;
}
.settings-menu-text:hover .icon {
    fill: #408dfb;
}
.settings-header-bg {
    background-image: url(images/svgs/home-header-bg-books-bd26ea253f.svg);
    background-size: auto 132px;
    background-repeat: repeat-x;
}
.close-settings {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 1;
}
.settings-header-bg ~ #pagetips-container {
    top: 35px;
}
.statefield .ac-box .ac-selected.disabled {
    background-color: #f9f9fb;
}
.settings-nav-column .form-control {
    background-color: var(--sidebar-bg);
    color: var(--sidebar-font-color);
    border: 1px solid var(--invoice-settings-searchbar-border);
}
.settings-nav-column .form-control:focus {
    border-color: var(--zf-form-input-focus-border-color);
}
.settings-nav-column .back-link {
    padding-bottom: 0;
}
.sparkle-star .upper {
    animation: upperBlink 1s infinite;
}
.sparkle-star .middle {
    animation: middleBlink 1s infinite;
}
.sparkle-star .lower {
    animation: lowerBlink 1s infinite;
}
@keyframes upperBlink {
    0%,
    to {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
}
@keyframes middleBlink {
    50%,
    0% {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
@keyframes lowerBlink {
    50%,
    to {
        opacity: 0.5;
    }
    0% {
        opacity: 1;
    }
}
.row-gap-10 {
    row-gap: 10px;
}
.va-bot-promotion {
    position: relative;
    background-color: #fafaff;
    border: 1px solid #f0f0f0;
    background-image: radial-gradient(circle at 50% 12%, #fafaff 55px, transparent 0), radial-gradient(circle at 50% 12%, rgba(217, 217, 217, 0.6) 56px, transparent 0), radial-gradient(circle at 50% 12%, #fafaff 80px, transparent 0),
        radial-gradient(circle at 50% 12%, rgba(217, 217, 217, 0.5) 81px, transparent 0), radial-gradient(circle at 50% 12%, #fafaff 105px, transparent 0), radial-gradient(circle at 50% 12%, rgba(217, 217, 217, 0.4) 106px, transparent 0),
        radial-gradient(circle at 50% 12%, #fafaff 130px, transparent 0), radial-gradient(circle at 50% 12%, rgba(217, 217, 217, 0.3) 131px, transparent 0), radial-gradient(circle at 50% 12%, #fafaff 155px, transparent 0),
        radial-gradient(circle at 50% 12%, rgba(217, 217, 217, 0.2) 156px, transparent 0), radial-gradient(circle at 50% 12%, #fafaff 180px, transparent 0), radial-gradient(circle at 50% 12%, rgba(217, 217, 217, 0.1) 181px, transparent 0);
}
.va-bot-promotion .va-bot-icon {
    margin-top: 50px;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
}
.va-bot-promotion .gradient-btn {
    border-radius: 42px;
    color: #fff;
    padding: 5px 14px;
    background: linear-gradient(90deg, #2875fc 0, #c528fc 50%, #2875fc 99.81%);
    background-size: 200%;
    transition: background-position 0.3s cubic-bezier(0.47, 0.1, 1, 0.63), color 0.2s linear;
    transition-delay: 0s, 0.15s;
}
.va-bot-promotion .gradient-btn:hover {
    background-position: 100% -100% !important;
}
.va-bot-promotion .hr-separator {
    background: linear-gradient(90deg, #fafaff -2.53%, #e0e0ed 16.32%, #e0e0ed 82.24%, #fafaff 100%);
    width: 100px;
    height: 1px;
}
.va-bot-promotion .bot-prompt {
    position: relative;
    border: 1px solid #e8e8e8;
    padding: 13px 18px;
    transition-delay: 0.1s;
    z-index: 1;
}
.va-bot-promotion .bot-prompt .icon {
    opacity: 0;
}
.va-bot-promotion .bot-prompt:hover {
    border-color: #fafaff;
    cursor: pointer;
    box-shadow: 0 8px 20px 0 rgba(6, 6, 31, 0.06);
}
.va-bot-promotion .bot-prompt:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #20dfeb, #38fe9f, #ffb628, #fd3464);
    padding: 1px;
    z-index: -1;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.va-bot-promotion .bot-prompt:hover .icon {
    opacity: 1;
}
.bl-between + .bl-between {
    border-left: 1px solid;
}
.details {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    min-height: 100%;
}
.details .extra-info {
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.details .details-info {
    border-right: 1px solid #eee;
    background-color: #fbfbfb;
    width: 34%;
    vertical-align: top;
    padding: 10px 20px 70px;
    word-wrap: break-word;
}
.details .details-info .toggle-header {
    padding: 10px 0 5px;
    border-bottom: 1px solid #eee;
}
.details .details-info .icon-down-open-big,
.details .details-info .icon-up-open-big {
    margin-top: 2px;
    font-size: 9px;
}
.details .details-info .circle-box {
    border-color: #268ddd;
    height: 17px;
    width: 17px;
    line-height: 1;
    margin-right: 10px;
}
.details .details-info .circle-box .icon-plus {
    color: #2e8fda;
    font-size: 9px;
}
.details .details-info .circle-box:hover {
    background-color: #268ddd;
}
.details .details-info .circle-box:hover .icon-plus {
    color: #fff;
}
.details .details-info .circle-box svg.icon-xxs {
    width: 9px;
}
.details .details-info hr {
    margin-top: 10px;
}
.details .details-info .group {
    margin-bottom: 10px;
    padding: 15px 0 0;
}
.details .details-info .group label {
    padding-right: 0;
}
.details .details-info .group .icon-pencil,
.details .details-info .group .icon-trash {
    margin-left: 7px;
    font-size: 10px;
}
.details .details-info .group .inline-fields {
    padding: 0.25rem 0;
    align-items: center;
}
.details .details-info .group .inline-fields .icon-pencil {
    visibility: hidden;
}
.details .details-info .group .inline-fields > label {
    margin-bottom: 0;
}
.details .details-info .group .inline-fields:hover .icon-pencil {
    visibility: visible;
}
.details .details-info .group .inline-edit {
    margin-top: 5px;
    margin-bottom: 5px;
}
.details .tag {
    float: left;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    background-color: #def3f9;
    margin: 5px 5px 5px 0;
}
.details .tag span {
    margin-right: 7px;
}
.details .tag .icon-remove {
    font-size: 7px;
}
.details .emptyMsg {
    text-align: center;
    color: var(--zf-grey-12);
    margin-top: 20px;
}
.details .entity-details {
    width: 66%;
}
.details .prim-info {
    padding: 20px 20px 50px;
    vertical-align: top;
}
.details .prim-info .opening-balance-text {
    color: #222;
    margin-top: 0;
}
.details .prim-info .recurringinvoice-arap-details {
    padding: 10px 0;
}
.details .prim-info .recurringinvoice-arap-details li {
    border-right: 1px solid #ddd;
}
.details .prim-info .recurringinvoice-arap-details li:last-child {
    border-right: none;
}
.details .prim-info .arapdetails {
    padding: 10px 0;
    margin-bottom: 0;
}
.details .prim-info .arapdetails li {
    display: grid;
}
.details .prim-info .arapdetails li h6 {
    margin-bottom: 0;
    margin-top: 0;
}
.details .prim-info .arapdetails li div {
    font-size: 20px;
    font-weight: 600;
}
.details .prim-info .arapdetails li div.right-pane {
    font-weight: 400;
    font-size: 14px;
    padding: 1%;
    padding-left: 15px;
}
.details .prim-info .arapdetails li div.right-pane .text-muted {
    color: #222;
}
.details .prim-info .arapdetails li div.right-pane .section-width {
    display: inline-block;
    width: 165px;
}
.details .prim-info .arapdetails li .outstanding-arap {
    font-size: 20px;
    font-weight: 600;
    padding-top: 12px;
}
.details .prim-info .arapdetails li .right-pane-semibold {
    font-weight: 600;
}
.details .prim-info .arapdetails li:first-child {
    border-right: 1px solid #ddd;
    width: 44%;
}
.details .prim-info .packagereceivedetails {
    background-color: #fbfafe;
    padding-left: 16px;
}
.details .prim-info .packagereceivedetails li {
    border-right: 1px solid #ddd;
    margin: 10px 0;
    padding: 0 2%;
    padding-left: 5px;
}
.details .prim-info .packagereceivedetails li:last-child {
    border-right: none;
}
.details .prim-info .packagereceivedetails li .numbers {
    font-weight: 600;
}
.details .prim-info .packagereceivedetails li a {
    color: #222;
}
.details .prim-info .packagereceivedetails.row {
    margin-left: -20px;
    margin-right: -20px;
}
.details .prim-info .chart .addline {
    padding: 0;
}
.details .prim-info .chart .addline span {
    background-color: #fff;
    padding: 0 12px;
}
.details .prim-info .chart .addline .bdr-back {
    margin-top: -10px;
}
.details .prim-info .activites-action {
    margin: 20px 0;
    background-color: #fbfbfb;
    padding: 5px;
}
.details .prim-info .activites-action .dropdown {
    width: 20%;
}
.cplist {
    min-height: 100px;
}
.cplist .person {
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
}
.cplist .person:hover .icon-cog {
    color: var(--zf-grey-12);
}
.cplist .person .icon-cog {
    color: #ddd;
}
.contactperson-list .primary-contact {
    left: 19px;
    top: 19px;
    width: 16px;
    height: 16px;
}
.cp-list-moreinfo .person-details {
    padding-bottom: 3px;
}
.cp-list-moreinfo .icon-more {
    visibility: hidden;
}
.cp-list-moreinfo:hover {
    background-color: #f6f6fa;
}
.cp-list-moreinfo:hover .icon-more {
    visibility: visible;
    fill: #408dfb;
}
.contact-create .nav-pills {
    margin-top: 25px;
    margin-left: -20px;
    margin-right: -20px;
}
.contact-create .tab-content {
    min-height: 200px;
}
.contact-create .add-header {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: var(--zf-grey-12);
}
.contact-create .add-header .delete-icon:hover {
    cursor: pointer;
    color: #ca4f4b;
}
.contact-create .line-item-table .line-item-column {
    min-width: 130px;
}
.contact-create .line-item-table .line-item-column.required {
    color: #ca4f4b;
}
.contact-create .line-item-section {
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.contact-create .line-item-table .line-item-body .line-item .item-actions {
    left: 10px;
    top: -10px;
}
.contact-create .intro-text {
    padding-top: 50px;
}
.customer-abn-banner {
    background-color: #e6f2ff;
}
.customer-abn-banner > svg {
    margin-bottom: -1px;
}
.grouped-fields div[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.grouped-fields div[class*="col-"]:not(:first-child) .form-control {
    border-left: 0;
    border-radius: 0;
}
.highlight:focus ~ span {
    background-color: #fffbd7;
}
.con-tax .popover {
    width: 300px;
}
.con-tax .popover .arrow {
    border-width: 5px;
}
.payment .table thead > tr > th {
    font-weight: 400;
}
.payment .tooltip.bottom {
    margin-left: -125%;
    margin-top: 26px;
}
.gapps-cont {
    min-height: 420px;
    margin-top: 50px;
}
.gapps-cont .pg {
    margin-top: 6px;
}
.gapps-cont .table-grp {
    border: 1px solid #eee;
    height: 520px;
}
.gapps-cont .table-grp .table-row {
    border-bottom: 1px solid #eee;
    padding: 7px 15px;
    max-height: 55px;
    min-height: 37px;
}
.gapps-cont .table-grp .header {
    background-color: #f9f8f8;
    max-height: 75px;
}
.gapps-cont .table-grp .text-muted.msg {
    margin-top: 150px;
}
.gapps-cont .table-grp .clearfix {
    height: 455px;
}
.gapps-cont .table-grp .clearfix .table-row {
    padding-left: 30px;
    padding-right: 30px;
}
.gapps-cont .table-grp .clearfix .table-row .link {
    display: none;
}
.gapps-cont .table-grp .clearfix .table-row:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}
.gapps-cont .table-grp .clearfix .table-row:hover .link {
    display: block;
}
.gapps-cont .table-grp .clearfix .table-row.active {
    background-color: #f5f5f5;
}
.gapps-cont .table-grp.left .clearfix {
    height: 417px;
}
.crm-search {
    margin-bottom: 50px;
}
.crm-search .col-form-label {
    width: 20%;
}
.crm-search-row {
    padding-right: 20px;
    margin-top: -4px;
}
.crm-search-row label {
    margin: 0;
    line-height: normal;
    display: block;
}
.ask-review {
    margin-top: 30px;
    background-color: #fbfffb;
    border: 1px solid #cbecc6;
}
.ask-review .ask-review-icon {
    font-size: 30px;
    color: #549d06;
}
.contact {
    background-color: #f2fff0;
}
.review-list .social-share {
    display: inline-block;
}
.review-list .social-share .twitter,
.review-list .social-share .facebook,
.review-list .social-share .gplus,
.review-list .social-share .linkedin {
    font-size: 20px;
    margin-right: 8px;
}
.sidebar-section {
    position: fixed;
    right: 0;
    box-shadow: 1px 0 3px 1px #aaa;
    transition: left 0.3s ease-in-out;
    min-width: 350px;
}
.sidebar-section.expanded {
    left: calc(100% - 350px);
    z-index: 5;
}
.sidebar-section .sidebar-body {
    position: absolute;
    left: calc(100% - 350px);
    right: 0;
    z-index: 15;
    width: 350px;
    white-space: nowrap;
    background-color: #fafafa;
    transition: all 1s ease-in-out;
}
.sidebar-section .support-executive {
    border-top: 1px solid #eee;
    border-bottom: 1px dashed #eee;
}
.sidebar-section .support-executive .profile-img {
    width: 50px;
    height: 50px;
}
.sidebar-section .support-executive .profile-details {
    margin-left: 60px;
    padding: 7px 0;
}
.sidebar-section .header-section {
    background-color: var(--zf-yellow-7);
    border-bottom: 1px solid #f3e8c8;
    z-index: 2;
}
.sidebar-section .header-section .star {
    font-size: 30px;
}
.sidebar-section .content-section {
    padding: 20px 15px;
}
.mail-content {
    box-shadow: 0 5px 8px 1px #aaa;
}
.mail-content.expanded {
    left: calc(100% - 635px);
}
.mail-content.sidebar {
    top: 48px;
}
.mail-content .header-section {
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
}
.mail-content .content-section {
    padding: 14px 15px;
}
.configure-email-section {
    padding: 15px 25px;
    margin: 5px 25px 20px;
    border: 1px solid #eee;
}
.mailIntegrationFeatures {
    margin: 15px auto;
    width: 80%;
}
.email-template-section {
    padding: 15px 0 0 15px;
}
.email-html-template {
    background-color: #fff;
    width: 100%;
    height: 625px;
}
.system-mails-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.display-name-help.popover .arrow {
    border-width: 5px;
    border-left-width: thick;
}
.cp-pic {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 6px;
    float: left;
}
.emptyImg {
    padding-top: 4px;
    padding-left: 8px;
    font-size: 16px;
    color: #ddd;
}
.crmgroup {
    padding-right: 30px;
    margin-top: 30px;
}
.crmgroup .row {
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}
.crmgroup .crm-notes .crm-notes-band {
    background-color: #fafafa;
    border-top: 1px solid #fff;
    padding: 10px 0;
}
.crmgroup .crm-notes .crm-notes-band:first-child {
    border-top: 1px solid #eee;
}
.mscontacts {
    margin-top: 50px;
}
.mscontacts .list-panel .card-body {
    padding: 0;
    height: 520px;
    overflow-y: auto;
}
.mscontacts .list-panel .ms-list {
    margin: 0;
}
.mscontacts .list-panel .ms-list.zi-table.table thead > tr > th {
    background-color: #fff;
}
.mscontacts .pagination {
    padding: 0;
}
.txn-list .card {
    border-color: #ebeaf2;
}
.txn-list .card.zf-highlight {
    animation: none;
}
.txn-list .card.zf-highlight .card-header {
    animation: twinkle 1.5s 1 linear;
}
.txn-list .related-list-table .table {
    border-bottom: 0;
}
.txn-list .zi-table.table thead > tr > th::after {
    border-color: #ebeaf2;
}
.txn-list .pagination {
    border-top: 1px solid var(--zf-table-border-color);
    padding: 20px;
}
.txn-list .empty-msg {
    height: 40px;
    padding-top: 13px;
    color: #aaa;
}
.comments {
    margin-left: 50px;
    margin-top: 50px;
}
.comments .tree-structure {
    margin-left: 100px;
}
.comments .tree-structure .tree-node .tree-node-leaf {
    padding-right: 40px;
}
.comments .tree-structure .delete-action {
    position: absolute;
    right: 10px;
    color: #777;
    cursor: pointer;
}
.comments .time {
    position: absolute;
    top: 25px;
    left: -120px;
    width: 90px;
    text-align: right;
}
.simple-comments-history .activities {
    margin-left: 0;
    margin-top: 0;
}
.activities {
    margin-left: 85px;
    margin-top: 50px;
}
.activities .tree-node:before {
    left: -20px;
}
.activities .time {
    position: absolute;
    top: 25px;
    left: -120px;
    width: 90px;
    text-align: right;
}
.client-reviews .tree-structure .tree-node:before {
    left: -20px;
}
.client-reviews .tree-structure .tree-node .tree-node-leaf {
    margin-left: 10px;
}
.client-reviews .tree-structure .tree-node:first-child .profile-mini {
    top: 10px;
}
.client-reviews .profile-mini {
    top: 25px;
    left: -35px;
    border-color: transparent;
    position: absolute;
}
.crminfo-sections {
    display: flex;
    flex-wrap: wrap;
}
.highlight-border {
    border-left: 5px solid #fba800;
    padding-left: 15px;
}
.highlight-border ul {
    padding-left: 15px;
}
.light-blue-bg {
    background-color: #f3f9ff;
}
.contact-filter {
    border-bottom: 1px solid #ebebed;
    border-top: 1px solid #ebebed;
    margin: 0 -20px;
    padding: 15px 20px;
}
.contact-edit-dropdown .ac-box-drop {
    min-width: 200px;
}
.taxinfo-list .item svg {
    opacity: 0;
}
.taxinfo-list .item:hover svg {
    opacity: 1;
}
.customer-portal-status .enabled::before,
.customer-portal-status .disabled:before,
.customer-consolidation-status .enabled::before,
.customer-consolidation-status .disabled:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: -10px;
    top: 8px;
}
.customer-portal-status .enabled::before,
.customer-consolidation-status .enabled::before {
    background-color: #28a745;
}
.customer-portal-status .disabled::before,
.customer-consolidation-status .disabled::before {
    background-color: #dc3545;
}
.chatlet-list:hover {
    background-color: #e8e8e8;
    cursor: pointer;
}
.client-mail-height {
    height: 406px;
}
.client-link-org {
    background-color: #fff9f0;
}
.balance-summary th,
.balance-summary td {
    padding: 8px;
}
.hierarchy-customer-popover {
    min-width: 300px;
    max-width: 500px;
}
.hierarchy-customer-popover .popover-body {
    height: 250px;
    overflow: auto;
}
.customer-hierarchy-list {
    position: relative;
    --margin: 5px;
}
.customer-hierarchy-list .customer-display-name {
    padding: 5px;
    margin: var(--margin) 0;
    background-color: #f0f2f6;
    font-size: 12px;
}
.customer-hierarchy-list .customer-display-name.current-customer-display-name {
    background-color: var(--primary-color);
}
.customer-hierarchy-list .customer-has-child {
    position: absolute;
    height: var(--margin);
    bottom: 0;
    border-left: 1px solid #ddd;
}
.customer-hierarchy-list .customer-has-child.highlight-border {
    border-left: 2px solid #2b87e3;
}
.customer-hierarchy-list .hierarchy-tree-border {
    position: absolute;
    height: 100%;
}
.customer-hierarchy-list .hierarchy-tree-border.highlight-tree-border {
    border-left: 2px solid #2b87e3;
    z-index: 1;
}
.customer-hierarchy-list .hierarchy-tree-border:not(.highlight-tree-border) {
    border-left: 1px solid #ddd;
}
.hierarchy-grid {
    background-image: repeating-linear-gradient(to right, #fff, #eee 1px, transparent 1px, transparent 50px), repeating-linear-gradient(to bottom, #fff, #eee 1px, transparent 1px, transparent 50px);
}
.statement-banner {
    position: sticky;
    box-shadow: 0 7px 12px 0 #d7d5e2;
    bottom: 50px;
    margin: 0 auto;
    width: 95%;
}
.export-status-indicator {
    width: 310px;
    height: 60px;
    border-radius: 10px;
}
.customer-group-guildline {
    background-image: linear-gradient(94deg, #fffefb 0, rgba(250, 228, 216, 0.1882352941) 81.25%, #fef9f6 100%);
}
.cusgrp-diff-trigger {
    padding: 6px;
    fill: #3a3f53 !important;
}
.customer-list-erp-table .card-header {
    border-bottom: 0 !important;
}
.customer-list-erp-table thead th {
    border-bottom: 0 !important;
}
.zi-table {
    border-bottom: 1px solid var(--zf-table-border-color);
    table-layout: fixed;
}
.zi-table tbody tr .row-action {
    visibility: hidden;
    text-align: center;
    cursor: pointer;
}
.zi-table tbody tr .dynamic-icon {
    color: #999;
}
.zi-table tbody tr:hover .row-action {
    visibility: visible;
}
.zi-table tbody tr:hover .dynamic-icon {
    color: inherit;
}
.zi-table tbody tr:focus {
    outline: 0;
}
.zi-table tbody .selected {
    background-color: var(--zf-table-row-selected-bg-color);
}
.zi-table tbody .selected:hover {
    background-color: var(--zf-table-row-selected-hover-bg-color);
}
.zi-table tbody td {
    word-wrap: break-word;
}
.zi-table.table thead > tr > th {
    color: #757383;
    font-size: var(--zf-table-header-font-size);
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    position: sticky;
    top: -1px;
    z-index: 1;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.zi-table.table thead > tr > th.required {
    color: #ca4f4b;
}
.zi-table.table thead > tr > th:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid var(--zf-table-border-color);
    border-top: 1px solid var(--zf-table-border-color);
    z-index: 1;
    pointer-events: none;
}
.zi-table.table thead > tr:nth-child(2) th {
    top: 30px;
}
.zi-table.table thead > tr:nth-child(3) th {
    top: 60px;
}
.zi-table.table thead:first-child tr:first-child th {
    border-top: var(--zf-table-header-border-top);
}
.zi-table.table thead .adv-search-cell {
    max-width: 50px;
}
.zi-table a {
    font-weight: 500;
}
.table-expanded th,
.table-expanded td {
    padding: 12px 16px;
}
.table thead > tr > th {
    color: var(--zf-grey-12);
}
.table.outline-table {
    margin: 15px 0 35px;
}
.table.outline-table thead:first-child tr:first-child th {
    color: var(--zf-grey-12);
    text-transform: uppercase;
    border-top: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
}
.table.outline-table td {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
}
.table.outline-table .footer td {
    border-top: 1px solid #eee;
    font-weight: 600;
}
.table.wave-plan-detail-table {
    border-top-left-radius: 10px;
    border-collapse: collapse !important;
    overflow: hidden;
}
.table.wave-plan-detail-table td,
.table.wave-plan-detail-table th,
.table.wave-plan-detail-table thead {
    border: 0 !important;
}
.table.wave-plan-detail-table td,
.table.wave-plan-detail-table th {
    font-size: 14px;
}
.table.wave-plan-detail-table .wave-top-border::before,
.table.wave-plan-detail-table th::after {
    content: "";
    display: block;
    padding-top: 0;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
}
.table.wave-plan-detail-table tbody:first-child tr:first-child td {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    border-top: none !important;
    border-bottom: 1px solid #dee2e6 !important;
}
.table.wave-plan-detail-table thead:first-child tr:first-child th {
    color: #000;
    text-transform: uppercase;
}
.table.error-table thead.error-header tr th {
    border-top: none;
}
.table.error-table th,
.table.error-table td {
    border-color: #f2dede;
}
.list-header .list-filter {
    padding: 20px 10px 17.5px 20px;
    border-bottom: 1px solid #e4e4e4;
}
.list-header .list-filter .btn {
    padding: var(--zf-list-header-btn-padding);
}
.list-header .list-filter .btn [class*="icon"] {
    position: relative;
    top: 1px;
}
.list-header .list-title {
    margin-right: 46%;
}
.list-header .list-title > a {
    display: block;
    font-size: 16px;
    text-decoration: none;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-header .list-title .dropdown-menu {
    min-width: 200px;
}
.list-header .bulk-action {
    padding: 16px 10px;
    border-bottom: 1px solid #e4e4e4;
    background-color: #f8f7f7;
}
.list-header .bulk-action .btn-toolbar > :first-child:not(input) {
    margin-left: 10px;
}
.list-header .bulk-action .btn-toolbar > input:first-child {
    margin-right: 10px;
}
.list-column.expanded-list-column .list-header .list-title {
    margin-right: 65%;
}
.btn .fill-dropdown-blue,
.btn .link-color-on-hover:hover .icon,
.link-color-on-hover:hover .btn .icon {
    margin-bottom: 1px !important;
}
.content-column .list-header .list-title {
    float: left;
    margin-right: 0;
}
.bulk-selection-cell {
    cursor: pointer;
    width: 30px;
}
.bulk-selection-cell .create-view {
    margin-top: 1px;
    margin-right: 3px;
}
.list-primary .name {
    font-size: 14px;
    max-width: 300px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-primary .amount {
    text-align: right;
    font-size: 14px;
}
.over-flow,
.zi-table.table-compact td .td-child-overflow,
.rep-container .table.zi-table.table-compact td .td-child-overflow,
.list-column.expanded-list-column .zi-table.table-compact td .td-child-overflow,
.zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell) {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-secondary {
    font-size: 13px;
}
.list-secondary .number {
    padding-right: 5px;
    font-weight: 400;
}
.stat {
    padding: 2px 5px;
}
.list-notes {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    margin-left: 0;
}
.zi-table.table-hover.norow-action tbody tr:hover td {
    cursor: default;
}
.zi-table.table-hover tbody tr.tr-disabled:hover td {
    cursor: not-allowed;
}
.zi-table.table-hover tbody tr:hover td,
.zi-table.table-hover tbody .active td {
    cursor: pointer;
}
.zi-table.table-hover .table-active:hover,
.zi-table.table-hover .table-active:hover > td {
    background-color: #f1f1fa;
}
.zi-table.unified-table-grey thead > tr > th {
    color: var(--zf-grey-12);
    font-weight: 600;
    background-color: #f9f9fb;
}
.zi-table.unified-table-grey thead > tr > th:after {
    border-top-color: #ebeaf2;
    border-bottom-color: #ebeaf2;
}
.zi-table.unified-table-grey.table-hover tbody tr:hover {
    background-color: #f9f9fb;
}
.zi-table.unified-table-grey.table-hover tbody tr td {
    vertical-align: middle;
}
.zi-table.unified-table-grey .table-active > td {
    background-color: #f6f6fa;
}
.table-no-border {
    border-bottom: 0;
}
.table-no-border tbody > tr > td {
    border-top: none;
}
.table tr.empty-list {
    border-bottom: 1px solid transparent;
}
.table tr.empty-list td {
    padding: 80px 0;
}
.table tr.empty-list:hover {
    background-color: transparent !important;
}
.table tr.empty-list .msg {
    padding: 0 50px;
    font-size: 15px;
}
.zi-table.table-groupby tr.groupby-head:not(:first-child) {
    border-top: 1px solid #ddd;
}
.zi-table.table-groupby tr.groupby-head:hover {
    background-color: transparent;
}
.zi-table.table-groupby tr.groupby-head:hover td {
    cursor: default;
}
.table-head-rounded {
    border-collapse: separate !important;
    border-spacing: 0;
}
.table-head-rounded.table thead:first-child tr:first-child th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.table-head-rounded.table thead:first-child tr:first-child th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.table-head-grey.table thead > tr {
    background-color: #f9f9fb;
}
.table-head-grey.table thead > tr > th {
    color: var(--zf-grey-12);
    font-weight: 600;
}
.table-head-grey.table thead > tr:first-child th {
    border-top-color: #ebeaf2;
    border-bottom-color: #ebeaf2;
}
.table-head-grey.table thead > tr:first-child th:first-child {
    border-left: 1px solid #ebeaf2;
}
.table-head-grey.table thead > tr:first-child th:last-child {
    border-right: 1px solid #ebeaf2;
}
.table-head-grey.table tbody tr:first-child td {
    border-top: 0;
}
.table-head-grey.table tbody tr:last-child td {
    border-bottom: 1px solid var(--zf-table-border-color);
}
.table-head-grey.table .table-active > td {
    background-color: #f6f6fa;
}
.table-head-grey.table .table-hover tbody tr:hover {
    background-color: #f9f9fb;
}
.load-circle1,
.load-circle2,
.load-circle3,
.load-circle4,
.load-circle5 {
    width: 8px;
    height: 8px;
    background: gray;
    display: inline-block;
    border-radius: 20px;
    animation: loader 1.5s infinite;
}
@keyframes loader {
    0% {
        opacity: 1;
        scale: 1;
    }
    to {
        opacity: 0.25;
        scale: 0.3;
    }
}
.load-circle2 {
    animation-delay: 0.25s;
}
.load-circle3 {
    animation-delay: 0.5s;
}
.load-circle4 {
    animation-delay: 0.75s;
}
.load-circle5 {
    animation-delay: 1s;
}
.white-loading-circle [class*="load-circle"] {
    background-color: #fff;
}
.list-sorter.dropdown .up,
.list-sorter.dropdown .down {
    margin-top: 0;
}
.list-sorter.dropdown > a {
    font-size: 12px;
}
.list-sorter.dropdown .list-title {
    margin-right: 0;
}
.list-header .list-sorter {
    margin-right: 0;
    float: none;
}
.action-header {
    padding: 10px 20px;
    border-top: 1px solid #eee;
    background-color: #fafafa;
}
.action-header.outlet-filled {
    border-bottom: 1px solid #eee;
    padding: 8px;
}
.bulk-delete-action {
    padding: 10px 20px;
}
.list-sorter > .dropdown-menu i {
    margin: 0;
    padding-right: 8px;
}
.det-empty-msg {
    padding-top: 80px;
}
.overflow-initial {
    overflow: initial;
}
@media (min-width: 768px) {
    .list-column.expanded-list-column .scrollable-table.customviews-table .zi-table {
        table-layout: auto;
    }
    .list-column.expanded-list-column .scrollable-table.customviews-table .zi-table th:not(:first-child):not(:last-child) {
        min-width: 150px;
    }
    .list-column.expanded-list-column .scrollable-table.customviews-table.table-responsive {
        width: 100%;
        margin-bottom: 0;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .list-column.expanded-list-column .scrollable-table.customviews-table.table-responsive.overflow-initial {
        overflow: initial;
    }
}
.list-column.expanded-list-column .customviews-table {
    min-height: 100%;
}
.list-column.expanded-list-column .customviews-table .zi-table {
    white-space: break-word;
}
.list-column.expanded-list-column .customviews-table th:last-child {
    min-width: 50px;
}
.list-column.expanded-list-column .minified-table {
    min-height: 65%;
}
.list-column.expanded-list-column .list-status-column {
    font-size: var(--zf-status-column-font-size);
    text-transform: var(--zf-status-column-text-transform);
}
.fill-container.fixedcolumn-table-container table tr:first-child th:first-child,
.fill-container.fixedcolumn-table-container table tr td:first-child:not(.cell-scrollable) {
    position: sticky;
    top: -1px;
    z-index: 1;
    background-color: #fff;
    background-clip: padding-box;
    left: -20px;
    min-width: 250px;
}
.fill-container.fixedcolumn-table-container table tr:first-child th:first-child:after,
.fill-container.fixedcolumn-table-container table tr td:first-child:not(.cell-scrollable):after {
    height: 100%;
    border-right: 1px solid #eee;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.fill-container.fixedcolumn-table-container table tr:first-child,
.fill-container.fixedcolumn-table-container table tr td:first-child,
.fill-container.fixedcolumn-table-container table tr .cell-top-scrollable {
    top: auto !important;
}
.fill-container.fixedcolumn-table-container table tr:first-child th:first-child {
    z-index: 2 !important;
}
.fill-container.fixedcolumn-table-container table tr.fixed-popover-scroll:first-child th:first-child {
    z-index: 3 !important;
}
.fill-container.fixedcolumn-table-container table tr.fixed-popover-scroll td:first-child {
    z-index: 2 !important;
}
.fill-container.fixedcolumn-table-container table tr th:last-child,
.fill-container.fixedcolumn-table-container table tr td:last-child {
    padding-right: 8px;
}
.fill-container.fixedcolumn-table-container .table.abc-reports-border tr th:first-child,
.fill-container.fixedcolumn-table-container .table.abc-reports-border tr td:first-child {
    border-right: 0;
}
.fill-container.fixedcolumn-table-container .table.abc-reports-border tr th,
.fill-container.fixedcolumn-table-container .table.abc-reports-border tr td {
    border-left: 0;
}
.fill-container.fixedcolumn-table-container [class*="scroll-to-"] {
    position: fixed;
    top: 70%;
    width: 42px;
    height: 75px;
    background-color: rgba(156, 150, 150, 0.24);
    opacity: 0.5;
}
.fill-container.fixedcolumn-table-container [class*="scroll-to-"] .icon-arrow {
    position: relative;
    top: 40%;
    left: 28%;
}
.fill-container.fixedcolumn-table-container [class*="scroll-to-"]:hover {
    opacity: 0.8;
}
.fill-container.fixedcolumn-table-container [class*="scroll-to-"].disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.fill-container.fixedcolumn-table-container .scroll-to-right {
    right: 0;
    border-radius: 4px 0 0 4px;
    z-index: 2;
}
.fill-container.fixedcolumn-table-container .scroll-to-left {
    border-radius: 0 4px 4px 0;
    z-index: 2;
    left: 450px;
    transition: left 0.2s ease;
}
.fill-container.fixedcolumn-table-container.cf-table-container .scroll-to-left {
    left: 490px;
}
.tab-column-collapsed ~ .reports-content .scroll-to-left,
.tab-column-collapsed ~ .addresses-container .scroll-to-left {
    left: 290px;
}
.tab-column-collapsed ~ .reports-content .cf-table-container .scroll-to-left,
.tab-column-collapsed ~ .addresses-container .cf-table-container .scroll-to-left {
    left: 330px;
}
.table-layout-auto {
    table-layout: auto;
}
.table-layout-fixed {
    table-layout: fixed;
}
.sortable {
    cursor: pointer;
}
.sortable.asc .sort-up-caret,
.sortable.desc .sort-down-caret {
    fill: var(--zf-solid-color);
}
.sortable .sort-up-caret,
.sortable .sort-down-caret {
    fill: #408dfb;
}
th.sortable.asc,
th.sortable.desc {
    color: #757383 !important;
}
.dropdown-menu .dropdown-item.sortable.active .icon.sort-up-caret,
.dropdown-menu .dropdown-item.sortable.active .icon.sort-down-caret {
    fill: var(--zf-grey-15);
}
.dropdown-menu .dropdown-item.sortable.active.asc.item-focus .sort-up-caret,
.dropdown-menu .dropdown-item.sortable.active.desc.item-focus .sort-down-caret {
    fill: #fff;
}
.dropdown-menu .dropdown-item.sortable.active.asc .sort-up-caret,
.dropdown-menu .dropdown-item.sortable.active.desc .sort-down-caret {
    fill: #408dfb;
}
.wave-comp-hover a {
    color: #000;
}
.wave-comp-hover:hover a {
    color: #2485e8;
}
.zi-table.table-compact tr:not(.error-msg-row) td,
.zi-table.table-compact tr:not(.error-msg-row) th,
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) td,
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) th,
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) td,
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) th {
    vertical-align: middle;
}
.zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell) {
    min-width: 160px;
    max-width: 320px;
}
.zi-table.table-compact td,
.rep-container .table.zi-table.table-compact td,
.list-column.expanded-list-column .zi-table.table-compact td {
    padding: 9px 8px;
}
.zi-table.table-compact th,
.rep-container .table.zi-table.table-compact th,
.list-column.expanded-list-column .zi-table.table-compact th {
    padding: 12px 8px;
    letter-spacing: 0.9px;
    --zf-table-header-font-size: 10px;
}
.zi-table.table-compact .list-status-column,
.rep-container .table.zi-table.table-compact .list-status-column,
.list-column.expanded-list-column .zi-table.table-compact .list-status-column {
    --zf-status-column-font-size: 13px;
    --zf-status-column-text-transform: capitalize;
}
.zi-table.table-compact .list-address-column div,
.rep-container .table.zi-table.table-compact .list-address-column div,
.list-column.expanded-list-column .zi-table.table-compact .list-address-column div {
    display: inline;
}
.table.first-column-bordered-table {
    border-collapse: separate;
    border-spacing: 0;
}
.table.first-column-bordered-table thead > tr > th {
    background-color: #f9f9fb;
    border-top-color: var(--zf-table-border-color) !important;
}
.table.first-column-bordered-table thead > tr > th:first-child {
    border-top-left-radius: 5px;
    border-left: 1px solid var(--zf-table-border-color);
    border-right: 1px solid var(--zf-table-border-color);
}
.table.first-column-bordered-table thead > tr > th:last-child {
    border-top-right-radius: 5px;
    border-right: 1px solid var(--zf-table-border-color);
}
.table.first-column-bordered-table tbody > tr td:first-child {
    border-left: 1px solid var(--zf-table-border-color);
}
.table.first-column-bordered-table tbody > tr td:first-child,
.table.first-column-bordered-table tbody > tr td:last-child {
    border-right: 1px solid var(--zf-table-border-color);
}
.table.first-column-bordered-table tbody > tr:last-child td {
    border-bottom: 1px solid var(--zf-table-border-color);
}
.table.first-column-bordered-table tbody > tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}
.table.first-column-bordered-table tbody > tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}
.table.middled-content-table thead th,
.table.middled-content-table tbody td {
    vertical-align: middle;
}
.log-border-radius.line-item-table.line-item-table-light.input-table .line-item-header .line-item-column {
    color: var(--zf-grey-12);
}
.log-border-radius.line-item-table.line-item-table-light.input-table .form-control {
    height: 45px;
}
.log-border-radius.line-item-table.line-item-table-light.input-table tbody tr .line-item-column.preview-column {
    cursor: not-allowed;
}
.log-border-radius.line-item-table.line-item-table-light.input-table tbody tr:last-child td {
    border-bottom: 1px solid #efefef !important;
}
.templates {
    margin-top: 20px;
}
.templates > li {
    margin-left: 15px;
}
.templates > li.thumbnail-container {
    width: 302px;
}
.templates > li.template-bgthumbnail {
    width: 313px;
    height: 58px;
}
.templates .thumbnail {
    padding: 0;
    width: 100%;
}
.templates .thumbnail.custom img {
    margin-top: 15%;
}
.templates .flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.templates .flipped .front-side {
    opacity: 0;
}
.templates .flipped .back-side {
    display: block;
    backface-visibility: visible !important;
}
.templates .citi-check {
    border-style: dashed;
    background-color: #fff;
}
.templates .citi-check:hover {
    background-color: #000;
}
.templates .citi-check .caption {
    color: #fff;
}
.sidebar-templete-container .caption {
    opacity: 0;
}
.sidebar-templete-container .template-backdrop {
    background-color: var(--zf-templete-backdrop-color);
}
.sidebar-templete-container:hover .templete-blur {
    filter: blur(2px);
}
.sidebar-templete-container:hover .caption {
    opacity: 1;
}
.settings .thumbnail:hover,
.settings .template-bgthumbnail-image:hover {
    box-shadow: 0 0 10px 5px #eee;
    border-color: var(--zf-grey-12);
}
.settings .thumbnail:hover object,
.settings .template-bgthumbnail-image:hover object {
    opacity: 0.2;
}
.settings .thumbnail:hover .caption,
.settings .template-bgthumbnail-image:hover .caption {
    opacity: 1;
}
.settings .thumbnail:hover.selected-gtw,
.settings .template-bgthumbnail-image:hover.selected-gtw {
    border-color: #00b050;
}
.settings .caption {
    opacity: 0;
}
.settings .template-selected img {
    opacity: 0.3;
}
.thumbnail-container .thumbnail {
    transition: 0.5s;
    background-color: transparent;
}
.thumbnail-container .thumbnail .front-side,
.thumbnail-container .thumbnail .back-side {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    z-index: 200;
}
.thumbnail-container .thumbnail .front-side {
    position: absolute;
    z-index: 1;
}
.thumbnail-container .thumbnail .back-side {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.triangle-bottomleft {
    left: 0;
}
.template-cust a {
    display: inline-block;
    width: 100%;
}
.template-cust .col-form-label.section {
    padding: 15px 0 10px;
    font-size: 15px;
}
.color-picker-icon {
    width: 16px;
    height: 16px;
}
.color-palette {
    width: 20px;
    height: 20px;
    float: left;
}
.color-palette:last-child {
    margin-right: 10px;
    border: 1px solid;
    border-left: none;
}
.color-palette-image {
    background: url(images/referral-sprite-e50e222ba1.png) no-repeat -305px -434px;
    width: 20px;
    height: 16px;
    float: left;
}
.pcs-template.rtl {
    text-align: right;
}
.enable-templates-container {
    margin: 20% auto;
    text-align: center;
}
.template-properties-tab {
    font-size: 10px;
    text-align: center;
    padding: 9px 0 !important;
}
.template-list-dropdown .ac-box .ac-selected {
    height: 20px;
    line-height: 1.5;
    font-size: 13px;
    color: #408dfb;
}
.template-list-dropdown .ac-box .ac-selected span {
    margin-right: 13px;
}
.template-list-dropdown .zf-ac-toggler {
    color: #408dfb;
}
.template-list-dropdown .ac-box-drop {
    right: 0;
}
.iconL-left-top {
    top: -8px;
    left: -8px;
    transform: rotate(270deg);
}
.iconL-right-top {
    top: -8px;
    left: 100%;
}
.iconL-left-bottom {
    top: 100%;
    left: -8px;
    transform: rotate(180deg);
}
.iconL-right-bottom {
    top: 100%;
    left: 100%;
    transform: rotate(90deg);
}
.thumbnail-half {
    height: 147px;
}
.thumbnail-max {
    height: 427px;
}
.thumbnail-container.flipped-container {
    z-index: 2;
}
.thumbnail-container + .flipped-container {
    z-index: 1;
}
.fixed-tab-top .nav-tabs {
    background-color: #fafafa;
    border-bottom: 1px solid #f0f0f0;
}
.fixed-tab-top .nav-tabs .nav-link.active,
.fixed-tab-top .nav-tabs .nav-link.active:hover {
    border: 1px solid transparent;
    border-right: 1px solid #eee;
}
.fixed-tab-top .nav-tabs .nav-link {
    min-width: 70px;
    margin-right: 0;
    border-radius: 0;
    border-right: 1px solid #eee;
    padding: 5px 15px;
}
.fixed-tab-top .nav-tabs .nav-link:not(.back-link) {
    color: #444;
}
.fixed-tab-top .nav-tabs > li.float-right > a {
    border-left: 1px solid #eee;
    border-right: 0;
}
.timesheet {
    margin-bottom: 20px;
}
.timesheet .nav-tabs .nav-item {
    min-height: 50px;
}
.timesheet .nav-tabs .nav-link {
    vertical-align: middle;
}
.timesheet .nav-tabs .nav-link.active {
    color: #d62b31;
}
.timesheet .calendar {
    padding: 15px;
    min-width: 47px;
    vertical-align: middle;
}
.timesheet .calendar i {
    cursor: pointer;
}
.timesheet-action-header {
    background-color: var(--zf-weekly-log-header-bg-color);
    border-color: var(--zf-table-border-color);
}
.pre-next-btn:hover svg {
    fill: #408dfb;
}
.weekly-log-table.line-item-table-light .line-item-column:nth-last-child(2),
.weekly-log-table.line-item-table-light th.line-item-column:nth-last-child(2) {
    background-color: var(--zf-blue-4);
}
.weekly-log-table.line-item-table-light .line-item-header th.line-item-column,
.weekly-log-table.line-item-table-light td.line-item-column:nth-last-child(2),
.weekly-log-table.line-item-table-light tfoot > tr > td:not(:first-child):not(:last-child) {
    color: #757383;
}
.weekly-log-table.line-item-table-light tr > td {
    height: 60px;
}
.weekly-log-table.line-item-table-light tfoot > tr > td.line-item-column {
    background-color: var(--zf-blue-4);
}
.weekly-log-table.line-item-table-light .log-header {
    width: 250px;
}
.weekly-log-table.line-item-table-light .ac-width-md {
    max-width: 250px;
}
.weekly-log-table.line-item-table-light .week-date {
    text-transform: none;
    letter-spacing: 0;
}
.log-border-radius {
    border-collapse: separate;
    border-spacing: 0;
}
.log-border-radius thead th {
    border-bottom: 0 !important;
}
.log-border-radius thead th:first-child {
    border-top-left-radius: 10px;
}
.log-border-radius thead th:nth-last-child(2) {
    border-top-right-radius: 10px;
}
.log-border-radius thead th:not(:nth-last-child(2)) {
    border-right: 0 !important;
}
.log-border-radius tfoot td:first-child {
    border-bottom-left-radius: 10px;
}
.log-border-radius tfoot td:last-child {
    border-bottom-right-radius: 10px;
}
.log-border-radius tfoot td:not(:last-child) {
    border-right: 0 !important;
}
.log-border-radius tbody td {
    border-bottom: 0 !important;
}
.log-border-radius tbody td:not(:nth-last-child(2)) {
    border-right: 0 !important;
}
.weekly .form-group .col-lg-1,
.weekly .form-group .col-lg-2 {
    padding: 0 8px;
}
.finance-app .project-lineitem-option .dropdown-menu .dropdown-item:hover .text-muted,
.finance-app .project-lineitem-option .dropdown-menu .dropdown-item.active .text-muted {
    color: #fff !important;
}
.finance-app .monthlycalendar .btn-container {
    width: 20px;
    height: 20px;
    padding: 4px;
}
.monthlycalendar .calendar-cell {
    display: none;
}
.monthlycalendar thead > tr > th {
    width: 130px;
    height: 40px;
    vertical-align: middle;
    border-left: 1px solid var(--zf-table-border-color);
}
.monthlycalendar tbody > tr > td {
    height: 130px;
    border: 1px solid var(--zf-table-border-color);
    width: 145px;
    padding: 5px;
    vertical-align: top;
}
.monthlycalendar tbody > tr > td.total {
    background-color: #fbfbfb;
    cursor: default;
    border-right: none;
}
.monthlycalendar tbody > tr > td.cell-muted {
    background-color: #fbfbfb;
    cursor: not-allowed;
}
.monthlycalendar tfoot > tr > td:not(:first-child) {
    border: 1px solid var(--zf-table-border-color);
}
.monthlycalendar .action {
    visibility: hidden;
}
.monthlycalendar .total-logentry-text {
    color: #212529;
}
.monthlycalendar tbody > tr > td:hover:not(.cell-muted, .total) {
    box-shadow: inset 0 0 0 1px #408dfb;
}
.monthlycalendar tbody > tr > td:hover:not(.cell-muted, .total) .calendar-cell {
    display: block;
}
.monthlycalendar tbody > tr > td:hover .total-logentry-text {
    color: #408dfb;
}
.monthlycalendar td:hover .action {
    visibility: visible;
}
.monthlycalendar .timeEntry {
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.monthlycalendar .timeEntry span {
    color: var(--zf-grey-12);
}
.monthlycalendar .timeEntry .time {
    color: #f75;
}
.monthlycalendar .timeEntry:hover span {
    color: #000;
    border-bottom: 1px dotted;
}
.monthlycalendar .timeEntry:hover .time {
    color: #d62b31;
    border-bottom: 1px dotted;
}
.monthlycalendar .logTimeDialog {
    padding: 10px 25px 35px;
    max-width: 360px;
    width: 360px;
    display: block;
    z-index: 9;
}
.monthlycalendar .logTimeDialog .pointer {
    top: 37px;
}
.monthlycalendar .logTimeDialog .modal-body {
    padding: 0;
}
.monthlycalendar .logTimeDialog .modal-footer {
    padding: 0;
    border-top: none;
}
.monthlycalendar .logTimeDialog .modal-header,
.monthlycalendar .logTimeDialog .log-date {
    display: none;
}
.monthlycalendar .nav-tabs {
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #eee;
}
.monthlycalendar .timeentry-cell::before {
    content: "";
    position: absolute;
    display: inline-block;
    background-color: var(--zf-table-border-color);
    width: 3px;
    height: 90%;
    top: 2px;
    left: -2px;
    border-radius: 140px;
    border: 0;
}
.logTime .popover {
    width: 250px;
}
.logentry-row .list-actions {
    visibility: hidden;
}
.logentry-row:hover .list-actions {
    visibility: visible;
}
.timer {
    background-image: url(images/timer_widget-49cf64ceba.gif);
    height: 14px;
    width: 14px;
    display: inline-table;
    background-size: cover;
}
.rotateHandTimer {
    animation: roatateHand 1s infinite linear;
    transform-origin: 50% 57% 0;
}
@keyframes roatateHand {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.tab-column-collapsed .timer-widget {
    width: 40px;
}
.tab-column-collapsed .timer-widget .pause-resume-action,
.tab-column-collapsed .timer-widget .timer-full-info {
    margin-left: 0 !important;
}
.tab-column-collapsed .timer-widget .timer-content,
.tab-column-collapsed .timer-widget .stop-action,
.tab-column-collapsed .timer-widget .discard-action,
.tab-column-collapsed .timer-widget .pause-resume-action {
    display: none;
}
.tab-column-collapsed .timer-widget:hover .timer-full-info,
.tab-column-collapsed .timer-widget:hover .stop-action,
.tab-column-collapsed .timer-widget:hover .discard-action {
    display: none;
}
.tab-column-collapsed .timer-widget:hover .pause-resume-action {
    display: unset;
}
.tab-column-collapsed .timer-widget:hover .timelog-menu-bg {
    background-color: #408dfb;
}
.tab-column-collapsed .timer-widget:hover .timelog-menu-bg svg {
    fill: #fff;
}
.timer-widget {
    position: fixed;
    bottom: 0;
    min-width: 39px;
    width: 200px;
    height: 43px;
}
.timelog-menu-bg {
    background: var(--zf-grey-23);
}
.timer-row {
    background-color: #ebf3e2;
}
.timer-row td {
    vertical-align: middle;
}
.timer-button .timer {
    background-image: url(images/clock-white-a396b2ee87.gif);
    margin-bottom: -4px;
}
.timer-button,
.timer-button:hover,
.timer-button:active,
.timer-button[disabled],
.timer-button[disabled]:hover {
    background-color: #268ddd;
    border-color: #268ddd;
    color: #fff;
}
.newtask {
    background-color: #f5f5f5;
    padding: 15px;
    padding-left: 0;
    margin: 0 15px;
}
.proj-summary-band {
    padding: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.proj-summary-band h4 {
    margin-top: 0;
}
.proj-summary-band div[class^="col-lg-"] {
    border-left: 1px solid #e7e7e7;
}
.proj-summary-band div[class^="col-lg-"]:first-child {
    border-left: none;
}
.project-container {
    margin-top: 20px;
    display: table;
    width: 100%;
    padding: 0;
}
.project-container .lhs-project {
    background-color: #f9f9f9;
    display: table-cell;
    vertical-align: top;
    width: 25%;
    padding: 10px;
    word-wrap: break-word;
}
.project-container .rhs-project {
    display: table-cell;
    border: 1px solid #eee;
    width: 74%;
}
.timer-extension-section {
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.timesheet-empty-state.upgrade-container {
    border: 0;
    position: relative;
}
.timesheet-empty-state.upgrade-container .upgrade-desc {
    padding: 40px 200px;
}
.timesheet-empty-state.upgrade-container .upgrade-desc h2 {
    margin-bottom: 40px;
}
.project-cards .thumbnail {
    box-shadow: 0 2px 25px 0 #eee;
}
.timesheet-column .list-title .nav-tabs {
    border-bottom: none;
}
.timesheet-column .fill-container .zi-table th:last-of-type,
.timesheet-column .fill-container .zi-table td:last-of-type {
    padding-right: 8px;
}
.timesheet-table-sec .zi-table td:last-of-type {
    padding-right: 8px !important;
}
.timesheet-approval-info {
    background-color: #fbfbfb;
}
.action-header-nav-tab .btn-link {
    color: var(--zf-grey-12);
}
.action-header-nav-tab .btn-link:hover {
    color: #408dfb;
}
.action-header-nav-tab .btn-link.active {
    color: #222;
}
.timelog-menu .scrollmenu {
    min-width: 150px;
}
.timesheet-list-column .pref-tabs {
    margin-top: 7px;
}
.timesheet-list-column .tab-menu-actions {
    height: 65px;
    padding: 16px 20px;
}
.timesheet-list-column .list-title .nav-tabs {
    border-bottom: none;
}
.timesheet-sub-tab .nav-tabs-dashed .nav-link.active::after {
    top: 9px;
}
.timesheet-list-head {
    padding-left: 10px;
}
.timesheet-list-head.list-title {
    margin-right: 50%;
}
.timesheet-filter-dropdown,
.journal-filter-dropdown {
    display: inline-block;
}
.timesheet-filter-dropdown.fixed-width,
.journal-filter-dropdown.fixed-width {
    max-width: 18%;
}
.timesheet-filter-dropdown .ac-box-drop,
.journal-filter-dropdown .ac-box-drop {
    min-width: 220px;
}
.find-acc-dropdown .form-control {
    background: 0 0;
}
.crmgroup.zprojects-info {
    padding-left: 30px;
}
.crmgroup.zprojects-info .list:last-child {
    border: 0;
}
.hide-chart div,
.hide-chart h4 {
    opacity: 0;
}
.import-timesheet-content {
    opacity: 1 !important;
    text-align: center;
    position: absolute;
    max-width: 350px;
    top: 100px;
    right: 300px;
    z-index: 999;
}
.import-timesheet-content div {
    opacity: 1 !important;
    padding-top: 5px;
    font-size: 18px;
    line-height: 28px;
}
.projects-history svg {
    fill: #2a85fb;
    vertical-align: sub;
}
.timesheet-sync-desc {
    padding: 15px 25px 20px;
    margin: 0 -20px;
    text-align: left;
}
.timesheet-sync-desc span {
    color: #222;
}
.timesheet-filter-dropdown.no-border .ac-selected,
.action-header .timesheet-filter-dropdown .ac-selected,
.action-header .journal-filter-dropdown .ac-selected {
    border-color: transparent;
    box-shadow: none;
}
.action-header .timesheet-filter-dropdown .ac-selected,
.action-header .journal-filter-dropdown .ac-selected {
    background-color: transparent;
}
.action-header .timesheet-filter-dropdown .ac-selection-clear,
.action-header .timesheet-filter-dropdown .ac-selection-clear:hover,
.action-header .journal-filter-dropdown .ac-selection-clear,
.action-header .journal-filter-dropdown .ac-selection-clear:hover {
    font-size: 26px;
}
.timesheet-details-column thead:first-child tr:first-child th {
    border-top: 0;
}
.billed-unbilled-amt-container {
    padding-left: 15px;
    margin-top: -14px;
    list-style-type: circle;
}
.billed-unbilled-amt-container .text-green {
    color: #1fce88;
}
.billed-unbilled-amt-container .text-red {
    color: #ff3e3e;
}
.users-detailed-section {
    border-top: 1px dashed #ddd;
    border-bottom: 1px solid #ddd;
}
.users-detailed-section .username-sec {
    padding: 3px 15px 4px 35px;
    border: 1px solid #ddd;
    border-radius: 20px;
    margin-left: -28px;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.users-detailed-section .cp-pic {
    width: 28px;
    height: 28px;
}
.users-detailed-section .popover-body {
    width: 220px;
}
.projectdetails-container {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.dot-green::before,
.dot-blue::before,
.dot-red::before {
    content: " ";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.dot-green::before {
    background-color: #388a10;
}
.dot-blue::before {
    background-color: var(--zf-blue-9);
}
.dot-red::before {
    background-color: var(--zf-orange-5);
}
.approval-warning-bg {
    background-color: #fff4e7;
    border: 0;
    color: #222;
    padding: 5px 20px;
    border-radius: 40px;
}
.timesheets-summary-popover {
    width: 390px;
}
.timesheets-summary-popover .arrow {
    left: 297px;
}
.ac-box-dropup {
    top: auto !important;
    bottom: 100% !important;
    margin-bottom: 40px !important;
}
.ac-focus {
    border-color: #97c5f4 !important;
    box-shadow: rgba(102, 175, 233, 0.6) 0 0 8px !important;
}
.timeentry-details .flyout {
    top: 65px;
    width: 26%;
    z-index: 900;
}
.timeentry-details .flyout .flyout-body {
    top: 65px;
}
.timeentry-details .flyout .sidebar-body {
    height: auto;
}
.timeentry-details .flyout .vertical-more {
    padding-top: 8px;
}
.timeentry-details .rotate-minus-45 {
    transform: rotate(-45deg);
}
.timeentry-details .rotate-plus-90 {
    transform: rotate(90deg);
}
.timeentry-details .timer-svg {
    width: 45px;
    height: 45px;
    border: 1px solid #eee;
    padding-left: 2px;
}
.timeentry-details .flyout-header {
    height: 65px;
}
.timer-action:hover {
    background-color: var(--zf-grey-20);
}
.timesheet-summary-band {
    animation: fadeInDown 0.3s;
}
.multicriteria-wf-container {
    background-image: radial-gradient(#f1f1f8 2px, transparent 0);
    background-size: 25px 25px;
    background-color: #fbfcff;
    height: 100%;
}
.multicriteria-wf-container .wf-wrapper {
    padding: 20px 0 20px 100px;
}
.wf-trigger-info-wrapper {
    margin-top: 40px;
    border-left: 2px solid #70789a;
}
.wf-trigger-info-wrapper .wf-trigger-info-container {
    display: flex;
    transform: translateX(-49px);
}
.wf-trigger-info-wrapper .wf-trigger-info-container .trigger-info-when-wrapper {
    width: 100px;
    height: 40px;
    background-color: #2c2f49;
    color: #fff;
    border-radius: 24px;
    position: relative;
    display: flex;
}
.wf-trigger-info-wrapper .wf-trigger-info-container .trigger-info-when-wrapper::before {
    content: "";
    width: 106.5px;
    position: absolute;
    top: 50%;
    left: 100%;
    border-top: 2px solid #70789a;
}
.wf-trigger-info-wrapper .wf-trigger-info-container .trigger-info-when-wrapper .trigger-info-when {
    align-self: center;
    flex: 1 1 auto;
}
.wf-trigger-info-wrapper .wf-trigger-info-container .trigger-info {
    position: relative;
    margin-left: 110px;
}
.wf-trigger-info-wrapper .wf-trigger-info-container .trigger-info::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    border-left: 7px solid #70789a;
    top: 14px;
    left: -6px;
}
.diamond {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-top: 40px;
    transform: translateX(-51px) rotate(45deg);
    color: #fff;
    background-color: #2c2f49;
    border-radius: 10px;
    z-index: 1;
}
.diamond .diamond-text {
    transform: rotate(-45deg);
    text-align: center;
    flex: 1 1 auto;
}
.diamond-flow-line {
    transform: translate(-35.54px, 89px);
    flex-shrink: 0;
    width: 88.3px;
    border-top: 2px solid #70789a;
}
.wf-criteria-chart .wf-criteria-container {
    display: flex;
    padding-top: 40px;
    border-left: 2px solid #70789a;
}
.wf-criteria-chart .wf-criteria-container .wf-rule-action-container {
    transform: translate(-34.54px);
}
.wf-criteria-chart .wf-criteria-container .wf-criteria-card {
    margin-top: 69px;
}
.wf-criteria-chart .wf-criteria-container .wf-criteria-card .wf-criteria-card-container {
    position: relative;
}
.wf-criteria-chart .wf-criteria-container .wf-criteria-card .wf-criteria-card-container::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    border-left: 7px solid #70789a;
    top: 14px;
    left: -7px;
}
.wf-actions {
    position: relative;
    margin-top: 75px;
}
.wf-actions::before {
    content: "";
    height: 76px;
    border-left: 2px solid #70789a;
    position: absolute;
    transform: translate(21px, -100%);
}
.wf-criteria-index {
    color: #68708c;
    background-color: var(--zf-grey-22);
}
.wf-timebased-action-container {
    position: relative;
    margin-left: 80px;
}
.wf-timebased-action-container::before {
    content: "";
    width: 80px;
    border-bottom: 2px solid #70789a;
    position: absolute;
    top: 20px;
    transform: translateX(-100%);
}
.wf-timebased-action-container .wf-timebased-action {
    position: relative;
    margin-bottom: 40px;
}
.wf-timebased-action-container .wf-timebased-action::after {
    content: "";
    height: 40px;
    border-left: 2px solid #70789a;
    position: absolute;
    transform: translateX(15px);
}
.wf-execution-time-header {
    background-color: #f7f9fd;
    color: #68708c;
    font-size: 12px;
    font-weight: 500;
}
.wf-card {
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(28, 29, 85, 0.05) 0 2px 4px 0;
}
.wf-card .wf-card-header {
    display: flex;
    text-transform: uppercase;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    letter-spacing: 0.5px;
    height: 40px;
    background-color: #f7f9fd;
    color: #68708c;
    font-size: 12px;
    font-weight: 500;
}
.wf-card .wf-card-body {
    padding: 20px;
}
.wf-card .edit-icon,
.wf-card .trash-icon {
    fill: var(--zf-grey-10);
}
.wf-card:hover .edit-icon {
    fill: #408dfb;
}
.wf-card:hover .trash-icon {
    fill: #f7525a;
}
.imgDIV {
    max-height: 90px;
    border: 1px dashed #ddd;
    border-radius: 4px;
    padding: 10px;
}
#upload {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
#upload input[type="file"] {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.enable-reg-button {
    right: -34%;
}
.content-column .body.gatewaysection {
    background-color: #fcfcfc;
}
[class^="pmtgtw-"] {
    background-image: url(images/paymentServiceLogo-440297271b.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: cover;
}
svg.paypal-pro {
    width: 80px;
    height: 50px;
}
.pmtgtw-mercadopago {
    background-image: url(images/mercado_pago-1ebf982414.png);
    width: 120px;
    height: 35px;
    cursor: unset;
}
.pmtgtw-icicieazypay {
    background-position: -222px 0;
    width: 111px;
    height: 60px;
}
.einvoice-verification {
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #f5f5f5;
}
.warning-text {
    color: #ec9500;
}
.disabled-text-color {
    color: #212529 !important;
}
.align-header-center > h4 {
    width: 57%;
    text-align: end;
    font-weight: 500;
    font-size: 19px;
}
.settings-gw {
    position: relative;
}
.settings-gw .gw-features {
    padding-left: 15px;
    list-style: disc;
}
.settings-gw .gateway {
    display: inline-block;
    width: 120px;
    height: 50px;
}
.settings-gw.gateway-list {
    padding-left: 0;
    width: 13%;
}
.virtual-fund-add-help .description {
    letter-spacing: 0.15px;
}
.virtual-fund-add-help .account-container .account-header {
    letter-spacing: 1.25px;
}
.virtual-fund-add-help .account-container .separator {
    border: 0.5px solid #c5cde0;
    height: 13px;
}
.virtual-fund-add-help .pointer-arrow {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.settings-gw:first-child {
    width: 94%;
}
.offer-ribbon {
    background-color: #e54643;
    border-color: #e54643;
}
.new-account-pmt-gw {
    background-color: #fff;
    border: 1px dashed #ddd;
    padding: 15px;
}
.mandate-sync {
    border-left: 1px solid #e4e4e4;
}
.sync-details {
    padding-right: 25px;
    line-height: 26px;
}
.checklist {
    counter-reset: li-counter;
}
.checklist dt:before {
    content: counter(li-counter);
    counter-increment: li-counter;
    position: absolute;
    left: 20px;
    margin-top: 1px;
    padding: 1px 8px;
    font-size: smaller;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border-radius: 16px;
}
.checklist dt {
    margin-bottom: 20px;
    padding-left: 40px;
    font-weight: 400;
}
.pmtgtw-twocheckout {
    background-position: -3px -55px;
}
.stripe-bank-table > tbody > tr > td {
    padding: 15px 8px;
}
.icicieazypay {
    background-image: url(images/paymentServiceLogo-440297271b.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: -219px -1px;
    width: 115px;
    height: 60px;
    display: inline-block;
    background-size: cover;
}
.icici-fee-table {
    font-size: 12px;
}
.icici-fee-table thead tr th {
    background-color: #f5821f;
    color: #fff;
}
.icici-integration > li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
}
.icici-integration > li:last-child {
    border-bottom-color: transparent;
    padding-bottom: 0;
}
.icici-integration > li dl {
    margin: 0;
}
.icici-integration > li .row {
    margin-top: 5px;
}
.gw-benefits-list {
    padding: 0 0 10px 20px;
    list-style-type: disc;
}
svg.icon-paytm {
    height: 30px;
    width: 85px;
}
svg.icon-bharat-qr {
    height: auto;
    width: 70px;
}
.payment-mode-item li {
    min-height: 70px;
    border-radius: 10px;
}
.payment-mode-item li.active {
    background-color: #f3f9ff;
}
.pg-configured {
    max-width: 840px;
    background-color: #fbfafe;
    border-radius: 10px;
}
.pg-configured .gateway-item:not(:last-child) {
    border-bottom: 1px solid #d5d1d1;
}
.pg-configured .gateway-item .loading {
    margin-top: 0;
    text-align: right !important;
}
.pg-unconfigured {
    max-width: 840px;
}
.pg-unconfigured .settings-gw {
    box-shadow: 0 2px 25px 0 #eee;
    border-radius: 10px;
}
[class^="other-integ-"] {
    background-image: url(images/integration1x-2c2f27b3d7.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}
.surepayroll-logo {
    background: url(images/surepayroll-logo-f7dcb9e3ae.png) no-repeat;
    background-size: 135px;
    width: 170px;
    height: 30px;
}
.keypay-logo {
    background: url(images/keypay-55a6f04c82.png) no-repeat;
    background-size: 135px;
    width: 170px;
    height: 40px;
}
.other-integ-square {
    background-position: -18px -18px;
    width: 110px;
    height: 30px;
}
.other-integ-tax1099 {
    background-position: -30px -68px;
    width: 101px;
    height: 32px;
}
.other-integ-yearli {
    background-position: -30px -642px;
    width: 101px;
    height: 36px;
}
.other-integ-avalara {
    background-position: -16px -175px;
    width: 115px;
    height: 35px;
}
.other-integ-slack {
    background-position: -15px -227px;
    width: 115px;
    height: 30px;
}
.kaptiche-logo {
    background: url(images/kaptiche-ab39456ada.png) no-repeat;
    background-size: 140px;
    width: 136px;
    height: 50px;
}
.other-integ-microsoft {
    background-position: -9px -279px;
    width: 130px;
    height: 32px;
}
.other-integ-google {
    background-position: -18px -379px;
    width: 110px;
    height: 37px;
}
.google-workspace-logo {
    background: url(images/google-workspace-logo-481b867002.png) no-repeat;
    background-size: contain;
    width: inherit;
    height: 25px;
    display: block;
    margin-top: 10px;
}
.other-integ-fundbox {
    background-position: -16px -432px;
    width: 115px;
    height: 34px;
}
.other-integ-gmail {
    background-position: -41px -478px;
    width: 70px;
    height: 63px;
}
.other-integ-outlook {
    background-position: -41px -566px;
    width: 70px;
    height: 63px;
}
.integ-body {
    width: 80%;
}
.vertical-crm-logo-img {
    margin-top: 10px;
    max-width: 140px;
}
.otherapp-icon {
    background: url(images/other-app-icons-46065240bc.png) no-repeat;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    vertical-align: bottom;
}
.integ-list {
    position: relative;
    min-height: 100%;
    padding-bottom: 45px;
}
.mp-footer-util {
    margin: auto;
    left: 0;
    right: 0;
}
.search-in-marketplace {
    display: flex;
    position: absolute;
    bottom: 0;
    width: fit-content;
    align-items: center;
    padding: 5px 12px 5px 16px;
    border: 2px solid #fff;
    border-radius: 12px;
    background-color: #e6f2ff;
}
.search-in-marketplace a {
    font-weight: 500;
    color: var(--unifiedtheme-blue);
    padding: 5px 8px;
}
.search-in-marketplace a:hover {
    background-color: var(--unifiedtheme-blue);
    color: #fff;
    border-radius: 5px;
}
.gmail-xs {
    background-position: -268px -68px;
    width: 17px;
    height: 13px;
}
.gapps-xs {
    background-position: -266px -421px;
    width: 19px;
    height: 19px;
}
.outlook-xs {
    background-position: -267px -194px;
    width: 18px;
    height: 18px;
}
.office365-xs {
    background-position: -266px -298px;
    width: 16px;
    height: 19px;
}
.gmail-sm {
    background-position: -186px -59px;
    width: 39px;
    height: 29px;
}
.gapps-sm {
    background-position: -187px -411px;
    width: 38px;
    height: 38px;
}
.outlook-sm {
    background-position: -186px -182px;
    width: 40px;
    height: 40px;
}
.office365-sm {
    background-position: -184px -286px;
    width: 40px;
    height: 49px;
}
.zmail-lg {
    background-position: -50px -517px;
    width: 80px;
    height: 85px;
}
.gmail-lg {
    background-position: -56px -45px;
    width: 77px;
    height: 59px;
}
.gapps-lg {
    background-position: -53px -397px;
    width: 75px;
    height: 75px;
}
.outlook-lg {
    background-position: -56px -163px;
    width: 79px;
    height: 80px;
}
.office365-lg {
    background-position: -56px -277px;
    width: 68px;
    height: 82px;
}
.btn-googleapps {
    background-color: #4d90fe;
    border: 1px solid #3079ed;
    color: #fff;
    font-size: 11px;
    border-radius: 2px;
    width: 140px;
}
.integ-zapps {
    width: 18%;
    text-align: center;
}
[class^="integ-zapps-"] {
    background-image: url(images/zoho-apps-09bca8caf7.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
}
.integ-zapps-crm {
    background-position: -36px -27px;
    width: 94px;
    height: 71px;
}
.integ-zapps-expense {
    background-position: -33px -145px;
    width: 87px;
    height: 87px;
}
.integ-zapps-cliq {
    background-position: -186px -256px;
    width: 73px;
    height: 100px;
}
.integ-zapps-billing {
    background-position: -175px -134px;
    width: 90px;
    height: 76px;
}
.integ-zapps-projects {
    background-position: -186px -25px;
    width: 84px;
    height: 82px;
}
.integ-zapps-people {
    background-position: -40px -260px;
    width: 85px;
    height: 82px;
}
.integ-zapps-books {
    background-position: -178px -492px;
    width: 95px;
    height: 82px;
}
.integ-zapps-workerly {
    background-position: -178px -609px;
    width: 95px;
    height: 82px;
}
.integ-zapps-inventory {
    background-position: -34px -485px;
    width: 91px;
    height: 88px;
}
.integ-zapps-reports {
    background-position: -35px -375px;
    width: 88px;
    height: 71px;
}
.integ-zapps-desk {
    background-position: -189px -371px;
    width: 72px;
    height: 87px;
}
.integ-zapps-campaigns {
    background-position: -44px -733px;
    width: 72px;
    height: 80px;
}
.integ-zoho-workerly {
    background-position: -2px -253px;
    width: 177px !important;
    height: 22px !important;
}
.integ-zapps-mail {
    background-position: -36px -619px;
    width: 87px;
    height: 80px;
}
.integ-zapps-commerce {
    background-position: -36px -1070px;
    width: 87px;
    height: 80px;
}
.integ-zapps-pagesense {
    background-position: -36px -1310px;
    width: 87px;
    height: 80px;
}
.integ-zapps-sign {
    background-position: -194px -727px;
    width: 73px;
    height: 73px;
}
.integ-zapps-salesiq {
    background-position: -41px -838px;
    width: 81px;
    height: 73px;
}
.integ-zapps-bigin {
    background-position: -178px -840px;
    width: 94px;
    height: 71px;
}
.integ-zapps-recruit {
    background-position: -44px -955px;
    width: 80px;
    height: 80px;
}
.integ-zapps-list {
    border-bottom: none;
}
.integ-zapps-list.table tbody > tr > td {
    padding: 20px 8px;
    border-top: none;
    border-bottom: 1px solid #eee;
}
.integ-zapps-list.table tbody > tr > td:last-child {
    vertical-align: middle;
}
.gateway-sca-status {
    padding: 10px 15px;
    color: #000;
    max-width: 576px;
    border-left: 3px solid #000;
    border-left-color: var(--badge-color, #000);
}
.gateway-sca-status.done {
    --badge-color: #53b05a;
}
.gateway-sca-status.pending {
    background-color: #fff8ec;
    --badge-color: #ec9500;
}
.gateway-sca-status.info {
    background-color: #e6f4ff;
    --badge-color: #2098ff;
}
.gateway-sca-status.w-100 {
    max-width: 100%;
}
.gateway-sca-status .update-label {
    padding: 3px 7px;
    margin-bottom: 5px;
    background-color: #000;
    background-color: var(--badge-color, #000);
    color: #fff;
}
.preference .unauthenticate-warning {
    background-color: #ffead1;
    border-radius: 6px;
    margin-left: -3px;
}
.preference .domain-table {
    background-color: #fff;
    box-shadow: 0 2px 4px #eee;
    border: 1px solid #eee;
    border-collapse: separate;
    border-radius: 6px;
}
.preference .domain-table .domain-email-rows {
    vertical-align: top;
}
.preference .domain-table .domain-email-rows td {
    padding: 12px 12px 12px 20px;
    border: 0;
}
.preference .domain-table .domain-email-rows:hover {
    background-color: #f9faff;
}
.preference .domain-table .domain-email-rows:hover .pencil-icon svg {
    fill: #227fb5;
}
.preference .domain-table .domain-email-rows:hover .trash-icon svg {
    fill: #e24520;
}
input.key-placeholder {
    background-color: #fff;
    text-align: left;
    border: 1px solid #ececec;
}
.key-placeholder {
    text-overflow: ellipsis;
    width: 450px;
}
.key-placeholder:focus {
    box-shadow: none;
}
.email-temp-row td {
    padding-top: 20px;
    padding-bottom: 20px;
}
.email-temp-row:hover i {
    visibility: visible;
}
.editemail-add {
    overflow: hidden;
    opacity: 0;
    height: 0;
    transition: e("height .2s linear, opacity .2s linear");
}
.editemail-add-show {
    opacity: 1;
    height: 125px;
}
.advance-invoice-ph .ph-dropdown > .ph-dropdown-menu.show {
    display: flex;
}
.ph-dropdown > .ph-dropdown-menu {
    width: 641px;
    left: 0;
    right: auto;
}
.ph-dropdown > .ph-dropdown-menu.ph-right {
    left: auto;
    right: 0;
}
.ph-dropdown > .ph-dropdown-menu.ph-small {
    width: 380px;
}
@media (max-width: 1280px) {
    .ph-dropdown > .ph-dropdown-menu.ph-small {
        width: 300px;
    }
}
.ph-dropdown > .ph-dropdown-menu.ph-medium {
    width: 450px;
}
@media (max-width: 1280px) {
    .ph-dropdown > .ph-dropdown-menu.ph-medium {
        width: 380px;
    }
}
.ph-dropdown > .ph-dropdown-menu.ph-large {
    width: 730px;
}
@media (max-width: 1280px) {
    .ph-dropdown > .ph-dropdown-menu.ph-large {
        width: 641px;
    }
}
.ph-dropdown > .ph-dropdown-menu > .ph-group {
    border-left: 1px solid #ccc;
    margin: 20px 0;
    padding-left: 4px;
    padding-right: 4px;
    float: left;
    max-width: 250px;
    min-width: 180px;
}
.ph-dropdown > .ph-dropdown-menu > .ph-group > ul {
    list-style: none;
    padding-left: 0;
}
.ph-dropdown > .ph-dropdown-menu > .ph-group > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.6;
    color: var(--zf-dropdown-link-color);
}
.ph-dropdown > .ph-dropdown-menu > .ph-group > ul > li > a:hover,
.ph-dropdown > .ph-dropdown-menu > .ph-group > ul > li > a:focus {
    text-decoration: none;
    color: var(--zf-dropdown-link-hover-color);
    background-color: var(--zf-dropdown-link-hover-bg-color);
}
.ph-dropdown > .ph-dropdown-menu > .ph-group .fltheader:hover {
    background-color: unset;
}
.ph-dropdown > .ph-dropdown-menu > .ph-group:first-of-type {
    border-left: none;
    padding-left: 0;
}
.ph-dropdown > .ph-dropdown-menu > .ph-group .ph-group {
    margin-top: 10px;
}
.zf-email-ph .zf-html-editor {
    border-radius: 6px;
}
.zf-email-ph .zf-html-editor .html-editor-toolbar {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
@media screen and (max-width: 1124px) {
    .zf-email-ph .ph-dropdown > .ph-dropdown-menu {
        width: 500px;
    }
}
.temp-ph {
    padding: 10px 5px;
    margin: 0 0 10px;
}
.placeholderbar-positionfix {
    position: fixed;
    top: 65px;
    left: 0;
    right: 0;
    z-index: 5;
}
.custom-template-editor-section {
    margin: 0 -20px;
    padding: 20px;
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
}
.custom-template-editor-section > .editor-container {
    max-width: 1020px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 6px #ccc;
}
.custom-template-editor-section > .editor-container > .editor {
    padding: 0 20px;
}
.custom-template-editor-section > .editor-container > .editor > .zf-html-editor {
    margin-bottom: 20px;
}
.price-band {
    position: relative;
    border: 1px solid #eee;
    margin: 40px 0 20px;
}
.price-band sup {
    vertical-align: super;
}
.price-band .price {
    font-size: 60px;
    padding: 30px;
}
.price-band .btn {
    margin: 15px 0 25px;
}
.price-band .ribbon {
    transform: rotate(90deg);
    right: -5px;
    left: initial;
}
.price-band .ribbon .ribbon-inner {
    padding: 2px;
}
.billing:not(.zf-apps-logo) {
    margin-top: 35px;
    padding: 0 30px;
    max-width: 1000px;
}
.billing:not(.zf-apps-logo) .btn-group .btn {
    min-width: 160px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.billing:not(.zf-apps-logo) td {
    border-top: none;
}
.plan-separator {
    margin-left: 5px;
    color: #eee;
}
.pricebooks-form .pricebook-band {
    border-radius: 6px;
    padding: 8px;
    background-color: #f9f9fb;
    border: 2px solid transparent;
}
.pricebooks-form .pricebook-band:hover {
    border: 2px solid #408dfb;
}
.pricebooks-form svg.pb-import-icon {
    fill: #408dfb;
}
.pricebooks-form .pricing-apply-type-selector {
    display: flex;
    align-items: center;
}
.pricebooks-form .pricing-apply-type-selector svg {
    fill: #d7d5e2;
}
.pricebooks-form .pricing-apply-type-selector.active svg {
    fill: #408dfb;
}
.pricebooks-form .pb-file-headers {
    color: #495569;
}
.pricebooks-form .pricebook-creation-table td.item-info {
    padding: 5px 8px;
}
.pricebooks-form .pricebook-creation-table .item-detail {
    min-width: 350px;
}
.pricebooks-form .pricebook-creation-table .item-rates {
    min-width: 75px;
    border-right: none !important;
}
.pricebooks-form .pricebook-creation-table .item-quantity {
    min-width: 75px;
}
.pricebooks-form .pricebook-creation-table .item-pricing-rule {
    min-width: 300px;
}
.pricebooks-form .pricebook-creation-table .item-discount {
    min-width: 75px;
    border-right: none !important;
}
.pricebooks-form .pricebook-creation-table .item-value {
    min-width: 125px;
    border-right: none !important;
}
.pricebooks-form .pricebook-creation-table .remove-icon-container {
    min-width: 20px;
    max-width: 20px;
}
.pricebooks-form .pricebook-creation-table .item-range {
    visibility: visible;
    top: 5px;
    right: -20px;
}
.pricebooks-form .pricebook-creation-table .discount-btn {
    background-color: #fbfbfb;
    border-radius: 0;
    border: 1px solid #f3f3f3;
    margin: 2px;
    font-size: 11px;
    z-index: 0;
}
.pricebooks-form .pricebook-creation-tablethead > tr > th {
    position: sticky;
    top: -1px;
    z-index: 1;
}
.pricebooks-form .pricebook-creation-table .drag-icon-container .icon-drag {
    top: 10px;
}
.pricebooks-form .pricebook-creation-table th.drag-icon-container .icon-drag {
    top: calc(50% - 8px);
}
.pricebooks-form .pricebook-creation-table .disabled-container {
    background-color: #f9f9fb;
    cursor: not-allowed;
}
.pricebooks-form .pricebook-creation-table .price-rule-container {
    border-bottom: 1px solid var(--zf-table-border-color);
    height: 35px;
}
.pricebooks-form .pricebook-creation-table .price-rule-container .ac-selected {
    font-size: 12px;
    font-weight: 500;
    padding: 1px 5px;
}
.pricebooks-form .pricebook-creation-table .price-rule-container .ac-selected span {
    margin-right: 10px;
}
.pricebooks-form .pricebook-creation-table .price-rule-container .ac-selected .zf-ac-toggler {
    right: 7px;
    color: #408dfb;
}
.pricebooks-form .pricebook-creation-table .price-rule-container .ac-selected .zf-ac-toggler svg {
    width: 7px;
    height: 7px;
}
.pricebooks-form .pricebook-creation-table .rule-seperator {
    border-right: 1px solid var(--zf-table-border-color);
}
.pricebooks-form .pricebook-creation-table .search-items {
    position: relative;
}
.pricebooks-form .pricebook-creation-table .search-items .icon-cancel-circled {
    top: 9px;
    right: 6px;
}
.pricebooks-form .pricebook-creation-table tbody > tr .item-range {
    visibility: hidden;
}
.pricebooks-form .pricebook-creation-table tbody > tr:hover .item-range {
    visibility: visible;
}
.pricebooks-form .pricebook-creation-table .discount-symbol {
    background-color: #f5f5f5;
}
.pref-highlight-bg,
.new-approvals .standard-approval-th,
.new-approvals .approval-tab {
    background-color: #f9f9fb;
}
.pricebooks-items-table {
    margin-bottom: 30px;
    table-layout: fixed;
}
.pricebooks-items-table.table thead > tr > th {
    background-color: #f5f5f5;
    color: #21263c;
    font-size: 12px;
    text-transform: uppercase;
    position: sticky;
    top: 0;
    z-index: 1;
}
.pricebooks-items-table.table thead:first-child tr:first-child th,
.pricebooks-items-table.table thead > tr > th,
.pricebooks-items-table.table tbody tr:first-child td {
    border: 0;
}
.pricebooks-items-table.table thead:first-child tr:first-child th,
.pricebooks-items-table.table tbody > tr > td {
    padding: 8px 10px;
}
.pricebooks-items-table td {
    word-wrap: break-word;
}
.pricebooks-items-table .search-items {
    position: relative;
}
.pricebooks-items-table .search-items .icon-cancel-circled {
    top: 9px;
    right: 6px;
}
.pricebooks-items-table .pricebook-item-error {
    margin: 10px;
}
.pricebooks-items-table .pricebook-item-error .alert {
    margin-bottom: 0;
    padding: 5px 10px;
}
.pricebooks-items-table .pricebook-range .item-range {
    right: -10px;
}
.pricebook-range {
    position: relative;
}
.pricebook-range .item-range {
    visibility: hidden;
    position: absolute;
    top: 13px;
    right: 10px;
}
.pricebook-range:hover .item-range {
    visibility: visible;
}
.pricebook-details .pricelist-date-tabs {
    position: sticky;
    top: 0;
    height: 54px;
    z-index: 1;
}
.pricebook-details .pricelist-date-tabs .date-tab-cell {
    display: inline-block;
    padding: 16px 25px;
    color: var(--zf-grey-12);
    cursor: pointer;
}
.pricebook-details .pricelist-date-tabs .date-tab-cell.active {
    border-top: 3px solid #0081d9;
    color: #000;
    background-color: #fff;
}
.pricebook-details .rounded-icons {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3f8fe;
}
.pricebook-details .item-detail-header {
    position: sticky;
    top: 0;
    height: 70px;
    z-index: 1;
    background-color: #fff;
    font-size: 17px;
    font-weight: 500;
}
.pricebook-details .pricelist-date-tabs + .line-item-details .item-detail-header {
    top: 54px;
}
.pricebook-details .pricelist-date-tabs + .line-item-details .item-detail-header + .pricebooks-items-table.table thead > tr > th {
    top: 124px;
}
.pricebook-details .item-detail-header + .pricebooks-items-table.table thead > tr > th {
    top: 70px;
}
.img-projects-migration-popup {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    vertical-align: unset;
}
.crm-integ .group {
    margin-top: 20px;
    margin-bottom: 40px;
}
.crm-integ .wellcrm {
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
}
.crm-integ .wellcrm .module-grp {
    border-bottom: 1px solid #eee;
    padding: 20px;
}
.crm-integ .wellcrm .module-grp h4 {
    margin: 0;
}
.crm-integ .wellcrm .module-grp .badge {
    font-weight: 400;
}
.crm-integ .wellcrm .module-grp [class^="app-icons-"] {
    opacity: 0.7;
}
.crm-integ .wellcrm .module-grp .actions-grp {
    color: #888;
}
.crm-integ .wellcrm .module-grp .actions-grp .btn-sm {
    font-size: 13px;
}
.crm-integ .wellcrm .alert {
    border-radius: 0;
    border-top: none;
    margin-bottom: 0;
}
.crm-integ .workflow li {
    margin-bottom: 5px;
}
.crm-integ .workflow .badge-div {
    margin-left: 20px;
}
.crmliteuser .tree-node::before {
    content: "";
    border-left: 1px solid #dadada;
    position: absolute;
    height: 41px;
    margin-left: -44px;
    margin-top: -29px;
    width: 18px;
    border-bottom: 1px solid #dadada;
}
.workerly-integ .group {
    margin-top: 20px;
    margin-bottom: 28px;
}
.workerly-integ .integ-details {
    margin-right: 40px;
    line-height: 30px;
}
.workerly-integ .wellworkerly {
    margin-left: 14px;
}
.workerly-integ .wellworkerly .module-grp {
    border: 1px solid #f5f5f5;
    border-bottom: none;
    padding: 20px;
}
.workerly-integ .wellworkerly .module-grp .workerly-arrow {
    margin-top: 20px;
}
.workerly-integ .wellworkerly .module-grp:last-child {
    border-bottom: 1px solid #f5f5f5;
}
.people-integ .wellpeople .module-grp {
    border: 1px solid #f5f5f5;
    border-bottom: none;
    padding: 17px;
}
.people-integ .wellpeople .module-grp .people-dashboard-arrow {
    margin-top: 10px;
}
.people-integ .wellpeople .module-grp:last-child {
    border-bottom: 1px solid #f5f5f5;
}
.error-band {
    color: #ff2569;
    background-color: #fff5f7;
    padding: 12px;
}
[class^="integ-zoho-"] {
    background-image: url(images/zapps-271fb10e4d.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 21px;
}
.integ-zoho-books {
    background-position: -13px -55px;
    margin-left: 68px;
}
.integ-zoho-people {
    background-position: -14px -210px;
    margin-left: 15px;
}
.integ-zoho-invoice {
    background-position: -13px -232px;
    margin-left: 68px;
}
.people-mapping-page .people-connect-benefits {
    padding: 5px 0;
}
.people-mapping-page .people-connect {
    padding: 20px 0;
}
.crm-fm-header {
    background-color: #f9f8f8;
    border: 1px solid #ececec;
    padding: 3px;
    margin-bottom: 12px;
}
.workflow-config {
    padding-left: 20px;
}
.workflow-config .workflow-stages {
    display: inline-block;
    vertical-align: middle;
    width: 350px;
    margin: 10px;
}
.error-count {
    margin-bottom: 30px;
}
.error-count .grp {
    padding-left: 0;
    text-align: center;
}
.error-count .grp .legend {
    padding: 8px 0;
    margin: 5px 0;
    border-right: 1px solid #ddd;
    cursor: pointer;
}
.error-count .grp .text {
    padding: 15px 25px;
}
.rounding-sample .zi-table thead > tr > th,
.rounding-sample .zi-table tbody > tr > td {
    padding: 4px;
}
.retry-table tbody > tr > td {
    vertical-align: middle;
}
.checkbox-band {
    padding: 10px 40px;
    background-color: #f5f5f5;
    border-top: 1px solid #eee;
}
.checkbox .note {
    line-height: 16px;
    margin-top: 2px;
    font-size: 11px;
    color: var(--zf-grey-12);
}
.bg-paid-only {
    background-color: #fdedd5;
}
.bg-paid {
    background-color: #1fcd6d;
}
.vatsettings .well {
    border: 0;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
}
.vatsettings .configured-by {
    font-style: italic;
    top: -18px;
    position: relative;
}
.vatsettings .border-right-success {
    border-right: 3px solid #2ab856;
}
.vatsettings .border-right-rejected {
    border-right: 3px solid #ec2222;
}
.socycle-indent {
    border-left: 1px solid #eaedfa;
}
.socycle-card-display {
    display: flex;
    align-items: center;
}
@media screen and (max-width: 1290px) {
    .socycle-card-display {
        display: block;
    }
}
.socycle-card-width {
    width: 70%;
}
@media screen and (max-width: 1290px) {
    .socycle-card-width {
        width: 100%;
    }
}
.socycle-card {
    border: 1px solid #ebeef6;
    border-radius: 10px;
    width: 95%;
}
.socycle-card-mp {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.socycle-mp-list {
    background-color: #fbfcff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px solid #ebeef6;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.socycle-arrow-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #408dfb;
}
.socycle-table-border-radius {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    border-bottom: 1px solid #ebeef6;
    border-right: 1px solid #ebeef6;
    border-left: 1px solid #ebeef6;
}
.socycle-table-border-radius thead th {
    color: #757383 !important;
    width: 30%;
    border-bottom: none;
    background-color: #f9f9fb;
    padding: 10px 20px;
    border-top: 1px solid #ebeef6 !important;
}
.socycle-table-border-radius thead th:first-child {
    border-top-left-radius: 10px;
}
.socycle-table-border-radius thead th:last-child {
    border-top-right-radius: 10px;
    width: 10%;
}
.socycle-table-border-radius td {
    padding: 15px 20px;
    border: 0;
}
.socycle-table-border-radius tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
.socycle-table-border-radius tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}
.socycle-table-border-radius tr:not(:last-child) td {
    border-bottom: 1px solid #ebeef6;
}
.socycle-table-border-radius td:not(:last-child),
.socycle-table-border-radius th:not(:last-child) {
    border-right: 0 !important;
}
.saleschannel-popover {
    width: 240px;
}
.saleschannel-popover .popover-header {
    text-transform: uppercase;
    font-weight: 600;
    color: #757383;
}
.avail-channels-border {
    border-left: 3px solid #00b050;
    padding-left: 5px;
    text-transform: uppercase;
    font-size: 11px;
}
.rem-stores-info {
    background-color: #f3f8fe;
    padding: 15px;
    border-radius: 10px;
    color: #495569;
    width: 95%;
    display: flex;
    align-items: center;
}
.mtd-filing-notes-list li {
    color: #555;
    padding-bottom: 10px;
}
.select-role-botton {
    border: 1px solid #ededf7;
}
.select-role-botton:hover {
    border-color: #b8c9dd;
}
.select-role-botton.selected,
.select-role-botton.selected:hover {
    border-color: #408dfb;
}
.bg-warning {
    background-color: #fdedd5;
    color: #eb6100;
    padding: 5px;
    margin-top: 5px;
    display: inline-block;
}
.cancel-icon {
    color: #eb9388;
}
.role-table td.permission {
    min-width: 70px;
    text-align: center;
}
.role-table .popover {
    top: 100%;
}
.role-table .popover .popover-body {
    min-width: 150px;
}
.role-table .popover .arrow {
    left: 36px;
}
.acc-role-banner {
    background-color: var(--zf-blue-18);
}
.reports-permission .disabled {
    opacity: 0.5;
    pointer-events: none;
}
.reports-permission .cell {
    padding: 0.9rem;
}
.reports-permission .cell-border-top {
    border-top: 1px solid #eee;
}
.reports-permission .cell-border-right {
    border-right: 1px solid #eee;
}
.reports-permission .active {
    background-color: #fafafa;
}
.reports-permission .active-border {
    margin-left: -15px;
    padding-left: 13px;
    border-left: 2px solid #54b4fa;
}
.reports-permission .reports-row .information {
    visibility: hidden;
}
.reports-permission .reports-row:hover {
    background-color: #fafafa;
}
.reports-permission .reports-row:hover .information {
    visibility: visible;
}
.reports-permission .reports-arrow-down {
    transform: rotate(90deg);
}
.reports-permission .fix-header {
    position: sticky;
    top: -1px;
    z-index: 1;
    background-color: #fff;
    background-clip: padding-box;
    border-bottom: 1px solid #eee;
}
.pg-bottom {
    background-color: #f5f5f5;
    margin: -5px;
    padding-left: 2%;
}
.workflow-operator {
    width: 65%;
}
.workflow-operator .criteria-dropdown {
    background-color: #eef1f7;
    color: #21263c;
    font-weight: 600;
}
.workflow-operator .criteria-dropdown::after {
    color: #408dfb;
    margin-left: 10px;
}
.criteria-ac-alignment {
    display: flex;
}
.criteria-ac-alignment .pref-highlight-bg,
.criteria-ac-alignment .new-approvals .standard-approval-th,
.new-approvals .criteria-ac-alignment .standard-approval-th,
.criteria-ac-alignment .new-approvals .approval-tab,
.new-approvals .criteria-ac-alignment .approval-tab {
    height: var(--zf-form-input-height);
    margin-bottom: 2px;
}
.criteria-ac-alignment > div:first-child {
    text-align: center;
    width: 45px;
    color: #495569;
    border: 1px solid #d7d5e2;
    border-right: 0 !important;
    border-radius: var(--zf-form-input-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.criteria-ac-alignment > div:last-child {
    width: 80%;
}
.filter-criteria-layout .left-radius .ac-box .ac-selected {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.filter-criteria-layout .remove-criteria:hover svg {
    color: #f7525a;
}
.filter-criteria-layout .add-criteria:hover svg {
    color: #2485e8;
}
.warehouse-autocomplete-input {
    display: inline-block;
    width: 90%;
}
.warehouse-autocomplete-input .form-control {
    border: 0;
    margin-left: 1px;
    font-size: 14px;
    box-shadow: none;
}
.bulk-warehouse-scroll {
    scroll-behavior: smooth;
    overflow-y: auto;
    position: relative !important;
    background: 0 0;
}
.br-wr-scroll {
    overflow-x: unset !important;
}
.branch-note {
    background-color: #fffaf3;
    border-radius: 6px;
    border: 1px solid #fef4ea;
}
.branch-note .note {
    color: #fc8831;
}
.branch-note-tip {
    top: -21px;
    left: 35px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: #fef4ea;
}
.branch-note-tip::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    content: "";
    left: -8px;
    bottom: -10px;
    border-bottom-color: #fffaf3;
}
.wh-note-tip {
    left: 445px;
}
.wh-note-tip::after {
    left: -8px;
}
.remove-icon:hover svg {
    fill: #f46558;
}
.select-icon:hover svg {
    fill: #22dd2e;
}
.warehouse-status {
    margin-left: -12px;
}
@media screen and (max-width: 1440px) {
    .warehouse-status {
        margin-left: -5px;
    }
    .banner-description {
        margin-bottom: 5px !important;
    }
    .item-preference {
        flex: 0 0 28%;
        max-width: 28%;
    }
}
.bulk-select-warehouse-container .bulk-select-warehouse {
    border: 1px solid #eff0f5;
    border-radius: 15px;
    height: 450px;
}
.bulk-select-warehouse-container .selected-warehouse-section {
    padding: 20px;
    width: 50%;
    height: 450px;
    float: left;
    border-left: 1px solid #eff0f5;
}
.bulk-select-warehouse-container .autocomplete-section {
    width: 50%;
    float: left;
}
.bulk-select-warehouse-container .autocomplete-section .warehouse-search-input {
    height: 55px;
    padding: 10px 20px;
}
.bulk-select-warehouse-container .autocomplete-section .warehouse-search-input > input {
    height: 60px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.bulk-select-warehouse-container .autocomplete-section .warehouse-search-input > input:focus {
    box-shadow: 0 2px 4px 0 rgba(26, 42, 88, 0.11);
    outline: 0;
}
.bulk-select-warehouse-container .autocomplete-section .ac-dropdown-results {
    padding: 10px 20px;
    list-style: none;
    max-height: 340px !important;
    height: 340px;
    background: 0 0;
}
.bulk-select-warehouse-container .autocomplete-section .ac-dropdown-results .ac-option {
    margin: 7px 10px 0 0;
    color: #000;
    border-radius: 2px;
    cursor: pointer;
}
.bulk-select-warehouse-container .autocomplete-section .ac-dropdown-results .ac-option.active {
    background-color: #f7f9fb;
}
.bulk-select-warehouse-container .autocomplete-section .ac-dropdown-results .autocomplete-option {
    display: flex;
    align-items: center;
    min-height: 24px;
}
.bulk-select-warehouse-container .autocomplete-section .ac-dropdown-results .ac-warehouse-name {
    width: 90%;
}
.bulk-select-warehouse-container .autocomplete-section .ac-dropdown-results .svg-tick {
    width: 10%;
}
.bulk-select-warehouse-container .autocomplete-section .tick-filled {
    display: flex;
    align-items: center;
}
.bulk-select-warehouse-container .autocomplete-section .tick-filled svg {
    fill: #22dd2e;
}
.bulk-select-warehouse-container .autocomplete-section .tick-unfilled {
    display: flex;
    align-items: center;
}
.bulk-select-warehouse-container .autocomplete-section .tick-unfilled svg {
    fill: #c2cbd6;
}
.selected-warehouse-section .warehouse-heading {
    padding: 16.5px 20px;
    font-size: 13px;
    border-bottom: 1px solid #eff0f5;
    letter-spacing: 0.5px;
}
.selected-warehouse-section .warehouses-list {
    padding: 10px 20px;
    height: 340px;
    overflow-y: auto;
    position: relative;
}
.selected-warehouse-section .warehouses-list .selected-warehouse {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}
.selected-warehouse-section .warehouses-list .cancel-item-section {
    width: 5%;
    display: none;
    user-select: none;
}
.selected-warehouse-section .selected-warehouse:hover .cancel-item-section {
    display: inline-block;
}
.restriction-banner-container {
    background-color: #f6fbff;
    border-radius: 10px;
    max-width: 985px;
    margin-bottom: 25px;
}
.restriction-banner-container .close-icon {
    margin: 15px 15px 0 0;
    fill: #95aab1;
}
.restriction-banner-container .banner-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.restriction-banner-container .banner-content .icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.02);
    background-color: #fff;
    border-radius: 50%;
}
.restriction-banner-container .banner-content .content-container {
    width: 75%;
}
.to-preference {
    background-color: #f7f9fb;
    border-radius: 6px;
    padding: 6px 12px;
}
.enable-restriction-modal {
    padding: 0;
}
.enable-restriction-modal .enable-points-container {
    padding: 30px;
    background-color: #fbfcff;
}
.enable-restriction-modal .enable-points-container .restriction-header {
    margin-top: 0;
    font-size: 17px;
    color: #222;
}
.enable-restriction-modal .enable-points-container .restriction-desc {
    font-size: 14px;
    color: #666;
    line-height: 18px;
    margin-bottom: 26px;
}
.enable-restriction-modal .enable-points-container .points-header {
    font-size: 14px;
    color: #222;
    letter-spacing: 0.08px;
    margin-bottom: 0;
}
.enable-restriction-modal .restriction-points {
    padding-left: 20px;
    margin-bottom: 0;
}
.enable-restriction-modal .restriction-points li {
    margin-top: 15px;
}
.enable-restriction-modal .preference-container {
    padding: 30px;
}
.enable-restriction-modal .preference-container .pref-header {
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.user-restriction-modal {
    padding: 0;
}
.user-restriction-modal .toggle-container {
    border-bottom: 1px solid #f7f9ff;
    background-color: #fbfcff;
    padding: 30px;
}
.user-restriction-modal .toggle-container .toggle-group {
    justify-content: left;
    margin-bottom: 0;
}
.user-restriction-modal .toggle-select-button {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #eaedf7;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(28, 29, 83, 0.09);
    font-size: 14px;
    color: #222;
    letter-spacing: 0;
    line-height: 18px;
    padding: 11px 15px;
}
.user-restriction-modal .toggle-select-button .icon {
    fill: #ced4e4;
}
.user-restriction-modal .toggle-select-button.active {
    background-color: #fff;
    color: #222;
    border: 1px solid #3a87fa;
    font-weight: 600;
}
.user-restriction-modal .toggle-select-button.active .icon {
    fill: #3a88fd;
}
.user-restriction-modal .users-select-container {
    padding: 30px;
}
.user-restriction-modal .users-select-container .users-autocomplete {
    margin: 10px 0 30px;
}
.user-restriction-modal .users-select-container .selected-users-list {
    max-height: 370px;
    overflow-y: auto;
    position: relative;
    padding: 0 15px;
    width: 555px;
}
.user-restriction-modal .users-select-container .selected-user {
    height: 80px;
    border-top: 1px solid #eee;
}
.user-restriction-modal .users-select-container .selected-user .users-thumbnail {
    width: 40px;
    height: 40px;
}
.user-restriction-modal .users-select-container .selected-user .cancel-item-section {
    padding-left: 10px;
    display: none;
    user-select: none;
}
.user-restriction-modal .users-select-container .selected-user:hover .cancel-item-section {
    display: inline-block;
    margin-left: auto;
    margin-right: 20px;
}
.empty-state .upgrade-container {
    position: relative;
    top: 200px;
}
.upgrade-container {
    display: table;
    max-width: 820px;
    font-weight: 300;
    margin: auto;
    border: 1px solid #f2e1dd;
}
.upgrade-desc {
    display: table-cell;
    width: 60%;
    padding: 40px 30px;
    vertical-align: middle;
}
.upgrade-desc h3 {
    margin-top: 0;
}
.upgrade-desc p {
    font-size: 16px;
}
.upgrade-content {
    display: table-cell;
    width: 40%;
    border-left: 1px solid #f2e1dd;
    background-color: #fff8f6;
    padding: 20px 45px;
}
.upgrade-content li {
    padding: 5px 0 5px 25px;
}
.upgrade-content .icon-ok {
    color: #d64830;
    font-size: 12px;
    margin-right: 10px;
    margin-left: -24px;
}
.table-form .edit-row {
    background-color: #f5f5f5;
}
.pref-tabs {
    margin-top: 15px;
    margin-left: -15px;
}
.pref-tabs .nav-tabs-dashed .nav-link {
    padding-bottom: 13px;
}
.sign-pref-width {
    max-width: 86%;
}
.hp-addon-close:hover {
    fill: #f11100;
}
.rounded-circle {
    margin-right: 15px;
}
.users-thumbnail {
    width: 65px;
    height: 65px;
}
.mini-users-thumbnail {
    width: 50px;
    height: 50px;
}
.user-details {
    overflow: auto;
    padding: 0;
    box-shadow: 0 8px 10px 0 #eee;
    border-top: 1px solid #eee;
}
@media screen and (max-width: 1279px) {
    .user-details {
        left: 0;
    }
}
.user-details .user-details-header {
    background-color: #fff;
    padding: 10px 20px;
    flex-shrink: 0;
}
.user-details .user-details-header .coll {
    border-right-color: #777;
}
.user-details .user-details-header .user-details-row {
    margin: 10px 0 0 20px;
}
.user-details .user-details-header .user-details-row > div {
    margin-bottom: 5px;
}
.user-details .user-details-header .user-details-row .badge {
    border-radius: 0;
    margin-left: 5px;
}
.user-details .sub-tab {
    background-color: #fff;
}
.user-details .user-details-body {
    padding: 40px 20px 20px;
}
.user-details .user-details-body .scrollbox {
    background: 0 0;
}
.fill.associated-clients-body {
    padding: 0;
}
.users-list-small + .user-details {
    width: 40%;
}
.domain-settings {
    line-height: 1.8;
}
.domain-settings .input-group {
    margin: 20px 0 10px;
}
.domain-settings .gs-footer {
    padding-top: 25px;
}
.plan-alert-banner {
    background-color: #fff5f0;
    color: #f25d07;
    border-radius: 7px;
    padding: 9px 20px;
    float: none;
}
.lpane-grp .nav-pills .gst-settings-link.active {
    border: 0;
    padding: 6px 10px;
    margin: 0 10px;
    border-radius: 5px;
}
.domain-mapping-intro .domain-mapping-img {
    width: 212px;
    height: 97px;
    background-image: url(images/custom-domain-no-mapping-1x-fc0ed3e60b.png);
    background-size: contain;
    margin: 30px 0 20px;
    user-select: none;
}
.domain-mapping-steps {
    color: #999;
    text-align: center;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 12px;
}
.domain-mapping-steps .step-number {
    box-shadow: 0 1px 6px 0 rgba(28, 29, 83, 0.11);
    color: #999;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid;
    line-height: 33px;
    display: inline-block;
    margin: 10px 0;
}
.domain-mapping-steps .failed-step {
    color: #e54643 !important;
}
.domain-mapping-steps .failed-step .step-number {
    border-color: #e24b4b !important;
}
.domain-mapping-steps .completed-step > .step-number {
    display: none;
}
.domain-mapping-steps .step-1:after {
    left: 96px;
}
.domain-mapping-steps .completed-step:after {
    background-color: #00b050;
    z-index: 2;
}
.domain-mapping-steps .current-step {
    color: #000;
    min-width: 120px;
}
.domain-mapping-steps .current-step .selected-step-number {
    background-color: #fff;
    color: #000;
    border: 1px solid #4894f1;
    box-shadow: 0 1px 6px 0 rgba(28, 29, 83, 0.11);
}
.domain-mapping-steps .current-step .tick-container {
    height: 32px;
    width: 32px;
    background-color: #00b050;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin: 10px 0;
}
.domain-mapping-steps .current-step .tick-container .step-completed {
    font-size: 14px;
    position: absolute;
    top: 17px;
    left: 10px;
    border-left: 0.2em solid #fff;
    border-bottom: 0.2em solid #fff;
    transform-origin: left top;
    transform: rotate(-45deg);
    animation: tickAnimation 300ms linear forwards;
}
.domain-mapping-steps > div:after {
    content: "";
    width: 208px;
    display: inline-block;
    position: absolute;
    height: 1px;
    background-color: #b8c9dd;
    top: 26px;
    left: 336px;
}
.dm-popup-section {
    padding: 20px;
    line-height: 2;
}
.dm-popup-section .domain-input-section {
    height: 150px;
}
.dm-popup-section .example-arrow-mapping {
    position: relative;
    left: -14px;
    top: 17px;
}
.dm-popup-section .present-domain {
    border: 1px solid #ddd;
    border-radius: 3px;
}
.dm-popup-section .pending-alert {
    background-color: #fff7d8;
    color: #ca4e04;
}
.dm-popup-section .domain-mapping-steps-list {
    padding: 0;
    line-height: 30px;
    margin-bottom: 30px;
}
.copy-button:hover {
    box-shadow: none;
    color: #1f5f94;
}
@keyframes tickAnimation {
    0% {
        height: 0;
        width: 0;
    }
    50% {
        height: 0.4em;
        width: 0;
    }
    to {
        height: 0.4em;
        width: 0.9em;
    }
}
.taxgrp-reorder-note {
    padding-right: 40px;
}
.taxgrp-reorder-note .icon-drag {
    color: #ddd;
}
.update-warning {
    margin: 0 -20px -35px;
}
.update-warning ul li {
    margin-left: -27px;
}
.update-warning ul li:nth-child(1) {
    margin-bottom: 10px;
}
.application-theme .item-img-container {
    height: 100px;
}
.application-theme .themes-menu {
    padding: 10px;
    border: 1px solid #eee;
}
.application-theme .themes-menu .dropdown-toggle:after {
    margin-top: 10px;
    float: right;
}
.developer-portal .zf-products {
    margin-right: 0;
}
.developer-portal .tab-column {
    background-color: #273451;
}
.developer-portal .theme-tabcolumn-bg {
    background-color: #273451;
}
.developer-portal .theme-tabactive-bg {
    background-color: #1e2a46;
}
.developer-portal .top-band,
.developer-portal .top-band .zf-products > a {
    height: 58px;
}
.developer-portal .top-band .zf-products > a {
    width: 200px;
    display: flex;
}
.developer-portal .table.ext-version-table .ext-table-head th {
    padding-top: 8px;
    color: #222;
    font-size: 11px;
}
.fullscreen-bg .templates-list-column {
    z-index: 2;
}
.fullscreen-bg .list-column.templates-list-column {
    width: 390px !important;
}
.fullscreen-bg .templates-content-column,
.fullscreen-bg .nav-tempcontent-column {
    z-index: 2;
}
.fullscreen-bg .templates-content-column .close-details,
.fullscreen-bg .nav-tempcontent-column .close-details {
    padding-top: 0;
}
.fullscreen-bg .nav-temptab-column {
    width: 75px;
    z-index: 2;
    overflow: hidden;
}
.fullscreen-bg .nav-temptab-column ul > li > a {
    font-size: 11px;
    text-align: center;
    padding: 9px 0 !important;
}
.fullscreen-bg .nav-templist-column {
    width: 440px;
    z-index: 2;
}
.fullscreen-bg .nav-templist-column.sidebar-layout {
    width: 280px;
}
.fullscreen-bg .nav-tempcontent-column {
    position: relative;
}
.fullscreen-bg .nav-tempcontent-column .template-preview-banner {
    padding: 15px 20px;
    position: absolute;
    top: 35px;
    left: 30%;
    background-color: #eff7ff;
    border: 2px solid #fff;
    box-shadow: 0 4px 12px 0 rgba(215, 213, 226, 0.6);
    border-radius: 15px;
    cursor: pointer;
}
.fullscreen-bg .nav-tempcontent-column .template-preview-banner strong,
.fullscreen-bg .nav-tempcontent-column .template-preview-banner .icon {
    color: #0080ff;
}
.fullscreen-bg .nav-tempcontent-column .close-icon-fixed,
.fullscreen-bg .nav-tempcontent-column .template-preview-banner {
    z-index: 15;
}
.fullscreen-bg .nav-tempcontent-column .backdrop {
    z-index: 10;
    background-color: #fff;
    opacity: 0.5;
    transition: all 0.3s;
}
.barcode-template-preview-banner {
    margin: 50px auto -80px;
    border: 1px solid #2a85fb;
    padding: 10px 20px;
    z-index: 1;
    background-color: #eff7ff;
    cursor: pointer;
}
.template-property-preview .details-container {
    border: 1px dashed #bbdaff;
    box-shadow: none;
}
.reports-integ .icon-ok {
    color: #1fce88;
}
.reports-integ-setup .form-group {
    margin-top: 35px;
}
.reports-integ .group li {
    display: inline-block;
    width: 45%;
}
.checkbox-container {
    height: auto;
    border: 1px solid #d7dbdb;
    width: 100%;
}
.multi-check-box {
    overflow: auto;
    width: 100%;
    height: 250px;
}
.multi-check-box .module-list {
    padding: 10px 0 3px 15px;
}
.multi-check-box .module-list.active {
    background-color: #428bca;
}
.multi-check-box .module-list.active label {
    color: #fff !important;
}
.multi-check-box.fields li {
    width: 33%;
    display: inline-block;
}
.checkbox-container .well {
    padding: 10px 15px;
    box-shadow: none;
    border: 0;
    border-radius: one;
    margin-bottom: 0;
}
.reports-integ .intro-lifecycle {
    margin-left: -20px;
    margin-right: -20px;
}
.integ-lifecycle {
    border-top: 1px solid #e4e4e4;
    background-color: #f8f7f7;
    padding: 20px 0 45px;
}
.intro-lifecycle .left-section {
    border-right: 1px dashed #dadada;
}
.intro-lifecycle .notes li {
    color: var(--zf-grey-12);
    padding-bottom: 10px;
    line-height: 1.8;
    text-align: left;
}
.annexure-update-action {
    border: 1px dashed;
}
#annexurehtml::before {
    border-top: 2px dashed #000;
    position: relative;
    margin: 0 -38px 10px -53px;
    display: block;
    content: "";
}
.blue-bg {
    color: #fff;
    background-color: #30a8ee;
}
.green-bg {
    color: #fff;
    background-color: #42c488;
}
.green-tick svg {
    fill: #2ccc40;
}
.grey-tick svg {
    fill: #ddd;
}
.yellow-bg {
    background-color: #fffbd7;
}
.wepay-gw {
    padding: 20px 20px 30px;
}
.wepay-gw .desc {
    margin-bottom: 40px;
}
.wepay-gw.avs-section {
    padding-bottom: 40px;
}
.ms-help {
    position: relative;
}
.ms-help .popover {
    width: 150px;
}
.pg-creation-form {
    display: flex;
}
.pg-creation-form .section {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pg-creation-form .section .section-header {
    margin-top: 25px;
    color: #333;
}
.pg-creation-form .info {
    border-right: 1px solid #eee;
    background-color: #f5f5f5;
}
.pg-creation-form .info .card-icons {
    display: flex;
}
.pg-creation-form .info .card-icons .logo-card-types {
    margin-right: 10px;
    align-self: center;
}
.pg-creation-form .paypal-new.info {
    background-color: #fff;
}
.pg-creation-form .form-group.hightlight {
    padding-bottom: 10px;
}
.pg-creation-form .icici-benefits {
    padding: 10px 0 0 20px;
    line-height: 1.7em;
}
.pg-creation-form .icici-benefits > li {
    padding-bottom: 10px;
}
.pg-creation-form hr {
    border-color: #e0e0e0;
}
.highlight-section {
    margin: 0 -20px;
    padding: 0 20px;
}
.highlight-section input[type="radio"]:checked + .text-highlet {
    font-weight: 500;
}
.preferences-body .ac-box .ac-selected.disabled {
    background-color: var(--zf-blue-4);
}
.email-templateitem .attachments-invoice.popover {
    top: 20px;
    z-index: 1045;
}
.remove-payroll-access {
    color: #ec9500;
    margin-left: 20px;
}
.customview-creation .column-selection ul.selected-columns,
.customview-creation .column-selection ul.available-column-list {
    overflow-y: auto;
    border: 1px solid #dadada;
    padding: 10px;
}
.customview-creation .column-selection ul.selected-columns li,
.customview-creation .column-selection ul.available-column-list li {
    padding: 5px 15px;
    cursor: move;
}
.customview-creation .column-selection ul.selected-columns li:hover .add,
.customview-creation .column-selection ul.selected-columns li:hover .remove,
.customview-creation .column-selection ul.available-column-list li:hover .add,
.customview-creation .column-selection ul.available-column-list li:hover .remove {
    visibility: visible;
}
.customview-creation .column-selection ul.selected-columns li:hover .settings-icon,
.customview-creation .column-selection ul.available-column-list li:hover .settings-icon {
    fill: #428bca;
}
.customview-creation .column-selection ul.selected-columns li .settings-icon,
.customview-creation .column-selection ul.available-column-list li .settings-icon {
    fill: #999;
}
.customview-creation .column-selection ul.selected-columns li .add,
.customview-creation .column-selection ul.selected-columns li .remove,
.customview-creation .column-selection ul.available-column-list li .add,
.customview-creation .column-selection ul.available-column-list li .remove {
    visibility: hidden;
}
.customview-creation .column-selection ul.selected-columns li.dragging,
.customview-creation .column-selection ul.available-column-list li.dragging {
    background-color: #fffcdb;
    border: 1px dashed #eee;
}
.customview-creation .column-selection ul.selected-columns li.dropped,
.customview-creation .column-selection ul.available-column-list li.dropped {
    animation: twinkledark 1.5s 1 linear;
}
.customview-creation .column-selection ul.selected-columns li.column-selection-disabled,
.customview-creation .column-selection ul.available-column-list li.column-selection-disabled {
    cursor: not-allowed;
}
.customview-creation .column-selection .search-field {
    border: 1px solid #dadada;
}
.customview-creation .column-selection ul.available-columns {
    border-top: none;
    height: 329px;
}
.customview-creation .column-selection ul.available-columns li.group-label {
    padding-left: 5px;
    color: #999;
    cursor: default;
}
.customview-creation .column-selection ul.available-columns li.group-label:hover {
    background-color: inherit;
}
.customview-creation ul.selected-columns {
    height: 530px;
    border-radius: 5px;
}
.customview-creation ul.available-column-list.available-columns {
    height: 500px;
    border-radius: 0 0 5px 5px;
}
.customview-creation .column-list .btn-secondary,
.customview-creation .drag-and-drop-container .btn-secondary {
    border-bottom-left-radius: 0;
}
.customview-creation .column-list .form-control,
.customview-creation .drag-and-drop-container .form-control {
    border-bottom-right-radius: 0;
}
.customview-creation-dropdown ul.available-column-list {
    padding: 0;
    border: 0;
    height: 400px;
    margin-bottom: 50px;
}
.customview-creation-dropdown ul.available-column-list li .select-box {
    height: 20px;
    width: 20px;
    padding: 3px;
    border: 1px solid #eee;
    margin-right: 5px;
    background-color: #fff;
}
.customview-creation-dropdown .footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;
    background-color: #fff;
    border-top: 1px solid #eee;
}
.column-customize .column-search {
    position: sticky;
    top: -1px;
    z-index: 1;
    background-color: #fff;
    background-clip: padding-box;
    top: 0;
}
.column-customize .available-column-list {
    max-height: 400px;
    overflow-y: auto;
}
.column-customize .available-column-list li {
    padding: 8px;
    border-radius: 4px;
    background-color: #f9f9fb;
}
.column-customize .available-column-list ul.dragging,
.column-customize .available-column-list li.dragging,
.column-customize .available-column-list tr.dragging {
    background-color: #fff4e7;
    border: 1px dashed #eee;
}
.column-customize .available-column-list ul.dragging .rounded-circle,
.column-customize .available-column-list ul.dragging .delete-icon,
.column-customize .available-column-list li.dragging .rounded-circle,
.column-customize .available-column-list li.dragging .delete-icon,
.column-customize .available-column-list tr.dragging .rounded-circle,
.column-customize .available-column-list tr.dragging .delete-icon {
    display: none;
}
.column-customize .available-column-list ul.dragging td,
.column-customize .available-column-list li.dragging td,
.column-customize .available-column-list tr.dragging td {
    background-color: #fff4e7 !important;
}
.column-customize .available-column-list ul.dropped,
.column-customize .available-column-list li.dropped,
.column-customize .available-column-list tr.dropped {
    animation: twinkledark 1.5s 1 linear;
}
.column-customize .available-column-list ul.dropped .rounded-circle,
.column-customize .available-column-list ul.dropped .delete-icon,
.column-customize .available-column-list li.dropped .rounded-circle,
.column-customize .available-column-list li.dropped .delete-icon,
.column-customize .available-column-list tr.dropped .rounded-circle,
.column-customize .available-column-list tr.dropped .delete-icon {
    display: none;
}
.column-customize .available-column-list ul.dropped td,
.column-customize .available-column-list li.dropped td,
.column-customize .available-column-list tr.dropped td {
    background-color: transparent !important;
}
.customview-edit {
    display: none;
    margin-left: 5px;
}
.list-title:hover .customview-edit {
    display: inline-block;
}
.custom-filter {
    padding-bottom: 30px;
}
.custom-filter .add-new {
    position: absolute;
    bottom: 0;
}
.customview-dropdownmenu {
    min-width: 240px;
}
.gmail-ms-integ-note {
    background-color: #fff4e7;
    padding: 15px;
}
.drag-and-drop-container {
    max-width: 840px;
}
.arrow-icon-position {
    padding-top: 100px;
}
.custom-table-column .drag-icon-container .icon-align {
    top: 15px;
}
.scrollmenu-datatype {
    min-width: 200px;
    max-height: 200px;
    overflow-y: auto;
}
.custom-status-table {
    border: 0;
    margin-bottom: 0;
}
.custom-status-table.table thead > tr > th {
    background-color: #f7f7f7;
}
.custom-status-note {
    border-left: 1px solid #ccc;
}
.custom-status-note h4 {
    font-size: 16px;
}
@media screen and (max-width: 991px) {
    .custom-status-note {
        border-left: 0;
        margin-top: 20px;
    }
}
.custom-status-blink {
    animation: twinkledark 1.5s 1 linear;
}
[class*="socialicon-"] {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(images/1x/social-media-icons-1x-d66f50a53b.png);
    background-size: 1227px 267px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    [class*="socialicon-"] {
        background-image: url(images/2x/social-media-icons-2x-7e36d1e1d0.png);
    }
    [class^="other-integ-"] {
        background-image: url(images/integration2x-48e08c49fc.png);
        background-size: 145px 702px;
    }
    .domain-mapping-intro .domain-mapping-img {
        background-image: url(images/custom-domain-no-mapping-2x-8c1061b322.png);
    }
}
.new-approvals .approval-tab {
    width: 260px;
    position: relative;
}
.new-approvals .approval-tab.selected {
    border-width: 1.5px;
}
.new-approvals .approval-tab.selected::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: 50%;
    bottom: -35px;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    background-color: #fff;
}
.new-approvals .standard-approval-th {
    padding: 10px 20px;
}
.approval-level {
    background-color: #fbfafe;
    padding-bottom: 10px;
}
.approval-level .form-group {
    padding: 15px 0;
    margin: 0;
}
.approval-level .icon-drag {
    cursor: move;
    color: #ddd;
}
.ob-new-accounts {
    width: 88%;
    display: inline-block;
    vertical-align: text-top;
}
.ob-new-accounts .card {
    border: 0;
    box-shadow: 0 1px 3px 0 #dfe9fb;
    border-radius: 3px;
}
.ob-new-accounts .card .card-header h4 {
    display: inline;
}
.ob-new-accounts .card .btn-secondary {
    background-color: #fff;
}
.ob-new-accounts .card .form-control {
    height: 40px;
}
.ob-new-accounts .card .form-control[disabled] {
    background-color: #f3f6fd;
}
.ob-new-accounts .card .col-form-label {
    font-weight: 600;
    color: #a8a6b1;
}
.ob-new-accounts .card .dropdown-toggle {
    height: 40px;
}
.ob-new-accounts .card .accordion-arrow {
    transition-duration: 0.5s;
    margin-top: 6px;
}
.ob-new-accounts .card .collapsed .accordion-arrow {
    transform: rotate(-90deg);
    transition-duration: 0.5s;
}
.ob-new-accounts .card .account-pill {
    padding: 7.5px 0;
    margin: 0 15px;
}
.ob-new-accounts .ob-total-floater {
    margin-top: 8px;
    margin-left: 55%;
}
.ob-new-accounts .account-value-box {
    padding: 0 7.5px;
    margin: 0 3px;
}
@media screen and (max-width: 1380px) {
    .ob-new-accounts {
        width: 100%;
    }
}
.ob-related-tips {
    display: none;
    border-top: 1px solid #f5f5f5;
    box-shadow: -2px 5px 10px 1px rgba(0, 0, 0, 0.176);
    width: 300px;
    top: 48px;
    padding: 0 20px;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    overflow: scroll;
    position: fixed;
}
.ob-related-tips .main-tips {
    font-size: 12px;
    padding-left: 10px;
    border-left: 2px solid #fa2;
}
.ob-related-tips ul {
    padding-left: 25px;
}
.ob-related-tips ul li {
    padding-top: 20px;
    line-height: 1.6em;
}
.obdetails .sync-ob {
    padding: 2px 10px;
    margin-top: 10px;
}
.obdetails .highlight-border {
    padding: 10px;
}
.obdetails .head-section {
    padding: 10px 0;
    font-size: 12px;
}
.obdetails .total-section {
    background-color: #f8f9fe;
    padding: 20px 10px;
    margin: 0 -10px;
}
.obdetails .account-group {
    border-top: 1px solid #eaecf2;
    padding-bottom: 10px;
}
.obdetails .account-group .account-type,
.obdetails .account-group .accounts {
    padding: 10px 0;
}
.cf-drag-icon {
    position: absolute;
    left: 6px;
}
.expense-tabs.payment-tabs .nav {
    padding-top: 23px;
}
.crm-sync-rep {
    padding-left: 10px;
    margin-top: 10px;
    font-size: 13px;
    border-left: 1px solid #6dcdfd;
    position: relative;
}
.crm-sync-rep .icon-logo {
    width: 85px !important;
}
.crm-sync-rep .row {
    margin-bottom: 10px;
}
.crm-sync-rep div:nth-child(4) .col-md-6 {
    padding-left: 40px;
}
.crm-sync-rep .crm-sync-repicon {
    width: 0;
    height: 0;
    position: absolute;
    top: 60px;
    left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #0af;
}
@media (max-width: 992px) {
    .crm-sync-rep {
        border-left: none;
        border-top: 1px solid #6dcdfd;
    }
    .crm-sync-rep::after {
        top: -231px;
        left: 50px;
        border-top: none;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0af;
    }
}
.approval-pref {
    margin-left: 37px;
    border-left: 1px solid #bbb;
    padding-bottom: 10px;
}
.yes-bank-lead-logo {
    height: 43px;
}
.dcb-bank-lead-logo {
    height: 30px;
}
svg.icon.icici-pay-icon {
    height: 15px;
    width: auto;
}
svg.icon.icici-pay-icon-lg {
    height: 20px;
    width: auto;
}
svg.icon.dcb-pay-icon {
    height: 20px;
    width: auto;
}
svg.icon.yes-pay-icon {
    height: 18px;
    width: auto;
    padding: 0 3px;
}
svg.icon.scb-pay-icon {
    height: 35px;
    width: 134px;
    margin: -10px -8px -10px -6px;
}
svg.icon.scb-pay-icon.badge {
    margin-bottom: -14px;
    margin-left: -13px;
}
svg.icon.scb-pay-icon-lg {
    width: 170px;
    height: 43px;
    margin: -14px -8px -14px -6px;
}
svg.icon.dcb-pay-icon-lg {
    height: 30px;
    width: 120px;
}
svg.icon.hsbc-pay-icon {
    height: 20px;
    width: auto;
    margin: 0 18px;
    float: right;
}
.modal-title svg.icon.icici-pay-icon {
    height: 20px;
}
.icici-otp-input input {
    border: 1px solid #cdcde1;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 1rem;
}
.icici-otp-input input:focus {
    border-color: var(--zf-form-input-focus-border-color);
    box-shadow: var(--zf-form-input-focus-box-shadow);
}
.icici-otp-input input.value-filled {
    border-color: #cdcde1;
}
.icici-otp-input input:disabled {
    background-color: #fff;
}
.transferorder-title {
    font-weight: 300;
    font-size: 23.3px;
}
.transferorder-details {
    padding: 50px 50px 100px;
}
.line-item-table .line-item-body .transferorder-lineitem {
    background-color: #f8f8f8;
    padding: 8px;
}
.zb-nw-list {
    padding: 5px 0 15px 15px;
}
.zb-nw-list li {
    padding-top: 10px;
}
.fieldvalidations-creations form {
    max-width: 1440px;
    margin-top: 25px;
}
.fieldvalidations-creations .component-wrapper {
    border: 1px solid #ececf9;
    min-height: 100%;
    background: radial-gradient(#ececf9 25%, #fff 25%);
    background-size: 7px 7px;
}
.fieldvalidations-creations .field-part {
    left: 67px;
    margin-bottom: 50px;
    width: 76px;
}
.fieldvalidations-creations .field-part .field-circle {
    border-radius: 50%;
    border: 1px solid #ececf9;
}
.fieldvalidations-creations .field-part .field-circle .when {
    background-color: #ffa71f;
    height: 66px;
    margin: 4px;
    border-radius: 50%;
    color: #fff;
}
.fieldvalidations-creations .content-container {
    background-color: #fff;
    border: 1px solid #ececf9;
}
.fieldvalidations-creations .content-container p {
    word-wrap: break-word;
}
.fieldvalidations-creations .content-container .comparator-name {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}
.fieldvalidations-creations .content-container:hover svg {
    fill: #2098ff;
}
.fieldvalidations-creations .has-addanother {
    position: relative;
}
.fieldvalidations-creations .has-addanother:before {
    content: "";
    height: 50px;
    border-right: 1px solid #453e70;
    position: absolute;
    left: 105px;
    bottom: 100%;
}
.fieldvalidations-creations .has-addanother .validation-rule-container:last-child:before {
    content: "";
    height: 100%;
    border-left: 1px solid #453e70;
    position: absolute;
    left: 105px;
    top: 0;
}
.fieldvalidations-creations .validation-rule-container {
    padding-bottom: 50px;
    position: relative;
}
.fieldvalidations-creations .validation-rule-container:not(:last-child):before {
    content: "";
    height: calc(100% + 50px);
    border-left: 1px solid #17a2b9;
    position: absolute;
    left: 105px;
    top: 0;
}
.fieldvalidations-creations .validation-rule-container .validation-branch.has-add:before {
    content: "";
    height: calc(100% - 39px);
    width: 30px;
    border-left: 1px solid #17a2b9;
    border-bottom: 1px solid #17a2b9;
    position: absolute;
    left: 15px;
    top: 30px;
}
.fieldvalidations-creations .validation-rule-container .validation-rule:before {
    content: "";
    width: 30px;
    border-bottom: 1px solid #17a2b9;
    position: absolute;
    right: -15px;
    top: 30px;
}
.fieldvalidations-creations .validation-rule-container .validation-item {
    margin-bottom: 35px;
    position: relative;
}
.fieldvalidations-creations .validation-rule-container .validation-item .header-content {
    color: var(--zf-grey-12);
    letter-spacing: 0.5px;
}
.fieldvalidations-creations .validation-rule-container .validation-item .content-container {
    min-height: 110px;
}
.fieldvalidations-creations .validation-rule-container .validation-item .validation-criteria-container {
    padding: 0 30px;
}
.fieldvalidations-creations .validation-rule-container .validation-item .validation-criteria-container:before {
    content: "";
    width: 30px;
    border-top: 1px solid #17a2b9;
    position: absolute;
    left: 0;
    top: 30px;
}
.fieldvalidations-creations .add-btn {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: #453e70;
    color: #fff;
    font-size: 28px;
    margin-left: 30px;
    margin-top: -18px;
}
.bulk-count {
    padding-left: 30px;
    align-self: center;
}
.bulk-count-outletfilled {
    padding-left: 10px;
    align-self: center;
}
.bulkalert-text .row {
    background-color: #fff5e3;
    padding: 10px 0;
    margin-bottom: 20px;
}
.bulkalert-text .row p {
    font-size: 15px;
}
.projects-bg {
    background-color: #f1faff;
    padding: 20px;
    margin-bottom: 0;
}
.integ-zoho-projects {
    background-position: -13px -34px;
    margin-left: 15px;
}
.projects.modulegroup {
    border: 1px solid #f5f5f5;
    border-bottom: none;
    padding: 20px;
}
.projects.modulegroup:last-child {
    border-bottom: 1px solid #f5f5f5;
}
.projects .icon {
    margin-top: 13px;
    color: #999;
}
.projects-container ul li {
    padding-bottom: 8px;
}
.projects-connect-section {
    padding: 20px 0 0 8px;
}
.projects-connect-section .connect-desc {
    padding-left: 0;
    line-height: 25px;
}
.projects-connect-section .desc-section {
    padding-left: 20px;
}
.projects-connect-section .projects-section,
.projects-connect-section .timesheet-section {
    padding: 10px 0;
}
.projects-connect-section .project-sync-notes {
    background-color: #f1faff;
    padding: 10px;
}
.timesheet-section .popover-body {
    padding: 14px;
}
.timesheet-section .popover-body ul {
    font-size: 14px;
    padding-left: 10px;
    list-style-type: disc;
}
.projects-mapping-page .errorshow-content {
    padding: 10px;
}
.projects-mapping-page .errorshow-content .alert {
    margin-bottom: 0;
}
.currency-warning-banner {
    text-align: center;
    background-color: #f9ecca;
    padding: 10px;
    font-size: 13px;
}
.clone-help-text {
    margin-top: 5px;
}
.clone-help-text > span {
    color: #444;
}
.sms-notification-table.table tbody tr td {
    padding-top: 30px;
    padding-bottom: 30px;
}
.sms-preview-layout {
    width: 370px;
}
.sms-preview-layout .hotspot::after,
.sms-preview-layout .tour-highlight::after,
.sms-preview-layout .button-widget::after,
.sms-preview-layout .sidebar-widget::after {
    background-color: var(--unifiedtheme-red);
    box-shadow: 0 0 0 0 var(--unifiedtheme-red);
}
.sms-content .popover-body {
    padding: 0;
}
.sms-content .sms-preview-division {
    position: relative;
    width: 315px;
    height: 252px;
    margin: 0 auto;
}
.sms-content .sms-preview-division .sms-preview-popup-layout {
    position: absolute;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 10px;
    border-radius: 5px;
    top: 29%;
    left: 19%;
    width: 62%;
    min-height: 140px;
    max-height: 175px;
}
.sms-content-theme1 {
    background-color: #f9f9fb;
    border: 1px dashed #dcdcdc;
}
.sms-content-theme2 {
    background-color: #2fa2e4;
    color: #fff;
}
.whatsapp-content .whatsapp-preview-division {
    width: 260px;
    height: 260px;
    background-image: url(images/whatsapp-phone-preview-75b9121d53.png);
    background-size: 260px 300px;
}
.whatsapp-content .whatsapp-preview-division .whatsapp-preview-popup-layout {
    position: relative;
    max-height: 175px;
    left: 10%;
    top: 30%;
    overflow-y: auto;
}
.whatsapp-content .whatsapp-preview-division .whatsapp-preview-popup-layout::-webkit-scrollbar {
    width: 0;
}
.whatsapp-content .whatsapp-preview-division .whatsapp-preview {
    width: 80%;
    word-wrap: break-word;
    padding: 6px;
    border-radius: 5px;
    background-color: #dcf8c8;
    position: relative;
}
.whatsapp-content .whatsapp-preview-division.whatsapp-initial-view {
    background-image: url(images/whatsapp-phone-empty-30e8629cf9.png);
}
.whatsapp-content .whatsapp-preview-division.whatsapp-initial-view .whatsapp-preview {
    left: 19%;
    width: 65%;
    overflow-y: visible;
}
.whatsapp-content .whatsapp-notemplate-preview {
    background-image: url(images/whatsapp-notemplate-preview-33ad196c25.png);
}
.whatsapp-autocomplete .ac-box .ac-selected {
    border-radius: 25px;
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    height: 45px;
    text-align: center;
}
.whatsapp-autocomplete .ac-box .ac-selected .wa-icon {
    position: absolute;
    left: 7px;
    top: 5px;
}
.whatsapp-autocomplete .dropdown-menu {
    text-align: center;
}
.whatsapp-addchannel-bg {
    background: top no-repeat #eef3ff url(images/wa-addchannel-bg-9031d5f48e.svg);
}
.whatsapp-buycredits-bg {
    background-image: url(images/buycredits-bg-670e257e44.svg);
    background-size: cover;
}
.notification-list-left-border {
    border-left: 2px solid #f22f46 !important;
}
.delugeEditorArea .dre-top-bar {
    min-height: 45px;
    height: auto;
}
.delugeEditorArea .dre-top-bar .dre-deluge-task-header {
    vertical-align: top;
}
.customfunctionHeader {
    font-family: "monaco", monospace, sans-serif;
    padding: 0 10px;
    font-size: 12px;
    min-width: 164px;
    min-height: 30px;
    line-height: 25px;
    max-width: 75%;
    display: inline-block;
    margin: 10px 0 5px;
}
.customfunctionHeader .customfunction-expression {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-right: 10px;
    max-width: 55%;
}
.customfunctionHeader .deluge-param-popover {
    max-width: 400px;
    background-color: #2c2f49;
    border: 1px solid rgba(45, 48, 73, 0.39);
}
.customfunctionHeader .deluge-param-popover .arrow:before {
    border-right-color: #2d3049;
    border-left-color: #2d3049;
}
.customfunctionHeader .deluge-param-popover .arrow:after {
    border-right-color: #2d3049;
    border-left-color: #2d3049;
}
.customfunctionHeader .deluge-param-popover .popover-header {
    font-size: 20px;
    color: #d0d5f1;
    background-color: #555b8a;
    border-bottom: none;
    box-shadow: -1px 7px 18px 0 rgba(35, 37, 51, 0.84);
    margin-top: 0;
    padding: 10px;
}
.customfunctionHeader .deluge-param-popover .popover-body {
    margin-bottom: 10px;
    padding: 9px 14px;
    max-height: 330px;
    overflow: auto;
}
.customfunctionHeader .deluge-param-popover .delugeParams {
    white-space: pre;
    font-family: courier;
    font-size: 13px;
    line-height: 20px;
    color: #4382ff;
    overflow: auto;
}
.pushnotifications-menu.ph-dropdown-menu {
    width: 585px;
}
.pushnotifications-menu.ph-dropdown-menu.ph-small {
    width: 415px;
}
.custombuttons-menu.ph-dropdown-menu {
    width: 380px;
}
.url-bar {
    position: absolute;
    top: 10px;
    background-color: #000;
    border-radius: 0 20px 20px 0;
    opacity: 0.8;
    font-size: 10px;
    padding: 4px 5px 4px 10px;
}
.url-bar a {
    color: #ffc616;
}
.url-bar .url-close {
    color: #fff;
    padding-left: 5px;
}
.cf-attachment {
    border-style: dashed;
}
.ewaybill-preferences {
    background-color: #fafafa !important;
}
.ewaybill-preferences-container {
    margin: 0 -20px;
    padding: 0 20px;
    background-color: #fff;
}
.ewaybill-preferences-container .field-name {
    width: 12%;
    padding: 6px 0 0 15px;
}
.enable-ewaybill {
    margin: 0 -20px;
    padding: 14px 20px;
    background-color: #fafafc;
}
input.ewaybill-checkbox {
    position: static;
    cursor: pointer;
    appearance: none;
    outline: 0 !important;
    margin: 0;
    height: 18px;
    width: 36px;
    box-shadow: inset -18px 0 0 0 #ccc;
    border: 2px solid #ccc;
    transition: 0.2s;
}
input.ewaybill-checkbox:checked {
    box-shadow: inset 18px 0 0 0 #2a90fb;
    border: 2px solid #2a90fb;
}
.ewaybill-flow {
    text-align: center;
    margin: 0 -20px;
    padding: 20px 0 0;
}
.sign-integ {
    background-color: #fafcff;
}
.sign-integ .sign-top-band {
    padding: 30px 30px 40px;
}
.integ-org-empty {
    background-color: #fff7d8;
    border-radius: 25px;
}
.integration-help-palette {
    border-top: 1px solid #f1f5fa;
    background-color: #fafcff;
}
.sign-help {
    padding: 30px 50px;
}
.sign-help .sign-help-content {
    max-width: 94%;
    margin: 0 auto;
}
.sign-help .sign-help-block {
    margin: 20px 0;
    padding: 0 3.2%;
}
.sign-help .sign-help-block:first-child {
    border-right: 1px solid #ececec;
}
.sign-circle {
    background-color: #f6fbff;
    border-radius: 50%;
    text-align: center;
    padding: 15px 0;
}
.sign-user-help {
    background-color: #f6fbff;
    padding: 13px 15px;
    position: relative;
}
.sign-user-help .arrow {
    position: absolute;
    left: -11px;
    top: 20px;
    border-width: 11px 11px 11px 0;
    border-color: transparent #f6fbff transparent transparent;
    border-style: solid;
}
.sign-user-help .icon {
    color: #2799fb;
}
.sign-entity:not(:first-child):not(:last-child) {
    border-left: 1px solid #f5f5f5;
    padding-left: 50px;
}
.sign-entity-title::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 34px;
    border-bottom: 2px solid #38c5f5;
}
.integ-analyt-grplabel {
    font-size: 16px;
    padding-left: 10px;
    padding-top: 5px;
}
.inline-input {
    width: 60px;
    padding: 0 10px;
    margin-top: -5px;
}
.inline-input .inline-edit-field {
    border: 0;
    border-bottom: 1px dashed #333;
    border-radius: 0;
    font-size: inherit;
}
.inline-input .inline-edit-field:focus {
    border-color: inherit;
    box-shadow: none;
}
.inline-input input {
    height: 30px;
}
.inline-ac {
    width: auto;
    padding: 0 10px;
    margin-top: -5px;
}
.inline-ac:last-child {
    padding-right: 0;
}
.sms-overview.list-box > li {
    padding-bottom: 10px;
    padding-left: 25px;
    min-height: 130px;
}
.sms-overview.list-box > li hr {
    margin-top: 15px;
    margin-bottom: 10px;
}
.criteria-pattern {
    border: 1px solid #d7d5e2;
    background-color: #f9f9fb;
    padding: 10px;
    border-radius: 10px;
    width: 87%;
}
.eazypay-link-help dt {
    width: 100px;
}
.eazypay-link-help dd {
    margin: 0;
}
.cf-options-small .cf-active-options {
    transition: height 0.5s;
}
.cf-options-small .cf-active-options.cf-collapse-list {
    height: 260px;
}
.cf-options-small .cf-active-options.cf-expand-list {
    max-height: 630px;
}
.cf-options-small .cf-inactive-options {
    height: 260px;
}
.cf-options-small .listlength-toggle {
    left: 50%;
    bottom: -5px;
    transform: translate(-50%, 50%);
}
.cf-option-popup .add-options-list {
    max-height: 275px;
}
.cf-option-popup .delete-options-list {
    max-height: 400px;
}
.cf-list-pagination {
    right: 0;
    bottom: 0;
}
.cf-list-pagination .pagination {
    padding: 0;
}
.cf-list-pagination .list-filter-dropdown {
    border-bottom-left-radius: 0;
}
.cf-list-pagination div .bg-white {
    border-top-right-radius: 0;
}
.cf-list-pagination .pagination-border {
    border-bottom: 0;
}
.cf-options-large {
    min-height: 0;
}
.cf-options-large.list-in-form {
    height: 500px;
}
.cf-options-large .search-field .input-group-text,
.cf-options-large .search-field .form-control {
    border-radius: 0 !important;
}
.inherit-entity .ac-box .ac-selected {
    background-color: #f5f5f5;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.inherit-value .ac-box .ac-selected {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.predefined-values .choices-list {
    height: 400px;
}
.predefined-values .choices-list .option.active,
.predefined-values .choices-list .option:hover {
    background-color: #f0f8ff;
    color: #0080ff;
}
.cf-options-text {
    line-height: 2;
    padding: 5px 15px;
}
.formula-builder .column-selection ul.available-column-list li {
    cursor: pointer;
}
.formula-builder .formula-operators .available-column-list.available-columns {
    height: 330px;
}
.formula-builder ul.available-column-list.available-columns {
    height: 300px;
}
.formula-builder .formula-operators ul.available-columns {
    border-top: 1px solid #dadada;
}
.preferences-loading {
    margin-top: 25%;
}
.horizontal-check-dimension {
    height: 353px;
    width: 770px;
}
.vatreg-date-help {
    margin-top: -10px;
}
.vatreg-date-help.form-group > div {
    padding-top: 10px;
}
.vatreg-date-help > small {
    color: #626269;
    clear: both;
    padding: 5px 0 0 15px;
}
.extension-container .extension {
    background-image: url(images/developer-extension@1x-cd66fdc6f0.png);
    background-image: -webkit-image-set(url(images/developer-extension@1x-cd66fdc6f0.png) 1x, url(images/developer-extension@2x-14b554404f.png) 2x);
    background-position: bottom right;
    background-repeat: no-repeat;
    box-shadow: 0 0 70px 0 #f0f0f0;
}
.extension-container .extension .extension-description {
    width: 65%;
    overflow: hidden;
    height: 100px;
}
.install-extension {
    background: linear-gradient(0deg, #fff 0, #fff 60%, #fbfafe 100%);
    position: relative;
    width: 60%;
    min-height: 600px;
    padding: 0 70px 50px;
    margin: 100px auto;
}
.install-extension .extension-image-left {
    position: absolute;
    left: -150px;
}
.install-extension .extension-image-right {
    position: absolute;
    top: 80px;
    right: -100px;
}
.install-extension .extension-icon {
    position: relative;
    top: 20px;
    height: 50px;
    width: 50px;
    border: 3px solid #fff;
}
.install-extension .connections-page {
    height: 465px;
}
.install-extension .dre-as-card-set .dre-card-view .dre-card-hover-options {
    display: block;
    visibility: visible;
}
.install-extension .dre-rp-card-status .dre-status-connected {
    width: 16px;
    height: 16px;
    border-radius: 0;
    background-color: transparent;
}
.install-extension .dre-rp-card-status .dre-status-connected:before {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0iIzEwQkM4MyIgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjE2LjcsMzUwLjloLTAuMWMtNS4xLDAtOS45LTIuMS0xMy40LTUuN2wtNzQuMi03NmMtNy40LTcuNS03LjItMTkuNSwwLjQtMjYuOGM3LjUtNy40LDE5LjUtNy4yLDI2LjgsMC40DQoJbDYwLjgsNjIuMmwxMzkuNy0xMzguNWM3LjUtNy40LDE5LjUtNy40LDI2LjgsMC4xczcuNCwxOS41LTAuMSwyNi44bC0xNTMuMiwxNTJDMjI2LjUsMzQ4LjksMjIxLjcsMzUwLjksMjE2LjcsMzUwLjl6Ii8+DQo8L3N2Zz4NCg==);
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 0;
}
.table.extension-table th {
    border-top: none !important;
}
.table.extension-table:last-child {
    margin-bottom: 0;
}
.extension-icon-container {
    box-shadow: 0 2px 5px 0 #ededed;
}
.extension-icon-container.private-icon {
    padding: 7.5px;
}
.dp-top-pane {
    margin: 0 8px;
}
.dp-top-pane.tab-column {
    background-color: #273451;
}
.dp-top-pane.tab-column .nav-pills .nav-link::after {
    background-color: #273451;
    box-shadow: 3px -3px 0 0 #273451;
}
.dp-top-pane.tab-column .nav-pills .nav-link.active::after {
    background-color: #408dfb;
}
.dp-top-pane.tab-column .nav-pills .nav-link.active svg {
    fill: #fff;
}
.dp-top-pane.tab-column .nav-pills .nav-link:hover {
    background-color: #408dfb;
    color: #fff;
}
.dp-top-pane.tab-column .nav-pills .nav-link:hover svg {
    fill: #fff;
}
.dp-top-pane.tab-column .nav-pills .nav-link:hover::after {
    background-color: #408dfb;
}
.dp-top-pane.tab-column .nav-pills .nav-link svg {
    fill: #408dfb;
}
.dp-top-pane .nav-pills .nav-link {
    height: 48px;
    padding: 15px 40px 0 55px;
    border-radius: 10px;
}
.dp-top-pane .nav-pills .nav-item:not(:last-child) .nav-link:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -12px;
    width: 36px;
    height: 36px;
    z-index: 1;
    transform: rotate(45deg);
    border-radius: 5px;
}
.extension-btn {
    position: absolute;
    right: 0;
    margin-right: 24px;
}
.dunning-preferences::-webkit-scrollbar-track {
    background-color: transparent;
}
.dunning-preferences::-webkit-scrollbar-thumb {
    border-radius: 10px;
}
.dunning-preferences .preferences-body {
    padding: 10px 30px 55px;
    max-width: 1000px;
}
.dunning-nav {
    line-height: 1.5;
}
.dunning-nav:hover {
    background-color: #fafafc;
    cursor: pointer;
}
.dunning-nav.active {
    background-color: #f7f9fb;
}
.dunning-disabled {
    background-color: #fcfcfc !important;
}
.dunning-disabled .retry-tree-structure {
    border-color: #999 !important;
}
.dunning-disabled .retry-tree-structure .retry-tree-node:before {
    border-color: #999 !important;
}
.connections .connections-page {
    height: calc(100vh - 60px);
}
.connections .connection-type {
    border: 1px solid #eee;
}
.connections .connection-type:hover {
    border: 1px solid #ddd;
}
.connections .connection-card {
    border: 1px solid #eee;
}
.bharat-qr-modal-lhs {
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 1px solid #ddd;
    background-color: #f2f7fe;
}
.bharat-qr-faq-border {
    border-color: #e0edf6;
}
.preferred-gw-badge {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 13px;
}
.preferred-bg {
    background-color: #f0f8ff;
    border: 1px solid #dbe8ef;
}
.paymentslinks-list-right-sec {
    width: 26%;
    transition: width 0.1s linear;
    background-color: #fff;
}
.paymentslinks-list-right-sec .header-row {
    color: #838195;
    font-size: 13px;
    font-weight: 600;
}
.paymentslinks-list-right-sec .payment-amount-header {
    font-size: 13px;
    font-weight: 500;
}
.paymentslinks-list-right-sec .payment-amount {
    font-size: 20px;
}
.paymentslinks-list-right-sec .paymentslink-details {
    padding: 10px 10px 10px 20px;
    margin-top: 10px;
}
.paymentslinks-list-right-sec .paymentslink-details > .row > :first-child {
    color: #4c526c;
}
.paymentslinks-list-right-sec .paymentslink-details > .row > :last-child {
    color: var(--zf-black-4);
}
.paymentslinks-list-right-sec .payment-customer {
    font-size: 16px;
    font-weight: 500;
    color: var(--zf-black-4);
}
.paymentslinks-list-right-sec .payment-customer:hover {
    color: #408dfb;
}
.paymentlinks-details-container .paymentlink-details-header .paymentlinks-copybtn-sec {
    padding: 15px 20px 10px;
}
.paymentlinks-details-container .paymentlinks-copybtn-sec svg.warning-exclamation path {
    fill: #ccc;
}
.paymentlinks-details-container .copylink {
    color: #408dfb;
    font-size: 14px;
    cursor: pointer;
}
.paymentlinks-details-container .expiry-link {
    padding: 5px 0;
}
.paymentlinks-details-container hr {
    margin: 26px 20px 0;
    border-color: #ebeaf2;
}
.share-paymentlinks .warningmsg-banner {
    background-color: #fff4e7;
    padding: 10px;
}
.share-paymentlinks .sms-promotion-banner {
    background-color: #f7f5ff;
    padding: 10px;
}
.copy-paymentlink-sec {
    box-shadow: 0 -2px 4px 1px rgba(0, 0, 0, 0.01);
    padding: 13px 10px 10px 20px;
    background-color: var(--zf-blue-4);
}
.horizontal-dash {
    width: 70px;
    margin: 25px 0;
}
.play-animation {
    box-shadow: 0 1px 2px 0 rgba(28, 29, 83, 0.09);
}
.play-animation svg {
    transition: transform 0.1s;
}
.play-animation:hover svg {
    transform: translate(-50%, -50%) scale(1.5, 1.5);
}
.customization-empty-state {
    text-align: center;
    max-width: 700px;
    margin: 50px auto 0;
}
.cancel-preference {
    max-width: 600px;
}
.cb-api-url-section {
    border: 1px dashed #819aaf;
}
.cb-api-url-section .cb-api {
    width: 95%;
}
.cb-api-url-section .copy {
    display: none;
}
.cb-api-url-section:hover .copy {
    display: flex;
}
.migrationdate-info {
    left: 2px;
}
.dm-support-contact strong {
    display: block;
}
.step-info {
    background-color: #f7f7f7;
    min-width: 200px;
    margin: 20px;
}
.step-info .step-detail li {
    margin-bottom: 15px;
}
.step-info:nth-child(-n + 2) .next-step {
    width: 40px;
    top: 50%;
    left: 100%;
}
.salesiq-circle {
    padding: 8px 10px;
}
.light-grey-text {
    color: #31426d;
}
.metafield-banner:not(:empty) ~ .body {
    bottom: 150px;
}
.ignore-rtl {
    direction: ltr;
}
.wflogs-response-success {
    background-color: #00b050;
}
.wflogs-response-failure {
    background-color: #e94b35;
}
.wflogs-response-skipped {
    background-color: #8f9fb2;
}
.api-date-picker .range-text {
    margin-right: 10px;
}
.api-legend-color-0 {
    border-left: 2.5px solid #1fcd6d;
}
.api-legend-color-1 {
    border-left: 2.5px solid #ff4c37;
}
.api-legend-color-2 {
    border-left: 2.5px solid #fba800;
}
.api-legend-color-3 {
    border-left: 2.5px solid #208eff;
}
.api-legend-color-4 {
    border-left: 2.5px solid #ff660f;
}
.api-shadow {
    box-shadow: 0 3px 10px 0 #f3f3f3;
    border: 1px solid #ebeaf2;
}
.api-shadow:hover {
    box-shadow: 0 5px 15px 0 #f3f3f3;
}
.hover-container .view {
    visibility: hidden;
}
.hover-container:hover .view {
    visibility: visible;
}
.badge-light-bg {
    background-color: #ededf7;
}
.image-thumbnail {
    height: 30px;
    width: 30px;
}
.unified-user-select-container {
    height: 320px;
}
.unified-selected-user-container {
    height: 355px;
}
.unified-selected-user-list {
    max-height: 360px;
}
.unified-user-select-container .hover-container:hover,
.unified-selected-user-container .hover-container:hover {
    background-color: var(--zf-table-row-selected-hover-bg-color);
}
.lock-filled {
    background-color: #f46558;
    border-radius: 4px;
    padding-left: 4px;
    padding-right: 4px;
}
.badge-grey {
    color: #fff;
    background-color: #94a5a6;
}
.sales-tax-empty-state .accordion-plus,
.tnc-div .accordion-plus {
    transform: rotate(45deg);
    transition-duration: 0.5s;
}
.sales-tax-empty-state .collapsed .accordion-plus,
.tnc-div .collapsed .accordion-plus {
    transform: rotate(0deg);
}
.sms-custom-editor,
.sms-custom-editor .html-editor-toolbar {
    border-width: 0;
}
.sms-custom-editor textarea.raw-editor {
    height: 150px;
}
.revrec-lifecycle ul {
    display: flex;
    justify-content: center;
}
.revrec-lifecycle ul li {
    list-style: none;
    margin: 40px;
    width: 220px;
    position: relative;
}
.revrec-lifecycle ul li:not(:last-child):after {
    content: "";
    width: 65%;
    display: block;
    border: 1px solid #ededed;
    position: absolute;
    top: 50px;
    left: 85%;
}
.external-field-setup {
    background-color: #f9f9f9;
}
.tnc-div {
    bottom: 0;
    background-color: #000;
    animation: fade 1s;
}
.tnc-div .tnc-close {
    letter-spacing: 1.5px;
    right: 30px;
}
.tnc-div h2 {
    padding-top: 50px;
    z-index: 1000;
    background-color: #000;
}
.tnc-div .top-100 {
    top: 100px;
}
.tnc-div li {
    font-weight: 100;
    color: #ddd;
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    to {
        opacity: 0.95;
    }
}
.payment-reorder {
    margin-left: 50px;
}
.international-trade-warning {
    border-left: 2px solid #ec9500;
}
.international-trade-warning .text-black {
    color: #222;
}
.zoho-payments-banner-font {
    font-family: var(--zf-font-family-base);
}
.zpay-recommended {
    border-radius: 20px;
    background: var(--zf-orange-19);
}
.zpay-recommended .badge-name {
    color: var(--zf-white-1);
    line-height: 19.2px;
}
.zpay-feeds-info-icon {
    margin-top: 3px;
}
.zpay-org-profile {
    height: 42px;
    width: 42px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    background-color: #fff;
}
.zpay-fees-cards-icon {
    width: 32px;
    height: 32px;
}
.fee-modal td {
    padding: 15px 20px 0;
    border: 0;
}
.fee-modal tbody tr:first-child td {
    padding-top: 20px;
}
.fee-modal .fee-type td {
    padding-top: 30px;
}
.fee-modal th {
    padding: 8px 20px;
    letter-spacing: 1.2px;
}
.fee-border-dashed {
    border-bottom: 1px dashed #eee;
    margin: 10px 0;
    line-height: 0.1em;
}
.fee-border-dashed span {
    background-color: #fff;
}
.zpay-feeds-status svg {
    width: 6px;
    height: 10px;
}
.zpay-success-modal {
    background: linear-gradient(#edfff5, #fff);
}
.zpay-success-modal svg {
    width: 80px;
    height: 80px;
}
.zpay-feeds-config {
    border: 1px solid #fff1df;
    background-color: #fff9f0;
}
hr.enable-sales-tax-model {
    border-color: #ddd;
}
.wepay-migration-banner {
    border: 1px solid #ffedd7;
    background-color: #fff4e7;
}
.wepay-migration-banner .zpay-feeds-info-icon {
    fill: #ff973b;
    margin-top: 4px;
}
.enable-sales-tax-banner {
    border: 1px solid #ffedd7;
    background-color: #fff4e7;
}
.enable-sales-tax-banner svg {
    fill: #ff973b;
}
.enable-sales-tax-list li::marker {
    color: #e59652;
}
.zp-disable-desc {
    border: 1px solid #fff5e8;
    background-color: #fff5e8;
}
.zpay-sync-status-divider {
    background-color: #ddd;
    width: 1px;
    height: 20px;
}
.zpay-sync-status {
    display: flex;
}
@media (max-width: 1124px) {
    .zpay-sync-status {
        display: block;
    }
    .zpay-sync-status-divider {
        display: none;
    }
}
.zp-feed-sync-header {
    letter-spacing: 1.2px;
}
.zp-feed-sync-banner {
    padding-bottom: 5px;
}
.zp-feed-sync-banner .feed-sync-desc {
    margin-top: 5px;
    padding-right: 5px;
    padding-left: 10px;
}
.zpay-sync-details {
    line-height: 26px;
}
.li-bubble,
.sync-details-bubble,
.grey-bubble,
.orange-bubble {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 8px;
}
.orange-bubble {
    background-color: #e59652;
}
.grey-bubble {
    background-color: #ddd;
}
.sync-details-bubble {
    margin-top: 11px;
}
.flex-vcenter {
    display: flex;
    align-items: center;
}
.border-top-dashed-white-2 {
    border-top: 1px dashed #ddd;
}
.introduce-zpay-banner {
    border: 1px solid #e6f2ff;
    background-color: #f3f6fd;
}
.introduce-zpay-banner .zpay-logo {
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.introduce-zpay-banner .zpay-logo svg {
    fill: #226db4;
}
@media (max-width: 1174px) {
    .introduce-zpay-banner .zpay-logo {
        align-self: flex-start;
    }
}
.introduce-zpay-banner .zpay-desc-fee-container {
    width: 75%;
}
.introduce-zpay-banner .zpay-desc-fee-container .desc-container {
    width: 58%;
}
.introduce-zpay-banner .striked-zpay-fee {
    color: #7995ad;
}
.introduce-zpay-banner .zpay-fee-separator {
    border-right: 1px solid #dfe3ed;
    height: 60px;
}
.introduce-zpay-banner .close-icon {
    height: fit-content;
}
.introduce-zpay-banner .fee-loader {
    height: 15px;
}
.unconfig-fee-loader .zp-skeleton-loader {
    height: 20px;
}
.zpay-setup-modal .modal-body img {
    height: 45px;
    width: 45px;
    border: 3px solid #fff;
}
.zpay-setup-modal .modal-body .acc-det-wrapper .acc-det-subheader {
    color: #68708c;
    letter-spacing: 1.4px;
    line-height: 1.9;
}
.zpay-setup-modal .modal-body .acc-det-wrapper .icon {
    vertical-align: sub;
}
.zpay-setup-modal .modal-body .acc-det-wrapper .user-info {
    width: 300px;
}
.zpay-setup-modal .modal-body .form-check {
    padding: 25px 22px 0;
}
.view-subscription-section .view-subs-bg {
    background-color: var(--zf-yellow-8);
    border-radius: 4px;
}
.view-subscription-section .view-subs-bg .view-subs-enabled {
    background-color: #3bb175;
}
.view-subscription-section .edit-subscription-customize-sec label {
    width: 250px;
}
.view-subscription-section .caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentcolor;
    width: 5px;
    font-size: 2px;
    margin-left: 2px;
}
.title-section {
    background-color: #fafafa;
    padding: 15px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.title-section:hover {
    background-color: #f7f7f7;
}
.hover-bold {
    font-weight: 700;
    color: var(--zf-grey-12);
}
.hover-bold:hover {
    color: #222;
}
.active-text {
    color: #222;
}
.pagetips-list {
    position: absolute;
    overflow-y: scroll;
    width: 400px;
    top: 66px;
    bottom: 0;
}
.wh-url {
    max-width: 10.77%;
    flex-basis: 10.77%;
    padding-right: 0;
}
.wh-url .ac-box .ac-selected {
    border-radius: 0.25rem 0 0 0.25rem !important;
    height: 34px;
    line-height: 31px;
    background-color: #008aff;
    color: #fff;
    border-color: #008aff;
    box-shadow: none;
}
.wh-url .ac-box .ac-caret {
    top: 13px;
}
.wh-url .ac-box .ac-down-open-mini {
    border-top-color: #fff;
}
.wh-url .ac-box .ac-up-open-mini {
    border-bottom-color: #fff;
}
.wh-url .ac-box .dropdown-menu .active > a,
.wh-url .ac-box .dropdown-menu .active > a:hover {
    background-color: #5489ff;
}
.wh-url .ac-box .zf-ac-toggler {
    color: #fff;
}
.wh-url .ac-box .zf-ac-toggler svg {
    fill: #fff;
}
.url-ip-field .ip-field {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}
.wh-input-url {
    max-width: 87.67%;
    flex-basis: 84.97%;
}
.url-preview-header .url-preview-text {
    overflow-wrap: break-word;
}
.wh-payload-header {
    border-bottom: 1px solid #eee;
}
.reminder-day-title {
    max-width: 4%;
    flex-basis: 4%;
}
.day-difference {
    max-width: 12.6%;
    flex-basis: 12.6%;
}
.responseCls {
    white-space: pre;
    font-family: courier;
    font-size: 14px;
    line-height: 20px;
    border: 1px dashed #ccc;
    padding: 10px;
    background-color: #f2f2f2;
    overflow-x: scroll;
}
.criteria-sec {
    margin-top: 40px;
}
.criteria-sec .padding-right-5 {
    padding-right: 0.5%;
}
.wh-ph .ac-box .ac-selected {
    height: 32px;
    border: 0;
}
.wh-ph .ph-btn {
    border: 0;
    color: #428bca;
    height: 32px;
    width: 160px;
    box-shadow: none;
    background-color: inherit;
}
.wh-ph .ph-btn .caret {
    border-top-color: #428bca;
}
.wh-ph .ph-btn:hover {
    background-color: #f2faff;
    box-shadow: none;
}
.wh-ph .ph-dropdown > .ph-dropdown-menu {
    top: 32px;
    width: 200px;
    left: 0;
    right: auto;
    max-height: 340px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.wh-ph .ph-dropdown > .ph-dropdown-menu .ph-group {
    border-right: none;
    margin: 0;
}
.wh-ph .ph-dropdown > .ph-dropdown-menu .ph-group .fltheader {
    padding-left: 10px;
    font-size: 14px;
}
.wh-ph .open .ph-btn {
    background-color: #f2faff;
    color: #428bca;
}
.wh-ph .height-32 {
    height: 32px;
}
.jsoneditor-poweredBy {
    display: none;
}
#jsoneditor .jsoneditor {
    border: 1px solid #ddd;
}
#jsoneditor .jsoneditor-modes,
#jsoneditor .jsoneditor-menu > button,
#jsoneditor .jsoneditor-parse-error-icon {
    display: none;
}
#jsoneditor .ace_text-input {
    position: initial !important;
    top: initial !important;
}
#jsoneditor .jsoneditor-menu {
    background-color: #008aff;
}
#jsoneditor .ace_gutter-layer {
    background-color: #fff;
    border-right: 1px solid #ddd;
}
#jsoneditor .jsoneditor-statusbar {
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}
#jsoneditor .jsoneditor-header {
    height: 35px;
    padding: 8px;
}
.workflow-empty-state {
    width: 125px;
    height: 160px;
    opacity: 0.8;
    margin-top: 85px;
}
.upgrade-text {
    position: absolute;
    background-color: #1c224c;
    border-radius: 5px;
    padding: 39px 0 39px 39px;
}
.upgrade-text .btn {
    background-color: #65b372;
    border-color: #65b372;
    color: #fff;
}
.upgrade-svg {
    background-image: url(images/space-boy-8b0e895de7.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.4;
    height: 137px;
    width: 210px;
    right: 0;
    position: absolute;
}
.email-alert {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    background-color: #fafafa;
}
.email-alert .mar-right-17 {
    margin-right: 17%;
}
.wh-url-preview {
    min-height: 350px;
}
.wh-url-preview .pad-right-75 {
    padding-right: 75px;
}
.wh-url-preview .pad-left-68 {
    padding-left: 68px;
}
.wh-url-preview .pad-right-60 {
    padding-right: 60px;
}
.remove-param {
    padding: 0 31px 0 0;
}
.webhook-creation-form {
    max-width: 80%;
}
@media (min-width: 992px) {
    .email-alert .zf-email-ph {
        margin-right: 17%;
    }
}
.portal-preferences b {
    font-weight: 500;
}
.hp-templates .hp-template {
    color: #222 !important;
    border: 1px solid #eee;
    border-radius: 10px;
}
.hp-templates .hp-template:hover .template-name {
    color: var(--zf-blue-25);
}
.hp-templates .hp-template .separation {
    border-right: 1px solid #e0e0e0;
    height: 70%;
}
.hp-templates .hp-template .more-item {
    color: #222;
}
.hp-templates .hp-template .more-item:hover {
    background-color: #208eff;
    color: #fff;
}
.hp-templates .hp-template .hp-theme-thumbnail-bg.single-page {
    background-color: #e1ebff;
    color: #0056b3;
}
.hp-templates .hp-template .hp-theme-thumbnail-bg.multi-page {
    background-color: #fff1df;
    color: #bd6500;
}
.hp-templates .hp-new-template {
    border: 2px dashed #d6dde3 !important;
}
.lang-switch .dropdown-toggle::after {
    display: inline-block;
    border-top: 0.5em solid;
    vertical-align: middle;
}
.subs-management-enabled-btn {
    background-color: #3bb175;
    font-size: 10px;
    letter-spacing: 0.7px;
    border-radius: 3px;
    color: #fff;
}
.advanced-portal-preferences .enable-section,
.portal-field-pref .enable-section {
    max-width: 550px;
    margin: auto;
}
.advanced-portal-preferences .trials-input,
.portal-field-pref .trials-input {
    width: 70px;
}
.advanced-portal-preferences .trials-input:disabled,
.portal-field-pref .trials-input:disabled {
    background-color: #f9f9fb;
}
.advanced-portal-preferences .advance-subs-tableview .border-allside,
.portal-field-pref .advance-subs-tableview .border-allside {
    border: 1px solid #dee2e6;
    border-radius: 10px;
}
.advanced-portal-preferences .advance-subs-tableview .border-right,
.portal-field-pref .advance-subs-tableview .border-right {
    border-right: 1px solid #dee2e6;
}
.advanced-portal-preferences .advance-subs-tableview .border-left,
.portal-field-pref .advance-subs-tableview .border-left {
    border-left: 1px solid #dee2e6;
}
.advanced-portal-preferences .advance-subs-tableview .border-bottom,
.portal-field-pref .advance-subs-tableview .border-bottom {
    border-bottom: 1px solid #dee2e6;
}
.advanced-portal-preferences .advance-subs-tableview .left-panel > label,
.portal-field-pref .advance-subs-tableview .left-panel > label {
    flex: 50%;
    width: 100%;
}
.portal-field-pref {
    margin-bottom: 100px;
}
.portal-field-pref .form-control {
    border: 1px solid transparent;
    box-shadow: none;
}
.portal-field-pref .disabled {
    background-color: #fff !important;
}
.portal-field-pref .field-pref-table {
    border-radius: 6px !important;
}
.portal-field-pref .field-pref-table div:last-child {
    border-bottom: none !important;
}
.calender-billing-ac .ac-box .ac-selected > span {
    margin-right: 15px;
}
.zoho-payments-logo {
    height: 36px;
}
.webtabs-recommended-section .recommended-text {
    position: absolute;
    top: -20px;
    padding: 5px 10px;
    letter-spacing: 0.8px;
    background-color: #bd6500;
    color: #fff;
}
.webtabs-recommended-section .recommended-text-color {
    color: #bd6500;
}
.webtabs-recommended-section .alert {
    background-color: #fff8ee !important;
}
.zom-usage-stats-card {
    background-color: #f9f9fb;
    margin: 20px 0 15px 20px;
}
@media screen and (max-width: 1023px) {
    .zom-usage-stats-card {
        margin: 20px 25px 15px 20px;
    }
}
.usagestats-text-capitalize {
    text-transform: lowercase;
}
.stats-dot {
    height: 5px;
    width: 5px;
    background-color: #ddd;
    border-radius: 50%;
    margin-top: 13px;
}
.usagestats-text-capitalize::first-letter {
    text-transform: uppercase;
}
.usagestats-text-color {
    color: var(--zf-brown-6);
}
.to-pref-option {
    margin-left: 5.5px;
}
.to-pref-option .alert-warning {
    padding: 7px;
    border-radius: 5px;
}
.to-pref-option::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    height: 43px;
    width: 50%;
    border-left: 1px solid #dee2e6;
}
.to-pref-option.to-avgprice:before {
    height: 53px;
}
.to-pref-option.to-address-pref:before {
    top: 0;
    height: 45px;
}
.to-pref-option .fill-caution-orange {
    fill: #f49c06;
}
.kyc-banner-header {
    margin-bottom: 4px;
}
.kyc-banner-footer {
    display: flex;
    margin: 2px 0;
}
.kyc-banner-footer .status-divider {
    margin: 3px 12px;
}
.kyc-banner-footer.info .status-divider {
    border-left: 1px solid #c8cdde;
}
.kyc-banner-footer.warning .status-divider,
.kyc-banner-footer.error .status-divider {
    border-left: 1px solid #cbaeb5;
}
.kyc-banner-footer svg {
    vertical-align: sub;
    margin-right: 8px;
}
.kyc-banner-footer .status-container {
    padding-top: 1px;
}
.kyc-banner-footer .status-container svg {
    padding-bottom: 2px;
    margin-left: 6px;
    margin-right: 4px;
}
.einvoice-dashboard-privacy-container {
    border: 1px solid #e5e8f2;
}
.einvoice-dashboard-privacy-container li:before {
    content: "✓";
    color: #408dfb;
    position: absolute;
    left: -12px;
    font-size: 14px;
}
.einvoice-dashboard-privacy-container li {
    width: 50%;
    text-align: left;
    padding: 5px;
    position: relative;
}
.einvoice-dashboard-privacy-container .privacy-content {
    border-bottom: 1px solid #e5e8f2;
}
.einvoice-dashboard-privacy-container .fill-ucla-blue {
    fill: #5e7693;
}
.etr-image-block {
    width: 210px;
    height: 80px;
    border-radius: 10px;
}
.object-fit-contain {
    object-fit: contain;
}
.preference-startup {
    line-height: 1.8;
}
.preference-startup .promotion-image-container {
    width: 85%;
    margin: 40px auto;
}
.preference-startup .note-heading {
    border-top: 1px solid #eee;
}
.subscription-plan-card {
    background: url(images/svgs/plan-comp-pattern-7cc5890ec8.svg) 0 0 no-repeat, linear-gradient(to right, #eff3ff, #f9faff);
    background-position: right;
}
.subscription-entity-icon {
    background-color: #f2f7fe;
    line-height: 0;
    padding: 12px;
}
.subscription-popover .popover-header {
    padding-left: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
}
.subscription-popover .arrow::after {
    border-bottom-color: var(--zf-blue-4);
}
.record-locking-popover {
    max-width: 601px;
    padding: 20px;
    border-radius: 10px;
}
.max-width-94 {
    max-width: 94%;
}
.class-value-container {
    border: 1px solid #dee2e6;
    border-top: none;
    height: 42px;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0 10px;
    font-size: 0;
}
.class-value-container.noborder {
    border: 0;
}
.class-value-container.active .cv-input-container {
    background-color: #408dfb;
    color: #fff;
    border-radius: 10px;
}
.class-value-container:hover .dropdown-toggle,
.class-value-container .dropdown.open .dropdown-toggle {
    visibility: visible;
}
.class-value-container:focus-within.focus-border {
    outline: 1px solid #66afe9;
    border-color: transparent !important;
}
.class-value-container .dropdown-toggle {
    visibility: hidden;
}
.class-value-container input[type="text"] {
    border: 0;
}
.class-value-container input[type="text"]:focus {
    border: 0;
    outline: 0;
}
.class-value-container span {
    display: inline-block;
    vertical-align: top;
}
.class-value-container .cv-branch-L {
    width: 13.5px;
    height: 42px;
    border-left: 1px solid #343a40;
}
.class-value-container .cv-branch-L::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 20px;
    border-bottom: 1px solid #343a40;
}
.class-value-container .cv-last-child {
    height: 20px;
}
.class-value-container .cv-input-container {
    height: 100%;
    width: 60%;
    position: relative;
    padding: 10px 0;
    font-size: 13px;
}
.class-value-container .cv-options {
    padding: 10px 0;
    position: absolute;
    right: 0;
    font-size: 13px;
}
.class-value-container .cv-level-line {
    width: 20px;
    height: 42px;
}
.class-value-container .cv-branch-child {
    position: absolute;
    height: 10px;
    bottom: 0;
    left: 6.5px;
    border-right: 1px solid #343a40;
}
.class-value-container .class-row-action {
    visibility: hidden;
}
.class-value-container:hover .class-row-action {
    visibility: visible;
}
.class-value-container:hover .class-row-action small:hover {
    color: #0080ff;
}
.cv-associated-users-container {
    border-radius: 10px;
    border: 1px solid var(--zf-grey-8);
    padding: 20px;
    width: 900px;
}
.cv-associated-user {
    padding: 5px 10px;
    border: 1px solid var(--zf-grey-3);
    border-radius: 20px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.cv-associated-user:hover .cv-remove-user {
    display: block;
}
.cv-associated-user .cv-remove-user {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    cursor: pointer;
}
.cv-associated-user .cv-remove-user svg {
    fill: var(--zf-grey-12);
}
.cv-associated-user.user-ac {
    min-width: 300px;
}
.cv-associated-user.user-ac .ac-dropdown-results .selected-icon-container svg {
    display: none !important;
}
.cv-association-container {
    border: 1px solid #dee2e6;
    border-radius: 20px;
    padding: 0;
    margin: 20px;
}
.cv-association-container .class-value-container input[type="checkbox"] {
    border-radius: 100%;
    outline: 0;
    vertical-align: middle;
}
.cv-association-container .cv-associate-title {
    border-bottom: 1px solid #dee2e6;
    background-color: var(--zf-grey-3);
    margin: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.cv-draggable:first-child > .class-value-container {
    border-top: 1px solid #dee2e6;
}
.class-value-tab-content.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.class-tab {
    color: var(--zf-grey-12);
    text-transform: uppercase;
}
.tax-rule-banner-icon {
    position: relative;
}
.tax-rule-banner-icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7;
    background-color: #e3edf7;
    border-radius: 10px;
}
.tax-rule-banner-icon svg {
    fill: #6a8aaf;
    position: relative;
    z-index: 1;
}
.mh-650 {
    max-height: 650px;
}
.tax-transaction-icon-background {
    width: 50px;
    background-color: var(--zf-checkbox-section-bg-color);
    border: 1px solid #ebeaf2;
}
.tasks-reminder[disabled] {
    background-color: var(--zf-grey-8);
    border: 1px solid var(--zf-grey-8);
}
.acc-auth {
    padding: 0 20px;
    margin: 20px -20px -25px;
}
.border-2 {
    border-width: 2px;
    border-style: solid;
}
.adv-settings-tooltip-arrow {
    position: relative;
}
.adv-settings-tooltip-arrow::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 36%;
    margin-bottom: -3.5%;
    border-width: 11px;
    border-style: solid;
    border-color: transparent transparent #eee;
}
.adv-settings-tooltip-arrow::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 36.15%;
    margin-bottom: -3.6%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #f9f9f9;
}
.zom-enable-page {
    margin-top: 200px;
}
.zom-enable-page .enable {
    background-color: var(--zf-blue-3);
    border-radius: 10px;
}
.zom-enable-page .enable g {
    fill: var(--zf-blue-7);
}
.zom-enable-page .reason {
    margin-bottom: 10px;
}
.zom-enable-page .path {
    background-color: var(--zf-blue-4);
    border: 1px solid var(--zf-blue-26);
    border-radius: 6px;
}
.zom-enable-page .btn-primary,
.zom-enable-page .highlight-btn:hover .highlight-btn-primary,
.highlight-btn:hover .zom-enable-page .highlight-btn-primary,
.zom-enable-page .bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .list-match-btn,
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .zom-enable-page .list-match-btn {
    margin-top: 40px;
}
.approval-migration-img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.api-dashboard .top-chart-container:nth-of-type(odd) {
    border-right: 1px solid #ebeaf2;
}
.api-dashboard .card .card-header {
    border-radius: 10px 10px 0 0;
}
.delete-row-action:hover svg {
    fill: var(--zf-red-7);
}
.common-table-header th {
    letter-spacing: var(--zf-table-header-spacing);
    font-size: var(--zf-table-header-font-size);
}
.pref-bg-seprator {
    color: #dee2e6;
}
.acc-border {
    border-top: 1px solid var(--zf-white-5);
    border-bottom: 1px solid var(--zf-white-5);
}
.templates-editor .dropdown-menu {
    z-index: 99999;
    width: 250px;
    overflow: auto;
}
.templates-editor .bg-skyblue:hover {
    background-color: var(--zf-btn-secondary-hover-bg);
}
.templates-editor .btn-secondary.upload:hover {
    background-color: #f6fafe;
}
.templates-editor .nav-pills .nav-item.active a {
    width: 70px;
    margin: 2px;
    border-radius: 8px;
}
.templates-editor hr {
    border-top: 1px solid var(--zf-grey-17);
}
.templates-editor ~ #pagetips-container .templates-pagetips-icon {
    top: 11px;
    padding: 6px;
}
.templates-editor .slider-btn {
    padding: 0 30px;
}
.from-to-section .ac-box .ac-selected.form-control,
.from-to-section .multiselect {
    border: 0;
    outline: 0;
    box-shadow: unset;
}
.from-to-section .multiselect .multiselect-list {
    margin: 0;
    padding: 2.5px;
}
.from-to-section .multiselect .multiselect-list .list-inline-item {
    margin: 2px;
}
.from-to-section .multiselect .multiselect-list .mac-item .thumbnail-initial {
    width: 20px;
    height: 20px;
}
.from-to-section .zf-ac-toggler {
    display: none;
}
.allow-duplicate-batches-indent {
    position: relative;
    top: 3px;
}
.close-button .popover-header span {
    color: #f7525a;
    opacity: 1;
    font-weight: 500;
}
.highlight.nav-item {
    position: relative;
    z-index: 1009;
}
.highlight.nav-item::after {
    position: absolute;
    content: "";
    border-radius: 12px;
    width: 97%;
    height: 130%;
    top: -9px;
    left: 0;
    margin: 3px;
    transform: scale(1.009);
    animation: border-animate 1s infinite ease-in-out;
    background-color: transparent;
}
.highlight.product-catalog-navtab::after,
.highlight.sales-navtab::after,
.highlight.timetracking-navtab::after {
    height: 100%;
}
.highlight.tasks-navtab::after {
    height: 221%;
}
@keyframes border-animate {
    0% {
        border: 2px solid #19ad5a;
    }
    to {
        border: 4px solid #19ad5a;
    }
}
.billing-promotion {
    background-color: #f3fff4;
    background-image: url(images/billing-bg-pattern-7e1c9f3aa5.png);
    background-size: contain;
    border: 1px solid #daeee3;
}
.gap-30 {
    gap: 30px;
}
.popover.shadow-grey-light {
    box-shadow: 0 7px 12px 0 var(--zf-grey-18);
}
.pages .form-check-input {
    min-width: 14px;
}
.site-item-preview {
    position: relative;
    min-width: 100px;
    min-height: 100px;
}
.site-item-preview .close-icon {
    display: block;
    position: absolute;
    top: -8px;
    right: -6px;
    color: #e54643;
}
.files-list .grid-item {
    min-height: 136px;
    width: 16%;
}
.files-list .grid-item .grid-image-container {
    margin: 5px auto;
}
.files-list .grid-item .grid-image-container .show-img {
    min-width: 70px;
}
.files-list .grid-item .publish-text {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: var(--zf-form-input-border-radius);
    padding: 1px 4px;
}
.files-list .image-library .image-library-img {
    background: url(images/image-library-sprite-0c8f8af98b.png) no-repeat;
    background-size: 240px 54px;
    width: 100px;
    height: 39px;
}
.files-list .image-library .image-library-img.google {
    background-position: -8px -4px;
}
.files-list .image-library .image-library-img.pixabay {
    background-position: -128px -4px;
}
.files-list .image-library .search-card {
    padding: 30px 60px;
}
.files-list .image-library .search-card.highlight {
    border: 1px solid #007bff !important;
}
.files-list .image-library .search-field {
    width: 335px;
}
.files-list .image-library .grid-item {
    min-width: 230px;
    float: none;
}
.files-list .image-library .grid-item .grid-image-container {
    height: 160px;
    width: 160px;
}
.files-list .image-library .grid-item .grid-image-container .show-img {
    max-height: 160px;
    max-width: 160px;
}
.files-list .image-library .load-more {
    margin-bottom: 40px;
    font-size: 15px;
}
.socialicon-mail {
    background-position: -62px -68px;
}
.socialicon-fb {
    background-position: -154px -68px;
}
.socialicon-vimeo {
    background-position: -245px -70px;
}
.socialicon-viber {
    background-position: -332px -68px;
}
.socialicon-twitter {
    background-position: -422px -69px;
}
.socialicon-tumblr {
    background-position: -506px -67px;
}
.socialicon-tiktok {
    background-position: -588px -67px;
}
.socialicon-telegram {
    background-position: -677px -67px;
}
.socialicon-pinterest {
    background-position: -62px -169px;
}
.socialicon-messenger {
    background-position: -154px -169px;
}
.socialicon-web {
    background-position: -245px -169px;
}
.socialicon-whatsapp {
    background-position: -334px -168px;
}
.socialicon-youtube {
    background-position: -422px -170px;
}
.socialicon-flickr {
    background-position: -509px -170px;
}
.socialicon-gplus {
    background-position: -589px -174px;
}
.socialicon-maps {
    background-position: -673px -168px;
}
.socialicon-snapchat {
    background-position: -768px -68px;
}
.socialicon-skype {
    background-position: -858px -67px;
}
.socialicon-play {
    background-position: -950px -67px;
}
.socialicon-rss {
    background-position: -1041px -68px;
}
.socialicon-reddit {
    background-position: -1133px -68px;
}
.socialicon-medium {
    background-position: -768px -170px;
}
.socialicon-linkedin {
    background-position: -858px -169px;
}
.socialicon-insta {
    background-position: -951px -170px;
}
.socialicon-quora {
    background-position: -1041px -168px;
}
.default-customaction-modal {
    min-height: 500px;
}
.template-device-view {
    position: relative;
    padding: 30px;
}
.template-device-view .ipad-view {
    position: absolute;
    bottom: 30px;
    right: 40px;
}
.template-device-view .iphone-view {
    position: absolute;
    bottom: 30px;
    right: 0;
}
.template-device-view .macbook-img {
    width: 495px;
    height: 325px;
    position: absolute;
    top: 57px;
    left: 110px;
    overflow: hidden;
    border: 1px solid #dce0e8;
}
.template-device-view .ipad-svg {
    width: 179px;
    height: 253px;
}
.template-device-view .iphone-svg {
    width: 106px;
    height: 222px;
}
.template-device-view .ipad-img {
    width: 155px;
    height: 206px;
    position: absolute;
    top: 24px;
    left: 12px;
    overflow: hidden;
    border: 1px solid #dce0e8;
}
.template-device-view .iphone-img {
    width: 96px;
    height: 171px;
    position: absolute;
    top: 28px;
    left: 5px;
    overflow: hidden;
    border: 1px solid #dce0e8;
}
.icon.backup-completed {
    fill: var(--unifiedtheme-green);
}
.icon.backup-failed {
    fill: var(--unifiedtheme-red);
}
.databackup-content-box {
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
    background-color: #f9f9fb;
}
.databackup-content-box h4 {
    font-size: 16px;
}
.coupon-active {
    background-color: var(--zf-green-2);
}
.coupon-inactive {
    background-color: var(--zf-grey-8);
}
.coupon-expired {
    background-color: var(--zf-red-9);
}
.coupon-code {
    background-color: var(--zf-blue-3);
    border-radius: 3px;
    letter-spacing: 1px;
    overflow: hidden;
    border: 1px dashed var(--zf-blue-25);
    text-overflow: ellipsis;
}
.coupon-usage {
    background-color: var(--zf-grey-3);
}
.item-add {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 210px;
    border: 1px solid #1483d6;
    border-radius: 10px;
}
.item-preview {
    position: relative;
}
.item-preview .close-icon {
    display: none;
    position: absolute;
    top: -8px;
    right: -6px;
    color: #e54643;
}
.item-preview:hover .close-icon {
    display: block;
}
.aftership-points-sec {
    padding: 10px 20px 30px;
}
.aftership-points-sec .imp-note {
    border-left: 1px dashed #ddd;
}
.poweredby-label {
    background-color: #f5f5f5;
    padding: 0 5px;
    border-radius: 2px;
    vertical-align: text-bottom;
    font-style: italic;
}
[class*="shipmentlogo-"] {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-image: url(images/1x/shipment-sprite-easypost-a03c7c1eeb.png);
    background-size: 1300px 638px;
}
.shipmentlogo-uds {
    background-position: -15px -544px;
    width: 100px;
}
.shipmentlogo-tforce {
    background-position: -135px -545px;
}
.shipmentlogo-ninjavan {
    background-position: -5px -403px;
}
.shipmentlogo-couriersplease {
    background-position: -785px -12px;
}
.shipmentlogo-liefery {
    background-position: -165px -412px;
    width: 60px;
}
.shipmentlogo-lasership {
    background-position: -415px -547px;
    width: 80px;
}
.shipmentlogo-gso {
    background-position: -396px -276px;
}
.shipmentlogo-globegistics {
    background-position: -265px -402px;
}
.shipmentlogo-fastway {
    background-position: -656px -405px;
}
.shipmentlogo-directlink {
    background-position: -1182px -15px;
    width: 100px;
}
.shipmentlogo-auspost {
    background-position: -136px -16px;
}
.shipmentlogo-canpar {
    background-position: -395px -16px;
}
.shipmentlogo-dicom {
    background-position: -395px -399px;
}
.shipmentlogo-arrowxl {
    background-position: -1059px -144px;
    width: 90px;
}
.shipmentlogo-apc {
    background-position: -4px -13px;
}
.shipmentlogo-royalmail {
    background-position: -926px -408px;
    width: 95px;
}
.shipmentlogo-sfexpress {
    background-position: -788px -410px;
}
.shipmentlogo-lso {
    background-position: -267px -540px;
}
.shipmentlogo-estes {
    background-position: -1199px -370px;
}
.shipmentlogo-pilot {
    background-position: -1053px -412px;
    width: 100px;
}
.shipmentlogo-brt {
    background-position: -284px -15px;
    width: 80px;
}
.shipmentlogo-chronopost {
    background-position: -525px -14px;
}
.shipmentlogo-colissimo {
    background-position: -655px -14px;
}
.shipmentlogo-dpex {
    background-position: -915px -12px;
}
.shipmentlogo-dtdc {
    background-position: -1045px -20px;
}
.shipmentlogo-globalpost {
    background-position: -5px -145px;
}
.shipmentlogo-hermes {
    background-position: -135px -146px;
}
.shipmentlogo-landmark {
    background-position: -265px -147px;
}
.shipmentlogo-loomisexpress {
    background-position: -395px -146px;
}
.shipmentlogo-mondial {
    background-position: -555px -147px;
    width: 60px;
}
.shipmentlogo-nexive {
    background-position: -675px -143px;
    width: 80px;
}
.shipmentlogo-nunner {
    background-position: -797px -145px;
    width: 90px;
}
.shipmentlogo-osm {
    background-position: -915px -143px;
}
.shipmentlogo-parcelpoint {
    background-position: -1175px -143px;
}
.shipmentlogo-italiane {
    background-position: -5px -275px;
}
.shipmentlogo-quantium {
    background-position: -136px -278px;
}
.shipmentlogo-qxpress {
    background-position: -265px -277px;
}
.shipmentlogo-sdaexpress {
    background-position: -526px -275px;
}
.shipmentlogo-sendle {
    background-position: -655px -277px;
}
.shipmentlogo-simplypost {
    background-position: -785px -272px;
}
.shipmentlogo-skypostal {
    background-position: -916px -278px;
}
.shipmentlogo-startrack {
    background-position: -1045px -275px;
}
.shipmentlogo-toll {
    background-position: -1175px -273px;
}
[class*="shipmentlogo2-"] {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-image: url(images/1x/shipment-sprite-envia-1678b1ff09.png);
    background-size: 1300px 390px;
}
.shipmentlogo2-almex {
    background-position: -4px -16px;
}
.shipmentlogo2-carssa {
    background-position: -158px -19px;
    width: 75px;
}
.shipmentlogo2-dostavista {
    background-position: -266px -15px;
}
.shipmentlogo2-entrega {
    background-position: -396px -17px;
}
.shipmentlogo2-envia {
    background-position: -551px -17px;
    width: 70px;
}
.shipmentlogo2-estafeta {
    background-position: -784px -17px;
}
.shipmentlogo2-exxprezo {
    background-position: -933px -14px;
    width: 85px;
}
.shipmentlogo2-fletesmexico {
    background-position: -1179px -10px;
}
.shipmentlogo2-ivoy {
    background-position: -4px -143px;
}
.shipmentlogo2-mensajerous {
    background-position: -136px -144px;
}
.shipmentlogo2-99minutos {
    background-position: -266px -145px;
}
.shipmentlogo2-paquet {
    background-position: -396px -145px;
}
.shipmentlogo2-quiken {
    background-position: -542px -147px;
    width: 90px;
}
.shipmentlogo2-redpack {
    background-position: -659px -148px;
}
.shipmentlogo2-scm {
    background-position: -916px -146px;
}
.shipmentlogo2-secor {
    background-position: -1046px -148px;
}
.shipmentlogo2-sendex {
    background-position: -1176px -149px;
}
.shipmentlogo2-vencedor {
    background-position: -6px -272px;
}
.shipmentlogo2-coordinadora {
    background-position: -266px -278px;
}
.shipmentlogo2-servi {
    background-position: -409px -279px;
    width: 95px;
}
.shipmentlogo2-saferbo {
    background-position: -526px -280px;
}
.shipmentlogo2-servientrega {
    background-position: -656px -276px;
}
[class*="marketplacelogo-"] {
    display: inline-block;
    width: 140px;
    height: 100px;
    background-repeat: no-repeat;
    background-image: url(images/1x/zom-thirdparty-apps-6590c67a44.png);
    background-size: 759px 301px;
    transform: scale(0.9);
}
.marketplacelogo-pulse {
    background-position: -216px -22px;
}
.marketplacelogo-joor {
    background-position: -601px -21px;
    width: 120px;
}
.marketplacelogo-b2b {
    background-position: -405px -26px;
}
.integration-grid-logo {
    height: 100px !important;
    display: flex;
}
.integrations-search {
    float: right;
    margin-top: 15px;
    min-width: 220px;
}
.integration-grid {
    position: relative;
    display: inline-block;
    margin: 20px;
    padding: 10px;
    border: 1px solid #f1f4f9;
    border-radius: 10px;
    width: 180px;
    background-color: #fff;
    box-shadow: 0 4px 9px 0 rgba(28, 29, 83, 0.04);
    text-align: center;
    overflow: hidden;
}
.integration-grid .integ-content-height {
    min-height: 55px;
}
.integration-grid .grid-actions {
    display: none;
}
.integration-grid .direct-grid-actions {
    position: absolute;
    color: var(--zf-grey-12);
    right: 30px;
    padding: 0.375rem 0.75rem;
}
.integration-grid .direct-grid-actions a {
    color: var(--zf-grey-12);
}
.integration-grid .developer-info {
    height: 40px;
}
.integration-grid .grid-flex-column {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.integration-grid .label-separator {
    margin: 5px 0;
    border-right: 1px solid #ddd;
    height: 15px;
    vertical-align: text-bottom;
}
.integration-grid .channel-ribbon {
    position: absolute !important;
    top: 10px;
    right: 10px;
    overflow: hidden;
    width: 56px;
}
.integration-grid .channel-ribbon .channel-ribbon-inner {
    text-align: center;
    color: #fff;
    padding: 3px;
    border-radius: 0 10px;
}
.integration-grid .channel-ribbon .ribbon-success {
    background-color: #1fcd6d;
    border-color: #18a155;
}
.integration-grid:hover {
    border-color: #007bff;
}
.integration-grid:hover .developer-info {
    visibility: hidden;
}
.integration-grid:hover .grid-actions {
    position: absolute;
    bottom: -1px;
    right: -5px;
    display: flex;
}
.integration-grid:hover .grid-actions .prime-action,
.integration-grid:hover .grid-actions .more-action {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #007bff;
    border-top-left-radius: 5px;
    color: #fff;
    height: 35px;
    transform: skewX(-24deg);
}
.integration-grid:hover .grid-actions .more-action {
    width: 45px;
    background-color: #e6f2ff;
}
.integration-grid:hover .grid-actions .prime-action {
    padding: 0 20px 0 15px;
    position: relative;
    right: -11px;
    background-color: #007bff;
}
.integration-grid:hover .grid-actions .action-text {
    transform: skewX(24deg);
}
.integration-grid:hover .direct-grid-actions {
    color: #2485e8;
}
.integration-grid:hover .direct-grid-actions a {
    color: #2485e8;
}
.integration-grid.gmc-setup-container {
    width: 100%;
    min-width: 400px;
    max-width: 510px;
    min-height: 220px;
    padding: 10px;
    text-align: left;
    border: 1px solid #eeeff3;
    box-shadow: 0 4px 9px 0 rgba(28, 29, 83, 0.04);
    border-radius: 10px;
}
.integration-grid.gmc-setup-container .gmc-setup-form {
    margin: 0 8%;
}
.gmc-acc-wrap {
    margin: 40px;
}
.gmc-text-weight {
    font-weight: 500;
}
.hr-line {
    margin: 25px 0 !important;
}
.gmc-skip {
    border: 0;
    background: 0 0;
    padding: 0;
    color: #2485e8;
}
.gmc-skip:hover {
    color: #2485e8;
}
.gmc-skip:focus {
    box-shadow: none;
}
.channel-logo-class {
    margin: auto;
    height: 90px;
    width: 90px;
}
.channel-logo-class.zcommerce {
    height: 70px;
    width: 70px;
}
.channel-logo-class.commerce {
    height: 80px;
    width: 80px;
}
.channel-logo-class.aftership {
    height: 100px;
    width: 100px;
}
.channel-logo-class.magento {
    height: 100px;
    width: 120px;
}
.channel-logo-class.tally {
    height: 140px;
    width: 140px;
}
.channel-logo-class.canada-post {
    height: 100px;
    width: 130px;
}
.channel-logo-class.easyship {
    height: 40px;
}
.channel-logo-class.vamaship-logo {
    height: 80px;
    width: 80px;
}
.gmc-syncpref-block {
    padding: 10px 17px;
}
.gmc-syncpref-block .form-check-label {
    color: #222;
}
.gmc-sync-help {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    line-height: 18px;
}
.integrations-sidebar {
    margin: 5px;
    background-color: #fbfafe;
}
.integrations-sidebar .header-content {
    padding: 0 15px 20px;
    background-color: #fff;
}
.direct-integration-grid {
    width: 885px;
    min-height: 160px;
    text-align: left;
    overflow: visible;
    border-color: #f1f4f9;
}
.direct-integration-grid .logo-container {
    width: 15%;
    min-width: 120px;
    background-color: #f9f9f9;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 20px 10px;
    min-height: 140px;
    position: relative;
    border: 0;
}
.direct-integration-grid .content-container {
    width: 75%;
    display: inline-block;
    text-align: left;
    min-height: 140px;
}
.direct-integration-grid .showmore-text {
    padding: 0.375rem 0.75rem;
    margin-left: 10px;
}
.direct-integration-grid .container-inner {
    min-height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.direct-integration-grid .ribbon {
    top: 15px;
    left: 16px;
    z-index: 99;
}
.direct-integration-grid .badge-success {
    background-color: #1fcd6d;
    border-color: #18a155;
}
.direct-integration-grid:hover {
    border-color: #e9ebf3;
}
.direct-integration-grid:hover .showmore-text {
    background-color: #e6f0ff;
}
.img-ship-carrier {
    height: 125px;
    padding: 10px;
    border-radius: 10px;
    background-color: #f9f9f9;
}
.direct-integration {
    margin: 0;
    padding: 0;
}
.direct-integration .step-rounded {
    background-color: #e8e8e8;
    color: #888;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    width: 20px;
    border-radius: 50%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.direct-integration .info-section {
    width: 45%;
    float: left;
    border-right: 1px solid #ededed;
    background-color: #f9f9f9;
    padding: 10px 30px 89px;
}
.direct-integration .integration-section {
    width: 55%;
    float: left;
    padding: 30px 20px;
}
.direct-integration .close-details {
    position: absolute;
    right: 14px;
    top: 12px;
}
.integrations-section.body {
    padding: 0 10px 50px;
    background: 0 0;
}
.integrations-section.body.aftership-bg {
    background-color: #def3f9;
    border-color: #e4e4e4;
}
.integrations-section .way-it-works {
    border-right: 1px dashed #a1d9fe;
}
.integrations-section .imp-note {
    border-left: 1px dashed #a1d9fe;
}
.integrations-section.gmc .body {
    padding: 0 0 50px;
}
.integrations-section .aggregators-section .aggregator {
    border-width: 1px 0 0;
    border-color: #eee;
    border-style: solid;
}
.integrations-section .aggregators-section .aggregator:last-child {
    border-width: 1px 0;
}
.easyship-authlink {
    border-radius: 5px;
    background-color: #f3f3f3;
    padding: 5px 8px;
    width: 500px;
}
.channel-section {
    border-bottom: 1px solid #ddd;
    padding: 40px 20px 40px 40px;
    background-color: #fff;
}
.channel-section .alert {
    margin-top: 15px;
    margin-bottom: 0;
}
.mp-help-section {
    padding: 10px 40px 30px;
}
.integ-help-points ul {
    line-height: 1.8;
}
.integ-help-points h5 {
    padding-left: 24px;
}
.stock-badge-position {
    padding: 2px 7px;
    background: 0 0;
}
.mp-store-table.table {
    border-bottom: 0 !important;
}
.mp-store-table.table thead th {
    border: 0 !important;
}
.mp-store-table.table tbody > tr > td {
    padding: 0 8px;
    border-top: 0;
}
.mp-store-table.table .marketplace-status-label {
    vertical-align: middle;
    font-size: 14px;
}
.channel-logo {
    display: inline-flex;
}
.channel-logo .logo {
    margin-right: 10px;
}
.channel-logo .inactive-channel {
    opacity: 0.3;
}
.store-details {
    border-bottom: 1px dashed #ececec;
    padding-bottom: 25px;
    margin: 0 0 25px;
}
.map-autocomplete .ac-selected {
    height: 60px !important;
    border: 1px solid #ececec;
    border-radius: 4px;
    padding: 14px;
}
.map-autocomplete .ac-selected > span {
    font-size: 14px;
    font-weight: 600;
}
.map-autocomplete .ac-selected .zf-ac-toggler {
    right: 15px;
    top: 15px;
}
.map-autocomplete .map-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin: 10px 10px 7px;
}
.map-autocomplete .map-address {
    font-size: 13px;
    line-height: 20px;
    margin: 0 10px 13px;
}
.mp-feature-banner {
    background-color: #f9faff;
}
.mp-feature-banner .mp-banner-description {
    font-size: 13px;
    line-height: 21px;
}
.amazonauth-banner-description {
    font-size: 13px;
    line-height: 21px;
}
.kloudconnector-container {
    position: relative;
    top: -5px;
    margin-top: 20px;
}
.kloudconnector-header {
    position: relative;
    top: -20px;
    display: inline-block;
    padding-right: 5px;
}
.shoppingcart-footer > div {
    display: inline-block;
    padding: 0 30px;
}
.itemgroup-no-hover tbody tr.no-hover:hover td {
    background-color: #fff;
    cursor: auto;
}
.marketplace-enable .enable-link {
    margin: 10% 22%;
}
.marketplace-enable .enable-link .info-box {
    background-color: #fbfbfb;
    border: 1px solid #f5f5f5;
}
.marketplace-enable .available-channels {
    padding-bottom: 20%;
}
.mp-inactive-store {
    opacity: 0.7;
}
.mp-loader {
    top: 200px;
}
.shop-name {
    border-radius: 7px;
    margin: 20px;
    padding: 35px 15px 40px;
    background-color: #eef6fb;
}
.mp-integration-section {
    margin: 20px -15px 0 -42px;
    padding: 40px 10px 40px 30px;
    background: url(images/gs-pattern-2732d952cc.png);
    background-color: #fafafa;
}
.mp-integration-section .sales-channel {
    display: inline-flex;
}
.mp-integration-section .sales-channel .market {
    padding: 15px 45px 0 0;
}
.icons-lhs {
    fill: initial;
    padding-top: 4px;
}
.syn-history-nav-link {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.signin-with-google {
    background-image: url(images/google-signin-1x-4070809e84.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    background-position: -2px -1px;
    width: 153px;
    height: 32px;
}
.signin-with-google:hover {
    background-position: -2px -36px;
}
.qbo-connect {
    background-image: url(images/connect-to-quickbooks-1x-950979e5da.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 223px;
    height: 36px;
}
.qbo-connect:hover {
    background-image: url(images/connect-to-quickbooks-hover-88425c9708.png);
}
.xero-connect {
    background-image: url(images/xero-connect-1x-1f5b32803d.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 160px;
    height: 36px;
}
.xero-disconnect {
    background-image: url(images/xero-disconnect-1x-b281b2569a.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 223px;
    height: 36px;
}
.qbo-import-section {
    width: 75%;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    background-color: #fff7ec;
}
.import-details-container .import-action-icon {
    padding: 10px 12px;
    background-color: #fbfcff;
    border: 1px solid #e0edf6;
    border-radius: 5px;
}
.import-details-container .import-action-icon::after {
    content: "";
    border-left: 1px solid #e0edf6;
    position: relative;
    bottom: -29px;
    right: 8px;
}
.import-details-container .import-action-icon g {
    fill: var(--zf-grey-13);
}
.import-details-container:nth-of-type(3) .import-action-icon::after {
    border-left: 0;
}
.sync-info-banner {
    display: inline-block;
    background-color: #f8f9fa;
    border: 1px solid #f5f5f5;
    padding: 10px;
    border-radius: 8px;
}
.qbo-integ-details .table-responsive {
    margin-left: 0 !important;
}
.qbo-integ-details .zi-table {
    border-bottom: none;
    width: 95%;
    margin-left: 5px;
}
.qbo-integ-details .zi-table tr {
    border-left: 1px solid #dfdfdf;
}
.qbo-integ-details .zi-table tr td {
    border-top: none;
    position: relative;
}
.qbo-integ-details .zi-table .bullet-point {
    color: #2799fb;
    font-size: 25px;
    position: absolute;
    top: -2px;
    left: -7px;
}
.qbo-integ-details .wellcrm {
    border: 0;
    background-color: #fff;
    padding-left: 0;
}
.qbo-integ-details .bold {
    font-weight: 700 !important;
}
.qbo-integ-setup .qbo-tax-mapping {
    width: 80%;
    margin: 5px 0;
}
.qbo-integ-setup .checkbox {
    margin-bottom: 5px;
}
.qbo-integ-setup .bold {
    font-weight: 700 !important;
}
.qbo-integ-setup .refresh-info {
    background-color: #f7f7f7;
    border-radius: 500px;
    padding: 8px;
}
.qbo-integ-setup hr {
    margin-top: 0;
    margin-bottom: 0;
}
.qbo-integ-setup .import-header {
    padding-bottom: 20px;
}
.qbo-integ-setup .zi-table {
    border-bottom: none;
}
.qbo-integ-setup .zi-table tr > td {
    border-top: none;
}
.qbo-integ-setup thead tr:first-child th {
    border-top: none;
    background-color: #fff;
}
.demo-text {
    margin-top: -30px;
    width: 210px;
}
.cog-spinner-wrapper {
    position: relative;
    margin: auto;
    width: 20px;
    height: 40px;
}
.cog-spinner {
    animation: spinner 2s infinite linear;
}
.cog-spinner path {
    fill: #bd8954;
}
.cog-spinner-back {
    position: absolute;
    top: 15px;
    left: 15px;
    animation: spinner-back 2s infinite linear;
}
.cog-spinner-back path {
    fill: #153627;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    [class*="shipmentlogo-"] {
        background-image: url(images/2x/shipment-sprite-easypost-967f1d0dde.png);
    }
    [class*="shipmentlogo2-"] {
        background-image: url(images/2x/shipment-sprite-envia-8f61ca3065.png);
    }
    [class*="marketplacelogo-"] {
        background-image: url(images/2x/zom-thirdparty-apps-a83a5e54aa.png);
    }
    .qbo-connect {
        background-image: url(images/connect-to-quickbooks-2x-9cb08fd4f7.png);
        background-repeat: no-repeat;
        background-size: 223px 36px;
    }
    .qbo-connect:hover {
        background-image: url(images/connect-to-quickbooks-hover-2x-1dd51bab4d.png);
    }
    .xero-connect {
        background-image: url(images/xero-connect-2x-3930c65ea6.png);
        background-repeat: no-repeat;
        background-size: 160px 36px;
    }
    .xero-disconnect {
        background-image: url(images/xero-disconnect-2x-cabab6b33d.png);
        background-repeat: no-repeat;
        background-size: 223px 36px;
    }
    .signin-with-google {
        background-image: url(images/google-signin-2x-45a5440cd7.png);
        background-repeat: no-repeat;
        background-size: 146px 70px;
    }
}
.crm-integ .mp-setup-well {
    background-color: #fbfbfb;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
}
.crm-integ .mp-setup-well .module-grp {
    padding: 30px 20px;
}
.crm-integ .mp-setup-well .right-arrow {
    padding-bottom: 30px;
}
.crm-integ .mp-setup-well .sync-config {
    margin: 20px -20px -30px;
    background-color: #f5f5f5;
    padding: 10px 20px;
}
.header.gmc-products-header {
    height: 100px;
}
.gmc-phone-alert {
    margin: -9px -20px 0;
}
.gmc-integ {
    min-width: 780px;
}
.gmc-status-indicator {
    color: #eee;
}
.gmc-status-indicator.allproducts {
    color: var(--zf-blue-11);
}
.gmc-status-indicator.inprogress,
.gmc-status-indicator.pending {
    color: var(--zf-orange-6);
}
.gmc-status-indicator.approved {
    color: var(--zf-green-6);
}
.gmc-status-indicator.disapproved {
    color: var(--zf-red-9);
}
.gmc-status-indicator.failed {
    color: var(--zf-red-9);
}
.body.settings-content {
    padding: 20px 20px 50px;
}
.table-borderless.gmc-field-mapping-table thead > tr > th,
.table-borderless.gmc-field-mapping-table tbody > tr > td {
    padding: 14px 0;
}
.shipzone-card {
    margin-bottom: 20px;
    padding: 10px 20px 15px;
    border: 1px solid #eeeff3;
    box-shadow: 0 4px 9px 0 rgba(28, 29, 83, 0.04);
    border-radius: 6px;
}
.shippingzone-card {
    margin-bottom: 20px;
    padding: 10px 20px 15px;
    border: 2px solid #eeeff3;
    border-radius: 6px;
    width: 98%;
    margin-left: 13px;
}
.gmc-table td {
    border-top: 1px solid #f5f5f5;
}
.gmc-table thead > tr > th {
    font-size: 12px;
    padding: 9px 10px;
    color: #21263c;
    letter-spacing: 0.3px;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-weight: 600;
}
.gmc-table tbody > tr > td {
    padding: 11px 10px;
}
.gmc-table tr.row-action td .hover-actions {
    display: none;
}
.gmc-table tr.row-action:hover td .hover-actions {
    display: inline-block;
}
.gmc-table.shopping-perf-table {
    border-bottom: 1px solid #eee;
}
.gmc-table.shopping-perf-table thead > tr > th {
    font-size: 11px;
}
.table.gmc-table.border-less tbody > tr > td {
    border: 0;
    padding: 0 10px 16px;
}
.table.gmc-table.border-less tbody > tr:first-child > td {
    padding-top: 20px;
}
.table.gmc-table.border-less thead > tr > th {
    padding: 8px 10px;
}
.gmc-table.shipping-table thead > tr > th {
    font-weight: 500;
}
.gmc-table.shipping-table tbody > tr > td {
    padding: 16px 10px;
}
.border-dashed-card {
    border: 1px dashed #ddd;
}
.border-dashed-card + .border-dashed-card {
    border-top: 0;
}
.header.gmc-setup-header {
    height: 111px;
}
.body.gmc-setup-body {
    padding-bottom: 80px;
}
.nav-tabs-dashed.gmc-tabs {
    border-bottom: 0;
}
.nav-tabs-dashed.gmc-tabs .active,
.nav-tabs-dashed.gmc-tabs .active:hover,
.nav-tabs-dashed.gmc-tabs .active:focus {
    border-bottom-width: 3px;
}
.gmc-fixed-footer-band {
    border-top: 1px solid #eee;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -2px 6px -4px rgba(0, 0, 0, 0.1);
    padding: 18px 20px;
}
.gads-conversion-note {
    padding: 18px;
    background-color: #fbfbfb;
    border: 1px solid #f5f5f5;
    width: 500px;
    border-radius: 3px;
}
.gads-campaign-empty-state {
    margin: 40px auto 20px;
    max-width: 500px;
}
.campaign-status {
    color: #fff;
    border: 1px solid #bbb;
    background-color: #bbb;
    border-radius: 2px;
    padding: 1px 4px;
    font-weight: 600;
    vertical-align: middle;
    font-size: 11px;
    margin-left: 2px;
    text-transform: uppercase;
    letter-spacing: 0.56px;
}
.campaign-status.unknown,
.campaign-status.paused {
    border-color: #bbb;
    background-color: #bbb;
}
.campaign-status.enabled {
    border-color: var(--zf-green-6);
    background-color: var(--zf-green-6);
}
.campaign-status.removed {
    border-color: var(--zf-red-9);
    background-color: var(--zf-red-9);
}
.container.campaign-performance-container {
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.03);
    border-radius: 6px;
}
.beta-label {
    background-color: #f5821f;
    font-size: 11px;
    color: #fff;
    vertical-align: middle;
    padding: 1px 5px;
    margin-left: 5px;
    font-weight: 500;
    letter-spacing: 0.6px;
    border-radius: 4px;
}
.container.gmc-intro-container {
    border-top: 1px solid #f1f5fa;
    margin: 45px auto 0;
    padding: 25px 20px;
    bottom: 0;
    background-color: #fbfcff;
    min-height: 350px;
}
.gmc-benefits-card {
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(28, 29, 83, 0.09);
    min-height: 225px;
    margin-top: 10px;
}
.detailed-desc {
    line-height: 22px;
}
.gmca-create-note {
    padding: 10px 15px;
    background-color: #f0f8fe;
    border-radius: 6px;
}
.gmc-empty-state {
    margin: 13% 18% 3%;
}
.dashed-border-bottom {
    border-bottom: 1px dashed #ecedf6;
}
.dashed-border-top {
    border-top: 1px dashed #eee;
}
.product-icon-bg {
    background-color: #f5f5f5;
    padding: 20px;
    width: 82px;
    height: 82px;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
}
.icon-wrapper {
    padding: 8px;
    background-color: #f5f5f5;
    border-radius: 6px;
    width: 42px;
    height: 42px;
    margin-right: 12px;
}
.icon-wrapper.country {
    padding: 14px 8px;
}
.icon-wrapper.country svg {
    width: 26px;
    height: 14px;
}
.icon-wrapper.tax-rate {
    padding: 11px 13px;
}
.icon-wrapper.tax-rate svg {
    width: 16px;
    height: 20px;
}
.gmc-error-band {
    background-color: #fff7ec;
    padding: 10px;
}
.gs-terms-band {
    background-color: #f7faff;
    border-radius: 5px;
    padding: 15px 5px;
}
.gads-event-container {
    line-height: 22px;
    font-size: 13px;
    color: #188038;
    padding: 15px 25px;
    border: 1px solid #ececec;
}
.border-right-light {
    border-right: 1px solid #eee;
}
.border-left-light {
    border-left: 1px solid #e2ecf5;
}
.letter-space-3 {
    letter-spacing: 0.3px;
}
.account-info-banner {
    display: flex;
    flex-direction: column;
    padding: 20px 40px;
    margin: 0 -20px;
}
.account-info-banner .account-info-section {
    display: flex;
}
.account-info-banner .account-info {
    display: flex;
    flex-direction: column;
    margin-right: 64px;
}
.reauth-alert {
    margin: 0 -20px;
    border: 0;
    padding-left: 35px;
}
.module-syncheader-block {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1000px;
}
.module-header {
    font-weight: 500;
    font-size: 17px;
    color: #444;
}
.mapping-module-grp {
    padding: 22px 28px;
    margin-bottom: 30px;
    background-color: #fbfcff;
    border: 1px solid #f9f9f9;
    border-radius: 6px;
    max-width: 1000px;
}
.mapping-module-grp .warehouse-icon-circle {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    width: 98px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
}
.mapping-module-grp .warehouse-icon-circle .icon {
    margin: 1px 0 0 5px;
}
.mapping-module-grp .warehouse-icon-circle.warehouse-circle-mini {
    width: 60px;
}
.mapping-module-grp .mapping-label {
    font-size: 14px;
    color: #222;
    line-height: 17px;
    margin-bottom: 7px;
}
.mapping-module-grp .mapping-details {
    font-weight: 600;
    font-size: 16px;
    color: #222;
    line-height: 20px;
}
.mapping-module-grp .mapping-header {
    font-weight: 600;
    font-size: 15px;
    color: #222;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 6px;
}
.mapping-module-grp .mapping-note,
.mapping-module-grp .mapping-warning {
    font-size: 14px;
    color: #222;
    letter-spacing: 0;
    line-height: 20px;
}
.mp-module-grp {
    border: 1px solid #efefef;
    padding: 40px 26px;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    border-radius: 6px;
    max-width: 1000px;
}
.mp-module-grp .mp-logo-icon {
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    padding: 10px;
}
.mp-module-grp .sync-config {
    border-top: 1px dashed #efefef;
    padding-top: 15px;
    margin: 20px 0 -20px;
}
.so-cycle-active {
    display: flex;
    float: right;
    align-items: center;
}
.so-cycle-active-circles {
    height: 20px;
    position: relative;
    width: 20px;
}
.so-cycle-active-circles > div {
    animation: growAndFade 3s infinite ease-out;
    background-color: #00b050;
    border-radius: 50%;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.so-cycle-active-circles .circle1 {
    animation-delay: 1s;
}
.so-cycle-active-circles .circle2 {
    animation-delay: 2s;
}
.so-cycle-active-circles .circle3 {
    animation-delay: 3s;
}
@keyframes growAndFade {
    0% {
        opacity: 1;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}
.store-table-header {
    margin: 0 -20px;
    padding: 10px 5px;
    background-color: #fafafa;
    border: 1px solid #ddd;
}
.store-table-details {
    margin: 0 -20px;
    padding: 0 20px;
    border: 1px solid #eee;
}
.store-table-details .store-table-row {
    margin: 0 -20px;
    padding: 15px 5px;
}
.store-table-details .store-table-cell {
    display: flex;
    font-size: 14px;
    color: #444;
    line-height: 17px;
    justify-content: space-between;
}
.store-table-details .store-table-cell .configure-icon {
    display: none;
    cursor: pointer;
}
.store-table-details .store-table-cell:hover > .configure-icon {
    display: inline;
}
.gads-info-box {
    text-align: left;
    box-shadow: 0 4px 9px 0 rgba(28, 29, 83, 0.04);
    border: 1px solid #eeeff3;
    border-radius: 10px;
    padding: 15px 20px;
    background-color: #fff;
}
.gads-info-box.customerid-section {
    box-shadow: none;
    border: 0;
    background-color: #f9f9f9;
}
.gads-info-box .circled-num {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 21px;
    width: 21px;
    font-size: 11px;
    margin-right: 10px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.gads-info-box .circled-num span {
    position: relative;
    top: -1px;
}
.gads-logo {
    width: 190px;
    height: 57px;
}
.gateway-logo {
    height: 50px;
    width: auto;
    object-fit: contain;
}
.gateway-connector-info {
    box-shadow: 0 2px 25px 0 #eee;
}
.mp-disable-disconnect {
    background-color: #fff4e7;
    border-radius: 10px;
}
.highlight-mp-disable {
    border: 1px solid #e6d9a9;
}
.fba-fbm-link-bg {
    background-color: #f9f9fb;
    border-radius: 6px;
}
.mp-setup-success {
    background-color: #f7fef8;
}
.inbound-fba-top-band {
    min-height: 43px;
    padding: 0 1.65%;
    margin: 0 -20px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.inbound-fba-top-band .inbound-top-band-item {
    position: relative;
    padding-bottom: 10px;
}
.inbound-fba-top-band .circle-box {
    border: 0;
    display: inline-block;
}
.inbound-fba-top-band .current-step .inbound-step-label {
    font-weight: 500;
}
.inbound-fba-top-band .current-step .circle-box {
    color: #fff;
    background-color: #ccc;
}
.inbound-fba-top-band .current-step:after {
    content: "";
    position: absolute;
    border-top: 3px solid #4b86f2;
    width: 100%;
    left: 3px;
    top: 39px;
}
.inbound-fba-top-band .step-completed .circle-box {
    background-color: #53b05a;
    color: #fff;
}
.inbound-shipment-pickup-address {
    background-color: #fbfafa;
    border: 1px solid #eee;
    margin-top: 6px;
    border-radius: 5px;
    padding: 10px 20px 10px 15px;
}
.inbound-transport-body .transport-config-header {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.inboundshipment-transport .dimension-fields {
    border: 1px solid #ced4da;
}
.inboundshipment-transport .dimension-fields .dimension-separator {
    padding: 4px 7px;
}
.inboundshipment-transport .dimension-fields .form-control {
    height: 28px;
    padding: 0 8px;
}
.inboundshipment-transport .form-control {
    height: 30px;
}
.inbound-shipment-lineitem .item-autocomplete > .name {
    background-color: #fff;
}
.inbound-shipment-form .plan-card {
    border: 1px solid #eeeff3;
    box-shadow: 0 0 9px 0 rgba(28, 29, 83, 0.04);
    border-radius: 10px;
    padding: 20px;
}
.inbound-shipment-form .plan-card .shipment-label {
    font-size: 15px;
    color: #222;
    line-height: 24px;
    margin-bottom: 16px;
}
.inbound-shipment-form .plan-card .shipping-address-label {
    font-size: 13px;
    color: #666;
    line-height: 20.8px;
    margin-bottom: 5px;
}
.inbound-shipment-form .plan-card .shipping-address {
    font-size: 13px;
    color: #222;
    line-height: 22.8px;
}
.inbound-shipment-form .plan-card .total-info-box {
    background-color: #f9f9fb;
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    margin-top: 20px;
}
.inbound-shipment-form .plan-card .info {
    display: flex;
    justify-content: space-between;
    width: 35%;
}
.inbound-shipment-form .plan-card .info-label {
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
    line-height: 20.8px;
}
.inbound-shipment-form .plan-card .info-value {
    font-size: 13px;
    color: #222;
    line-height: 20.8px;
}
.carton-container {
    border-bottom: 1px solid #eee;
    margin-bottom: 17px;
}
.carton-container .carton-title {
    font-size: 15px;
    color: #222;
    line-height: 24px;
}
.carton-container .sub-entity-creation {
    margin: 10px 30px 5px 0;
}
.carton-empty-state {
    max-width: 45%;
    margin: 80px auto;
    text-align: center;
}
.inboundshipment-banner {
    background-color: #f7faff;
    padding: 20px 30px;
    margin: 0 -20px;
}
.inboundshipment-banner .banner-info {
    font-size: 13px;
    color: #2485e8;
    line-height: 20px;
}
.inboundshipment-content .sales-top-band {
    height: 75px;
    padding-top: 10px;
}
.inboundshipment-content .overview-info {
    min-height: 130px;
    padding: 25px;
    border-bottom: 1px solid #ececec;
}
.inboundshipment-content .overview-info .overview-title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    letter-spacing: 0.6px;
    line-height: 17.6px;
    margin-bottom: 20px;
}
.inboundshipment-content .overview-info .shipment-icon-container {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #f3f8fe;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #0080ff;
}
.inboundshipment-content .shipments-container {
    overflow: hidden;
    padding: 0;
}
.inboundshipment-content .shipments-container .shipments-list-column {
    overflow-y: auto;
    border-right: 1px solid #ececec;
    width: 360px;
}
.content-column.shipment-content-column .shipment-address {
    border: 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 20px 0;
    background-color: inherit;
}
.content-column.shipment-content-column .carton-info {
    margin-top: 30px;
}
.content-column.shipment-content-column .name {
    background-color: #fff;
}
.content-column.shipment-content-column .carton-number {
    font-weight: 500;
    color: #222;
    line-height: 24px;
}
.comments-column {
    border-left: 1px solid #f3f6fd;
    width: 360px;
    background-color: #fcfeff;
}
.comments-column .comments-header {
    padding: 14px 20px;
}
.comments-column .comments-list {
    overflow-y: auto;
    padding-bottom: 50px;
    position: absolute;
    top: 68px;
    bottom: 0;
    right: 0;
    left: 0;
}
.comments-column .comments-list .empty-list {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.comments-column .comments-item {
    display: flex;
    padding: 20px;
    position: relative;
}
.comments-column .comments-item .track-icon-row {
    position: relative;
    vertical-align: top;
}
.comments-column .comments-item .track-line {
    position: absolute;
    left: 32px;
    top: 0;
    border-left: 1px solid #277ad8;
    width: 1px;
    height: 100%;
}
.comments-column .comments-item .track-line-small {
    height: 40px;
}
.comments-column .comments-item .icon-comment {
    color: #73b0f9;
}
.comments-column .comments-item .rounded-circle {
    width: 25px;
    height: 25px;
    background-color: #f6fbff;
    border: 1px solid #d2dce4;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 18px;
}
.comments-column .comments-item .comments-row {
    vertical-align: middle;
    line-height: 1.3;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 20px 25px;
    position: relative;
}
.comments-column .arrow {
    top: 15px;
    left: -11px;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent #f3f3f3 transparent transparent;
    border-style: solid;
    border-width: 11px 11px 11px 0;
}
.comments-column .arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    content: " ";
    left: 1px;
    bottom: -10px;
}
.vamaship-partners .highlight-left {
    border-left: 3px solid #408dfb;
    margin-right: 3px;
    border-radius: 2px;
}
.vamaship-partners .delivery-partners {
    margin-top: 7px;
}
.vamaship-partner-logos div {
    padding: 0 12px;
    height: 30px;
}
.vamaship-partner-logos img {
    width: 70px;
    height: 25px;
}
.vamaship-partner-logos .india-post {
    height: 30px;
}
.vamaship-partner-logos .delhivery {
    height: 20px;
}
.vamaship-partner-logos .fedex {
    height: 20px;
}
.vamaship-partner-logos .ekart-logistics {
    height: 27px;
    width: 60px;
}
.vamaship-partner-logos .xpressbees {
    height: 25px;
    width: 140px;
}
.vamaship-partner-logos .bvc-logistics {
    height: 28px;
    width: 53px;
}
.vamaship-partner-logos .wow-express {
    height: 35px;
    width: 56px;
}
.vamaship-partner-logos .rapidelivery {
    height: 20px;
    width: 97px;
}
.vamaship-partner-logos .bluedart {
    height: 12px;
    width: 77px;
}
.vamaship-partner-logos .ecom-express {
    height: 25px;
    width: 63px;
}
.whitelabel-alert .heading {
    color: #ff6e2c;
    letter-spacing: 1px;
}
.whitelabel-alert .heading-bg {
    background-color: #ffead1;
    border-radius: 50px;
    width: fit-content;
}
.easyship-offer {
    background-color: #e6f2ff;
    margin-right: 14%;
    margin-left: 32px;
    border-radius: 10px;
}
.easyship-offer-img {
    width: 86px;
    height: 75px;
}
.whatsapp-desc {
    background-color: #f9faff;
    border: solid 1px #f3f3f3;
}
.whatsapp-create-modal textarea {
    background-color: #fafafa;
    height: 150px;
}
.why-whatsapp .sprcharge {
    border-color: #ececf9;
}
.why-whatsapp .sprcharge .sprcharge-background {
    background-image: url(images/zom-whatsapp-sprcharge-bg-1e97917928.png);
    background-color: #f9faff;
    background-size: cover;
}
.why-whatsapp .nav-item.active {
    background-color: #e6f2ff;
    border-right: 4px solid #408dfb;
}
.why-whatsapp .nav-item.active:hover {
    background-color: #e6f2ff;
}
.why-whatsapp .nav-item:hover {
    background-color: var(--zf-grey-4);
}
.zf-zia-container {
    width: 800px;
    margin: 0 auto;
}
.insights-icon {
    border: 2px solid #fff;
    border-radius: 50%;
}
.zf-zia-background {
    background: var(--zf-primary-info-bg);
    margin: auto -20px;
    display: inline-block;
    width: calc(100% + 40px);
    padding-bottom: 40px;
}
.zf-zia-background.zf-zia-background-white {
    background: #fff;
}
.zf-zia-background.zf-zia-background-white .zf-zia-container {
    padding-top: 20px;
}
.zf-zia-background.full-height {
    min-height: 100%;
}
.zf-zia-background.input-section {
    min-height: 200px;
}
.zf-zia-background.answer-section {
    min-height: calc(100% - 200px);
}
.zf-zia-background .zf-zia-container {
    padding-top: 50px;
}
.zf-zia-background .zf-zia-container .zf-zia-desc {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to left, #fd3464, #ffb628, #38fe9f, #20dfeb) border-box;
    border-radius: 25px;
    border: 1px solid transparent;
    padding: 10px 25px;
    width: max-content;
    margin: 0 auto;
}
.zf-zia-background .zf-zia-container .questions-row {
    margin-top: 50px;
}
.zf-zia-background .zf-zia-container .search-field .input-group-text,
.zf-zia-background .zf-zia-container .search-field .form-control {
    height: 45px;
    z-index: 2;
}
.zf-zia-card-header {
    padding: 20px;
    position: sticky;
    left: 0;
}
.zf-zia-sample-question-section {
    border-radius: 6px;
    border: 1px solid #e7e7f3;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.01);
    margin-bottom: 12px;
    background-color: #fff;
    padding: 13px;
    display: flex;
    justify-content: space-between;
}
.zf-zia-sample-question-section:hover {
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to left, #fd3464, #ffb628, #38fe9f, #20dfeb) border-box;
    border-radius: 6px;
    border: 1px solid transparent;
}
.zf-zia-sample-question-section:hover label {
    font-weight: 500;
}
.zf-zia-results-header {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.zf-zia-kpi-list-group .zf-zia-kpi-list-group-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--zf-table-border-color);
}
.zf-zia-kpi-list-group .zf-zia-kpi-list-group-item:first-child {
    border-top: none;
}
.zf-zia-kpi-list-group .zf-zia-kpi-list-group-item:last-child {
    border-bottom: none;
}
.free-webinar.free-webinar-background {
    background: url(images/svgs/webinar-wave-a92250c7ef.svg) no-repeat right #f2f5fc;
}
.free-webinar .divider {
    border: 1px solid #6c7184;
    height: 22px;
    opacity: 0.2;
}
.recent-updates-free-webinar {
    max-width: 750px;
    margin: 25px 370px 0 5.5%;
}
.recent-updates-free-webinar .webinar-icon {
    border-radius: 10px 0 0 10px;
}
.recent-updates-free-webinar .webinar-icon-wrapper {
    background-color: #d7e8fd;
}
.recent-updates-free-webinar .webinar-calendar-icon {
    fill: #5373ac;
}
.recent-updates-free-webinar .webinar-reg-button {
    min-width: 170px;
    justify-content: flex-end;
    flex-grow: 1;
}
.recent-updates-free-webinar .webinar-description-wrapper {
    flex-grow: 1;
}
@media (max-width: 1280px) {
    .recent-updates-free-webinar .webinar-description-wrapper {
        flex-wrap: wrap;
        flex-grow: 0;
    }
    .recent-updates-free-webinar .webinar-description {
        padding-right: 50px;
    }
    .recent-updates-free-webinar .event-date {
        margin-bottom: 15px;
    }
    .recent-updates-free-webinar .webinar-reg-button {
        justify-content: flex-start;
        margin-top: 10px;
    }
}
.qbo-export-alert {
    background-color: #fdf2f2;
}
.bank-empty {
    padding: 9% 15%;
}
.bottom-banner {
    position: absolute;
    bottom: 0;
}
.bottom-banner.banner-shadow {
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.2);
}
.banner-close {
    color: #000;
    cursor: pointer;
    opacity: 0.5;
}
.banner-close:hover {
    opacity: 1;
}
.qb-migration {
    border: 1px solid #d1cdcd;
}
.qb-migration:hover {
    border: 1px solid #73aaea;
    background-color: #f7f9fb;
}
.qb-selected-background {
    background-color: #f7f9fb;
}
.drag-and-drop-border {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='13' ry='13' stroke='%23CBD6E7' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='15' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 13px;
}
.widget-title {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
}
.dashboard-header {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.summary {
    padding: 20px 0 0 12px;
}
.summary .so-summary-amazon-us {
    margin-bottom: 15px;
    border: 1px solid #ffd286;
    border-left: 3px solid #ec9500;
    padding: 6px 10px;
    background-color: #fff8ec;
}
.summary .so-summary-amazon-us .so-circle {
    float: left;
    margin: 6px 3px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #ec9500;
}
.summary .so-summary-amazon-us .amt-channel {
    margin-left: 25px;
}
.summary .so-summary-amazon-us .amt-channel .channel-name {
    font-size: 12px;
}
.summary .so-summary-ebay-us {
    margin-bottom: 15px;
    border: 1px solid #ffb685;
    border-left: 3px solid #eb5e00;
    padding: 6px 10px;
    background-color: #fff3eb;
}
.summary .so-summary-ebay-us .so-circle {
    float: left;
    margin: 6px 3px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #eb5e00;
}
.summary .so-summary-ebay-us .amt-channel {
    margin-left: 25px;
}
.summary .so-summary-ebay-us .amt-channel .channel-name {
    font-size: 12px;
}
.summary .so-summary-ebay-uk {
    margin-bottom: 15px;
    border: 1px solid #778fff;
    border-left: 3px solid #0027dd;
    padding: 6px 10px;
    background-color: #dde3ff;
}
.summary .so-summary-ebay-uk .so-circle {
    float: left;
    margin: 6px 3px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #0027dd;
}
.summary .so-summary-ebay-uk .amt-channel {
    margin-left: 25px;
}
.summary .so-summary-ebay-uk .amt-channel .channel-name {
    font-size: 12px;
}
.summary .so-summary-etsy {
    margin-bottom: 15px;
    border: 1px solid #ff938b;
    border-left: 3px solid #f11100;
    padding: 6px 10px;
    background-color: #fff2f1;
}
.summary .so-summary-etsy .so-circle {
    float: left;
    margin: 6px 3px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #f11100;
}
.summary .so-summary-etsy .amt-channel {
    margin-left: 25px;
}
.summary .so-summary-etsy .amt-channel .channel-name {
    font-size: 12px;
}
.summary .so-summary-shopify {
    margin-bottom: 15px;
    border: 1px solid #b3eb94;
    border-left: 3px solid #5cc125;
    padding: 6px 10px;
    background-color: #f0fbea;
}
.summary .so-summary-shopify .so-circle {
    float: left;
    margin: 6px 3px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #5cc125;
}
.summary .so-summary-shopify .amt-channel {
    margin-left: 25px;
}
.summary .so-summary-shopify .amt-channel .channel-name {
    font-size: 12px;
}
.summary .so-summary-others {
    margin-bottom: 15px;
    border: 1px solid #8cdff9;
    border-left: 3px solid #0caee0;
    padding: 6px 10px;
    background-color: #edfafe;
}
.summary .so-summary-others .so-circle {
    float: left;
    margin: 6px 3px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: #0caee0;
}
.summary .so-summary-others .amt-channel {
    margin-left: 25px;
}
.summary .so-summary-others .amt-channel .channel-name {
    font-size: 12px;
}
.qbo-download-data-table .import-card .download-entity:last-child {
    border-bottom: 1px solid;
}
.qbo-download-data-table .import-card:last-child .collapsed.import-card-header,
.qbo-download-data-table .import-card:last-child .download-entity {
    border-bottom: none;
}
.qb-failed > path {
    fill: #e5575a;
}
.qb-success > path {
    fill: #27be6b;
}
.qb-in-progress > path {
    fill: #f5823e;
}
.qb-error {
    color: #e5575a;
}
.qb-upload-border {
    border-right: 1px solid #fdedd5;
}
.qbo-list::before {
    content: "";
    display: inline-block;
    width: 5px;
    margin-right: 10px;
    vertical-align: middle;
    height: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #000;
}
.qb-dot > circle {
    fill: #408dfb;
}
.qbo-step-cta {
    margin-left: auto;
    white-space: nowrap;
    align-self: center;
    color: #0080ff;
    padding: 3px 15px;
    border-radius: 30px;
    transition: color, background-color, 300ms ease-in-out;
}
.qbo-table-header-bg {
    background-color: #fafafc;
}
.qbo-direct-download-border {
    border-color: #ebeaf2 !important;
}
.qbo-direct-download-header {
    color: #495569;
    letter-spacing: 0.55px;
}
.qbo-dropdown-opacity {
    opacity: 0.6;
}
.qbo-close {
    background-color: #eff2f9;
    border-radius: 5px;
    opacity: 0.75;
}
.qb-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.qb-badge {
    color: #fff;
    padding: 3px 8px;
    background-color: #228b22;
    border-radius: 10px;
}
.qb-progress {
    background-color: #8b4513;
}
.qb-step-hr {
    height: 5px;
    width: 220px;
    background-color: #30a3e6;
    border: 1px solid #30a3e6;
    border-radius: 0 0 20px 20px;
}
.qb-play {
    width: 25px;
    height: 25px;
    fill: #00a6ff;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
    border-radius: 50%;
}
.qbo-getting-started .border {
    border: 1px solid #e2ecf5 !important;
}
.qbo-getting-started .border-bottom {
    border-bottom: 1px solid #e2ecf5 !important;
}
.qbo-getting-started .qbo-intro-top {
    border-top: 0 !important;
}
.qbo-getting-started .border-top {
    border-top: 1px solid #e2ecf5 !important;
}
.qbo-getting-started .carousel {
    border: 1px solid #eaeaea;
}
.qbo-getting-started .carousel-indicators {
    bottom: 4px;
}
.qbo-getting-started .carousel-indicators li {
    height: 13px;
    width: 13px;
    margin: 5px;
    border: 0;
    background-color: #e2e0e0;
}
.qbo-getting-started .carousel-indicators .active {
    height: 13px;
    width: 13px;
    margin: 5px;
    background-color: #a0a0a0;
}
.qbo-getting-started .btn-lg {
    padding: 10px 33px;
    font-size: 14px;
    border-radius: 3px;
}
.qbo-getting-started .btn-secondary {
    background-color: #fff;
}
.qbo-getting-started .icon-insights,
.qbo-getting-started .icon-accountant,
.qbo-getting-started .icon-bank_feeds,
.qbo-getting-started .icon-paid_faster,
.qbo-getting-started .icon-paper_less,
.qbo-getting-started .icon-work_anywhere,
.qbo-getting-started .icon-customize,
.qbo-getting-started .icon-automated_reminders,
.qbo-getting-started .icon-relationships,
.qbo-getting-started .icon-time_tracking {
    margin-right: 0;
    font-size: 90px;
    color: #2e8fda;
}
.qbo-getting-started .icon-insights,
.qbo-getting-started .icon-paper_less,
.qbo-getting-started .icon-relationships {
    font-size: 100px;
}
.qbo-getting-started .gs-header {
    margin-bottom: 40px;
}
.qbo-getting-started .gs-steps > li {
    padding: 15px 20px;
    margin: 5px 0;
    transition: box-shadow 200ms ease-in-out;
}
.qbo-getting-started .gs-steps > li:hover {
    box-shadow: #eee 0 0 10px 1px;
}
.qbo-getting-started .gs-steps > li:not(.qb-steps) {
    box-shadow: none;
}
.qbo-getting-started .gs-steps > li .gs-step-title {
    font-size: 17px;
    color: #00a6ff;
    margin-bottom: 3px;
}
.qbo-getting-started .gs-steps .portal-setup {
    background-color: #fff5e1;
    padding: 12px 20px;
}
.qbo-getting-started .gs-steps .portal-setup:hover {
    box-shadow: none;
}
.qbo-getting-started .gs-new-steps .qb-steps > li {
    padding: 15px 20px;
    margin: 5px 0;
}
.qbo-getting-started .gs-new-steps .qb-steps .steps-svg {
    background-color: #edf4ff;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    transition-duration: 0.3s;
}
.qbo-getting-started .gs-new-steps .qb-steps .qbo-update-gstin {
    background-image: url(images/svgs/qbo-update-gstin-c98d03d1f6.svg);
    height: 55px;
    width: 57px;
}
.qbo-getting-started .gs-new-steps .qb-steps .masters-sync {
    background-image: url(images/svgs/qbo-fetch-masters-new-f419e7ab97.svg);
    height: 55px;
    width: 57px;
}
.qbo-getting-started .gs-new-steps .qb-steps .export-data {
    background-image: url(images/svgs/qbo-export-data-7005b72692.svg);
    height: 55px;
    width: 57px;
}
.qbo-getting-started .gs-new-steps .qb-steps .transactions-sync {
    background-image: url(images/svgs/qbo-fetch-txn-new-fc8b2fd05d.svg);
    height: 55px;
    width: 57px;
}
.qbo-getting-started .gs-new-steps .qb-steps .qbo-opening-bal {
    background-image: url(images/svgs/qbo-opening-balance-c2fbae5a1f.svg);
    height: 55px;
    width: 57px;
}
.qbo-getting-started .gs-new-steps .qb-steps .qbo-closing-bal {
    background-image: url(images/svgs/qbo-closing-bal-new-c6d6d6ce0a.svg);
    height: 55px;
    width: 57px;
}
.qbo-getting-started .gs-new-steps .qb-steps .qbo-attachments {
    background-image: url(images/svgs/qbo-attachments-a0a894b717.svg);
    height: 55px;
    width: 57px;
}
.qbo-getting-started .gs-new-steps .qb-steps .org-preference {
    background-image: url(images/svgs/org-preference-73c262c888.svg);
    height: 57px;
    width: org-preference-bluepx;
}
.qbo-getting-started .gs-new-steps .qb-steps .upload-attachments {
    background-image: url(images/svgs/upload-attachments-37fcf821e3.svg);
    height: 57px;
    width: upload-attachments-bluepx;
}
.qbo-getting-started .gs-new-steps .qb-steps .migration-steps {
    background-image: url(images/svgs/migrating-data-7b64aa7e8a.svg);
    height: 100px;
    width: migrating-data-bluepx;
}
.qbo-getting-started .gs-new-steps .qb-steps .trial-balance {
    background-image: url(images/svgs/trial-balance-fabf60f0ae.svg);
    height: 57px;
    width: trial-balance-bluepx;
}
.qbo-getting-started .gs-new-steps .qb-steps .fetch-bank-feeds {
    background-image: url(images/svgs/fetch-bank-feeds-ed03b212cc.svg);
    height: 100px;
    width: fetch-bank-feeds-bluepx;
}
.qbo-getting-started .gs-new-steps .qb-steps .users-and-roles {
    background-image: url(images/svgs/add-remove-users-roles-1b47789cf5.svg);
    height: 90px;
    width: add-remove-users-roles-bluepx;
}
.qbo-getting-started .gs-new-steps .qb-steps:hover {
    box-shadow: none !important;
}
.qbo-getting-started .gs-new-steps .qb-steps .step-title {
    font-size: 13px !important;
    font-weight: 500;
    margin-bottom: 5px;
}
.qbo-getting-started .gs-new-steps .qb-steps:last-child {
    margin-bottom: 0;
    flex-wrap: nowrap;
}
.qbo-getting-started .gs-videos {
    width: 90%;
    margin: 24px auto;
}
.qbo-getting-started .gs-videos li {
    width: 30%;
    padding: 0;
    border: 1px solid #f7f7f7;
    transition: border 200ms ease-in;
    box-shadow: #eee 0 0 7px 0;
}
.qbo-getting-started .gs-videos li:hover {
    box-shadow: #eee 0 0 9px 2px;
}
.qbo-getting-started .gs-videos li.active {
    border-color: #00a6ff;
}
.qbo-getting-started .gs-videos li:not(:last-of-type) {
    margin-right: 4%;
}
.qbo-getting-started .gs-videos.has-icici li {
    width: 21%;
}
.qbo-getting-started .gs-box {
    border: 1px solid #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
    height: 100%;
}
.qbo-getting-started .gs-box.setup-box:hover {
    border-color: #268ddd;
}
.qbo-getting-started .gs-box.setup-box:hover .btn.badge-status-processing {
    background-color: #268ddd;
    color: #fff;
}
.qbo-getting-started .nav.gs-tab > .gs-item > .gs-link {
    padding: 9.6px 4px;
    border: 1px solid #e8edf1;
    border-left-color: #fff;
    border-left-width: 3px;
    border-top: none;
}
.qbo-getting-started .nav.gs-tab > .gs-item > .gs-link.active {
    border-left-color: #408dfb;
    border-right: none;
}
.qbo-getting-started .nav.gs-tab > .gs-item > .gs-link:not(.active):hover .task-name {
    background-color: #f8f9fa;
    border-radius: 8px;
}
.qbo-getting-started .nav.gs-tab > .gs-item:last-child > .gs-link {
    border-bottom: none;
}
.getting-started .carousel {
    border: 1px solid #eaeaea;
}
.getting-started .carousel-indicators {
    bottom: 4px;
}
.getting-started .carousel-indicators li {
    height: 13px;
    width: 13px;
    margin: 5px;
    border: 0;
    background-color: #e2e0e0;
}
.getting-started .carousel-indicators .active {
    height: 13px;
    width: 13px;
    margin: 5px;
    background-color: #a0a0a0;
}
.getting-started .btn-lg {
    padding: 10px 33px;
    font-size: 14px;
    border-radius: 3px;
}
.getting-started .btn-secondary {
    background-color: #fff;
}
.getting-started .icon-insights,
.getting-started .icon-accountant,
.getting-started .icon-bank_feeds,
.getting-started .icon-paid_faster,
.getting-started .icon-paper_less,
.getting-started .icon-work_anywhere,
.getting-started .icon-customize,
.getting-started .icon-automated_reminders,
.getting-started .icon-relationships,
.getting-started .icon-time_tracking {
    margin-right: 0;
    font-size: 90px;
    color: #2e8fda;
}
.getting-started .icon-insights,
.getting-started .icon-paper_less,
.getting-started .icon-relationships {
    font-size: 100px;
}
.getting-started.fill-container {
    margin-right: 0 !important;
}
.getting-started .gs-header {
    margin-bottom: 40px;
}
.getting-started .gs-steps > li {
    padding: 15px 20px;
    margin: 5px 0;
    transition: box-shadow 200ms ease-in-out;
}
.getting-started .gs-steps > li:hover {
    box-shadow: #eee 0 0 10px 1px;
}
.getting-started .gs-steps > li:not(.qb-steps) {
    box-shadow: none;
}
.getting-started .gs-steps > li .gs-step-title {
    font-size: 17px;
    color: #00a6ff;
    margin-bottom: 3px;
}
.getting-started .gs-steps .portal-setup {
    background-color: #fff5e1;
    padding: 12px 20px;
}
.getting-started .gs-steps .portal-setup:hover {
    box-shadow: none;
}
.getting-started .gs-new-steps .qb-steps > li {
    padding: 15px 20px;
    margin: 5px 0;
}
.getting-started .gs-new-steps .qb-steps .steps-svg {
    background-color: #f6f8fa;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    transition-duration: 0.3s;
}
.getting-started .gs-new-steps .qb-steps .qbo-update-gstin {
    background-image: url(images/svgs/qbo-update-gstin-c98d03d1f6.svg);
    height: px;
    width: 55px;
}
.getting-started .gs-new-steps .qb-steps .masters-sync {
    background-image: url(images/svgs/qbo-fetch-masters-new-f419e7ab97.svg);
    height: px;
    width: 55px;
}
.getting-started .gs-new-steps .qb-steps .export-data {
    background-image: url(images/svgs/qbo-export-data-7005b72692.svg);
    height: px;
    width: 55px;
}
.getting-started .gs-new-steps .qb-steps .transactions-sync {
    background-image: url(images/svgs/qbo-fetch-txn-new-fc8b2fd05d.svg);
    height: px;
    width: 55px;
}
.getting-started .gs-new-steps .qb-steps .qbo-opening-bal {
    background-image: url(images/svgs/qbo-opening-balance-c2fbae5a1f.svg);
    height: px;
    width: 55px;
}
.getting-started .gs-new-steps .qb-steps .qbo-closing-bal {
    background-image: url(images/svgs/qbo-closing-bal-new-c6d6d6ce0a.svg);
    height: px;
    width: 55px;
}
.getting-started .gs-new-steps .qb-steps .qbo-attachments {
    background-image: url(images/svgs/qbo-attachments-a0a894b717.svg);
    height: px;
    width: 55px;
}
.getting-started .gs-new-steps .qb-steps .org-preference {
    background-image: url(images/svgs/org-preference-73c262c888.svg);
    height: 55px;
    width: 57px;
}
.getting-started .gs-new-steps .qb-steps .upload-attachments {
    background-image: url(images/svgs/upload-attachments-37fcf821e3.svg);
    height: 55px;
    width: 57px;
}
.getting-started .gs-new-steps .qb-steps .migration-steps {
    background-image: url(images/svgs/migrating-data-7b64aa7e8a.svg);
    height: 55px;
    width: 100px;
}
.getting-started .gs-new-steps .qb-steps .trial-balance {
    background-image: url(images/svgs/trial-balance-fabf60f0ae.svg);
    height: 55px;
    width: 57px;
}
.getting-started .gs-new-steps .qb-steps .fetch-bank-feeds {
    background-image: url(images/svgs/fetch-bank-feeds-ed03b212cc.svg);
    height: 60px;
    width: 100px;
}
.getting-started .gs-new-steps .qb-steps .users-and-roles {
    background-image: url(images/svgs/add-remove-users-roles-1b47789cf5.svg);
    height: 60px;
    width: 90px;
}
.getting-started .gs-new-steps .qb-steps:hover {
    box-shadow: none !important;
}
.getting-started .gs-new-steps .qb-steps:hover .qbo-update-gstin {
    background-image: url(images/svgs/57.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .masters-sync {
    background-image: url(images/svgs/57.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .export-data {
    background-image: url(images/svgs/57.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .transactions-sync {
    background-image: url(images/svgs/57.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .qbo-opening-bal {
    background-image: url(images/svgs/57.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .qbo-closing-bal {
    background-image: url(images/svgs/57.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .qbo-attachments {
    background-image: url(images/svgs/57.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .org-preference {
    background-image: url(images/svgs/org-preference-blue-250c2ed4a8.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .upload-attachments {
    background-image: url(images/svgs/upload-attachments-blue-cd6b319336.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .migration-steps {
    background-image: url(images/svgs/migrating-data-blue-8a483b76b9.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .trial-balance {
    background-image: url(images/svgs/trial-balance-blue-48cf5dc4d7.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .fetch-bank-feeds {
    background-image: url(images/svgs/fetch-bank-feeds-blue-db7dca5157.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps:hover .users-and-roles {
    background-image: url(images/svgs/add-remove-users-roles-blue-b34f8526dd.svg);
    background-color: #ecf2fd;
}
.getting-started .gs-new-steps .qb-steps .step-title {
    font-size: 13px !important;
    font-weight: 500;
    margin-bottom: 5px;
}
.getting-started .gs-new-steps .qb-steps:last-child {
    margin-bottom: 0;
    flex-wrap: nowrap;
}
.getting-started .gs-videos {
    width: 90%;
    margin: 24px auto;
}
.getting-started .gs-videos li {
    width: 30%;
    padding: 0;
    border: 1px solid #f7f7f7;
    transition: border 200ms ease-in;
    box-shadow: #eee 0 0 7px 0;
}
.getting-started .gs-videos li:hover {
    box-shadow: #eee 0 0 9px 2px;
}
.getting-started .gs-videos li.active {
    border-color: #00a6ff;
}
.getting-started .gs-videos li:not(:last-of-type) {
    margin-right: 4%;
}
.getting-started .gs-videos.has-icici li {
    width: 21%;
}
.getting-started .gs-box {
    border: 1px solid #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
    height: 100%;
}
.getting-started .gs-box.setup-box:hover {
    border-color: #268ddd;
}
.getting-started .gs-box.setup-box:hover .btn.badge-status-processing {
    background-color: #268ddd;
    color: #fff;
}
.getting-started .nav.gs-tab > .gs-item > .gs-link {
    padding: 9.6px 4px;
    border: 1px solid #e8edf1;
    border-left-color: #fff;
    border-left-width: 3px;
    border-top: none;
}
.getting-started .nav.gs-tab > .gs-item > .gs-link.active {
    border-left-color: #408dfb;
    border-right: none;
}
.getting-started .nav.gs-tab > .gs-item > .gs-link:not(.active):hover .task-name {
    background-color: #f8f9fa;
    border-radius: 8px;
}
.getting-started .nav.gs-tab > .gs-item:last-child > .gs-link {
    border-bottom: none;
}
.zsm-gs-steps li {
    min-height: 100px;
    border: 1px solid rgba(235, 235, 235, 0.7);
    border-radius: 3px;
    background-color: #fcfcfc;
}
.zsm-gs-steps li .gs-step {
    width: 50px;
    height: 50px;
    border: 5px solid;
    margin: 9px 20px 11px 10px;
    padding: 11px 14px;
}
.zsm-gs-steps li .gs-step-content {
    border-left: 1px solid rgba(235, 235, 235, 0.5);
}
.setup-links .icon-ok {
    color: #ccc;
    margin-right: 5px;
}
.setup-links .configured {
    color: #549d06;
}
.setup-links .legend {
    padding-left: 20px;
    color: #1b6ac4;
    font-size: 19px;
}
.setup-links .intro-txt {
    padding: 10px 20px 0;
    color: var(--zf-grey-12);
}
.feature-slide {
    height: 285px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #fcfcfc;
}
.getting-started-help {
    padding-top: 60px;
    padding-bottom: 0;
}
.getting-started-help a {
    color: #222;
    transition: color 200ms ease-in;
}
.getting-started-help a:hover {
    color: #0080ff;
}
.tour-bkdrp.show {
    opacity: 0.7;
    background-color: #000;
}
.upgrade-alert {
    margin-top: 30vh;
    line-height: 1.8;
    padding: 0;
}
.upgrade-alert .close {
    padding: 10px;
}
.upgrade-alert-content {
    width: 60%;
    padding: 40px 30px;
}
.upgrade-alert-action {
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 70px 20px 50px;
    background-color: #f8f8f8;
}
.upgrade-alert-action .btn-info {
    margin-top: 50px;
}
.plan-limit-alert .plan-upgrade-icon {
    width: 180px;
    position: absolute;
    top: -60px;
    right: 0;
}
.contact-us-alert {
    background-color: #fbfbfb;
    padding: 0;
    width: 100%;
}
.contact-us-alert .gst-helpline {
    font-size: 20px;
    margin: 0 20px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.feature-alert {
    margin-top: 10vh;
    padding: 20px 40px;
}
.feature-alert h3 {
    margin-bottom: 20px;
    font-size: 22px;
}
.feature-alert dl {
    margin-left: 170px;
}
.feature-alert dt {
    color: #888;
    font-weight: 400;
}
.proposalsetup .setup-form .for-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}
.proposalsetup .setup-form .logout-section {
    position: fixed;
    top: 20px;
    right: 30px;
}

@media (min-width: 932px) {
    .proposalsetup .setup-form .setup-body {
        width: 50%;
    }
}

@media (max-width: 932px) {
    .proposalsetup .setup-form .setup-body {
        width: 98%;
    }

    .img-bottom {display:none;}
}

.proposalsetup .setup-form .setup-body {
    padding: 40px 80px;
    border-top: 2px solid;
}
.proposalsetup .setup-form .setup-body .section-header {
    padding: 12px 0;
    letter-spacing: 1.6px;
}
.proposalsetup .setup-form .setup-body .required {
    color: #222;
}
.proposalsetup .setup-form .setup-body .section-space {
    margin-top: 45px;
}
.proposalsetup .setup-form input[type="text"],
.proposalsetup .setup-form select {
    height: 40px;
}
.proposalsetup .setup-form .ac-box .ac-selected {
    height: 40px;
    line-height: 40px;
}
.proposalsetup .setup-form .ac-box .ac-selected.disabled {
    background-color: #f5f5f5;
}
.proposalsetup .state-mismatch-note {
    border-left: 2px solid #f59d00;
    color: #222;
    width: 125%;
    height: 28px;
}
.proposalsetup .has-state-alert .col-lg-6 {
    padding: 10px 15px;
}
.proposalsetup .has-state-alert .col-lg-6.org-state {
    background-color: #f2dede;
}
.send-proposalsetup {
    color: #21263c;
}
.send-proposalsetup .img-layout {
    z-index: 1;
}
.send-proposalsetup .img-layout:nth-child(1) {
    left: unset;
    z-index: 0;
}
.send-proposalsetup .setup-form .for-scroll {
    /* background: linear-gradient(rgba(229, 238, 238, 0.4745098039), rgba(229, 238, 238, 0.4745098039)) 10%, linear-gradient(rgba(229, 238, 238, 0.4745098039), rgba(229, 238, 238, 0.4745098039)) 30%,
        linear-gradient(rgba(229, 238, 238, 0.4745098039), rgba(229, 238, 238, 0.4745098039)) 50%, linear-gradient(rgba(229, 238, 238, 0.4745098039), rgba(229, 238, 238, 0.4745098039)) 70%,
        linear-gradient(rgba(229, 238, 238, 0.4745098039), rgba(229, 238, 238, 0.4745098039)) 90%; */
    background-size: 2px 100%;
    background-repeat: no-repeat;
}



.send-proposalsetup .setup-form .setup-body {
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    border-top: 0;
    padding: 5px;
}
.send-proposalsetup .setup-form .setup-body .form-header {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}
.send-proposalsetup .setup-form .setup-body .form-header .close {
    color: #555;
    opacity: unset;
}
.send-proposalsetup .setup-form .setup-body .form-content-spacer {
    padding: 30px 40px;
}
.send-proposalsetup .setup-form .setup-body .form-content-spacer .text-hover:hover {
    color: #2485e8;
}
.send-proposalsetup:before,
.send-proposalsetup:after {
    content: "";
    height: 50%;
    width: 100%;
    position: fixed;
    z-index: -1;
    left: 0;
    background-color: #fff;
    transform: skew(0, -10deg);
    transform-origin: bottom right;
}
.send-proposalsetup:after {
    bottom: 0;
    z-index: -2;
    left: 0;
    transform-origin: top left;
}
.form-proposalsetup {
    background-color: #A5EEFF;
}
.form-proposalsetup .initial-art {
    height: 160px;
    width: 210px;
    opacity: 0.9;
}
.form-proposalsetup .initial-art-top {
    top: 0;
    left: -30px;
}
.form-proposalsetup .initial-art-bottom {
    right: -35px;
    bottom: 0;
}
.form-proposalsetup .setup-form .setup-body {
    border-color: #419af9;
}
.form-proposalsetup .setup-form .setup-body hr.underline {
    width: 18px;
    border-top: 2px solid #419af9;
}
.form-proposalsetup .setup-form .setup-body .submit-btn {
    background-color: #419af9 !important;
    border-color: #419af9 !important;
}
.practice-proposalsetup {
    background-color: var(--zf-green-18);
}
.practice-proposalsetup.proposalsetup .setup-form .ac-box .ac-selected,
.practice-proposalsetup.proposalsetup .setup-form input[type="text"] {
    height: 34px;
}
.practice-proposalsetup.proposalsetup .setup-form .setup-body .required,
.practice-proposalsetup.proposalsetup .setup-form label.col-form-label {
    color: #495569;
}
.practice-proposalsetup .app-info-container {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.practice-proposalsetup .app-info-container .app-info-body {
    width: 780px;
}
.practice-proposalsetup .img-layout {
    width: 25%;
    z-index: 0;
}
.practice-proposalsetup .img-layout.img-bottom {
    bottom: auto;
    left: auto;
}
.practice-proposalsetup .setup-form .setup-body {
    width: 780px;
    border: 0;
    border-radius: 15px;
    padding: 55px;
}
.practice-proposalsetup .note-field {
    background-color: #f0f5f7;
}
.practice-proposalsetup .setup-btn {
    height: 34px;
    padding: 0 13px !important;
    border: 0;
}
.practice-proposalsetup .setup-btn.submit-btn,
.practice-proposalsetup .setup-btn.submit-btn:active {
    font-weight: 600;
    background-color: var(--zf-green-13);
}
.student-proposalsetup {
    background-color: #f7f9fd !important;
    background-image: url(images/svgs/student-setup-bg-92c0a2397e.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.student-proposalsetup.proposalsetup .setup-form .ac-box .ac-selected,
.student-proposalsetup.proposalsetup .setup-form input[type="text"] {
    height: 34px;
}
.student-proposalsetup.proposalsetup .setup-form .setup-body .required,
.student-proposalsetup.proposalsetup .setup-form label.col-form-label {
    color: #495569;
}
.student-proposalsetup .student-greet-section {
    border-radius: 12px;
    opacity: 1;
    background-image: linear-gradient(270deg, #f4f8fe 0, #f3f1ff 81%, #d3d6ff 100%);
    margin: -30px -30px 20px;
}
.student-proposalsetup .student-form-width {
    width: 750px !important;
}
.student-proposalsetup .student-form-width .books-newlogo-student {
    height: 50px;
    width: 150px;
}
.student-proposalsetup .student-form-width .student-plan-illustration {
    z-index: -1;
}
.student-proposalsetup .student-form-width .books-student-desc {
    color: #2d3a53;
    border-left: 1px solid #c8d0e1;
}
.student-proposalsetup .student-title-border {
    border-left: 2px solid #408dfb;
}
.student-proposalsetup .app-info-container {
    margin-bottom: -1px !important;
}
.student-proposalsetup .setup-form .setup-body {
    position: relative;
    width: 750px;
    border: 0;
    border-radius: 15px;
    padding: 55px !important;
}
.student-proposalsetup .setup-btn {
    height: 34px;
    padding: 0 13px !important;
    border: 0;
}
.zom-proposalsetup {
    background-color: #fff8f2;
}
.zom-proposalsetup .initial-art {
    height: 208px;
    width: 300px;
}
.zom-proposalsetup .initial-art-top {
    top: -34px;
    left: -85px;
    transform: rotate(180deg);
}
.zom-proposalsetup .initial-art-bottom {
    right: -80px;
    bottom: 0;
}
.zom-proposalsetup .setup-form .org-logo {
    width: 180px;
}
.zom-proposalsetup .setup-form .setup-body {
    border-color: #ffad29;
}
.zom-proposalsetup .setup-form .setup-body hr.underline {
    width: 18px;
    border-top: 2px solid #ffad29;
}
.zom-proposalsetup .setup-form .setup-body .submit-btn {
    background-color: #d64830 !important;
    border-color: #d64830 !important;
}
.client-org-underline {
    width: 25px;
    border-top: 4px solid #e3edf7;
}
.square-qs .container {
    max-width: 670px;
    margin: 0 auto;
}
.square-qs .icon {
    width: 24px;
    height: 22px;
}
.square-qs .features-list {
    margin: 10px 0 40px;
    padding-left: 25px;
    line-height: 26px;
}
.videoimg {
    margin: 30px auto;
    max-width: 700px;
}
.zsm-setup-header-image {
    background-color: #419bf9 !important;
    background-image: url(images/zsm-orgsetup-header-bg-c2016a306d.png) !important;
    background-size: contain;
    text-align: center;
}
.zsm-setup-header-image .white-bg {
    fill: #fff;
}
.zsm-setup-body {
    max-width: 500px !important;
}
.zinvoice-setup-header {
    background-color: #47629e;
    background-image: url(images/zi-quicksetup-toppattern-1c60b54ea0.png);
    background-image: -webkit-image-set(url(images/zi-quicksetup-toppattern-1c60b54ea0.png) 1x, url(images/zi-quicksetup-toppattern@2x-1c60b54ea0.png) 2x);
    background-repeat: repeat-x;
    color: #fff;
    padding: 20px 0;
}
.zinvoice-setup-header > .header-content {
    width: 850px;
    height: 100%;
    margin: 0 auto;
    padding: 0 50px;
}
.zinvoice-setup-header > .header-content a {
    color: #fff;
}
.wave-webinar {
    margin-right: 100px;
}
@media (max-width: 1150px) {
    .wave-webinar {
        margin-right: 20px;
    }
}
.finance-workshop-banner .media .finance-workshop-announcement {
    height: 110px;
    width: auto;
    border-radius: 6px;
}
.finance-workshop-banner .smaller-resolution {
    display: none;
}
.finance-workshop-banner .larger-resolution {
    display: inline-block;
}
.finance-workshop-banner .media-body .banner-content {
    max-width: 580px;
}
.finance-workshop-banner .media-body .banner-content .description {
    line-height: 23px;
    font-size: 13px !important;
}
.finance-workshop-banner .media-body .register-now {
    border-radius: 6px;
}
@media (max-width: 1250px) {
    .finance-workshop-banner {
        height: 180px;
    }
    .finance-workshop-banner .media {
        padding: 0 !important;
    }
    .finance-workshop-banner .media-body {
        flex-direction: column;
        align-items: flex-start;
        margin-right: 10px;
    }
    .finance-workshop-banner .media-body .register-now {
        margin-left: 0 !important;
        margin-bottom: 20px;
    }
    .finance-workshop-banner .media-body .banner-content .description {
        margin-bottom: 10px;
    }
    .finance-workshop-banner .larger-resolution {
        display: none !important;
    }
    .finance-workshop-banner .smaller-resolution {
        display: inline-block !important;
        height: 180px !important;
    }
}
.zinvoice-setup-body {
    width: 850px;
    margin: 30px auto;
    padding: 0 50px;
}
.zinvoice-setup-body h3 {
    margin: 40px 0;
}
.zinvoice-setup-body .thumbnail {
    position: relative;
    width: 220px;
    height: 308px;
}
.zinvoice-setup-body .thumbnail-container {
    width: 214px !important;
    height: 302px !important;
}
.zinvoice-setup-body .front-side,
.zinvoice-setup-body .back-side,
.zinvoice-setup-body img {
    width: 212px !important;
    height: 300px !important;
}
.zinvoice-setup-body .form-setup {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.zinvoice-setup-body input[type="text"],
.zinvoice-setup-body select {
    height: 40px;
}
.zinvoice-setup-body button {
    padding: 8px 35px;
}
.zinvoice-setup-body .form-group {
    margin-bottom: 20px;
}
.zinvoice-setup-body .ac-box .ac-selected {
    height: 40px;
    line-height: 40px;
}
.zinvoice-setup-body .address-link {
    display: inline-flex;
    margin-top: 5px;
}
@media (max-width: 767.98px) {
    .zinvoice-setup-body {
        width: 100%;
    }
}
.sms-notification {
    margin-bottom: 30px;
}
.sms-notification .or-divider {
    margin: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}
.sms-notification .or-divider > span {
    padding: 10px;
    background-color: #fff;
    position: relative;
    top: 10px;
}
.close-lg {
    font-size: 60px;
    font-weight: 300;
}
.close-md {
    font-size: 40px;
    font-weight: 300;
}
.popover.avalara-addr-pop-over {
    width: 210px;
}
.popover.avalara-addr-pop-over .arrow {
    left: 35%;
}
.payement-gateway-disable {
    pointer-events: none;
    opacity: 0.4;
}
.alert-bubble {
    display: inline-block;
    position: relative;
    height: auto;
    left: -25px;
    background-color: #fff;
}
.alert-bubble.tri-right:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    right: auto;
    left: -10px;
    top: -1px;
    bottom: auto;
    border: 10px solid;
    border-color: #ebeaf2 transparent transparent;
}
.alert-bubble.tri-right:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    right: auto;
    left: -8px;
    top: 0;
    bottom: auto;
    border: 14px solid;
    border-color: #fff transparent transparent;
}
.dashboard-footer {
    margin: 50px -20px -50px;
    background-color: #f9f9f9;
    border-top: 1px dashed #e0e0e0;
}
.dashboard-footer .footer-carousel .announcement-container {
    min-height: 463px;
    padding: 45px 45px 30px;
    position: relative;
}
.dashboard-footer .footer-carousel .announcement-container .carousel-indicator {
    bottom: 35px;
}
@media (max-width: 1320px) {
    .dashboard-footer .footer-carousel .announcement-container .carousel-indicator {
        position: unset;
        margin-top: 10px;
    }
}
.dashboard-footer .footer-carousel .announcement-container .preview-navigate {
    color: #8d99ae;
    background-color: #f2f2f2;
    padding: 17px 10px;
}
.dashboard-footer .footer-carousel .announcement-container .preview-navigate:hover,
.dashboard-footer .footer-carousel .announcement-container .preview-navigate:focus {
    background-color: #e8edf1;
}
.dashboard-footer .footer-carousel .announcement-container .slider-left {
    left: -19px;
}
.dashboard-footer .footer-carousel .announcement-container .slider-right {
    right: -19px;
}
.dashboard-footer .footer-carousel .announcement-container .invoice-mobile-img {
    max-width: 155px;
}
.dashboard-footer .footer-carousel .announcement-container .invoice-mobile-qr {
    max-width: 90px;
    margin-top: 70px;
}
@media (max-width: 1200px) {
    .dashboard-footer .footer-carousel .announcement-container .invoice-mobile-qr {
        margin-top: 20px;
    }
}
.dashboard-footer .footer-carousel .announcement-svg {
    height: 85px;
}
.dashboard-footer .footer-carousel .window-img {
    max-width: 186px;
}
.dashboard-footer .footer-carousel .mobile-app {
    max-width: 130px;
    max-height: 130px;
}
.dashboard-footer .dashboard-footer-links {
    margin: 0 auto;
    overflow: hidden;
}
.dashboard-footer .dashboard-footer-links li {
    padding: 5px 0;
}
.dashboard-footer .dashboard-footer-links li a {
    color: #888;
}
.dashboard-footer .dashboard-footer-links li p {
    font-size: 12px;
    color: #222;
}
.dashboard-footer .dashboard-footer-links .quick-links {
    padding: 40px 30px 20px;
    overflow: hidden;
    background-color: #fcfcfc;
}
.dashboard-footer .dashboard-footer-links .quick-links .row p {
    color: #444;
}
.dashboard-footer .dashboard-contact-section {
    margin-bottom: 30px;
}
.dashboard-footer .dashboard-contact-section strong {
    color: #222;
}
.dashboard-footer .dashboard-contact-section .gcc-ribbon span {
    padding: 6px 18px 7px 12px;
    background-color: #fcd088;
    color: #533e1b;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    margin: 0;
    box-shadow: 0 2px 4px 0 rgba(254, 202, 118, 0.46);
}
.dashboard-footer .dashboard-contact-section .gcc-ribbon:after {
    content: "";
    position: relative;
    top: 12px;
    width: 18px;
    height: 0;
    border-top: 17px solid #fcd088;
    border-bottom: 17px solid #fcd088;
    display: inline-block;
    border-right: 10px solid transparent;
    box-shadow: -3px 5px 4px -3px rgba(254, 202, 118, 0.46);
}
.dashboard-footer .dashboard-common-footer {
    padding: 0 15px;
    color: #888;
}
.migration-alert .close {
    padding: 0 15px;
    color: #fff;
}
.migration-alert .close:hover {
    opacity: 1;
}
.migration-alert .migration-support {
    margin: 50px 0 0 33px;
    border: 1px solid #eee;
    padding: 19px;
}
.migration-alert .migration-top-band {
    padding: 35px 0 30px;
    background-color: #4265ed;
    color: #fff;
    font-size: 17px;
}
.migration-alert .migration-top-band p {
    padding: 20px 44px 0 0;
}
.migration-alert .migration-top-band a {
    color: #fff;
    padding: 1px;
    border-bottom: 1px solid #eee;
}
.migration-alert .migration-content {
    padding: 0 0 50px 50px;
    max-width: 1024px;
    margin: auto;
}
.migration-alert .features-list {
    margin: 12px 0 0 20px;
    padding-left: 15px;
}
.migration-alert .features-list li {
    padding: 8px 0;
}
.migration-alert .migration-maillink {
    color: #4382ff;
}
.migration-alert .migration-maillink a {
    color: #4382ff;
}
.migration-alert .migration-button {
    background-color: #4265ed !important;
    border: #4265ed;
    border-radius: 0;
    padding: 8px 11px;
    color: #fff;
}
.migration-alert .migration-features li {
    padding: 6px 0;
}
.migration-alert .migration-features p {
    padding-left: 13px;
}
.migration-alert .migration-title {
    font-size: 20px;
    padding-top: 40px;
}
.migration-alert .migration-button-toolbar {
    margin: 30px 0 0 22px;
}
.migration-alert .migration-button-toolbar a {
    padding-left: 10px;
}
.create-org-div {
    position: fixed;
    left: 65%;
    bottom: 30%;
    background-color: #fbfbfb;
}
.whats-new .help-icon {
    color: #fcd99f;
    font-size: 45px;
    vertical-align: top;
}
.product-review td {
    padding: 30px;
    vertical-align: top;
}
.product-review .help-sec {
    background-color: #fefbf3;
}
.product-review .help-sec .icon-success-circled {
    color: #fcd99f;
    font-size: 45px;
}
.product-review .help-sec .help-title {
    margin: 20px 0 25px;
    line-height: 25px;
}
.review-popup {
    padding: 20px 0;
}
.review-popup .btn-review {
    padding: 11px 25px;
}
.review-desc {
    line-height: 1.8;
    padding: 0 13%;
}
.topband-search-container {
    padding: 10px 0 8px;
}
.mobile-app-list {
    padding-bottom: 50px;
}
.mobile-app-list .container {
    padding-top: 50px;
    border-bottom: 1px solid #eee;
}
.mobile-app-list .title {
    margin: 40px auto 0;
    max-width: 80%;
}
.mobile-app-list .download-container {
    margin: 35px 0;
}
.welcome {
    margin-top: 100px;
    padding: 25px 30px 50px;
}
.welcome .row {
    margin: 60px 0 30px;
}
.welcome .icon {
    fill: #2fa763;
    margin-bottom: 20px;
}
.welcome .welcome-icons {
    background: url(images/home-sprite-2x-dedd461eb9.png) no-repeat;
    display: inline-block;
    width: 80px;
    height: 70px;
    margin-bottom: 20px;
}
.welcome .quick-invoicing {
    background-position: -562px 0;
}
.welcome .expense-management {
    background-position: -276px 0;
}
.welcome .online-payment {
    background-position: -400px 0;
    width: 140px;
}
.welcome .time-tracking {
    background-position: 7px 0;
}
.summit-free-badge {
    position: absolute;
    height: 80px;
    display: block;
    left: 20px;
    top: 7px;
    transform: rotate(-20deg);
}
.banner-ae-bg {
    background-image: url(images/ae-banner-bg@1x-463e40004f.png);
    background-image: -webkit-image-set(url(images/ae-banner-bg@1x-463e40004f.png) 1x, url(images/ae-banner-bg@2x-6505fed870.png) 2x);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f9faff;
    border: 1px solid #f9faff;
    padding: 30px 10px 7px 50px;
    margin: 20px 0;
}
.banner-ae-bg .btn {
    border-radius: 3px;
    padding: 8px 18px;
}
.events {
    width: 23%;
    float: left;
    border-left: 3px solid #ddd;
    padding-left: 20px;
}
.events .btn {
    padding: 3px 8px;
    font-weight: 400;
    margin-top: 10px;
}
.events .text-bold {
    font-size: 24px;
}
@media screen and (max-width: 1150px) {
    .hide-referral-ksa > button:last-child {
        display: none;
    }
    .gcc-summit-meetup {
        height: auto;
    }
    .gcc-summit-meetup .float-right,
    .gcc-summit-meetup .float-left {
        float: none !important;
    }
}
.keyboard-help {
    padding: 10px 20px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #eee;
}
.entity-calendar-view .calendar-view table {
    width: 100%;
}
.calendar-view thead td {
    width: 130px;
    border-bottom: 1px solid #ccc;
}
.calendar-view .day-cell {
    height: 130px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 145px;
    padding: 5px;
    vertical-align: top;
}
.calendar-view .day-cell:last-child {
    border-right: none;
}
.calendar-view .day-cell.cell-muted {
    background-color: #fbfbfb;
}
.calendar-view .day-cell.cell-muted .date {
    color: #999;
}
.calendar-view .day-cell.today {
    background-color: #f7f5e9;
}
.calendar-view > .row .nav > li > span {
    padding: 0 5px 0 0;
    text-decoration: none;
}
.calendar-view > .row .nav-tabs {
    border: 0;
}
.calendar-vi .day-cell .entity > .date-total:hover {
    color: #000;
    border-bottom: 1px dotted;
}
.calendar-view .day-cell .entity {
    max-width: 131px;
    height: 62px;
    padding-top: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: auto;
}
.calendar-view .day-cell .entity > .date-total {
    font-size: 18px;
    color: #f75;
}
.calendar-view span.float-right {
    margin-right: 15px;
}
.calendar-list-title {
    font-size: 20px;
    padding: 10px 14px;
}
.help-line {
    font-size: 12px;
    position: relative;
    display: inline-block;
}
.btn-link + .help-line {
    padding-left: 15px;
    border-left: 1px solid #e3e3e3;
}
.help-line-text {
    font-size: 10px;
    color: var(--zf-grey-12);
    right: 15px;
    bottom: 0;
}
@media (max-width: 1350px) {
    .helpline-responsive .helpline-md {
        display: block;
    }
    .helpline-responsive .helpline-lg {
        display: none;
    }
}
.helpline-md {
    display: none;
}
.icici-payment-error {
    position: absolute;
    top: 20px;
}
.dashboard-tabs .nav-tabs-dashed .nav-link {
    font-size: 18px;
    padding: 20px 0 12px;
    margin: 0 13px;
    font-weight: 400;
}
.dashboard-tabs .nav-tabs-dashed .nav-link.active::after {
    top: 12px;
}
.dashboard-tabs .nav-tabs-dashed .nav-link.branch-filter.active::after {
    top: 10px;
}
.dashboard-tabs .nav-tabs-dashed .nav-link .badge-count {
    background-color: var(--primary-color);
}
.dashboard-tabs .nav-tabs-dashed .yearend-checklist-title svg.icon circle {
    fill: #ffe89c;
}
.dashboard-tabs .nav-tabs-dashed .yearend-checklist-title svg.icon path {
    fill: #7d5e1d;
}
.yearend-accounting {
    margin-top: 60px;
}
.yearend-accounting .content-section {
    background-color: #e1ebff;
    color: #6083dd;
    border: 1px solid #d2dbf3;
    border-radius: 5px;
    height: 115px;
}
.yearend-accounting .content-section .content-container {
    width: 50%;
    color: #000;
}
.yearend-accounting .content-section .content-container .svg-container .icon:nth-child(2) {
    display: none;
}
.yearend-accounting .content-section .content-container .content a {
    color: #2a90fb;
}
.yearend-accounting .content-section .content-container .content a:hover {
    color: #6083dd;
}
.yearend-accounting .content-section .content-container:hover .svg-container .icon:nth-child(1) {
    display: none;
}
.yearend-accounting .content-section .content-container:hover .svg-container .icon:nth-child(2) {
    display: block;
}
.yearend-accounting .content-section .bordered {
    border-right: 2px solid #d2dbf3;
}
.scrollbox.year-end-checklist {
    background: url(images/checklist-confetti-top-41d59af36c.png) no-repeat 12% 28%, url(images/checklist-confetti-center-bf21730439.png) no-repeat 84% 34%, url(images/checklist-confetti-center-bf21730439.png) no-repeat 15% 80%,
        url(images/checklist-confetti-center-bf21730439.png) no-repeat 85% 92%;
    background-size: 12%, 5%, 5%, 5%;
    background-color: #f4f8fd;
}
.scrollbox.year-end-checklist .yearend-tips .video-section {
    flex: 2;
    padding: 14px;
    margin-right: 20px;
    background-color: #fff8ec;
    border: 1px solid #f5e3b9;
    border-radius: 5px;
}
.scrollbox.year-end-checklist .yearend-tips .video-section .video {
    color: #bd6500;
}
.scrollbox.year-end-checklist .yearend-tips .video-section .play-icon {
    position: relative;
    left: -60px;
}
.scrollbox.year-end-checklist .yearend-tips .video-section .play-button-outer-ring {
    fill: #fff;
}
.scrollbox.year-end-checklist .yearend-tips .video-section .play-button-inner-icon {
    fill: #2a90fb;
}
.scrollbox.year-end-checklist .yearend-tips .note-section {
    flex: 3;
    background-color: #e1ebff;
    padding: 14px;
    color: #6083dd;
    border: 1px solid #d2dbf3;
    border-radius: 5px;
}
.scrollbox.year-end-checklist .yearend-tips .note-section .note {
    width: 85%;
}
.scrollbox.year-end-checklist h4 {
    width: 80%;
    margin: 0 auto;
    font-weight: 600;
    line-height: 1.5em;
}
.scrollbox.year-end-checklist .year-end-checklist-wrapper {
    width: 780px;
    margin: 30px auto;
}
.scrollbox.enterprise-dashboard-bg {
    background-color: #eff4f8;
}
.checklist-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 4% 2%;
    margin: 2% 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 10px 2px #e9ecfe;
}
.checklist-card:hover .learn-more a {
    background-color: #2a90fb;
    color: #fff;
}
.checklist-card:hover .learn-more a svg.icon {
    fill: #fff;
}
.checklist-card .checklist-section {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
}
.checklist-card .checklist-section .checklist-icon {
    width: 16%;
    text-align: center;
}
.checklist-card .checklist-section .checklist-content {
    width: 80%;
}
.checklist-card .checklist-section .checklist-content .title {
    font-size: 15px;
}
.checklist-card .checklist-section .checklist-content .description {
    margin-top: 8px;
}
.checklist-card .checklist-section .checklist-content .description .fill-bg {
    margin-top: 5px;
    padding: 0 2px;
    background-color: #eaedfa;
    line-height: 1.8em;
}
.checklist-card .learn-more {
    width: 15%;
}
.checklist-card .learn-more a {
    color: #0080ff;
    padding: 5px 10px;
    border-radius: 30px;
    transition: all 200ms ease-in-out;
}
.checklist-card .learn-more a svg.icon {
    fill: #bbb;
}
@media (min-width: 992px) {
    .advanced-search {
        display: flex;
        flex-wrap: wrap;
    }
    .advanced-search .contact-adv-search .input-group .input-group-text {
        max-width: 84px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .advanced-search .contact-adv-search .input-group .form-control {
        width: 167px;
    }
}
.ml55 {
    margin-left: 55px;
}
.stackup-svg {
    position: relative;
    z-index: 1;
}
.slant-razorpay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: skew(-30deg);
}
.delete-org .modal-title {
    font-size: 21px;
}
.delete-org .backup-note {
    margin: 25px 0 30px;
    border-left: 3px solid red;
    padding-left: 10px;
}
.delete-org .backup-faqlink::after {
    content: "";
    display: inline-block;
    border-top: 4px solid transparent;
    border-left: 4px solid #408dfb;
    border-bottom: 4px solid transparent;
    margin-left: 2px;
}
.delete-org .backup-faqlink:hover::after,
.delete-org .backup-faqlink:focus::after {
    border-left-color: #2a6496;
}
.delete-org .org-txnlist {
    background-color: #eff6fb;
    box-shadow: none;
    border: 0;
    padding: 20px;
    margin-bottom: 20px;
}
.delete-org .org-txnlist ul {
    padding-left: 32px;
    margin-bottom: 0;
}
.delete-org .org-txnlist ul li {
    line-height: 25px;
}
.delete-org .alert-details li::before {
    content: "★";
    font-size: 9px;
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    margin-left: -14px;
    color: #ff9800;
}
.delete-org .backup-data {
    margin: 20px 0;
    background-color: #eff6fb;
    padding: 20px;
}
.delete-org .backup-data div:first-child {
    line-height: 0;
    align-self: center;
}
.gs-shipment-banner {
    display: flex;
    align-items: center;
    position: absolute;
    background-color: #f9f9fb;
    border-radius: 10px;
    top: 120px;
    overflow: hidden;
    height: 400px;
}
.gs-shipment-content {
    margin: -25px 15px 0 10px;
}
.arrow-bottom-tip {
    top: 169px;
    left: 190px;
    z-index: 1;
}
.transactionid-banner {
    position: absolute;
    background-color: #fff;
    border-radius: 10px;
    top: 160px;
    left: 140px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(141, 141, 141, 0.2);
    border: 1px solid #ddd;
}
.navbar-svg {
    width: 901px;
}
.navbar-heading {
    font-size: 20px;
    color: #222;
}
.navbar-msg {
    max-width: 601px;
    color: #444;
    text-align: center;
}
.feature-desc-band {
    background-color: #f0f8fe;
    padding: 7px 10px 6px;
    border-radius: 5px;
    max-width: 650px;
}
.oman-summit-icon {
    box-shadow: 0 2px 8px 0 #dbdbea;
}
.oman-summit-speaker {
    border-left: 2px solid #eee;
}
.banner-close-icon {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
    font-size: 1.5rem;
    color: #999;
    opacity: 10;
}
.free-banner-board {
    text-align: center;
    letter-spacing: 2px;
    padding: 8px;
    background-color: #d9edf7;
    border: 3px solid #177abc;
    border-radius: 12px;
    width: 90px;
    line-height: 1.4;
}
.banner-board::after {
    content: " ";
    height: 14px;
    position: absolute;
    width: 5px;
    background-color: #177abc;
    left: 45%;
}
.opening-balance-cta {
    margin-left: auto;
    white-space: nowrap;
    align-self: center;
    background-color: #2a90fb;
    color: #fff;
    padding: 3px 15px;
    border-radius: 30px;
}
.opening-balance-cta:hover {
    color: #fff;
}
.wave-help {
    width: 14%;
    background-color: #f9f9fb;
}
.wave-help:hover {
    font-weight: 500;
}
.amazon-oauth-banner {
    display: flex;
    line-height: 25px;
    align-items: center;
    padding: 15px 35px;
}
.amazon-oauth-banner .amazon-oauth-banner-container {
    padding: 0 120px 0 25px;
}
.amazon-oauth-banner .banner-close {
    margin: 10px;
}
.amazon-oauth-banner .banner-close-icon {
    color: #555;
}
.amazon-oauth-banner .amazon-oauth-svg {
    width: 140px;
    height: 140px;
}
.amazon-oauth-banner .amazon-oauth-btn {
    padding: 0 120px 0 10px;
}
@media (max-width: 1245px) {
    .amazon-oauth-banner .amazon-oauth-svg {
        display: none;
    }
}
@media (min-width: 1366px) {
    .banner-padding {
        padding: 0 2%;
    }
}
@media (max-width: 1365px) {
    .banner-font {
        font-size: 18px;
    }
    .banner-padding {
        padding: 0 1%;
    }
}
.popup-modal {
    max-width: 700px;
    margin: 1.75rem auto;
}
.popup-modal .modal-content {
    border-radius: 20px;
}
.onboard-setup .onboard-sidebar {
    width: 35%;
}
.onboard-setup .onboard-sidebar .subscriptions-icon {
    position: fixed;
    top: 90px;
    left: 100px;
    width: 25%;
}
.onboard-setup .onboard-sidebar .rockets-svg {
    width: 300px;
    height: 300px;
    position: fixed;
    top: 450px;
    left: 75px;
}
.onboard-setup .onboard-sidebar .organization-svg {
    width: 350px;
    height: 350px;
    position: fixed;
    top: 400px;
    left: 75px;
}
.onboard-setup .onboard-sidebar .greetings-container {
    width: 24%;
    position: fixed;
    top: 200px;
    left: 100px;
}
.onboard-setup .onboard-sidebar .greetings-container .logout:hover {
    color: #000;
    transition: 0.3s;
}
.onboard-setup .onboard-sidebar .greetings-container .org-mode {
    border-radius: 0 100px 100px 0;
}
.onboard-setup .content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 35%;
}
.onboard-setup .content .onboard-form {
    padding-top: 80px;
}
.onboard-setup .content .onboard-form .org-types {
    padding-top: 65px;
    right: -10px;
}
.onboard-setup .content .onboard-form .industry-box {
    text-align: center;
    display: inline-block;
    flex: 1;
    padding: 38px 0;
    margin-right: 30px;
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s;
}
.onboard-setup .content .onboard-form .industry-box:hover {
    box-shadow: 0 14px 20px 0 #e4e2e2;
}
.onboard-setup .content .onboard-form .industry-box.active {
    color: #2e8fda;
    border: 1px solid #2e8fda;
    font-weight: 600;
    box-shadow: 0 14px 20px 0 #e4e2e2;
}
.onboard-setup .content .onboard-form h4 {
    display: inline-block;
}
.onboard-setup .content .onboard-form h4.active {
    color: #2e8fda;
    border-bottom: 2px solid #2e8fda;
}
.onboard-setup .content .onboard-form h4.completed {
    color: #57b729;
}
.onboard-setup .content .onboard-form .empty-upload-box {
    margin: 60px 0 -45px;
    border: 1px dashed #ccc;
    height: 165px;
    max-height: 165px;
    max-width: 235px;
    border-radius: 4px;
    z-index: 1;
}
.onboard-setup .content .onboard-form .empty-upload-box .upload-text {
    margin-top: 55px;
}
.onboard-setup .content .onboard-form .empty-upload-box .upload-image {
    width: 100%;
    height: 100%;
}
.onboard-setup .content .onboard-form .onboard-label {
    margin-top: 50px;
}
.onboard-setup .content .onboard-form [disabled],
.onboard-setup .content .onboard-form .disabled {
    color: #a5adb0;
    cursor: not-allowed;
}
.onboard-setup .content .onboard-form .onboard-input-field {
    border: 0;
    border-bottom: 1px solid #c9c9c9;
    padding: 0 0 5px;
    font-size: 18px;
    width: 100%;
}
.onboard-setup .content .onboard-form .onboard-input-field::placeholder {
    color: #ccc !important;
    font-size: 18px;
}
.onboard-setup .content .onboard-form .onboard-input-field:focus {
    outline: 0;
    border-bottom: 1px solid #2e8fda;
}
.onboard-setup .content .onboard-form .onboard-ac .ac-dropdown-menu .dropdown-menu {
    max-height: 130px !important;
}
.onboard-setup .content .onboard-form .onboard-ac .ac-selected,
.onboard-setup .content .onboard-form .onboard-ac input {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #c9c9c9;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: 18px;
}
.onboard-setup .content .onboard-form .onboard-ac .ac-selected::placeholder,
.onboard-setup .content .onboard-form .onboard-ac .ac-selected .text-muted,
.onboard-setup .content .onboard-form .onboard-ac input::placeholder,
.onboard-setup .content .onboard-form .onboard-ac input .text-muted {
    color: #ccc !important;
}
.onboard-setup .content .onboard-form .onboard-ac .ac-selected:focus,
.onboard-setup .content .onboard-form .onboard-ac input:focus {
    border-bottom: 1px solid #2e8fda;
}
.onboard-setup .content .onboard-form .field-error .onboard-input-field {
    border-color: #f35650;
}
.onboard-setup .content .onboard-form .field-error .onboard-ac .ac-box span {
    border-bottom-color: #f35650 !important;
}
.onboard-setup .content .onboard-form .btn-primary,
.onboard-setup .content .onboard-form .highlight-btn:hover .highlight-btn-primary,
.highlight-btn:hover .onboard-setup .content .onboard-form .highlight-btn-primary,
.onboard-setup .content .onboard-form .bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .list-match-btn,
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .onboard-setup .content .onboard-form .list-match-btn {
    margin: 30px 0 0 0;
    border-radius: 30px;
    padding: 10px 30px;
    background-color: #2e8fda;
    border-color: #2e8fda;
    box-shadow: 0 7px 11px 0 #98bcfb;
}
.onboard-setup .content .onboard-form .btn-primary:active,
.onboard-setup .content .onboard-form .highlight-btn:hover .highlight-btn-primary:active,
.highlight-btn:hover .onboard-setup .content .onboard-form .highlight-btn-primary:active,
.onboard-setup .content .onboard-form .bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .list-match-btn:active,
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .onboard-setup .content .onboard-form .list-match-btn:active {
    background-color: #2e8fda;
    border-color: #2e8fda;
}
.onboard-setup .content .onboard-form .btn-secondary-outline {
    color: #2e8fda;
    background-color: #fff;
    box-shadow: none;
}
.onboard-setup .content .onboard-form .btn-secondary-outline:active {
    background-color: #fff;
}
.onboard-setup .content .onboard-form .go-back {
    color: #2e8fda;
}
.onboard-setup .content .onboard-form .go-back:focus {
    border: 0;
}
.recent-updates-helpdoc {
    float: right;
    width: 280px;
    position: sticky;
    top: 150px;
    right: 50px;
}
.recent-updates-helpdoc .helpdoc-banner {
    box-shadow: 0 0 6px #e5eefd;
    border-radius: 12px;
    border-width: 4px;
    border-color: #fff;
    background-color: #fbfcff;
}
.recent-updates-helpdoc .helpdoc-banner .helpdoc-video {
    color: #f7525a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fff5f5;
}
.recentupdates-wrapper .center-container {
    padding-bottom: 50px;
}
.recentupdates-wrapper .center-wrapper {
    width: 60%;
    max-width: 1024px;
    padding: 40px 0;
}
.recentupdates-wrapper .details-wrapper,
.recentupdates-wrapper .error-content {
    margin: auto;
}
.recentupdates-wrapper .right-section {
    width: 80%;
    margin: 0 auto;
    border-left: 1px solid #f1f1f1;
}
.recentupdates-wrapper .right-section .circle-container {
    position: absolute;
    margin-left: -15px;
    left: auto;
}
.recentupdates-wrapper .details-wrapper {
    width: 80%;
    display: flex;
    border-left: 1px solid #f1f1f1;
}
.recentupdates-wrapper .circle-container {
    position: relative;
    left: -17px;
    height: 12px;
    padding: 10px;
}
.recentupdates-wrapper .details-section {
    padding: 0 0 50px 20px;
}
.recentupdates-wrapper .about-product {
    position: relative;
    padding-bottom: 40px;
}
.recentupdates-wrapper .release {
    margin-left: 50px;
}
.recentupdates-wrapper .center-wrapper,
.recentupdates-wrapper .circle-container {
    background-color: #fff;
}
.recentupdates-wrapper .month-container .details-wrapper:first-child .circle-section,
.recentupdates-wrapper .right-section .circle-container:first-child .year-pointer {
    background-color: #268ddd;
}
.recentupdates-wrapper .circle-section,
.recentupdates-wrapper .year-pointer {
    width: 10px;
    height: 10px;
    border: 1px solid #268ddd;
    border-radius: 50%;
}
.recentupdates-wrapper .date,
.recentupdates-wrapper .date-release {
    padding: 5px 0 15px;
    font-size: 15px;
    color: #555;
}
.recentupdates-wrapper .heading,
.recentupdates-wrapper .heading-release {
    padding-bottom: 8px;
    color: #333;
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
}
.recentupdates-wrapper .release-label {
    display: none;
}
.recentupdates-wrapper .milestone-label {
    background-color: #fff5e3;
    margin-left: 10px;
    border-radius: 3px;
    padding: 4px;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: 900;
}
.recentupdates-wrapper .desc,
.recentupdates-wrapper .content {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}
.recentupdates-wrapper .readmore {
    padding-bottom: 10px;
    color: #0080ff;
    font-size: 14px;
}
.recentupdates-wrapper .whatsnew-page-link {
    display: block;
    margin-top: 40px;
    color: #0080ff;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}
.recentupdates-wrapper .whatsnew-page-link svg {
    width: 13px;
    height: 17px;
    fill: #007bff;
    vertical-align: middle;
    transition: 0.3s linear;
}
.recentupdates-wrapper .error-content {
    width: 75%;
}
.segregator-wrapper {
    border-left: 1px solid var(--zf-grey-17);
}
.segregator-wrapper .segregator-header {
    position: sticky;
    top: -1px;
    z-index: 1;
    background-color: #fff;
    background-clip: padding-box;
    top: 57px;
}
.segregator-wrapper .segregator-header::after {
    content: "";
    position: absolute;
    left: 31px;
    top: 18px;
    border: 4px solid #408dfe;
    border-radius: 50%;
}
.segregator-wrapper .segregator-header .border-container {
    position: absolute;
    top: 0;
    left: 34px;
    height: 45px;
    border-left: 1px solid var(--zf-grey-17);
}
.segregator-wrapper .segregator-header .border-container::after {
    content: "";
    padding: 0 10px;
    border-bottom: 1px solid var(--zf-grey-17);
    position: relative;
    top: 3px;
}
.segregator-wrapper .separation-identifier {
    position: absolute;
    left: -30px;
    top: -10px;
}
.segregator-wrapper .announcement-card-wrapper {
    max-width: 1350px;
}
.segregator-wrapper .announcement-card-wrapper .announcement-card .announcement-image {
    width: 160px;
    height: 100px;
    border: 2px solid #fff;
    z-index: 0;
}
.segregator-wrapper .announcement-card-wrapper .announcement-card .announcement-content {
    padding: 20px;
}
.segregator-wrapper .unread-announcement-status .separation-identifier {
    top: 20px;
}
.segregator-wrapper .unread-announcement-status .announcement-card-wrapper {
    padding-left: 15px;
}
.segregator-wrapper .unread-announcement-status .announcement-card-wrapper .announcement-card {
    padding: 5px;
    border: 1px solid #efe7ff;
}
.segregator-wrapper .unread-announcement-status .announcement-card-wrapper .announcement-card .announcement-content {
    position: relative;
}
.segregator-wrapper .unread-announcement-status .announcement-card-wrapper .announcement-card .announcement-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-image: url(images/unread-glassy-7011db1bb3.png);
    background-size: cover;
    background-repeat: repeat;
}
.segregator-wrapper .unread-announcement-status:nth-child(even) .announcement-content::before {
    transform: scale(-1, -1);
}
.segregator-wrapper .unread-announcement-status::before {
    content: "";
    padding: 0 8px;
    border-bottom: 1px solid var(--zf-grey-17);
    position: absolute;
    top: 30px;
}
.segregator-wrapper .pinned-announcement {
    position: sticky;
    top: -1px;
    z-index: 5;
    background-color: #fff;
    background-clip: padding-box;
    top: 59px;
    padding-left: 39px;
}
.segregator-wrapper .pinned-announcement .separation-identifier {
    display: none;
}
.segregator-wrapper .pinned-announcement::before {
    content: "";
    padding: 0 8px;
    border-bottom: 1px solid var(--zf-grey-17);
    position: absolute;
    top: 39px;
    width: 30px;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper {
    flex-wrap: nowrap;
    border-left: 1px solid var(--zf-grey-17);
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .announcement-content {
    background-color: var(--zf-purple-6);
    margin: 10px 0;
    padding: 12px 12px 12px 20px;
    overflow: hidden;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .announcement-content.minimal-view {
    max-height: 100px;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .announcement-content.expanded-view {
    max-height: 35px;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .announcement-content.expanded-view.show {
    transition: max-height 0.85s ease-in-out;
    max-height: 300px;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .star-icon {
    position: absolute;
    top: 3px;
    left: 10px;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .btn-link {
    transition: opacity 1s ease-in-out;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .cta-link .link-arrow {
    fill: var(--zf-purple-7);
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .announcement-card .cta-link:hover .link-arrow {
    fill: var(--zf-blue-9);
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .pinned-date {
    position: relative;
    top: 30px;
    left: -8px;
}
.segregator-wrapper .pinned-announcement .announcement-card-wrapper .pinned-date svg {
    border: 4px solid #fff;
    margin-left: -1px;
}
.segregator-wrapper .pinned-announcement.unread-announcement-status::before {
    top: 34px;
    width: 19px;
}
.segregator-wrapper .pinned-announcement.unread-announcement-status .announcement-card-wrapper {
    padding: 0 16px 0 0;
}
.segregator-wrapper .pinned-announcement.unread-announcement-status .announcement-card-wrapper .announcement-card .announcement-content {
    margin: 0;
}
.segregator-wrapper .pinned-announcement.unread-announcement-status .pinned-date {
    top: 25px;
}
.billing-promotion-container {
    border-radius: 0 10px 10px 0;
    background-color: var(--zf-white-1);
    background-image: radial-gradient(at 83% 23%, hsla(66deg, 100%, 96%, 0.06) 0, transparent 50%), radial-gradient(at 78% 97%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 93% 94%, hsl(170deg, 80%, 16%) 0, transparent 50%),
        radial-gradient(at 49% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 39% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 18% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%),
        radial-gradient(at 9% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%), radial-gradient(at 63% 38%, hsla(0deg, 0%, 100%, 0.42) 0, transparent 50%), radial-gradient(at 95% 6%, hsla(153deg, 76%, 32%, 0.49) 0, transparent 50%),
        radial-gradient(at 75% 0, hsla(133deg, 59%, 62%, 0.49) 0, transparent 50%), radial-gradient(at 19% 0, hsl(153deg, 76%, 32%) 0, transparent 50%), radial-gradient(at 4% 13%, hsl(153deg, 76%, 32%) 0, transparent 50%),
        radial-gradient(at 15% 0, hsl(153deg, 76%, 32%) 0, transparent 50%), radial-gradient(at 78% 76%, hsl(161deg, 24%, 57%) 0, transparent 50%), radial-gradient(at 27% 92%, hsl(170deg, 80%, 16%) 0, transparent 50%);
}
.billing-promotion-container::before {
    content: "";
    top: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 80%;
    opacity: 0.8;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(images/promotion-pattern-65e2b2f322.png);
}
.zbilling-feature-close {
    right: -40px;
    transition: all 0.5s;
}
.zbilling-feature-close svg {
    opacity: 0.6;
}
.zbilling-feature-close:hover svg {
    opacity: 1;
}
.zbilling-info-header {
    background-color: rgba(var(--zf-billing-rgb), 0.13);
    color: var(--zf-green-19);
}
.zbilling-info-desc {
    background-color: rgba(var(--zf-billing-rgb), 0.05);
}
.zbilling-text-gradient {
    background-image: linear-gradient(90deg, #089949 50%, #068a41 82.03%, #02612d 100.57%, #005325 117.46%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.zbilling-feature-index {
    top: 10px;
    left: -27px;
    padding: 0 6px;
    background-color: var(--zf-green-13);
    border-radius: 4px;
    color: #fff;
}
.zbilling-feature-image {
    margin-right: -15px;
    margin-top: 40%;
}
.wave-offer-end-banner {
    background-color: #f9f9fb;
    border: 1px solid #e6e8ef;
}
.wave-offer-end-banner .icon-wave-webinar {
    width: 80px;
    height: 80px;
}
.wepay-migration-banner-desc {
    flex-basis: 65%;
}
@media (max-width: 1300px) {
    .wepay-migration-banner-desc {
        flex-basis: 100%;
        padding-bottom: 15px;
    }
    .wepay-migration-banner-cta {
        margin: 0 !important;
    }
}
.fundbox-dashboard-banner .confetti-fundbox {
    width: 70px;
    height: 90px;
}
.fundbox-dashboard-banner .fundbox-separator {
    height: 40px;
    border-left: 1.5px solid #d9e5f9;
}
.fundbox-dashboard-banner .mw-655 {
    max-width: 655px;
}
.icon-finance-webinar {
    width: 45px !important;
    height: 45px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}
.finance-free-seminar {
    border-radius: 5px;
    margin-left: -23px;
    z-index: 1;
    padding-left: 22px !important;
}
.hotspot,
.tour-highlight,
.button-widget,
.sidebar-widget {
    position: relative;
}
.hotspot.hotspot-green::after,
.hotspot-green.tour-highlight::after,
.hotspot-green.button-widget::after,
.hotspot-green.sidebar-widget::after {
    background-color: #23ce88;
    box-shadow: 0 0 0 0 #23ce88;
}
.hotspot .badge-notification,
.tour-highlight .badge-notification,
.button-widget .badge-notification,
.sidebar-widget .badge-notification {
    display: none;
}
.hotspot::after,
.tour-highlight::after,
.button-widget::after,
.sidebar-widget::after {
    content: "";
    position: absolute;
    top: -5px;
    right: -8px;
    width: 7px;
    height: 7px;
    background-color: var(--unifiedtheme-blue);
    box-shadow: 0 0 0 0 var(--unifiedtheme-blue);
    border-radius: 50%;
    animation: beam 1s infinite;
}
.gst-filing-hotspot.hotspot::after,
.gst-filing-hotspot.tour-highlight::after,
.gst-filing-hotspot.button-widget::after,
.gst-filing-hotspot.sidebar-widget::after {
    top: -10px;
    left: -5px;
}
.info::after {
    top: -3px;
    right: -2px;
}
.virtual-classroom-banner {
    padding: 20px 0 20px 40px;
}
.virtual-classroom-banner .icon-virtaul-classroom {
    width: 150px;
    height: 25px;
}
.virtual-classroom-banner .border-right-dark {
    border-right: 1px solid #a9caea;
}
.bankbiz-popup .modal-content {
    height: 627px;
}
.bankbiz-popup .modal-body-spacing {
    padding-left: 32px;
    padding-right: 32px;
}
.bankbiz-popup .modal-body-spacing .desc-bg {
    background-color: #f1faff;
}
.bankbiz-popup .bankbiz-modal-body {
    margin-bottom: 25px;
    background: url(images/confetti-getting-started-bankbiz-fce2bfa497.png) no-repeat;
    background-size: contain;
}
.bankbiz-popup .margin-top-73 {
    margin-top: 73px;
}
.bankbiz-popup .strike-text:after {
    content: "";
    border-top: 2px solid red;
    width: 32px;
    position: absolute;
    top: 73px;
    left: 28px;
    transform: rotate(168deg);
}
.indicator-active {
    width: 12px;
    height: 5px;
}
.bankbiz-payment-sec {
    border: 1px solid #efefef;
    position: relative;
    top: -9px;
    left: 62px;
}
.roadshow-img {
    max-width: 16% !important;
    padding: 0 3%;
}
.bills-w70 {
    width: 70%;
}
.bills-w72 {
    width: 72%;
}
.credit-limit-mig {
    margin: 50px;
    width: 80%;
}
.table-below-subtab thead > tr > th {
    top: 50px !important;
}
.table-below-subtab thead > tr > th:after {
    border-top: none !important;
}
.recent-updates .dashboard-footer {
    margin-top: 0;
}
.home-org-logo {
    border: 1px solid #ebeaf2;
    border-radius: 8px;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-org-logo .logo-img {
    max-width: 80%;
    min-width: 80%;
}
.home-header {
    height: 75px !important;
}
.home-tab-sticky {
    background-repeat: repeat-x;
    position: sticky;
    top: -1px;
    z-index: 3;
    background-color: #fff;
    background-clip: padding-box;
}
.home-tab-sticky.books-bg {
    background-image: url(images/svgs/home-header-bg-books-bd26ea253f.svg);
}
.home-tab-sticky.invoice-bg {
    background-image: url(images/svgs/home-header-bg-invoice-fcc5ed7e19.svg);
}
.home-tab-sticky.inventory-bg {
    background-image: url(images/svgs/home-header-bg-zom-f063611a9d.svg);
}
.home-tab-sticky.subscriptions-bg {
    background-image: url(images/svgs/home-header-bg-zsm-f550ec695e.svg);
}
.home-tab-sticky.home-tab-with-header {
    top: -75px;
}
.home-tab-sticky .nav-link {
    font-size: 15px !important;
}
.home-badge {
    height: 32px;
    color: #21263c !important;
    border: 1px solid #ebeaf2;
    max-width: 200px;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 12px;
    font-size: 13px;
}
.home-badge:hover {
    background-color: #ebf3fe;
}
.top-one-half-px {
    top: 1.5px;
}
.purchase-stamps-cta:hover {
    color: #408dfb;
}
.announcement-banner {
    position: absolute;
    width: 335px;
    border-radius: 10px;
    z-index: 1070;
}
.announcement-banner:after {
    content: "";
    border-bottom: 9px solid #ebeaf2;
    border-left: 10px solid transparent;
    border-right: 11px solid transparent;
    position: absolute;
    top: -9px;
    left: 20px;
}
.announcement-banner:before {
    content: "";
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 21px;
    top: -8px;
    z-index: 3;
}
.announcement-modal-open {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    z-index: 1099;
}
.fraction span.denominator {
    border-top: 1px solid #333850;
}
.calculation::before {
    content: "";
    position: absolute;
    height: 17px;
    border: 1.5px solid #9391a2;
    left: 4px;
    top: 56px;
}
.marginal-summary::before {
    content: none;
}
.calculation.marginal-formula::before {
    top: 22px;
}
.formula-subdivision {
    gap: 20px;
}
.formula-subdivision > span:first-child {
    height: 36px;
    width: 36px;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    line-height: 2.8;
}
.formula-bracket {
    margin-left: 8px;
}
.formula-bracket::before,
.formula-bracket::after {
    content: "";
    position: absolute;
    top: 0;
    border: 1px solid #6c718a;
    width: 10px;
    height: 100%;
}
.formula-bracket::before {
    left: -6px;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.formula-bracket::after {
    right: -6px;
    border-left: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ct-summary.flyout-body {
    top: 70px;
}
.bank-add-dropdown {
    max-height: 420px;
    overflow-y: scroll;
}
.bank-txnlist.txn-small + .bank-txn-body {
    width: 37%;
    transition: width 0.1s linear;
    background-color: #fff;
    flex-shrink: 0;
}
.bank-txnlist.txn-small {
    transition: right 0.1s linear;
}
.list-card {
    font-size: 17px;
    color: #1b6ac4;
}
.bank-icon-circle {
    border-color: #eee;
    border: 1px solid #eee;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 2.7;
    vertical-align: top;
    display: inline-block;
}
.bank-account-row {
    height: 73px;
}
.bank-accounts-filter .ac-box .ac-selected {
    border: 0;
}
.bank-accounts-filter .ac-box .zf-ac-toggler svg {
    fill: #408dfb;
}
.banking-filter a {
    color: #444;
}
.bankbtnlist [class*="logo-bank-"] {
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    float: left;
    margin: -8px;
    background-image: url(images/banklogos-3b29c8b45d.png);
}
.banking-intro-desc {
    margin: auto;
    line-height: 1.3;
    max-width: 491px;
}
.banking-empty-list .body {
    padding: 0;
}
.banking-empty-list .close-details {
    margin: 10px;
    height: 20px;
}
.bank-connectivity-failure {
    padding-bottom: 40px !important;
}
.empty-list-button {
    padding: 8px 20px;
    font-size: 14px;
}
.empty-list-video {
    background-color: #fafafa;
    border-top: 1px solid #e4e4e4;
}
.empty-list-video .videoimg {
    margin-top: 26px;
    margin-bottom: 0;
    max-width: 550px;
}
.empty-list-video .videoimg .yt-video-container img {
    border: 0;
}
.content-column > .connect-header {
    border-bottom: 0;
}
.content-column > .connect-header h3 {
    margin-top: 10px;
}
.logo-bank-ccindicate {
    background-image: url(images/banklogos-3b29c8b45d.png);
    background-position: -348px -93px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}
.bank-ac {
    height: 40px;
}
.phonepe-logo {
    height: 45px;
}
#progress .bar {
    background-image: linear-gradient(45deg, #d7d7d7 25%, transparent 26%, transparent 51%, #d7d7d7 50%, #d7d7d7 75%, transparent 75%, transparent);
}
.feed-source {
    position: absolute;
    top: 3px;
    left: -25px;
}
.show-border {
    border-bottom: 1px solid #eef1f4;
}
.best-match-header {
    margin: 0 31px;
    padding: 20px 0 15px;
}
.best-match-header .badge {
    padding: 3px 10px;
    border-radius: 7px;
    margin-left: 3px;
}
.possible-match-header {
    padding: 25px 0 0;
    border-top: 1px solid #ddd;
}
.possible-match-header .row {
    padding-bottom: 6px;
    margin: 0 31px 0 27px;
    border-bottom: 1px solid #ebebed;
}
.enable-hover:hover {
    background-color: #f3f8fd;
}
.match-btn-select.txn-selected {
    background-color: #fafafa;
    color: #1aaf5d;
    border-color: #0c9f37;
    text-transform: uppercase;
}
.refresh-multiple-statement {
    z-index: 1;
    margin: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
    text-align: center;
}
.refresh-container {
    max-width: 90%;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: 0 2px 25px 0 #eee;
}
.clear-container {
    width: 50%;
    bottom: 30px;
    background-color: #e6f2ff;
}
.statement-details {
    max-height: 190px;
    width: 260px;
    background-color: #fff;
    box-shadow: #eee 0 5px 25px 5px;
    overflow-y: auto;
    z-index: 100;
}
.statement-details .statement-date-band {
    top: 0;
    padding: 7px 15px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.stmt-split:hover {
    background-color: #fafafa;
}
.adjustment .match-btn-select {
    margin: 5px 0;
}
.fill.match-footer {
    bottom: 0;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 -5px 5px -5px #ddd;
}
.fill.match-footer.full-section {
    top: 0;
}
.balance-mismatch-banner {
    border: 1px solid #f5f093;
    background-color: #fffbe0;
    padding: 20px;
}
.banking-details {
    padding: 20px 20px 50px;
}
.banking-details .validate-gstin {
    position: static;
}
.rule-criteria .col-lg-3 {
    padding-right: 0;
}
.circle-icon {
    display: inline-block;
    border-radius: 20px;
    color: #fff;
    padding: 9px;
    margin-right: 10px;
}
.account-details-row {
    margin-left: 10px;
    width: 75%;
}
.account-details-row .text-light-grey:hover {
    color: #495569;
}
.chart-info {
    border-left: 1px solid #eee;
    padding: 6px 10px 0;
}
.chart-row {
    padding: 12px;
    border-bottom: 1px solid #eee;
}
.uncattxns-info-icon {
    background-color: #ffebee;
    line-height: 2.4;
    min-width: 42px;
}
.chart-hide-show {
    transition: max-height 0.5s ease-in-out;
    min-height: 225px;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 5px 5px #fcfcfe;
}
@media (max-width: 1206px) and (min-width: 1024px) {
    .chart-hide-show .graph-ele-section .graph-ele {
        width: 240px;
    }
}
.feeds-error {
    margin-top: 3px;
}
.feeds-error a {
    color: #e54643;
}
.feeds-error a:hover {
    color: #ca4e04;
}
.feeds-active {
    color: #8fbf54;
}
.uncat-txn {
    color: #d64830;
}
.uncat-txn:hover {
    color: #d64830;
}
.uncat-band {
    padding: 12px;
    border-bottom: 1px solid #eee;
}
.banking-header h4 {
    margin: 0;
}
.banking-header p {
    margin-bottom: 0;
}
.banking-header .btn-link {
    padding: 0 12px;
}
.banking-header .btn-link.active {
    cursor: default;
    color: var(--zf-grey-12);
}
.text-cashbalance {
    color: #999;
}
.bank-banner {
    position: relative;
}
.bank-banner p {
    margin: 0 0 10px;
}
.bank-banner .lable {
    margin-left: 5px;
}
@media (min-width: 992px) {
    .bank-banner img {
        margin-top: 30px;
    }
}
.txn-amount-credit {
    color: #d62b31;
}
.txn-amount-debit {
    color: #549d06;
}
.txn-legend-credit {
    color: #f4b971;
}
.stmt-docs-link .badge-notification {
    top: -9px;
    left: 10px;
    background-color: #e24520;
}
.no-scroll {
    overflow: unset !important;
}
.stmt-inbox-container {
    padding: 72px 0 0 !important;
}
.stmt-inbox-container .top-space {
    padding-top: 10%;
}
.stmt-inbox-container .stmt-inbox-steps {
    padding: 5px 27px;
}
.stmt-inbox-container .stmt-inbox-steps .bulkerror-list {
    line-height: 2em;
}
.txn-details-body {
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.txn-details-footer {
    padding-top: 20px;
    border-top: 1px solid #eee;
    margin-top: 10px;
}
.bank-loader {
    top: 40%;
    left: 40%;
    padding: 20px;
    width: 425px;
    height: 135px;
    color: #333;
    box-shadow: 2px 2px 5px #eee;
    z-index: 1050;
    position: fixed;
}
.bank-list {
    margin-top: 30px;
}
.bank-list .table th {
    background-color: #fafafa;
}
.bank-list .table th:last-of-type {
    padding-right: 20px;
}
.bank-list .table td {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle;
}
.bank-list .table td:last-of-type {
    padding-right: 20px;
}
.bank-stmt-promotion {
    background-color: #fff8ec;
    padding: 15px;
    margin: 0 -20px;
}
.bank-no-filterband > .header {
    height: 110px;
    border-bottom: 1px solid #eee;
}
.import-txns {
    padding-top: 10px;
}
.import-txns .zi-table.table-hover tbody tr:hover td {
    cursor: default;
}
.rules-row,
.rules-head {
    padding: 10px;
    margin: 0 -20px;
    border-bottom: 1px solid #eee;
}
.rules-head .col-lg-2:first-of-type {
    padding-left: 17px;
}
.rules-row .icon-drag,
.rules-row .row-action {
    visibility: hidden;
    text-align: center;
}
.rules-row .icon-drag {
    margin-left: -17px;
}
.rules-row:hover {
    background-color: #fafafa;
    cursor: pointer;
}
.rules-row:hover .row-action {
    visibility: visible;
}
.change-order {
    background-color: #fffdf9;
}
.change-order .rules-row {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.change-order .rules-row.dragging {
    border-top: 1px solid #1483d6;
    background-color: #fafafa;
}
.change-order .rules-row:hover {
    background-color: none;
}
.change-order .rules-row .icon-drag {
    visibility: visible;
}
.change-order .rules-row .row-action {
    visibility: hidden;
}
.bg-danger {
    padding: 10px;
    background-color: #f2dede;
}
.rule-group {
    margin-bottom: 30px;
}
.rule-group .bg-danger {
    padding: 10px 0;
}
.logo-bank-icici-img {
    background-image: url(images/banklogos-3b29c8b45d.png);
    background-repeat: no-repeat;
    background-position: -185px -44px;
    width: 33px;
    height: 33px;
    display: inline-block;
}
.recon-sum {
    background-color: #fafafa;
    padding: 19px;
    margin-bottom: 20px;
}
.recon-sum .recon-bot {
    padding: 10px 0;
}
.recon-sum .recon-bot:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.reconciliation-details {
    margin: 20px;
}
.reconciliation-details .popover.left {
    top: -15px;
}
.reconciliation-details .popover.left .arrow {
    top: 30px;
}
.user-details-row {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
}
.expreport-selection {
    background-color: #f3f3f3;
}
.feed-account-header {
    padding: 30px 20px 16px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.feed-account-header:first-child {
    border-top: 0;
}
.paypal-currencies-table {
    border-bottom: 0;
    margin: 0 -10px;
}
.configure-paypal-currencies {
    min-height: 300px;
}
.logo-band {
    position: absolute;
    left: 16px;
    top: 18px;
}
.account-select {
    padding: 20px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.account-select:hover {
    border-color: #268ddd;
    box-shadow: 0 0 15px 0 #ddd;
}
.bank-error-header {
    padding: 9px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
}
.partner-banks {
    border-left: 1px solid #ddd;
}
.partner-banks ul {
    padding: 10px 0 5px 14px;
}
.partner-banks-list .list-box > li {
    min-height: 60px;
    padding: 5px;
    background-color: #fff;
    width: auto;
    border-radius: 8px;
    box-shadow: none;
}
.partner-banks-list .list-box > li:hover {
    box-shadow: 0 1px 10px 0 #ddd;
}
.partner-banks-list ul .list-box {
    margin-bottom: 0;
}
.beta-auto-complete > .ac-box .perfios-beta-institution {
    max-width: 90%;
    vertical-align: middle;
    margin-right: 10px;
}
.beta-auto-complete .ac-selected > .badge {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 20px;
    margin-right: 10px;
}
.beta-auto-complete .ac-dropdown-results > .active .badge {
    color: #08c;
    background-color: #fff;
}
@media (max-width: 1134px) {
    .hide-sync {
        display: none;
    }
}
.video-title {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.icici-bottom-banner {
    position: fixed;
    bottom: 8px;
    width: calc(100% - 200px);
}
.tab-column-collapsed + .content-column.banking-empty-list .icici-bottom-banner {
    width: calc(100% - 40px);
}
.percentage-circle {
    padding-top: 17px;
    height: 156px;
}
.percentage-circle .circle {
    transform: rotate(152deg);
}
.circle-percentage {
    position: absolute;
    top: 28%;
    left: 37.5%;
}
.circle-percentage h2 {
    color: #e54643;
}
.import-circle {
    width: 130px;
    height: 130px;
    background-color: #fff;
    border-radius: 50%;
    padding: 28px 0 0 18px;
    margin: 5% auto;
    box-shadow: 0 4px 6px #eceff3;
}
.bank-info-icon {
    height: 45px;
    width: 45px;
}
.pwd-eye {
    background-image: url(images/eye-striked-22ce6dbf78.svg);
}
.pwd-show {
    background-image: url(images/eye-85f66ab76a.svg);
}
.tick-circled {
    color: #ddd;
}
.banner-row .td-psd2 {
    padding: 10px 15px !important;
    background-color: #fff4e7 !important;
}
.banner-row:hover {
    background-color: inherit !important;
}
.close-banner {
    z-index: 10;
    position: relative;
}
.token-note {
    border-left: 4px solid #2799fb;
}
.update-text {
    background-color: #20b14a;
    padding: 2px 5px;
}
.migration-success {
    border-left: 4px solid #20b14a;
    padding: 3px 5px;
    margin-top: 40px;
}
svg.icon.token-step-icon {
    width: 105px;
    height: 120px;
}
#LoginFormDiv .form-group {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.associated-txn:hover {
    cursor: pointer;
}
.common-loan-banner {
    max-width: 1000px;
    background-color: #f6fbff;
}
.common-loan-banner .close {
    top: -40px;
    right: 0;
}
.icon-bank-loan {
    width: 116px;
    height: 36px;
}
.sample-file-dropdown-item:hover {
    color: #408dfb;
    background-color: #f5f5f5;
}
.sample-file-dropdown-item:hover svg {
    color: #408dfb;
}
.bottom-bar {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.2);
}
.bottom-bar .pagination {
    padding-bottom: 10px;
}
.min-height-240 {
    min-height: 240px;
}
.min-height-270 {
    min-height: 270px;
}
.banking-rule-wrapper {
    margin-bottom: 30px;
    width: 102%;
}
.banking-rule-wrapper .col-lg-8,
.banking-rule-wrapper .col-lg-4 {
    padding-left: 0;
}
.kodak-popup-header {
    background-color: #fcf8e3;
}
.recogonized-txns-info {
    background-color: #e8faf0;
    color: #1fce88;
}
.bank-overview-card {
    width: 32%;
    box-shadow: 5px 5px #fcfcfe;
}
.bank-overview-card.empty-card {
    box-shadow: none;
}
.bank-overview-card.empty-card .hp-address-btn {
    background-color: #e8edf1;
}
.bank-overview-card.empty-card .text-muted {
    color: #c6d8ff;
}
@media (max-width: 1260px) {
    .bank-overview-card {
        width: 100%;
    }
}
.lastsync-section {
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}
.banking-legend-chart .font-small {
    font-size: 14px;
}
.l-border {
    padding-left: 31px;
    position: relative;
}
.l-border::before {
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #ced4da;
    width: 11px;
    height: 28px;
    content: "";
    position: absolute;
    left: 16px;
    top: -12px;
}
.bank-txns-filter-band {
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    min-height: 75px;
}
.bank-txns-filter-band .nav-item .txn-title {
    color: #222;
}
.bank-txns-filter-band .nav-item.active {
    background-color: #fff;
    border: 1px solid #e9ebf3;
    box-shadow: 0 2px 5px 0 rgba(69, 69, 86, 0.06);
}
.bank-txns-filter-band .nav-item.active .txn-title {
    font-weight: 500;
}
.bank-txns-filter-band .nav-item .dropdown-toggle {
    border-left: 1px solid #eee;
}
.bank-txns-filter-band .nav-item .dropdown-menu {
    min-width: 230px;
}
.bank-txns-filter-band .txn-action {
    padding: 0 20px;
}
.bank-txns-filter-band .txn-action .close-details {
    padding-top: 0;
}
.stmt-table tbody {
    display: block;
    max-height: 160px;
    overflow-y: scroll;
}
.stmt-table thead,
.stmt-table tbody tr {
    display: table;
    width: 90%;
    table-layout: fixed;
    padding-left: 10px;
}
.stmt-table th {
    border: 0 !important;
    color: #21263c !important;
}
.bankbtnlist {
    margin: 0;
    list-style-type: none;
}
.bankbtnlist .logo-bank-paypal {
    width: 50px;
}
.bankbtnlist .logo-bank-paypal + .service-name {
    margin-left: 45px;
}
.bankbtnlist .logo-bank-capital-one {
    width: 43px;
}
.bankbtnlist .logo-bank-capital-one + .service-name {
    margin-left: 35px;
}
.bankbtnlist .logo-bank-barclays {
    background-position: -234px -3px;
}
.bankbtnlist .logo-bank-natwest {
    background-position: -526px -2px;
}
.bankbtnlist .logo-bank-lloyds {
    background-position: -287px -2px;
}
.bankbtnlist .logo-bank-santander {
    background-position: -339px -5px;
}
.bankbtnlist .logo-bank-chase {
    background-position: -60px -44px;
}
.bankbtnlist .logo-bank-wells {
    background-position: -584px -2px;
}
.bankbtnlist .logo-bank-bank-of-america {
    background-position: -2px -2px;
}
.bankbtnlist .logo-bank-pnc {
    background-position: -3px -43px;
}
.bankbtnlist .logo-bank-hsbc {
    background-position: -185px -7px;
}
.bankbtnlist .logo-bank-american-express {
    background-position: -61px -2px;
}
.bankbtnlist .logo-bank-lloyds {
    background-position: -287px -2px;
}
.bankbtnlist .logo-bank-santander {
    background-position: -339px -5px;
}
.bankbtnlist .logo-bank-royal-bank-scotland {
    background-position: -409px -2px;
}
.bankbtnlist .logo-bank-barclaycard {
    background-position: -462px -2px;
}
.bankbtnlist .logo-bank-hdfc {
    background-position: -125px -44px;
}
.bankbtnlist .logo-bank-icici {
    background-position: -185px -44px;
}
.bankbtnlist .logo-bank-kotak-mahindra {
    background-position: -234px -45px;
}
.bankbtnlist .logo-bank-indusind {
    background-position: -287px -48px;
}
.bankbtnlist .logo-bank-statebank-india {
    background-position: -339px -44px;
}
.bankbtnlist .logo-bank-axis {
    background-position: -409px -48px;
}
.bankbtnlist .logo-bank-citi {
    background-position: -463px -48px;
}
.bankbtnlist .logo-bank-standard-chartered {
    background-position: -526px -45px;
}
.bankbtnlist .logo-bank-westpac {
    background-position: -288px -90px;
}
.bankbtnlist .logo-bank-cba {
    background-position: -60px -83px;
}
.bankbtnlist .logo-bank-anz {
    background-position: -3px -83px;
}
.bankbtnlist .logo-bank-nab {
    background-position: -126px -83px;
}
.bankbtnlist .logo-bank-suncorp {
    background-position: -236px -84px;
}
.bankbtnlist .logo-bank-stgeorge {
    background-position: -181px -83px;
}
.bankbtnlist .logo-bank-scotia {
    background-position: -462px -86px;
}
.bankbtnlist .logo-bank-tdb {
    background-position: -2px -126px;
}
.bankbtnlist .logo-bank-bmo {
    background-position: -525px -86px;
}
.bankbtnlist .logo-bank-rbc-canada {
    background-position: -586px -86px;
}
.bankbtnlist .logo-bank-la-caixa {
    background-position: -235px -128px;
}
.bankbtnlist .logo-bank-abn-amro {
    background-position: -288px -126px;
}
.bankbtnlist .logo-bank-sabadell {
    background-position: -187px -127px;
}
.bankbtnlist .logo-bank-paypal {
    background-position: -122px -6px;
}
.bankbtnlist .logo-bank-capital-one {
    background-position: -585px -45px;
}
.bankbtnlist .logo-bank-cic {
    background-position: -120px -127px;
}
.bankbtnlist .logo-bank-bbva {
    background-position: -56px -127px;
}
.bankbtnlist .logo-bank-scb {
    background-position: -527px -43px;
}
.bankbtnlist .logo-bank-wio {
    background-position: -527px -43px;
}
.bankbtnlist .logo-bank-sabadell {
    width: 50px;
}
.bankbtnlist .logo-bank-cic {
    width: 58px;
}
.bankbtnlist .logo-bank-bbva {
    width: 55px;
}
.bankbtnlist .logo-bank-scb {
    width: 28px;
    height: 31px;
}
.bankbtnlist li {
    margin: 5px 20px 15px 0;
    font-size: 12px;
}
.bankbtnlist li button {
    color: #333;
    padding: 16px;
    display: block;
    position: relative;
    border-radius: 8px;
}
.bankbtnlist li button .service-name {
    margin-left: 30px;
    margin-right: 15px;
    text-align: left;
}
.bankbtnlist li button .logo-bank-ccindicate {
    position: absolute;
    top: 20px;
    right: 5px;
}
.bankbtnlist li button:hover {
    box-shadow: 0 1px 10px 0 #ddd;
}
.bankbtnlist .partner-bank a {
    padding: 8px 16px;
}
.bankbtnlist .partner-bank a [class*="logo-bank-"] {
    margin-top: 0;
}
.bankbtnlist .partner-bank a .partner-title {
    margin-left: 30px;
    display: block;
}
.bank-txnlist > .header {
    height: 158px;
    border-bottom: none;
}
.bank-txnlist > .header .amount-icon {
    width: 45px;
    height: 45px;
    background-color: #f9f9fb;
    border: 1px solid #d7d5e2;
}
.bank-txnlist > .header .branches-list {
    max-height: 208px;
}
.bank-txnlist.txn-small {
    transition: right 0.1s linear;
}
.bank-txnlist > .bank-txnlist-body .zi-table.table thead > tr > th::after {
    border-top: 1px solid #fff;
}
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr .txn-description {
    white-space: pre-wrap;
}
@media (min-width: 1181px) {
    .bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr .best-match-section {
        padding-left: 35px;
    }
}
.match-body {
    padding: 0;
    padding-bottom: 74px;
}
.match-body .match-row {
    padding: 14px;
    border: 0;
}
.match-body .match-row .right-space {
    margin-top: 8px;
}
.match-body .match-row.possible-match .btn-unselected {
    padding: 8px 6px 5px 5px;
}
.match-body .match-row.possible-match:hover .btn-unselected {
    background-color: #f3f9ff;
    border-radius: 3px;
}
.match-body .match-row .doc-name {
    vertical-align: text-bottom;
    margin-left: 4px;
}
.match-body .match-criteria {
    margin-bottom: 15px;
}
.match-body .match-criteria .match-start {
    padding-right: 5px;
}
.match-body .match-criteria .match-to {
    padding: 5px 0;
}
.match-body .match-criteria .match-end {
    padding-left: 5px;
}
.match-body .search-btn-container {
    padding-top: 15px;
    border-top: 1px solid #eee;
}
.match-body .search-results {
    padding: 15px;
}
.match-body .change-match-criteria {
    padding: 15px;
    background-color: #fbfcff;
}
.match-body .criteria-container.popover {
    position: relative;
    border-radius: 0;
    margin: 0 9px;
}
.match-body .criteria-container.popover.bs-popover-bottom {
    max-width: 600px;
}
.match-body .criteria-container.popover .arrow {
    left: auto;
    right: 16px;
}
.bank-match-categorize {
    padding: 0;
    background-color: #fff;
}
.bank-match-categorize .nav-tabs {
    padding: 0 20px;
}
.bank-match-categorize .nav-tabs li {
    max-width: 45%;
}
.bank-match-categorize .nav-tabs-dashed .nav-link {
    padding-top: 17px;
}
.bank-match-categorize .nav-tabs-dashed .nav-link .caret {
    border-top-color: #444;
}
.bank-match-categorize .closeXbutton {
    margin: 20px 38px 5px 10px;
    right: 0;
}
.bank-txnlist-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bank-txnlist-body .table td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.bank-txnlist-body .table thead > tr > th {
    border-top: none;
}
.bank-txnlist-body.bank-statement .table tr.empty-list td {
    padding: 80px 0;
}
.bank-txnlist-body.bank-statement .table td {
    padding-top: 7px;
    padding-bottom: 7px;
}
.bank-txn-body {
    width: 0;
    padding: 0;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    box-shadow: 0 8px 10px 0 #eee;
    overflow-y: auto;
    overflow-x: hidden;
}
.bank-txn-body .closeXbutton {
    font-size: 14px;
}
.bank-txn-body .header {
    padding: 15px;
}
@media print {
    .bank-txn-body .header {
        border: 0;
    }
}
.bank-txn-body .txn-add-header {
    border-bottom: none;
}
.bank-txn-body .rule-match {
    background-color: #e5f6ff;
    padding: 10px 20px;
}
.bank-txn-body .pmt-div {
    margin: 40px auto;
}
.bank-txn-body .pmt-div .tooltip.bottom {
    margin-top: 7px;
    margin-left: -55px;
    right: 15px;
}
.bank-txn-body .pmt-div .tooltip.warning:before {
    left: 150px;
}
.bank-txn-body .pmt-div .tooltip.warning:after {
    left: 151px;
}
.bank-txn-body .pmt-total {
    background-color: #f5f5f5;
    padding: 10px 20px;
}
.bank-txn-body .validate-gstin {
    position: static;
}
@media print {
    .bank-txn-body {
        padding-top: 30px;
        border: 0;
    }
}
.stmt-docs-container {
    width: 0;
}
.stmt-docs-container.flyout-sm {
    width: 500px;
    transition: width 0.1s linear;
}
.stmt-docs-container .stmt-empty {
    margin-top: 39%;
}
.stmt-docs-container .stmt-empty p {
    margin: 20px 102px;
}
.stmt-docs-container .stmt-header {
    border-bottom: 1px solid #e4e4e4;
    background-color: #f8f8f8;
}
.stmt-docs-container .stmt-docs-list {
    padding: 10px 12px;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
}
.stmt-docs-container .stmt-docs-list:hover {
    background-color: #f8f8f8;
}
.stmt-docs-container .stmt-docs-list:hover button {
    visibility: visible;
}
.stmt-docs-container .stmt-docs-list .stmt-doc-name span {
    word-break: break-all;
    max-width: 73%;
    padding-left: 5px;
}
.stmt-docs-container .stmt-docs-list button {
    position: absolute;
    visibility: hidden;
    right: 20px;
    top: 10px;
}
.stmt-docs-container .stmt-docs-list .stmt-docs-para {
    padding-left: 37px;
}
.stmt-docs-container .stmt-docs-list .stmt-docs-para .mail-sub {
    margin-top: 8px;
}
.bank-error-table {
    border: 1px solid #f2e1b3;
}
.bank-error-table tr:not(:last-child) {
    border-bottom: 1px solid #f2e1b3;
}
.bank-error-table tr td {
    line-height: 2em;
}
.bank-error-table tr td:first-child {
    background-color: #fff8e5;
    width: 130px;
}
.bank-error-table tr td > ul {
    padding: 10px 20px 10px 30px;
}
.banking-balance-chart .x-axis path,
.banking-balance-chart .x-axis line,
.banking-balance-chart .y-axis path,
.banking-balance-chart .y-axis line {
    stroke: #f7f7f7;
    stroke-opacity: 1;
}
.banking-balance-chart .x-axis text,
.banking-balance-chart .y-axis text {
    fill: #555;
}
.banking-balance-chart #zec-horizontal-tooltip {
    width: 330px;
    z-index: 1;
}
.other-bank-details {
    max-height: 230px;
    width: 460px;
    box-shadow: 0 2px 5px -1px #666;
    overflow-y: auto;
}
.other-bank-details .dropdown-item:hover .text-muted {
    color: #fff !important;
}
.other-bank-details .other-bank-header {
    top: 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}
.map-feeds .zf-date-picker {
    padding: 20px 12px;
    border-radius: 5px;
    margin-top: 8px;
}
.map-feeds .arrow {
    margin-top: 20px;
    text-align: center;
}
.map-feeds .arrow svg {
    max-width: 100px;
}
.map-feeds .close-btn {
    display: none;
}
.map-feeds .available-feeds {
    background-color: #eff6fb;
    border-radius: 5px;
    padding: 12px;
    line-height: 20px;
}
.map-feeds .available-feeds p {
    margin: 0;
}
.map-feeds .ac-box .ac-selected {
    border-radius: 5px;
    height: auto;
    overflow: auto;
    line-height: 20px;
    padding: 12px;
    margin-top: 8px;
}
.map-feeds .ac-box .ac-selected .ac-selection-clear {
    top: 12px;
}
.map-feeds .ac-box .ac-selected p {
    margin: 0;
}
.map-feeds .zf-ac-toggler {
    top: 12px;
}
.map-feeds .disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}
.map-feeds .match-row .currency-code {
    color: #fff;
    margin-left: 5px;
    padding: 1px 4px;
    font-size: 10px;
}
.map-feeds .match-row:hover .close-btn {
    display: block;
}
.token-migrate-table {
    width: 100%;
    max-width: 750px;
    border-bottom: 1px solid #e5e5e5;
}
.token-migrate-table thead {
    border-bottom: 1px solid #e5e5e5;
}
.token-migrate-table td {
    vertical-align: top;
}
.token-migrate-table td,
.token-migrate-table th {
    padding: 10px 15px;
}
.token-migrate-table tr:nth-child(even) {
    background-color: #fbfbfb;
}
.token-migrate-banner {
    padding: 15px;
    margin: 0 -20px;
    line-height: 1.75;
}
.token-label {
    display: inline-block;
    background-color: #f9f9fb;
    border: 1px solid #e9ebf3;
    line-height: 1.2;
}
.empty-state-text {
    line-height: 2;
    max-width: 670px;
}
.empty-state-text .line-height {
    line-height: 2;
}
.empty-state-text .document-icon {
    width: 10px;
}
.empty-state-text .openingbalance-icon-background {
    width: 40px;
    height: 40px;
    background-color: #fff4e7;
    border-radius: 50%;
}
.empty-state-text .inactive-state-img {
    width: 400px;
    height: 400px;
}
.insta-od-banner {
    background-color: #fff8ec;
    overflow: hidden;
    padding: 10px 0;
    border-left: 4px solid #fba800;
    margin-top: 20px;
    max-width: 1000px;
}
.insta-od-banner p {
    margin-bottom: 5px;
    line-height: 1.6;
}
.insta-od-banner .max-offer-amt {
    background-color: #fcd088;
    padding: 0 2px;
}
.insta-od-icon {
    width: 100px !important;
    height: 100px !important;
    position: absolute;
    top: -35px;
    left: -30px;
}
.insta-od-features-bullet {
    color: #0080ff;
    margin-right: 10px;
}
.insta-od-modal-footer::before,
.insta-od-modal-footer::after {
    content: none;
}
.insta-od-redirection-footer .info-icon {
    margin: 3px 10px;
}
.insta-od-redirection-footer .terms {
    width: 85%;
}
.feeds-acct-banks {
    border: 1px solid #ececec;
    border-radius: 4px;
}
.feeds-acct-banks.unconfig-bank:hover {
    box-shadow: 0 2px 14px 0 rgba(28, 29, 83, 0.0588235294);
}
.feeds-acct-banks.unconfig-bank:hover .trash-icon {
    visibility: visible;
}
.feeds-acct-banks.selected {
    background-color: #f6fbff;
}
.feeds-acct-banks.selected .tick-circled {
    color: #1aaf5d;
}
.feeds-acct-banks .trash-icon {
    visibility: hidden;
}
.feeds-acct-banks .trash-icon:hover {
    color: #e04006;
}
.banking-details-form .fixed-actions {
    width: 36%;
    min-width: 360px;
}
.new-login-flow-container {
    background-color: #f9f9fb;
    border: 1px solid #eee;
}
svg.maintenance-icon {
    width: 125px;
    height: 127px;
}
.branch-restriction {
    z-index: 9;
    padding: 7px 25px;
    background-color: #ffebee;
    font-size: 13px;
    color: #ff3e3e;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.branch-modal-header .icon.icon-landscape-lg {
    height: 100px;
    width: 175px;
}
.text-semi-muted {
    color: #666;
}
.light-violet-bg {
    background-color: #eaedfa;
}
.text-light-violet {
    color: #31426d;
}
.bottom-light-border {
    border-bottom: 1px solid #eef1f7;
}
.gray-light-border {
    border: 1px solid #eef1f7;
}
.yodlee-migration-automplete .dropdown-item.active .account-number {
    color: #fff !important;
}
.yodlee-migration-automplete .dropdown-item:hover .account-number {
    color: #fff !important;
}
iframe[title~="Plaid"] {
    position: static !important;
    overflow-y: scroll !important;
    height: 95vh;
}
.banking-gw-list .settings-gw {
    width: 75%;
}
.lpane-grp.banking-lpane-grp .nav-pills .nav-item:first-child .nav-link {
    border-top: 1px solid #eee;
}
.lpane-grp.banking-lpane-grp .nav-pills .nav-link.active {
    background-color: #f2f2f7;
    border: 1px solid #eee;
}
.bankslist-with-filter input {
    background-color: #fff;
    border: 1px solid #747474;
    border-radius: 4px !important;
    box-sizing: border-box;
    height: 36px;
    line-height: 2.5;
    padding: 0 32px 0 16px;
    color: #222;
    width: 100%;
    padding-left: 29px;
}
.bankslist-with-filter input:focus {
    outline: 0;
    border: 2px solid #0a688f;
    box-shadow: 0 0 0 2px #fff;
}
.bankslist-with-filter .zf-ac-toggler {
    display: none;
}
.bank-input-search-icon {
    left: 23px;
    top: 30px;
}
.direct-token-bank-btn:hover {
    box-shadow: 0 1px 10px 0 #ddd;
}
.token-bank-icon {
    width: 33px;
    float: left;
    margin: -8px;
}
.direct-token-bank-icon {
    max-width: 120px;
    max-height: 40px;
    min-height: 20px;
    object-fit: contain;
}
.tablehead-filter-option {
    left: 44px;
}
.bank-list-pagination .pagination {
    padding-right: 35px;
}
.deactivate-plaid-spacing {
    padding-left: 12px;
    padding-right: 12px;
}
.last-stmt-details:hover button {
    color: #408dfb;
}
.stmt-autocomplete-option.autocomplete-option .badge {
    background-color: var(--zf-grey-15);
}
.stmt-autocomplete-option.autocomplete-option .active .badge,
.stmt-autocomplete-option.autocomplete-option:hover .badge {
    background-color: inherit;
}
.zec-tooltip {
    border-radius: 8px;
    box-shadow: 0 2px 10px 1px rgba(34, 68, 99, 0.06);
    border: 1px solid #ebedf6;
    z-index: 1080;
}
.zec-tooltip.bs-popover-top .arrow::before {
    border-top-color: #ebedf6;
}
.zec-tooltip dl {
    margin: 0;
}
.zec-tooltip dl dd,
.zec-tooltip dl dt {
    line-height: 2;
}
.zec-tooltip dl dt {
    font-weight: 400;
    width: 110px;
}
.zec-tooltip dl dd {
    margin-left: 125px;
}
.zec-tooltip.popover {
    max-width: none;
}
.zec-tooltip.popover .popover-body {
    width: auto;
    white-space: nowrap;
}
.zec-tooltip.popover .arrow {
    left: 50%;
}
.x-axis,
.y-axis {
    font-size: 11px;
    fill: #999;
}
.x-axis text,
.y-axis text {
    fill: #999;
}
.line-container .point {
    transition: stroke-width 0.2s linear;
}
.zec-linechart-point-paths .point.hover {
    stroke-width: 16px;
    stroke-opacity: 0.3;
}
.arc {
    stroke: #fff;
    stroke-opacity: 0.1;
}
.arc:hover {
    stroke-width: 2px;
    stroke-opacity: 1;
}
.fade-hover:hover {
    opacity: 0.9;
}
.v2-container {
    margin: 0 auto;
}
.v2-container .form-control {
    border-radius: 0;
}
.v2-container .order-container {
    background-color: #fff;
    border-radius: 5px;
}
.v2-container .order-container .os-banner {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.v2-container .order-container label {
    padding: 15px 0;
    margin: 0 !important;
}
.v2-container .order-container .order-summary-container {
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.v2-container .order-container .header div {
    color: #999;
}
.v2-container .order-container .header {
    height: inherit;
    padding: 0;
}
.v2-container .order-container .header .cell {
    padding: 10px 15px;
}
.v2-container .order-container .header .cell:first-of-type {
    padding-left: 30px;
}
.v2-container .order-container .header .last-cell {
    padding: 10px 31px 10px 15px;
}
.v2-container .order-container .item-row {
    font-size: 16px;
}
.v2-container .order-container .item-row .cell {
    padding: 20px 15px;
}
.v2-container .order-container .item-row .cell:first-of-type {
    padding-left: 30px;
}
.v2-container .order-container .item-row .last-cell {
    padding: 20px 30px 20px 15px;
}
.v2-container .order-container .item-row .plan-details {
    color: #999;
    font-size: 13px;
    padding-left: 30px;
}
.v2-container .order-container .item-row .plan-details .freq-text {
    color: #000;
    font-size: 12px;
    margin-bottom: 5px;
}
.v2-container .order-container .sub-total-item .cell {
    padding: 15px 10px;
    font-size: 14px;
}
.v2-container .order-container .sub-total-item .last-cell {
    padding: 15px 30px;
    font-size: 14px;
}
.v2-container .order-container .sub-total-item .cell:first-of-type {
    padding-left: 30px;
}
.v2-container .order-container .sub-total-row {
    font-size: 16px;
}
.v2-container .order-container .sub-total-row .cell {
    padding: 15px 10px;
}
.v2-container .order-container .sub-total-row .last-cell {
    padding: 15px 30px;
}
.v2-container .order-container .sub-total-row .cell:first-of-type {
    padding-left: 30px;
}
.v2-container .total-row {
    border-top: 1px solid #ededed;
    background-color: #fff;
    font-size: 16px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.v2-container .form-group [class^="col-sm-"]:not(:first-of-type) {
    padding-left: 7.5px;
}
.v2-container .form-group [class^="col-sm-"]:not(:last-of-type) {
    padding-right: 7.5px;
}
.v2-container .info-container {
    background-color: #fff;
    margin: 15px 0;
    padding-top: 20px;
    border-radius: 5px;
}
.v2-container .form-group .account-info-container,
.v2-container .form-group .billing-info-container,
.v2-container .form-group .shipping-info-container {
    margin-bottom: 25px;
}
.v2-container .submit-button {
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding: 0.8em 3em;
    border-style: none;
}
.v2-container .submit-button:hover {
    cursor: pointer;
    text-decoration: none;
}
.v2-container .submit-container {
    text-align: center;
    margin-bottom: 20px;
    border-top: none;
}
@media (max-width: 767.98px) {
    .v2-container .form-group [class^="col-sm-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .v2-container .form-group .account-info-container,
    .v2-container .form-group .billing-info-container {
        margin-bottom: 15px;
    }
    .v2-container .form-group .shipping-info-container {
        margin-bottom: 0;
    }
}
.v2-container input:not([type="checkbox"]):not([type="radio"]) {
    -webkit-appearance: none;
}
.v2-container .pg-opt-label {
    font-size: 13px;
}
.v2-container .acc-details {
    background-color: #fff;
    margin: 15px 0;
    padding-top: 20px;
    border-radius: 5px;
}
.v2-container input:disabled::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}
.v2-container input:disabled::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}
.hp-text-label {
    margin-top: 7px;
}
.hostedpage-field .form-check {
    margin-top: 7px;
}
.hp-preview .alert {
    margin-top: 20px;
}
.hp-preview-action-bar {
    border-bottom: 2px solid #fff;
}
.hp-preview-action-bar .hp-theme-list .hp-theme-item {
    padding: 7px 6px 7px 17px;
}
.hp-preview-action-bar .color-box {
    padding: 6px;
    display: inline-block;
    margin-right: 5px;
}
.hp-preview-action-bar .nav-tabs-dashed > li > a {
    padding-bottom: 8px;
}
.hp-preview-action-bar .nav-tabs {
    border-bottom: none;
}
.hp-preview-action-bar .nav-tabs > li > a.active {
    background-color: #f5f5f5;
}
.hp-preview-action-bar .selection-bg {
    background-color: #ededf3;
}
.hp-preview-action-bar .dropdown-divider:last-child {
    border: 0;
    margin: 0;
}
.inlinehlptext {
    padding: 10px 15px 20px;
}
.inlinehlptxt {
    font-size: 12px;
    line-height: 18px;
    padding-top: 5px;
}
.template-page .hp-side-column li {
    width: 100%;
}
.template-page .hp-side-column li a.active {
    font-weight: 500;
}
.template-page .hp-side-column li a svg {
    opacity: 1 !important;
}
.template-page .nav-tempcontent-column {
    z-index: 1000;
    background-color: #fff;
}
.template-page .mintab-column {
    width: 75px;
    z-index: 1002;
    overflow: hidden;
    transition: initial;
}
.template-page .mintab-column ul > li > a {
    font-size: 10px;
    text-align: center;
    padding: 11px 6px !important;
}
.template-page .nav-pills {
    position: relative;
    padding-top: 2px;
    width: auto;
}
.template-page .nav-templist-column {
    z-index: 1000;
    width: 415px !important;
}
.template-page .nav-templist-column .list-header {
    z-index: 5;
}
.template-page .nav-templist-column .template-container {
    max-width: 1000px;
    margin: 50px auto;
}
.template-page .expanded {
    width: 120px !important;
}
.template-page .expanded .hp-icon {
    width: 24px;
    height: 24px;
}
.template-page .expanded .nav-pills li a {
    padding: 13px 6px !important;
}
.hp-edit-header {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1024;
}
.hp-edit-templates .hp-edit-pref-column {
    width: 415px;
}
.hp-edit-templates .hp-edit-pref-column form {
    margin-bottom: 100px;
}
.hp-edit-templates .hp-edit-pref-column form .hp-field-flex-1 {
    flex: 1;
}
.hp-edit-templates .hp-edit-pref-column form .html-edit-label-container {
    color: var(--zf-blue-9);
}
.hp-edit-templates .hp-edit-pref-column .accord-border {
    border: 1px solid #f3f4f5;
}
.hp-address-btn {
    background-color: #f9f9fb;
    padding: 4px;
}
.hp-address-btn .address-btn {
    border: 1px solid #ddd;
    border-radius: 7%;
    background-color: #fff;
    padding: 6px;
    font-size: 12px;
}
.hp-address-btn .address-btn:hover {
    cursor: pointer;
    box-shadow: 0 0 5px 1px rgba(42, 42, 42, 0.25);
}
.hp-address-btn .reset-hp-address {
    float: right;
    padding: 7px 4px;
    cursor: pointer;
}
.reorder-hp-address {
    color: #428bca;
    cursor: pointer;
}
.reorder-hp-address:hover {
    color: #0056b3;
}
.captcha-preview {
    border: 1px solid #ccc;
    text-align: center;
}
.captcha-preview img {
    padding: 10px 5px;
}
.captcha-image {
    background-color: #f0f1f2;
    padding: 12px 15px;
    border-radius: 7px;
}
.social-widget p {
    color: #848484;
    padding-right: 27px;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}
.tq-social-widget {
    margin: auto;
    margin-top: 24px;
    padding: 10px 15px;
    width: fit-content;
    border-bottom: 1px solid #f0efef;
    border-top: 1px solid #f0efef;
}
.switch-lang-layout {
    left: -20px;
    right: auto;
    min-width: 150px !important;
}
.switch-lang-preview {
    left: auto;
    right: -16px;
    min-width: 150px !important;
}
.language-switch-section {
    background-color: #fff;
    border: 1px solid #e7e8eb;
    height: 36px;
    padding-left: 11px;
    padding-right: 11px;
    border-radius: 8px;
    right: 25px;
    top: 130px;
}
.lang-action {
    display: none;
}
.lang-item:hover {
    background-color: #fafafa;
}
.lang-item:hover .lang-action {
    display: flex;
}
.create-hp-templates {
    gap: 20px;
}
.create-hp-templates .hp-temp-item {
    height: 565px;
}
.create-hp-templates .hp-temp-item .img-container {
    background-color: #f9f9fb;
}
.create-hp-templates .hp-temp-item .img-container.single-page {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
}
.create-hp-templates .hp-temp-item .img-container.single-page img {
    padding-top: 10px;
    width: 93%;
}
.create-hp-templates .hp-temp-item .img-container.multi-page img {
    height: 90%;
}
.create-hp-templates .hp-temp-item .img-container img {
    display: flex;
    margin: auto;
    margin-bottom: 67px;
}
.create-hp-templates .hp-temp-item .front-side .card-img-overlay {
    top: unset;
}
.create-hp-templates .hp-temp-item .front-side .single-page-shadow {
    box-shadow: 0 -1px 6px -3px rgba(0, 0, 0, 0.3);
}
@keyframes slidedown {
    0% {
        transform: translateY(-100%);
        box-shadow: 0 0 12px #ccc;
    }
    to {
        transform: translateY(0);
        box-shadow: 0 0 5px #ccc;
    }
}
.slidedown-animator {
    animation: slidedown 0.2s;
}
.item-table-label {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
input.number {
    text-align: right;
}
.item-treatment .popover.bs-popover-bottom .arrow {
    left: 50px !important;
}
.grey-bg,
.associated-txn:hover {
    background-color: var(--zf-grey-1);
}
.greyish-blue {
    background-color: var(--zf-blue-4);
}
.lineitem-recent-txn-details {
    min-width: 120px;
}
.lineitem-recent-txn-details .separator-line {
    margin: 3px 0;
    border-left: 1px solid #ddd;
}
.dropdown-noborder {
    display: inline-flex;
    padding: 0 20px;
}
.dropdown-noborder .form-control {
    border-color: #fff;
    border-bottom: 1px dashed #b0c0d6;
    font-size: 12px;
}
.dropdown-noborder .ac-box {
    width: 125px;
}
.dropdown-noborder.ac-box-width-md,
.dropdown-noborder.ac-box-width-md .ac-box {
    width: 160px;
}
.dropdown-noborder.pricebooks .ac-box {
    width: 100%;
    max-width: 290px;
}
.dropdown-noborder .ac-box .form-control:focus,
.dropdown-noborder .ac-box-open .form-control {
    border: 1px solid #b0c0d6;
}
.exchange-rate {
    background-color: #e6f2ff;
    border: 1px solid #b8c9dd;
    padding: 6px;
    border-radius: 5px;
    font-weight: 500;
}
.multicurrency-selection.btn-secondary:disabled {
    border-color: var(--zf-btn-border-color);
    background-color: var(--zf-btn-secondary-bg);
    opacity: 1;
}
.pricebooks .ac-dropdown {
    width: 200px;
}
.pricebook-range-warning {
    position: absolute;
    top: 4px;
    left: 5px;
}
.entity-pricebook-warning {
    width: 120px;
    padding: 7px 10px 0 25px;
}
.item-pricebook {
    width: 120px;
}
.item-pricebook .form-control {
    width: 100%;
    margin: 0;
    padding: 0 5px;
    font-size: 11px;
}
.item-pricebook .ac-box .ac-selected,
.item-pricebook .zf-ac-toggler {
    color: #444;
    fill: currentColor;
}
.item-pricebook .ac-box .ac-selected span {
    margin-right: 13px;
}
.item-pricebook:before,
.item-pricebook:after {
    clear: both;
}
.item-pricebook + div .loading {
    margin-top: 32px;
}
.line-item-table .line-item-column .item-pricebook .form-control {
    border: 1px solid #ccc;
    border-radius: 0;
}
.line-item-table .line-item-column .item-pricebook .form-control:focus {
    border: 1px solid #ccc;
}
.receives-form {
    max-width: 800px !important;
}
.primary-info {
    margin: 0 -20px;
    padding: 28px 20px 10px;
    background: var(--zf-primary-info-bg);
    border-bottom: var(--zf-primary-info-border);
}
.primary-info .zb-txn-form {
    margin-top: 0;
}
.primary-info .notes-sec {
    height: 22px;
}
.primary-info .notes-sec .notes {
    text-overflow: inherit;
}
.primary-info .info-item {
    display: inline-block;
    padding: 0 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-left: 1px solid #ddd;
}
.primary-info .info-item:first-of-type {
    padding-left: 0;
    border: 0;
}
.primary-info .info-item .icon-location {
    color: #00a6ff;
}
.primary-info .info-item .popover {
    z-index: 1030;
}
.primary-info .unpaidlist {
    width: 275px;
    cursor: auto;
}
.unpaidlist .unpaidlistitem {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}
.unpaidlist .unpaidlistitem:last-of-type {
    border: 0;
}
.modal-body .primary-info {
    margin-top: -20px;
}
.line-item-table.line-item-project-table td:nth-last-child(2),
.line-item-table.line-item-project-table th:nth-last-child(2) {
    border-right-color: var(--zf-line-item-table-border-color);
}
.line-item-table.line-item-table-light:not(.weekly-log-table, .configure-term-lineitem) .line-item-column:first-child {
    border-left-color: var(--zf-line-item-table-border-color);
}
.line-item-table.line-item-table-light:not(.weekly-log-table, .configure-term-lineitem) .line-item-column:last-child {
    border-right-color: var(--zf-line-item-table-border-color);
}
.line-item-table.line-item-table-light.input-table .line-item-column:first-child {
    border-left-color: #f1f1f8;
}
.line-item-table.line-item-table-light.input-table .line-item-column:last-child {
    border-right-color: #f1f1f8;
}
.line-item-table.line-item-table-light .line-item-column {
    border-color: var(--zf-table-border-color);
}
.line-item-table.line-item-table-light .drag-icon-container + .line-item-column {
    border-left-color: var(--zf-line-item-table-border-color);
}
.line-item-table.line-item-table-light .line-item-header .line-item-column {
    color: #222;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 11px;
}
.line-item-table.line-item-table-light .line-item-body .line-item-column-Header .line-item-column {
    background-color: #fff;
    border-bottom-color: var(--zf-table-border-color);
    border-left-color: transparent;
    border-right-color: transparent;
}
.line-item-table.line-item-table-light .line-item-body .line-item-column-Header .item-group-section .item-group-title .item-group-title-input {
    border-width: 0;
    background-color: #fff;
}
.line-item-table.line-item-table-light .line-item-body .line-item-column-Header .item-group-section .item-group-title .item-group-title-input:focus {
    border-width: 1px;
}
.line-item-table.line-item-table-light .line-item-body .item-amount,
.line-item-table.line-item-table-light .line-item-body .item-amount-us {
    background-color: #fff;
    color: #000;
    font-weight: 600;
}
.line-item-table.line-item-table-light .line-item-body .ac-box .ac-selected.disabled {
    background-color: var(--zf-grey-1);
}
.line-item-table.line-item-table-light .line-item-body .item-autocomplete .name {
    background-color: #fff;
}
.line-item-table.line-item-table-light .line-item-body .item-autocomplete .name .disabled,
.line-item-table.line-item-table-light .line-item-body .item-autocomplete .name .zf-item-remove {
    color: #999;
}
.line-item-table.line-item-table-light .line-item-body .item-autocomplete .desc-div {
    margin: 0 8px;
}
.line-item-table.line-item-table-light .line-item-body .item-autocomplete .desc-div textarea:not(:focus) {
    background-color: var(--zf-grey-1);
}
.line-item-table.line-item-table-light .line-item-body .lineitem-content-update .item-autocomplete .name .disabled {
    color: #000;
    cursor: unset;
}
.line-item-table.line-item-table-light .cp-number-field {
    border: 1px solid #ced4da;
    padding: 10px !important;
}
.line-item-table.line-item-table-light .configure-line-item .line-item-conf-section .line-item-column {
    border-bottom-color: transparent;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-column {
    background-color: var(--zf-grey-1);
    font-size: 12px;
    border-top-color: transparent;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-column .form-control {
    background-color: inherit;
    margin-bottom: 0;
    font-size: 12px;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-column .form-control:disabled {
    background-color: #f9f9fb;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-column .list-inline-item {
    max-width: 300px;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-column .list-inline-item:not(:first-child):not(.line-item-popup-form) .form-control {
    padding-left: 0;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-column .list-inline-item:not(:first-child):not(.line-item-popup-form) .ac-search .form-control {
    padding-left: 8px;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .configure-line-item-list {
    max-height: 30px;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-popup-form:first-child {
    margin-left: 15px;
}
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-popup-form .form-control,
.line-item-table.line-item-table-light .configure-line-item .configure-line-item-row .line-item-popup-form .multiselect {
    border: 1px solid #ccc;
}
.line-item-table-picklist {
    width: 99%;
}
.line-item-table {
    width: 100%;
}
.line-item-table + .line-item-table {
    margin-top: 20px;
}
.line-item-table.disabled input[type="text"],
.line-item-table.disabled .add-on {
    background-color: #fff;
    border: 0;
    box-shadow: none;
}
.line-item-table .line-item-column.border-right-transparent {
    border-right-color: transparent;
}
.line-item-table .line-item-header .line-item-column {
    padding: 8px 10px;
    color: var(--zf-grey-12);
    background-color: #f9f9f9;
}
.line-item-table .line-item-header .caret {
    border-top: 4px solid #08c;
}
.line-item-table .item-so {
    width: 7%;
}
.line-item-table .item-group-section .item-group-title {
    margin: 3px 8px;
}
.line-item-table .item-group-section .item-group-title .item-group-title-input {
    border-style: dashed;
    border-width: 1px;
    border-color: #ccc;
    font-weight: 600;
    background-color: #f8f8fd;
}
.line-item-table .item-group-section .item-group-title .item-group-title-input:focus {
    background-color: #fff;
}
.line-item-table .addnew-blue {
    background-color: #21a3f9;
}
.line-item-table .no-zone {
    color: #666;
}
.line-item-table .addnew-plusicon {
    padding: 2px 5px;
    padding-bottom: 1px;
}
.line-item-table .addnew-plusicon svg {
    margin-top: 3px;
}
.line-item-table .delete-storage-location-icon {
    position: relative;
    left: 87%;
    top: 12px;
}
.line-item-table .tableColWidth-12 {
    width: 12%;
}
.line-item-table .tableColWidth-12 {
    width: 11%;
}
.line-item-table .tableColWidth-14 {
    width: 14%;
}
.line-item-table .tableColWidth-16 {
    width: 16%;
}
.line-item-table .line-item-body {
    margin-bottom: 13px;
}
.line-item-table .line-item-body .line-item {
    opacity: 0;
    transition: opacity 0.3s linear;
}
.line-item-table .line-item-body .line-item .action.more svg {
    fill: #47a9df;
}
.line-item-table .line-item-body .line-item .action.more:hover {
    fill: #1ea4ed;
}
.line-item-table .line-item-body .line-item .discount-btn,
.line-item-table .line-item-body .line-item .unit-btn {
    background-color: #fbfbfb;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    border: 1px solid #f3f3f3;
    margin: 2px;
    font-size: 11px;
}
.line-item-table .line-item-body .line-item .discount-symbol {
    background-color: #eee;
    margin: 1px 0 1px -1px;
}
.line-item-table .line-item-body .line-item .invoiced-items {
    padding: 5px 8px;
}
.line-item-table .line-item-body .new-line-item {
    opacity: 1;
    margin-left: -20px;
    padding-left: 20px;
}
.line-item-table .line-item-body .bundle-qty .input-group input {
    border: 1px solid #dadada;
}
.line-item-table .line-item-body .bundle-qty .input-group .input-group-text {
    border: 1px solid #dadada;
    border-left: 0;
    background-color: #f9f9f9;
}
.line-item-table .line-item-column {
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: top;
    word-wrap: break-word;
}
.line-item-table .line-item-column .txn-salestax .form-control {
    border: 1px solid #ccc;
}
.line-item-table .line-item-column .item-custmr-project .form-control {
    border: 1px solid #ccc;
}
.line-item-table .line-item-column .inv-lineitem-name-update {
    top: 7px;
    right: 15px;
}
.line-item-table .line-item-column .inv-lineitem-name-update .item-name-field {
    border: 1px solid #d7d5e2;
}
.line-item-table .line-item-column .form-control {
    border: 1px solid transparent;
    box-shadow: none;
    outline: 0;
}
.line-item-table .line-item-column .form-control:focus {
    border: 1px solid var(--unifiedtheme-blue);
}
.line-item-table .line-item-column .form-control:focus.error {
    border-color: var(--unifiedtheme-red);
}
.line-item-table .line-item-column .form-control:hover {
    border-color: var(--unifiedtheme-blue);
}
.line-item-table .line-item-column .form-control-pref {
    position: relative;
    right: 5px;
    top: -35px;
}
.line-item-table .line-item-column .form-control-pref.prefix-placeholder-settings {
    top: -40px;
    right: 9px;
}
.line-item-table .line-item-column .timestamp-field .date-field,
.line-item-table .line-item-column .timestamp-field .time-field {
    border: 1px solid transparent;
}
.line-item-table .line-item-column .timestamp-field .date-field .form-control,
.line-item-table .line-item-column .timestamp-field .time-field .form-control {
    border: 0;
}
.line-item-table .line-item-column .timestamp-field.inline-view .date-field {
    border-right: 1px solid var(--zf-form-input-border-color);
}
.line-item-table .line-item-column .popover-body .hsn-sac.form-control:not(.ac-selected) {
    border: 1px solid #ced4da;
    padding: 2px;
    box-shadow: none;
}
.line-item-table .line-item-column .popover-body .hsn-sac.form-control:not(.ac-selected):focus {
    border: 1px solid #408dfb !important;
}
.line-item-table .line-item-column .popover-body .hsn-sac.form-control:not(.ac-selected):focus.error {
    border: #e64d33;
}
.line-item-table .line-item-column .popover-body .ac-search .form-control {
    padding: 5px 8px;
}
.line-item-table .line-item-column .popover-body .reset-form-control-border .form-control:not(:focus) {
    border-color: var(--zf-form-input-border-color);
}
.line-item-table .line-item-column .popover-body .reset-form-control-border .form-control:hover {
    border-color: var(--zf-form-input-focus-border-color);
}
.line-item-table .line-item-column .multiselect {
    border: 0;
    box-shadow: none;
}
.line-item-table .line-item-column .multiselect:focus {
    border: 1px solid var(--unifiedtheme-blue);
}
.line-item-table .line-item-column .percent-cf {
    background-color: #fbfbfb;
    border: 1px solid #f3f3f3;
    font-size: 11px;
}
.line-item-table .line-item-column .picklist-status,
.line-item-table .line-item-column .moveorder-status {
    margin-left: -12px;
    width: 155px;
}
.line-item-table .line-item-column .picklist-status .ac-box .ac-selected,
.line-item-table .line-item-column .moveorder-status .ac-box .ac-selected {
    padding: 1px 5px 1px 23px;
}
.line-item-table .del-storagelocation-icon {
    position: relative;
    top: 10px;
    left: 86%;
}
.line-item-table .invoice-nodiscount .item-details {
    width: 50%;
}
.line-item-table .invoice-nodiscount .item-qty {
    width: 20%;
}
.line-item-table .invoice-nodiscount .timesheet-qty {
    width: 23%;
}
.line-item-table .invoice-nodiscount .item-rate {
    width: 25%;
}
.line-item-table .invoice-nodiscount .item-tax {
    width: 13%;
}
.line-item-table .invoice-nodiscount .item-amount {
    width: 25%;
}
.line-item-table .invoice-nodiscount.line-item-us .item-details {
    width: 52%;
}
.line-item-table .invoice-nodiscount.line-item-us .item-qty {
    width: 20%;
}
.line-item-table .invoice-nodiscount.line-item-us .timesheet-qty {
    width: 26%;
}
.line-item-table .invoice-nodiscount.line-item-us .item-rate {
    width: 24%;
}
.line-item-table .invoice-nodiscount.line-item-us .item-amount {
    width: 24%;
}
.line-item-table .invoice-discount .item-details {
    width: 50%;
}
.line-item-table .invoice-discount .item-qty {
    width: 20%;
}
.line-item-table .invoice-discount .timesheet-qty {
    width: 23%;
}
.line-item-table .invoice-discount .item-rate {
    width: 17%;
}
.line-item-table .invoice-discount .item-discount {
    width: 15%;
}
.line-item-table .invoice-discount .item-tax {
    width: 11%;
}
.line-item-table .invoice-discount .item-amount {
    width: 18%;
}
.line-item-table .cn-items.invoice-nodiscount .item-details {
    width: 50%;
}
.line-item-table .cn-items.invoice-nodiscount .cn-account {
    width: 15%;
}
.line-item-table .cn-items.invoice-nodiscount .item-qty {
    width: 15%;
}
.line-item-table .cn-items.invoice-nodiscount .item-rate {
    width: 17%;
}
.line-item-table .cn-items.invoice-nodiscount .item-tax {
    width: 12%;
}
.line-item-table .cn-items.invoice-nodiscount .item-amount {
    width: 18%;
}
.line-item-table .cn-items.invoice-discount .item-details {
    width: 50%;
}
.line-item-table .cn-items.invoice-discount .cn-account {
    width: 13%;
}
.line-item-table .cn-items.invoice-discount .item-qty {
    width: 15%;
}
.line-item-table .cn-items.invoice-discount .item-rate {
    width: 17%;
}
.line-item-table .cn-items.invoice-discount .item-discount {
    width: 9%;
}
.line-item-table .cn-items.invoice-discount .item-tax {
    width: 10%;
}
.line-item-table .cn-items.invoice-discount .item-amount {
    width: 18%;
}
.line-item-table .bill-items .bill-acc {
    width: 18%;
}
.line-item-table .bill-items .item-custmr {
    width: 18%;
}
.line-item-table .bill-items .bill-desc {
    width: 45%;
}
.line-item-table .bill-items .item-qty {
    width: 18%;
}
.line-item-table .bill-items .item-rate {
    width: 18%;
}
.line-item-table .bill-items .item-tax {
    width: 15%;
}
.line-item-table .bill-items .item-amount {
    width: 20%;
}
.line-item-table .bill-items .bill-desc-us {
    width: 50%;
}
.line-item-table .bill-items .item-amount-us {
    width: 20%;
}
.line-item-table .adjustment-txn-form td {
    padding-top: 25px;
}
.line-item-table .adjustment-line-items.adjustment-txn-form .adjustment-line-acc {
    width: 27%;
}
.line-item-table .adjustment-line-items.adjustment-txn-form .adjustment-line-tax {
    width: 20%;
}
.line-item-table .adjustment-line-items.adjustment-txn-form .adjustment-line-amount {
    width: 15%;
}
.line-item-table .adjustment-line-items.adjustment-txn-form .adjustment-line-total {
    width: 11%;
    padding-right: 20px;
}
.line-item-table .retainer-inv-items .retinv-desc {
    width: 69%;
}
.line-item-table .retainer-inv-items .retinv-desc .item-details {
    width: 100%;
}
.line-item-table .retainer-inv-items .item-amount {
    width: 31%;
}
.line-item-table .journals-items .journal-acc {
    width: 20%;
}
.line-item-table .journals-items .journal-desc {
    width: 23%;
}
.line-item-table .journals-items .journal-cust {
    width: 18%;
}
.line-item-table .journals-items .item-rate {
    width: 9%;
}
.line-item-table .journals-items .item-tax {
    width: 11%;
}
.line-item-table .journals-items .line-item-column:first-child {
    margin-left: 0;
    padding-left: 10px;
}
.line-item-table .journals-items.line-item-us .journal-desc {
    width: 30%;
}
.line-item-table .journals-items.line-item-us .item-rate {
    width: 12%;
}
.line-item-table .readonly-column {
    background-color: #fbfbfb;
}
.line-item-table .line-item-column-Header .line-item-column {
    background-color: #f8f8fd;
}
.line-item-table .line-item-column-Header .line-item-column:last-child {
    border-left-width: 0;
}
.line-item-table .line-item-column-Header .line-item-column:first-child {
    border-right-width: 0;
}
.journal-filters {
    padding: 5px 0;
}
.journal-filters .list-title {
    display: inline-block;
}
.journal-filters .list-title > a {
    color: #444;
}
.journal-filters .list-title .filter-title {
    max-width: 62%;
}
.add-line-item {
    margin-top: 15px;
}
.add-line-item .add-btn {
    color: #d64830;
}
.add-line-item div.separationline {
    margin: 0;
}
.landedcost-lineitem,
.landedcost-lineitem:hover {
    display: inline-block;
    padding: 5px 10px;
    background-color: #e6f0ff;
    margin-top: 20px;
    border-radius: 5px;
}
.add-line {
    margin-right: 12px;
    padding-right: 10px;
}
.modal-header.with-filters .filter-btn {
    border: 0;
    outline: 0;
}
.modal-header.with-filters .close {
    margin-left: 0 !important;
}
.bulk-select-item .bulk-select-item-filters {
    padding: 20px 20px 5px;
    border-bottom: 1px solid #eee;
}
.bulk-select-item .bulk-select-item-filters .filters-wrapper {
    width: 80%;
}
.bulk-select-item .bulk-select-item-filters .actions-wrapper {
    width: 20%;
}
.bulk-select-item .autocomplete-section {
    width: 45%;
    float: left;
    padding-top: 20px;
    background-color: #fafcff;
    border-right: 1px solid #eee;
}
.bulk-select-item .autocomplete-section .textarea-section {
    height: 50px;
    padding: 0 20px;
}
.bulk-select-item .autocomplete-section .textarea-section textarea {
    border: 1px solid #80b2f8;
    height: 30px;
    min-height: 34px;
}
.bulk-select-item .autocomplete-section .textarea-section textarea:focus {
    border-color: #0f7aff;
    box-shadow: 0 2px 4px 0 rgba(26, 42, 88, 0.11);
}
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu {
    min-width: 100%;
}
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu .active .grey-text,
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu .active .autocomplete-option,
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu .active .stock-available,
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu .active .ac-stock-label,
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu .active .stock-unavailable {
    color: #4382ff;
}
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu .autocomplete-option .ac-name-rate-sku {
    width: 60%;
}
.bulk-select-item .autocomplete-section .item-autocomplete .ac-dropdown .ac-dropdown-menu .autocomplete-option .ac-stock {
    width: 30%;
    font-size: 13px;
}
.bulk-select-item .autocomplete-section .item-autocomplete .svg-tick {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 10%;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu {
    min-height: 510px;
    border-right: 1px solid #eee;
    border-radius: 0;
    border-bottom-left-radius: 6px;
    right: -1px;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-dropdown-results {
    list-style: none;
    max-height: 510px;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option {
    padding: 7px 10px 7px 20px;
    color: #000;
    border-radius: 2px;
    cursor: pointer;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option .hover-tick {
    display: none;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option a {
    color: #000;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option.active:not(.selected) .hover-tick {
    display: inline;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option.active:not(.selected) .hover-tick svg {
    vertical-align: middle;
    fill: #c2cbd6;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option .tick-filled svg {
    vertical-align: middle;
    fill: #22dd2e;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option.active {
    background-color: #f1f4f9;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .ac-option.active a {
    color: #4382ff;
}
.bulk-select-item .autocomplete-section .ac-dropdown-menu .empty-msg-bulk {
    padding-top: 100px;
    color: #6c7184;
}
.bulk-select-item .autocomplete-section .selected {
    background-color: inherit;
}
.bulk-select-item .selected-items-section {
    width: 55%;
    float: left;
    height: 580px;
}
.bulk-select-item .selected-items-section .items-heading {
    padding: 15px 0 10px 15px;
    border-bottom: 1px solid #eee;
    height: 60px;
    margin: 0;
}
.bulk-select-item .selected-items-section .items-heading .item-badge {
    min-width: 40px;
    border-radius: 12px;
    padding: 5px 13px;
    margin-left: 4px;
    letter-spacing: 1.4px;
    border: 1px solid #bac8dc;
    background-color: #fff;
    color: #000;
}
.bulk-select-item .selected-items-section .items-list {
    position: relative;
    padding: 10px 0 10px 15px;
    height: 450px;
    overflow-y: auto;
}
.bulk-select-item .selected-items-section .items-list .selected-item {
    padding: 7px 0;
}
.bulk-select-item .selected-items-section .items-list .selected-item:hover .cancel-item-section {
    display: inline-block;
}
.bulk-select-item .selected-items-section .items-list .selected-item .item-name {
    display: inline-block;
    width: 69%;
    vertical-align: middle;
}
.bulk-select-item .selected-items-section .items-list .selected-item .quantity-section {
    display: inline-block;
    width: 22%;
    vertical-align: middle;
}
.bulk-select-item .selected-items-section .items-list .selected-item .quantity-section .input-group-text {
    border-color: #ddd;
    user-select: none;
    padding: 0 9px;
    background-color: inherit;
}
.bulk-select-item .selected-items-section .items-list .selected-item .quantity-section .input-group-text:hover {
    background-color: #f5f5f5;
}
.bulk-select-item .selected-items-section .items-list .selected-item .cancel-item-section {
    padding-left: 10px;
    width: 5%;
    vertical-align: middle;
    display: none;
    user-select: none;
}
.bulk-select-item .selected-items-section .items-list .selected-item .cancel-item-section svg {
    fill: #ff641b;
}
.bulk-select-item .selected-items-section .items-footer {
    padding: 20px 0 10px 15px;
    border-top: 1px solid #eee;
}
.quantity-section input {
    height: 30px;
    border-color: #ddd;
}
.quantity-section input:focus {
    border-color: #80b2f8;
    box-shadow: unset;
}
.cancel-circled {
    color: #fab2b1;
    cursor: pointer;
}
.total-section .total-row {
    min-height: 28px;
}
.total-section .total-row .total-label {
    display: inline-block;
    min-height: 28px;
    width: 70%;
    padding: 10px 1%;
}
.total-section .total-row .total-label.supporting-acc-field {
    border-top: 0;
    padding-bottom: 5px;
}
.total-section .total-row .total-amount {
    float: right;
    padding: 10px 1.5%;
    min-height: 28px;
    width: 30%;
    margin-left: -1%;
    text-align: right;
    letter-spacing: 0.3px;
}
.total-section .total-row .total-amount .tax-override {
    position: absolute;
    right: 4px;
}
.total-section .total-row.gross-total .total-label,
.total-section .total-row.gross-total .total-amount {
    font-weight: 600;
    font-size: 16px;
}
.total-section .total-row.gross-total .total-label {
    border-right: none;
}
.total-section .total-row.gross-total .total-amount {
    border-left: none;
    color: #333;
}
.total-section .total-row.gross-total.quick-total {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.total-section .total-row.gross-total.quick-total .total-label,
.total-section .total-row.gross-total.quick-total .total-amount {
    color: var(--zf-grey-12);
    border: 0;
    background-color: #fff;
}
.total-section .total-row.avalara-total .total-label {
    width: 40%;
}
.total-section .total-row.avalara-total .total-amount {
    width: 60%;
}
.total-section .total-row[data-highlight-section="true"]:hover {
    background-color: #f1f1fa;
    border-radius: 7px;
}
.total-section .jtotal-row .total-label {
    width: 60%;
}
.total-section .jtotal-row .total-amount {
    width: 21%;
    padding-right: 2%;
}
.item-details {
    min-width: 370px;
}
.item-details.inv-item-number {
    min-width: 80px;
}
.item-details .line-item-image {
    min-width: 420px;
}
.item-sno {
    width: 3%;
    min-width: 40px;
    text-align: center;
    left: 17px;
    position: sticky;
}
.without-drag-opt {
    padding: 0 8.5px;
}
.item-cf {
    width: 9%;
    min-width: 110px;
    max-width: 110px;
    text-align: center;
}
th.item-cf {
    white-space: break-spaces;
}
.item-cellwidth-150 {
    width: 10%;
    min-width: 150px;
    max-width: 150px;
}
.item-qty {
    min-width: 90px;
}
.timesheet-qty {
    width: 22.5%;
}
.item-rate {
    min-width: 105px;
    max-width: 160px;
}
.item-discount {
    min-width: 105px;
}
.item-discount .toggler {
    cursor: pointer;
    padding: 5px;
    border-left: 1px solid #e5e5e5;
}
.item-amount,
.item-amount-us {
    min-width: 115px;
}
.line-item-body .item-amount,
.line-item-body .item-amount-us {
    background-color: #fbfbfb;
    padding: 5px 10px;
    color: var(--zf-grey-12);
}
.item-tax {
    min-width: 150px;
    max-width: 150px;
}
.item-custmr {
    min-width: 148px;
    max-width: 148px;
}
.cn-account {
    min-width: 150px;
    max-width: 150px;
}
.journal-acc,
.journal-cust {
    min-width: 200px;
    max-width: 200px;
}
.bill-acc {
    min-width: 165px;
    max-width: 165px;
}
.bill-desc,
.journal-desc,
.bill-desc-us {
    min-width: 250px;
}
.bill-desc.item-details,
.journal-desc.item-details,
.bill-desc-us.item-details {
    min-width: 350px;
}
.bill-desc.item-details .line-item-image,
.journal-desc.item-details .line-item-image,
.bill-desc-us.item-details .line-item-image {
    min-width: 400px;
}
.bill-desc.item-details.billing-itemfield,
.journal-desc.item-details.billing-itemfield,
.bill-desc-us.item-details.billing-itemfield {
    min-width: 250px;
}
.bill-desc.item-details.billing-itemfield .line-item-image,
.journal-desc.item-details.billing-itemfield .line-item-image,
.bill-desc-us.item-details.billing-itemfield .line-item-image {
    min-width: 300px;
}
.line-item-help {
    font-size: 11px;
    padding-right: 10px;
    text-align: right;
}
.item-treatment {
    font-size: 11px;
    margin: 5px 10px;
}
.item-treatment .treatment-info:not(:first-of-type):before {
    content: "●";
    margin: auto 10px;
    color: var(--zf-grey-11);
}
.item-dependent-cf-container {
    border-bottom: 1px solid var(--zf-table-border-color);
}
.item-dependent-cf-container .item-dependent-cf-header {
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
}
.item-dependent-cf-container .item-dependent-cf-input .form-control {
    border-color: var(--zf-table-border-color);
}
.item-dependent-cf-container .item-dependent-cf-input .ac-selected {
    font-size: 11px;
    font-weight: 500;
    padding: 1px 5px;
}
.item-dependent-cf-container .item-dependent-cf-input .ac-selected span {
    margin-right: 10px;
}
.item-dependent-cf-container .item-dependent-cf-input .ac-selected .ac-selection-clear {
    display: none;
    font-size: 16px;
    right: 18px;
}
.item-dependent-cf-container .item-dependent-cf-input .ac-selected .ac-selection-clear svg {
    width: 6px;
    height: 6px;
    fill: #e54643;
}
.item-dependent-cf-container .item-dependent-cf-input .ac-selected:hover .ac-selection-clear {
    display: inline-block;
}
.item-dependent-cf-container .item-dependent-cf-input .ac-selected .zf-ac-toggler {
    right: 7px;
    color: #408dfb;
}
.item-dependent-cf-container .item-dependent-cf-input .ac-selected .zf-ac-toggler svg {
    width: 7px;
    height: 7px;
}
.item-img {
    width: 5%;
    min-width: 54px;
    text-align: center;
}
.item-img .icon-picture {
    height: 32px;
    width: 32px;
    fill: #ddd;
}
.item-details .item-field {
    width: 100%;
}
.payment-section .btn.active {
    z-index: 1;
}
.payment-suggestion {
    position: relative;
}
.payment-suggestion::before {
    content: "";
    position: absolute;
    left: 35px;
    top: -14px;
    border: 7px solid transparent;
    border-bottom-color: #fff4e7;
}
.line-item-table .line-item-body .line-item .action {
    font-size: 15px;
    cursor: pointer;
}
.line-item-table .line-item-body .line-item .icon-cancel-circled {
    color: #fab2b1;
}
.date-picker[disabled] {
    background-color: #eee;
}
.details-line-item {
    border-bottom: 1px solid #eee;
}
.details-line-item tr:first-child {
    background-color: #3c3d3a;
    color: #fff;
}
.recur-details .content-area {
    padding: 80px 50px 50px;
}
.recur-details .row-fluid {
    margin-bottom: 30px;
}
.recur-details .title {
    font-size: 28px;
    line-height: 26px;
    margin-bottom: 50px;
}
.recur-details .title span {
    font-size: 14px;
    display: block;
}
.recur-details .inv-details tbody td {
    border: 0;
    padding: 8px;
}
.recur-details .zi-table.table-hover tbody tr:hover td {
    cursor: default;
}
.tooltip.warning {
    background-color: #fcf9dc;
    border: 1px solid #ebcc6f;
    border-radius: 3px;
    color: #000;
}
.tooltip.warning:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fcf9d9;
    border-bottom-color: #ebcc6f;
    position: absolute;
    top: -7px;
    left: 178px;
}
.tooltip.warning:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fcf9dc;
    position: absolute;
    top: -6px;
    left: 179px;
}
.tooltip.warning.applied-amnt {
    margin-left: -152px;
}
.tooltip.warning.applied-amnt:before {
    left: 128px;
}
.tooltip.warning.applied-amnt:after {
    left: 129px;
}
.separationline {
    border-left: 1px solid #e0e0e0;
    padding-left: 8px;
}
.line-seperator.add-line-item-btn .separationline {
    border-color: #eee;
}
.hide-logo {
    visibility: hidden;
}
.alert.search-results {
    background-color: #eef8f1;
    color: #57b965;
    margin-bottom: 0;
    padding: 10px;
}
.alert.search-results .search-text {
    max-width: 50%;
}
.alert.search-results .close {
    color: #57b965;
    margin-top: -5px;
    opacity: 1;
}
.alert.search-results .icon-search {
    margin-right: 10px;
    font-size: 12px;
}
.alert.search-results .icon-cancel-circled {
    font-size: 16px;
    color: #197261;
}
.alert.search-results .change-criteria {
    margin-left: 10px;
}
.alert.search-results ul.list-styled {
    padding-left: 25px;
    color: #333;
}
.alert.search-results ul.list-styled li:last-of-type span:last-of-type {
    display: none;
}
form.zb-txn-form {
    margin-top: 25px;
}
.pmtgtw-img-label {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
}
.zb-txn-form {
    max-width: var(--zf-txn-form-width);
    margin-right: 32px;
    margin-top: 25px;
}
.zb-txn-form .primary-content {
    margin: -15px -15px 0;
    padding: 15px 15px 1px;
}
.zb-txn-form .adjustment-future-date {
    margin: -26px 0 0 136px;
}
.line-item-section {
    padding: 0 20px 20px;
}
.line-item-section .zb-txn-form {
    margin-top: 0;
}
.line-item-container .invoice-discount {
    max-width: 550px;
}
.overflow-container {
    display: inline-block;
}
.overflow-container .line-item-container {
    padding-right: 20px;
}
.inv-pay.form-vertical .control-group {
    margin-bottom: 10px;
}
.bdr-dark {
    border-top: none;
    border-bottom: 1px solid #e7e7e7;
    margin: 20px 0;
}
.bdr-light {
    border-top: none;
    border-bottom: 1px solid #f3f3f3;
    margin: 20px 0;
}
.bdr-light-dashed {
    border-top: none;
    border-bottom: 1px dashed #ecedf6;
    margin: 20px 0;
}
.invoice-inner-banner {
    list-style: none;
    padding: 0 10px;
    margin: 10px 0;
    border-left: 1px solid #ede5ae;
    float: left;
}
.invoice-schedule-banner {
    background-color: var(--zf-blue-18);
    border-bottom: 1px solid #d2e9f5;
    padding: 12px 20px;
}
.moss-banner {
    background-color: var(--zf-orange-18);
    padding: 7px 20px;
}
.invoice-banner {
    margin-top: 15px;
    margin-bottom: -15px;
    font-size: 13px;
    background-color: var(--zf-yellow-8);
    border: 1px solid #ede5ae;
    padding: 10px;
    overflow: visible;
}
.invoice-banner :first-child {
    border: 0;
}
.invoice-banner.line-item-banner {
    margin-top: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-color: transparent;
    z-index: 1;
}
.badge-editable .editable {
    border: 1px dashed #ccc;
}
.badge-editable .editable:focus {
    border: 1px solid #66afe9;
}
.revcharge-hlp-section {
    max-width: 370px;
}
.table-row .icon-cancel-circled {
    color: #e54643;
    font-size: 15px;
}
.table-row .icon-cancel-circled:hover {
    color: #f70000;
}
.payment-modes .form-group {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.animated-invprefer-hide {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s;
}
.animated-invprefer-show {
    transition: max-height 0.5s;
    max-height: 1000px;
}
.preferences [class*="span"] {
    margin-left: 0;
}
.project-lineitem-option .form-control.dropdown-toggle {
    text-align: left;
}
.project-lineitem-option .form-control.dropdown-toggle .caret {
    float: right;
    margin-top: 8px;
}
.project-lineitem-option .dropdown-menu {
    right: 0;
}
.project-lineitem-option .dropdown-menu .dropdown-list-desc {
    font-size: 12px;
    margin-top: -10px;
}
.address-list .plus {
    border-top: 1px solid #eee;
    cursor: pointer;
    padding: 12px;
}
.address-list .scrollable-address-list {
    max-height: 400px;
    overflow-y: auto;
}
.address-list .scrollable-address-list li {
    border-bottom: 1px solid #ddd;
}
.address-list .scrollable-address-list li.selected,
.address-list .scrollable-address-list li.selected > a:hover {
    background-color: #f0f7fb;
}
.address-list .scrollable-address-list li.selected.default-address,
.address-list .scrollable-address-list li.selected.default-address > a:hover {
    background-color: #fff;
}
.address-list .scrollable-address-list li > a {
    padding: 20px;
    display: block;
    color: #333;
    white-space: nowrap;
    font-weight: 400;
}
.address-list .scrollable-address-list li > a:hover {
    background-color: #e8e8e8;
    color: #000;
}
.multiple-address-select-popover {
    display: block;
    top: 24px;
    padding: 0;
    border-radius: 0;
}
.multiple-address-select-popover .icon-close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    font-size: 12px;
    color: #999;
}
.multiple-address-select ul {
    padding: 0;
    margin-bottom: 0;
}
.multiple-address-select .pagination {
    padding: 0 10px;
}
.podelivery .dropdown-toggle {
    text-align: left;
}
.podelivery .dropdown-toggle .caret {
    float: right;
    margin-top: -11px;
}
.podelivery .dropdown-menu {
    min-width: 0;
    width: 447px;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
}
.podelivery .dropdown-menu .dropdown-divider {
    margin: 5px 0 0;
}
.podelivery .dropdown-menu .plus {
    background-color: #f9f8f8;
    padding: 6px 0;
    cursor: pointer;
}
.podelivery .dropdown-menu .dropdown-item {
    display: flex;
    justify-content: space-between;
    gap: 4px;
}
.podelivery .dropdown-menu .dropdown-item:hover {
    background-color: #e8e8e8;
    color: #000;
}
.podelivery .dropdown-menu .dropdown-item .address-box {
    display: flex;
    flex-direction: column;
}
.podelivery .plus a {
    padding-left: 20px;
}
.fltheader,
.dropdown-header {
    font-size: 12px;
    font-weight: 600;
    color: var(--zf-dropdown-header-color);
    padding: var(--zf-dropdown-header-padding);
    text-transform: var(--zf-dropdown-header-text-transform);
}
.intro {
    padding: 75px 20px;
    border-top: 1px solid #e4e4e4;
}
.intro .videoimg {
    max-width: 500px;
}
.icici-badge-container.intro {
    padding-bottom: 20px;
}
.intro-lifecycle {
    border-top: 1px solid var(--zf-grey-17);
    background-color: var(--zf-blue-4);
    padding: 20px 0 45px;
}
.intro-lifecycle > img {
    margin-top: 25px;
}
.intro-lifecycle > div {
    max-width: 900px;
    margin: 30px auto;
}
.intro-lifecycle i {
    font-size: 35px;
    color: #777;
}
.intro-lifecycle .features-section > div {
    padding: 30px 15px;
}
.intro-lifecycle .workflow-block {
    max-width: 800px;
}
.intro-lifecycle .workflow-block .workflow-list-section {
    line-height: 30px;
}
.intro-lifecycle .workflow-block .workflow-list-section .workflow-list-head {
    padding-bottom: 10px;
}
.intro-lifecycle .workflow-block:not(:only-child) {
    border-top: 1px solid #ddd;
    margin: 50px auto;
}
.intro-lifecycle .workflow-block:not(:only-child) .workflow-list-section {
    padding-top: 50px;
}
.intro-lifecycle .left-section {
    border-right: 1px dashed #dadada;
}
.intro-lifecycle .notes li {
    color: var(--zf-grey-12);
    padding-bottom: 10px;
    line-height: 1.8;
    text-align: left;
}
.ph-error {
    background-color: #f1ecd4;
}
.currency-selection {
    height: var(--zf-form-input-height);
    padding: 5px 8px;
    border: 1px solid var(--zf-form-input-border-color);
    border-radius: var(--zf-form-input-border-radius);
    background-color: var(--zf-blue-4);
}
.form-control-help {
    cursor: pointer;
    margin-bottom: 0;
    padding-top: 6px;
    float: left;
    margin-left: -5px !important;
}
.form-control-pref,
.validate-rfc,
.form-control-warn,
.form-control-prefix {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    height: var(--zf-form-input-height);
}
.form-control-pref,
.validate-rfc,
.form-control-warn {
    right: 25px;
}
.form-control-pref + .form-control,
.validate-rfc + .form-control,
.form-control-warn + .form-control {
    padding-right: 30px;
}
.form-control-pref.prefix-placeholder,
.validate-rfc.prefix-placeholder,
.form-control-warn.prefix-placeholder {
    top: -34px;
    right: 5px;
}
.form-control-prefix {
    left: 25px;
    z-index: 1;
}
.form-control-prefix + div .ac-selected.form-control {
    padding-left: 30px;
}
.validate-rfc {
    right: -160px;
}
.form-control-warn {
    right: 40px;
    z-index: 1;
}
.top-25 {
    top: 25px;
}
.paymentgw {
    padding: 0;
    min-width: 380px;
}
.paymentgw .gw-list {
    padding: 3px 20px;
    border-top: 1px solid #eee;
    background-color: #f3f9fe;
}
.paymentgw .autobill-promo {
    padding: 10px 20px;
    border-top: 1px solid #eee;
    background-color: #f8f8f8;
}
.paymentgw .gw-list .icon-landscape.zoho-payments-logo-subs {
    fill: initial;
}
.txn-salestax small {
    font-size: 10px;
}
.txn-salestax .popover {
    width: 280px;
}
.txn-salestax .pop-over-div {
    z-index: 1030;
}
.txn-salestax .popover.bs-popover-bottom .arrow {
    left: 8%;
}
.item-tax .popover.bs-popover-bottom .arrow {
    left: 7%;
}
.uk-ec-item {
    position: relative;
}
.uk-ec-item .pop-over-div .arrow {
    left: 10%;
}
.uk-ec-item .item-label {
    margin-right: 4px;
}
.badge-goods {
    background-color: #2098ff;
    text-transform: uppercase;
}
.badge-services {
    background-color: #28a745;
    text-transform: uppercase;
}
.badge-cancelitem {
    background-color: #eb9388;
    text-transform: uppercase;
}
.badge-task {
    background-color: #57b729;
    text-transform: uppercase;
}
.text-disabled {
    opacity: 0.5;
}
.form-mask {
    opacity: 0.2;
    pointer-events: none;
}
.tax-select .ac-box-drop {
    min-width: 250px;
}
.tds-select .ac-box-drop {
    min-width: 250px;
}
.accounts-select .ac-box-drop,
.customer-select .ac-box-drop {
    min-width: 250px;
}
.inv-pmt-cf .checkbox {
    min-height: 0;
}
.lineitem-image.preview-img {
    width: 45px;
    height: 45px;
    border: 1px solid #cfcfcf;
    padding: 2px;
    margin: 5px 0 0 5px;
    position: relative;
}
.lineitem-image.preview-img .show-image {
    max-width: 38px;
    max-height: 35px;
}
.lineitem-image.preview-img.details-image {
    margin: auto;
}
.product-selection .lineitem-image.preview-img.details-image {
    margin: 0;
}
.product-selection .lineitem-image.preview-img {
    height: 35px;
}
.product-selection .lineitem-image.preview-img .show-image {
    max-height: 30px;
}
.product-selection svg.icon.icon-picture {
    height: 35px;
}
.product-selection .pagination {
    padding: 0;
}
.item-new {
    max-width: 850px;
}
@media (min-width: 992px) {
    .item-new .col-lg-6 + .col-lg-6:nth-of-type(2n) {
        padding-left: 40px;
    }
    .item-new .image-column {
        padding-left: 30px;
    }
}
.item-img-container {
    background-color: #fbfbfb;
    border: 1px dashed #ddd;
    height: 126px;
}
.item-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.itemwithoutsku-empty-state-container {
    margin: 10% auto;
    text-align: center;
}
.exp-header-bottom {
    border-bottom: 1px solid #eee;
}
.exp-receipt-upload {
    position: absolute;
    left: 71%;
    top: 70px;
    background-color: transparent;
}
@media (max-width: 991.98px) {
    .exp-receipt-upload {
        position: static;
    }
}
@media (max-width: 1199.98px) {
    .exp-receipt-upload {
        left: 65%;
    }
}
.expense-tabs .nav {
    padding-left: 20px;
    padding-top: 12px;
}
.expense-tabs .nav-tabs .nav-link.active,
.expense-tabs .nav-tabs .nav-link.active:hover {
    background-color: #fff;
}
.expense-tabs.grey-active .nav-tabs .nav-link.active,
.expense-tabs.grey-active .nav-tabs .nav-link.active:hover {
    background-color: #fbfafa;
    border-bottom-color: transparent;
}
.expense-tabs .nav-tabs .nav-link.active::before {
    content: "";
    position: absolute;
    top: 0;
    border-top: 2px solid #0081d9;
    left: -1px;
    right: -1px;
}
.expense-tabs .nav-tabs .nav-link:hover {
    background-color: #eee;
}
.expense-tabs .nav-tabs .nav-link {
    margin-right: 0;
}
[class*="logo-cloud-"] {
    background-image: url(images/arrow-sprite-87bf73288b.png);
}
.logo-cloud-zohodocs {
    background-position: -31px -446px;
    width: 53px;
    height: 49px;
}
.popover-md .popover {
    width: 250px;
}
.tax-override-banking .tax-override-popover {
    left: -52px !important;
    right: 0;
}
.tax-override-banking .tax-override-popover .arrow {
    left: 30%;
}
.shipping-tax-popover {
    width: 240px;
}
.shipping-tax-popover .popover-footer {
    border-top: none;
}
.shipping-tax-form-control {
    padding-left: 9px;
    border: 0;
    border-left: 4px solid #ddd;
}
.details-status {
    display: flex;
    flex-wrap: wrap;
}
.tax-override-popover .row,
.shipping-tax-popover .row {
    padding-bottom: 10px;
    margin: 0;
}
.tax-override-popover .popover-body,
.shipping-tax-popover .popover-body {
    padding: 15px;
}
.tax-override-popover .popover-footer,
.shipping-tax-popover .popover-footer {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 0;
    border-top: 1px solid #ddd;
}
.tax-override-popover .popover-header,
.shipping-tax-popover .popover-header {
    padding: 10px;
    color: #222;
}
.tax-override-popover .popover-header .close,
.shipping-tax-popover .popover-header .close {
    color: #777;
    font-weight: 500;
}
.tax-override-popover .form-control,
.shipping-tax-popover .form-control {
    border: 1px solid #ced4da !important;
}
.mileage-tax-details .arrow {
    left: 15% !important;
}
.mileage-tax-details .tax-total {
    border: 1px solid #eee;
    padding: 5px 0;
}
.txn-bottom-form {
    padding: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.txn-bottom-form .zb-txn-form {
    margin-top: 0;
}
.txn-bottom-form .others-sec .action-icons {
    color: #d62b31;
}
.txn-bottom-form .others-sec .form-group {
    margin-bottom: 30px;
    margin-right: 0;
}
.txn-bottom-form .notes-sec {
    border-left: 1px solid #eee;
}
.txn-bottom-form .notes-sec:first-child {
    border-left: 0;
}
.txn-bottom-form .notes-sec .notes-body {
    margin-left: 30px;
}
.txn-creation-column .separationline {
    margin: 15px 8px;
}
.txn-creation-column .header {
    border-bottom: none;
}
.txn-creation-column .header-separator {
    border-bottom: 1px solid #eee;
}
.txn-creation-column .sidebar .sidebar-body {
    padding-bottom: 70px;
}
.txn-creation-column .fixed-actions {
    padding: 15px;
    margin-top: 30px;
    border-top: 1px solid #eee;
}
.txn-creation-column .fixed-actions.inv-footer {
    width: auto;
}
@media (min-width: 1550px) {
    .txn-creation-column .delete-storage-location-icon {
        left: 88%;
    }
}
@media (min-width: 1680px) {
    .txn-creation-column .delete-storage-location-icon {
        left: 89%;
    }
}
@media (min-width: 1900px) {
    .txn-creation-column .delete-storage-location-icon {
        left: 90%;
    }
}
@media (min-width: 1279px) {
    .txn-creation-column {
        padding-bottom: 60px;
    }
    .txn-creation-column .fixed-actions {
        position: fixed;
        bottom: 0;
        margin: 0 0 0 -20px;
        box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        width: calc(100% - 200px);
        z-index: 10;
    }
    .txn-creation-column .fixed-actions .salesiq-spacing {
        margin-right: 60px;
    }
    .txn-creation-column .doctab-toolbar {
        width: 65%;
    }
    .txn-creation-column.column-bottom {
        bottom: 0;
    }
}
.fixed-actions-top {
    position: absolute;
    top: 0;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1);
    width: 100%;
    z-index: 3;
}
.fixed-actions-bottom {
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.fixed-actions-bottom .salesiq-spacing {
    margin-right: 60px;
}
@media (min-width: 1279px) {
    .tab-column-collapsed + .content-column.txn-creation-column .fixed-actions {
        width: calc(100% - 40px);
    }
    .txn-creation-column.pricebooks-form .fixed-actions {
        width: calc(100% - 40px);
    }
    .doctab-toolbar {
        width: 65%;
    }
}
.sales-person .zi-table.table thead > tr > th:first-child,
.sales-person .zi-table.table tbody tr > td:first-child {
    padding: 8px 20px;
}
.add-bankacc-addrhelp.popover .arrow {
    border-width: 5px;
}
.drag-icon-container {
    position: relative;
    padding: 0;
    border: 0;
}
.drag-icon-container .icon-drag {
    position: absolute;
    color: #ddd;
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    left: -17px;
    top: 5px;
}
.drag-icon-container .icon-drag.cursor-pointer,
.drag-icon-container .erp-app .erp-details-page-header .details-menu-bar .icon-drag.details-menu-item,
.erp-app .erp-details-page-header .details-menu-bar .drag-icon-container .icon-drag.details-menu-item,
.drag-icon-container .icon-drag.address-toggle-nav,
.drag-icon-container .certificate-upload .icon-drag.delete-file,
.certificate-upload .drag-icon-container .icon-drag.delete-file {
    cursor: pointer;
}
.item-level-warning-container {
    position: absolute;
    top: 27px;
    left: -18px;
}
.item-level-warning-container .item-level-warning {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px;
    border-radius: 8px;
    background-color: #fff2f1;
}
.item-level-warning-container .item-level-warning svg {
    fill: var(--zf-red-1);
}
.costprice-popover {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
}
.item-actions-container {
    position: relative;
}
.item-actions-container .item-actions {
    position: absolute;
    right: -50px;
    top: -20px;
}
.item-actions-container .close-action {
    right: -35px;
}
.item-actions-container .item-warning {
    position: absolute;
    top: 7px;
    right: -35px;
}
.bulkerror-list {
    padding-left: 15px;
}
.sn-input-form .modal-md {
    width: 650px;
}
.sn-input-form .sn-creation {
    margin-bottom: 5px;
    padding: 20px 10px 20px 6px;
}
.sn-input-form .sn-count {
    padding-top: 15px;
}
.sn-input-form .pointer-none {
    pointer-events: none;
}
.serial-number-inputfield {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    min-height: 100px;
}
.serial-number-inputfield:focus-within {
    border-color: #bdd8fe;
    box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
}
.serial-number-details {
    margin: 25px 21px;
}
.serial-number-details .serial-number-container {
    display: inline-flex;
    flex-flow: row wrap;
    max-width: 800px;
}
.serial-number-details .serial-number-container .serial-number-cell {
    border: 1px solid #dedede;
    margin: -1px 0 0 -1px;
    padding: 15px;
    min-width: 150px;
}
.serial-number-details .serial-number-container .serial-number-cell:hover {
    background-color: #419bf9;
    color: #fff;
    border-color: #419bf9;
    box-shadow: 0 10px 25px -10px #419bf9;
}
.serial-number-details .available-sn {
    font-size: 15px;
    padding-right: 10px;
    font-weight: 500;
}
.serial-number-details .serial-num-check {
    margin-top: 9px;
}
.serial-number-details .serial-icon {
    color: #555;
}
.serial-number-details .serial-icon:hover {
    color: #222;
}
.batch-number-details .available-bn {
    font-size: 15px;
    padding-right: 10px;
    font-weight: 500;
}
.item-serial-number-history {
    padding: 30px 20px;
    margin-bottom: 35px;
}
.item-serial-number-history .sn-history-outer-circle {
    border: 1px solid #1db7ff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    z-index: 5;
    background-color: #fff;
}
.item-serial-number-history .sn-history-outer-circle::before {
    content: "";
    border-left: 2px solid #4ac5ff;
    position: absolute;
    left: 22px;
    top: 16px;
    height: 100px;
}
.item-serial-number-history .sn-history-inner-circle {
    width: 8px;
    height: 8px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background-color: #1db7ff;
}
.item-serial-number-history .sn-history-row {
    padding-bottom: 40px;
}
.item-serial-number-history .sn-history-row:last-child .sn-history-outer-circle::before {
    height: 25px;
}
.item-serial-number-history .sn-txn-comment {
    margin-left: -20px;
}
.serial-tracking-history {
    height: 100%;
}
.serial-tracking-history .serial-tracking-header {
    background-color: #edf4ff;
    padding: 0 15px 10px;
}
.serial-tracking-history .search-header {
    background-color: #edf4ff;
    padding: 15px 0;
}
.close-tracking-details {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #777;
}
.batch-tracking-history .transaction-details {
    border-bottom: 1px dashed #e0e0e0;
}
.batch-tracking-history .flyout-body {
    top: 100px;
}
.batch-tracking-history .search-body {
    top: 180px;
}
.batch-tracking-history .out-txn-spacing {
    padding: 0 0 20px 20px;
}
.batch-tracking-history .pt15 {
    padding-top: 15px;
}
.batch-tracking-history .batch-tracking-header {
    background-color: #edf4ff;
    min-height: 100px;
    padding: 0 15px 15px;
}
.batch-tracking-history .search-header {
    background-color: #edf4ff;
    min-height: 80px;
}
.batch-tracking-history .batch-in-tracking-details {
    padding: 15px 20px 10px;
    min-height: 150px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.batch-tracking-history .batch-in-tracking-details .contact-details-overflow {
    max-width: 50%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.batch-tracking-history .batch-out-transaction .transaction-number .transaction-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    margin-right: 7px;
}
.batch-tracking-history .batch-out-transaction .transaction-number .invoice-filled-bg {
    background-image: linear-gradient(-117deg, #68d9ff 0, #1689ff 100%);
}
.batch-tracking-history .batch-out-transaction .transaction-number .transferorder-filled-bg {
    background-image: linear-gradient(-117deg, #aef531 0, #388d15 100%);
}
.batch-tracking-history .batch-out-transaction .transaction-number .adjustment-filled-bg {
    background-image: linear-gradient(-44deg, #3623ae 0, #ffc3fc 100%);
}
.batch-tracking-history .batch-out-transaction .transaction-number .bundle-filled-bg {
    background-image: linear-gradient(-228deg, #ffd025 0, #ff5f04 100%);
}
.batch-tracking-history .batch-out-transaction .transaction-number .default-filled-bg {
    background-color: #eee;
}
.batch-tracking-history .batch-out-transaction .transaction-number .default-filled-bg svg {
    fill: #999;
}
.batch-tracking-history .batch-out-transaction .transaction-number .contact-details {
    display: inline-block;
    width: 79%;
    vertical-align: middle;
}
.batch-tracking-history .batch-out-transaction .transaction-details {
    margin: 0 20px 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}
.tracking-exceptions-info {
    background-color: #fff4e7;
    border-radius: 4px;
}
.tracking-exceptions-icon {
    margin: auto;
    background-color: #fff;
    border-radius: 4px;
}
.warehouses .empty-details-section .new-page {
    padding: 4% 10%;
}
.warehouses .enable-section {
    margin-top: 25px;
    clear: both;
}
.warehouses .enable-section button {
    padding: 10px 24px;
}
.warehouse-image {
    background-color: #eef6fb;
}
.warehouse-image img {
    width: 60%;
    margin: 3.4% auto;
    padding: 2%;
}
.warehouses > li {
    margin-left: 50px;
    margin-right: 10px;
    margin-bottom: 40px;
}
.warehouses > li div {
    word-wrap: break-word;
}
.warehouse-inactive {
    padding: 2px 6px;
    margin-right: 2px;
    background-color: #bbb;
    color: #fff;
}
.gold-star {
    fill: #daa520 !important;
    width: 13px !important;
    height: 12px !important;
}
.triangle-bottom-right {
    border-bottom: 44px solid #f5c828;
    border-left: 44px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom-right-radius: 4px;
    border-left-color: #fff;
}
.warehouse-box {
    display: flex;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    align-items: center;
}
.warehouse-box .warehouse-pic {
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    width: 110px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.warehouse-box .warehouse-pic-mini {
    width: 50px;
    height: 50px;
}
.warehouse-card-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.warehouse-card-list .warehouse-card {
    position: relative;
    padding: 10px 20px 0;
    width: 480px;
    min-height: 170px;
    margin: 0 25px 25px 0;
    box-shadow: 0 2px 7px 0 rgba(28, 29, 83, 0.1);
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
}
.warehouse-card-list .warehouse-card:hover {
    box-shadow: 3px 3px 24px 0 #eeeff0;
}
.warehouse-card-list .warehouse-card.wl-card {
    min-height: 210px;
}
.warehouse-card-list .warehouse-card .wl-header {
    min-height: 56px;
    padding: 10px 0 14px;
    margin-bottom: 8px;
}
.mp-badge {
    background-color: #f5f5f5;
    border-radius: 2px;
    font-size: 9px;
    letter-spacing: 0.8px;
    margin-right: 5px;
    padding: 5px 4px 4px;
}
.fba-product-badge {
    color: #fff;
    background-color: #fc8831;
}
.mp-link-badge {
    color: #2485e8;
}
.warehouse-orgprimary-ribbon {
    left: 38%;
    bottom: 25px;
    width: 17px;
    border-top: 13px solid #fff;
    border-bottom: 13px solid #fff;
    border-right: 10px solid transparent;
}
.warehouse-orgprimary span {
    padding: 5.5px 5px 5px;
    color: #f5821f;
    border: 1px solid #f5821f;
}
.warehouse-orgprimary::after {
    content: "";
    position: relative;
    top: 9px;
    width: 14px;
    display: inline-block;
    border-top: 14px solid #f5821f;
    border-bottom: 14px solid #f5821f;
    border-right: 10px solid transparent;
}
.warehouse-userprimary::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 100%;
    display: inline-block;
    border-left: 6px solid #fff;
    border-bottom: 18px solid #fba800;
}
.warehouse-inactive-label {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(images/svgs/inactive-label-0b57ef0066.svg);
    padding: 12px 46px;
}
.advance-search-btn {
    position: relative;
    margin-left: -15px;
    padding: 4px 10px;
    border-radius: 0 6px 6px 0;
    height: var(--zf-form-input-height);
}
.bulk-vendor-payment .header-row {
    background-color: #f9f9fb;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 12px 35px;
}
.bulk-vendor-payment .bulk-vendor-payment-row {
    padding: 20px 15px;
    border-bottom: 1px solid #eee;
}
.bulk-vendor-payment .bulk-vendor-payment-row .total-amount {
    background-color: #e9ebf3;
    padding: 9px 16px;
    border-radius: 10px;
}
.bulk-vendor-payment .bulk-vendor-payment-row .total-amount p {
    margin-bottom: 0;
}
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table {
    border: 0;
}
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table th,
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table td {
    background-color: #f9f9fb;
}
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table td,
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table th,
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table thead:first-child tr:first-child th {
    border: 0;
}
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table.table thead > tr > th:after {
    border-width: 1px 0;
}
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table tr th:last-of-type,
.bulk-vendor-payment .bulk-vendor-payment-row .zi-table tr td:last-of-type {
    padding-right: 30px;
}
.moveorder-status .ac-box .ac-selected span {
    margin-left: 7px;
}
.stock-pop-over {
    color: #000;
}
.stock-pop-over.popover-mini .popover.bs-popover-bottom {
    width: 340px;
    left: -113px !important;
}
.stock-pop-over.popover-mini .popover.bs-popover-bottom .arrow {
    left: 35%;
}
.stock-pop-over.popover-mini .popover-header {
    font-size: 16px;
}
.stock-pop-over.popover-mini .popover-body .stock-section {
    width: auto;
    float: none;
    padding: 5px;
}
.stock-pop-over .popover-header {
    background-color: #f9f9f9;
    font-size: 18px;
    padding: 10px 16px;
}
.stock-pop-over .popover.bs-popover-bottom {
    top: 15px;
    width: 650px;
    max-width: 650px;
    left: -407px !important;
    right: auto !important;
}
.stock-pop-over .popover.bs-popover-bottom .arrow {
    left: 62%;
}
.stock-pop-over .popover.bs-popover-bottom .arrow:after {
    border-bottom-color: #f9f9f9;
}
.stock-pop-over .popover-body {
    padding: 10px;
}
.stock-pop-over .popover-body .stock-section {
    width: 48%;
    float: left;
    font-size: 15px;
}
.stock-pop-over .popover-body .stock-desc {
    padding-top: 20px;
}
.stock-pop-over .popover-body .stock-item {
    font-size: 13px;
    padding-bottom: 10px;
}
.stock-pop-over .popover-body .stock-item .stock-item-label {
    width: 130px;
    display: inline-block;
}
.txn-warehouses {
    padding-left: 10px;
}
.txn-warehouses.popover-mini .popover.bs-popover-bottom {
    width: 340px;
    left: -62px !important;
}
.txn-warehouses.popover-mini .popover.bs-popover-bottom .arrow {
    left: 35%;
}
.txn-warehouses.popover-mini .popover-body .zi-table.table thead > tr > th .cancel-search-icon {
    top: 16px;
}
.txn-warehouses .popover.bs-popover-bottom {
    width: 690px;
    max-width: 700px;
    left: -362px !important;
    top: 36px !important;
}
.txn-warehouses .popover.bs-popover-bottom .arrow {
    left: 57%;
}
.txn-warehouses .popover.bs-popover-bottom .arrow:after {
    border-bottom-color: #f9f9f9;
}
.txn-warehouses .popover-header {
    background-color: #f9f9f9;
    color: #000;
    line-height: 38px;
    padding: 10px 16px;
    font-size: 18px;
}
.txn-warehouses .popover-header .close {
    padding-left: 15px;
    padding-top: 6px;
}
.txn-warehouses .popover-header .stock-group {
    border: 1px solid #018fff;
    line-height: 10px;
    margin-top: 4px;
    color: #0080ff;
    border-radius: 2px;
}
.txn-warehouses .popover-header .stock-name {
    display: inline-block;
    padding: 8px 14px;
    cursor: pointer;
    float: left;
}
.txn-warehouses .popover-header .stock-name.active {
    background-color: #018fff;
    color: #fff;
}
.txn-warehouses .popover-header .acc-stock {
    border-right: 1px solid #018fff;
}
.txn-warehouses .popover-body {
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
}
.txn-warehouses .popover-body .zi-table thead {
    text-transform: none;
}
.txn-warehouses .popover-body .zi-table.table thead > tr > th {
    border-bottom-color: #f0f0f0;
    border-right: 1px solid #f0f0f0;
    background-color: #fff;
    font-size: 11px;
    vertical-align: middle;
    font-weight: 400;
    text-transform: none;
}
.txn-warehouses .popover-body .zi-table.table thead > tr > th:last-of-type {
    padding-right: 10px;
}
.txn-warehouses .popover-body .zi-table.table thead > tr > th.warehouse-name {
    padding-left: 15px;
}
.txn-warehouses .popover-body .zi-table.table thead > tr > th .cancel-search-icon {
    top: 24px;
}
.txn-warehouses .popover-body .zi-table.table tbody tr td {
    border-top: 0;
    font-size: 13px;
    border-right: 1px solid #f0f0f0;
}
.txn-warehouses .popover-body .zi-table.table tbody tr td.warehouse-name {
    padding: 10px 0 10px 15px;
}
.txn-warehouses .popover-body .warehouse-desc {
    margin-top: 20px;
    padding: 0 0 15px 20px;
}
.txn-warehouses .popover-body .warehouse-desc .warehouse-desc-item {
    line-height: 21px;
}
.txn-warehouses .search-items {
    position: relative;
}
.txn-warehouses .search-items .cancel-search-icon {
    position: absolute;
    bottom: 16px;
    right: 14px;
}
.package-lineitem .stock-pop-over .popover.bs-popover-bottom {
    left: -611px !important;
}
.package-lineitem .stock-pop-over .popover.bs-popover-bottom .arrow {
    left: 95%;
}
.package-lineitem .txn-warehouses .popover.bs-popover-bottom {
    left: -430px !important;
    top: 16px !important;
    margin-bottom: 40px;
}
.package-lineitem .txn-warehouses .popover.bs-popover-bottom .arrow {
    left: 87%;
}
.inc-quantity span {
    display: inline-block;
    vertical-align: middle;
}
.inc-quantity .quantity-field {
    width: 50px;
}
.inc-quantity .increment,
.inc-quantity .decrement {
    padding-top: 7px;
    cursor: pointer;
}
.fixed-actions .ml-value {
    margin-left: 48%;
}
.lineitem-loader {
    padding: 0 20px;
}
.lineitem-loader .line-loader {
    height: 5px;
    border-radius: 3px;
    background-color: #eae9e9;
}
.lineitem-loader .lineitem-loader-firstline {
    margin-top: 15px;
    width: 75%;
}
.lineitem-loader .lineitem-loader-secline {
    margin-top: 15px;
    width: 25%;
}
.table-hover > tbody > tr.salesorder-row:hover {
    background-color: #fff;
}
.px-15 {
    padding: 0 15px;
}
.reorder-items-table .v-top {
    vertical-align: top !important;
}
.reorder-items-table.table thead > tr > th {
    background-color: #f7f7f7;
}
.salesreturn-mapping .mapping-item {
    display: inline-block;
    width: 30%;
    padding: 10px 15px;
    vertical-align: middle;
    color: #000;
}
.salesreturn-mapping .mapping-item-name {
    color: #2e8fda;
}
.salesreturn-mapping .mapping-arrow {
    width: 5%;
}
.salesreturn-mapping .mapping-group-item {
    box-shadow: 0 0 6px 0 rgba(219, 219, 235, 0.5);
    border-radius: 2px;
    margin-bottom: 10px;
}
.salesreturn-mapping .mapping-group-item:hover {
    box-shadow: 0 0 6px 0 rgba(219, 219, 235, 0.5);
}
.salesreturn-mapping .salesreturn-item {
    color: #2e8fda;
}
.salesreturn-lineitem .txn-warehouses.popover-mini .popover.bs-popover-bottom {
    left: 13px !important;
}
.salesreturn-lineitem .txn-warehouses.popover-mini .popover.bs-popover-bottom .arrow {
    left: 75%;
}
.salesreturn-lineitem .stock-pop-over .popover {
    left: -540px !important;
}
.salesreturn-lineitem.creditonly-lineitem .txn-warehouses.popover-mini .popover.bs-popover-bottom {
    left: -161px !important;
}
.picklist-rounded-pill {
    background-color: #fff;
    border: 1px solid #fefefe;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 15px;
}
.status-enable-info {
    color: #666;
    margin-top: -8px;
    padding-left: 195px;
    font-size: 12px;
}
.putaway-status-bullet-details {
    left: 0 !important;
    bottom: 10px !important;
    padding-left: 12px;
    font-size: 22px;
}
.picklist-status-bullet {
    left: 10px;
    z-index: 2;
    bottom: 7px;
    position: relative;
}
.badge-completed {
    background-color: #57b729;
}
.badge-in-progress {
    background-color: #21a3f9;
}
.badge-on-hold {
    background-color: #f7525a;
}
.badge-yts {
    background-color: #a0a0a0;
}
.moveorder-status-bullet {
    left: 8px;
    z-index: 2;
    bottom: 10px;
    position: relative;
}
.moveorder-status-dropdown {
    left: 25px;
    z-index: 1;
    bottom: 7px;
    position: relative;
    margin-left: -10px;
    font-size: 25px;
    margin-right: 9px;
}
.text-discarded {
    color: #e54643;
}
.picking-in-progress {
    color: #2485e8;
}
.picking-completed {
    color: #57b729;
}
.refill-in-progress {
    color: #2485e8;
}
.refill-completed {
    color: #57b729;
}
.status-dropdown {
    position: relative;
    top: 15px;
    left: 4px;
}
.picklist-warehouse-row {
    border: 1px solid #f2f2f2;
    border-radius: 10px;
}
.picklist-warehouse-row:hover {
    background-color: #fbfcff;
}
.picklist-warehouse-row.selected {
    border: 1px solid #f7f9ff;
    background-color: #f7f9ff;
}
.stored-cards-list:last-child {
    border-bottom: 0;
}
.text-marengo {
    color: #474c60;
}
.redirect-payment-hover:hover {
    border-color: #ddd;
    box-shadow: 0 0 0 1px #ddd;
    transition: 0.2s ease-in-out;
}
.card-info {
    background-color: var(--zf-blue-4);
    border: 1px var(--zf-card-info-border);
}
.adjustments-details .badge-so {
    padding: 7px;
}
.salesperson-crm-sync {
    position: absolute;
    top: 0;
    left: 100%;
}
.expense-itemize-table {
    table-layout: auto;
}
.expense-itemize-table .expense-item-column {
    min-width: 200px;
    max-width: 200px;
}
.increment:hover .background,
.decrement:hover .background {
    fill: #188dfa;
}
.increment:hover .symbol,
.decrement:hover .symbol {
    fill: #fff;
}
.scanning-table .line-item-column {
    background-color: transparent;
}
.scanning-head th {
    vertical-align: middle !important;
    font-weight: 600 !important;
}
.payment-row:hover,
.test-card:hover {
    background-color: var(--zf-table-row-hover-bg-color);
}
.payment-row {
    border-bottom: 1px solid #ededed;
}
.payment-row:first-of-type {
    border-radius: 6px 6px 0 0;
}
.no-last-line .payment-row:last-of-type {
    border-bottom: none;
}
.no-last-line .payment-row:last-of-type:hover {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.lineitem-qty-error-border {
    border: 1px solid #dc3545 !important;
}
.table-row-striped tbody tr:nth-child(even) {
    background-color: #f3f6fd;
}
@keyframes shake {
    0% {
        margin-left: 0;
    }
    25% {
        margin-left: 5px;
    }
    75% {
        margin-left: -5px;
    }
    to {
        margin-left: 0;
    }
}
.item-code-error {
    animation: shake 0.2s ease-in-out 0s 2;
}
.card-badge {
    background-color: #fbf3ec;
    color: #d86922;
}
.bankaccont-badge {
    background-color: #f4ecfb;
    color: #783581;
}
.paypal-badge {
    background-color: #e2f6ff;
    color: #002991;
}
.add-new-card .new-payment-method,
.online-payment-section .new-payment-method {
    animation: fadeInDown 0.5s cubic-bezier(0, 1, 0.5, 1);
}
.contact-tax-header {
    display: flex;
    align-items: center;
}
.unconfigured-gw-list {
    max-height: 500px;
    overflow-y: auto;
}
.unconfigured-gw-list .form-check-label {
    background-color: #f9f9fb;
}
.unconfigured-gw-list .form-check-label:hover {
    background-color: #f4f7fa;
}
.invoice-checklist .popover-body {
    padding: 0;
}
.invoice-checklist button:focus {
    outline: 0;
}
.invoice-checklist button.proinvoice-header {
    appearance: none;
    position: relative;
    border: 0;
    background-color: #fff;
    font-size: 12px;
    font-weight: 500;
    z-index: 2;
    height: 34px;
}
.invoice-checklist button.proinvoice-header::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    border-radius: 6px;
    background-image: conic-gradient(#aebcff 1%, #7e94ff 24%, #62bce7 45%, #ce70ff 66%, #b8c3fd 92%);
    mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
    mask-origin: content-box, padding-box;
    -webkit-mask-origin: content-box, padding-box;
    mask-clip: content-box, padding-box;
    -webkit-mask-clip: content-box, padding-box;
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
}
.invoice-checklist button.proinvoice-header,
.invoice-checklist button.proinvoice-header::after {
    box-sizing: border-box;
}
.invoice-checklist .proinv-task {
    padding: 8px 0;
    white-space: nowrap;
}
.invoice-checklist .bg-light-blue {
    background-color: #ecf4ff;
}
.protip-section {
    min-width: 250px;
    border: 1px solid #d9edf7;
    padding: 10px 7px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #fff, #f7faff);
}
.bulk-select-item.count-sheet {
    min-height: 530px;
}
.bulk-select-item.count-sheet .autocomplete-section .count-items-list {
    max-height: 300px;
    min-height: 430px;
}
.bulk-select-item.count-sheet .autocomplete-section .textarea-section {
    height: auto;
    padding: 20px;
}
.bulk-select-item.count-sheet .autocomplete-section .ac-dropdown-menu {
    min-height: auto;
}
.bulk-select-item.count-sheet .autocomplete-section .ac-dropdown-menu .ac-option.active a {
    color: #fff;
}
.bulk-select-item.count-sheet .autocomplete-section .field-height {
    height: 30px;
}
.bulk-select-item.count-sheet .autocomplete-section .apply-btn,
.bulk-select-item.count-sheet .autocomplete-section .filter-modified {
    border: 1px solid #408dfb;
    padding: 2.5px 12px;
}
.bulk-select-item.count-sheet .autocomplete-section .filter-modified {
    background-color: #408dfb;
    color: #fff;
}
.bulk-select-item.count-sheet .autocomplete-section .search-field .input-group-text,
.bulk-select-item.count-sheet .autocomplete-section .search-field .form-control {
    height: 28px;
}
.bulk-select-item.count-sheet .autocomplete-section .multi-check-dropdown .rounded-plusicon {
    background-color: #e6f2ff;
    color: #1756b1;
}
.bulk-select-item.count-sheet .autocomplete-section .multi-check-dropdown .dropdown-menu {
    width: 125%;
}
.bulk-select-item.count-sheet .item-autocomplete .ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    border-radius: 6px;
}
.bulk-select-item.count-sheet .item-autocomplete .ac-dropdown .ac-dropdown-menu .active {
    background-color: #408dfb;
}
.bulk-select-item.count-sheet .item-autocomplete .ac-dropdown .ac-dropdown-menu .active .autocomplete-option {
    color: #fff;
}
.bulk-select-item.count-sheet .count-sheet-item-selection.zi-table.table thead > tr > th {
    border-top: 0;
}
.bulk-select-item.count-sheet .count-sheet-item-selection.zi-table.table thead > tr > th::after {
    border-top: 0;
}
.bulk-select-item.count-sheet .reset-filter {
    color: #777;
}
.bulk-select-item.count-sheet .reset-filter:hover {
    color: var(--zf-blue-1);
}
.ms-search-box .ms-dp-group .ms-box-drop .ms-search .ms-search-field:hover,
.ms-search-box .ms-dp-group .ms-box-drop .ms-search .ms-search-field:focus-within {
    border: 1.5px solid #408dfb;
}
.inventorycount-new .selected-border {
    border: 1.5px solid #408dfb;
}
.inventorycount-new .selected-border input[type="radio"] {
    background-color: var(--zf-inputselector-bg-color);
    border-color: var(--zf-inputselector-bg-color);
}
.inventorycount-new .selected-border input[type="radio"]:before {
    content: "";
    position: absolute;
    height: var(--zf-radiobutton-dot-size);
    width: var(--zf-radiobutton-dot-size);
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.inventorycount-new .count-sheet-table.zi-table.table .search-field .input-group-text,
.inventorycount-new .count-sheet-table.zi-table.table .search-field .form-control {
    height: 30px;
}
.inventorycount-new .count-sheet-table.table-hover tbody tr:hover td:last-child {
    background-color: #fff;
}
.inventorycount-new .count-sheet-table.table-bordered th:last-child::after,
.inventorycount-new .count-sheet-table.table-bordered td:last-child::after {
    border-top: none;
    border-bottom: none;
}
.table-hover tbody tr.no-hover:hover {
    background-color: transparent;
}
.line-item-preferences .form-control {
    font-size: 12px;
}
.line-item-preferences .ac-box .ac-selected span {
    margin: 0;
}
.container-with-separator > :not(:first-child) {
    border-left: 1px solid var(--zf-grey-17);
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .empty-msg {
    text-transform: none;
}
.advance-search-banner {
    width: 410px;
}
.xml-dropdown-menu .dropdown-menu .dropdown-item:active {
    color: #fff;
}
.xml-dropdown-menu .dropdown-toggle::after {
    transform: rotate(270deg);
    vertical-align: 2px;
}
.primary-info-field {
    background-color: var(--zf-primary-info-bg);
}
.primary-info-field-value {
    background-color: var(--zf-primary-info-bg);
}
.weekly-webinar-promotion-section {
    margin-bottom: 50px;
}
.weekly-webinar-promotion-section .weekly-webinar-container {
    background: url(images/blur-09f6f9a38a.png) no-repeat;
    background-size: cover;
}
.weekly-webinar-promotion-section:hover .webinar-registration-link {
    color: #408dfb;
}
.finance-app .contact-dropdown-list-option .dropdown-menu .dropdown-item.active .text-muted {
    color: #fff !important;
}
.finance-app .contact-dropdown-list-option .dropdown-menu .dropdown-item.active .text-muted svg {
    fill: #fff !important;
}
.finance-app .contact-dropdown-list-option .dropdown-menu .dropdown-item:hover .border-left-dark-gray,
.finance-app .contact-dropdown-list-option .dropdown-menu .dropdown-item.active .border-left-dark-gray {
    border-color: #eff9ff !important;
}
.contact-dropdown-list-option .dropdown-menu .dropdown-item .option {
    max-width: 98%;
}
.contact-dropdown-list-option .dropdown-menu .dropdown-item .option .contact-dropdown-content {
    max-width: calc(100% - 42px);
}
.contact-dropdown-list-option .dropdown-menu .dropdown-item .option .contact-dropdown-content .border-left-dark-gray {
    border-left: 1px solid #999;
}
.daterangepicker .range_inputs {
    display: none;
    position: absolute;
    right: 15px;
    bottom: 30px;
}
.daterangepicker.show-calendar .range_inputs {
    display: block;
}
.daterangepicker .ranges li {
    border-radius: 0;
    border: 0;
    background: 0 0;
    margin-bottom: 2px;
    padding: 6px 12px;
    color: #333;
}
.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    border-radius: 0;
    border: 0;
    margin-left: -8px;
    margin-right: -14px;
    padding: 6px 20px;
    background-color: #2098ff;
}
.daterangepicker .ranges li.active:hover {
    background-color: #2098ff;
    color: #fff;
}
.daterangepicker .ranges li:hover {
    background-color: #f5f5f5;
    color: #000;
}
.daterangepicker th {
    font-size: 10px;
    border: 0 !important;
    color: #2a64ac;
    padding: 0.3rem;
}
.daterangepicker th.month {
    font-size: 13px;
}
.daterangepicker th.next,
.daterangepicker th.prev,
.daterangepicker th.month {
    color: #000 !important;
}
.daterangepicker td {
    padding: 0.3rem;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    border: 1px solid #ccc;
    font-size: 13px;
    width: 45%;
}
.show-calendar.opensleft {
    min-height: 350px;
}
.show-calendar.opensleft .range_inputs {
    right: 180px;
    bottom: 10px;
}
.show-calendar.opensright {
    min-height: 370px;
}
.daterangepicker .calendar {
    padding-top: 4px;
}
.daterangepicker.dropdown-menu {
    margin-top: 6px;
    min-width: 0;
    padding-right: 10px;
}
.daterangepicker .single .daterangepicker_input {
    display: none;
}
.zf-daterange-picker .range-text:after {
    display: inline-flex;
    content: "";
    float: right;
    margin-top: 8px;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 10px;
    top: 4px;
}
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results.grouped-options .ac-option {
    padding: 7px 0 7px 20px;
}
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results.left-align-options .ac-option {
    padding: 7px 0 7px 10px;
}
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.active {
    background-color: var(--zf-dropdown-link-hover-bg-color);
    color: var(--zf-dropdown-link-hover-color);
}
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.active .autocomplete-label,
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.active .option-description {
    color: #fff;
}
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.option-disabled.active {
    background-color: #f2f2f7;
}
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.option-disabled.active .autocomplete-label,
.finance-app .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .dropdown-item.option-disabled.active .option-description {
    color: #838195;
}
.finance-app .item-autocomplete .border-line {
    margin-bottom: -8px;
    margin-right: 8px;
}
.erp-app .dropdown.ac-dropdown .ac-box-drop {
    border-radius: 4px;
    border: 1px solid #e2e2ea;
}
.erp-app .dropdown.ac-dropdown .dropdown-menu.ac-dropdown-results {
    padding: 2px;
}
.erp-app .dropdown.ac-dropdown .dropdown-menu.ac-dropdown-results.left-align-options .ac-option {
    padding-left: 8px;
}
.erp-app .dropdown.ac-dropdown .dropdown-menu.ac-dropdown-results li.selected-option.active {
    background-color: #eceef4;
}
.erp-app .dropdown.ac-dropdown .dropdown-menu.ac-dropdown-results li.selected-option.active a {
    color: #21263c;
}
.erp-app .dropdown.ac-dropdown .dropdown-menu.ac-dropdown-results .ac-option {
    font-size: 12px;
}
.erp-app .dropdown.ac-dropdown .dropdown-menu.ac-dropdown-results .ac-option a:not(.empty) {
    color: #21263c;
}
.erp-app .dropdown.ac-dropdown .dropdown-menu.ac-dropdown-results .ac-option a.empty {
    text-transform: none;
}
.erp-app .dropdown.ac-dropdown .ac-quick-create {
    border-radius: 0 0 4px 4px;
    padding: 2px;
    min-height: 32px;
}
.erp-app .ac-search {
    padding: 2px 0 0;
}
.erp-app .ac-search input {
    margin: 0;
    height: 30px;
    border: 0;
    border-radius: 4px 4px 0 0;
    padding-left: 28px !important;
    border-bottom: 1px solid #ebeaf2;
}
.erp-app .ac-search input::placeholder {
    color: #838195;
}
.erp-app .ac-search::before {
    content: url(images/svgs/search-icon-7c66fdd90d.svg);
    position: absolute;
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-top: 7px;
    margin-left: 10px;
}
.erp-app .ac-dropdown-menu .input-block-level li.active .autocomplete-option {
    color: #21263c;
}
.erp-app .ac-dropdown-menu .input-block-level li.active .autocomplete-option .grey-text {
    color: #6c718a;
}
.ac-option-icon {
    position: absolute;
    right: 30px;
}
.ac-box .form-control:focus {
    border-color: #408dfb;
}
.ac-option-delete,
.ac-option-edit {
    width: 11px;
    height: 12px;
    fill: currentColor;
    vertical-align: middle;
    color: #fff;
}
.selected-option .ac-option-delete {
    fill: #21263c;
}
.selected-option .ac-option-delete:hover {
    fill: var(--unifiedtheme-red);
}
.ac-option-delete:hover {
    color: var(--unifiedtheme-red);
}
.ac-box .ac-selected {
    height: var(--zf-form-input-height);
    border-radius: var(--zf-dropdown-border-radius);
}
.ac-quick-create {
    height: unset;
    min-height: 40px;
    white-space: break-spaces;
}
.type-ahead.rounded-right-0 input.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.type-ahead.bg-mild-grey input.form-control {
    background-color: #f9f9fb;
}
.type-ahead input.form-control {
    border-radius: var(--zf-form-input-border-radius);
}
.autocomplete-option .rounded-circle {
    width: 42px;
    height: 42px;
    margin-right: 5px;
}
.autocomplete-option .autocomplete-label {
    color: #21263c;
}
.autocomplete-option .option-description {
    color: #6c718a;
}
.item-autocomplete .dropdown-menu .dropdown-item {
    margin: 0;
}
.item-autocomplete .dropdown-menu .dropdown-item:last-child .border-line {
    display: none;
}
.item-autocomplete .name .zf-item-remove {
    top: 0;
}
.item-autocomplete .ac-dropdown {
    z-index: 5;
}
.item-autocomplete .search-info-icon {
    fill: #fd9134;
}
.field-name .ac-dropdown {
    min-width: 200px;
}
.execution-time .ac-dropdown {
    min-width: 180px;
}
.ac-dropdown-width-md .ac-dropdown {
    min-width: 220px;
}
.ac-dropdown-width-lg .ac-dropdown {
    min-width: 420px;
}
.ac-mandatory .form-control {
    border: 1px solid #b94a48;
}
.autocomplete-disabled .form-control {
    color: #999;
}
.autocomplete-disabled .disabled {
    background-color: #fcfcfc !important;
}
.accounts-select .ac-selected.ac-wrap {
    height: auto;
    white-space: normal;
    line-height: inherit;
    padding: 5px 20px 20px 12px;
}
.ac-option.active .accno {
    color: #ddd;
}
.autocomplete-group-prepend .ac-selected.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.autocomplete-group-append .ac-selected.form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dropdown-error .ac-selected {
    border-color: #e64d33;
}
.class-value-autocomplete .option-disabled {
    color: #999 !important;
}
.simple-autocomplete .ac-box .ac-selected {
    height: 16px;
}
.simple-autocomplete .form-control.ac-selected,
.simple-autocomplete .form-control:focus.ac-selected {
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
}
.simple-autocomplete .autocomplete-drop.ac-box-drop {
    min-width: 210px;
}
.ac-horizontal-separator::after {
    content: "";
    position: absolute;
    top: calc(100% + 10px);
    width: 100%;
    height: 1px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    left: 0;
}
.tax-dues-list .criteria-container {
    margin-top: 30px;
    margin-bottom: 30px;
    border-bottom: none;
    background-color: #f8f7f7;
}
.tax-dues-list .tax-due-row {
    min-height: 143px;
    margin-top: 30px;
    background-color: #fefefe;
    border: 1px solid #eee;
    border-radius: 3px 3px 0 0;
    margin-bottom: 30px;
    padding-top: 21px;
    padding-left: 15px;
    padding-bottom: 21px;
}
.tax-dues-list .tax-due-row .row-content {
    padding-top: 15px;
}
.tax-dues-list .tax-due-row .footer {
    font-style: italic;
}
.partial-taxdue-payment {
    margin: 20px auto;
    max-width: 75%;
}
.table.tax-summary-table {
    border: 1px solid #e1c495;
    margin-bottom: 0;
}
.table.tax-summary-table tbody > tr > td {
    border-top: none;
    border-right: 1px solid #e1c495;
}
.table.tax-summary-table thead:first-child > tr:first-child > th,
.table.tax-summary-table tbody > tr > td {
    border-color: #e1c495;
    text-align: right;
    font-size: 13px;
    padding: 5px 25px;
}
.table.tax-summary-table thead:first-child > tr:first-child > th:first-child,
.table.tax-summary-table tbody > tr > td:first-child {
    text-align: center;
    vertical-align: middle;
}
.table.tax-summary-table thead > tr > th {
    white-space: nowrap;
    background-color: #fff9f0;
    border-bottom-width: 1px;
    font-size: 12px;
}
.table.tax-summary-table .recognized-value,
.table.tax-summary-table .unrecognized-value {
    padding-top: 5px;
}
.table.tax-summary-table .unrecognized-value {
    color: #d62b31;
}
.firefox-footer-fix {
    margin-bottom: 60px;
}
.quick-overview {
    padding: 20px 10px;
    height: 85px;
    line-height: 24px;
    margin-bottom: 10px;
}
.quick-overview .quick-overview-icon {
    height: 44px;
    width: 44px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #f9f9f9;
}
.quick-overview .quick-overview-info {
    padding: 0 15px;
    flex-basis: 210px;
}
.quick-overview .quick-overview-info > div {
    display: inline-block;
}
.quick-overview .quick-overview-info:last-child {
    flex-basis: auto;
}
.overview {
    padding: 20px 35px 40px 25px;
    max-width: 1000px;
}
.overview .overview-info {
    line-height: 2em;
}
.overview .overview-info .info {
    margin-right: 50px;
}
.overview .overview-info .date {
    border-left: 3px solid #ffa300;
    padding: 0 15px;
}
.overview .overview-table table {
    width: 90%;
}
.overview .overview-table table th,
.overview .overview-table table td {
    padding: 10px;
}
.overview .overview-table thead th,
.overview .overview-table tfoot > tr:first-child {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.fill-container.fixedcolumn-table-container.budget-container table th:first-child,
.fill-container.fixedcolumn-table-container.budget-container table td:first-child {
    max-width: 300px;
}
.fill-container.fixedcolumn-table-container.budget-container .scroll-to-left {
    left: 500px;
    transition: left 0.2s ease;
}
.tab-column-collapsed ~ .content-column .budget-container > .scroll-to-left {
    left: 340px;
}
.budget-table tr .amount-column {
    padding: 2px 0;
}
.budget-table tr .amount-column .form-control {
    border: 0;
    box-shadow: none;
}
.budget-table tr .amount-column .form-control:focus {
    border: 1px solid #66afe9;
}
.budget-table tr .fill-budget-value {
    z-index: 2;
    cursor: pointer;
    visibility: hidden;
    min-width: 60px;
}
.budget-table tr:hover td {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
.budget-table tr:hover .fill-budget-value {
    visibility: visible;
}
.budget-tabs.fill-container .budget-table tr:nth-child(2) th {
    top: 78px !important;
}
.budget-tabs.fill-container .budget-table th {
    top: 50px !important;
}
.budget-details-section {
    margin-top: 20px;
    margin-bottom: 20px;
    position: sticky;
    left: 0;
    z-index: 3;
}
.budget-details-section.report {
    z-index: 2;
}
.budget-details-section .detail-icon {
    height: 42px;
    width: 42px;
    background-color: #f3f8fe;
    border-radius: 50%;
    float: left;
    position: relative;
    margin-right: 10px;
}
.budget-details-section .detail-icon .icon {
    color: #0080ff;
}
.budget-pane {
    left: 0;
    position: sticky;
    top: -1px;
    z-index: 2;
    background-color: #fff;
    background-clip: padding-box;
}
.budget-pane .active-tab {
    color: #000;
    background-color: #fff;
    border-top: 3px solid #0081d9 !important;
}
.budget-tabs .nav-link.active::after,
.zf-nav-tabs-dashed .nav-link.active::after {
    top: 10px;
}
.budget-accounts.customview-creation ul.available-column-list li {
    cursor: pointer;
}
.budget-selected-accounts {
    border: 1px solid #ddd;
    border-bottom: none;
}
.fill-basis-options {
    margin-left: 20px;
    border-left: 1px solid #ededed;
    padding-left: 10px;
}
.template-items {
    position: relative;
}
.template-items .template-details {
    padding: 15px 20px;
}
.template-items .action {
    display: none;
}
.template-items:hover .template-details {
    opacity: 0.2;
    background-color: #ddd;
}
.template-items:hover .action {
    right: 5px;
    top: 30px;
    display: block;
}
.find-acc-sidebar .accountant-item {
    border: 1px solid #fff;
}
.find-acc-sidebar .accountant-item:hover {
    border: 1px solid var(--zf-grey-17);
}
.find-acc-sidebar .img-container {
    height: 160px;
    border: 1px solid #f2f2f2;
}
.find-acc-sidebar .acc-logo-wrapper {
    min-height: 110px;
}
.find-acc-sidebar .acc-logo-wrapper .acc-logo {
    max-height: 80px;
}
.find-acc-sidebar .category-logo-wrapper {
    min-height: 48px;
    border-top: 1px solid #f2f2f2;
}
.find-acc-sidebar .category-logo-wrapper .category-logo {
    max-height: 30px;
}
.datev .datev-empty-state-container {
    margin-top: 7.5%;
    border: 1px solid #eee;
    border-radius: 30px;
}
.datev .datev-svg-container {
    width: 55px;
    height: 55px;
    background-color: #21263c;
    box-shadow: 0 0 10px #eee;
}
.datev .datev-svg-container.post-export {
    width: 30px;
    height: 30px;
}
.datev .datev-multi-download-container {
    max-height: 150px;
}
.datev .datev-download {
    width: 30px;
    height: 30px;
}
.datev ul {
    color: #555;
}
.skr-migration-button {
    background-color: #e9ebf3;
    border-radius: 25px;
}
.skr-migration-button svg path {
    fill: #408dfb;
}
.skr-migration-modal-header h4 {
    font-size: 18px;
    font-weight: 500;
}
.skr-preference-title:after {
    content: "";
    flex-grow: 1;
    margin: 2px 0 0 10px;
    border-top: 1.5px solid #dee2e6;
}
.skr-migration-table.table thead:first-child,
.skr-migration-table.table tbody {
    display: block;
}
.skr-migration-table.table thead:first-child tr th,
.skr-migration-table.table thead:first-child tr td,
.skr-migration-table.table tbody tr th,
.skr-migration-table.table tbody tr td {
    width: 200px;
}
.skr-migration-table.table thead:first-child tr th:first-child,
.skr-migration-table.table thead:first-child tr td:first-child,
.skr-migration-table.table tbody tr th:first-child,
.skr-migration-table.table tbody tr td:first-child {
    width: 450px;
    padding-left: 25px;
}
.skr-migration-table.table thead:first-child tr td:last-child,
.skr-migration-table.table tbody tr td:last-child {
    width: 172px;
}
.skr-migration-table.table thead:first-child tr th,
.skr-migration-table.table tbody tr th {
    border: 0;
}
.skr-migration-table.table thead:first-child tr th:last-child,
.skr-migration-table.table tbody tr th:last-child {
    width: 180px;
}
.skr-migration-table.table tbody {
    height: 400px;
    overflow-y: auto;
}
.skr-migration-table.table input.error {
    border-color: #e64d33;
}
.clone-preferences {
    width: 217px;
    float: right;
    margin-top: 30px;
    border-radius: 12px;
    border: 1px solid #ebeaf2;
    background-color: #f9f9fb;
}
.clone-preferences .selected-settings {
    background-color: #e9ebf3;
    border-radius: 8px;
}
.insights-row-action:hover {
    background-color: #fafafa;
}
.popper-popover {
    box-shadow: 0 6px 12px #d7d5e2;
    width: 420px;
}
.popper-popover .close {
    font-weight: 100;
    opacity: 1;
}
.spend-summary .y-axis .tick line,
.spend-summary .y-axis .tick text {
    display: none;
}
.icon.icon-enable-online-filing {
    width: 235px;
    height: 235px;
}
.gst-offline-section {
    margin: 25px 20px;
}
.gst-offline-section > div {
    max-width: 800px;
}
.gst-offline-section .return {
    border: 1px solid #eee;
    padding: 0;
    border-radius: 3px;
    box-shadow: 0 0 10px 3px #f9f9f9;
    margin: 17px 0;
}
.gst-offline-section .return:hover {
    box-shadow: 0 0 10px 5px #f9f9f9;
}
.gst-offline-section .svg-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.gst-offline-section .grey-area {
    width: 0;
    height: 0;
    border-right: 28px solid #fff;
    border-bottom: 112px solid #fafafa;
    border-left: 100px solid #fafafa;
}
.gst-offline-section .navigate-action {
    margin: 40px 25px;
}
.gst-offline-section .gstr-offline-icon {
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50px;
    height: 50px;
}
.highlight-taxreturn > b {
    color: #ff3e3e;
}
.content-column.gst-filing-container .back-icon {
    margin: 10px 10px 10px 0;
}
.content-column.gst-filing-container .dropdown {
    max-width: 275px;
}
.content-column.gst-filing-container .header-band .header-actions {
    padding: 15px;
}
.content-column.gst-filing-container .reconciliations {
    top: 115px;
}
.content-column.gst-filing-container.navs-list > .tax-engine > .body,
.content-column.gst-filing-container > .body {
    padding: 0;
}
.content-column.gst-filing-container .body.zerotop {
    top: 0;
}
.content-column.gst-filing-container .body.overview-section {
    padding: 30px;
}
.content-column.gst-filing-container .body.overview-section .table {
    box-shadow: 0 1px 25px 5px #f7f7f7;
}
.content-column.gst-filing-container .body.overview-section .table:hover {
    box-shadow: 0 0 25px 4px #f1f1f1;
}
.content-column.gst-filing-container .fixed-sub-headers {
    top: 200px;
    left: 220px;
}
.content-column.gst-filing-container .reconciliation-txn-row > td:not(:first-child) {
    padding: 16px;
}
.content-column.gst-filing-container .reconciliation-txn-row > td:first-child {
    padding: 16px 8px;
}
.content-column.gst-filing-container .reconciliation-list {
    top: 116px;
}
.content-column.gst-filing-container .reconciliation-list .body {
    top: 0;
}
.content-column.gst-filing-container .recognized-details {
    background-color: #fff;
}
.content-column.gst-filing-container .recognized-details .body {
    top: 0;
}
.content-column.gst-filing-container .fixedcolumn-table-container {
    margin-left: 247px !important;
}
.content-column.gst-filing-container .tree-structure .tree-node .time {
    padding-left: 25px;
    font-weight: 600;
}
.content-column.gst-filing-container .tree-structure .tree-node:before {
    content: " ";
    position: absolute;
    top: 2.5px;
    left: -4.5px;
    color: #1b6ac4;
    width: 8px;
    height: 8px;
    z-index: 1;
}
.content-column.gst-filing-container .tree-structure .tree-node:after {
    content: " ";
    position: absolute;
    border: 1px solid #1b6ac4;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    top: 0;
    left: -7px;
    background-color: #fff;
}
.content-column.gst-filing-container .tree-structure .tree-node .tree-node-leaf {
    padding: 0;
    border: 0;
}
.content-column.gst-filing-container .tree-structure .tree-node .tree-node {
    padding: 0;
}
.gst-dashboard {
    padding: 20px 40px 15px;
    border-radius: 4px;
    margin-top: 40px;
}
.gst-dashboard a {
    color: #333;
}
.content-disabled {
    opacity: 0.5;
    position: relative;
}
.content-disabled::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    cursor: not-allowed;
    display: block;
}
.gstr3-filing-procedure {
    margin-bottom: 50px;
}
.gstr3-filing-procedure > div {
    width: 900px;
    margin: 30px auto 0;
    box-shadow: 1px 1px 11px #ccc;
    border-radius: 3px;
    padding: 20px 50px 10px;
}
.gstr3-points {
    border-left: 1px dashed #ddd;
    padding-left: 10px;
}
.gstr3-points > div {
    margin: 20px 0 20px 30px;
}
.gstr3-points a {
    color: #2799fb;
}
.gstr3-points a .caret-right {
    color: #bbb;
}
.gstr3-points .point {
    background-color: #2799fb;
    color: #fff;
    width: 25px;
    height: 25px;
    padding-top: 3px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin: 0 23px 0 -53px;
}
.return-top {
    display: inline-block;
    margin-left: 1%;
}
.gstr9-transaction {
    table-layout: auto;
    width: 100%;
}
.gstr9-list {
    max-width: 950px;
    padding: 31px 5% 15px;
}
.gstr9-list .previous-return-header {
    border-bottom: 1px solid #eee;
}
.gstr9-generate-button {
    padding: 8px 20px;
}
.gstr9-points-list {
    max-width: 950px;
    padding: 31px 5% 15px;
}
.gstr9-points-list ul {
    margin-left: -25px;
}
.gstr9-points-list a {
    text-decoration: underline;
}
.gstr9-regenarate-warning {
    background-color: #fff7d8;
    padding: 10px;
}
.gst9-filing-points.gstr3-points {
    border-left: none;
    margin-top: 0;
}
.gst9-filing-points.gstr3-points > div {
    margin: 10px 0 0 30px;
}
.gst9-filing-points.gstr3-points h4 {
    margin-left: -20px;
    padding-bottom: 12px;
}
.gst9-filing-points.gstr3-points .point {
    margin-right: 10px;
}
.gstr9-empty-list {
    background-color: #f8f7f7;
    padding-bottom: 90px;
}
.gstr9-empty-list .gstr9-points-list {
    margin: 0 auto;
}
.gstr9-summary {
    max-width: 900px;
    margin: 20px auto 30px;
}
.gstr9-summary .table-sub-title {
    background-color: #9cc3ec;
}
.gstr9-summary .row-desc {
    background-color: #e3e1cd;
}
.gstr9-summary .page-header {
    border: 0;
}
@media print {
    .gstr9-summary table {
        page-break-inside: avoid;
    }
    .gstr9-summary table thead {
        display: table-row-group;
    }
    .gstr9-summary tbody td {
        padding: 4px;
    }
}
.gstr9-summary .details-link {
    cursor: pointer;
}
.gstr9-summary .details-link:hover {
    background-color: #e3e1cd;
}
.gstr9-summary .details-link .col-link {
    color: #408dfb;
}
.gstr9-summary .sno-col {
    background-color: #e2ecf5;
}
.gstr9-summary thead {
    font-size: 16px;
}
.gstr9-summary thead td {
    padding: 10px 0;
}
.gstr9-summary thead td:first-child {
    color: #fff;
    padding-left: 10px;
    background-color: #9cc3ec;
    width: 50px;
}
.gstr9-summary thead td:nth-child(2) {
    color: #fff;
    background-color: #6a8aaf;
}
.gstr9-summary td {
    border: 1px solid #999;
}
.gstr9-summary td:empty {
    background-color: #eee;
}
.gstr-summary-total-row td:not(:first-child) {
    background-color: #f1c5c4;
}
.gs-container {
    max-width: 1280px;
}
.gs-top-section {
    padding: 0 40px;
}
.gs-row {
    margin-bottom: 30px;
}
.gs-row > div {
    margin-top: 35px;
}
.features-list > .media > .float-left {
    margin-right: 5px;
}
.gs-steps-new > div:nth-child(even) {
    padding-left: 10px;
}
.gs-steps-new > div:nth-child(odd) {
    padding-right: 10px;
}
.gs-steps a.media {
    display: block;
}
.gs-steps .step-status {
    height: 28px;
    width: 28px;
    border: 1px solid #268ddd;
    background-color: #f6fbff;
    border-radius: 50%;
}
.gs-steps .step-status .icon-accepted {
    margin: 0;
    vertical-align: middle;
}
.gradient-backdrop {
    background: linear-gradient(180deg, #fbfbfb 0, #fff 65%);
}
.gs-new-container {
    max-width: 768px;
    display: flex;
    margin: auto;
}
.gs-new-step-container {
    overflow: hidden;
    margin: 0 -20px -20px;
    padding-bottom: 50px;
}
.gs-step-header {
    margin: 35px 0 0;
}
.gs-step-header + hr {
    border-top: 3px solid #2a90fb;
    width: 75px;
}
.gs-new-featured {
    margin-bottom: 30px;
}
.gs-new-featured .featured-item {
    background-color: #f2f7fe;
    flex-grow: 1;
    flex-basis: 0;
    padding: 40px 35px 20px;
}
.gs-new-featured .featured-item:first-of-type {
    margin-right: 20px;
}
.gs-new-featured .yt-video-container {
    margin: 30px 0 45px;
}
.gs-new-featured .yt-video-container .img-fluid {
    width: 210px;
    height: 125px;
    margin: auto;
    border-radius: 5px;
    display: block;
}
.gs-new-featured .yt-video-container:hover img {
    transform: scale(1.02);
    transition-duration: 0.4s;
}
.gs-new-featured .gs-video-section:hover .regional-videos,
.gs-new-featured .gs-video-section:focus .regional-videos {
    opacity: 1;
}
.gs-new-featured .gs-video-section,
.gs-new-featured .gs-video-section:hover,
.gs-new-featured .gs-video-section:visited {
    color: unset;
}
.gs-new-featured .gs-left-rounded {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    margin-right: 1px !important;
}
.gs-new-featured .gs-right-rounded {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}
.gs-new-featured .icici-setup-pending {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fff7db;
    position: relative;
    padding-top: 75px;
}
.icici-sec-margin {
    margin: 0 45px;
}
.gs-video-steps {
    padding-left: 15px;
    margin-top: 20px;
}
.gs-video-steps .step {
    margin-bottom: 8px;
}
.gs-video-steps .step a {
    color: #000;
}
.gs-video-steps .step a svg {
    color: #0080ff;
}
.gs-video-steps .step a:hover svg {
    color: #fff;
    background-color: #2a90fb;
    border-radius: 50%;
}
.regional-videos {
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    margin: -30px auto 10px;
    max-width: 200px;
    display: flex;
}
.regional-videos .link {
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid #2a90fb;
    border-radius: 15px;
}
.regional-videos .link:not(:last-of-type) {
    margin-right: 10px;
}
.regional-videos .link.default {
    color: #fff;
    background-color: #2a90fb;
}
.gs-mobile-section {
    color: unset;
    text-decoration: none;
    padding-bottom: 10px;
}
.gs-mobile-section:visited {
    color: unset;
}
.gs-mobile-section:not(.gs-gstn-mobile):not(.gs-india-mobile-section):hover {
    background-color: #208eff;
    color: #fff;
}
.gs-mobile-section:not(.gs-gstn-mobile):not(.gs-india-mobile-section):hover .desc .highlight {
    color: #fff;
}
.gs-mobile-section:not(.gs-gstn-mobile):not(.gs-india-mobile-section):hover .app-links .icon {
    fill: #fff;
}
.gs-mobile-section .app-image {
    max-width: 175px;
    min-height: 185px;
}
.gs-mobile-section .title {
    margin-top: 25px;
    font-weight: 600;
}
.gs-mobile-section .desc,
.gs-mobile-section .app-links {
    margin-bottom: 15px;
    line-height: 20px;
}
.gs-mobile-section .desc .highlight {
    color: #0080ff;
}
.gs-mobile-section .app-links {
    padding-top: 4px;
}
.gs-mobile-section .app-links .icon {
    fill: #2a90fb;
}
.gs-mobile-section .app-links .icon:not(:last-of-type) {
    margin-right: 20px;
}
.gs-india-mobile-section .app-image {
    min-height: 140px;
}
.gs-india-mobile-section .app-image-container {
    min-height: 180px;
}
.gs-india-mobile-section .gs-carousel-slider {
    display: none;
}
.gs-india-mobile-section:hover .gs-carousel-slider {
    display: block;
}
.gs-new-steps {
    width: 100%;
}
.gs-new-steps .gs-step {
    display: flex;
    padding: 23px 20px;
    margin: 5px 0;
    transition: box-shadow 300ms ease-in-out;
}
.gs-new-steps .gs-step .gs-tick {
    fill: #dcdcdc;
}
.gs-new-steps .gs-step .step-cta {
    margin-left: auto;
    white-space: nowrap;
    align-self: center;
    color: #0080ff;
    padding: 3px 15px;
    border-radius: 30px;
    transition: color, background-color, 300ms ease-in-out;
}
.gs-new-steps .gs-step:hover {
    box-shadow: #eee 0 0 10px 1px;
}
.gs-new-steps .gs-step:hover .step-cta {
    background-color: #2a90fb;
    color: #fff;
}
.gs-new-steps .gs-step .step-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}
.gs-icici-steps-container {
    background-image: linear-gradient(180deg, #fbfbfb 0, #fff 100%);
}
.gs-icici-steps-container .gs-icici-steps .gs-step:hover {
    background-color: #fff;
}
.gs-new-steps .portal-setup {
    padding: 23px 20px;
    box-shadow: #eee 0 0 10px 1px;
}
.gs-new-steps .portal-setup .gs-step-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}
.gs-new-steps .portal-setup .form-control {
    width: 90%;
}
.gs-new-steps .portal-setup .btn-link {
    color: #0080ff;
}
.mobile-apps-badges {
    font-size: 24px;
}
.mobile-apps-badges a {
    color: var(--zf-grey-12);
}
.mobile-apps-badges a + a {
    margin-left: 10px;
}
.mobile-apps-badges .icon-windows:hover {
    color: #00a6ff;
}
.mobile-apps-badges .icon-android:hover {
    color: #549d06;
}
.mobile-apps-badges .icon-apple-watch:hover,
.mobile-apps-badges .icon-apple:hover {
    color: #a5adb0;
}
.gs-footer {
    margin: 60px -20px -50px;
    padding: 50px 60px 20px;
    background-color: #f8f8f8;
}
.gs-footer a.media {
    display: block;
}
.gs-footer .media-object[class*="icon-"] {
    margin-top: 3px;
}
.yt-video-container {
    position: relative;
}
.yt-video-container img {
    border: 1px solid transparent;
    box-shadow: #eee 0 0 25px 0;
}
.yt-video-container iframe {
    border: 1px solid #eee;
}
.yt-video-container .icon-play {
    font-size: 60px;
    color: #ddd;
    cursor: pointer;
    transition: color 0.5s ease-out;
}
.yt-video-container .icon-play:hover {
    color: #aaa;
}
.yt-video-container .yt-video-section {
    position: inherit;
    width: 399px;
    height: 200px;
    margin: 0 auto;
    box-shadow: #f5f5f5 0 10px 25px 0;
    border: 1px solid transparent;
    transition: border 0.3s ease-in-out;
}
.yt-video-container .yt-video-section:hover {
    border-color: #53b05a;
    box-shadow: #eee 0 20px 25px 0;
}
.yt-video-container .yt-video-section svg.video-play-icon {
    position: absolute;
    left: 107px;
    top: 85px;
}
.yt-video-container .yt-video-section .play-button-outer-ring {
    fill: #53b05a;
}
.yt-video-container .yt-video-section .play-button-inner-icon {
    fill: #fff;
}
.yt-video-container .yt-video-section .video-title-block {
    left: 158px;
    width: 200px;
    padding-left: 10px;
    border-left: 2px solid #53b05a;
}
.fs-video-popup {
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.fs-video-popup .close-btn {
    position: absolute;
    top: 6%;
    right: 4%;
    cursor: pointer;
}
.fs-video-popup .video-frame {
    width: 85vw;
    height: 50vh;
    min-height: 600px;
    border: 0;
    align-self: center;
}
.fs-video-popup .loading {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.gst-mig-container {
    overflow: auto;
}
.gst-mig-header {
    background-color: #e5f5ff;
    height: 155px;
}
.gst-mig-header .nav-tabs {
    border-bottom: none;
}
.gst-mig-header .nav-tabs .nav-item .nav-link {
    height: 55px;
}
.gst-mig-header .nav-tabs .nav-item .nav-link.active {
    background-color: #fff;
    border-top: 4px solid #0081d9;
    border-bottom: none;
}
.gst-mig-header .nav-tabs .nav-item .nav-link.active:hover {
    border-color: #0081d9;
}
.gst-mig-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.gst-mig-body {
    padding-top: 20px;
}
.gst-mig-body .gst-mig.intro-container {
    min-height: 75vh;
}
.gst-mig-body svg.mig-icon {
    width: 64px;
    height: 64px;
    margin-top: -8px;
}
.gst-mig-body .media > .float-left {
    margin-right: 20px;
}
.gst-mig-body .media {
    margin-top: 30px;
}
.gst-mig-body .txn-container {
    display: flex;
    margin-top: -20px;
    align-self: flex-start;
}
.gst-mig-body .txn-container .txn-list-column {
    width: 340px;
}
.gst-mig-body .txn-container .creation-column {
    padding: 20px;
    border-left: 1px solid #eee;
}
.gst-mig-body .line-item-column .form-control {
    border: 1px solid #ccc;
}
.gst-mig-body .line-item-column .form-control-plaintext {
    padding: 5px 8px;
}
.gst-mig-body .new-content {
    background-color: #a2dec8;
}
.gst-mig-body .new-content .form-control {
    background-color: #a2dec8;
    border: 1px solid #ccc;
}
.gst-mig-body .new-content.row {
    margin-left: -8px;
    margin-right: -8px;
}
.gst-mig-body .old-content {
    background-color: #fdedc2;
}
.gst-mig-body .total-row .total-label {
    width: 60%;
}
.gst-mig-body .total-row .total-amount {
    width: 40%;
}
.gst-mig-body .diff-amount {
    width: 48%;
    display: inline-block;
}
.gst-mig-body .taxes-label {
    padding-left: 1%;
}
.gst-mig-body .legend-container {
    padding: 10px;
}
.gst-mig-body .legend-box {
    height: 15px;
    width: 15px;
    display: inline-block;
    border: 1px solid #333;
    vertical-align: middle;
}
.gst-mig-body .legend-text {
    font-size: 12px;
    padding-left: 10px;
}
.gst-mig-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    margin: 0 0 0 -20px;
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 3;
    border-top: 1px solid #eee;
}
.gst-mig-footer .gst-actions {
    max-width: 800px;
    margin: auto;
}
.gst-entry {
    padding: 20px;
    border: 1px solid #f3f3f3;
    background-color: #f9f9f9;
}
.gst-entry .media-body {
    max-width: 450px;
}
.gst-entry .entity-count {
    color: #ff3e3e;
}
.gst-entry .media-heading {
    font-weight: 400;
    margin-top: 5px;
}
.gst-mig.intro-container {
    background: #fff;
    width: 100%;
    margin: -20px 0;
}
.media-list {
    max-width: 650px;
    margin: 0 auto;
    padding: 10px;
}
.item-migrator table {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.action-cell button {
    padding: 2px 10px;
}
.bulk-handler {
    background-color: #e5f5ff;
    animation: blinker 1s linear;
}
@keyframes blinker {
    0% {
        background-color: #e5f5ff;
    }
    50% {
        background-color: #fff;
    }
    to {
        background-color: #e5f5ff;
    }
}
.zi-table.table-hover tbody > tr.bulk-handler:hover {
    background-color: #e5f5ff;
}
.item-migrator tr.selected > td {
    background-color: #fafafa;
}
.table tbody > tr.bulk-handler td {
    padding-top: 20px;
    padding-bottom: 20px;
}
.gst-mig-body .popover-container {
    display: inline;
}
.icon.icon-primary {
    fill: #fd5337;
}
.icon-trigger {
    vertical-align: sub;
}
.summary-digits {
    color: #d64830;
}
.summary-continue {
    padding: 10px 45px;
}
.summary-card {
    border-bottom: 1px solid #ddd;
    padding: 22px 80px 22px 40px;
    margin: 15px;
}
th.fixed-name-column,
td.fixed-name-column {
    width: 13%;
}
.gs-video:hover {
    transform: scale(1.03);
    transition: transform 0.4s;
}
.gs-gstn-info {
    flex-wrap: wrap;
    background-color: #f2f7fe;
    border-left: 4px solid #2a90fb;
}
.gs-gstn-info .flex-item-1 {
    flex-basis: 100%;
    margin: 10px 20px;
}
.gs-gstn-info .flex-item-2 {
    flex-basis: 20%;
    margin: 0 20px;
}
.gs-gstn-video .yt-video-container {
    margin: 30px 0 20px;
}
.gs-gstn-video .yt-video-container .img-fluid {
    width: 230px;
}
.suggestions {
    position: absolute;
    z-index: 1000000;
    background: #fff;
    width: 93.2%;
    border: 1px solid #ddd;
    padding: 0;
}
.suggestions_header {
    padding: 15px;
}
.suggestions_header-close {
    padding-top: 4px;
}
.suggestions_suggestion {
    padding: 15px;
    cursor: pointer;
}
.suggestions_suggestion-link {
    color: #0080ff;
}
.suggestions_suggestion:hover {
    background-color: #2098ff;
    color: #fff;
}
.suggestions_suggestion:hover > .suggestions_suggestion-link {
    color: #fff;
}
.zom-gettingstarted {
    overflow-x: hidden !important;
}
.zom-gettingstarted .gs-integrations {
    margin: 20px -20px 0 -42px;
    padding: 40px 10px 40px 30px;
    background-color: #fafafa;
    background-image: url(images/gs-pattern-2732d952cc.png);
}
.zom-gettingstarted .gs-integrations .gs-text {
    color: #222;
    transition: 0.3s;
}
.zom-gettingstarted .gs-integrations .sales-channel {
    display: inline-flex;
}
.zom-gettingstarted .gs-integrations .sales-channel .market {
    padding: 6px 45px 0 0;
}
.zom-gettingstarted .gs-integrations > a:hover .gs-text {
    color: #0080ff;
}
.product-help-section {
    padding: 40px 0;
    margin: 0 -20px 0 -42px;
    border-bottom: 1px solid #eee;
}
.product-help-section .product-help-title {
    padding: 10px 0;
}
.product-help-section .product-help-title.text-gs {
    color: #0080ff;
}
.product-help-section .helpline-title::after {
    content: "";
    border-top: 1px solid #ddd;
    width: 25px;
    display: block;
    margin: 15px auto 10px;
}
.product-help-section .support-contact {
    justify-content: center;
    margin: 0 auto;
    max-width: 650px;
}
@media (min-width: 992px) {
    .product-help-section .global-contact:nth-child(2) {
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
    .product-help-section .gcc-contact:nth-child(n + 4) {
        border-top: 1px solid #eee;
    }
    .product-help-section .gcc-contact:nth-child(3n + 2) {
        max-width: 50%;
        flex-basis: 50%;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }
}
.zi-migration-freeplan .feature-container {
    background-color: #f8f8f8;
}
.zi-migration-freeplan .bg-light-blue {
    background-color: #ecf4ff;
}
.zi-migration-freeplan .title-color {
    color: #8d99ae;
}
.zi-migration-freeplan a:hover,
.zi-migration-freeplan .hover-blue:hover {
    color: var(--zf-blue-9);
}
.zi-migration-freeplan .svg-rotate-n90 {
    transform: rotate(-90deg);
}
.zi-migration-freeplan .migration-footer {
    background-color: #f2f2f7;
}
.migration-circle::before {
    content: "●";
    position: relative;
    right: 5px;
    top: -1px;
    color: #555;
}
.review-bg {
    background-color: #f8f8f8;
}
.getting-started-pg {
    overflow: hidden;
    height: 40px;
}
.and-more-text {
    min-width: 54px;
}
.billing-gs-container {
    border: 1px solid #efeff1;
    box-shadow: 0 4px 16px 0 rgba(6, 36, 30, 0.03);
    border-radius: 8px;
}
.billing-gs-progress {
    height: 3px;
    background-color: #eae9e9;
    border-radius: 0;
}
.billing-gs-progress .progress-bar {
    background-color: #069949;
}
.gs-index {
    border: 1px solid #e6e6f5;
    height: 25px;
    width: 25px;
}
.billing-gs-accordion:hover {
    background-color: #f7f7fe;
}
.billing-gs-accordion:hover .dropdown-icon {
    fill: #408dfb;
}
.billing-subtask-container .list-unstyled .billing-subtask-complete {
    display: none;
}
.billing-subtask-container .list-unstyled:hover .billing-subtask-complete {
    display: inline-block;
}
.gs-feature-container {
    border: 1px solid #eee;
}
.gs-feature-container .gs-feature-icon {
    transition: all 0.5s;
}
.gs-feature-container:hover {
    border: 1px solid #528df3;
    background-color: #fbfcff;
    cursor: pointer;
}
.gs-feature-container:hover .gs-feature-icon.bg-dim-red {
    background-color: var(--zf-red-10);
}
.gs-feature-container:hover .gs-feature-icon.bg-badge-green {
    background-color: var(--zf-green-13);
}
.gs-feature-container:hover .gs-feature-icon.faded-purple {
    background-color: var(--zf-purple-4);
}
.gs-feature-container:hover .gs-feature-icon svg.icon {
    fill: #fff;
}
.stats-progress {
    height: 5px;
    background: var(--gstab-progress-bar);
}
.gs-tab-arrow {
    top: 18px;
    right: 6px;
}
.gs-progress {
    height: 4px;
    background: var(--gstab-progress-bar);
    max-width: 130px;
    margin-top: 4px;
    margin-bottom: 6px;
}
.gs-close {
    background-color: #eff2f9;
}
.gstask-container {
    width: 48%;
}
.gstask-desc {
    top: -9px;
}
.gstask-animate {
    animation: gs-animate 1.5s ease-in-out;
}
@keyframes gs-animate {
    0% {
        max-height: 0;
        overflow: hidden;
    }
    to {
        max-height: 1000px;
        overflow: hidden;
    }
}
.gstask-completed {
    background-color: #f8fafe;
    transition: all 0.2s;
}
.gstask-collapsed:hover {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(13, 35, 92, 0.0588235294);
}
.gstask-form {
    border: 1px solid #eaedfa;
}
.gstask-form.gstask-arrow {
    border-color: #b6d3fe;
}
.gstask-form.gstask-arrow::before,
.gstask-form.gstask-arrow::after {
    content: "";
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: 25px;
}
.gstask-form.gstask-arrow::before {
    border-left-color: #b6d3fe;
    right: -7px;
}
.gstask-form.gstask-arrow::after {
    border-left-color: #fff;
    right: -6px;
}
.gstask-form .gs-template-name {
    font-size: 9px;
}
.gstask-form .gs-selected-template::before {
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    right: -5px;
    top: -4px;
    background: url(images/svgs/gs-tick-circled-5cd4e7b01b.svg) no-repeat;
}
.gstask-form .gs-selected-template svg {
    border: 1px solid #408dfb;
}
.gstask-form .gs-selected-template svg path.gs-thumbnail-bg {
    fill: #f3f6ff;
}
.gstask-form .gs-selected-template .gs-template-name {
    font-weight: 600;
}
.gstask-form .palette-toggle {
    border: 1px solid #d7d5e2;
}
.gstask-form .imgDIV {
    border: 1px dashed #d7d5e2;
    border-radius: 6px;
}
.gstask-form .gs-logo-container .imgDIV {
    border: 1px solid #d7d5e2;
}
.gstask-form .gs-logo-container .gs-logo-options {
    border: 1px solid #f0eefc;
    background-color: #f8fafe;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.gstask-form .gs-logo-container .gs-logo-options .gs-edit:hover {
    color: var(--zf-blue-25);
}
.gstask-form .gs-logo-container .gs-logo-options .gs-delete:hover {
    color: var(--zf-red-7);
}
.gstask-form .gs-note-bg {
    background-color: #f2f7fe;
}
.gs-success {
    color: #00b050;
}
.gs-selected-color {
    border-radius: 3px;
    height: 17px;
    width: 17px;
}
.gstask-separator {
    border-top: 1px solid #eaedfa;
}
.gs-template-container {
    border: 1px solid #eaedfa;
    background-image: radial-gradient(#e0e2eb 5%, transparent 11%), radial-gradient(#e0e2eb 5%, transparent 11%);
    background-color: #f3f8fe;
    background-size: 20px 20px;
    background-position: 0 0, 30px 30px;
    background-repeat: repeat;
    top: 75px;
    padding-bottom: 150px;
}
.gs-template-img {
    transform: translateY(8%);
    max-width: 490px;
    overflow: visible;
}
.gs-feature-config {
    transform: translateY(15%);
}
.gs-setup-portal {
    transform: translateY(25%);
}
.attachment-preview {
    margin-top: 15%;
    background-color: #fcfcfc;
    padding: 27px;
    overflow-x: auto;
    min-width: 99%;
}
.attachment-image {
    max-height: 85vh;
    max-width: 100%;
    overflow: auto;
}
.attachment-image.pdf-container {
    max-height: 100vh;
}
.attachment-image .attachment-content svg {
    opacity: 0.7;
}
.attachment-image .attachment-content .attachment-icon {
    width: 35vw;
    height: 400px;
    display: block;
}
.image-tools {
    position: fixed;
    display: flex;
    top: 90%;
    height: 42px;
    background-color: #fcfcfc;
    justify-content: center;
    width: 35%;
}
.circled-icon-next {
    transform: scaleX(-1);
}
.pdf-iframe {
    width: 99%;
    height: 80vh;
}
.doc-popup .pdf-iframe {
    height: 448px;
}
.document-preview .pdf-iframe {
    margin-top: 70px;
}
.boe-details {
    padding: 35px;
    border: 1px solid #e6e6e6;
}
.boe-details .boe-title-block {
    padding: 0 0 50px;
    text-align: center;
}
.boe-details .boe-title-block .boe-title {
    border-bottom: 1px solid #eee;
}
.boe-details .boe-total-amount {
    text-align: center;
    color: #fff;
    background-color: #78ae54;
    padding: 34px 5px;
    font-size: 15px;
}
.boe-details .boe-table {
    margin-top: 50px;
}
.boe-details .boe-table thead > tr > th {
    color: #333;
    background-color: #eff0f1;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
}
.boe-total-border {
    background-color: #fbfafa;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-top: 30px;
    color: #222;
}
iframe[data-location="webtab"] {
    min-height: 100vh;
}
.dev-widget-hotspot {
    width: 7px;
    height: 7px;
    transform: translateY(-50%);
    background-color: var(--unifiedtheme-red);
    box-shadow: 0 0 0 0 var(--unifiedtheme-red);
    border-radius: 50%;
    animation: beam 2s infinite;
}
.sidebar-widget::after {
    top: -1px;
    right: 7px;
    background-color: var(--unifiedtheme-red);
    box-shadow: 0 0 0 0 var(--unifiedtheme-red);
}
.button-widget::after {
    background-color: var(--unifiedtheme-red);
    box-shadow: 0 0 0 0 var(--unifiedtheme-red);
}
.report-builder-tree .report-builder-row {
    padding-top: 50px;
    position: relative;
    text-align: unset;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    list-style-position: inside;
    padding-left: 0;
}
.report-builder-tree .report-builder-row .report-builder-row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-left: 2px solid #70789a;
    width: 0;
    height: 50px;
}
.report-builder-tree .report-builder-row .report-builder-row.reports-builder-empty-row::before {
    height: 25px;
}
.report-builder-tree .report-builder-item {
    float: left;
    list-style-type: none;
    position: relative;
    padding-top: 40px;
    margin-right: 50px;
    transition: all 0.5s;
}
.report-builder-tree .report-builder-item::before,
.report-builder-tree .report-builder-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(50% - 1px);
    border-top: 2px solid #70789a;
    width: calc(50% + 50px);
    height: 40px;
}
.report-builder-tree .report-builder-item::after {
    right: auto;
    left: calc(50% - 1px);
    border-left: 2px solid #70789a;
}
.report-builder-tree .report-builder-item:only-child {
    padding-top: 0;
    margin-right: 0;
}
.report-builder-tree .report-builder-item:only-child::after,
.report-builder-tree .report-builder-item:only-child::before {
    display: none;
}
.report-builder-tree .report-builder-item:first-child::before,
.report-builder-tree .report-builder-item:last-child::after {
    border: 0;
}
.report-builder-tree .report-builder-item:last-child {
    margin-right: 0;
}
.report-builder-tree .report-builder-item:last-child::before {
    border-right: 2px solid #70789a;
    border-radius: 0 5px 0 0;
}
.report-builder-tree .report-builder-item:first-child::after {
    border-radius: 5px 0 0;
}
.report-builder-tree .report-builder-item .module-box-align {
    margin: 0 auto;
}
a > .external-link {
    display: none;
}
a:hover .external-link,
a:focus .external-link {
    display: inline;
    margin-left: 5px;
}
.popover-body {
    word-wrap: break-word;
}
.new-criteria.custom-report-header {
    padding-left: 20px !important;
    z-index: 9;
}
.reports-search-container {
    padding: 0 15px;
    position: relative;
}
.reports-search-container .icon-search {
    position: absolute;
    z-index: 1;
    margin-top: 9px;
    margin-left: 9px;
    font-size: 11px;
    color: #999;
}
.reports-search-container .ac-search-txt {
    padding: 6px 5px 6px 25px;
    height: 34px;
    opacity: 0.75;
}
.reports-search-container .ac-search-txt:focus {
    opacity: 1;
}
.reports-search-container .ac-dropdown .ac-dropdown-menu {
    min-width: 100%;
}
.reports-search-container .ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    min-width: 100%;
    max-height: 260px;
    border-top: 1px solid #ccc;
}
.reports-search-container .ac-dropdown .ac-dropdown-menu .ac-dropdown-results:empty {
    display: none;
}
.reports-search-container .auto-select .auto-select-arrow {
    display: none;
}
.rep-header {
    color: #888;
    padding-left: 10px;
    cursor: pointer;
}
.report-banner {
    margin-left: 1rem;
    background-color: var(--zf-yellow-8);
    border: 1px solid #ede5ae;
    padding: 10px;
}
.criteria-container {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.criteria-container .criteria-band {
    padding: 20px;
}
.tabbable {
    position: relative;
    z-index: 4;
}
.criteria-wrapper {
    background-color: #fff;
    position: relative;
    z-index: 8;
    transform: translate(0, -100%);
    transition: transform 0.3s ease-out;
    max-height: 0;
    overflow: hidden;
}
.criteria-wrapper.d-block {
    transform: translate(0, 0);
    max-height: none;
    overflow: auto;
}
.customize-link {
    min-width: 201px !important;
}
.criteria-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    flex-wrap: nowrap;
}
.criteria-row .criteria-tabs {
    width: 200px !important;
    flex-shrink: 0;
}
.criteria-row .criteria-tabs .nav .nav-link {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.criteria-row .criteria-tabs .nav .nav-link:hover {
    background-color: #fff;
}
.criteria-row .criteria-tabs .nav .nav-item.active {
    position: relative;
}
.criteria-row .criteria-tabs .nav .nav-link.active {
    color: #333;
}
.criteria-row .criteria-tabs .nav .nav-link.active:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background-color: #08c;
}
.criteria-row .criteria-tabs .nav .nav-item.active:before,
.criteria-row .criteria-tabs .nav .nav-item.active:after {
    position: absolute;
    top: 15px;
    right: -1px;
    width: 0;
    height: 0;
    display: block;
    content: " ";
    border-color: transparent;
    border-style: solid solid outset;
    z-index: 1;
}
.criteria-row .criteria-tabs .nav .nav-item.active:before {
    border-right-color: #dfdfdf;
    border-width: 10px;
}
.criteria-row .criteria-tabs .nav .nav-item.active:after {
    border-width: 9px;
    border-right-color: #fff;
    margin-top: 1px;
    margin-left: 2px;
}
.criteria-row .criteria-content {
    border-left: 1px solid #dadada;
    background-color: #fff;
    overflow-y: auto;
    flex-grow: 1;
}
.criteria-content .salesorder-status .dropdown-menu {
    max-height: 300px;
    overflow-y: scroll;
}
.criteria-actions {
    padding: 15px 215px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background-color: #fafafa;
}
.criteria-wrapper.d-block {
    display: flex !important;
    flex-direction: column;
    overflow-y: auto;
    flex-grow: 1;
}
.criteria-wrapper.d-block + .body {
    max-height: 0;
    padding: 0;
}
.criteria-content {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.criteria-content hr {
    width: 100%;
}
.criteria-content .form-vertical,
.criteria-content.form-vertical {
    padding: 20px 15px 15px 20px;
}
.criteria-content .form-vertical {
    overflow-x: hidden;
    overflow-y: auto;
    flex-grow: 1;
    position: relative;
}
.criteria-row {
    overflow-y: auto;
    flex-grow: 1;
}
tr.grouping-header-row > td {
    padding-top: 2em !important;
    border-top-color: #e5e5e5 !important;
}
tr.total-row > td {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    background-color: #fcfcfc;
}
tr.grouping-header-row ~ tr:not(.grouping-header-row):not(.total-row) td:first-child {
    padding-left: 30px !important;
}
.criteria-band [class*="btn-"] {
    margin-top: 25px;
}
.committed-stock-container .committedstock-header {
    padding: 6px !important;
    padding-left: 20px !important;
    height: 5px;
}
.rep-container .page-header {
    border: 0;
}
.rep-container .fill-container .zi-table tr.txns-level-one td:first-of-type {
    padding-left: 25px;
}
.rep-container .table thead > tr > th,
.rep-container .table tbody > tr > th,
.rep-container .table tfoot > tr > th,
.rep-container .table thead > tr > td,
.rep-container .table tbody > tr > td,
.rep-container .table tfoot > tr > td {
    padding: 6px;
    word-wrap: break-word;
    white-space: normal;
}
.rep-container .table .row-header td {
    padding: 8px 6px;
    background-color: #f7f7f7;
}
.rep-container .table .row-header:hover {
    background-color: #f7f7f7;
}
.rep-container .tags {
    margin-top: 25px;
}
.rep-container .tags p {
    margin: 0;
    line-height: 24px;
}
.rep-container .fill-container .zi-table tr th:first-of-type,
.rep-container .fill-container .zi-table tr td:first-of-type {
    padding-left: 35px;
}
.rep-container .report-details-table-container .zi-table th {
    padding: 8px;
}
.rep-container .report-details-table-container .zi-table td {
    padding: 12px 8px;
}
.financial {
    max-width: 900px;
    margin: 0 auto 30px;
}
.financial-comparison {
    min-width: 60%;
    max-width: 100%;
    width: auto;
}
.financial-comparison thead tr th:first-child {
    background-color: #fff;
}
.financial-comparison td {
    font-size: 14px;
}
.financial-comparison tr:last-child .rep-grandTtl,
.financial-comparison .total {
    border-bottom: 3px double #c6c6c6;
}
.table-container .financial-comparison {
    margin: 0 auto 30px;
}
.balance-tr:hover td {
    background-color: #f5f5f5;
}
.balance-tr.disabled:hover td {
    background-color: #fff;
    cursor: default;
}
.rep-ttl {
    border-bottom: 1px solid #dfdfdf;
    padding: 12px 10px 11px 5px;
    font-size: 15px;
    color: #666;
}
.rep-ttl td:last-child {
    border-bottom: 1px solid #b6b6b6;
    border-top: 1px solid #b6b6b6;
    text-align: right;
    padding: 5px;
}
.rep-subttl td {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    font-size: 14px;
    padding: 5px;
}
.rep-subttl td:last-child {
    text-align: right;
}
.rep-fin-th td,
.rep-fin-th th {
    color: var(--zf-grey-12);
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.rep-grandTtl {
    padding: 10px 5px;
    font-size: 15px;
    border-bottom: 1px solid #c6c6c6;
    white-space: nowrap;
    text-align: right;
}
.cf-table-container .badge-pill {
    padding: 3px 7px;
    font-size: 11px;
    background-color: #ddd;
}
.cf-table-container .rep-fin-th td {
    background-color: #fcfcfc;
    color: #000;
    padding: 10px;
}
.cf-table-container .cf-th td {
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    padding-top: 10px;
}
.cf-table-container .cf-th td:first-child {
    margin-top: -0.5px;
}
.cf-table-container .rep-lines td {
    padding: 5px 15px 3px 10px;
}
.cf-table-container .rep-lines td:first-child {
    padding-left: 45px;
    padding-right: 10px;
}
.cf-table-container .rep-lines:hover td {
    background-color: #f5f5f5;
    cursor: pointer;
}
.cf-table-container .title {
    padding: 20px 10px 10px 30px;
    color: #444;
}
.cf-table-container .netcash {
    border-top: 1px solid #ebebeb;
}
.cf-table-container .netcash td {
    padding: 10px 15px 10px 10px;
}
.cf-table-container .netcash td.netcash-tl {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.cf-table-container .netcash td:first-child {
    padding-left: 45px;
    padding-right: 10px;
}
.cf-table-container .grandttl {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.cf-table-container .grandttl td {
    padding: 10px;
}
.jr-table th {
    background-color: #f7f5f3;
    white-space: nowrap;
}
.jr-table th:not(:first-child) {
    width: 100px;
}
.jr-table td {
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
.jr-table tr:last-child td {
    background-color: #f7f5f3;
}
.jr-table td:last-child {
    border-right: none;
}
.zi-table.table-hover tbody tr.hover-muted:hover {
    background-color: transparent;
}
.zi-table.table-hover tbody tr.hover-muted:hover td {
    cursor: default;
}
.zi-table.table-hover tbody tr.hover-muted:hover td.cursor-pointer,
.zi-table.table-hover tbody tr.hover-muted:hover .erp-app .erp-details-page-header .details-menu-bar td.details-menu-item,
.erp-app .erp-details-page-header .details-menu-bar .zi-table.table-hover tbody tr.hover-muted:hover td.details-menu-item,
.zi-table.table-hover tbody tr.hover-muted:hover td.address-toggle-nav,
.zi-table.table-hover tbody tr.hover-muted:hover .certificate-upload td.delete-file,
.certificate-upload .zi-table.table-hover tbody tr.hover-muted:hover td.delete-file {
    cursor: pointer;
}
.proj-th tbody > tr > td {
    border-right: hidden;
}
.proj-th thead > tr > th {
    border-right-color: #ddd;
}
.proj-th thead:first-child tr:first-child th {
    border-bottom-color: #ddd;
}
.proj-th .rbdr {
    border-right: 1px solid #ddd;
}
.rule-item {
    padding-top: 10px;
}
.rule-item .action {
    position: absolute;
    padding-top: 5px;
    visibility: hidden;
    color: #e54643;
}
.rule-item:hover .action {
    visibility: visible;
}
.hours-band {
    max-width: 900px;
    margin: auto;
    border: 1px solid #eee;
    font-weight: 300;
}
.hours-band .total {
    padding-bottom: 15px;
    margin-bottom: 24px;
    border-bottom: 1px solid #eee;
}
.hours-band .cols-section {
    padding: 10px 30px;
}
.hours-band .cols-section .sub-text {
    margin-top: -4px;
}
.line-seperator .coll,
.seperator-col .coll {
    border-right: 1px solid #eee !important;
}
.line-seperator .coll:last-child,
.seperator-col .coll:last-child {
    border-right: 0 !important;
}
.line-seperator .coll {
    padding-left: 3px;
    padding-right: 6px;
}
.line-seperator .coll:last-child {
    padding-right: 0;
}
.line-seperator .coll:first-child {
    padding-left: 0;
}
.txn-row tbody tr.selected td {
    background-color: #fafafa;
}
.box-tot {
    padding-bottom: 10px;
    margin-left: 0;
    background-color: #fcfcfc;
    border-bottom: 1px solid #eee;
}
.box-tot .col-lg-2,
.box-tot .col-lg-8 {
    padding-top: 10px;
}
.rep-attn {
    color: #a94442;
}
.rep-attn .icon-attention {
    color: #a94442;
}
.reports-content .nav .open > a,
.reports-content .nav .open > a:hover,
.reports-content .nav .open > a:focus {
    border-color: #eee;
}
.reports-content .nav .caret,
.reports-content .nav a:hover .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}
.reports-content .financial-comparison tbody tr:hover span.dropdown-value {
    border-bottom: 1px solid !important;
}
.reports-content .zi-table.table-hover tbody tr:hover a,
.reports-content .financial-comparison tbody tr:hover a,
.reports-content .jr-table tbody tr:hover a {
    border-bottom: 1px solid;
}
.comments-history-column {
    border-left: 1px solid #ccc;
    left: 100%;
    z-index: 60;
    overflow: hidden;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
}
.comments-history-column.comments-expanded {
    width: 26%;
    left: 74%;
}
.comments-history-column.comments-expanded .body {
    margin-top: 91px;
    padding: 40px 10px 0;
    overflow-x: hidden;
}
.comments-history-column .add-comment {
    padding: 20px 15px 15px;
}
.comments-history-column .comment-icon {
    margin-left: 5.5px;
    vertical-align: middle;
}
.comments-history-column .btn-group {
    margin-top: -5px;
}
.comments-history-column .badge-comment {
    color: #444;
}
.comments-history-column .list-unstyled {
    position: absolute;
    left: 10px;
    right: 0;
}
.comments-history-column .row {
    padding-bottom: 20px;
}
.comments-history-column .row:hover .icon-trash {
    color: #337ab7;
}
.comments-history-column .comment {
    white-space: pre-line;
}
.comments-history-column .icon-cancel-circled {
    position: relative;
    margin: 0;
    color: #d64830;
}
.comments-history-column .txn-comment-icon {
    width: 25px;
    height: 25px;
    position: relative;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #f6fbff;
    border-color: #d3dce4;
    z-index: 2;
    padding-top: 1px;
}
.comments-history-column ul li:not(:first-child)::before {
    content: "";
    border-left: 1px solid #dadada;
    position: absolute;
    left: 17px;
    top: 25px;
    bottom: 75px;
}
.comments-history-column .icon-comment {
    color: #fff;
}
.vat-return {
    max-width: 850px;
    padding: 0 15px;
    margin-top: 40px;
    position: relative;
}
.vat-return .vat-return-header {
    border: 1px solid #ebebeb;
    margin-bottom: 40px;
}
.vat-return .page-header {
    border-bottom: none;
}
.vat-return .return-criteria {
    padding: 20px 50px 20px 110px;
}
.vat-return .draft-returnn-criteria {
    padding: 15px 10px 15px 20px;
}
.vat-return .btn-toolbar {
    padding-top: 15px;
}
.vat-return .inline-fields {
    margin-bottom: 15px;
    white-space: nowrap;
}
.vat-return .prev-txns-chk {
    padding: 0 15px 1px;
    border-top: 1px solid #ebebeb;
    background-color: #f9f9f9;
}
.vat-table {
    font-size: 15px;
    width: 850px;
    padding: 0 15px;
    margin: 20px 0 0 -15px;
    white-space: nowrap;
}
.vat-table .popover.adj-list-pop-over {
    width: 300px;
    padding: 0;
}
.vat-table .popover.adj-list-pop-over .arrow {
    left: 50%;
    padding: 0;
}
.vat-table .popover.adj-list-pop-over .table-row .row-action {
    visibility: visible;
    color: #777;
    padding-left: 5px;
}
.vat-table .popover.adj-list-pop-over .table-row:hover .row-action {
    visibility: visible;
    color: #222;
    padding-left: 5px;
}
.extended-vat-return {
    max-width: 1200px;
}
.extended-vat-return .vat-table {
    width: 1200px;
}
.total-row .gst-row {
    background-color: #f7f7f7;
}
.final-row {
    font-size: 18px;
}
.final-row .gst-row {
    background-color: #eff9ff;
}
.vat-box-row .gst-title {
    font-size: 17px;
    color: rgba(0, 0, 0, 0.65);
    margin: 25px -25px -15px;
}
.vat-box-row > div {
    padding: 10px;
}
.vat-box-row.top {
    margin-top: 30px;
}
.vat-box-row.top .gst-row {
    border-top: 1px solid #ebebeb;
}
.vat-box-row .popover-body {
    padding: 13px;
}
.vat-box-row .adj-list-pop-over {
    padding: 0 !important;
}
.vat-box-row .adj-list-pop-over .popover.bs-popover-bottom .arrow {
    padding: 0;
}
.vat-box-row .popover-container .popover {
    padding: 0;
}
.gst-row {
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}
.gst-row.last-col {
    border-right: 1px solid #ebebeb;
}
.vat-return-list .badge {
    border-radius: 0;
    color: #fff;
    width: 100px;
    background-color: #ccc;
}
.vat-return-list .status-unfiled {
    background-color: #fab86e;
    border-color: #f78d15;
}
.vat-return-list .status-finalized {
    background-color: #00acfa;
    border-color: #00acfa;
}
.vat-return-list .status-filed {
    background-color: #54a355;
    border-color: #356635;
}
.taxreturn-adjtotal {
    margin: -1% -3%;
}
.proj-summary tr:first-child th:first-child {
    width: 250px;
}
.proj-summary tr:first-child th {
    width: 650px;
}
.proj-summary tbody tr {
    height: 50px;
}
.proj-summary tbody tr td {
    vertical-align: middle;
}
tr.group-level-one td:first-child {
    padding-left: 35px !important;
}
tr.group-level-two td:first-child {
    padding-left: 50px !important;
}
tr.group-level-two > td,
tr.group-level-one > td {
    border-color: #f5f5f5 !important;
}
tr.group-header > td {
    padding-top: 2em !important;
    border-color: #f5f5f5 !important;
}
tr.group-subheader > td {
    background-color: #fcfcfc !important;
    color: #555 !important;
    border-color: #f5f5f5 !important;
}
.new-criteria {
    background-color: #fff;
    z-index: 4;
}
.header.new-criteria .close-reports {
    margin-left: 20px;
}
.zb-daterange-picker {
    height: auto;
}
.rep-new-band .criteria-row {
    background-color: #f6f8f9;
}
.rep-new-band .criteria-row .nav .nav-link.active {
    background-color: #fff;
}
.rep-new-band .criteria-row .nav .nav-item.active:before {
    border-right-color: #c7c6c7;
}
.reports-content .modal-backdrop {
    left: 200px;
    top: 105px;
    z-index: 3;
}
.rep-new-band .criteria-content .form-group {
    margin-bottom: 20px;
}
.new-criteria .date-filter {
    min-width: 160px;
    display: inline-block;
}
.rep-new-band .selection-list > li {
    margin-bottom: 0;
}
.reports-headerspacing {
    margin-top: -5px;
}
.reports-customizesettings {
    padding: 5px;
}
.reports-parentlbl {
    padding: 5px 0;
    margin-right: 10px;
}
.advance-analytics-subscript {
    bottom: 0.2em;
    font-size: 0.79em;
    position: relative;
}
.advance-analytics {
    margin-top: 15px;
    height: 42px;
    padding: 2px;
}
.content-column .reports-home-container .nav .nav-link {
    padding: 10px 0;
    border-bottom: 1px dashed #e9e9e9;
}
.content-column .reports-home-container .nav .nav-link:hover,
.content-column .reports-home-container .nav .nav-link:focus {
    background-color: #fff;
}
.reports-content .content-column {
    left: 0;
    right: 0;
    background-color: #fff;
}
.report-section {
    margin-bottom: 30px;
    max-width: 250px;
}
.reportslider {
    height: 65px;
    padding: 18px;
    border-right: 1px solid #eee;
    z-index: 5;
    position: absolute;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.reportslider + .import-steps {
    margin-top: 60px;
}
.reportslider ~ .header.new-criteria {
    padding-left: 90px;
}
.reports-navbar.h-slider.expanded {
    left: 0;
}
.reports-navbar.h-slider {
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 245px;
    border-right: 1px solid #ddd;
    background-color: #fafafa;
    position: absolute;
    left: -655px;
}
.reports-navbar.h-slider .nav .nav-link {
    background-color: #fafafa;
}
.reports-body.body.fill {
    padding: 0;
    border-top: 1px solid #eee;
}
.reports .nav-pills .nav-link.active {
    color: #fff;
    background-color: #268ddd;
}
.reports .list > li > a svg {
    fill: #268ddd;
}
.grptitle {
    color: #268ddd;
}
.highlight-subaccount-section {
    border-bottom: 1px solid #eee;
}
.arrow-shrink {
    color: #000;
    width: 16px;
    height: 9px;
}
.subaccount-toggle {
    margin-left: -20px;
}
.collapse-button {
    left: 270px;
    margin-bottom: 40px;
}
.collapse-button-accntantrep {
    left: 50px;
    margin-bottom: 20px;
}
.vat-calculation-summary {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 900px;
    margin: auto;
    margin-top: 30px;
}
.vat-calculation-summary tbody > tr > td {
    padding: 10px;
}
.multi-check-dropdown .dropdown-toggle {
    height: 33px;
    width: 100%;
    text-align: left;
}
.multi-check-dropdown .dropdown-toggle .multi-checkbox-text {
    padding-right: 20px;
    display: inline-block;
}
.multi-check-dropdown .dropdown-toggle .caret {
    margin-top: 10px;
}
.multi-check-dropdown .btn-secondary {
    background-color: #fff;
}
.multi-check-dropdown .text-overflow {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.multi-check-dropdown .dropdown-menu {
    width: 100%;
}
.multi-check-dropdown .dropdown-menu > li > a .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 10px;
    cursor: pointer;
}
.multi-check-dropdown .dropdown-menu > li.checkbox-group {
    color: #999;
    padding-left: 10px;
    padding-top: 5px;
}
.gstr-unpushedsummary.table > thead > tr > td:first-child {
    padding-left: 14px;
}
.gstr-unpushedsummary.table > thead > tr > td:last-child {
    padding-right: 14px;
}
.gstr-unpushedsummary.table > tbody > tr > td {
    font-size: 13px;
}
.gstr-unpushedsummary.table > tbody > tr > td:first-child {
    padding-left: 14px;
}
.gstr-unpushedsummary.table > tbody > tr > td:last-child {
    padding-right: 14px;
}
.gstr-3b-report.table > thead > tr > td {
    border: 1px solid #adb4c3 !important;
}
.gstr-3b-report.table > thead > tr > td:first-child {
    padding-left: 14px;
}
.gstr-3b-report.table > thead > tr > td:last-child {
    padding-right: 14px;
}
.gstr-3b-report tr:hover {
    background-color: #f5f4f3;
}
.gstr-3b-report.table > tbody > tr > td {
    font-size: 13px;
    border: 1px solid #adb4c3 !important;
}
.gstr-3b-report.table > tbody > tr > td:first-child {
    padding-left: 14px;
}
.gstr-3b-report.table > tbody > tr > td:last-child {
    padding-right: 14px;
}
.gstr-3b-report.date-filter {
    padding-top: 15px;
}
.gstr3b-disabled-row {
    background-color: #f5f4f3;
}
.api-chat .chart-div {
    border-right: 1px solid #eee;
}
.api-chat .api-data {
    padding-top: 60px;
}
.custom-report .ac-selected {
    background-color: var(--zf-btn-secondary-bg);
}
.gst-reconciliation-details {
    position: fixed;
    top: 250px;
    bottom: 20px;
    width: 98%;
}
.gst-reconcile-header {
    padding: 20px 15px;
    text-align: center;
    margin-bottom: 20px;
}
.gst-reconciliation-txn-row {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.gst-reconciliation-txn-row:hover {
    background-color: #f7f7f7;
}
.gst-reconciled-txn {
    border-bottom: 1px solid #ddd;
    padding: 15px;
}
.gst-reconciled-txns-list .bulk-selection-cell {
    border-left: 1px solid #ddd;
}
.gst-v-margin {
    padding: 15px 0;
}
.gst-selected-txns {
    position: relative;
    display: inline-table;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    width: 100%;
    border: 1px solid #ddd;
    top: 25px;
    text-align: center;
}
.gst-reconcile-border-right tr {
    border-right: 1px solid #ddd;
}
.gst-reconcile-border-right tr.empty-list {
    border-right: none;
}
.gst-invoice-reconcile {
    height: 450px;
    top: -5px !important;
    padding: 5px !important;
    width: 88%;
}
.gst-details-cx {
    height: 350px;
    top: 90px;
    border: 1px solid #ddd;
    margin-left: -2px;
}
.table.light-table.pushed-transactions-table > tbody > tr > td {
    font-size: 12px;
}
.table.light-table.pushed-transactions-table > tbody > tr > td.inner-table {
    padding: 0;
}
.table.light-table.pushed-transactions-table > tbody > tr > td.inner-table .zi-table {
    border-bottom: 0;
    margin-bottom: 0;
}
.table.light-table.pushed-transactions-table > tbody > tr > td.inner-table .zi-table > tbody > tr > td {
    padding-left: 6px;
    border: 0;
    margin: 0;
    font-size: 13px;
    max-width: 100px;
}
.schedule-format tbody > tr.section > td {
    padding-top: 10px;
}
.fill-container.fixedcolumn-table-container.gst-report-container .hide-borders .table > tbody > tr > td {
    border: 0;
}
.fill-container.fixedcolumn-table-container.gst-report-container.form27eq-table table > thead > tr > th {
    width: 160px;
}
.fill-container.fixedcolumn-table-container.gst-report-container.form27eq-table table > thead > tr > th:first-child {
    width: 180px;
}
.fill-container.fixedcolumn-table-container.gst-report-container.form27eq-table.groupby-collectioncode thead > tr > th {
    width: auto;
}
.fill-container.fixedcolumn-table-container.gst-report-container table thead > tr > th {
    width: 180px;
    background-color: #f5f5f5 !important;
}
.fill-container.fixedcolumn-table-container.gst-report-container table thead > tr > th:first-child {
    width: 300px;
}
.fill-container.fixedcolumn-table-container.gst-report-container table thead > tr > th.invisible {
    border: 0;
    line-height: 0;
    padding: 0;
    font-size: 13px;
}
.fill-container.fixedcolumn-table-container.gst-report-container table tbody > tr > td {
    width: 180px;
}
.fill-container.fixedcolumn-table-container.gst-report-container table tbody > tr > td.inner-table {
    padding: 0;
}
.fill-container.fixedcolumn-table-container.gst-report-container table tbody > tr > td.inner-table table {
    border: 0;
}
.fill-container.fixedcolumn-table-container.gst-report-container table tbody > tr > td.inner-table table th:first-child {
    min-width: 180px;
    width: 180px;
}
.fill-container.fixedcolumn-table-container.gst-report-container table tbody > tr > td.inner-table table tbody > tr > td {
    padding: 10px 6px;
}
.fill-container.fixedcolumn-table-container.gst-report-container table tbody > tr > td.inner-table table tbody > tr > td:first-child {
    z-index: 0;
}
.fill-container.fixedcolumn-table-container.gst-report-container table tbody > tr > td.inner-table table tbody > tr > td:first-child::after {
    content: none;
}
.tax-return-header {
    font-size: 24px;
    font-weight: 400;
    margin-top: 50px;
}
.tax-return-table thead > tr > th,
.tax-return-table tbody > tr > td {
    padding: 10px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.tax-return-table thead > tr > th {
    border-color: #ebebeb !important;
    background-color: #f5f5f5 !important;
}
.tax-return-table tbody > tr > td.disabled-cell {
    background-color: #f9f9f9;
}
.tax-return-table tbody .box-details {
    white-space: normal;
    color: #555;
    margin-top: 5px;
}
.bh-tax-return thead > tr > th {
    white-space: normal;
    vertical-align: middle;
}
.za-tax-return-table {
    border-spacing: 0;
}
.za-tax-return-table thead th {
    color: #5d678a;
    border: 1px solid #ebeaf2;
}
.za-tax-return-table .field-number-box {
    width: 34px;
    height: 34px;
    background-color: rgba(64, 141, 251, 0.1019607843);
}
.za-tax-return-table .additional-field-taxable-amount {
    padding: 2px 2px 2px 4.5px;
    line-height: normal;
}
.table.germany-vat-summary-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 0;
}
.table.germany-vat-summary-table thead > tr > th,
.table.germany-vat-summary-table tbody > tr > td {
    padding: 10px 15px;
}
.table.germany-vat-summary-table thead > tr > th.section-header,
.table.germany-vat-summary-table tbody > tr > td.section-header {
    position: sticky;
    top: 43px;
}
.table.germany-vat-summary-table thead:first-child > tr:first-child > th {
    position: sticky;
    top: 0;
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: var(--zf-grey-12);
    font-size: 13px;
    width: 16%;
    text-transform: uppercase;
}
.table.germany-vat-summary-table thead:first-child > tr:first-child > th:first-child {
    border-top-left-radius: 10px;
    width: 26%;
}
.table.germany-vat-summary-table thead:first-child > tr:first-child > th:not(:first-child) {
    border-left: 0;
}
.table.germany-vat-summary-table thead:first-child > tr:first-child > th:last-child {
    border-top-right-radius: 10px;
}
.table.germany-vat-summary-table tbody > tr > td {
    border: 1px solid #ebebeb;
    border-top: 0;
    border-right: 0;
}
.table.germany-vat-summary-table tbody > tr > td:last-child {
    border-right: 1px solid #ebebeb;
}
.table.germany-vat-summary-table tbody > tr:last-child > td {
    border-radius: 0 0 10px 10px;
}
.german-vat-summary-total-section > div:first-child {
    padding-left: 15px;
    position: relative;
}
.german-vat-summary-total-section > div:first-child:before {
    content: "";
    position: absolute;
    border: 2px solid #d7d5e2;
    height: 36px;
    top: 5px;
    left: 0;
}
.gstr-annual-summary {
    margin-bottom: 50px;
}
.gstr-annual-summary thead > tr > td:first-child {
    width: 40%;
}
.disable-td-cell {
    background-color: #f5f4f3;
}
.show-versions,
.versions-arrow {
    cursor: pointer;
    color: #408dfb;
}
.show-versions {
    visibility: hidden;
    margin-top: -2px;
}
.zi-table.table-hover tbody tr:hover .show-versions {
    visibility: visible;
}
.reports-content .audittrail-versions {
    border-left: 1px solid #e4e4e4;
    background-color: #fbfbfb;
    transition: 0.2s;
    width: 25%;
}
.reports-content .audittrail-versions.collapsed-side-bar-view {
    width: 10%;
}
.reports-content .at-top-header {
    padding-left: 90px;
    transition: 0.2s;
}
.reports-content .at-top-header .at-compare-view {
    color: #000;
    font-size: 18px;
    padding-top: 22px;
    padding-left: 41%;
}
.reports-content .at-details-outer {
    padding-top: 30px;
    transition: 0.2s;
}
.reports-content .at-details-outer .at-details {
    margin: 0 130px;
}
.audittrail-header {
    border-bottom: 1px solid #e4e4e4;
    height: 65px;
    padding: 25px 20px;
}
.audittrail-header.audittrail-header-modified {
    text-align: center;
    padding: 25px 5px;
    margin: 0 auto;
}
.at-version-row {
    border-bottom: 1px solid #e4e4e4;
    padding: 12px 20px;
    margin: 0 -10px;
}
.at-version-row:hover {
    background-color: #fff;
    cursor: pointer;
}
.at-version-row .version-number {
    color: #019def;
    padding: 0 6px;
}
.at-version-row .active {
    color: #fff;
    background-color: #019def;
    border-radius: 50%;
    padding: 5px 6px 4px;
}
.at-version-row .at-created-time {
    padding-left: 30px;
}
.at-version-row .smallView {
    width: 34px;
    margin: 0 auto;
    text-align: center;
}
.show-compare-btn:hover {
    background-color: inherit;
    cursor: default;
}
.at-img-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.selected {
    background-color: #fff;
}
.at-details-header {
    border-bottom: 1px solid #e6e6e6;
    font-size: 20pt;
    padding: 20px;
    font-weight: 600;
    color: #444;
}
.at-item-row td {
    padding: 13px 10px;
    vertical-align: top;
}
.at-additional-row {
    font-size: 9pt;
    border-bottom: 1px solid #e3e3e3;
}
.at-additional-row .row {
    padding-left: 8px;
}
.at-additional-row td {
    padding-bottom: 10px;
}
.at-diff-modified {
    background-color: #ff0;
    padding: 1px 3px;
    line-height: 18px;
}
.at-diff-add {
    background-color: #cfffdc;
    padding: 1px 3px;
    line-height: 18px;
}
.at-diff-removed {
    background-color: #fdd;
    padding: 1px 3px;
    line-height: 18px;
}
.at-status {
    margin: 0 10px 0 20px;
}
.at-status .row {
    padding-top: 10px;
}
.at-status-box {
    width: 15px;
    height: 15px;
    border: 1px solid #ddd;
    padding-left: 0;
    padding-right: 0;
}
.legends-text {
    width: 70px;
    padding-left: 5px;
    text-align: left;
}
.at-added {
    background-color: #cfffdc;
}
.at-modified {
    background-color: #ff0;
}
.at-removed {
    background-color: #fdd;
}
.at-lineitem-header {
    background-color: #333;
    padding: 10px;
    color: #fff;
    font-size: 8pt;
    vertical-align: top;
}
.at-address-div {
    margin-top: 20px;
}
.at-address-div .row {
    padding-bottom: 7px;
}
.at-line-item-table {
    margin-top: 20px;
    width: 100%;
    word-wrap: break-word;
}
.at-item-amount {
    width: 120px;
}
.at-totals {
    width: 100%;
    border: 0;
}
.at-totals td {
    border: 0;
    padding: 10px;
    text-align: right;
}
.at-totals .at-balance {
    background-color: #f5f4f3;
}
.at-notes {
    margin-top: 50px;
}
.at-notes label {
    font-size: 10pt;
}
.at-notes p {
    margin-top: 7px;
    font-size: 8pt;
}
.at-entity-line {
    position: relative;
}
.at-entity-line:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    border-top: 1px solid #eee;
}
.at-entity-line span {
    position: relative;
    background-color: #fff;
    padding-right: 10px;
}
.at-details-body {
    padding: 10px 40px 40px;
    font-size: 10pt;
}
.at-badge-warning {
    background-color: #ff7e00;
    padding: 5px 10px;
    border-radius: 0;
}
.audit-report {
    width: 45%;
    margin: auto;
    border-top: 1px solid #eee;
    padding-top: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 60px;
}
.audit-report > li {
    margin-bottom: 15px;
}
.shrinkBottomBar {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 45px;
    height: 35px;
    text-align: center;
    padding-top: 10px;
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0;
    box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.05);
}
.audittrailfooter {
    width: 100%;
    padding: 20px;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.05);
}
.audittrailfooter.compareAndCancelButtons {
    text-align: center;
    padding: 0;
}
.audittrailfooter.compareAndCancelButtons button {
    width: 100%;
    height: 50px;
    border-radius: 0;
}
.flyout-reports {
    z-index: 10;
}
.flyout-reports .flyout-reports-body {
    top: 60px;
    padding-top: 0 !important;
}
.flyout-reports .flyout-filter {
    margin-bottom: 25px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.flyout-reports .flyout-filter .flyoutreport-dropdown .ac-box .ac-selected {
    border-color: transparent;
}
.report-criteria-warning {
    margin: -27px 0 0 280px;
}
.reports-builder-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}
.reports-builder-header.fixed-header {
    position: sticky;
    left: 0;
}
.reports-builder-header .close {
    opacity: unset;
}
.reports-builder-creation {
    background-image: radial-gradient(#f1f1f8 2px, transparent 0);
    background-size: 25px 25px;
    background-color: #fbfbfb;
    height: 100%;
    min-width: 100%;
}
.reports-builder-creation .module-box-align {
    width: 425px;
}
.reports-builder-creation .module-box-align .loading {
    margin-top: 0;
}
.reports-builder-creation .module-box {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    box-shadow: rgba(28, 29, 85, 0.05) 0 2px 4px 0;
}
.reports-builder-creation .module-pref {
    background-color: #f9f9fc;
    padding: 20px;
    border-radius: 10px;
}
.reports-builder-creation .pref-icon {
    padding: 5px 15px;
    border-radius: 5px;
}
.reports-builder-creation .pref-icon.active {
    padding: 5px 8px;
    background-color: #ebf3fe;
    margin: 0 15px;
}
.reports-builder-creation .delete-icon {
    color: #e54643;
}
.reports-builder-creation .arrow-down {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #70789a;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: -6px;
}
.reports-builder-creation .report-builder-new {
    position: relative;
    left: 10px;
    transform: translateX(-50%);
    z-index: 1000;
    top: 15px;
}
.reports-builder-creation .report-builder-new .rounded-plusicon {
    display: flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    float: right;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}
.custom-report-details {
    background-color: #f9f9fc;
}
.custom-report-details .builder-dropdown-item:hover {
    color: var(--zf-dropdown-link-color) !important;
    background-color: transparent !important;
}
.custom-report-details .builder-dropdown-menu {
    transform: translate(-50%, 5%);
}
.balancesheet-tformat {
    margin: 0 auto 30px;
    min-width: 80%;
    max-width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    border-collapse: separate;
}
.balancesheet-tformat td {
    width: 50%;
    vertical-align: top;
    padding: 0;
}
.balancesheet-tformat td:first-child {
    border-right: 1px solid #ddd;
}
.balancesheet-tformat td .title {
    padding: 10px 20px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}
.balancesheet-tformat tr:last-child > td {
    padding: 10px 32px 10px 20px;
    font-weight: 600;
    border-top: 1px solid #ddd;
}
.balancesheet-tformat .details-section {
    padding: 10px 20px;
}
.balancesheet-tformat .subdetails-section > .title {
    border-top: 1px solid #eee;
    padding: 16px 12px 10px;
}
.balancesheet-tformat .accounts-row {
    padding: 8px 12px;
}
.balancesheet-tformat .accounts-row.apply-border {
    border-top: 1px solid #eee;
}
.balancesheet-tformat .accounts-row.apply-margin {
    margin-top: 8px;
}
.balancesheet-tformat .accounts-row.fill-bg {
    background-color: #f7f9ff;
}
.balancesheet-tformat-legend {
    width: 80%;
    margin: auto;
    position: relative;
}
@media print {
    .balancesheet-tformat-legend {
        width: 100%;
    }
}
.tb-comparison-table .new-section {
    border-left: 1px solid #eee;
}
.tb-comparison-table thead th {
    border-top: 1px solid #ddd;
    min-width: 120px;
    text-transform: uppercase;
}
.tb-comparison-table thead th:first-child {
    background-color: #fff;
}
.my-favorites {
    margin-bottom: 30px;
}
.my-favorites .report-section {
    margin-bottom: 0;
}
.gstr9-date-disabled {
    background-color: #eee;
}
.gstr3b-sel {
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.gstr3b-sel input {
    border: 0;
    cursor: pointer;
}
.gstr3b-sel input:focus,
.gstr3b-sel input:focus.error {
    outline: 0;
}
.account-group-name {
    position: relative;
    text-transform: uppercase;
}
.account-group-name:nth-of-type(2) {
    padding-left: 0;
}
.account-group-name:before {
    content: "";
    border-top: 1px solid #eee;
    width: 92%;
    position: absolute;
    top: 50%;
}
.account-group-name span {
    background-color: #fff;
    padding: 0 5pt;
    position: relative;
    margin-left: -5px;
}
.form-08-table td:empty:after {
    content: "-";
}
.kfc-summary-container {
    max-width: 1200px;
    margin: auto;
}
.kfc-summary-table thead > tr > th,
.kfc-summary-table td {
    border: 1px solid #999;
    vertical-align: middle;
    padding: 10px;
}
.kfc-summary-table thead > tr > th {
    color: #555;
    font-weight: 600;
}
.kfc-summary-table td {
    white-space: nowrap;
}
.autocomplete-drop .grey-text {
    color: var(--zf-grey-12);
}
.autocomplete-drop .active .grey-text {
    color: #fff;
}
.rep-layout-preview {
    padding: 20px;
    background-color: #fff;
}
.rep-layout-preview .rep-layout-classic > tbody > tr > td {
    padding: 2px;
}
.rep-layout-preview .rep-layout-compact > tbody > tr > td {
    padding: 1px;
    font-size: 12px;
}
.rep-layout-preview .rep-layout-super-compact > tbody > tr > td {
    padding: 0;
    font-size: 12px;
}
.rep-layout-preview .rep-layout-default,
.rep-layout-preview .rep-layout-alternative-columns > tbody > tr > td {
    border-top: 1px solid #ededed;
}
.rep-layout-preview .rep-layout-alternative-columns > tbody > tr > td:nth-child(2n + 1) {
    background-color: #fafafa;
}
.rep-layout-preview .rep-layout-default > tbody > tr:first-child td {
    background-color: #ececec;
}
.rep-layout-preview-bkg {
    background-color: #f8f9fe;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: padding-box;
    height: 425px;
}
.popover-scroll > .popover-body {
    overflow: hidden;
    min-height: 100px;
    max-height: 300px;
    white-space: nowrap;
}
.popover-scroll > .popover-body:hover {
    overflow: auto;
}
.dropdown-scroll {
    overflow: auto;
    min-height: 100px;
    max-height: 300px;
    white-space: nowrap;
}
.schedule-image {
    width: 35px;
    height: 35px;
    border: #fff 2px solid;
}
.image-large {
    width: 40px;
    height: 40px;
}
.schedulelist-mail {
    overflow: hidden;
    width: 58%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 45px;
}
.schedule-table tr td {
    padding-top: 25px;
    padding-bottom: 25px;
}
.reports-analytics {
    width: 110px;
    height: 110px;
    border: 1px solid #ddd;
    border-radius: 6px;
    float: left;
    padding: 30px;
    margin-right: 30px;
}
.reports-schedule {
    background-color: #e6f2ff;
    border-radius: 5px;
}
.mw-80 {
    max-width: 80%;
    width: fit-content;
}
.reconciliation-tabs {
    margin-top: 50px;
}
.reconciliation-tabs .nav-item {
    background-color: #fbfafe;
    border-radius: 10px 10px 0 0;
    width: 255px;
}
.reconciliation-tabs .nav-item:hover {
    color: #000;
}
.reconciliation-tabs .nav-link {
    border-color: #e9ecef;
}
.reconciliation-tabs .text-red {
    color: #ff2569;
}
.reconciliation-tabs .text-green {
    color: #1fce88;
}
.reconcilaition-summary svg {
    border: 1px solid #e9ecef;
    border-radius: 10px;
}
.reconcilaition-summary svg path:first-child {
    fill: #fff;
}
.reconciliation-summary-table {
    max-width: 60%;
    margin: auto;
}
.reconciliation-summary-table tr > td {
    border-right: 1px solid #eee;
}
.reconciliation-summary-table tr > td:first-child {
    border-left: 1px solid #eee;
}
.ratio-line {
    width: 127px;
    height: 0;
    border-bottom: 1px solid #d6cfc5;
    position: absolute;
}
.zom-reports-pagetips p {
    font-size: 13px;
    line-height: 1.75rem;
}
.reports-list ul {
    padding-left: 15px;
}
.reports-list ul li {
    font-size: 13px;
    padding-bottom: 5px;
}
.reports-formula {
    background-color: #fff7ec;
    border-left: 2px solid #fba800;
}
.reports-formula .formula-rhs {
    width: 41%;
    margin-left: 50%;
    margin-top: -28px;
}
.reports-formula .formula-lhs {
    margin-left: -1%;
    margin-top: 11px;
}
.business-ratio {
    background-color: #fbfcff;
    border: 1px solid #f5f5f5;
    border-radius: 6px;
}
.business-ratio .business-ratio-line {
    border-right: 1px solid #ebecef;
}
.business-ratio-line:after,
.business-ratio-line:before {
    right: -1px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
.business-ratio-line:after {
    border-right-color: #fbfcff;
    border-width: 7px;
    margin-top: -7px;
}
.business-ratio-line:before {
    border-right-color: #ebecef;
    border-width: 9px;
    margin-top: -9px;
}
.cashflow-forecast-report .zi-table tr th:last-of-type,
.cashflow-forecast-report .zi-table tr td:last-of-type {
    padding-right: 6px;
}
.cashflow-forecast-report .zi-table tr .cashflow-futuredata:after {
    border-top: 1px solid #fba800 !important;
}
.cashflow-futuredata {
    background-color: #fff4e7 !important;
    border-top: 1px solid #fba800 !important;
    background-clip: initial !important;
}
.selected-item .include-recurring-entity .tick-filled {
    visibility: visible;
}
.overflow-y-auto {
    overflow-y: auto;
}
.tick-filled svg {
    vertical-align: middle;
    fill: #1aaf5d;
}
.tick-unselected svg {
    fill: #c2cbd6;
}
.recurring-entity-footer {
    padding-top: 18px !important;
}
.forecast-empty-msg {
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.highlight-bg:hover {
    background-color: #f1f4f9;
}
.table-waterfall.zi-table.table tbody > tr > td,
.table-waterfall.zi-table.table thead > tr > th {
    border: 0;
    padding: 12px 10px;
    min-width: 100px;
}
.table-waterfall.zi-table.table tbody > tr > td:first-of-type,
.table-waterfall.zi-table.table thead > tr > th:first-of-type {
    z-index: 2;
    left: -20px;
    position: sticky;
    min-width: 160px;
    padding-left: 20px;
    background-color: #f9f9fb;
    border-right: 1px solid #efefef;
}
.table-waterfall.zi-table.table tbody > tr > td:last-of-type,
.table-waterfall.zi-table.table thead > tr > th:last-of-type {
    padding-right: 20px;
    background-color: #f9f9fb;
    border-left: 1px solid #efefef;
}
.table-waterfall.zi-table.table thead > tr th:first-child {
    z-index: 4;
}
.table-waterfall.zi-table.table tr:last-of-type td {
    border-top: 1px solid #efefef;
}
.mrr-chart .mrr-chart-toggler {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid var(--zf-grey-17);
}
.mrr-chart .mrr-chart-toggler .groupby-container {
    float: none;
}
.mrr-chart .mrr-chart-toggler .groupby-container .btn:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.mrr-chart .mrr-chart-toggler .groupby-container .btn:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.mrr-chart .mrr-chart-toggler .groupby-container .btn:focus {
    box-shadow: none;
}
.mrr-chart .mrr-chart-toggler .btn-blue-outline {
    color: #268ddd;
    border-color: #268ddd;
}
.mrr-chart .mrr-chart-toggler .expected-mrr .content {
    width: 250px;
    max-width: 350px;
    left: auto !important;
    right: 0 !important;
}
.mrr-chart .mrr-chart-toggler .expected-mrr .content .arrow {
    left: 85%;
}
.mrr-chart .mrr-chart-toggler .expected-mrr .content .popover-body {
    padding-top: 20px;
}
.mrr-chart .mrr-chart-toggler .separator {
    width: 1.5px;
    height: 13px;
    background-color: #e8e8e8;
}
.mrr-chart .mrr-chart-group {
    padding: 0 20px;
}
.mrr-chart .mrr-chart-group .line-path {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3px;
}
.mrr-chart .mrr-chart-group #zec-horizontal-tooltip {
    text-align: left;
    width: max-content !important;
    min-width: 200px;
    border-radius: 5px;
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.03);
}
.mrr-chart .mrr-chart-group .horizontal-line path {
    stroke: #d3d3d3;
    stroke-width: 2px;
    stroke-dasharray: 5;
}
.mrr-chart .mrr-chart-group .net-growth-line {
    stroke: #202b5a;
}
.mrr-chart .mrr-chart-group .line-parallel-xaxis {
    stroke: #ccc;
}
.mrr-chart .mrr-chart-group .x-axis .domain,
.mrr-chart .mrr-chart-group .y-axis .domain {
    stroke: #beb9b9;
}
.mrr-chart .address-toggle-nav,
.mrr-chart .address-toggle-nav span {
    border-radius: var(--zf-btn-border-radius);
}
.mrr-chart #dot,
.mrr-table #dot {
    width: 9px;
    height: 9px;
    border-radius: 27%;
    display: inline-block;
}
.new-mrr-drilldown tr:nth-child(5) td,
.new-mrr-drilldown tr:nth-child(5) th,
.new-mrr-drilldown tr:nth-child(7) td,
.new-mrr-drilldown tr:nth-child(7) th {
    border-bottom: 1px solid #b8c9dd;
}
.renewals {
    width: 90%;
    display: inline-flex;
    margin-bottom: 50px;
}
.renewals .first-part {
    border: 1px solid #e6e6e6;
    min-height: 230px;
}
.renewals .second-part {
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    min-height: 230px;
}
.renewals .second-part .renewal-row {
    padding: 5px 0;
}
.renewals .second-part .renewal-row:not(.empty) {
    border-bottom: 1px solid #e6e6e6;
}
.renewals .second-part .renewal-row:first-of-type {
    margin-top: 15px;
}
.renewals .second-part .renewal-row:last-of-type {
    border-bottom: none;
}
.renewals .second-part .renewal-row.empty .row {
    margin-top: 20px;
    margin-bottom: 20px;
}
.summary-container {
    height: 65px;
    border: 1px solid #ededed;
    width: 640px;
    margin: 25px auto;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
}
.summary-child {
    padding: 0 35px;
    border-right: 1px solid #ededed;
}
.nofill-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.class-a {
    color: #2485e8;
    background-color: #f6fbff;
}
.class-b {
    color: #fc8831;
    background-color: #fffaf3;
}
.class-c {
    color: #1aaf5d;
    background-color: #f7fef8;
}
.abcbulk-export {
    margin-left: 95px;
    vertical-align: super;
}
.abcexport-view {
    background-color: #fff4e7;
    padding: 20px;
    margin: 0 22%;
    border-radius: 10px;
    text-align: left;
}
.report-topband .date-filter {
    min-width: 160px;
    display: inline-block;
}
.btn-blue-outline {
    color: #268ddd;
    border-color: #268ddd;
}
.cohort-chart,
.mrr-chart,
.trend-item,
.details-table-container,
.report-details-table-container {
    border: 1px solid var(--zf-grey-17);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 6px;
    z-index: 1;
}
.details-table-container.fill-container.fixedcolumn-table-container #report-breakdown table td,
.details-table-container.fill-container.fixedcolumn-table-container #report-breakdown table th:first-child,
.fill-container .fixedcolumn-table-container .report-table-container #report-breakdown table td,
.fill-container .fixedcolumn-table-container .report-table-container #report-breakdown table th:first-child {
    left: 0;
}
.details-table-container.fill-container.fixedcolumn-table-container #comparison-table .scroll-to-left,
.details-table-container.fill-container.fixedcolumn-table-container #report-breakdown .scroll-to-left,
.fill-container .fixedcolumn-table-container .report-table-container #comparison-table .scroll-to-left,
.fill-container .fixedcolumn-table-container .report-table-container #report-breakdown .scroll-to-left {
    left: 250px;
}
.details-table-container.fill-container.fixedcolumn-table-container .view-more-details,
.fill-container .fixedcolumn-table-container .report-table-container .view-more-details {
    transition: 0.5s ease-in-out;
}
.details-table-container.fill-container.fixedcolumn-table-container .report-by-info,
.details-table-container.fill-container.fixedcolumn-table-container .view-more-icon,
.fill-container .fixedcolumn-table-container .report-table-container .report-by-info,
.fill-container .fixedcolumn-table-container .report-table-container .view-more-icon {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
}
.details-table-container.fill-container.fixedcolumn-table-container tbody tr:hover .report-by-info,
.fill-container .fixedcolumn-table-container .report-table-container tbody tr:hover .report-by-info {
    opacity: 1;
    visibility: visible;
}
.details-table-container.fill-container.fixedcolumn-table-container tbody th:hover .view-more-details,
.fill-container .fixedcolumn-table-container .report-table-container tbody th:hover .view-more-details {
    background-color: var(--zf-table-row-hover-bg-color);
    color: #408dfb;
    opacity: 1;
    visibility: visible;
}
.details-table-container.fill-container.fixedcolumn-table-container tbody th:hover .view-more-icon,
.fill-container .fixedcolumn-table-container .report-table-container tbody th:hover .view-more-icon {
    color: #408dfb;
    opacity: 1;
    visibility: visible;
}
.details-table-container.fill-container.fixedcolumn-table-container .scroll-to-left,
.details-table-container.fill-container.fixedcolumn-table-container .scroll-to-right,
.fill-container .fixedcolumn-table-container .report-table-container .scroll-to-left,
.fill-container .fixedcolumn-table-container .report-table-container .scroll-to-right {
    background-color: #453e70;
    opacity: 0;
    z-index: 3;
    height: 50px;
    top: unset;
    bottom: 8%;
    width: 37px;
}
.details-table-container.fill-container.fixedcolumn-table-container .scroll-to-left:hover,
.details-table-container.fill-container.fixedcolumn-table-container .scroll-to-right:hover,
.fill-container .fixedcolumn-table-container .report-table-container .scroll-to-left:hover,
.fill-container .fixedcolumn-table-container .report-table-container .scroll-to-right:hover {
    opacity: 0.6 !important;
}
.details-table-container.fill-container.fixedcolumn-table-container .scroll-to-left.more-rows,
.details-table-container.fill-container.fixedcolumn-table-container .scroll-to-right.more-rows,
.fill-container .fixedcolumn-table-container .report-table-container .scroll-to-left.more-rows,
.fill-container .fixedcolumn-table-container .report-table-container .scroll-to-right.more-rows {
    top: calc(47% - 21px);
}
.details-table-container.fill-container.fixedcolumn-table-container:hover .scroll-to-left,
.details-table-container.fill-container.fixedcolumn-table-container:hover .scroll-to-right,
.fill-container .fixedcolumn-table-container .report-table-container:hover .scroll-to-left,
.fill-container .fixedcolumn-table-container .report-table-container:hover .scroll-to-right {
    opacity: 0.3;
    transition: opacity 0.4s ease-in-out;
}
.details-table-container.fill-container.fixedcolumn-table-container .breakdown-drilldown:hover,
.fill-container .fixedcolumn-table-container .report-table-container .breakdown-drilldown:hover {
    background-color: var(--zf-table-row-hover-bg-color);
}
.wordwrap {
    word-wrap: break-word;
}
.trend {
    font-size: 14px;
    display: inline-block;
}
.trend span {
    font-style: normal;
}
.report-details-table-container .table.zi-table th:first-child,
.report-details-table-container .table.zi-table td:first-child {
    padding-left: 20px;
}
.report-details-table-container .table.zi-table th:last-child,
.report-details-table-container .table.zi-table td:last-child {
    padding-right: 20px;
}
.report-details-table {
    margin: 15px 0 30px;
}
.report-details-table table {
    border-radius: 6px;
    border-collapse: separate;
    width: 100%;
    border-spacing: 0;
}
.report-details-table table td,
.report-details-table table th {
    border-bottom: 1px solid #efeff4;
    white-space: nowrap;
    text-align: right;
}
.report-details-table table td:first-child,
.report-details-table table th:first-child {
    border-right: 1px solid #efeff4;
    position: sticky;
    background: #fff;
    left: 0 !important;
    z-index: 2;
}
.report-details-table table td:first-child::after,
.report-details-table table th:first-child::after {
    border-right: none !important;
}
.report-details-table table thead > tr > th {
    padding: 8px 15px;
    background-color: #fcfcfc;
    border-bottom: 1px solid #efeff4;
    color: #757383;
    text-transform: uppercase;
    font-size: 11px;
}
.report-details-table table thead > tr > th:last-child {
    border-radius: 0 6px 0 0;
    padding-right: 15px !important;
}
.report-details-table table thead > tr > th:first-child {
    border-radius: 6px 0 0;
    background-color: #fcfcfc !important;
}
.report-details-table table .table-compact-header tr > th {
    padding: 12px 15px;
    font-size: 10px;
    letter-spacing: 0.9px;
}
.report-details-table table tbody > tr > td {
    padding: 10px 15px;
}
.report-details-table table tbody > tr > th {
    max-width: 250px;
}
.report-details-table table tbody > tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}
.report-details-table table tbody > tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}
.report-details-table table tr:last-child > td {
    border-bottom: none;
}
.report-details-table table tbody > tr:last-child > th {
    border-bottom: none;
}
.report-details-table table tr > th:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}
.report-details-table .compare-details-header th:not(:first-child) {
    text-align: right;
}
.white-space-pre {
    white-space: pre;
}
.cohort-chart {
    margin: 40px 0;
}
.cohort-chart table {
    border-top: 1px solid #efeff4;
    border-collapse: separate;
    width: 100%;
    border-spacing: 0;
    overflow-x: auto;
    display: block;
    text-align: center;
    min-height: 300px;
}
.cohort-chart table td,
.cohort-chart table .activation-month-static {
    padding: 15px 20px;
    white-space: nowrap;
}
.cohort-chart table td:first-child,
.cohort-chart table .activation-month-static:first-child {
    border-right: 1px solid #efeff4;
    position: sticky;
    background: #fff;
    left: 0;
    z-index: 2;
    min-width: 150px;
}
.cohort-chart table .average-total th {
    border-top: 1px solid #efeff4;
}
.cohort-chart table .total-cohort-dummy-header {
    padding: 20px !important;
}
.cohort-chart table .cohort-static,
.cohort-chart table .average-total > td:first-of-type {
    border-right: 1px solid #efeff4;
    background: #fff;
    left: 150px;
    position: sticky !important;
    z-index: 2;
}
.cohort-chart table thead > tr > th {
    color: #757383;
    text-transform: uppercase;
    padding: 11px 20px;
    border-bottom: 1px solid #efeff4;
}
.cohort-chart table thead > tr > th:last-child {
    border-radius: 0 8px 0 0;
}
.cohort-chart table thead > tr > th:first-child {
    border-radius: 8px 0 0;
}
.cohort-chart table .cohort-compact-month-header,
.cohort-chart table .cohort-compact-month-header ~ thead > tr > th {
    padding: 12px 15px;
    font-size: 10px;
    letter-spacing: 0.9px;
}
.cohort-chart table tr.average-total:last-child > td {
    border-bottom: none;
    border-top: 1px solid #efeff4;
}
.cohort-chart .chort-type-calc {
    width: 24%;
}
.cohort-month-header {
    color: #757383;
    width: 75%;
    position: absolute;
    border-radius: 0 8px 0 0;
    z-index: 10;
    text-align: center;
    margin-left: 25%;
}
.compare-inputs .multiselect {
    padding: 4px 0 34px 4px;
}
.compare-inputs .custom-date-ranges {
    width: 44%;
}
.applied-filter {
    padding: 4px 14px;
    display: flex;
    width: fit-content;
    border-radius: 16px;
    background-color: #edeef4;
}
.report-togglers {
    border: 1px solid #ebedf6;
}
.report-togglers.active {
    background-color: #f3f4f8;
    font-weight: 500;
    color: #000;
}
.report-togglers.active svg {
    fill: #979797;
}
.report-togglers.active:hover {
    cursor: default;
}
.comparsion-sec {
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.reports-title {
    letter-spacing: 1px;
    font-size: 14px;
}
.pendingrep-toggle-button {
    margin-bottom: -40px;
}
.pendingrep-toggle-button .pvrep-toggle {
    cursor: pointer !important;
}
.item-view-toggle {
    padding: 0 25px 0 35px;
}
.pvrep-tool-tip {
    visibility: hidden;
}
.pvrep-toggle:hover .pvrep-tool-tip {
    visibility: visible;
}
.date-info-banner {
    color: #bd6500;
    background-color: #fff5e1;
}
.export-format-list .dropdown-item:first-child {
    font-weight: 700;
}
.cohort-bg-highlight thead .cohort-non-highlight,
.cohort-bg-highlight tbody .cohort-non-highlight:first-child {
    font-weight: 500;
    color: #2485e8;
}
.cohort-bg-highlight .cohort-non-highlight {
    position: relative;
}
.cohort-bg-highlight .cohort-non-highlight:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 47, 96, 0.05) !important;
}
.scroll-y-hidden {
    overflow-y: hidden;
}
.report-generator-table {
    border-left: 0;
}
.report-generator-table thead th {
    border-bottom: 1px solid #ddd;
    color: #222 !important;
    padding: 8px 10px !important;
}
.report-generator-table thead:hover th:not(:last-child),
.report-generator-table thead:hover td:not(:last-child),
.report-generator-table tr:hover th:not(:last-child),
.report-generator-table tr:hover td:not(:last-child),
.report-generator-table .active-tr th:not(:last-child),
.report-generator-table .active-tr td:not(:last-child) {
    border-bottom: 1px solid #80c4ea;
    border-bottom-width: 1.5px;
}
.report-generator-table thead:hover th:not(:last-child) .account-name,
.report-generator-table thead:hover td:not(:last-child) .account-name,
.report-generator-table tr:hover th:not(:last-child) .account-name,
.report-generator-table tr:hover td:not(:last-child) .account-name,
.report-generator-table .active-tr th:not(:last-child) .account-name,
.report-generator-table .active-tr td:not(:last-child) .account-name {
    color: #2485e8;
    cursor: pointer;
}
.report-generator-table th:first-child,
.report-generator-table td:first-child {
    border-left: 0;
}
.report-generator-table th:nth-last-child(2),
.report-generator-table td:nth-last-child(2) {
    border-right: 0;
}
.report-generator-table th:last-child,
.report-generator-table td:last-child {
    border: 1px solid transparent !important;
}
.report-generator-table .visible-on-hover:hover {
    z-index: 3;
    position: relative;
}
.z-index-2 + tr:hover {
    z-index: 1;
}
.formula-input-field {
    border: 0;
    width: 5px;
    cursor: text;
}
.formula-input-field:focus {
    box-shadow: none;
    border: 1px solid #ced4da;
    width: 95%;
    margin: 0 2px;
    padding: 0 5px !important;
}
.delete-icon {
    color: #999;
}
.delete-icon:hover {
    color: #e54643;
}
.report-gen-supported-fields ul.available-column-list.available-columns {
    height: 300px;
}
.report-gen-supported-fields ul.selected-columns {
    height: 330px;
}
.rounded-plusicon {
    border-radius: 50% !important;
    height: 20px;
    width: 20px;
    background-color: #21a3f9;
}
.report-generator-row-popover {
    padding-left: 0;
    padding-right: 0;
    width: 150px;
}
.report-generator-row-popover .hover-blue {
    padding: 4px 15px;
}
.report-generator-row-popover .column-customize-active,
.report-generator-row-popover .hover-blue:hover {
    background-color: #408dfb;
    color: #fff;
}
.report-generator-row-popover .column-customize-active .selected-entity,
.report-generator-row-popover .hover-blue:hover .selected-entity {
    fill: #fff !important;
}
.report-generator-row-popover.customization-popover {
    width: 178px;
}
.customization-popover .popover-menu {
    box-shadow: 0 7px 12px 0 var(--zf-grey-18);
    border-radius: 10px;
    padding: 4px 5px;
}
.customization-popover .popover-item {
    margin: 2px 0;
    padding: 7px 10px;
}
.report-generator-textarea-popover {
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.066679);
}
.report-generator-row-popover .close,
.report-generator-textarea-popover .close {
    display: none;
}
.z-index-2 {
    z-index: 2 !important;
}
.z-index-4 {
    z-index: 4;
}
.forecast-dashboard {
    margin-bottom: 8px;
    letter-spacing: 0.6px;
}
.forecast-dashboard-layout {
    box-shadow: rgba(28, 29, 83, 0.0509803922) 0 2px 4px;
}
.dropdown-item:hover .fill-white-hover {
    fill: #fff;
}
.repheader-divider {
    border-bottom: 1px solid #e9ecef;
}
.whname-headers {
    background-color: #f1f4f9;
}
.invsum-popover .arrow {
    left: 30px;
}
.invsum-popover .arrow::before {
    border-bottom-color: #ddd;
}
.invsum-popover .warehouse-popover {
    color: #fff;
    background-color: #2e8fda;
}
.invsum-popover .popover-body .row div {
    border-bottom: 1px solid #e9ecef;
}
.invsum-popover .popover-body .row:first-child div {
    padding-top: 5px !important;
}
.invsum-popover .popover-body .row:last-child div {
    padding-bottom: 5px !important;
    border-bottom: none;
}
.whitespace-nowrap {
    white-space: nowrap !important;
}
.export-comparison-banner {
    min-width: 310px;
}
.group-header-row-height {
    min-height: 35px !important;
}
span.cell-dropdown .dropdown-menu {
    top: 24px;
    z-index: unset;
}
.row-customize-promo {
    box-shadow: 0 4px 10px rgba(141, 141, 141, 0.12);
    width: 330px;
    animation: fadeInDown 1s ease-in-out;
    left: 40px !important;
}
.row-customize-promo .arrow {
    margin-left: 15px;
}
.row-customize-promo .title {
    font-size: 14px;
}
.row-customize-promo .sub-title {
    color: #444;
}
.trend-green {
    color: var(--zf-green-1);
}
.trend-red {
    color: var(--zf-red-15);
}
.ribbon-gold {
    background: linear-gradient(#ffb36b, #ffc763);
}
.trend-container {
    gap: 15px;
}
.trend-container .ribbon .ribbon-inner {
    width: 78px;
    padding: 8px;
    top: 11px;
    left: -22px;
}
.trend-container .ribbon .ribbon-inner::before {
    top: 10px;
    left: 5px;
    color: #ffb618;
}
.trend-container .ribbon .ribbon-inner::after {
    top: 11px;
    right: -1px;
    color: #ffb618;
}
.formula-toolbar {
    display: flex;
    border: 1px solid #ddd;
    border-bottom: none;
    background-color: #fbfcff;
}
.formula-toolbar .variables {
    padding: 12px 20px 10px;
    width: 38%;
}
.vertical-line {
    border-left: 1px solid #ddd;
    height: 35px;
    margin: auto;
}
.formula-toolbar .operators-toolbar {
    flex-grow: 2;
    display: flex;
    padding-left: 10px;
}
.operators-toolbar .operators {
    border-radius: 6px;
    box-shadow: 0 1px 0 #f4f4fb inset, 0 1px 2px rgba(32, 37, 81, 0.05);
    background-color: #fff;
}
.operators-toolbar .operators span {
    padding-top: 3px;
    padding-bottom: 3px;
}
.formula-textarea {
    border: 1px solid #ddd;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 15px;
    min-height: 90px;
    resize: vertical;
}
.account-structure-preview {
    height: 100%;
    box-shadow: -3px 0 8px rgba(0, 0, 0, 0.116149);
    display: flex;
    flex-direction: column;
}
.preview-bg {
    background-color: #eff7ff;
    letter-spacing: 0.2px;
}
.preview-bg strong,
.preview-bg .icon {
    color: #0080ff;
}
.financial-report-container {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}
.reporttab-container {
    padding: 15px 10px 15px 18px;
    background-color: #fafbff;
    position: relative;
}
.reporttab-container .customise-icon {
    position: relative;
    border: 1px dashed var(--zf-btn-border-color);
    background-color: #fff;
}
.reporttab-container .customise-icon.active {
    border: 1px solid #2485e8;
    color: #212529;
}
.reporttab-container .customise-icon.active::before {
    left: 22px;
    top: 6px;
}
.reporttab-container .customise-sidebar::before {
    content: "";
    position: absolute;
    top: 0;
    right: 50px;
    width: 1px;
    height: 100%;
    background-color: #eee;
}
.customisedata-container {
    border-radius: 10px;
    border: 1px solid #f0f2f6;
    box-shadow: 0 8px 16px rgba(12, 6, 31, 0.08);
    width: 500px;
    z-index: 7 !important;
}
.customisedata-container .popover-modal-header {
    border-radius: 10px;
}
.customisedata-container .customisedata-header {
    padding: var(--zf-modal-header-padding);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9fb;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.customisedata-container .customisedata-header .close {
    opacity: unset;
}
.customisedata-container .customisedata-content {
    max-height: 300px;
}
.customisedata-container .customisedata-content .close {
    opacity: unset;
    position: absolute;
    top: 20px;
    right: 20px;
}
.customisedata-container .reports-filter.customisedata-content {
    height: 275px;
}
.customisedata-container .reports-filter .close {
    top: 13px;
}
.customisedata-container .customisedata-footer {
    padding: var(--zf-modal-footer-padding);
}
.customisedata-container.customisedata-table {
    max-width: 780px;
    width: 780px;
}
.reporttab-fields > .row {
    margin: 0 15px 0 0;
}
.reporttab-fields > .row > div {
    flex: 100%;
    max-width: 100%;
    display: flex;
    padding: 0;
}
.reporttab-fields > .row > div > label {
    min-width: 90px;
    padding: 6px 8px 4px;
    margin-bottom: 0;
    border: 1px solid var(--zf-form-input-border-color);
    border-radius: 6px 0 0 6px;
    border-right: 0 !important;
    background-color: var(--zf-blue-4);
}
.reporttab-fields > .row > div > div {
    min-width: 170px;
    height: inherit;
    flex: 1;
}
.reporttab-fields > .row > div > div,
.reporttab-fields > .row > div > input,
.reporttab-fields > .row > div .ac-box .ac-selected,
.reporttab-fields > .row > div .multi-check-dropdown .ms-selected {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.reporttab-fields > .row > div .product-filter {
    max-width: 200px;
}
.reporttab-fields .rules-applied {
    border: 1px solid var(--zf-form-input-border-color) !important;
    padding: var(--zf-rep-advfilter-padding);
}
.reporttab-fields .outer-border,
.reporttab-fields .rules-applied:hover {
    border: 1px solid #0080ff !important;
    border-right: 1px solid #0080ff !important;
}
.reporttab-fields .multiselect .selection-list > li.mini {
    width: 10px;
}
.table-customise-icon {
    left: 12px;
    width: 16px;
    height: 16px;
}
.table-customise-icon.active::before,
.customise-icon.active::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background: var(--zf-red-2);
    top: -4px;
    left: 10px;
    border-radius: 50%;
    border: 2px solid #f9f9fb;
}
.fill-container .skipped-section td .reason {
    width: 330px;
}
.fill-container .skipped-section td .resolve-button {
    display: none;
}
.fill-container .skipped-section:hover td .resolve-button {
    display: table-cell;
    cursor: default !important;
}
.fill-container .resolve-button {
    display: none;
    cursor: default !important;
}
.fill-container .text-skipped {
    color: var(--zf-grey-11);
}
.fill-container .text-resolved {
    color: #3577c7;
}
.export-history-banner {
    box-shadow: 0 4px 10px rgba(141, 141, 141, 0.12);
    width: 330px;
    animation: fadeInDown 1s ease-in-out;
    left: auto;
    right: 0;
    top: 10px !important;
    z-index: 9;
}
.export-history-banner .arrow {
    right: 6px;
}
.export-history-banner .title {
    font-size: 14px;
}
.export-history-banner .sub-title {
    color: #444;
}
.export-history-banner .sub-title span {
    position: absolute;
    left: 15px;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
}
.reportcustomise-sidebar {
    z-index: 1050;
    animation: flyoutTranslate 0.3s ease;
}
.reportcustomise-sidebar .reportcustomise-fields .card-header {
    border-radius: 10px 10px 0 0;
}
.promotion-webinar {
    background-color: #fef4ea;
    border: 1px solid #ffe7c0;
}
.promotion-webinar-content {
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.08));
}
.promotion-webinar-content .webinar-time {
    background: linear-gradient(90deg, #f5f8ff 0, rgba(245, 248, 255, 0) 100%);
    border: 1px solid #e9efff;
}
.promotion-webinar-content .register-cta-section {
    margin: 9px 0 18px -18px;
}
.uk-vat-filing .vat-filing-intro {
    padding: 70px 70px 20px;
}
.uk-vat-filing .vat-return-header {
    margin: 14px 0 4px;
}
.uk-vat-filing .vat-return-header-inner {
    box-shadow: #eee 0 0 10px 1px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.uk-vat-filing .vat-return-header-inner .form-bundle-number {
    background-color: #fbfafe;
    padding: 10px 30px;
}
.uk-vat-filing .vat-return-tabs {
    border-top: 1px solid #ddd;
    background-color: #f7f7f7;
}
.uk-vat-filing .vat-return .return-criteria {
    padding: 20px 30px;
}
.uk-vat-filing .return-img {
    margin-bottom: 15px;
    z-index: 1;
}
.uk-vat-filing .dotted-line {
    position: relative;
}
.uk-vat-filing .dotted-line:before {
    content: " ";
    position: absolute;
    border-bottom: 2px dashed #bababa;
    width: 80%;
    top: 45%;
    left: calc(50% + 65px);
}
.uk-vat-filing .vat-return-list .badge {
    width: 150px;
}
.uk-vat-filing .vat-row-help {
    position: absolute;
    top: 12px;
    left: 110%;
}
.uk-vat-filing .comments-history-column {
    position: fixed;
}
.uk-vat-filing .comments-history-column.comments-expanded {
    width: 27%;
    left: 73%;
}
.record-payment-list {
    height: 21px;
}
.record-payment-list .dropdown-toggle {
    width: 8px;
}
.record-payment-list .dropdown-toggle::after {
    vertical-align: 0.51em;
    margin-left: -4px;
}
.record-payment-list .dropdown-menu {
    padding: 0;
}
.hmrc-declaration {
    margin: 0 -20px;
}
.nav-band {
    position: relative;
}
.nav-band .nav-tabs {
    white-space: nowrap;
    overflow: hidden;
    height: 50px;
    font-size: 0;
    background-color: #f7f7f7;
    border-bottom: none;
}
.nav-band .nav-tabs .nav-item {
    height: 100%;
    border-right: 1px solid #ddd;
}
.nav-band .nav-tabs .nav-link {
    font-size: 13px;
    color: #555;
    margin-right: 0;
    height: 100%;
    padding: 14px 40px;
}
.nav-band .nav-tabs .nav-link:not(.active):hover {
    border-color: transparent;
}
.nav-band .nav-tabs .nav-link.active {
    background-color: #fff;
}
.nav-band .nav-tabs .nav-link.active,
.nav-band .nav-tabs .nav-link.active:hover,
.nav-band .nav-tabs .nav-link.active:focus {
    border: 0;
    font-weight: 600;
}
.nav-band .nav-tabs .nav-link.active::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #2a85fb;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}
.icon-vr-create {
    color: #ec9500;
}
.icon-vr-return {
    color: #08c;
}
.icon-vr-returnfiled {
    color: #1aaf5d;
}
.icon-vr-payment {
    color: #73b0f9;
}
.line-loader {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
}
.line-loader-circle {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 0 auto;
    height: 50px;
    border-radius: 50%;
    width: 50px;
}
.line-loader-line {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
}
.line-loader-bigline {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    width: 500px;
}
.line-loader-smallline {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    width: 50px;
}
.line-loader-inventory {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    margin-top: 8px;
}
.line-loader-proddetail {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    margin-top: 14px;
}
.line-loader-bigcircle {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 0 auto;
    height: 50px;
    border-radius: 50%;
    width: 50px;
    margin: 35px auto;
    height: 100px;
    width: 100px;
}
.line-loader-sm-line {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    width: 120px;
    height: 9px;
}
.line-loader-xs-line {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    width: 180px;
    height: 9px;
}
.line-loader-lg-line {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    width: 250px;
    height: 9px;
}
.line-loader-xlg-line {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    width: 500px;
    height: 9px;
}
.line-loader-rectangle {
    height: 6px;
    border-radius: 3px;
    background-color: #cbdee8;
    margin: 20px auto 10px;
    width: 110px;
    height: 110px;
    width: 200px;
}
.loading-red {
    background-color: #f7aca0;
}
.loading-blue {
    background-color: #80c4ea;
}
.loading-yellow {
    background-color: #e6d9a9;
}
.loading-green {
    background-color: #beefe3;
}
.loading-grey {
    background-color: #d9d9d9;
}
.dashboard .po-widget {
    width: 31%;
}
.dashboard .so-widget {
    width: 69%;
}
.dashboard .dashboard-section {
    margin: 0;
    margin-top: 40px;
    padding: 0 20px;
}
.dashboard .sales-activity {
    width: 68%;
}
.dashboard .sales-activity .so-inner-widget {
    width: 21%;
    display: inline-block;
    padding: 2px 5px;
    height: auto;
    min-height: 105px;
    vertical-align: top;
}
.dashboard .sales-activity .so-inner-widget .qty-label {
    font-size: 12px;
    padding-top: 15px;
    color: #495569;
}
.dashboard .sales-activity .so-inner-widget .sales-qty {
    margin-top: -7px;
    font-size: 8px;
    color: #8d99ae;
}
.dashboard .so-inner-widget-separator {
    border-right: 1px solid #ebeaf2;
}
.dashboard .inv-summary:not(:last-child) {
    border-bottom: 1px solid #ebeaf2;
}
.dashboard .inventory-summary {
    width: 32%;
}
.dashboard .inventory-summary .inv-summary {
    padding: 15px 0 8px;
    min-height: 52px;
}
.dashboard .inventory-summary .inv-summary .qty {
    max-width: 30%;
    margin-top: -8px;
    padding-left: 8px;
    text-align: right;
}
@media (max-width: 1199.98px) {
    .dashboard .inventory-summary {
        padding: 0 10px 15px;
    }
}
.dashboard .legend {
    margin: -10px 0 0;
    font-size: 36px;
}
.dashboard .so-table {
    margin-bottom: 0;
}
.dashboard .so-table.table thead > tr > th {
    font-size: 14px;
    background-color: #f7f9fb;
    border: 0;
}
.dashboard .so-table.table thead > tr > th:first-child {
    padding-left: 12px;
}
.dashboard .so-table.table thead > tr > th:not(:first-child) {
    text-align: center;
}
.dashboard .so-table.table tbody > tr:not(:first-child) td {
    border-top: 1px solid #ebeaf2;
}
.dashboard .so-table.table tbody > tr > td {
    color: #777;
    padding: 13px 15px;
    font-weight: 300;
    text-align: center;
}
.dashboard .so-table.table tbody > tr > td:first-child {
    text-transform: capitalize;
    text-align: left;
}
.dashboard .product-details .total-summary {
    border-right: 1px solid #ebeaf2;
}
.dashboard .product-details .total-summary .item {
    padding: 12px 24px 4px 0;
}
.dashboard .marketplace-details .total-summary .item {
    padding: 1px 24px 8px 0;
}
.dashboard .top-selling-details {
    overflow: hidden;
    height: 205px;
}
.dashboard .top-selling-details .top-items {
    white-space: nowrap;
    width: 1100px;
}
.dashboard .top-selling-details .top-item {
    width: 180px;
}
.dashboard .top-selling-details .top-item:not(:first-child) {
    border-left: 1px solid #ebeaf2;
}
.dashboard .top-selling-details .top-item .item-image {
    position: relative;
    height: 100px;
    padding-top: 8px;
    margin: auto;
}
.dashboard .top-selling-details .top-item .item-image .show-image {
    max-width: 90px;
    max-height: 68px;
}
.dashboard .top-selling-details .left-navigator,
.dashboard .top-selling-details .right-navigator {
    position: absolute;
    color: #c5c5c5;
    top: 85px;
    z-index: 3;
}
.dashboard .top-selling-details .left-navigator:hover,
.dashboard .top-selling-details .right-navigator:hover {
    color: #41a0d9;
}
.dashboard .top-selling-details .left-navigator {
    left: 5px;
}
.dashboard .top-selling-details .right-navigator {
    right: 5px;
}
.dashboard .top-selling-loading {
    margin: 45px 20px;
}
.dashboard .criteriadashbadge {
    color: #444;
}
.dashboard .criteriadashbadge:hover,
.dashboard .criteriadashbadge:active {
    color: #444;
}
.dashboard .po-details-widget {
    height: 310px;
}
.dashboard .po-details .po-field {
    padding: 28px 0 5px;
}
.dashboard .po-details .po-field:not(:last-child) {
    border-bottom: 1px solid #ebeaf2;
}
.dashboard .so-details-container {
    height: 310px;
}
.dashboard .top-quantity {
    font-size: 24px;
    font-weight: 600;
}
.dashboard .top-quantity span {
    font-size: 15px;
}
.dashboard .empty-activeitems {
    border-radius: 50%;
    font-size: 10px;
    height: 115px;
    width: 115px;
    border: 14px solid #ebeaf2;
    padding: 37px 5px;
    margin: 8px auto;
}
.dashboard .db-po-label {
    font-size: 14px;
}
.inventory-dashboard-footer {
    margin: 50px -20px -50px 0;
}
.dashboard-daterange-picker {
    font-size: 13px;
    font-weight: 300;
}
.dashboard-daterange-picker .zf-daterange-picker .range-text:after {
    border: 1px solid #408dfb;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin: 7px 5px;
    transform: rotate(45deg);
}
.sales-top-band {
    height: 65px;
    border-bottom: 1px solid #f3f3f3;
    padding: 18px 28px 18px 18px;
}
.sales-top-band .dropdown-menu {
    min-width: 130px;
}
.sales-top-band .top-band-options {
    position: relative;
    z-index: 30;
}
.ship-details {
    min-height: 140px;
    margin: 0 -20px;
    padding: 20px 10px;
    background-color: #fbfcff;
    line-height: 1.5;
}
.ship-details .shipment-icon {
    box-shadow: 0 0 6px 0 rgba(143, 161, 203, 0.3);
    border-radius: 10px;
}
.shipment-details {
    max-width: 100%;
    margin: 0 auto;
    background-color: #fbfcff;
    border: 1px solid #eee;
}
.shipment-details .shipment-notes-popover {
    width: 350px;
    height: 200px;
}
.shipment-details .shipment-notes-popover .arrow {
    left: 35px;
}
.package-shipment-section {
    max-width: 100%;
    margin: auto;
}
.package-shipment-section svg.ship-icon {
    box-shadow: 0 0 6px 0 rgba(143, 161, 203, 0.3);
}
.package-shipment-section .package-shipment-band {
    border: 0;
    border-top: 1px solid #eee;
}
.shipment-rate {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.shipment-rate p {
    margin-left: 17px;
}
.shipment-rate:hover {
    background-color: #fbfcff;
}
.shipment-rate-alert {
    background-color: #fff8eb !important;
    border-left: 3px solid #e59652 !important;
    box-shadow: none !important;
}
.shipment-rate-alert ul {
    padding-left: 18px;
    padding-top: 5px;
}
.shipment-rate-alert-color {
    color: #ec9500;
}
.shipment-rates-details {
    margin-right: -35px;
    margin-left: -20px;
}
.weight-field {
    height: 30px;
}
.shipment-header-color {
    color: #8d99ae;
    letter-spacing: 0.5px;
}
.sub-entity-creation {
    margin: 35px 0 60px;
}
.shipment-top-band {
    padding: 0 2%;
    margin: 0 -20px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.shipment-top-band .nav-tabs-dashed .nav-link.active::after {
    top: 14px;
}
.shipment-recalculate {
    border: 1px solid #36b2f8;
    background-color: #f8f8fd;
    padding: 10px;
    margin-left: 15px;
}
.shipment-recalculate .text-dashed-underline {
    border-color: #206ec5;
}
.spin-recalculate-btn svg {
    animation: recalculate-spinner 1s infinite linear;
}
@keyframes recalculate-spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.shipment-badge-container {
    box-shadow: 0 0 6px 0 rgba(173, 177, 243, 0.43);
}
.shipment-fields-section {
    background-color: #fff;
    box-shadow: 0 4px 9px 0 rgba(28, 29, 83, 0.04);
    border: 1px solid #eeeff3;
    border-radius: 4px;
    margin: 5px 0 5px 15px;
    padding: 20px 10px 15px;
}
.shipment-address {
    border: 1px dashed #a1a1a1;
    background-color: #fff;
    padding: 10px;
}
.shipment-address.shipment-pref {
    background-color: #f9fbfe;
    border: 1px solid #f1f3f9;
    margin-top: 6px;
    border-radius: 5px;
}
.suggested-address {
    border-top: none;
    background-color: #f0f8ff;
}
.edit-address-suggestion {
    margin: -20px -20px 25px;
    background-color: #f0f8ff;
    padding: 12px 0;
    border: 1px dashed #a1a1a1;
}
.edit-address-suggestion .copy-address {
    padding-top: 55px;
}
.package-table .line-item-column:not(:last-child) {
    padding: 8px !important;
}
.emptyAddr {
    height: 100px;
    padding: 10px;
    padding-top: 20px;
    margin-bottom: 10px;
    border: 1px #d6d5d5 dashed;
    text-align: center;
    background-color: #fcffec;
}
.scroll-addr {
    min-width: 446px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}
.scroll-addr .plus {
    background-color: #f9f8f8;
    padding: 6px 20px;
    cursor: pointer;
}
.scroll-addr li {
    border-bottom: 1px solid #ddd;
}
.scroll-addr li.selected,
.scroll-addr li.selected > a:hover {
    background-color: #f0f7fb;
}
.scroll-addr li.selected.default-address,
.scroll-addr li.selected.default-address > a:hover {
    background-color: #fff;
}
.scroll-addr li > a {
    padding: 10px 30px;
    white-space: normal;
}
.scroll-addr li > a:hover {
    background-color: #e8e8e8;
    color: #000;
}
.scroll-addr .address-item {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    white-space: normal;
}
.scroll-addr .address-item:hover {
    background-color: #e8e8e8;
    color: #000;
}
.aftership-tracking-history-column {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 48%;
    z-index: 40;
    overflow: auto;
    padding: 0 15px 20px;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
    box-shadow: -6px 7px 7px 0 rgba(184, 184, 184, 0.25);
}
.aftership-tracking-history-column.tracking-history-expanded {
    left: 52%;
}
.aftership-tracking-history-column .tracking-aero-icon {
    position: absolute;
    top: 205px;
    left: 30.5px;
    background-color: #fff;
}
.aftership-tracking-history-column .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.aftership-tracking-history-column .arrow-tracking-pending {
    border-bottom: 10px solid #fff8ec;
}
.aftership-tracking-history-column .arrow-tracking-shipped {
    border-bottom: 10px solid #f0f8ff;
}
.aftership-tracking-history-column .arrow-tracking-delivered {
    border-bottom: 10px solid #f0fbea;
}
.aftership-tracking-history-column .arrow-tracking-exception {
    border-bottom: 10px solid #fdf2f2;
}
.aftership-tracking-history-column .tracking-pending {
    background-color: #fff8ec;
    color: #f59d00;
}
.aftership-tracking-history-column .tracking-shipped {
    background-color: #f0f8ff;
    color: #2485e8;
}
.aftership-tracking-history-column .tracking-delivered {
    background-color: #f0fbea;
    color: #20b14a;
}
.aftership-tracking-history-column .tracking-exception {
    background-color: #fdf2f2;
    color: #f46558;
}
.aftership-tracking-history-column .aftership-tracking-history {
    padding-top: 10px;
}
.aftership-tracking-history-column .aftership-tracking-history .track-date {
    padding: 5px 0 0 15px;
}
.aftership-tracking-history-column .aftership-tracking-history .track-icon {
    width: 10%;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-notes {
    background-color: #f7f9fb;
    padding: 8px;
    border-radius: 10px;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-notes:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #f7f9fb;
}
.aftership-tracking-history-column .aftership-tracking-history .aftership-track-icon {
    width: 42px;
    height: 42px;
    position: relative;
    padding: 8px 0 0 8px;
    top: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 7px -5px #000;
}
.aftership-tracking-history-column .aftership-tracking-history .aftership-track-icon:before {
    content: "";
    position: absolute;
    height: 160px;
    width: 1px;
    background-color: #fff;
    left: 50%;
    top: 0;
    z-index: -1;
    border-left: 1px dashed #c9cedd;
}
.aftership-tracking-history-column .aftership-tracking-history .row:last-child .aftership-track-icon::before {
    height: 0;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-data-edit {
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease-in-out;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-history-row {
    transition: all 0.4s;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-history-row:hover {
    background-color: #f7f9fb;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-history-row:hover .tracking-data-edit {
    visibility: visible;
    opacity: 1;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-history-row:hover .tracking-notes {
    background-color: #fff;
}
.aftership-tracking-history-column .aftership-tracking-history .tracking-history-row:hover .tracking-notes:before {
    border-right: 8px solid #fff;
}
.aftership-tracking-history-column .date-time-separator {
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 50%;
}
.aftership-tracking-history-column .no-tracking-history {
    border-top: 1px solid #f2f2f2;
    padding-top: 65%;
}
.separation-right {
    border-right: 1px solid #e0e0e0;
}
.package-kanban .kanban-wrapper {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 360px;
    margin-left: 30px;
    border: 0;
}
@media (min-width: 1281px) and (max-width: 1400px) {
    .package-kanban .kanban-wrapper {
        width: 315px;
    }
}
.package-kanban .kanban-title .list-filter {
    padding: 20px 11px 18px 45px;
    border-bottom: none;
}
.package-kanban .package-kanban-lists {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.package-kanban .package-kanban-lists div:focus {
    outline: 0;
}
.package-kanban .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
.package-kanban .kanban-table-content {
    position: absolute;
    height: 92%;
    width: 100%;
    overflow-y: auto;
    padding: 0 12px 12px;
    background-color: #fafafa;
}
.package-kanban .kanban-table-content .kanban-list-item {
    margin-top: 12px;
    border: 1px solid #efefef;
    padding: 18px 18px 10px;
    line-height: 1.7;
    cursor: pointer;
    display: flex;
    background-color: #fff;
}
.package-kanban .kanban-table-content .kanban-list-item .dropdown-toggle {
    padding: 6px 5px 2px;
    border-radius: 33%;
}
.package-kanban .kanban-table-content .kanban-list-item .dropdown-toggle .kanban-menu {
    width: 14px;
    height: 14px;
    fill: #9b9b9b;
    opacity: 0;
}
.package-kanban .kanban-table-content .kanban-list-item .open .dropdown-toggle {
    background-color: #f9f8f8;
}
.package-kanban .kanban-table-content .kanban-list-item .open .dropdown-toggle .kanban-menu {
    opacity: 1;
}
.package-kanban .kanban-table-content .kanban-list-item:hover .dropdown-toggle {
    background-color: #f9f8f8;
}
.package-kanban .kanban-table-content .kanban-list-item:hover .dropdown-toggle .kanban-menu {
    opacity: 1;
}
.package-kanban .kanban-table-content .empty-list {
    margin-top: 12px;
    border: 1px solid #f2f2f2;
    padding: 45px 0;
    background-color: #fff;
}
.package-kanban .kanban-header {
    position: relative;
    border: 1px solid #f7f7f7;
    padding: 15px 10px 15px 28px;
}
.package-kanban .kanban-header .actions {
    padding-left: 11px;
    vertical-align: sub;
}
.package-kanban .kanban-header .actions .icon {
    margin-right: 0.2em;
    margin-left: 0.2em;
}
.package-kanban .kanban-header .icon-menu-rounded {
    vertical-align: sub;
    width: 19px;
    height: 19px;
    fill: #666;
}
.package-kanban .kanban-header::before,
.package-kanban .kanban-header::after {
    position: absolute;
    top: -1px;
    content: "";
}
.package-kanban .outward-arrow::before {
    right: -41px;
    border: 29px solid transparent;
    border-left: 11px solid #f7f7f7;
}
.package-kanban .outward-arrow::after {
    right: -40px;
    border: 29px solid transparent;
    border-left: 11px solid #e6faff;
}
.package-kanban .not-shipped-header {
    background-color: #d9f3f9;
}
.package-kanban .not-shipped-header::after {
    border-left-color: #d9f3f9;
}
.package-kanban .shipped-header {
    background-color: #faf8ca;
}
.package-kanban .shipped-header::after {
    border-left-color: #faf8ca;
}
.package-kanban .delivered-header {
    background-color: #d4f1b4;
}
.dropshipment-align {
    vertical-align: sub;
}
.redacted-container {
    text-align: center;
    padding: 25px 10px;
    background-color: #f7faff;
    border: 1px #d6d5d5 dashed;
}
.redacted-container .redeacted-desc {
    margin: 10px 0 12px;
}
.shipment-accordion-title {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 15px;
    cursor: pointer;
    color: #000;
}
.package-geometry {
    position: relative;
    overflow-x: hidden;
    background: 0 0 !important;
    background-color: #000 !important;
}
.package-geometry .package-geometry-viewer {
    height: 100vh;
}
.package-geometry .package-geometry-close {
    position: absolute;
    top: 20px;
    right: 30px;
}
.package-geometry .geometry-header {
    background-color: #f5f5f5;
    padding: 10px 20px;
}
.package-geometry .geometry-footer {
    padding: 15px 20px;
    border-top: 1px solid #eee;
}
.package-geometry .fetch-geometry-details {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 650px;
    background-color: #fff;
}
.package-geometry .fetch-geometry-details .geometry-details {
    height: 300px;
}
.package-geometry .fetch-geometry-details .items-section {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    background-color: #faf8ca;
}
.package-geometry .fetch-geometry-details .dimension-fields .dimension-input input {
    height: 32px;
}
.package-geometry .current-geometry-details {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 350px;
    background-color: #fff;
}
.package-geometry .current-geometry-details .geometry-details {
    padding: 10px 20px;
    height: 350px;
}
.package-geometry .current-geometry-details .box-number {
    font-size: 13px;
    padding: 5px 12px;
    background-color: #f0f0f0;
    border-radius: 5px;
    margin: 4px 2px;
    display: inline-block;
}
.package-geometry .current-geometry-details .box-number-selected {
    background-color: #1e95da;
    color: #fff;
}
.package-geometry .package-geometry-sidebar {
    width: 40%;
    padding: 0;
}
.package-geometry .package-geometry-sidebar .package-geometry-summary .flyout-header {
    border-bottom: 1px solid #ededed;
    padding: 10px 20px;
}
.package-geometry .package-geometry-sidebar .package-geometry-summary .geometry-item {
    padding: 10px 0 20px;
    border-bottom: 1px solid #ececec;
    margin: 0 10px;
}
.package-geometry .package-geometry-sidebar .package-geometry-summary .geometry-item:not(:first-child) {
    padding-top: 20px;
}
.package-geometry .package-geometry-sidebar .package-geometry-summary .geometry-item .geometry-details {
    border-radius: 5px;
    padding: 0 5px;
}
.package-geometry .package-geometry-sidebar-expanded {
    left: 60%;
}
.package-geometry .zia-section {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #000;
    border-radius: 50px;
    padding: 5px 10px;
}
.package-geometry-tip {
    padding: 20px;
    border: 1px dashed #ededed;
}
.table-borderless {
    border: 0;
    border-top: 1px dashed #ececec;
    vertical-align: top;
    margin-bottom: 5px;
}
.table-borderless thead:first-child tr:first-child th {
    border: 0;
    font-size: 13px;
    color: #999;
    text-transform: uppercase;
    padding-top: 20px;
}
.table-borderless tbody tr td {
    border: 0;
}
.sidebar-column {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 48%;
    z-index: 40;
    overflow: auto;
    padding: 0 15px 20px;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
    box-shadow: -6px 7px 7px 0 rgba(184, 184, 184, 0.25);
}
.sidebar-column .sidebar-column-expanded {
    left: 52%;
}
.scrollbar-thin::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.scrollbar-thin::-webkit-scrollbar-track {
    background-color: initial;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: initial;
}
.scrollbar-thin:hover::-webkit-scrollbar-track {
    background-color: #f3f3f3;
}
.scrollbar-thin:hover::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
}
.image-upload {
    position: relative;
    border: 1px dashed #d6d6d6;
    padding: 5px 0 0;
    border-radius: 4px;
    text-align: center;
    min-width: 0;
    width: 246px;
    height: 210px;
    background-color: #fff;
}
.image-upload .drag-text {
    margin-bottom: 0;
    padding-top: 5px;
}
.image-upload .filesize-info {
    position: absolute;
    bottom: 7px;
    left: 0;
    line-height: 15px;
}
.item-details-image .image-spinner {
    top: 40%;
    left: 45%;
    position: absolute;
}
.image-container {
    position: relative;
    min-height: 160px;
    min-width: 0;
    width: 237px;
    height: 210px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
}
.image-container .image-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
    height: 99%;
    width: 100%;
    z-index: 10;
    border-radius: 5px;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
.image-container .image-overlay-details {
    text-align: center;
    width: 100%;
    z-index: 11;
    opacity: 0;
}
.image-container .preview-img {
    padding: 5px;
    width: 237px;
    height: 170px;
    position: relative;
    border-radius: 15px;
}
.image-container .preview-img:hover .image-overlay,
.image-container .preview-img:hover .image-overlay-details {
    opacity: 1;
}
.image-container .preview-img .show-img {
    display: block;
    max-height: 120px;
    max-width: 210px;
}
.image-container .primary-image {
    position: absolute;
    bottom: 9px;
    left: 5px;
}
.image-container .primary-image-desc {
    border-radius: 4px;
    background-color: #e3edf7;
    padding: 3px 7px;
}
.image-container .item-markprimary,
.image-container .item-changeimage {
    position: absolute;
    bottom: 6px;
    left: 16px;
}
.image-container .image-delete {
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.image-list-container {
    margin-top: 10px;
    max-width: 237px;
}
.image-list-container.image-list-creation-container {
    max-width: 247px;
}
.image-list-container .image-list-item {
    display: inline-block;
    border: 1px solid #eee;
    min-height: 43px;
    min-width: 42px;
    padding: 5px;
    margin: 0 1.5px 4px;
    position: relative;
    border-radius: 4px;
}
.image-list-container .image-list-item .show-img {
    display: block;
    max-width: 35px;
    max-height: 30px;
}
.image-list-container .image-list-item .excess-image-count {
    width: 25px;
    height: 25px;
    background-color: #000;
    border: 1px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    position: absolute;
    padding: 5px 0 0;
}
.image-list-container .add-image-section {
    position: relative;
    border-style: dashed;
}
.image-list-container .add-image-section .add-image-svg {
    position: absolute;
    top: 42%;
    left: 50%;
    height: 40%;
    width: 50%;
    cursor: pointer;
    margin: -15% 0 0 -25%;
}
.image-list-container .add-image-section #edit {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    left: 0;
    height: 43px;
    top: 0;
    right: 0;
}
.image-list-container .image-highlight {
    border: 1px solid #2fa3e7;
}
.image-expanded-view .modal-dialog {
    margin-top: 30px;
}
.image-expanded-view .primary-image-desc {
    border-radius: 4px;
    background-color: #e3edf7;
    padding: 3px 7px;
}
.image-expanded-view .image-toggle {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #000;
    cursor: pointer;
}
.image-expanded-view .image-close {
    position: absolute;
    top: 7px;
    right: -42px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    pointer-events: auto;
}
.image-expanded-view .image-close svg {
    position: absolute;
    top: 10px;
    left: 10px;
}
.image-expanded-view .show-img {
    max-width: 600px;
    max-height: 450px;
}
.image-expanded-view .modal-backdrop.show {
    background-color: #3e3e3e;
}
.image-expanded-view .modal-content {
    border-radius: 15px;
    min-height: 600px;
}
.image-expanded-view .expanded-view-image-list {
    height: 60px;
    overflow-y: hidden;
    width: 990px;
    text-align: center;
}
.image-expanded-view .expanded-view-image-list .image-list-item {
    display: inline-block;
    border: 1px solid #eee;
    min-height: 54px;
    min-width: 54px;
    padding: 5px;
    margin: 0 6px;
    position: relative;
    border-radius: 4px;
    background-color: #fff;
}
.image-expanded-view .expanded-view-image-list .show-img {
    max-width: 40px;
    max-height: 40px;
}
.image-expanded-view .expanded-view-image-list .image-highlight {
    border: 2px solid #45b2ff;
}
@media screen and (max-width: 1400px) {
    .image-container {
        width: 190px;
        height: 180px;
    }
    .image-container .preview-img {
        width: 190px;
        height: 140px;
    }
    .image-container .preview-img .show-img {
        max-height: 100px;
        max-width: 140px;
    }
    .image-list-container {
        max-width: 190px;
        height: 50px;
    }
    .image-list-container .image-list-item {
        min-height: 33px;
        min-width: 34px;
    }
    .image-list-container .image-list-item .show-img {
        max-width: 25px;
        max-height: 17px;
    }
    .image-upload {
        width: 190px;
        height: 180px;
    }
}
.empty-details-item {
    background-color: #fcfcfc;
    padding: 2% 2% 4%;
    text-align: center;
}
.empty-details-item .item-header {
    padding-top: 15px;
}
.empty-details-item .item-section {
    width: 45%;
    background-color: #fff;
    margin: 10px;
    display: inline-block;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
}
.empty-details-item .item-section:hover {
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.08);
    transition: all 0.1s ease-in-out;
}
.empty-details-item .item-notes {
    min-height: 40px;
    padding-top: 10px;
}
.empty-details-item .item-body {
    padding: 10px 40px 40px;
}
.grid-view-container {
    border-top: 1px solid #ededed;
}
.grid-item {
    text-align: center;
    padding: 10px;
    min-height: 360px;
    margin: 20px;
    width: 21%;
    transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    box-shadow: 0 0 30px rgba(219, 219, 219, 0.5);
    float: left;
    position: relative;
    border: 1px solid transparent;
}
@media (max-width: 1100px) {
    .grid-item {
        width: 28%;
    }
}
@media (max-width: 830px) {
    .grid-item {
        width: 43%;
    }
}
@media (max-width: 650px) {
    .grid-item {
        width: 90%;
    }
}
.grid-item:hover,
.grid-item.selected {
    border: 1px solid #8bbff9;
    transform: translateY(-1px);
    box-shadow: 0 8px 50px rgba(219, 219, 219, 0.7);
}
.grid-item:hover .grid-checkbox,
.grid-item:hover .grid-action,
.grid-item.selected .grid-checkbox,
.grid-item.selected .grid-action {
    display: block !important;
}
.grid-item .grid-checkbox {
    position: absolute;
    left: 20px;
    top: 15px;
}
.grid-item .grid-action {
    position: absolute;
    right: 20px;
    top: 18px;
}
.grid-item .grid-content {
    margin: 0 auto;
}
.grid-item .grid-image-container {
    position: relative;
    height: 120px;
    width: 120px;
    overflow: hidden;
    margin: 20px auto 10px;
}
.grid-item .grid-image-container .grid-image-loading {
    animation: blinkloading 1s ease-in-out infinite;
}
.grid-item .grid-image-container .grid-image-broken {
    opacity: 0.7;
}
.grid-item .grid-image-container .image-spinner {
    top: 41%;
    left: 34%;
}
.grid-item .grid-image-container .show-img {
    max-height: 120px;
    max-width: 120px;
    margin: auto;
}
.grid-item .grid-stock-info {
    padding-top: 20px;
    line-height: 26px;
    font-size: 14px;
}
.green-bubble {
    width: 6px;
    height: 6px;
    background-color: #28ba9b;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    margin-bottom: 1px;
}
.item-list-image-section {
    display: flex;
}
.item-list-image-section .item-list-image {
    flex-basis: 18%;
    margin-bottom: 4px;
}
.item-list-image-section .item-list-image .lineitem-image {
    border: 0;
    height: 35px;
    margin: 0;
}
.item-list-image-section .image-loading {
    animation: blinkloading 1s ease-in-out infinite;
}
@keyframes blinkloading {
    0% {
        opacity: 0.7;
    }
    50% {
        opacity: 0.3;
    }
    to {
        opacity: 0.7;
    }
}
.category-tree-view div > h5 {
    letter-spacing: 0.5px;
}
.category-tree-view ul.tree {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 16px;
}
.category-tree-view ul.tree ul.hide-children {
    display: none;
}
.category-tree-view ul.tree li {
    margin-left: 5px;
    border-left: 1px solid #999;
    line-height: 25px;
}
.category-tree-view ul.tree li.root,
.category-tree-view ul.tree li.root:before {
    border: 0;
}
.category-tree-view ul.tree li.root > div {
    border-top: 1px solid #eae7e7;
}
.category-tree-view ul.tree li > div {
    padding: 8px 0;
}
.category-tree-view ul.tree li:last-child {
    border-left: none;
}
.category-tree-view ul.tree li:last-child.root {
    border-bottom: 1px solid #eae7e7;
}
.category-tree-view ul.tree li:last-child.root::before {
    border: 0;
}
.category-tree-view ul.tree li:before {
    width: 0.8em;
    height: 2em;
    margin-right: 0.4em;
    margin-top: -10px;
    vertical-align: middle;
    border-bottom: 1px solid #999;
    content: "";
    float: left;
}
.category-tree-view ul.tree li:last-child:before {
    border-left: 1px solid #999;
}
.category-tree-view ul.tree li div .row-action {
    display: none;
    text-align: center;
    cursor: pointer;
}
.category-tree-view ul.tree li div .group-expanded {
    border-bottom: 1px solid #eae7e7;
    height: 14px;
    overflow: hidden;
}
.category-tree-view ul.tree li div:hover {
    background-color: #fafaff;
    cursor: pointer;
}
.category-tree-view ul.tree li div:hover .group-expanded {
    display: none;
}
.category-tree-view ul.tree li div:hover .row-action {
    display: block;
    height: 25px;
}
.category-tree-view .category-text-blue {
    color: #0080ff;
}
.category-tree-view svg.category-text-blue {
    margin-left: -3px;
}
.row-action small:hover {
    color: #0080ff;
}
.row-action-seperator {
    border-left: 1px solid #ddd;
}
.item-category .bold {
    font-weight: 550;
}
.category-form {
    background-color: #fcfcfc;
    margin: -20px -20px 0;
    padding: 39px;
    border-bottom: 1px solid #eaeaea;
}
.category-form .ac-box-drop {
    min-width: 400px;
    border-top: 1px solid #ccc;
}
.category-loading-form {
    min-height: 203px;
}
.categories-dropdown .ac-box-drop {
    min-width: 400px;
    border-top: 1px solid #ccc;
}
.item-title-subheader {
    height: 22px;
    margin-top: -10px;
    padding-left: 23px;
    font-size: 13px;
}
.item-title-subheader span:not(:last-child) {
    padding-right: 5px;
    margin-right: 5px;
}
.item-title-subheader .dot {
    background-color: #444;
}
.item-title-subheader span.dot:not(:last-child) {
    margin-right: 10px;
}
.dot {
    height: 5px;
    width: 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: none;
}
span:not(.dot) ~ .dot {
    display: inline-block;
}
span.dot:not(:last-child) {
    margin-right: 5px;
}
.dimension-fields {
    display: flex;
    border: 1px solid #b0c0d6;
    border-radius: var(--zf-form-input-border-radius);
}
.dimension-fields .dimension-input {
    flex-basis: 33%;
    height: 32px;
}
.dimension-fields .dimension-input input {
    border: 0;
    box-shadow: none;
    text-align: center;
}
.dimension-fields .dimension-seperator {
    padding: 6px 7px;
    color: #ccc;
    background-color: #fff;
    font-size: 12px;
}
.item-associated-pricebook .edit-rate {
    visibility: hidden;
}
.item-associated-pricebook .edit-rate:hover {
    color: #0080ff;
    cursor: pointer;
}
.item-associated-pricebook:hover .edit-rate {
    visibility: visible;
}
.item-associated-pricebook .empty-pl {
    padding-left: 40px;
    padding-right: 40px;
}
.pricelist-svg {
    transition: transform 0.2s linear;
}
.pricelist-svg:hover {
    transform: scale(1.1);
}
.item-contextual-header {
    border-top: 1px solid #f1f5fa;
    overflow-x: hidden;
}
.item-contextual-img-box {
    flex-basis: 90px;
    height: 90px;
    border: 1px solid #f1f5fa;
    border-radius: 4px;
    margin-right: 20px;
}
.item-contextual-img {
    max-width: 75px;
    max-height: 75px;
}
.item-svg {
    min-width: 39px;
    height: 40px;
    border-radius: 5px;
    padding: 0;
    text-align: center;
}
.item-contextual-details .contextual-item {
    margin-top: 10px;
    padding: 0;
}
.item-contextual-details .contextual-item .contextual-label {
    display: inline-block;
    width: 50%;
}
.item-contextual-details .contextual-item .contextual-value {
    display: inline-block;
    width: 40%;
}
.item-contextual-details .contextual-separator {
    border-bottom: 6px solid #f7f9fa;
    margin: 0 -20px;
    padding: 0 20px 25px;
}
.item-value {
    font-weight: 500;
}
.item-channel-card {
    min-width: 350px;
    max-width: 500px;
    padding: 20px 20px 15px;
    margin-bottom: 20px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    border-radius: 6px;
}
.mp-logo-wrapper {
    padding: 8px 4px 6px 8px;
    border: 1px solid #eee;
    border-radius: 8px;
    height: 40px;
    margin-top: 3px;
    margin-right: 12px;
}
.table.mp-item-table {
    border-bottom: 0;
}
.table.mp-item-table thead > tr > td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.table.mp-item-table tbody > tr > td {
    border-top: 0;
}
.table.mp-item-table thead > tr > td:first-child,
.table.mp-item-table tbody > tr > td:first-child {
    padding-left: 0;
}
.table.mp-item-table thead > tr > td:last-child,
.table.mp-item-table tbody > tr > td:last-child {
    padding-right: 0;
}
.zb-badge-inactive {
    margin-left: 3px;
    padding: 2px 6px;
    vertical-align: middle;
    background-color: #bbb;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    font-weight: 500;
}
.item-contextual-txn {
    flex-basis: auto;
    width: auto;
}
.item-contextual-filter::after {
    vertical-align: middle;
}
.item-txn-tab {
    min-height: 390px;
}
.unit-conversion {
    min-width: 120px;
    max-width: 125px;
}
.item-unit-rate-help .active .text-grey-dark {
    color: inherit;
}
.subs-info-container {
    background-color: #fdfdfd;
    padding: 20px 20px 10px;
}
.subs-info-container .billing-items {
    flex: 1 1 25%;
}
.subs-info-container .billing-items:not(:last-of-type) {
    padding-right: 20px;
}
.addon-container .cp-pic {
    border: 1px solid #fff;
    box-shadow: 0 0 6px 1px #eee;
    border-radius: 50%;
}
.addon-container .total-row.avalara-total .total-label {
    width: 30%;
}
.addon-container .total-row.avalara-total .total-amount {
    width: 70%;
    font-weight: 400;
    font-size: 13px;
}
.credit-refund .addon-container .cp-pic {
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #ebeaf2;
}
.img-container-size {
    width: 104%;
    height: 160px;
}
.img-container-size .img-previous-size {
    width: 100%;
    height: 135px;
}
.img-container-size .img-previous-size img.show-img {
    max-width: 225px;
}
.subs-item-table .item-header {
    background-color: #fbfbfb;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 8px 0;
    margin: 0;
}
.subs-item-table .item-row {
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
    margin: 0;
}
.subs-item-table .item-row .item-desc {
    visibility: hidden;
}
.subs-item-table .item-row:hover .item-desc {
    visibility: visible;
}
.subs-item-table .sub-total-row {
    padding: 15px 0;
    margin: 0;
}
.subs-item-table .pending-changes {
    color: #c6763a;
    border-top: 1px solid #ededed;
    padding: 15px 0;
}
.addon-label {
    background-color: #e5f6f9;
    color: #44919e;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    padding: 2px 5px;
}
.sec-lang-warning-banner {
    color: #bd6500;
}
.non_renewing {
    background-color: #8c8b8b;
}
.live {
    background-color: #34be28;
}
.free {
    background-color: #d1832e;
}
.on_hold {
    background-color: #838195;
}
.future {
    background-color: #71a5bc;
}
.cancelled,
.cancelledbycustomer,
.cancelled_from_manual_payment_dunning {
    background-color: #999;
}
.unpaid {
    background-color: #bf504c;
}
.trial {
    background-color: #3577c7;
}
.expired,
.in_progress,
.trial_expired,
.cancelled_from_dunning,
.creation_failed,
.suspended,
.reactivation_scheduled {
    background-color: #000;
}
#status {
    background-color: transparent;
}
#status.active {
    color: #1fce88;
}
#status.expired {
    color: #848484;
}
.dunning {
    background-color: #bf504c;
}
.paused {
    background-color: #eb6100;
}
.status-paid,
.status-partially_paid,
.status-closed,
.status-invoiced {
    color: #549d06;
}
.status-sent,
.status-open {
    color: #3aa6ca;
}
.status-void {
    color: #000;
}
.status-draft {
    color: #879697;
}
.status-approved {
    color: #31708f;
}
.status-pending_approval,
.status-incomplete {
    color: #ef6f08;
}
.status-pending {
    color: #ec9500;
}
.status-resolved {
    color: #a23aca;
}
.status-markcancelled {
    color: #848484;
}
.status-live {
    color: #1fce88;
}
.status-cancelled,
.status-cancelledbycustomer {
    color: #a5adb0;
}
.status-unpaid {
    color: #ca4f4b;
}
.status-trial {
    color: #3577c7;
}
.status-future {
    color: #71a5bc;
}
.status-free {
    color: #d1832e;
}
.status-on_hold {
    color: #8d99ae;
}
.status-expired,
.status-in_progress,
.status-trial_expired,
.status-cancelled_from_dunning,
.status-creation_failed,
.status-non_renewing {
    color: #000;
}
.status-dunning {
    color: #ca4f4b;
}
.status-paused {
    color: #eb6100;
}
.status-reactivation_scheduled {
    color: var(--zf-orange-16);
}
.subs-text-link {
    color: #428bca;
}
.icon-help-circled-fill {
    color: #848484;
}
.contacts-group span:not(:last-of-type):after {
    content: ", ";
}
.txn-norow {
    font-size: 17px;
    margin-top: 16%;
    text-align: center;
}
.onboard-wrapper svg.subs-onboard-svg {
    height: 200px;
}
.onboard-wrapper .onboard-header {
    font-size: 20px;
    line-height: 1.4;
}
.onboard-wrapper .onboard-desc {
    text-align: center;
    max-width: 540px;
    line-height: 1.5;
}
.onboard-wrapper .subs-lifecycle-wrapper {
    background-color: #f9f9fb;
}
.onboard-wrapper .subs-lifecycle-wrapper img {
    max-width: 900px;
}
.onboard-wrapper .subs-lifecycle-wrapper .subs-overview {
    font-size: 18px;
    text-decoration: underline;
    pointer-events: none !important;
}
.onboard-wrapper .subs-lifecycle-wrapper .overview-note {
    background-color: #f1f2f8;
    border-radius: 6px;
}
.onboard-wrapper .subs-lifecycle-wrapper .overview-note svg {
    fill: #5c9bf7;
}
.add-charge-info {
    border: 1px solid var(--zf-table-border-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04);
}
.add-charge-info .amount-section {
    border-left: 1px solid var(--zf-table-border-color);
}
.onboard-video {
    border-radius: 16px 16px 0 0;
    background-color: #f9f9fb;
    margin: 60px auto 0;
    max-width: 538px;
    color: #222;
}
.onboard-video .circled-play {
    fill: #5c9bf7;
    width: 20px;
    height: 20px;
    top: 41%;
    left: 41%;
}
.onboard-video .video-timer {
    background-color: #e9ebf3;
    border-radius: 5px;
}
.onboard-video .image-wrapper:hover .circled-play {
    fill: #227db1;
}
.hlptxt {
    font-size: 13px;
    line-height: 15px;
    padding: 0 5px;
    color: #999;
}
.pmthlptxt {
    font-size: 11px;
    line-height: 14px;
    color: #999;
}
.addonhlptxt {
    color: #ca4f4b;
    font-size: 12px;
    line-height: 15px;
    padding-top: 0;
    text-align: right;
}
.subscription-header {
    font-size: 18px;
    border-top: 1px solid #ededed;
    padding-bottom: 20px;
}
.subdetailspop {
    display: block;
    left: 178px;
    top: -109px;
    width: 420px;
    padding: 10px;
    border-color: #ededed;
    box-shadow: none;
}
.subdetailspop > .arrow::before {
    border-right-color: #ededed;
}
.subdetailspop > .arrow::after {
    border-right-color: #f9f9fb;
}
.subdetailspop .popover-body {
    padding: 0 10px 10px;
}
.sub-font-style {
    font-family: InterMedium, InterRegular, Arial, sans-serif;
    font-weight: 400;
}
.item-table-section th {
    padding: 8px 10px;
    color: #666;
    background-color: #f9f9f9;
    border-left: 1px solid #eee;
}
.item-table-section th:last-child {
    border-right: 1px solid #eee;
}
.item-table-section td {
    padding: 8px 10px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.item-table-section .bdr-right {
    border-right: 1px solid #eee;
}
.customized-input-plus-minus {
    height: 32px;
}
.customized-input-plus-minus .input-group-prepend .input-group-text,
.customized-input-plus-minus .input-group-append .input-group-text {
    width: 20px;
    background: 0 0;
    cursor: pointer;
}
.customized-input-plus-minus .input-group-prepend .input-group-text {
    border-right: 0;
    padding-left: 10px;
}
.customized-input-plus-minus .input-group-append .input-group-text {
    border-left: 0;
    padding-right: 15px;
}
.customized-input-plus-minus input {
    border-left: 0;
    border-right: 0;
}
.customized-input-plus-minus input::-webkit-outer-spin-button,
.customized-input-plus-minus input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.customized-input-plus-minus input[type="number"] {
    -moz-appearance: textfield;
}
.regen-btn {
    left: 43%;
    margin-top: 46px;
    z-index: 1000;
}
.hp-link-generate-btn {
    left: 36%;
    top: 35%;
}
.include-addon-btn {
    background-color: #f2f7fe;
}
.sharehplink-container {
    margin-bottom: 100px;
}
.sharehplink-container .sharehplink-header {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.sharehplink-container .sharehplink-header .active-link {
    border-bottom: 3px solid #2485e8;
}
.widget-currency-badge {
    width: 32px;
    height: 18px;
    background-color: #20a97b;
}
.currency-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.currency-item:hover {
    background-color: #fafafa;
    color: #21263c;
}
.currency-item:hover .hp-cur-del {
    display: block;
    right: 6px;
}
.currency-item .hp-cur-del {
    display: none;
}
.currency-item .del-currency {
    background-color: rgba(255, 255, 255, 0.9);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    gap: 10px;
}
.currency-item .del-currency button {
    z-index: 10000;
    opacity: 1;
}
.cus-sidebar {
    top: 61px !important;
}
.cus-sidebar .currency-sidebar-body {
    padding-bottom: 120px;
}
.cus-sidebar .currency-sidebar-body .add-new-currency {
    row-gap: 12px;
}
.currency-sidebar-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    left: 0;
    right: 0;
    bottom: 0;
}
.gap-10 {
    gap: 10px;
}
.gap-15 {
    gap: 15px;
}
.zspricelist-container .zspricelist-table td,
.zspricelist-container .zspricelist-table th {
    padding-left: 15px;
    padding-right: 15px;
}
.zspricelist-container .zspricelist-table tr:hover td {
    border-bottom-color: #ccc;
    border-top: 1px solid #ccc;
}
.zspricelist-container .zspricelist-table .zspricelist-header {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.8px;
    background-color: #f4f7fa;
    color: #5d678a;
}
.zspricelist-container .zspricelist-table tr td:not(:last-child):not(.zspricelist-setupfee-input) {
    background-color: #fcfcfc;
}
.zspricelist-container .zspricelist-table .zspricelist-inner-table th {
    padding: 0 !important;
    border: 0 !important;
}
.zspricelist-container .zspricelist-table .zspricelist-inner-table td {
    border: 0 !important;
}
.zspricelist-container .zspricelist-table td .form-control:focus {
    border: 1px solid #66afe9;
}
.zspricelist-container .zspricelist-table input::placeholder {
    color: #ccc;
}
.table-border-radius {
    border-collapse: separate;
    border-spacing: 0;
}
.table-border-radius thead th:first-child {
    border-top-left-radius: 6px;
}
.table-border-radius thead th:last-child {
    border-top-right-radius: 6px;
}
.table-border-radius tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}
.table-border-radius tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}
.table-border-radius td:not(:last-child),
.table-border-radius th:not(:last-child) {
    border-right: 0 !important;
}
.zspricelists-associated .text-muted,
.zspricelists-associated th {
    color: #5d678a !important;
}
.autocharge-pref-bg {
    background-color: #f9f9fb;
}
.autocharge-pref-bg:not(.disabled):hover {
    background-color: #f3f4f8;
}
.zspricelist-addon-table {
    border-radius: 5px;
    border-collapse: separate;
    border: 1px solid #eee;
    border-spacing: 0;
}
.zspricelist-addon-table th {
    padding: 8px 5px;
    border-bottom: 1px solid #eee;
}
.zspricelist-addon-table th:first-child {
    border-radius: 5px 0 0;
}
.zspricelist-addon-table th:last-child {
    border-radius: 0 5px 0 0;
}
.zspricelist-addon-table tr:last-child td {
    padding-bottom: 8px !important;
}
.zspricelist-addon-table tr:first-child td {
    padding-top: 8px !important;
}
.products-addon-creation .addon-header-text,
.products-addon-creation .tax-rates-selection {
    color: #5d678a;
    letter-spacing: 0.8px;
}
.products-addon-creation .tax-rates-selection {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 25px;
    margin: 0;
}
.addon-pagetips .content-desc {
    letter-spacing: 0.25px;
    line-height: 1.6;
    color: #444;
}
.addon-header-text {
    text-transform: uppercase;
    font-weight: 500;
    color: #5d678a;
    letter-spacing: 0.8px;
}
.recommended-addon-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.recommended-addon-table .addon_type .ac-dropdown-results li,
.recommended-addon-table .addon_type .ac-selected {
    text-transform: capitalize;
}
.recommended-addon-table .disabled-cell {
    background-color: #fcfcfc;
}
.recommended-addon-table .addon-delete-row {
    position: absolute;
    right: -20px;
    top: 10px;
}
.recommended-addon-table .form-control:not(:hover, :focus),
.recommended-addon-table .multiselect {
    border: 1px solid transparent;
    box-shadow: none;
}
.recommended-addon-table .selection-list > li .close {
    font-size: 13px;
    padding-top: 2px;
}
.recommended-addon-table .selection-list > li .btn-sm {
    background-color: #f0f5f7 !important;
    border: 0;
    padding: 5px;
    border-radius: 7px;
}
.recommended-addon-table .selection-list > li.mini {
    display: none;
}
.recommended-addon-table .ac-selected {
    padding-left: 5px;
    padding-right: 5px;
}
.recommended-addon-table thead th:first-child {
    border-top-left-radius: 6px;
}
.recommended-addon-table thead th:last-child {
    border-top-right-radius: 6px;
}
.recommended-addon-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}
.recommended-addon-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}
.recommended-addon-table.table td {
    border-top: unset;
}
.recommended-addon-table thead th {
    border-top: 1px solid #ebeaf2 !important;
    vertical-align: bottom;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f9f9fb;
    border-left: 1px solid #ebeaf2;
    border-bottom: 1px solid #ebeaf2 !important;
}
.recommended-addon-table td {
    padding: 0;
    border-left: 1px solid #ebeaf2;
    border-bottom: 1px solid #ebeaf2;
    vertical-align: middle;
}
.recommended-addon-table thead th:last-child,
.recommended-addon-table tbody td:last-child {
    border-right: 1px solid #ebeaf2;
}
.recommended-addon-table.table thead > tr > th:after {
    border: 0;
}
.hp-actions {
    left: auto;
    right: -67px;
    top: 18px;
}
.hp-actions .dropdown-item {
    width: 300px;
    white-space: normal;
}
.hp-actions hr:last-child {
    display: none;
}
.hp-actions .dropdown-item:hover .text-void {
    color: #fff;
}
.charge-preview-section {
    box-shadow: 0 2px 5px rgba(43, 63, 95, 0.08);
}
.item-row .unbilled-row-action {
    visibility: hidden;
}
.item-row:hover .unbilled-row-action {
    visibility: visible;
}
.unbilled-delete-icon:hover {
    color: var(--zf-red-1);
}
.failed-update-table th {
    --zf-table-header-font-size: 10px;
    padding: 12px 8px;
    letter-spacing: 0.9px;
}
.subs-radio-section:hover,
.subs-radio-section.active {
    border-color: var(--zf-blue-2);
}
.cancel-schedule:hover {
    color: var(--zf-red-1);
}
.itemwarning-alert {
    margin-left: 18.5%;
    width: 71%;
    background-color: #ffead1;
    border-color: #f98800;
    color: #f98800;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
}
svg.icon.itemwarning-icon {
    fill: #f98800;
}
.attribute-section {
    padding: 0 9%;
}
.autogenerate-sku .sku-preview {
    position: relative;
    word-wrap: break-word;
    margin-left: 15px;
    padding: 30px 25px;
    border: 1px dashed #967124;
    border-radius: 5px;
    background-color: #fffcea;
}
.autogenerate-sku .sku-preview:after {
    content: "";
    background-image: url(images/sku-bg-495f17ae5f.svg);
    opacity: 0.04;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.autogenerate-sku .preference-section {
    padding: 10px 15px 0;
    position: relative;
    min-height: 180px;
}
.autogenerate-sku .preference-section .remove-preference {
    position: absolute;
    top: 0;
    right: 45px;
    display: none;
    z-index: 10;
}
.autogenerate-sku .preference-section .remove-preference svg:hover {
    fill: #e01511;
}
.autogenerate-sku .preference-section:hover .remove-preference {
    display: block;
}
.autogenerate-sku .add-preference {
    padding: 40px;
    border: 1px dashed #b2dff9;
    border-radius: 5px;
    background-color: #ebf4f9;
}
.approval-popover-body {
    width: 300px;
}
.approval-popover-body ul {
    padding: 12px 14px 0 30px;
}
.item-treeview::before {
    content: "";
    border-left: 1px solid #dadada;
    position: absolute;
    height: 60px;
    margin-left: 44px;
    margin-top: -50px;
}
.item-treeview::after {
    content: "";
    position: absolute;
    width: 18px;
    border-bottom: 1px solid #dadada;
    margin-top: 9px;
    margin-left: 45px;
}
.item-treeview.first::before {
    height: 39px;
    margin-top: -29px;
}
.item-treeview.detail::before {
    margin-left: 31px;
    height: 60px;
    margin-top: -50px;
}
.item-treeview.detail::after {
    margin-left: 32px;
}
.item-treeview.detail.first::before {
    margin-top: -25px;
    height: 35px;
}
.itemgroup-top-band {
    min-height: 40px;
    padding: 0 2%;
    margin: 0 -20px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
.itemgroup-top-band .itemgroup-top-band-item {
    float: left;
    position: relative;
    padding-bottom: 7px;
    margin-right: 45px;
}
.itemgroup-top-band .circle-box {
    border: 0;
    display: inline-block;
}
.itemgroup-top-band .itemgroup-step:after {
    content: "›";
    position: absolute;
    color: #ccc;
    width: 100%;
    left: 81%;
    top: -13%;
    font-size: 25px;
}
.itemgroup-top-band .current-step .itemgroup-step-label {
    font-weight: 600;
}
.itemgroup-top-band .current-step .circle-box {
    color: #fff;
    background-color: #ccc;
}
.itemgroup-top-band .current-step:after {
    content: "";
    position: absolute;
    border-top: 2px solid #4b86f2;
    width: 100%;
    left: 3px;
    top: 38px;
}
.itemgroup-top-band .step-completed .circle-box {
    background-color: #53b05a;
    color: #fff;
}
.count-in-progress {
    background-color: var(--zf-blue-25);
}
.count-pending-approval {
    background-color: var(--zf-orange-17);
}
.count-pending {
    color: var(--zf-orange-17);
}
.count-cancelled {
    background-color: #f2f2f7;
}
.count-difference {
    background-color: #fff5f7;
}
.count-difference .unit {
    color: var(--zf-red-6);
}
.count-serial-bg {
    background-color: var(--zf-grey-22);
}
.count-top-band {
    color: #757383;
}
.count-variation-border {
    border-left: 3px solid orange;
}
.count-variation:hover,
.count-variation-selected {
    background-color: #fcf3e7;
    border: 1px solid #fcd088;
}
.count-item-img {
    min-width: 50px;
    min-height: 50px;
}
.count-item-img .lineitem-image .preview-img {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    margin: 0;
    background-color: #f9f9fb;
    border: 1px solid #f4f4f9;
}
.count-assignee-profile {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.count-empty-table:hover {
    background-color: #fff !important;
}
.count-empty-table .empty-border {
    border: 1px solid #f4f5f6;
    opacity: 0.5;
}
.count-image {
    min-width: 65px;
    max-width: 65px;
}
.count-empty-content {
    left: 62%;
    position: fixed;
    z-index: 4;
    transform: translate(-50%, 60%);
}
.count-reason-field {
    width: 175px;
}
.count-reason-field .ac-box .ac-selected:hover {
    border: 1.5px solid #ccc;
    transition: all 0.3s;
}
.count-approval-btn {
    border: 1px solid #dedede;
    width: 96px;
}
.count-approval-btn svg g {
    fill: #8890b3;
}
.count-approval-btn:hover {
    border: 1.5px solid #ccc;
    transition: all 0.3s;
}
.count-approval-btn:focus {
    box-shadow: none;
}
.count-approved-btn {
    width: 96px;
    border: 1px solid #1e85e9;
}
.count-approved-btn svg g {
    fill: #1e85e9;
}
.count-approved-btn:focus {
    box-shadow: none;
}
.count-details-dashboard {
    border: 1px solid #e7e9f1;
    box-shadow: 0 1px #e7e9f1;
}
.count-details-dashboard .ira-background {
    background-color: var(--zf-blue-26);
    color: var(--zf-blue-1);
}
.reason-box {
    width: 18%;
}
.count-list-dashboard .box-size {
    padding: 3px 1px 1px;
}
.count-list-dashboard .loading-section {
    height: 26px;
}
.count-list-dashboard .qty {
    max-width: 30%;
    margin-top: 3px;
}
.count-list-dashboard .top-unmatched-box {
    background-color: #f3f4f8;
    width: 276px;
    position: absolute;
    right: 2%;
}
.count-list-dashboard .top-unmatched-box .topcount-box {
    margin-bottom: 4px;
    background-color: #fafaff;
}
@media (max-width: 1416px) {
    .count-list-dashboard .pending-box {
        width: 55%;
    }
    .count-list-dashboard .status-box {
        width: 50%;
    }
    .count-list-dashboard .top-unmatched-box {
        display: none;
    }
}
.count-filter .ac-selected {
    border: 0;
    background: 0 0;
    outline: 0 !important;
    box-shadow: none;
}
.count-groupby .ac-box-drop {
    width: max-content;
}
.count-serial-batch-search:hover {
    box-shadow: var(--zf-form-input-focus-box-shadow);
}
.w-160 {
    width: 160px;
}
.recurring-count-width .week {
    width: 78px;
}
.recurring-count-width .date-day {
    width: 135px;
}
.recurring-count-width .week-days {
    width: 108px;
}
.radio-btn:hover .gray-border,
.radio-btn:hover .new-approvals .approval-tab,
.new-approvals .radio-btn:hover .approval-tab,
.radio-btn:hover .new-approvals .approval-tab.selected::after,
.new-approvals .radio-btn:hover .approval-tab.selected::after,
.radio-btn:hover input[type="radio"] {
    border-color: var(--zf-inputselector-bg-color);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
}
.h-18 {
    height: 18px;
}
@media (max-width: 1024px) {
    .fill-container .zi-table.cs-table-tab tr th:first-of-type,
    .fill-container .zi-table.cs-table-tab tr td:first-of-type {
        padding-left: 8px;
    }
    .count-reason-field {
        width: 132px;
    }
    .reason-box {
        width: 25%;
    }
}
.count-report-warehouse .ac-box .ac-selected {
    height: inherit;
}
.count-inapp-banner .modal-content {
    border-radius: 16px;
}
.count-inapp-banner .count-newtag {
    top: -30px;
    left: -22px;
    width: 110px;
    height: 110px;
}
.count-inapp-banner .count-background {
    background-image: url(images/inventorycount/background-db7fe26126.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.count-inapp-banner .count-background .header-text {
    background: linear-gradient(145deg, #f94049 48.45%, #58a2db 55.55%);
    background-clip: text;
    color: transparent;
}
@font-face {
    font-family: "daterangepicker-fontcustom";
    src: url(./styles/daterangepicker-fontcustom_21cce96b4bbb1e44096a690a6427d298-b22ed001d0.eot);
    src: url(./styles/daterangepicker-fontcustom_21cce96b4bbb1e44096a690a6427d298-b22ed001d0.eot?#iefix) format("embedded-opentype"), url(./styles/daterangepicker-fontcustom_21cce96b4bbb1e44096a690a6427d298-d5b30700e0.woff) format("woff"),
        url(./styles/daterangepicker-fontcustom_21cce96b4bbb1e44096a690a6427d298-99c9594409.ttf) format("truetype"),
        url(./styles/daterangepicker-fontcustom_21cce96b4bbb1e44096a690a6427d298-52ea72b311.svg#daterangepicker-fontcustom) format("svg");
    font-weight: 400;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "daterangepicker-fontcustom";
        src: url(./styles/daterangepicker-fontcustom_21cce96b4bbb1e44096a690a6427d298-52ea72b311.svg#daterangepicker-fontcustom) format("svg");
    }
}
[data-icon]:before {
    content: attr(data-icon);
}
[data-icon]:before,
.fa-calendar:before,
.fa-chevron-left:before,
.fa-chevron-right:before {
    display: inline-block;
    font-family: "daterangepicker-fontcustom";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.fa-calendar:before {
    content: "\f100";
}
.fa-chevron-left:before {
    content: "\f101";
}
.fa-chevron-right:before {
    content: "\f102";
}
.body.access-payroll {
    padding-bottom: 0;
}
.column-center {
    max-width: 630px;
    margin: auto;
}
.column-center p {
    font-size: 15px;
    color: #495569;
}
.zp-grid-section {
    padding: 30px 86px 65px;
    border-radius: 20px;
}
.zp-advantages-section {
    margin: 20px 52px 0;
    background-color: #f6fbff;
}
.zp-advantages-section span {
    color: #419af9;
}
.zp-features-section {
    margin: 40px 52px 70px;
    background-color: #fff8f6;
}
.zp-features-section span {
    color: #ff3e3e;
}
.zp-feature {
    padding: 30px 30px 25px;
    box-shadow: 0 2px 4px rgba(28, 29, 85, 0.02);
    max-width: 45%;
}
.zp-feature h4 {
    line-height: 1.6;
}
.zp-feature p {
    color: #31426d;
}
.payroll-btn {
    background-color: #3188f8;
}
.payroll-btn:hover {
    background-color: #007bff;
}
.payroll-footer {
    padding: 30px 20px;
    margin: 0 -20px;
    background-color: #f7f7f7;
}
a.payroll-access-link {
    padding-left: 5px;
    text-decoration: underline;
}
svg.icon.zp-integ-icon {
    width: 215px;
    height: 150px;
}
.hide-states {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: 0.25s ease;
}
.show-all-label {
    color: #2e8fda;
    min-width: 700px;
}
.show-all-label svg {
    padding: 2px;
    top: 2px;
}
.state-box {
    border: 1px solid #e5e8f0;
    transition: 0.25s ease;
    box-shadow: 0 2px 4px rgba(28, 29, 85, 0.02);
}
.supported-states-section {
    margin: 20px 52px 30px;
    border: 1px solid #eee;
}
.available-span {
    top: 28px;
    color: #495569;
    letter-spacing: 1.5px;
}
@media (min-width: 1600px) {
    .supported-states {
        padding: 0 10%;
    }
}
@media (min-width: 1140px) {
    .zp-feature {
        max-width: 30%;
    }
}
.nav-pills .nav-header.nav-link {
    opacity: 1;
    border-bottom: 1px solid #dcdbdb;
}
.nav-pills .nav-header.nav-link:hover,
.nav-pills .nav-header.nav-link:focus {
    background-color: initial !important;
}
.folder-name {
    width: 110px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.folder-section {
    max-height: 350px;
    padding-bottom: 100px;
}
.folder-section .file-count {
    padding-top: 2px;
    padding-left: 20px;
    position: absolute;
}
.folder-section .table-row:hover .file-count {
    visibility: hidden;
}
li.active .file-count {
    color: var(--sidebar-font-color);
}
.list-column.document-preview {
    z-index: 5;
    display: block;
    background-color: #f7f9fb;
    width: 35%;
    border: 0;
}
.list-column .document-email-popover {
    padding: 10px;
    line-height: 24px;
}
.list-column .document-txnlist-body .table td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.list-column .document-txnlist-body .navmenu ul {
    margin-top: 0;
}
.list-column .document-txn-body {
    transition: width 0.1s linear;
    overflow: auto;
    width: 0;
    padding: 0;
    box-shadow: 0 8px 10px 0 #eee;
}
.list-column .document-txn-body .document-details {
    padding: 20px 20px 50px;
}
.list-column .document-txn-body .document-details-header {
    padding: 0 22px;
}
.list-column .document-txn-body .txn-row {
    padding: 18px 0;
    border-bottom: 1px dashed #eee;
}
.list-column + .content-column.document-details-column {
    z-index: 5;
    max-width: 100%;
    border-left: 1px solid #c7c6c7;
}
.document-txnlist-body.txn-small + .document-txn-body {
    flex-shrink: 0;
    width: 30%;
    border-top: 1px solid #eee;
}
.document-txnlist-body .badge {
    padding: 3px 8px;
    font-size: 12px;
}
.document-details-header .close {
    margin-top: 7px;
}
.document-details-header .btn-toolbar {
    padding: 15px 0;
}
.stmt-forwarding-intro-section {
    border: 1px solid #e9e9e9;
    padding: 3%;
}
.stmt-forwarding-intro-section .stmt-forarding-para {
    padding: 0 9%;
    line-height: 1.6em;
}
.stmt-forwarding-intro-section .stmt-forwarding-empty-para {
    padding: 0 20%;
}
.stmt-forwarding-mail-help .stmt-forwarding-mail-header {
    padding: 15px 30px;
    border: 1px solid #eee;
    margin-top: -1px;
}
.stmt-forwarding-mail-help .stmt-forwarding-mail-header .rotate-90 {
    transform: rotate(90deg);
}
.stmt-forwarding-mail-help .stmt-forwarding-mail-header:hover {
    background-color: #fbfbfb;
}
.stmt-forwarding-mail-help ul {
    margin: 13px;
}
.stmt-forwarding-mail-help ul li {
    padding: 6px 0 10px;
}
.stmt-forwarding-footer {
    background-color: #fbfafe;
    padding: 45px;
}
.stmt-forwarding-mail-icon {
    padding: 9px 10px 10px 13px;
    background-color: #eef1f7;
    border-radius: 38px 0 0 38px;
    margin-right: -4px;
}
.stmt-forwarding-mail {
    max-width: 88%;
    padding: 7px 10px 6px;
    background-color: #f5f7fa;
    border-radius: 0 38px 38px 0;
}
.file-tag {
    background-color: #f5f7fa;
    padding: 9px 14px;
    border-radius: 38px;
}
.file-tag .text-ellipsis {
    max-width: 300px;
    margin: -4px;
}
.document-upload-cover {
    display: flex;
    flex-direction: row;
    margin-top: 80px;
    margin-bottom: 10px;
}
.document-upload-cover-content {
    padding: 60px 0;
}
.doc-dgdp-upload-section {
    border: 2px solid #dfdfe9;
    border-radius: 20px;
}
.document-details .receipt-container .receipt-upload {
    border-bottom: 1px dashed #c6c6c6;
    height: 250px;
    width: 275px;
}
.document-details .merge-header {
    border-bottom: 1px solid #d4d2d2;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.document-details .editable {
    padding: 7px;
}
.receipt-upload:hover > .icon-zoom-in {
    color: #333;
}
.document-details-filename {
    margin: 10px 0 15px 25px;
    word-break: break-all;
}
.document-details-filename .badge-editable .editable {
    width: 80%;
}
.doc-popup .left-column,
.doc-popup .right-column {
    padding: 0;
    overflow-y: auto;
    height: 500px;
}
.doc-popup .right-column {
    width: 82%;
}
.doc-popup .table-top-margin {
    margin-top: -1px;
}
.doc-popup .selected-list {
    padding: 15px;
    background-color: #fbf8f8;
}
.doc-popup .selected-list .close:hover {
    color: #d64830;
}
.doc-popup .left-column {
    width: 18%;
    border-right: 1px solid #ddd;
}
.doc-popup .attachment-preview {
    margin-top: 0;
}
.doc-popup .preview-container {
    position: relative;
}
.doc-popup .preview-header {
    padding-left: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    height: 35px;
}
.doc-popup .doc-attach-button {
    position: absolute;
    right: 16%;
    padding: 2px 8px;
}
.doc-popup .doc-select-button {
    margin-right: 30%;
    margin-top: 2px;
}
.doc-popup .preview-file-name {
    width: 50%;
    position: absolute;
}
.document-grp .nav-pills .nav-link.active {
    background-color: transparent;
    border-color: #ddd;
    color: #333;
}
.document-usage-btn {
    font-size: 12px;
    color: #408dfb;
    padding: 8px 10px;
    background-color: #e6f2ff;
    border-radius: 5px;
}
tr.possible-matches {
    color: #00f;
}
tr.possible-matches + tr td {
    border-top: none;
}
.documents-table {
    min-height: 325px;
}
.documents-table td {
    padding: 8px 5px;
}
.auto-scan {
    height: 100px;
    margin-top: 10%;
}
.inbox-count {
    padding: 4px 5px;
}
.entity-dropdown {
    margin-top: 26px;
    margin-right: 21px;
}
.file-preview-name {
    width: 225px;
}
.fill-container.grid-view {
    position: relative;
    height: 100%;
}
.fill-container.grid-view ::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.receipt-wrapper {
    position: relative;
    width: 200px;
    height: 180px;
    border: 1px solid #ddd;
}
.receipt-wrapper .file-preview-name {
    width: 125px;
}
.receipt-wrapper .doc-checkbox:after,
.receipt-wrapper .doc-checkbox:checked:after {
    content: "✓";
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.receipt-wrapper .doc-checkbox:focus {
    outline: 0;
}
.doc-checkbox:checked {
    background-color: #0288d1;
}
.doc-checkbox {
    z-index: 1;
    margin-top: 0 !important;
    position: absolute;
    display: inline-block;
    background-color: #ddd;
    border: 1px solid #ccc;
    color: #fff;
    top: 8px;
    left: 8px;
    width: 17px;
    height: 17px;
    outline: 0;
    visibility: hidden;
    -webkit-appearance: initial;
    appearance: initial;
}
.receipt-wrapper:hover .doc-checkbox,
.receipt-wrapper:hover .doc-actions,
.doc-checkbox:checked {
    visibility: visible;
}
.receipt-wrapper.selected:hover .doc-actions,
.receipt-wrapper:hover .not-scan-note,
.receipt-wrapper.selected .not-scan-note {
    visibility: hidden;
}
.processed-documents,
.pending-documents {
    border-top: 1px solid #eee;
    overflow-y: auto;
}
.pending-documents {
    width: 256px;
    flex-shrink: 0;
    border-right: 1px solid #ddd;
    background-color: #fbfbfb;
    padding: 10px 0 0 20px;
}
.pending-documents .badge {
    background: red;
}
.pending-documents .receipt-wrapper {
    background-color: #f1f1f1;
    border: 1px solid #eee;
}
.processed-documents {
    margin-bottom: 0;
    flex-grow: 1;
}
.processed-documents .receipt-wrapper {
    width: 305px;
}
.processed-documents .receipt-wrapper:hover {
    box-shadow: 0 0 20px #ddd;
}
.processed-documents .list-unstyled,
.processed-documents h4 {
    padding: 10px 0 0 15px;
}
.processed-documents .list-unstyled {
    max-width: 1480px;
}
.processed-documents .badge {
    background-color: #4caf50;
}
.doc-details {
    font-weight: 400;
    padding: 20px;
    position: absolute;
    left: 40%;
    height: 100%;
    width: 60%;
    padding-top: 25px;
}
.doc-details .doc-name,
.doc-details .doc-amount,
.doc-details .doc-ref,
.doc-details .doc-vendor {
    width: 100%;
    display: inline-block;
}
.doc-name {
    color: #0080ff;
}
.doc-name:hover {
    color: #0078e1;
}
.doc-preview {
    font-weight: 300;
    position: absolute;
    height: 100%;
    width: 40%;
}
.doc-preview .receipt-image {
    max-width: 113px;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.receipt-wrapper .doc-checkbox:checked,
.doc-actions {
    color: #fff;
    background-color: #d64830;
    border-color: #c53e27;
}
.receipt-wrapper.selected,
.receipt-wrapper:hover {
    border-color: #d64830;
}
.doc-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
}
.doc-actions .btn {
    font-size: 14px;
}
.doc-actions .btn:active,
.doc-actions .btn:focus,
.doc-actions .btn:hover,
.doc-actions .inline-move-to .dropdown-toggle,
.doc-actions .inline-add-to .dropdown-toggle {
    box-shadow: none;
    border-color: transparent;
    background-color: inherit;
}
.doc-actions .inline-move-to,
.doc-actions .inline-add-to {
    padding: 3px;
    width: 50%;
}
.doc-actions .inline-move-to {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.doc-actions .inline-add-to .btn-primary,
.doc-actions .inline-add-to .highlight-btn:hover .highlight-btn-primary,
.highlight-btn:hover .doc-actions .inline-add-to .highlight-btn-primary,
.doc-actions .inline-add-to .bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .list-match-btn,
.bank-txnlist > .bank-txnlist-body .zi-table.table tbody > tr:hover .doc-actions .inline-add-to .list-match-btn {
    border-left: none;
}
.doc-actions .dropdown-menu {
    min-width: 50%;
}
.warn-color {
    color: #ff9800;
}
.warn-bg {
    background-color: #fffbf5;
}
.icon.warn-color {
    fill: #ff9800;
}
.grid-empty-state {
    color: #aaa;
    margin-top: 25%;
}
.view-toggler {
    display: inline-block;
    border: 1px solid #b5b4b4;
    border-radius: 100%;
    padding: 6px 6px 0;
}
.stmt-inbox-filter .list-title {
    position: relative;
    margin: 0;
}
.receipts-header .caret-right {
    width: 0;
    height: 0;
    border-width: 6px;
    border-color: transparent;
    border-left-color: #000;
    margin-left: 5px;
}
.receipt-card-container.card {
    height: 361px;
    width: 260px;
    border-radius: 12px;
    border-color: #eee;
    box-shadow: 0 12px 45px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.receipt-card-container.card.upload-card {
    border-color: #eaedfa;
    background-color: #fafaff;
    box-shadow: none;
}
.receipt-card-container.card .upload-option {
    margin-top: 66px;
}
.receipt-card-container.card .divider {
    border-top: 1px solid #eaedfa;
}
.receipt-card-container.card .receipt-actions {
    position: absolute;
    bottom: -3px;
    right: -7px;
    display: flex;
}
.receipt-card-container.card .receipt-actions .prime-action,
.receipt-card-container.card .receipt-actions .delete-action {
    height: 44px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #007bff;
    transform: skewX(-24deg);
    border-top-left-radius: 12px;
}
.receipt-card-container.card .receipt-actions .delete-action {
    width: 65px;
    background-color: #e6f2ff;
}
.receipt-card-container.card .receipt-actions .prime-action {
    padding: 0 20px 0 15px;
    position: relative;
    right: -11px;
    background-color: #007bff;
}
.receipt-card-container.card .receipt-actions .action-text {
    transform: skewX(24deg);
}
.receipt-card-container.card .receipt-checkbox {
    visibility: hidden;
}
.receipt-card-container.card .receipt-status {
    height: 24px;
    margin: 16px 0 25px;
}
.receipt-card-container.card .receipt-info {
    height: 100px;
}
.receipt-card-container.card .receipt-info-slide {
    left: auto;
    width: 0;
    background-color: #fff;
}
.receipt-card-container.card .receipt-info-slide.slide-open {
    width: 90%;
    transition: width 0.1s linear;
    box-shadow: -33px 0 rgba(0, 0, 0, 0.05);
}
.receipt-card-container.card .receipt-preview-container {
    height: 160px;
    overflow: hidden;
    background-color: #fafaff;
    position: relative;
}
.receipt-card-container.card .receipt-preview-container .receipt-img {
    width: 100%;
    height: 100%;
    padding: 20px 20px 0;
    opacity: 0.7;
    transition: opacity 0.3s linear;
}
.receipt-card-container:hover {
    border-color: #007bff;
}
.receipt-card-container:hover .receipt-checkbox {
    visibility: visible;
}
.receipt-card-container:hover .info-icon {
    background-color: #e6f2ff;
}
.receipt-card-container:hover .receipt-img {
    opacity: 1;
}
.receipt-card-container.receipt-selected .receipt-checkbox {
    color: #007bff;
    visibility: visible;
}
.receipt-card-container.receipt-selected .receipt-img {
    opacity: 1;
}
.document-leftpane-preview {
    margin-top: 35px;
    max-width: 700px;
}
.document-leftpane-preview img {
    box-shadow: 0 0 8px 2px #ddd;
    border: 2px solid #eee;
}
.docs-folder-search .icon-cancel-circled {
    top: 12px;
    right: 10px;
    color: #21263c;
}
.spam-percentage-icon::after {
    content: "";
    left: 8px;
    top: 22px;
    position: absolute;
    height: 55%;
    border-left: 2px solid #f4d9ba;
}
.rounded-top-badge {
    position: relative;
}
.rounded-top-badge::after {
    content: "";
    background-color: #e24520;
    position: absolute;
    top: -5px;
    right: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #f5f5f5;
}
.event-data {
    white-space: pre;
    font-family: courier;
    font-size: 14px;
    line-height: 20px;
    border: 1px dashed #ccc;
    border-radius: var(--zf-form-input-border-radius);
    background-color: var(--zf-blue-4);
    overflow-x: scroll;
}
.webhook-table.table-hover tbody td {
    background-color: #fafafa;
}
.webhook-table.table-hover tbody td :first-of-type {
    padding-left: 10px;
}
.webhook-table.table-hover tbody td :last-of-type {
    padding-right: 10px;
}
.webhook-table.table-hover tbody tr:hover > td {
    background-color: #fafafa;
}
.webhook-table .status-success {
    color: var(--zf-green-13);
}
.webhook-table .status-failure {
    color: var(--zf-red-1);
}
.webhook-table .status-scheduled {
    color: var(--zf-blue-25);
}
.wrap-url {
    max-width: 400px;
}
.tour-backdrp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: var(--zf-modal-backdrop-color);
    opacity: 0.5;
}
.tour-popover {
    color: #000;
    background-color: #fff;
    max-width: 340px;
    border-radius: 17px;
    border: 0.5px solid #fff;
    border-width: 5px;
    z-index: 1008;
}
.tour-popover .tour-popover-arrow::before {
    background-color: transparent;
}
.tour-popover .tour-popover-body {
    max-width: 350px;
}
.tour-popover .tour-popover-footer .tour-btn {
    line-height: 0.8;
}
.tour-popover .btn:disabled {
    pointer-events: none;
}
.product-tour-card-steps {
    top: 16px;
    left: 10px;
    background-color: #21263c;
    opacity: 0.9;
    border-radius: 24px;
    color: #fff;
    font-weight: 500;
}
.tour-highlight {
    z-index: 1090;
    pointer-events: none;
}
.tour-highlight::after {
    background-color: var(--unifiedtheme-blue);
    box-shadow: 0 0 0 0 var(--unifiedtheme-blue);
}
.tour-highlight.orgprofile::after {
    right: 0;
}
@keyframes beam {
    0% {
        box-shadow: rgba(64, 141, 251, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px transparent;
    }
    to {
        box-shadow: 0 0 0 0 transparent;
    }
}
.tour-intro-modal .modal-body {
    margin-bottom: 50px;
    background: url(images/tour-confitti-4e574de7b4.png) no-repeat;
    background-size: contain;
}
.tour-intro-modal .user-pro {
    margin-top: 70px;
}
.tour-intro-modal .tour-intro-underline {
    width: 45px;
    border-top: 4px solid #408dfb;
}
.tour-intro-modal .tour-intro-desc {
    line-height: 1.8;
}
.global-search .tour-highlight::after {
    z-index: 5;
    top: 12px;
    right: 15px;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
.zsm-daypicker {
    border-bottom: 1px dashed #ccc;
}
.daypicker-dropdown {
    z-index: 1000;
    width: 227px;
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(205, 205, 205, 0.7);
    animation: fadeInDown 0.5s cubic-bezier(0, 1, 0.5, 1);
}
.daypicker-day {
    width: 30px;
    height: 35px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-decoration: none;
}
.daypicker-day:hover {
    border-color: var(--zf-dropdown-link-hover-bg-color);
}
.daypicker-day.active {
    background-color: var(--zf-dropdown-link-hover-bg-color);
    border-color: var(--zf-dropdown-link-hover-bg-color);
    color: var(--zf-dropdown-link-hover-color) !important;
}
.erp-app .badge-live {
    color: #fff;
    background-color: #57b156;
}
.erp-app .badge-paid {
    color: #fff;
    background-color: #57b156;
}
.erp-app .badge-open {
    color: #fff;
    background-color: #4383de;
}
.erp-app .badge-rejected {
    color: #fff;
    background-color: #ef5656;
}
.erp-app .badge-overdue {
    color: #fff;
    background-color: #e78844;
}
.erp-app .badge-pending {
    color: #fff;
    background-color: #e78844;
}
.erp-app .badge-draft,
.erp-app .sync-details-bubble {
    color: #fff;
    background-color: #838195;
}
.erp-app .badge-expired {
    color: #fff;
    background-color: #838195;
}
.erp-app .badge-generated {
    color: #fff;
    background-color: #4383de;
}
.erp-app .badge-success {
    color: #fff;
    background-color: #57b156;
}
.erp-app .badge-free {
    color: #fff;
    background-color: #e78844;
}
.erp-app .dropdown-toggle.no-caret:after {
    content: none;
}
.erp-app .dropdown-toggle::after,
.erp-app .zf-daterange-picker .range-text::after {
    display: inline-block;
    background-image: url(images/svgs/erp-down-white-caret-053666f792.svg);
    background-repeat: no-repeat;
    width: 7px;
    height: 7px;
    border: 0;
    vertical-align: unset;
}
.erp-app .btn-secondary.dropdown-toggle::after,
.erp-app .btn-light.dropdown-toggle::after,
.erp-app .zf-daterange-picker .range-text::after {
    background-image: url(images/svgs/erp-down-caret-7770da4290.svg);
}
.erp-app .zf-daterange-picker .range-text::after {
    margin: 6px 0 0 3px;
}
.erp-app .nav-tabs {
    border-bottom: 1px solid #ebf1f6;
}
.erp-app .treatment-info .popover {
    width: 300px;
}
.erp-app .popover {
    border-color: #fff;
    border-width: 3px;
    box-shadow: 0 4px 10px rgba(141, 141, 141, 0.15);
    border-radius: 6px;
    --arrow-bg-color: #fff;
    --arrow-border-color: #d6d9e4;
}
.erp-app .popover.popover-narrow-bordered {
    border: 1px solid #f1f1f8;
    --arrow-border-color: #f1f1f8;
    --arrow-bg-color: var(--zf-blue-4);
}
.erp-app .popover.bs-popover-top .arrow::after {
    border-width: 8px 8px 0;
    border-top-color: var(--arrow-bg-color);
    bottom: -3px;
}
.erp-app .popover.bs-popover-top .arrow::before {
    border-width: 8px 8px 0;
    border-top-color: var(--arrow-border-color);
    bottom: -4px;
}
.erp-app .popover.bs-popover-right .arrow::after {
    border-width: 8px 8px 8px 0;
    border-right-color: var(--arrow-bg-color);
    left: -3px;
}
.erp-app .popover.bs-popover-right .arrow::before {
    border-width: 8px 8px 8px 0;
    border-right-color: var(--arrow-border-color);
    left: -4px;
}
.erp-app .popover.bs-popover-bottom .arrow::after {
    border-width: 0 8px 8px;
    border-bottom-color: var(--arrow-bg-color);
    top: -3px;
}
.erp-app .popover.bs-popover-bottom .arrow::before {
    border-width: 0 8px 8px;
    border-bottom-color: var(--arrow-border-color);
    top: -4px;
}
.erp-app .popover.bs-popover-left .arrow::after {
    border-width: 10px 0 10px 10px;
    border-left-color: var(--arrow-bg-color);
    right: -3px;
}
.erp-app .popover.bs-popover-left .arrow::before {
    border-width: 10px 0 10px 10px;
    border-left-color: var(--arrow-border-color);
    right: -4px;
}
.erp-app .popover .popover-header {
    font-size: 14px;
    font-weight: 500;
    border-bottom-color: #f1f1f8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.erp-app .popover .popover-header::before {
    border-bottom-color: var(--zf-blue-4);
}
.erp-app .popover .popover-footer {
    border-top-color: #f1f1f8;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.erp-app .zf-html-editor .html-editor-toolbar {
    min-height: 35px;
}
.erp-app .zf-html-editor .html-editor-toolbar .btn-group .btn .icon {
    vertical-align: middle;
    margin-bottom: 2px;
}
.erp-app .top-band {
    height: 48px;
    background-color: var(--zf-erp-top-band-bg);
    padding-left: 8px;
    color: rgba(var(--zf-erp-nav-color-rgb), 0.7);
}
.erp-app .top-band.shadow-sm {
    z-index: 1;
}
.erp-app .top-band .zf-products {
    height: 48px;
    width: auto;
    display: flex;
}
.erp-app .top-band .seperator-line {
    border-left: 1px solid rgba(var(--zf-erp-nav-color-rgb), 0.2);
    border-radius: 2px;
    margin: 0 8px;
    height: 18px;
}
.erp-app .top-band .app-logo {
    width: auto;
    height: 24px;
    margin: 0;
    align-self: center;
}
.erp-app .top-band .quik-add {
    margin: 0 12px;
}
.erp-app .top-band .badge-notification {
    border: 1px solid var(--zf-erp-top-band-bg);
    z-index: 1;
}
.erp-app .top-band .top-item,
.erp-app .top-band .top-item-fixed-width {
    margin: 0 12px;
}
.erp-app .top-band .top-item .rounded-circle,
.erp-app .top-band .top-item-fixed-width .rounded-circle {
    margin-right: 12px;
}
.erp-app .top-band .top-item-icon-spaced {
    line-height: 1;
}
.erp-app .top-band .top-item-icon-spaced .erp-top-icon {
    fill: rgba(var(--zf-erp-nav-color-rgb), 0.7);
    height: 16px;
    width: 16px;
}
.erp-app .top-band .top-item-icon-spaced:hover {
    background-color: rgba(var(--zf-erp-nav-color-rgb), 0.08);
}
.erp-app .top-band .top-item-icon-spaced:hover .erp-top-icon {
    fill: rgba(var(--zf-erp-nav-color-rgb), 1);
}
.erp-app .top-band .top-item-icon-spaced.top-item-active .icon {
    fill: var(--primary-color);
}
.erp-app .top-band .app-logo-title {
    color: rgba(var(--zf-erp-nav-color-rgb), 0.7);
}
.erp-app .top-band .top-item-fixed-width img,
.erp-app .top-band .orglist-topband img {
    width: 28px;
    height: 28px;
    margin-right: 0;
    border: 1px solid #cacada;
}
.erp-app .top-band .top-item-fixed-width img:hover,
.erp-app .top-band .orglist-topband img:hover {
    border-color: var(--primary-color);
}
.erp-app .top-band .top-item-fixed-width .org-name-section,
.erp-app .top-band .orglist-topband .org-name-section {
    font-size: 13px;
}
.erp-app .top-band .top-item-fixed-width .org-name-section + .icon,
.erp-app .top-band .orglist-topband .org-name-section + .icon {
    margin-left: 3px;
}
.erp-app .top-band .top-item-fixed-width .org-name-section:hover,
.erp-app .top-band .orglist-topband .org-name-section:hover {
    color: #fff;
}
.erp-app .top-band .top-item-fixed-width .org-name-section:hover + .icon,
.erp-app .top-band .orglist-topband .org-name-section:hover + .icon {
    fill: #fff;
}
.erp-app .top-band .arrow-bottom {
    top: 48px;
    left: calc(50% + 7px);
}
.erp-app .top-band .arrow-bottom:before,
.erp-app .top-band .arrow-bottom:after {
    border-width: 7px 7px 0;
}
.erp-app .top-band .arrow-bottom:after,
.erp-app .top-band .arrow-bottom:before {
    top: 6px;
    border-color: var(--zf-erp-secondary-bg-color) transparent;
}
.erp-app .tab-column {
    background-color: var(--zf-erp-nav-bg-color);
}
.erp-app .tab-column .nav-pills .nav-link {
    color: rgba(var(--zf-erp-nav-color-rgb), 0.9);
}
.erp-app .tab-column .nav-pills .nav-link svg.lpanel {
    fill: rgba(var(--zf-erp-nav-color-rgb), 0.9);
}
.erp-app .tab-column .nav-pills .nav-link:focus,
.erp-app .tab-column .nav-pills .nav-link:hover {
    background-color: var(--zf-erp-nav-bg-hover);
    color: rgba(var(--zf-erp-nav-color-rgb), 0.9);
    font-weight: 400;
}
.erp-app .tab-column .nav-pills .nav-link.active,
.erp-app .tab-column .nav-pills .nav-link.active:hover,
.erp-app .tab-column .nav-pills .nav-link.active:focus,
.erp-app .inbox-count {
    background-color: var(--primary-color);
}
.erp-app .tab-column .nav-pills .nav-link .lpanel {
    margin-right: 3px;
}
.erp-app .profile-image {
    width: 30px;
    height: 30px;
    margin-top: 8px;
}
.erp-app .page-header-title,
.erp-app .list-title .filter-title,
.list-title .erp-app .filter-title,
.erp-app .list-column.expanded-list-column .list-header .list-title > a,
.list-column.expanded-list-column .list-header .erp-app .list-title > a,
.erp-app .list-column .header h3,
.list-column .header .erp-app h3,
.erp-app .content-column > .header h3,
.content-column > .header .erp-app h3,
.erp-app .list-header h3,
.list-header .erp-app h3,
.erp-app .salesorder-body .so-details-table.table tbody > tr > td.header-item,
.salesorder-body .so-details-table.table .erp-app tbody > tr > td.header-item,
.erp-app .txn-creation-column .header h3,
.txn-creation-column .header .erp-app h3 {
    font-weight: 600;
}
.erp-app .erp-details-page-header {
    background-color: var(--zf-white-1);
}
.erp-app .erp-details-page-header .details-menu-bar {
    border-bottom: 1px solid #d6d9e4;
    border-top: 1px solid var(--zf-cus-search-btn);
    background-color: #fafbfd;
    box-shadow: 0 2px 3px rgba(211, 214, 225, 0.64);
}
.erp-app .erp-details-page-header .details-menu-bar,
.erp-app .erp-details-page-header .details-menu-bar .dropdown-menu {
    font-size: 12px;
}
.erp-app .erp-details-page-header .details-menu-bar .dropdown.open .details-menu-item {
    background-color: var(--zf-erp-secondary-bg-color);
}
.erp-app .erp-details-page-header .details-menu-bar .dropdown.open .details-menu-item.primary-action {
    background-color: var(--zf-blue-26);
}
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item {
    display: flex;
    align-items: center;
    height: 41px;
    padding: 10px 15px;
    border: 0;
    background: 0 0;
    font-size: 13px;
}
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item .icon-erp:hover {
    fill: var(--zf-solid-color);
}
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item .dropdown-menu,
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item + .dropdown-menu {
    position: absolute;
    top: 42px;
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item:not(.disabled, .primary-action):hover {
    color: var(--zf-solid-color) !important;
    background-color: var(--zf-erp-secondary-bg-color);
}
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item.dropdown-toggle::after {
    display: none;
}
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item.primary-action {
    background-color: var(--zf-alert-info-bg);
    color: var(--zf-blue-25);
}
.erp-app .erp-details-page-header .details-menu-bar .details-menu-item.primary-action:hover {
    background-color: var(--zf-blue-26);
}
.erp-app .erp-details-page-header .details-menu-bar .separationline {
    border-color: var(--zf-cus-search-btn);
}
.erp-app .erp-nav {
    background-color: var(--zf-erp-nav-bg-color);
    border-bottom: 2px solid var(--primary-color);
    padding-left: 4px;
}
.erp-app .erp-nav .active-item {
    z-index: 4;
    background-color: var(--primary-color) !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.erp-app .erp-nav .active-item::before,
.erp-app .erp-nav .active-item::after {
    content: " ";
    position: absolute;
    border-bottom: 3px solid var(--primary-color);
    bottom: -1px;
    width: 10px;
    height: 8px;
    border: 1px solid var(--primary-color);
}
.erp-app .erp-nav .active-item::before {
    left: -9px;
    border-bottom-right-radius: 10px;
    box-shadow: 4px 0 0 0 var(--primary-color);
    border-width: 0 1px 1px 0;
}
.erp-app .erp-nav .active-item::after {
    right: -9px;
    border-bottom-left-radius: 10px;
    box-shadow: -4px 0 0 0 var(--primary-color);
    border-width: 0 0 1px 1px;
}
.erp-app .erp-nav .active-item .nav-link .nav-label {
    font-weight: 500;
}
.erp-app .erp-nav .nav-link {
    color: rgba(var(--zf-erp-nav-color-rgb), 0.9);
    padding: 8px 16px;
}
.erp-app .erp-nav .nav-link .nav-label {
    letter-spacing: 0.2px;
}
.erp-app .erp-nav .nav-link .icon {
    color: rgba(var(--zf-erp-nav-color-rgb), 0.9);
}
.erp-app .erp-nav .nav-link:hover,
.erp-app .erp-nav .nav-link:hover > .icon {
    color: var(--zf-erp-nav-color);
}
.erp-app .erp-nav .nav-item:not(.active-item).open,
.erp-app .erp-nav .nav-item:not(.active-item):hover {
    background-color: var(--zf-erp-nav-bg-hover);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.erp-app .erp-nav .nav-item:not(.active-item).open::before,
.erp-app .erp-nav .nav-item:not(.active-item).open::after,
.erp-app .erp-nav .nav-item:not(.active-item):hover::before,
.erp-app .erp-nav .nav-item:not(.active-item):hover::after {
    content: " ";
    position: absolute;
    border-bottom: 3px solid var(--zf-erp-nav-bg-hover);
    bottom: 0;
    width: 10px;
    height: 8px;
    border: 1px solid var(--zf-erp-nav-bg-hover);
}
.erp-app .erp-nav .nav-item:not(.active-item).open::before,
.erp-app .erp-nav .nav-item:not(.active-item):hover::before {
    left: -9px;
    border-bottom-right-radius: 10px;
    box-shadow: 4px 0 0 0 var(--zf-erp-nav-bg-hover);
    border-width: 0 1px 1px 0;
}
.erp-app .erp-nav .nav-item:not(.active-item).open::after,
.erp-app .erp-nav .nav-item:not(.active-item):hover::after {
    right: -9px;
    border-bottom-left-radius: 10px;
    box-shadow: -4px 0 0 0 var(--zf-erp-nav-bg-hover);
    border-width: 0 0 1px 1px;
}
.erp-app .erp-nav .nav-item .nav-dropdown-section {
    top: 41px;
    min-width: 180px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.erp-app .erp-nav .nav-item .nav-dropdown-section .dropdown-item.active,
.erp-app .erp-nav .nav-item .nav-dropdown-section .dropdown-item:active {
    background-color: var(--primary-color);
    color: #fff;
}
.erp-app .erp-nav .nav-item .nav-dropdown-section .dropdown-item:not(.active):hover {
    background-color: var(--zf-grey-22);
    color: var(--zf-dropdown-link-hover-color);
}
.erp-app .erp-nav.settings-nav {
    background-color: var(--zf-erp-secondary-bg-color);
    border-bottom: 0;
}
.erp-app .tab-collections .nav-item.active {
    border-top: 2px solid;
}
.erp-app .list-filter .tab-collections {
    margin-left: -10px;
    margin-top: -20px;
}
.erp-app .flyout-right .flyout {
    border: 1px solid #dfdfeb;
    border-bottom: none;
}
.erp-app .flyout-right .flyout .orglist-topband .orgs:hover {
    background-color: var(--zf-table-row-selected-hover-bg-color);
    text-decoration: none;
}
.erp-app .flyout-right .flyout .orglist-topband .orgs:hover.current-org .org-profile {
    background-color: #fff;
}
.erp-app .flyout-right .flyout .orglist-topband .orgs.current-org {
    background-color: #f1f1fa;
}
.erp-app .flyout-right .flyout .orglist-topband .orgs.current-org .org-profile {
    background-color: #fff;
}
.erp-app .add-comment-text-area {
    margin-top: -10px !important;
}
.erp-app .creation-footer-section {
    background: linear-gradient(to right, #fff 20%, var(--zf-grey-3));
}
.erp-app .total-section .total-row.gross-total .total-label,
.erp-app .total-section .total-row.gross-total .total-amount {
    font-size: 18px;
}
.erp-app .quickcreate-container {
    padding: 3px;
    width: 186px;
}
.erp-app .quickcreate-container.quickcreate-wrap-container {
    width: 420px;
    flex-flow: row wrap;
}
.erp-app .erp-details-bg {
    background-color: #eff4f8;
}
.erp-app .erp-details-bg .details-table .zf-highlight,
.erp-app .erp-details-bg .overview-details .zf-highlight {
    animation: none;
}
.erp-app .erp-details-bg .details-table .zf-highlight.card .card-header,
.erp-app .erp-details-bg .details-table .zf-highlight > .card:first-child .card-header,
.erp-app .erp-details-bg .overview-details .zf-highlight.card .card-header,
.erp-app .erp-details-bg .overview-details .zf-highlight > .card:first-child .card-header {
    animation: twinkle 1.5s 1 linear;
}
.erp-app .erp-details-bg .details-table .card-header,
.erp-app .erp-details-bg .overview-details .card-header {
    background-color: #fff;
    padding: 10px 20px;
}
.erp-app .erp-details-bg .details-table .card-header .arrow-down.arrow-svg,
.erp-app .erp-details-bg .overview-details .card-header .arrow-down.arrow-svg {
    margin-left: 5px;
}
.erp-app .erp-details-bg .details-table .primary-section .primary-contact-drpdwn,
.erp-app .erp-details-bg .overview-details .primary-section .primary-contact-drpdwn {
    visibility: hidden;
}
.erp-app .erp-details-bg .details-table .primary-section:hover .primary-contact-drpdwn,
.erp-app .erp-details-bg .overview-details .primary-section:hover .primary-contact-drpdwn {
    visibility: visible;
}
.erp-app .erp-details-bg .overview-details {
    margin-bottom: 55px;
}
.erp-app .erp-details-page-header .text-seperator {
    color: #dadadd;
}
.erp-app .details-body-container .gateway-popover {
    top: 0;
    left: 45%;
}
.erp-app .details-body-container .item-amount-container {
    width: 500px;
    background-color: #fafafc;
}
.erp-app .details-body-container .item-amount-container .overdue-container {
    background-color: #f9f3eb;
    width: 500px;
}
.erp-app .details-body-container .card-name-container {
    background-color: var(--zf-erp-secondary-bg-color);
    border-radius: 4px;
}
.erp-app .details-body-container .nav-pills {
    background-color: rgba(var(--zf-erp-nav-color-rgb), 0.7);
    border-radius: 25px;
    box-shadow: 0 0 2px #d9dee7;
}
.erp-app .details-body-container .nav-pills .nav-item {
    padding: 4px 0;
}
.erp-app .details-body-container .nav-pills .nav-item .nav-link {
    border-radius: 25px;
    border: 1px solid transparent;
    padding: 4px 16px;
    font-size: 13px;
}
.erp-app .details-body-container .nav-pills .nav-item .nav-link.active {
    background-color: var(--zf-grey-3);
    color: var(--zf-solid-color);
    font-weight: 500;
}
.erp-app .details-body-container .nav-pills .nav-item .nav-link:hover {
    background-color: var(--zf-erp-secondary-bg-color);
}
.erp-app .details-body-container .nav-pills .nav-item ~ .nav-item:not(.active, :hover) ::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 11px;
    height: 8px;
    margin: 1px;
    border-left: 1px solid #e0e0e0;
}
@keyframes slideToleft {
    0% {
        width: 80px;
        padding: 15px 10px 20px 30px;
        background-color: var(--zf-alert-warning-bg);
    }
    to {
        width: 50px;
        padding: 10px;
        background-color: rgba(var(--zf-erp-nav-color-rgb), 0.7);
    }
}
.erp-app .quick-nav-container {
    display: flex;
    width: fit-content;
    height: max-content;
    position: absolute;
    z-index: 1002;
}
.erp-app .quick-nav-container > div {
    width: 50px;
    max-width: 320px;
    padding: 10px 20px 10px 10px;
    background-color: rgba(var(--zf-erp-nav-color-rgb), 0.7);
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    animation: slideToleft 0.3s 1 linear;
    transition: all 0.3s ease-in-out;
}
.erp-app .quick-nav-container .quick-nav-icon {
    padding: 8px;
    border-radius: 50%;
    display: flex;
}
.erp-app .quick-nav-container .expand-icon {
    transition: all 0.3s ease-in;
}
.erp-app .quick-nav-container .text-blue .quick-nav-icon {
    background-color: rgba(var(--zf-erp-primary-color-rgb), 0.2);
    transition: 0.3s linear;
}
.erp-app .quick-nav-container .quick-nav-section {
    width: max-content;
}
.erp-app .quick-nav-container .quick-nav-content {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s linear;
}
.erp-app .quick-nav-container:hover .expand-icon {
    transform: scaleX(-1);
}
.erp-app .quick-nav-container:hover > div {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 7px 12px 0 var(--zf-grey-18);
}
.erp-app .quick-nav-container:hover .text-blue .quick-nav-icon {
    background-color: #fff;
}
.erp-app .quick-nav-container:hover .quick-nav-content {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s linear;
}
.erp-app .quick-nav-container + .body.fill {
    scroll-behavior: smooth;
    margin-left: 50px;
}
.erp-app .exp-receipt-upload {
    left: auto;
    right: 30px;
    top: 20px;
}
.erp-app .associated-txn-table table {
    table-layout: fixed;
}
.erp-app .details-table {
    margin: 16px 0;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(43, 63, 95, 0.08);
}
.erp-app .details-table table,
.erp-app .details-table .card {
    display: table;
    border: 1px solid #f0f0f5;
    border-collapse: separate;
    border-radius: 6px;
    width: 100%;
    overflow-x: auto;
    border-spacing: 0;
    background-color: #fff;
}
.erp-app .details-table table .failure-paymethod td,
.erp-app .details-table .card .failure-paymethod td {
    border-bottom: 0;
}
.erp-app .details-table table .paymethod-failure-note,
.erp-app .details-table .card .paymethod-failure-note {
    background-color: var(--zf-alert-warning-bg);
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 5px 10px;
    border-radius: 8px;
}
.erp-app .details-table table .paymethod-failure-note div,
.erp-app .details-table .card .paymethod-failure-note div {
    margin-top: 0;
}
.erp-app .details-table table .paymethod-failure-note .actions,
.erp-app .details-table .card .paymethod-failure-note .actions {
    margin-left: 10px;
}
.erp-app .details-table table td,
.erp-app .details-table table th,
.erp-app .details-table table .card-header,
.erp-app .details-table .card td,
.erp-app .details-table .card th,
.erp-app .details-table .card .card-header {
    border-top: 0 !important;
    border-bottom: 1px solid #f1f1f8;
    padding: 8px 20px;
}
.erp-app .details-table table .card-header,
.erp-app .details-table .card .card-header {
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #f1f1f8;
}
.erp-app .details-table table .card-header .approver-info,
.erp-app .details-table .card .card-header .approver-info {
    border-color: #f0f0f0 !important;
    background-color: #fff;
}
.erp-app .details-table table .header-row,
.erp-app .details-table .card .header-row {
    color: var(--zf-grey-12);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.erp-app .details-table table .image-container-small,
.erp-app .details-table .card .image-container-small {
    width: 20px;
    height: 20px;
}
.erp-app .details-table table tr:not(.header-row, .mini-table-row):last-child > td,
.erp-app .details-table .card tr:not(.header-row, .mini-table-row):last-child > td {
    border-bottom: none;
}
.erp-app .details-table table .border-grey-thick,
.erp-app .details-table .card .border-grey-thick {
    border-top: 2px solid #efeff4;
    border-bottom: 2px solid #efeff4;
}
.erp-app .details-table table .border-top-grey-thin,
.erp-app .details-table .card .border-top-grey-thin {
    border-top: 1px solid #efeff4;
}
.erp-app .details-table table .border-top-grey-dashed,
.erp-app .details-table .card .border-top-grey-dashed {
    border-top: 2px dashed #efeff4;
}
.erp-app .details-table table .border-right-grey-thin,
.erp-app .details-table .card .border-right-grey-thin {
    border-right: 1px solid #efeff4;
}
.erp-app .details-table table .timesheet-details-table th,
.erp-app .details-table .card .timesheet-details-table th {
    border-bottom: 0;
}
.erp-app .details-table table .timesheet-details-table tr.empty-list .msg,
.erp-app .details-table .card .timesheet-details-table tr.empty-list .msg {
    font-size: 13px;
}
.erp-app .details-table .card table {
    border: 0;
    border-radius: 6px;
}
.erp-app .details-table .entity-summary {
    position: relative;
    padding: 0 20px 0 10px;
}
.erp-app .details-table .entity-summary::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 3px;
    height: 90%;
    top: 4px;
    left: -2px;
    border-radius: 140px;
    border: 0;
}
.erp-app .details-table .summary-green::before {
    background-color: var(--zf-green-13);
}
.erp-app .details-table .summary-orange::before {
    background-color: var(--zf-orange-5);
}
.erp-app .details-table .summary-blue::before {
    background-color: var(--zf-blue-9);
}
.erp-app .details-table .summary-red::before {
    background-color: var(--zf-red-1);
}
.erp-app .details-table .project-summary {
    min-height: 220px;
}
.erp-app .details-table .graph-header.open {
    border-bottom: 1px solid var(--zf-entity-txn-border-color);
}
.erp-app .details-table .graph-header .dropdown-menu {
    min-width: 100px;
}
.erp-app .details-table .graph-header .nav-tabs-dashed .nav-link.active::after {
    background-color: #21263c;
    top: 10px;
}
.erp-app .details-table .project-detail-item .more-action {
    visibility: hidden;
    max-width: 170px;
    min-width: 120px;
}
.erp-app .details-table .project-detail-item:hover .more-action,
.erp-app .details-table .project-detail-item .more-action.open {
    visibility: visible;
}
.erp-app .form-control {
    color: #21263c;
}
@keyframes slideleft {
    0% {
        width: 300px;
    }
    to {
        width: 512px;
    }
}
.erp-app .enterprise-global-search {
    position: absolute;
    margin-right: 12px;
    left: calc(50% - var(--zf-global-search-width) * 0.5);
}
.erp-app .enterprise-global-search .enterprise-search-field:focus-within {
    border-color: var(--zf-erp-top-band-bg);
}
.erp-app .enterprise-global-search .search-field {
    border: 1px solid rgba(var(--zf-erp-nav-color-rgb), 0.08);
    width: var(--zf-global-search-width);
    border-radius: 5px;
    transition: 0.2s ease-in-out;
}
.erp-app .enterprise-global-search .search-field .form-control,
.erp-app .enterprise-global-search .search-field .input-group-text {
    background-color: rgba(var(--zf-erp-nav-color-rgb), 0.08);
    color: rgba(var(--zf-erp-nav-color-rgb), 0.7);
}
.erp-app .enterprise-global-search .search-field .form-control .icon,
.erp-app .enterprise-global-search .search-field .input-group-text .icon {
    fill: rgba(var(--zf-erp-nav-color-rgb), 0.5);
}
.erp-app .enterprise-global-search .search-field .input-group-text {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-left: 3px;
    height: unset;
}
.erp-app .enterprise-global-search .search-field .input-group-text.dropdown-toggle {
    padding-left: 10px;
    padding-right: 5px;
}
.erp-app .enterprise-global-search .search-field .input-group-text:hover .icon {
    fill: rgba(var(--zf-erp-nav-color-rgb), 1);
}
.erp-app .enterprise-global-search .search-field .form-control {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 32px;
    padding-right: 20px;
}
.erp-app .enterprise-global-search .search-field .form-control::placeholder {
    color: rgba(var(--zf-erp-nav-color-rgb), 0.7);
}
.erp-app .enterprise-global-search .search-field .searchbar-clear {
    position: absolute;
    margin-top: 5px;
    right: 10px;
}
.erp-app .enterprise-global-search .search-field .searchbar-clear .icon {
    fill: rgba(var(--zf-erp-nav-color-rgb), 0.3);
}
.erp-app .enterprise-global-search .search-field .searchbar-clear:hover .icon {
    fill: #fff;
}
.erp-app .enterprise-global-search .search-field .input-group:hover .input-group-text,
.erp-app .enterprise-global-search .search-field .input-group:focus-within .input-group-text {
    border-right-color: var(--primary-color);
}
.erp-app .enterprise-global-search .search-field .input-group-prepend {
    margin-right: 0;
}
.erp-app .enterprise-global-search .search-field .input-group-prepend.open .icon-highlight {
    fill: var(--zf-erp-nav-bg-color);
}
.erp-app .enterprise-global-search .search-field .dropdown .dropdown-toggle::after {
    display: none;
}
.erp-app .enterprise-global-search .search-field .dropdown .ac-quick-create .search-footer-item .search-item {
    border-radius: 3px;
}
.erp-app .enterprise-global-search .search-field .dropdown .ac-quick-create .search-footer-item .search-item:hover {
    background-color: var(--zf-grey-20);
}
.erp-app .enterprise-global-search .search-field .dropdown .dropdown-menu {
    right: unset;
    padding-bottom: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.erp-app .enterprise-global-search .search-field .dropdown .dropdown-menu .dropdown-item {
    padding: 6px;
}
.erp-app .enterprise-global-search .search-field .dropdown .dropdown-menu .dropdown-item .icon-ok {
    fill: var(--primary-color);
}
.erp-app .enterprise-global-search .search-field .dropdown .dropdown-menu .dropdown-item:hover .icon-ok {
    fill: #fff;
}
.erp-app .enterprise-global-search .search-field .dropdown .dropdown-menu .dropdown-item.selected-option:hover {
    color: #fff;
}
.erp-app .enterprise-global-search .search-field .dropdown .dropdown-menu.scrollmenu {
    min-width: var(--zf-global-search-width);
}
.erp-app .enterprise-global-search .search-field .dropdown .ac-dropdown-menu {
    top: 30px;
    width: 100%;
    box-shadow: 0 6px 11px 2px rgba(0, 0, 0, 0.17);
    border: 1px solid #dfdfeb;
}
.erp-app .enterprise-global-search .search-field .dropdown .ac-dropdown-menu .ac-dropdown-results {
    max-height: 340px;
    border: 0;
}
.erp-app .enterprise-global-search .search-field .dropdown .ac-dropdown-menu .ac-loading {
    position: relative;
    border: 0;
}
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .input-group-text,
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .form-control,
.erp-app .enterprise-global-search .search-field:focus-within .input-group-text,
.erp-app .enterprise-global-search .search-field:focus-within .form-control {
    background-color: rgba(var(--zf-erp-nav-color-rgb), 1);
    color: var(--zf-dropdown-link-hover-color);
}
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .input-group-text .icon,
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .form-control .icon,
.erp-app .enterprise-global-search .search-field:focus-within .input-group-text .icon,
.erp-app .enterprise-global-search .search-field:focus-within .form-control .icon {
    fill: var(--zf-grey-12);
}
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .input-group-text:hover .icon,
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .form-control:hover .icon,
.erp-app .enterprise-global-search .search-field:focus-within .input-group-text:hover .icon,
.erp-app .enterprise-global-search .search-field:focus-within .form-control:hover .icon {
    fill: var(--zf-dropdown-link-hover-color);
}
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .form-control::placeholder,
.erp-app .enterprise-global-search .search-field:focus-within .form-control::placeholder {
    color: var(--zf-grey-12);
}
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .searchbar-clear .icon,
.erp-app .enterprise-global-search .search-field:focus-within .searchbar-clear .icon {
    fill: var(--zf-grey-12);
}
.erp-app .enterprise-global-search .search-field .search-dropdown.dropdown.show .searchbar-clear:hover .icon,
.erp-app .enterprise-global-search .search-field:focus-within .searchbar-clear:hover .icon {
    fill: var(--zf-dropdown-link-hover-color);
}
.erp-app .enterprise-global-search .search-field:hover {
    border-color: rgba(var(--zf-erp-nav-color-rgb), 0.12);
    background-color: rgba(var(--zf-erp-nav-color-rgb), 0.1);
}
@media (max-width: 1100px) {
    .erp-app .enterprise-global-search {
        position: relative;
    }
}
.erp-app .gstin-validation + .taxinfo-container {
    display: inline-block;
    margin-left: 10px;
}
.erp-app .gstin-validation + .taxinfo-container .taxinfo-popover {
    border-left: 1px solid var(--zf-form-input-border-color);
    padding-left: 10px;
}
.erp-app .timesheet-table-pagination {
    padding: 20px;
    border-top: 1px solid var(--zf-table-border-color);
}
.erp-app .column.txn-creation-column .header {
    height: 60px;
}
.erp-app .column.txn-creation-column .header-separator {
    border-bottom: 1px solid var(--zf-table-border-color);
}
.erp-app .column.txn-creation-column .hide-header-action {
    display: none;
}
.erp-app .column.txn-creation-column .show-header-action {
    display: inline-block;
}
.erp-app .column.txn-creation-column .header-scroll {
    transition: all 0.2s linear;
}
.erp-app .column.txn-creation-column .header-scroll.header.header-sm {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
    height: 30px;
}
.erp-app .column.txn-creation-column .header-scroll.header.header-sm .creation-page-header {
    font-size: 15px;
    font-weight: 500;
}
.erp-app .column.txn-creation-column .header-scroll.header.header-sm .hide-header-action {
    display: inline-block;
}
.erp-app .column.txn-creation-column .header-scroll.header.header-sm .show-header-action,
.erp-app .column.txn-creation-column .header-scroll.header.header-sm .btn-toolbar {
    display: none;
}
.erp-app .section-divider {
    border-top: 1px solid #ebedf6;
}
.erp-app .list-column.expanded-list-column .list-header .list-title > a {
    font-size: 20px;
}
.erp-app .customer-label {
    flex: 0 0 13%;
    max-width: 13%;
    padding-left: 15px;
    padding-right: 15px;
}
.erp-app .customer-label-offset {
    margin-left: 13%;
}
.erp-app .list-filter {
    padding: 11px 20px;
    line-height: 1.55;
}
.erp-app .list-header .bulk-action {
    padding: 14px 10px;
}
.erp-app .erp-list-actions {
    border-top: 1px solid #dddde4;
    background-color: #fafbfd;
}
.erp-app .erp-list-actions .separator {
    border-right: 1px solid #dee2e6;
    padding-left: 13px;
    margin-right: 13px;
}
.erp-app .erp-list-actions .action-name:hover {
    color: #2485e8;
}
.erp-app .erp-list-actions .filter-active {
    background-color: #f9f9fb;
    border-right: 1px solid var(--zf-line-item-table-border-color);
}
.erp-app .zi-table thead > tr > th {
    top: 0;
}
.erp-app .line-item-section .erp-line-item-table {
    border-collapse: separate;
    border-spacing: 0;
    scrollbar-width: none;
}
.erp-app .line-item-section .erp-line-item-table::-webkit-scrollbar {
    display: none;
}
.erp-app .line-item-section .erp-line-item-table .preview-img {
    width: 35px;
    height: 35px;
    margin: auto;
}
.erp-app .line-item-section .erp-line-item-table .preview-img .show-image {
    max-width: 30px;
    max-height: 30px;
}
.erp-app .line-item-section .erp-line-item-table .item-img,
.erp-app .line-item-section .erp-line-item-table .bill-acc {
    min-width: 100px;
}
.erp-app .line-item-section .erp-line-item-table .item-amount {
    right: 46px;
}
.erp-app .line-item-section .erp-line-item-table .line-item-column {
    background-color: #fff;
    vertical-align: middle;
    border: 0.5px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table .line-item-column .form-control:focus.error {
    border: 1px solid var(--unifiedtheme-red);
}
.erp-app .line-item-section .erp-line-item-table .line-item-header .line-item-column {
    color: var(--zf-grey-11);
    padding: 12px;
    font-weight: 600;
    letter-spacing: 1.4px;
    font-size: 10px;
}
.erp-app .line-item-section .erp-line-item-table thead > tr th:nth-child(2) {
    border-top-left-radius: 6px;
    border-left: 1px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table thead > tr th:last-child {
    border-top-right-radius: 6px;
    border-right: 1px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table thead > tr th.line-item-column {
    border-top: 1px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr td:nth-child(2) {
    border-left: 1px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr td:last-child {
    border-right: 1px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr:nth-last-child(2) td:nth-child(2) {
    border-bottom-left-radius: 6px;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr:nth-last-child(2) td:last-child {
    border-bottom-right-radius: 6px;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr:nth-last-child(2) td.line-item-column {
    border-bottom: 1px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr.configure-item-row:last-child td:not(:first-child) {
    border-bottom: 1px solid #dfdfe9;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr .item-autocomplete .autocomplete-option .ac-name-rate-sku {
    width: 100%;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr .item-autocomplete .autocomplete-option .ac-name-rate-sku .ac-name {
    line-height: 1.2;
    font-size: 12px;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr .item-autocomplete .zf-item-remove {
    padding-top: 3px;
}
.erp-app .line-item-section .erp-line-item-table tbody > tr .item-autocomplete .form-control {
    line-height: 1;
    height: var(--zf-form-input-height);
}
.erp-app .line-item-section .compact-view .line-item-column {
    padding: 8px 0;
}
.erp-app .line-item-section .add-line-item .add-line-item-btn {
    background-color: #fff;
    border: 1px solid #268ddd;
}
.erp-app .line-item-section .add-line-item .add-line-item-btn .separationline {
    border-color: #268ddd;
}
.erp-app .line-item-section .add-line-item .total-section {
    border: 1px solid #ebeaf2;
}
.erp-app .line-item-section.scroll-x-without-scrollbar {
    scrollbar-width: none;
}
.erp-app .advance-search-btn,
.erp-app .advance-search-btn:focus,
.erp-app .advance-search-btn:hover,
.erp-app .advance-search-btn:active {
    background-color: var(--zf-cus-search-btn) !important;
}
.erp-app .advance-search-btn:disabled,
.erp-app .advance-search-btn:focus:disabled,
.erp-app .advance-search-btn:hover:disabled,
.erp-app .advance-search-btn:active:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--zf-cus-search-btn);
}
.erp-app .form-control.disabled,
.erp-app .form-control:disabled,
.erp-app .multiselect.disabled,
.erp-app .multiselect:disabled {
    background-color: var(--zf-blue-4);
}
.erp-app .users-thumbnail {
    width: 40px;
    height: 40px;
}
.erp-app .user-details {
    background-color: var(--zf-erp-secondary-bg-color);
}
.erp-app .user-details .sub-tab {
    background-color: inherit;
}
.erp-app .profile-pic {
    border-radius: 0.3rem;
}
.erp-app .inv-amount-sec {
    background-color: #fff8d3;
}
.erp-app .received-section {
    background-color: #f4fbf4;
}
.erp-app .failure-section {
    background-color: #fff5f5;
}
.erp-app .incomplete-payment-banner {
    border: 1px solid #fff;
}
.erp-app .pagination .ac-box .ac-selected {
    height: 30px;
}
.erp-app .pagination .list-filter-dropdown,
.erp-app .pagination div .bg-white {
    padding: 0;
}
.erp-app .pagination .page-link-sec:hover {
    background-color: #e2e9f0;
}
.erp-app .pagination .page-link-sec:hover:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.erp-app .pagination .pagination-arrow {
    fill: var(--zf-black-4);
}
.erp-app .mail-selection-option {
    color: var(--zf-grey-12);
    vertical-align: middle;
}
.erp-app .mail-selection-option:hover {
    color: var(--zf-blue-2);
}
.erp-app .mail-selection-option:hover .icon {
    fill: var(--zf-red-1);
}
.erp-app .paymentslink-container {
    border-color: #d6d9e4;
}
.erp-app .paymentslinks-list-right-sec .header {
    height: 56px;
    border-color: #d6d9e4 !important;
}
.erp-app .paymentslinks-list-right-sec .paymentslink-details .header-row {
    border-bottom: 1px solid #dee2e6;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
.erp-app .paymentslinks-list-right-sec .paymentlinks-details-container .copy-paymentlink-sec {
    border-radius: 8px;
}
.erp-app .address-table .card table,
.erp-app .email-history .card table {
    border: 1px solid #f0f0f5;
}
.erp-app .txn-list .details-table .card table th {
    border-bottom: 0;
}
.erp-app .related-list .txn-list {
    margin: 20px 20px 0;
}
.erp-app .pagetips-icon {
    padding: 4px;
    transition: all 0.2s linear;
}
.erp-app .pagetips-icon:hover {
    padding-right: 8px;
}
.erp-app .creation-pagetips-icon {
    top: 16px;
}
.erp-app .list-btn-grp-section {
    margin-top: 3px;
    margin-right: 14px;
}
.erp-app .erp-adv-search .adv-search-wrapper {
    display: flex;
    height: 100%;
    background-color: #f9f9fb;
    flex-direction: column;
    width: 280px;
    transition: width 0.1s linear;
    border-top: 1px solid var(--zf-line-item-table-border-color);
    border-right: 1px solid var(--zf-line-item-table-border-color);
}
.erp-app .erp-adv-search .adv-search-wrapper .adv-search-field .form-control {
    height: 28px;
}
.erp-app .erp-adv-search .adv-search-wrapper .adv-search-field ::placeholder {
    font-size: 12px;
}
.erp-app .erp-adv-search .adv-search-wrapper .adv-search-field .ac-box-drop,
.erp-app .erp-adv-search .adv-search-wrapper .adv-search-field .ac-dropdown {
    min-width: auto;
}
.erp-app .erp-adv-search .adv-search-wrapper .btn-toolbar {
    border-top: 1px solid #dddde4;
}
.erp-app .erp-adv-search .adv-search-wrapper .contact-adv-search .input-group-prepend .btn {
    height: 28px;
}
.erp-app .erp-adv-search .adv-search-wrapper .contact-adv-search .form-control {
    width: 150px;
}
.erp-app .timesheet-filter-dropdown.accordion-filter .ac-box-drop {
    min-width: 180px;
    right: 0;
}
.erp-app .timesheet-filter-dropdown.accordion-filter .ac-selected {
    background-color: transparent;
    height: 24px;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    outline: 0;
}
.erp-app .timesheet-filter-dropdown.accordion-filter .ac-selected span {
    margin-right: 5px;
}
.erp-app .timesheet-filter-dropdown.accordion-filter .ac-selected .zf-ac-toggler > svg {
    width: 8px;
    height: 8px;
    vertical-align: unset;
}
.erp-app .timesheet-details-column .comment-count {
    background-color: var(--primary-color);
    border: 2px solid #fff;
    top: -8px;
    left: 7px;
}
.erp-app .timesheet-table-sec .zi-table .empty-list td,
.erp-app .det-empty-msg {
    padding-top: 20px;
    padding-bottom: 20px;
}
.erp-app .slider-section.compact-slider {
    height: 28px;
}
.erp-app .slider-section.compact-slider .slider-element,
.erp-app .slider-section.compact-slider .slider-btn {
    padding: 0 10px;
}
.erp-app input[type="checkbox"]:checked {
    background-size: 8px;
}
.erp-app .weekly-log-table.line-item-table-light .line-item-header th.line-item-column {
    letter-spacing: 0.9px;
    font-size: 10px;
}
.erp-app .sidebar-close {
    border-radius: var(--zf-btn-border-radius);
    border: 1px solid var(--zf-btn-border-color);
    background-color: var(--zf-btn-secondary-bg);
    height: 24px;
}
.erp-app .sidebar-close > .icon {
    margin: 5px;
}
.erp-app .sidebar-close:hover {
    background-color: var(--zf-btn-secondary-hover-bg);
    border-color: var(--zf-btn-secondary-hover-border-color);
}
.erp-app .sidebar-close:hover > .icon {
    fill: #2098ff;
}
.erp-app .monthlycalendar {
    --zf-table-header-font-size: 10px;
}
.erp-app .monthlycalendar .btn-container {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    padding: 6px;
}
.erp-app .zf-notification-container .message-container.error {
    --marker-color: var(--zf-red-14);
    background-color: #faeded;
}
.erp-app .zf-notification-container .message-container.success {
    background-color: #e9f4e9;
}
.erp-app .zf-notification-container .message-container ol {
    padding: 0;
}
.erp-app .zf-notification-container .message-container ol li {
    margin: 0 5px;
    list-style-type: disc;
}
.erp-app .zf-notification-container .message-container ol li::marker {
    color: var(--marker-color);
}
.erp-app .zf-notification-container .warning-icon.error {
    background-color: #ef5656;
}
.erp-app .zf-notification-container .warning-icon.success {
    background-color: #57b156;
}
.erp-app .zf-notification-container .icon-remove {
    fill: #b6b4c8;
    height: 1rem;
    width: 1rem;
}
.erp-app .btn-upload-container .upload-btn-sm {
    padding-top: 5px;
    padding-bottom: 5px;
}
.erp-app .btn-upload-container .dropdown-toggle {
    margin: 0 2.5px;
}
.erp-app .lineitem-loader {
    padding: 0 10px;
}
.erp-app .lineitem-loader .lineitem-loader-firstline {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 75%;
}
.erp-app .item-autocomplete .ac-dropdown .ac-dropdown-menu {
    min-width: 0;
    margin-top: 3px;
}
.erp-app .from-to-section .selection-list .mac-item.btn-sm,
.erp-app .from-to-section .selection-list .mac-item.btn-sm:hover {
    background-color: #eee;
    border: 0;
}
.erp-app .onboard-video-section {
    width: 310px;
    height: 180px;
    background: var(--zf-primary-info-bg);
}
.erp-app .onboard-video-section svg {
    transition: all 0.5s ease-out;
}
.erp-app .onboard-video-section:hover {
    box-shadow: rgba(239, 239, 245, 0.5) 0 6px 8px 0;
}
.erp-app .onboard-video-section:hover svg {
    transform: scale(1.1);
}
.erp-app .gs-item:last-child > .gs-link:not(.active) {
    border-bottom-left-radius: 6px;
}
.erp-app .thumbnail-size {
    width: 450px;
    height: 255px;
}
.erp-app .approval-item-approved {
    background-color: #f9fdfb;
}
.erp-app .approval-item-submitted {
    background-color: rgba(var(--zf-orange-18-rgb), 0.5);
}
.erp-app .reports-content .zi-table ~ .scroll-to-left {
    left: 250px;
}
.erp-app .new-criteria ~ .scrollbox {
    background: initial;
    background-color: #eff4f8;
}
.erp-app .rep-container .zi-table tbody,
.erp-app .report-details-table-container .zi-table.table th {
    background-color: #fff;
}
.erp-app .mrr-chart-toggler,
.erp-app .report-details-table-container > div:first-child {
    background-color: var(--zf-blue-4);
}
.erp-app .contact-tax-fields div:last-child.contact-tax-header {
    display: none;
}
.erp-app .trend-container .trend-item {
    border: 0;
}
.erp-app .bg-gradiant-grey {
    background-image: linear-gradient(rgba(249, 249, 251, 0.8), rgba(249, 249, 251, 0.5));
}
.erp-app .templates-editor .nav-item.active a {
    width: unset;
    margin: unset;
    border-radius: unset;
}
.erp-app .doc-tab {
    --zf-erp-nav-bg-color: #fff;
    --sidebar-bg: #fff;
    --search-bg: #333850;
    --sidebar-font-color: #181c2e;
}
.erp-app .doc-tab .nav-pills .nav-link {
    --zf-erp-nav-color-rgb: 0, 0, 0;
}
.erp-app .doc-tab .nav-pills .nav-link:hover {
    --zf-erp-nav-color-rgb: 255, 255, 255;
}
.erp-app .doc-tab .nav-pills .nav-link.active {
    --primary-color: #112e51;
}
.erp-app .item-cf {
    min-width: 130px;
    max-width: 140px;
}
.erp-app .settings-dboard-item-head {
    color: #757383;
}
.erp-app .settings-dboard-link {
    color: #222;
}
.erp-app .settings-grid-container {
    max-width: 1040px;
}
.erp-app .settings-grid-container .settings-dboard-heading {
    padding: 30px 0 10px;
    letter-spacing: 0.5px;
    font-size: 20px;
}
.erp-app .settings-grid-container .settings-dboard-search {
    padding-bottom: 30px;
}
.erp-app .settings-grid-container .settings-dboard-item {
    border: 1px solid #ebedf6;
    border-radius: 6px;
}
.erp-app .settings-grid-container .settings-dboard-item .settings-dboard-item-head {
    font-weight: 500;
    padding: 8px 15px;
}
.erp-app .settings-grid-container .settings-dboard-item .settings-dboard-item-body {
    padding: 10px 15px;
    column-gap: 59px;
    border-top: 1px solid #ebedf6;
}
.erp-app .settings-navbar .settings-dboard-search {
    padding: 15px;
}
.erp-app .settings-navbar .settings-dboard-body {
    padding: 0 15px;
}
.erp-app .settings-navbar .settings-dboard-item {
    margin-bottom: 10px;
}
.erp-app .settings-navbar .settings-dboard-item-head {
    padding-bottom: 10px;
}
.erp-app .settings-navbar .settings-dboard-link {
    padding: 5px 0 5px 20px;
}
.erp-app .settings-navbar .settings-dboard-link.active {
    background-color: var(--zf-grey-3);
    border-radius: 4px;
}
.erp-app .autocomplete-drop .active .grey-text {
    color: #6c718a;
}
.erp-app .dashboard-card .card-header .toggle-icon {
    box-shadow: 0 1px 1px 1px rgba(34, 68, 99, 0.05);
}
.erp-app .dashboard-card .card-header .dashboard-card-filter {
    border: 1px solid #e2e9f0;
}
.erp-app .dashboard-card .card-body .empty-state-content {
    box-shadow: 0 4px 8px 2px rgba(241, 232, 232, 0.4);
    min-height: 80px;
}
.erp-app .dashboard-card .card-body a {
    color: #000;
}
.erp-app .dashboard-card .card-body a:hover {
    color: #408dfb;
}
.erp-app .dashboard-card .card-body .empty-card-container {
    background: linear-gradient(to bottom, rgba(243, 244, 248, 0.2509803922), rgba(243, 244, 248, 0));
}
.erp-app .dashboard-card .card-body .circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #eff4f8;
    line-height: 18px;
}
.erp-app .dashboard-card-shadow {
    box-shadow: 0 1px 6px 1px rgba(34, 68, 99, 0.03);
    border-radius: 10px;
}
.bg-initials-primary {
    background-color: var(--primary-color);
    color: #fff;
}
.bg-initials-default {
    background-color: var(--zf-grey-22);
    color: #9391a2;
}
.bg-initials-0 {
    background-color: var(--zf-red-11);
    color: var(--zf-red-1);
}
.bg-initials-1 {
    background-color: var(--zf-orange-18);
    color: var(--zf-orange-19);
}
.bg-initials-2 {
    background-color: var(--zf-blue-26);
    color: var(--zf-blue-25);
}
.bg-initials-3 {
    background-color: var(--zf-green-17);
    color: var(--zf-green-13);
}
.bg-initials-4 {
    background-color: var(--zf-purple-6);
    color: var(--zf-purple-7);
}
[class*="bg-initials-"] {
    border: 1px solid #fff;
}
.band-neutral {
    background-color: var(--zf-yellow-7);
}
.erp-cv-available-columns {
    color: var(--zf-grey-12);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 500;
}
.horizontal-sticky {
    left: 0;
    position: sticky;
    width: 99%;
}
.attachment-empty-container {
    color: #fff;
    background-color: #659cee;
    float: none;
    margin: auto;
}
.zp-invite {
    overflow-y: auto !important;
}
.zp-invite .early-access {
    background-color: #f6f8ff;
    margin-bottom: 70px;
}
.zp-invite .early-access-container1 {
    padding: 30px;
}
.zp-invite .early-access-container2 {
    padding: 0 30px;
}
@media (min-width: 1350px) {
    .zp-invite .early-access-col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .zp-invite .early-access-col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .zp-invite .early-access-col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
}
@media (max-width: 1350px) {
    .zp-invite .early-access-container1 {
        padding: 60px;
    }
    .zp-invite .early-access-container2 {
        padding: 0 60px;
    }
}
.zp-invite .exclusive-early-access {
    width: 191px;
    position: relative;
}
.zp-invite .exclusive-early-access .shine-firstline {
    top: 3%;
    height: 93%;
    box-shadow: 0 0 0 2px #fff;
    animation: shine-firstline 8s ease-in-out infinite;
}
.zp-invite .exclusive-early-access .shine-secondline {
    top: 13%;
    height: 72%;
    box-shadow: 0 0 0 5px #fff;
    animation: shine-secondline 8s ease-in-out infinite;
}
.zp-invite .exclusive-early-access .shine-line,
.zp-invite .exclusive-early-access .shine-firstline,
.zp-invite .exclusive-early-access .shine-secondline {
    position: absolute;
    transform: skew(-30deg, 0);
    opacity: 0.3;
}
@keyframes shine-secondline {
    0% {
        left: 20%;
    }
    70% {
        left: 90%;
    }
    to {
        opacity: 0;
    }
}
@keyframes shine-firstline {
    0% {
        left: 10%;
    }
    70% {
        left: 80%;
    }
    to {
        opacity: 0;
    }
}
.zp-invite .early-access-intro {
    line-height: 38px;
}
.zp-invite .logo {
    width: 178px;
    height: 24px;
}
.zp-invite .pricing {
    background-color: #fff;
    border: 1px solid #eef0f8;
    border-top: 3px solid #00b050;
    margin-bottom: -70px;
    position: relative;
    box-shadow: 0 6px 14px rgba(4, 17, 42, 0.06), 0 10px 30px rgba(4, 18, 45, 0.01);
}
.zp-invite .pricing .highlight-svg {
    position: absolute;
    left: 130px;
    top: 40px;
    width: 130px;
}
.zp-invite .pricing .early-access-fee-type {
    letter-spacing: 1px;
}
.zp-invite .pricing .price {
    line-height: 32px;
}
.zp-invite .pricing .note-border {
    border-color: #eee;
}
.zp-invite .pricing .pricing-list {
    padding-left: 17px;
}
.zp-invite .pricing .pricing-list li::marker {
    color: #408dfb;
}
.zp-invite .pricing .pricing-list li:first-child {
    margin-top: 5px;
}
.zp-invite .pricing .pricing-svg {
    position: absolute;
    right: -100px;
    width: 100px;
    top: -50px;
}
.zp-benefits {
    margin-bottom: 50px;
}
.zp-benefits .zp-icon-wrapper {
    width: 42px;
    height: 42px;
}
.zp-benefits .benefits-container {
    row-gap: 40px;
}
.zp-benefits .benefits-container .benefits-wrapper {
    column-gap: 40px;
    width: 96%;
}
.zp-benefits .benefits-section {
    border: 1px solid #daebff;
    box-shadow: 0 1px 0 0 #daebff;
    border-radius: 20px;
}
.zp-benefits .connected-bg-1 {
    position: absolute;
    width: 185px;
    left: -185px;
    top: 130px;
}
.zp-benefits .connected-bg-2 {
    position: absolute;
    left: 48%;
    bottom: 5px;
}
.zp-new-badge {
    display: inline-block;
    line-height: 0;
    padding: 8px 5px;
    background: linear-gradient(90deg, #ff8a62, #ffa250);
    color: #fff;
    margin-right: -12px;
}
.zp-skeleton-loader {
    background-color: #e6e6e6;
    background-image: linear-gradient(90deg, #efeff4 8%, #fff 30%, #efeff4 18%, #efeff4 33%);
    height: 8px;
    animation: skelton-loader 5s linear infinite forwards;
    border-radius: 6px;
}
.zp-skeleton-loader:nth-child(1) {
    width: 30%;
}
.domestic-fee-loader:nth-child(1) .zp-skeleton-loader:nth-child(2) {
    width: 50%;
}
.domestic-fee-loader:nth-child(2) .zp-skeleton-loader:nth-child(2) {
    width: 20%;
}
.inter-fee-loader .zp-skeleton-loader:nth-child(2) {
    width: 25%;
}
@keyframes skelton-loader {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: -468px 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: 468px 0;
    }
}
.zpayout-container {
    background-color: #f9faff;
    padding: 28px 20px;
    margin-left: -20px;
}
.zpayout-card {
    box-shadow: 0 4px 14px 0 rgba(208, 205, 205, 0.25);
}
.payout-bank {
    padding: 2.5px 10px;
}
.bank-insights {
    background-color: #fef4ea;
    position: relative;
    margin-top: 10px;
    border-radius: 8px;
    padding: 15px;
}
.bank-insights::before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    width: 12px;
    height: 12px;
    background-color: #fef4ea;
    transform: rotate(45deg);
    border-radius: 2px 0;
}
.settings-gw .payout-bank {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 2px 0 9px;
    background-color: var(--zf-orange-18);
}
.secret-pin-modal {
    background: url(images/pin-lock-0407b989ee.png) no-repeat;
    background-size: contain;
    padding-top: 45px;
}
.secret-pin-modal .pin-input-group {
    background-color: #f9faff;
}
.client-request-chat.wms_cw {
    margin: 0;
}
.badge.status-badge {
    font-size: 11px;
    padding: 5px;
    border-radius: 4px;
}
.client-request-card {
    width: 60%;
    margin: 20px;
    background-color: #f9f9fb;
    border-radius: 10px;
    border-color: #ebeaf2;
    cursor: pointer;
}
.client-details .details-border {
    border: 1px solid #ebeaf2;
}
.client-details .details-border-right {
    border-right: 1px solid #ebeaf2;
}
.client-org-card-logo {
    border: 0.2rem dashed var(--zf-grey-18);
    background-color: var(--zf-blue-4);
    height: 75px;
}
.import-orgs-alert {
    color: var(--zf-orange-19);
}
.book-review-client .ac-selected {
    border: 0;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    font-size: 20px;
    font-weight: 500;
    outline: 0 !important;
}
.book-review-client .ac-selected:focus {
    border: 0;
    box-shadow: none;
}
.book-review-client .ac-selected span {
    margin-right: 10px;
}
.book-review-client .ac-selected svg.icon {
    height: 12px;
    width: 12px;
    color: #408dfb;
}
.thumbnail-wrapper {
    width: 36px;
    height: 36px;
    background-color: #e9ebf3;
    color: #9391a2;
}
.bg-gradient-1 {
    background: linear-gradient(135deg, #33dce6, #1c99ff, #fd39b0, #ff958a);
}
.bg-gradient-2 {
    background: linear-gradient(135deg, #fff38e, #ffaf32, #ff5dbb, #e16fff);
}
.bg-gradient-3 {
    background: linear-gradient(135deg, #73e4ff, #82a0fb, #f756cc, #b342ff);
}
.task-completion .btn:disabled {
    opacity: 100;
}
.intro-container {
    width: 630px !important;
    margin-right: -75px;
}
.help-center-button:hover {
    border: 1px solid #a1c8ff;
    box-shadow: 0 1px 2px rgba(13, 37, 92, 0.1019607843);
}
.gs-partner-register {
    background-image: linear-gradient(to left, #f7f5ec, #f7f4e6, #ffeed3);
}
.gs-content {
    box-shadow: rgba(13, 35, 92, 0.0588235294) 0 0 6px 1px;
    border: 1px solid #e2ecf5;
}
.gs-content .gs-tasks .svg-icon {
    display: none;
}
.gs-content .gs-tasks .svg-icon-grey {
    background-color: #f9f9fb;
    padding: 7px 10px;
}
.gs-content .gs-tasks:hover {
    box-shadow: none !important;
}
.gs-content .gs-tasks:hover .svg-icon {
    display: block;
    background-color: #edf4ff;
    padding: 7px 10px;
}
.gs-content .gs-tasks:hover .svg-icon-grey {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .hide-content {
        display: none;
    }
    .show-svg {
        display: block !important;
    }
    .align-contents-center {
        text-align: center;
    }
    .full-width {
        width: 100% !important;
    }
}
.template-tasklist .task-action {
    display: none;
}
.template-tasklist li:hover {
    background-color: #f9f9fb;
}
.template-tasklist li:hover .task-action {
    display: block;
}
.z-index-1 {
    z-index: 1;
}
.request-comments ul li {
    position: relative;
}
.request-comments ul li:before {
    content: "";
    position: absolute;
    border-left: 1px solid #ebeaf2;
    top: 51px;
    bottom: -8px;
    left: 34px;
}
.request-comments ul li:last-child:before {
    border-left: none;
}
.request-comments ul li:hover {
    background-color: #f9f9fb;
}
.request-comments .firstletter-circled {
    width: 35px;
    height: 35px;
}
.request-comments .add-comment-text-area .form-control {
    height: 65px;
}
.request-comments .add-comment-text-area .comment-btn {
    margin-left: auto;
}
.client-creation-icon,
.client-creation-icon-bg {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 44px;
    height: 44px;
    opacity: 0;
    transform: translateY(10px);
    animation: transitionAnimation 4s infinite;
}
.client-creation-icon {
    top: 13px;
    left: 13px;
}
.client-creation-icon-bg1 {
    background: #fff1f5;
}
.client-creation-icon-bg2 {
    background: #e6fff5;
}
.client-creation-icon-bg3 {
    background: #edf9ff;
}
.client-creation-icon-bg4 {
    background: #fff7ed;
}
.client-creation-icon1 {
    color: #ff3c4c;
}
.client-creation-icon2 {
    color: #00b050;
}
.client-creation-icon3 {
    color: #387fff;
}
.client-creation-icon4 {
    color: #ff9e00;
}
.client-creation-icon2,
.client-creation-icon-bg2 {
    animation-delay: 1s;
}
.client-creation-icon3,
.client-creation-icon-bg3 {
    animation-delay: 2s;
}
.client-creation-icon4,
.client-creation-icon-bg4 {
    animation-delay: 3s;
}
@keyframes transitionAnimation {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    5%,
    20% {
        transform: translateY(0);
        opacity: 1;
    }
    25%,
    to {
        transform: translateY(-10px);
        opacity: 0;
    }
}
.workpaper-reports.fill-container table tr:first-child th:first-child,
.workpaper-reports.fill-container table tr td:first-child:not(.cell-scrollable) {
    width: 350px;
}
.workpaper-reports.fill-container .scroll-to-left {
    left: 550px !important;
}
.tab-column-collapsed ~ .content-column #account-scroll-left > .scroll-to-left {
    left: 390px !important;
}
.hide-navbar .txn-creation-column .fixed-actions {
    width: 100%;
}
.hide-list-column .product-content-container > .list-column {
    display: none !important;
}
.hide-list-column .product-content-container .visible-1279-inline-block,
.hide-list-column .product-content-container .close-entity {
    display: none;
}
.hidden-search {
    position: absolute;
    left: -1000px;
}
.pos-app ~ .modal-open .modal,
.pos-app .modal-open .modal,
.pos-app ~ div .modal-open .modal {
    width: auto;
    left: -200px;
    right: 0;
}
@media (max-width: 1250px) {
    .pos-app ~ .modal-open .modal,
    .pos-app .modal-open .modal,
    .pos-app ~ div .modal-open .modal {
        left: 0;
    }
}
.pos-app ~ .zf-notification-container {
    left: -200px;
}
.pos-app .product-content-container > .nav-column {
    display: none;
}
.pos-app [href*="/books/help"],
.pos-app [href*="/books/gst"],
.pos-app [href*="/books/kb"],
.pos-app .pagetips-icon {
    display: none;
}
.hide-actions .details-menu-bar,
.hide-actions .details-actions-header {
    display: none !important;
}
.hide-actions .details-sub-tab {
    display: none;
}
.spreadsheet-table.line-item-table .line-item-column:last-child {
    border-right-color: #eee;
}
.spreadsheet-table textarea {
    height: 32px;
}
.spreadsheet-table .cell-width-150 {
    min-width: 150px;
    max-width: 150px;
}
.drag-icon-container .item-actions-before {
    left: -35px;
    top: 10px;
}
.tax-info-cell-before {
    left: 10px;
    top: 9px;
}
.tax-info-cell + div .ac-selected.form-control {
    padding-left: 25px;
}
.modal-body .tax-info-cell-before {
    left: 0;
    top: 2px;
    display: inline-block;
}
.grid-stack {
    --resize-top: 15px;
    --resize-bottom: 5px;
    --resize-left: 10px;
    --resize-right: 5px;
}
[enterprise-app="true"] .grid-stack {
    --resize-top: 0px;
    --resize-bottom: 5px;
    --resize-left: 2px;
    --resize-right: 2px;
}
.dashboard-users {
    min-height: 75px;
}
svg.dashboard-more-icon {
    fill: #838195;
}
svg.trend-indicator.up-arrow .fill-circle {
    fill: #e2faea;
}
svg.trend-indicator.up-arrow .fill-path {
    fill: #57b156;
}
svg.trend-indicator.down-arrow .fill-circle {
    fill: #ffebeb;
}
svg.trend-indicator.down-arrow .fill-path {
    fill: #ef5656;
}
.dashboard-header-reorder {
    position: sticky;
    top: -1px;
    z-index: 10;
    background-color: #fff;
    background-clip: padding-box;
}
.dashboard-builder-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}
.dashboard-builder-header .close {
    opacity: unset;
}
.dashboard-hide-area-path .area-path {
    stroke: transparent !important;
    fill-opacity: 0.1 !important;
}
.default-dashboard-component-svg {
    display: flex;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.default-dashboard-component-svg svg {
    fill: var(--zf-grey-18);
}
.dashboard-chart-preview {
    border: 1px solid #ebeaf2;
    border-radius: 15px;
}
.current-no-highlight span {
    background-color: #408dfb;
    border-color: #408dfb;
    color: #fff !important;
}
.current-no-highlight::after {
    margin-top: 5px;
}
.dashboard-row.default-dashboard-row {
    padding-left: 0;
}
.dashboard-row.default-dashboard-row > li {
    margin-top: 40px;
    list-style-type: none;
}
.dashboard-row.edit-dashboard-grid {
    background-color: #f3f8fe !important;
    background-image: linear-gradient(90deg, #fff 20px, transparent 0) !important;
    background-size: 8.2% !important;
}
.dashboard-row.edit-dashboard-grid .dashboard-card .disabled-card-body {
    pointer-events: none;
}
.dashboard-row.edit-dashboard-grid .dashboard-card-cursor-move {
    cursor: move;
}
.dashboard-row .icici-wrapper {
    margin-bottom: 70px;
}
.dashboard-row .chart-vcentered {
    padding-top: 125px;
}
.dashboard-row .alert {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}
.dashboard-row .grid-stack-item-class {
    display: flex;
    overflow: hidden !important;
}
.dashboard-row .grid-stack-placeholder > .placeholder-content {
    background-color: #f9f9fb !important;
    border-radius: 10px;
    border: 2px dashed #ebeaf2;
}
.dashboard-row .card {
    margin-bottom: 0;
}
.dashboard-row .card .table {
    margin-bottom: 0;
    border-bottom: 0;
}
.dashboard-row .card .table thead tr > th {
    padding: 15px;
}
.dashboard-row .card .table tbody tr:first-of-type td {
    border-top: none;
}
.dashboard-row .card .table tbody tr > td {
    padding: 15px;
}
.dashboard-row .card .table tbody tr > td .arc {
    stroke: transparent;
}
.dashboard-row .card .inactive {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d7d7d7;
}
.dashboard-row .card .inactive:hover {
    color: #333;
}
.dashboard-row .card #grid-stack-draggable {
    cursor: move;
    color: #838195;
}
.dashboard-row .card:hover #grid-stack-draggable,
.dashboard-row .card:active #grid-stack-draggable {
    color: #408dfb;
}
.dashboard-row .dropdown.list-title > a {
    font-size: 13px;
    color: #333;
}
.dashboard-card {
    border-radius: 10px;
}
.dashboard-card.dashboard-card-hw-100 {
    height: 100%;
    width: 100%;
}
.dashboard-card .card-header {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.dashboard-card .dashboard-card-header {
    font-size: 18px;
    border-radius: 10px 10px 0 0 !important;
}
.dashboard-card .dashboard-card-header .card-date {
    min-width: 175px;
}
.dashboard-card .dashboard-card-header .dashboard-datepicker .zf-daterange-picker .range-text:after {
    content: none;
}
.dashboard-card .dashboard-more-container {
    display: inline-block;
    line-height: 0.8;
    border-left: 1px solid #ebeaf2;
    padding-left: 5px;
    margin-left: 10px;
    padding-bottom: 1px;
}
.dashboard-card.dashboard-card-height {
    min-height: 425px;
}
.dashboard-card .dashboard-project-bg {
    background-color: #f9f9fb !important;
    border-bottom: 1px solid #ebeaf2 !important;
    color: var(--zf-grey-12);
}
.dashboard-card .dashboard-scrollable {
    overflow-x: auto;
    flex-grow: 1;
}
.dashboard-card .dashboard-scrollable .dashboard-projects td {
    vertical-align: middle;
}
.dashboard-card .dashboard-scrollable .dashboard-list-footer {
    background-color: #f9f9fb;
    border-top: 1px solid #ebeaf2;
    border-radius: 0 0 10px 10px;
}
.dashboard-card .dashboard-scrollable hr {
    border-top: 1px solid #ebeaf2;
}
.dashboard-card .dashboard-nopermission-text {
    font-size: 11px;
    color: #6c718a;
}
.dashboard-card .dashboard-header-radius {
    border-radius: 7.5px 7.5px 0 0;
}
.dashboard-dropdown-menu {
    width: 200px;
}
.dashboard-dropdown-menu .dropdown-item .delete-icon {
    fill: #e54643;
}
.primarychart-container {
    min-height: 285px;
    padding-left: 0;
}
.primarychart-container .primary-chart {
    margin: 25px 0;
    width: 78%;
    border-right: 1px solid #ebeaf2;
}
.balance-container {
    margin: 15px 0;
    width: 22%;
}
.balance-container .balance-row {
    position: relative;
    padding-right: 17px;
    margin-bottom: 20px;
}
.balance-container .balance-row:last-of-type {
    margin-bottom: 0;
}
.balance-container .signs {
    position: absolute;
    bottom: 4px;
    right: 0;
}
.balances-row {
    padding: 0;
}
.balances-row .table-bordered {
    height: 138px;
    margin-bottom: 0;
}
.balances-row .table-bordered tr:last-of-type > td {
    border: 0;
}
.balances-row .popover-body {
    width: 250px;
}
.balances-row .popover .arrow {
    left: 20%;
}
.balances-row .current-balance {
    border-right: 1px solid #eee;
    padding: 5px 0 5px 15px;
}
.balances-row .overdue-balance {
    padding: 5px 3px;
}
.dashboard-popover-content {
    width: 250px;
}
.overdueslist:hover {
    background-color: #eee;
    cursor: pointer;
}
.empty-budgethours {
    font-size: 9px;
    margin-top: 15px;
    padding: 2px;
    border: 1px solid #eee;
}
.empty-loggedhours {
    border-radius: 50%;
    font-size: 9px;
    height: 72px;
    width: 72px;
    border: 1px solid #eee;
    padding: 25px 5px;
    margin: auto;
}
.qbo-zb-migration-container .entity-container {
    max-width: 465px;
}
.qbo-zb-migration-container .bottom-45 {
    bottom: 45px;
}
.qbo-zb-migration-container .entity-cta {
    max-width: 140px;
}
.qbo-zb-migration-container .qbo-migration-accordion-group {
    margin-left: 73px;
}
.qbo-zb-migration-container .qbo-migration-accordion-group .qbo-migration-accordion-item {
    width: 426px;
}
.qbo-zb-migration-container .qbo-migration-accordion-group .border-light-shade-brown {
    border: 1.5px solid #f6e9d7;
}
.qbo-zb-migration-container .qbo-migration-accordion-group .border-bottom-light-shade-brown {
    border-bottom: 1.5px solid #f6e9d7;
}
.text-light-red {
    color: #e1622b;
}
.text-patterns-blue {
    color: #d3dce4;
}
.bg-light-orange {
    background-color: #fffcf7;
}
.dashboard-card-container {
    max-width: 1000px;
    margin-bottom: 50px;
}
.edit-dashboard-dotted-bg {
    background-image: radial-gradient(#cfc2c2 5%, transparent 5%) !important;
    background-size: 30px 30px !important;
    background-position: 0 0, 30px 30px !important;
    background-repeat: repeat !important;
}
.dashboard-date-range .caret {
    display: none;
}
.component-list-header {
    font-size: 11px;
    color: #6c7184;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 20px;
}
.custom-dashboard-sidebar {
    background-color: #f9f9fb;
    width: 250px;
    border-right: 1px solid #ebeaf2;
}
.custom-dashboard-sidebar .gray-border-bottom {
    border-bottom: 1px solid #ebeaf2;
}
.dashboard-search .search-field {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-color: #e4e4e4;
}
.dashboard-search .input-group-prepend svg {
    margin-left: 10px;
}
.dashboard-item:hover {
    background-color: #fff;
    border: 1px dashed #408dfb;
}
.vertical-separator {
    border-right: 1px solid #ebeaf2;
    margin-right: 5px;
    margin-left: 10px;
    height: 15px;
}
.enterprise-dashboard .dashboard-row {
    max-width: 1610px;
    margin: 5px auto;
}
.enterprise-dashboard .empty-state-position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.enterprise-dashboard .chart-stoke .line-path {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
}
.enterprise-dashboard .dashboard-filter {
    border-bottom: 1px solid #e2e9f0;
    height: 55px;
    visibility: visible;
    transition: height 0.5s ease-in-out;
}
.enterprise-dashboard .dashboard-filter label {
    height: 30px;
    padding: 4px 8px !important;
    min-width: 0 !important;
}
.enterprise-dashboard .dashboard-filter .ac-selected {
    height: 30px;
}
.enterprise-dashboard .filter-hidden {
    height: 0;
    visibility: hidden;
}
.enterprise-dashboard .badge-light-blue {
    background-color: #e2e9f0;
}
.enterprise-dashboard .home-badge {
    border: 1px solid #d6d9e4;
}
.enterprise-dashboard .home-badge:hover {
    background: rgba(214, 217, 228, 0.65);
}
.billing-dashboard .dashboard-row {
    max-width: 1610px;
    margin: 0 auto;
}
.billing-dashboard .dashboard-row.default-dashboard-row > li {
    margin-top: 20px;
}
.billing-dashboard .kpi-top {
    margin-top: 2%;
}
.billing-dashboard .mini-kpi {
    min-height: 205px;
    width: 49%;
}
.billing-dashboard .dashboard-card {
    box-shadow: 0 2px 8px 0 rgba(6, 12, 34, 0.04);
}
.billing-dashboard .dashboard-card .dashboard-card-header {
    border-radius: 10px 20px 0 0 !important;
    color: #453e70;
    padding: 10px 20px 0;
    background-color: #fff;
    border: 0;
}
.billing-dashboard .dashboard-card .dashboard-card-header a {
    color: unset;
}
.billing-dashboard .dashboard-card .dashboard-card-header .header-redirection:hover {
    color: #206ddc;
}
.billing-dashboard .dashboard-card .card-body {
    padding: 20px 20px 0;
}
.billing-dashboard .dashboard-card .card-body .trend-container {
    padding: 4px 8px;
}
.billing-dashboard .dashboard-card .card-body .trend-green {
    border: 1px solid rgba(26, 175, 93, 0.17);
    background-color: #f7fef8;
    color: #1aaf5d;
}
.billing-dashboard .dashboard-card .card-body .trend-red {
    border: 1px solid rgba(247, 82, 90, 0.17);
    background-color: #fff5f7;
    color: #f7525a;
}
.billing-dashboard .chart-stoke .line-path {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}
.billing-dashboard .kpi-shadow {
    box-shadow: 0 2px 8px 0 rgba(6, 12, 34, 0.04);
}
.billing-dashboard .kpi-summary::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 62%;
    top: 4px;
    left: 2px;
    border-radius: 2px;
    border: 0;
}
.billing-dashboard .kpi-summary {
    position: relative;
}
.billing-dashboard .val-blue::before {
    background-color: #2c96dd;
}
.billing-dashboard .val-orange::before {
    background-color: #fb9c5d;
}
.billing-dashboard .val-yellow::before {
    background-color: #f4b945;
}
.billing-dashboard .val-red::before {
    background-color: var(--zf-red-1);
}
.billing-dashboard .val-green::before {
    background-color: var(--zf-green-12);
}
.billing-dashboard .empty-card-container {
    background: linear-gradient(to bottom, rgba(243, 244, 248, 0.2509803922), rgba(243, 244, 248, 0));
}
.billing-dashboard .content-container {
    box-shadow: 0 3px 7px 1px rgba(241, 232, 232, 0.4);
    z-index: 1;
}
.billing-dashboard .empty-state {
    position: relative;
    top: 15px;
}
.billing-dashboard .pie-chart svg {
    height: 195px;
}
.practice-dashboard .grid-stack-item-content {
    overflow: visible !important;
}
.practice-dashboard .dashboard-card {
    box-shadow: 0 10px 30px 0 #f7f7fe;
}
.practice-dashboard .dashboard-hide-growthline .net-growth-line {
    stroke: transparent !important;
}
.practice-dashboard .client-metrice-chart {
    border: 1px solid #ebeaf2;
    border-radius: 20px;
}
.practice-dashboard .client-metrice-chart svg .line-path {
    stroke-width: 3px;
}
.practice-dashboard .client-metrice-chart svg text {
    transform: translate(10px, 10px);
}
.practice-dashboard .stacked-chart-text text {
    font-size: 16px;
    fill: #838195;
}
.practice-dashboard .stacked-chart-text .y-axis line {
    stroke-opacity: 0.5;
}
.practice-dashboard .stacked-chart-text .bar-groups rect:first-child {
    clip-path: inset(2px 0 0);
}
.practice-dashboard .stacked-chart-text .bar-groups rect:last-child {
    clip-path: inset(0 0 2px);
}
.practice-dashboard .stacked-chart-text #zec-horizontal-tooltip {
    background-color: #333;
    color: #fff;
}
.practice-dashboard .content-container {
    box-shadow: 0 3px 7px 1px rgba(241, 232, 232, 0.4);
    z-index: 1;
}
.practice-dashboard .empty-state {
    position: relative;
    top: 15px;
}
.finance-workshop-banner-2024 img {
    width: 145px;
    height: 90px;
}
@media (max-width: 1120px) {
    .finance-workshop-banner-2024 img {
        width: 208px;
        height: 123px;
        margin: 3px 0;
    }
}
.dunning-alert-banner {
    background-color: #fff4e7;
}
.dunning-alert-banner .dunning-banner-desc {
    line-height: 20px;
    margin-top: 8px;
}
.dunning-alert-banner .legend {
    font-size: 19px;
    margin: 20px 0 5px;
}
.dunning-alert-banner .update-payment-details {
    background-color: #f70000;
    color: #fff !important;
    border-radius: 4px;
}
.dunning-alert-banner .contact-support {
    border: 1px solid #f70000;
    color: #f70000;
    background-color: transparent;
    border-radius: 4px;
    margin-left: 10px;
}
.dashboard-hide-gridpoints {
    z-index: -1;
}
.dashboard-hide-gridpoints .zec-linechart-point-paths .point {
    fill: transparent !important;
    stroke: transparent !important;
}
.dashboard-hide-gridpoints .area-path {
    stroke: transparent !important;
}
.tax-engine .small .ac-box {
    max-width: 230px;
}
.tax-engine .primary-info {
    padding: 25px 35px;
    margin: -20px -42px 0;
    background-color: #f4f5f6;
}
.tax-engine .gstr-transactions-summary .gstr-summary-title {
    margin: 0 0 6px;
}
.tax-engine .gstr-transactions-summary .table > thead > tr > th {
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
}
.tax-engine .gstr-transactions-summary .table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9fb;
}
.tax-engine .gstr-transactions-summary .table > tbody > tr.row-hover:hover {
    cursor: pointer;
    background-color: #fafafa;
}
.tax-engine .gstr-transactions-summary .table > tbody > tr > td {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: middle;
}
.tax-engine .transaction-import-upload {
    border-bottom: 1px solid #eee;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.tax-engine .transaction-import-upload .form-group {
    margin-bottom: 26px;
}
.tax-engine .transaction-import-upload .form-group > label {
    margin-bottom: 10px;
}
.tax-engine .transaction-import-upload .radio-inline {
    padding-left: 5%;
    display: inline-block;
}
.tax-engine .transaction-import-upload .radio-inline:first-child {
    padding-left: 35px;
}
.tax-engine .transaction-import-upload .import-box {
    border: 1px dashed #94c2fd;
    margin-left: 15px;
    height: 106px;
    margin-bottom: 2px;
}
.tax-engine a {
    cursor: pointer;
}
.tax-engine a:hover,
.tax-engine a:focus {
    outline: 0;
    text-decoration: none;
}
.tax-engine .fixed-actions {
    position: fixed;
    bottom: 0;
    padding: 15px 30px;
    box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.1);
    background: #fff;
    width: 100%;
    z-index: 3;
    border-top: 1px solid #ededed;
}
.tax-engine input[type="text"]:focus.error {
    border-color: #e64d33;
    box-shadow: "inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #e64d33";
}
.tax-engine a > .dropdown {
    cursor: pointer;
}
.tax-engine .table.transactions-table thead:first-child tr:first-child th.invisible {
    padding: 0 72px 0 12px !important;
}
.tax-engine .table thead:first-child tr:first-child th {
    border-top: 1px solid #ddd;
}
.tax-engine .table thead:first-child tr:first-child th.invisible {
    border: 0;
    line-height: 0;
    padding: 0 72px 0 12px;
    font-size: 13px;
    font-weight: 700;
}
.tax-engine .transactions-info {
    border-right: 1px solid #c7c6c7;
    width: 414px;
}
.tax-engine .full-width {
    width: 100%;
}
.tax-engine .table.transactions-table {
    table-layout: auto;
}
.tax-engine .table.transactions-table thead:first-child tr:first-child th {
    padding: 16px 12px;
    font-size: 13px;
    border-bottom: 1px solid #ededed;
}
.tax-engine .table.transactions-table thead:first-child tr:first-child th:first-child {
    padding-left: 20px;
}
.tax-engine .table.transactions-table thead:first-child tr:first-child th:last-child {
    padding-right: 20px;
}
.tax-engine .table.transactions-table tbody > tr > td {
    max-width: 160px;
    font-size: 14px;
    padding: 16px 12px;
    vertical-align: middle;
}
.tax-engine .table.transactions-table tbody > tr > td:first-child {
    padding-left: 20px;
}
.tax-engine .table.transactions-table tbody > tr > td:last-child {
    padding-right: 20px;
}
.tax-engine .table.transactions-table tbody > tr > td.itc-sub-desc {
    padding-left: 35px;
}
.tax-engine .table.transactions-summary-table > tbody > tr:not(.secondary-row) + tr.secondary-row > td {
    border-top: 1px solid #ededed;
}
.tax-engine .table.transactions-summary-table > tbody > tr.secondary-row > td {
    border: 0;
    background-color: #fff;
    border-right: 1px solid #ededed;
    font-size: 13px;
    padding: 13px;
}
.tax-engine .table.transactions-summary-table > tbody > tr.secondary-row > td:first-child {
    border-right: none;
}
.tax-engine .table.transactions-summary-table > tbody > tr.secondary-row > td:nth-child(2) {
    padding-left: 50px;
}
.tax-engine .table.transactions-summary-table > tbody > tr.secondary-row:hover > td {
    background-color: transparent;
}
@media (max-width: 768px) {
    .tax-engine .table.transactions-table tbody > tr > td {
        max-width: 100%;
    }
}
.tax-engine .scroll-arrow-background {
    border: 1px solid #222;
    background-color: #fff;
    text-align: center;
    width: 30px;
    height: 23px;
    display: inline-block;
    position: relative;
}
.tax-engine .scroll-arrow-background:hover {
    background-color: #222;
}
.tax-engine .scroll-arrow-background:hover .scroll-arrow-right {
    border-left: 5px solid #fff;
}
.tax-engine .scroll-arrow-background:hover .scroll-arrow-left {
    border-right: 5px solid #fff;
}
.tax-engine .left-bar {
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    border-right: 0;
}
.tax-engine .right-bar {
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    left: -4px;
}
.tax-engine .scroll-arrow-right {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border: 5px solid transparent;
    border-left: 5px solid #222;
}
.tax-engine .scroll-arrow-left {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 8px;
    vertical-align: middle;
    border: 5px solid transparent;
    border-right: 5px solid #222;
}
.tax-engine .horizontal-scroll {
    position: fixed;
    bottom: 6%;
    right: 18px;
}
.tax-engine .disabled {
    cursor: not-allowed;
    opacity: 0.3;
}
.tax-engine .disabled:hover {
    color: #999;
}
.tax-engine .gstr2b-vendor-email input.error {
    border-color: #e64d33;
}
.tax-engine .gstr2b-vendor-email div {
    right: 35px;
}
.tax-engine .filings-empty-state {
    margin: 35px auto;
    max-width: 80%;
    text-align: center;
}
.tax-engine .filings-empty-state .empty-state-icon {
    width: 202px;
    height: 202px;
    vertical-align: middle;
}
.tax-engine .filings-empty-state .empty-msg {
    font-weight: 300;
    padding-top: 15px;
    font-size: 18px;
    margin: 0 220px;
}
.tax-engine .filings-empty-state .gstr2-empty-msg {
    margin: 0 160px;
    font-size: 16px;
    padding-top: 15px;
}
@media (max-width: 992px) {
    .tax-engine .notification {
        display: none;
    }
}
.tax-engine .filings-header.header-band {
    height: 65px;
    padding-right: 30px;
}
.tax-engine .filings-header.header-band .header-info {
    padding: 15px 35px;
}
.tax-engine .filings-header.header-band.multigstin-topband {
    height: 110px;
}
.tax-engine .return-sel {
    background-color: #f5f5f5;
    border-radius: 18px;
    padding: 5px 15px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #ddd;
}
.tax-engine .return-sel.return-sel > a {
    font-size: 15px;
    color: #222;
}
.tax-engine .return-body b {
    font-weight: 600;
}
.tax-engine .return-body .return-container {
    background-color: #f5f5f5;
    display: flex;
}
.tax-engine .return-body.body {
    padding: 1px 15px;
}
.tax-engine .return-body .main-wrapper {
    background-color: #fff;
    padding: 0;
    border-right: 1px solid #eee;
}
.tax-engine .return-body .main-wrapper .return-dashboard {
    margin: 20px 0;
}
.tax-engine .return-body .file-previous-return {
    padding: 15px 15px 15px 45px;
    margin-bottom: 0;
}
.tax-engine .return-body .file-previous-return .warn-icon {
    display: inline-block;
}
.tax-engine .return-body .file-previous-return .warn-icon > svg {
    margin-top: 5px;
}
.tax-engine .return-body .file-previous-return .warn-content {
    margin-left: 10px;
    display: inline-block;
    max-width: 80%;
}
.tax-engine .return-body .file-previous-return + .return-content {
    margin-top: 0;
}
.tax-engine .return-body .notification {
    background-color: #fff;
    padding-top: 25px;
}
.tax-engine .return-body .notification .notify-title {
    font-size: 13px;
    color: #999;
}
.tax-engine .return-body .notification .faq-list {
    padding: 10px 0 10px 20px;
}
.tax-engine .return-body .notification .faq-list li {
    padding: 6px 10px;
    color: #408dfb;
}
.tax-engine .return-body .notification .faq-list li a {
    color: #408dfb;
}
.tax-engine .return-body .notification .faq-list li a:hover {
    color: #00a6ff;
}
.tax-engine .return-body .notification .activity-graph {
    padding: 20px 0 25px;
}
.tax-engine .return-body .notification .activity-graph .notify {
    position: relative;
    padding-bottom: 30px;
}
.tax-engine .return-body .notification .activity-graph .notify:last-child {
    padding-bottom: 0;
}
.tax-engine .return-body .notification .activity-graph .notify:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 4px;
    bottom: 5px;
    height: 75%;
    border-left: 1px solid #e4e4e4;
}
.tax-engine .return-body .notification .activity-graph h4 {
    line-height: 1.5;
    margin-bottom: 2px;
}
.tax-engine .return-body .notification .activity-graph .notify-circle {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #2a85fb;
    display: inline-block;
    margin-right: 15px;
    margin-top: 4px;
}
.tax-engine .return-body .notification .activity-graph .notify-content {
    display: inline-block;
    width: 90%;
}
.tax-engine .gst-return-subheading {
    margin-bottom: 25px;
}
.tax-engine .filing-popup-subheading {
    line-height: 26px;
}
.tax-engine .filing-popup-date {
    padding: 24px 20px 34px 0;
}
.tax-engine .nilfiling-popup-date {
    padding-top: 0;
}
.tax-engine .gstr3b-underline {
    width: 36px;
    border-bottom: 4px solid #20a5ff;
}
.tax-engine .gstr3-invoice {
    padding-left: 31px;
    padding-top: 20px;
    line-height: 30px;
}
.tax-engine .body.multigstin-body {
    top: 115px;
}
.tax-engine .return-content {
    padding: 31px 4% 15px;
    border-bottom: 25px solid #f1f1fa;
    background-color: #fff;
}
.tax-engine .return-content .count .txns-count {
    color: #0f6bde;
}
.tax-engine .return-content .count .txns-count:hover {
    color: #2b5488;
}
.tax-engine .return-content:last-child {
    margin-bottom: 0;
}
.tax-engine .return-content .sales-colm {
    width: 32%;
    display: inline-block;
    vertical-align: text-top;
}
.tax-engine .return-content .purchase-colm {
    width: 32%;
    display: inline-block;
}
.tax-engine .return-content .line {
    margin: 5px 18px;
    border-bottom: 1px solid #ededed;
}
.tax-engine .return-content .line-gradient {
    border-image: linear-gradient(to right, #eee 0, #eee 30%, #fff 60%);
    border-image-slice: 1;
}
.tax-engine .return-content .line::before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #ededed;
    position: relative;
    top: 5px;
    right: 19px;
}
.tax-engine .return-content .content-graph {
    padding: 35px 0;
}
.tax-engine .return-content .count:hover {
    color: #2a85fb;
    cursor: pointer;
}
.tax-engine .return-content .badge {
    font-size: 65%;
    padding: 4px 8px;
    font-weight: 600;
}
.tax-engine .return-unfiled {
    background-color: #eb6100;
}
.tax-engine .return-submitting {
    background-color: #2098ff;
}
.tax-engine .return-pending {
    background-color: #fba800;
}
.tax-engine .return-approved {
    background-color: #53b05a;
}
.tax-engine .return-filed {
    background-color: #388a10;
}
.tax-engine .summary-button {
    padding: 5px 10px;
}
.tax-engine .gstin-content:hover .summary-button,
.tax-engine .vendor-email {
    color: #fff;
    background-color: #2098ff;
    border-radius: 4px;
}
.tax-engine .vendor-email {
    border-color: #2098ff;
}
.tax-engine .vendor-email:hover {
    border-color: #2098ff;
}
.tax-engine .show-import-now-link {
    max-width: 45%;
}
.tax-engine .return-top {
    display: inline-block;
    margin-left: 1%;
}
.tax-engine .return-top .return-title {
    margin: 7px auto;
}
.tax-engine .dashboard-backlink {
    font-size: 20px;
    margin: 18px 27px 0;
}
.tax-engine .gstr-tab-nav ul {
    margin-left: 10px;
    margin-bottom: 14px;
}
.tax-engine .gstr-tab-nav ul li {
    display: inline-block;
    padding-left: 40px;
}
.tax-engine .gstr-tab-nav ul li a {
    color: #222;
    padding-bottom: 12px;
}
.tax-engine .gstr9-video-link {
    border-right: 1px solid #ddd;
    margin-right: 10px;
}
.tax-engine .gstr9-date-disabled {
    background: #eee;
}
.tax-engine .gstr9-date-disabled .item-actions {
    top: -10px;
}
.tax-engine .empty-list-text {
    padding-bottom: 5px;
    color: #444;
}
.tax-engine .gstr9-icon {
    padding: 20px;
    margin-bottom: 20px;
    background: #f5f5f5;
    width: 100px;
    display: inline-block;
    border-radius: 50px;
}
.tax-engine .gstr9-icon svg {
    margin-left: 8px;
}
.tax-engine .hsn-dropdown {
    animation: hsn-anime 1s ease-in-out;
    overflow: auto;
}
@keyframes hsn-anime {
    0% {
        max-height: 60px;
    }
    to {
        max-height: 2000px;
    }
}
.tax-engine .autocalculated-band {
    background-color: #fff7db;
    padding: 10px;
}
.tax-engine .autocalculated-band svg {
    color: #999;
}
.tax-engine .gstr9-list {
    max-width: 950px;
    padding: 50px 4%;
}
.tax-engine .gstr9-list .gstr9-desc {
    padding-top: 20px;
}
.tax-engine .gstr9-list .previous-return-header {
    border-bottom: 1px solid #eee;
}
.tax-engine .gstr9-list .previous-return-list {
    padding-top: 15px;
}
.tax-engine .gstr9-points-list {
    max-width: 950px;
    padding: 50px 4% 15px;
}
.tax-engine .gstr9-points-list ul {
    margin-left: -25px;
}
.tax-engine .gstr9-points-list a {
    text-decoration: underline;
}
.tax-engine .mb-15 {
    margin-bottom: 15px;
}
.tax-engine .gstr9-list-border {
    border: 10px solid #eee;
}
.tax-engine .gstr9-generate-button {
    padding: 8px 20px;
}
.tax-engine .points-line-height {
    line-height: 30px;
}
.tax-engine .details-topband {
    padding: 20px 30px 18px 20px;
    border-bottom: 1px solid #ddd;
}
.tax-engine .gstr9-summary-heading {
    font-size: 20px;
}
.tax-engine .gstr9-regenarate-warning {
    background-color: #fff7db;
    padding: 10px;
    margin-bottom: 20px;
}
.tax-engine .gstr9-fetch-band {
    background-color: #f6f9ff;
    margin-bottom: 40px;
    border-left: 4px solid #4d90fe;
    padding: 20px;
}
.tax-engine .gstr9-fetch-band .btn {
    background-color: #4d90fe;
    margin-top: 10px;
    color: #fff;
}
.tax-engine .vertical-align-sub {
    vertical-align: sub;
}
.tax-engine .gstr9-empty-list {
    background-color: #fafcff;
    padding-bottom: 44px;
}
.tax-engine .gstr9-empty-list .gstr9-points-list {
    margin: 0 auto;
}
.tax-engine .gstr9-empty-list .gst9-points {
    margin: 0;
    height: 470px;
}
.tax-engine .gstr9-note-points li {
    padding-bottom: 10px;
}
.tax-engine .comments-link {
    padding: 5px 0 5px 15px;
}
.tax-engine .unfile-case-table p {
    margin-top: 20px;
}
.tax-engine .unfile-case-table td {
    border: 1px solid #ddd;
    padding: 10px;
}
.tax-engine .autocalculatedvalue-onhover {
    position: fixed;
    padding: 5px 8px;
    display: none;
    border-radius: 3px;
}
.tax-engine .autocalculatedvalue-onhover .arrow {
    border-width: 7px;
    top: -14px;
    left: 20px;
}
.tax-engine .toggle-hsn-icon {
    color: #fff;
}
.tax-engine .gstr9-summary {
    max-width: 900px;
    margin: 20px auto 30px;
}
.tax-engine .gstr9-summary .edit-header {
    display: inline-block;
    width: 95%;
}
.tax-engine .gstr9-summary .edit-icon-container {
    position: relative;
}
.tax-engine .gstr9-summary .edit-icon-container .edit-icon {
    cursor: pointer;
    right: -100px;
    top: -10px;
    position: absolute;
    color: #3b82e8;
    width: 36px;
    padding: 10px;
    background-color: #e8f1fd;
    border-radius: 50%;
    line-height: 0;
    transition: background-color 0.2s ease-in-out;
}
.tax-engine .gstr9-summary .edit-icon-container .edit-icon.disable {
    background-color: #eee;
    color: #999;
    cursor: not-allowed;
}
.tax-engine .gstr9-summary .edit-icon-container .edit-icon.disable:hover {
    background-color: #eee;
}
.tax-engine .gstr9-summary .edit-icon-container .edit-icon:hover {
    background-color: #d8e5f6;
}
.tax-engine .gstr9-summary .table-sub-title {
    background-color: #9cc3ec;
}
.tax-engine .gstr9-summary .row-desc {
    background-color: #e3e1cd;
}
@media print {
    .tax-engine .gstr9-summary table {
        page-break-inside: avoid;
    }
    .tax-engine .gstr9-summary table thead {
        display: table-row-group;
    }
    .tax-engine .gstr9-summary tbody td {
        padding: 6px;
    }
}
.tax-engine .gstr9-summary .regenerate-button {
    margin-top: 15px;
}
.tax-engine .gstr9-summary .generated-time {
    padding-top: 5px;
}
.tax-engine .gstr9-summary .details-link {
    cursor: pointer;
}
.tax-engine .gstr9-summary .details-link:hover {
    background: #e3e1cd;
}
.tax-engine .gstr9-summary .details-link .col-link {
    color: #428bca;
}
.tax-engine .gstr9-summary .sno-col {
    background-color: #e2ecf5;
}
.tax-engine .gstr9-summary thead {
    font-size: 16px;
}
.tax-engine .gstr9-summary thead td {
    padding: 10px;
}
.tax-engine .gstr9-summary thead td:first-child {
    color: #fff;
    padding-left: 10px;
    background: #9cc3ec;
    width: 60px;
}
.tax-engine .gstr9-summary thead td:nth-child(2) {
    color: #fff;
    background: #6a8aaf;
}
.tax-engine .gstr9-summary td {
    border: 1px solid #999;
    vertical-align: middle;
    padding: 10px;
}
.tax-engine .gstr9-summary td:empty {
    background: #eee;
}
.tax-engine .autocalculated-modal {
    max-width: 1050px;
    margin-top: 0;
}
.tax-engine .gstr9-diff-popup .popover-title {
    font-weight: 600;
    font-size: 16px;
    padding-top: 16px;
}
.tax-engine .gstr9-diff-popup .popover {
    max-width: 900px;
}
.tax-engine .gstr9-diff-popup .popover-title {
    border-bottom: none;
    background-color: #fff;
}
.tax-engine .gstr9-diff-popup .arrow {
    left: 94%;
}
.tax-engine .gstr9-diff-popup .diff-table {
    display: flex;
}
.tax-engine .gstr9-diff-popup .diff-table div {
    padding: 8px;
    width: 16%;
    height: 36px;
}
.tax-engine .gstr9-diff-popup .diff-table div:empty:after {
    content: "-";
    padding-right: 15px;
}
.tax-engine .item-actions-container {
    margin: 0;
}
.tax-engine .gstr-summary-total-row td:not(:first-child) {
    background: #f1c5c4;
}
.tax-engine .zi-table.table thead > tr > th {
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}
.tax-engine .zi-table.table thead > tr > th.required {
    color: #b94a48;
}
.tax-engine .zi-table th.sortable.asc {
    color: #dd4b39;
}
.tax-engine .zi-table th.sortable.asc .sort .up.caret {
    opacity: 1;
    filter: alpha(opacity=100);
}
.tax-engine .zi-table th.sortable.desc {
    color: #dd4b39;
}
.tax-engine .zi-table th.sortable.desc .sort .down.caret {
    opacity: 1;
    filter: alpha(opacity=100);
}
.tax-engine .zi-table th.sortable {
    cursor: pointer;
}
.tax-engine .zi-table th.sortable .sort {
    top: 50%;
    margin: 5px;
}
.tax-engine .zi-table th.sortable .sort.top {
    margin-top: -5px;
}
.tax-engine .zi-table th.sortable .sort .up.caret {
    margin-bottom: -7px;
    border-bottom: 4px solid #333;
}
.tax-engine .zi-table th.sortable .sort .caret {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.tax-engine .zi-table th.sortable .sort .down.caret {
    border-top-color: #333;
}
.tax-engine .load-circle1,
.tax-engine .load-circle2,
.tax-engine .load-circle3,
.tax-engine .load-circle4,
.tax-engine .load-circle5 {
    width: 8px;
    height: 8px;
    background: gray;
    display: inline-block;
    border-radius: 20px;
    -webkit-animation: loader 1.5s infinite;
    -moz-animation: loader 1.5s infinite;
    -o-animation: loader 1.5s infinite;
    animation: loader 1.5s infinite;
}
@-webkit-keyframes loader {
    0% {
        opacity: 1;
        scale: 1;
    }
    to {
        opacity: 0.25;
        scale: 0.3;
    }
}
@-moz-keyframes loader {
    0% {
        opacity: 1;
        scale: 1;
    }
    to {
        opacity: 0.25;
        scale: 0.3;
    }
}
@-o-keyframes loader {
    0% {
        opacity: 1;
        scale: 1;
    }
    to {
        opacity: 0.25;
        scale: 0.3;
    }
}
@keyframes loader {
    0% {
        opacity: 1;
        scale: 1;
    }
    to {
        opacity: 0.25;
        scale: 0.3;
    }
}
.tax-engine .load-circle2 {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    -o-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.tax-engine .load-circle3 {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.tax-engine .load-circle4 {
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.tax-engine .load-circle5 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.tax-engine .filings-detail-header {
    padding: 25px 10% 0;
}
.tax-engine .acknowlegement {
    padding: 5px 0;
}
.tax-engine ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.tax-engine ::-webkit-scrollbar-track {
    background-color: #f3f3f3;
}
.tax-engine ::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
}
.tax-engine .fixed-table {
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: display;
}
.tax-engine .date-format {
    padding-bottom: 6px;
    color: gray;
}
.tax-engine .gstr3-main-content {
    max-width: 60%;
    padding: 35px 0;
    margin: auto;
}
.tax-engine .gstr3-main-content > .details-container {
    padding: 40px;
}
.tax-engine .gstr3-main-content > .details-container > .table {
    margin-bottom: 50px;
}
.tax-engine .gstr3-main-content > .details-container > .table > thead > tr {
    background-color: #f2f2f2;
}
.tax-engine .gstr3-main-content > .details-container > .table > thead > tr > th {
    padding: 8px;
    font-size: 13px;
    border: 0;
    vertical-align: middle;
}
.tax-engine .gstr3-main-content > .details-container > .table > tbody > tr > td {
    border-bottom: 1px solid #ededed;
}
.tax-engine .gstr3-main-header {
    padding: 4px;
    font-size: 20px;
}
.tax-engine .gstr3-main-subheader {
    padding: 14px 4px;
    font-size: 16px;
}
.tax-engine .gst3-goodsorservice {
    color: gray;
    text-transform: uppercase;
    font-size: 13px;
}
.tax-engine .badge-goods {
    background-color: #00d267;
    color: #fff;
}
.tax-engine .badge-services {
    background-color: #00b9ff;
    color: #fff;
}
.tax-engine .reports-headerspacing {
    margin: 5px;
    font-weight: 300;
}
.tax-engine .fixed-sub-headers {
    position: fixed;
    top: 20%;
    left: 6%;
    padding-left: 0;
}
.tax-engine .fixed-sub-headers > li {
    list-style-type: none;
}
.tax-engine .fixed-sub-headers > li > a {
    padding: 3px 0;
    color: #222;
    font-size: 13px;
    display: block;
    margin: 10px 0;
    transition: font-size 0.2s ease, color 0.2s ease;
}
.tax-engine .fixed-sub-headers > li > a.active {
    font-size: 15px;
    background: #f2f2f2;
}
.tax-engine .transactions-list .body {
    padding: 0;
}
.tax-engine .transactions-list .date-filter-section {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.tax-engine .transactions-list .date-filter-section svg {
    margin-top: -4px;
}
.tax-engine .transactions-list .date-filter-section .gstr3b-sel {
    margin-left: 10px;
}
.tax-engine .transactions-list .date-filter-section .gstr3b-sel input {
    width: 120px;
}
.tax-engine .transactions-list .date-filter-section .gstr3b-sel .caret {
    border-top-color: #428bca;
}
.tax-engine .transactions-list .bulk-actions {
    padding: 10px 20px;
    height: 48.5px;
}
.tax-engine .transactions-list .txn-filter {
    padding: 14.5px 15px;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
    font-weight: 600;
    color: #555;
}
.tax-engine .transactions-list .txn-filter .caret {
    border-top-color: #555;
}
.tax-engine .transactions-list .list-filter {
    font-size: 17px;
    font-weight: 600;
}
.tax-engine .transactions-list .list-filter .btn-toolbar {
    margin-top: 2px;
}
.tax-engine .transactions-list .list-filter .go-back {
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
}
.tax-engine .transactions-list .list-filter .go-back > svg {
    width: 25px;
    height: 25px;
    color: #2a85fb;
    vertical-align: middle;
}
.tax-engine .transactions-list .list-filter .go-back:before {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    height: 100%;
}
.tax-engine .transactions-list .list-filter .list-style .nav-top {
    display: inline-block;
    line-height: 1.7;
}
.tax-engine .transactions-list .list-filter .list-style .head {
    font-weight: 600;
}
.tax-engine .transactions-list .list-filter .list-style .gstr-icon {
    margin-right: 10px;
}
.tax-engine .transactions-list .list-title {
    margin-top: 4px;
}
.tax-engine .transactions-list .filter-band {
    background-color: #f5fafe;
    padding: 20px;
    height: 66px;
}
.tax-engine .transactions-list .filter-band .btn {
    padding: 2px 12px;
}
.tax-engine .transactions-list .filter-band .btn,
.tax-engine .transactions-list .filter-band .btn:hover,
.tax-engine .transactions-list .filter-band .btn:focus {
    color: #2a85fb;
    border-color: #2a85fb;
    background-color: transparent;
    box-shadow: none;
}
.tax-engine .transactions-list .filter-band .btn .caret,
.tax-engine .transactions-list .filter-band .btn:hover .caret,
.tax-engine .transactions-list .filter-band .btn:focus .caret {
    border-top-color: #2a85fb;
}
.tax-engine .transactions-list .filter-details {
    background-color: #f5fafe;
    padding: 16px 15px;
    font-size: 13px;
    border-top: 1px solid #ddd;
}
.tax-engine .transactions-list .filter-details dl {
    margin: 0;
    padding: 5px 0;
}
.tax-engine .transactions-list .filter-details dl > dt {
    font-weight: 400;
    color: #555;
    width: 130px;
    text-align: left;
}
.tax-engine .transactions-list .filter-details dl > dd {
    margin-left: 130px;
}
.tax-engine .transactions-list .filter-row {
    display: inline-block;
}
.tax-engine .transactions-list .filter-row.back-button {
    position: relative;
}
.tax-engine .transactions-list .filter-row.back-button::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -10px;
    height: 24px;
    border-right: 1px solid #c2c6c9;
}
.tax-engine .transactions-list .filter-row + .filter-row {
    margin-left: 20px;
}
.tax-engine .transactions-list .filter-row .name {
    display: inline-block;
    vertical-align: middle;
}
.tax-engine .transactions-list .filter-row .filter {
    display: inline-block;
    position: relative;
    margin-left: 10px;
}
.tax-engine .transactions-list .zi-table.table-scroll {
    table-layout: auto;
}
.tax-engine .transactions-list .pagination {
    padding: 10px 30px;
}
.tax-engine .transactions-list .pagination .action {
    color: #999;
}
.tax-engine .transactions-list .pagination .action:hover {
    color: #666;
}
.tax-engine .transactions-list .pagination .action.disabled {
    cursor: not-allowed;
    opacity: 0.3;
}
.tax-engine .transactions-list .pagination .action.disabled:hover {
    color: #999;
}
.tax-engine .transactions-list .pagination .page-select-box {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 13px;
    margin-right: 5px;
    vertical-align: middle;
}
.tax-engine .transactions-list .pagination .page-select-box .ac-box-drop {
    top: initial;
    bottom: 4px;
}
.tax-engine .transactions-list .pagination .page-select-box .ac-box-drop .dropdown-menu > li > a {
    padding: 3px 0 3px 19px;
    font-size: 13px;
}
.tax-engine .font-xs {
    font-size: 12px;
}
.tax-engine .import-help {
    padding-left: 20px;
    line-height: 2;
    border-left: 1px solid #eee;
}
.tax-engine .import-help .link {
    margin: 5px 0;
    padding-left: 7px;
    border-left: 1.48px solid #eee;
}
.tax-engine .import-help li {
    padding-bottom: 10px;
}
.tax-engine .nav-band {
    position: relative;
}
.tax-engine .nav-band .nav-tabs {
    white-space: nowrap;
    overflow: hidden;
    height: 50px;
    font-size: 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dee2e6;
}
.tax-engine .nav-band .nav-tabs > li {
    height: 100%;
    border-right: 1px solid #ddd;
}
.tax-engine .nav-band .nav-tabs > li > a:not(.comment-btn) {
    font-size: 15px;
    color: #555;
    margin-right: 0;
    height: 100%;
    padding: 14px 40px;
}
.tax-engine .nav-band .nav-tabs > li:not(.active) > a:hover {
    border-color: transparent;
}
.tax-engine .nav-band .nav-tabs > li.active > a {
    background-color: #fff;
}
.tax-engine .nav-band .nav-tabs > li.active > a,
.tax-engine .nav-band .nav-tabs > li.active > a:hover,
.tax-engine .nav-band .nav-tabs > li.active > a:focus {
    border: 0;
    font-weight: 600;
}
.tax-engine .nav-band .nav-tabs > li.active > a::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #2a85fb;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}
.tax-engine .table-fixed {
    table-layout: fixed;
}
.tax-engine .table.tax-summary-table {
    border: 1px solid #ddd;
}
.tax-engine .table.tax-summary-table.reconciliations-table thead > tr > th,
.tax-engine .table.tax-summary-table.reconciliations-table tbody > tr > td {
    border-right: none;
}
.tax-engine .table.tax-summary-table.reconciliations-table thead > tr > th:first-child,
.tax-engine .table.tax-summary-table.reconciliations-table tbody > tr > td:first-child {
    text-align: center;
    vertical-align: middle;
    padding: 13px 25px;
}
.tax-engine .table.tax-summary-table.reconciliations-table thead > tr > th:last-child,
.tax-engine .table.tax-summary-table.reconciliations-table tbody > tr > td:last-child {
    padding: 13px 25px;
}
.tax-engine .table.tax-summary-table thead > tr > th,
.tax-engine .table.tax-summary-table tbody > tr > td {
    text-align: right;
    padding: 5px 10px;
    border-right: 1px solid #ededed;
    font-size: 12px;
}
.tax-engine .table.tax-summary-table thead > tr > th:last-child,
.tax-engine .table.tax-summary-table tbody > tr > td:last-child {
    border-right: none;
}
.tax-engine .table.tax-summary-table thead > tr > th {
    border-bottom: none;
    background-color: #f9f9f9;
    font-weight: 700;
    color: #666;
}
.tax-engine .table.tax-summary-table thead > tr > th:first-child {
    width: 20%;
}
.tax-engine .table.tax-summary-table thead > tr > th:nth-child(2) {
    width: 27%;
}
.tax-engine .gstr3b-page-header {
    margin: 0 auto;
    border: 0;
    max-width: 1000px;
    padding-bottom: 9px;
}
.tax-engine .gstr3b-sel {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.tax-engine .gstr3b-sel input {
    border: 0;
    width: 150px;
    cursor: pointer;
}
.tax-engine .gstr3b-sel input:focus,
.tax-engine .gstr3b-sel input:focus.error {
    outline: 0;
    box-shadow: none !important;
}
.tax-engine .gstr3b-header {
    margin: 25px auto;
    position: relative;
}
.tax-engine .gstr3b-header:before {
    content: "";
    position: absolute;
    border-bottom: 1px solid #eee;
    top: 24px;
    width: 100%;
}
.tax-engine .gstr3b-header .sel-tab {
    border: 1px solid #eee;
    border-radius: 25px;
    overflow: hidden;
    padding: 0;
    position: static;
    max-width: 720px;
    margin: auto;
}
.tax-engine .gstr3b-header .sel-tab .gstr3b-nav {
    padding: 12px 0 12px 18px;
    cursor: pointer;
}
.tax-engine .gstr3b-header .sel-tab a.gstr3b-nav {
    display: block;
    line-height: 21px;
}
.tax-engine .gstr3b-header .sel-tab li {
    list-style-type: none;
    background-color: #fff;
    padding: 0;
}
.tax-engine .gstr3b-header .sel-tab li:before {
    content: " ";
    border-top: 25px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 23px solid #eee;
    position: absolute;
    top: 42%;
    margin-top: -22px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.tax-engine .gstr3b-header .sel-tab li:after {
    content: " ";
    border-top: 25px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 23px solid #fff;
    position: absolute;
    top: 41%;
    margin-top: -21px;
    left: 100%;
    z-index: 2;
}
.tax-engine .gstr3b-header .sel-tab li .gstr9-link {
    color: #428bca;
}
.tax-engine .gstr3b-header .sel-tab li a,
.tax-engine .gstr3b-header .sel-tab li button {
    padding: 0 10px;
    color: #222;
}
.tax-engine .gstr3b-header .sel-tab li a:focus,
.tax-engine .gstr3b-header .sel-tab li button:focus {
    box-shadow: none;
}
.tax-engine .gstr3b-header .sel-tab .active {
    background-color: #2a85fb;
}
.tax-engine .gstr3b-header .sel-tab .active a,
.tax-engine .gstr3b-header .sel-tab .active button {
    color: #fff;
}
.tax-engine .gstr3b-header .sel-tab .active:after {
    border-left: 23px solid #2a85fb;
}
.tax-engine .header-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: -13px;
}
.tax-engine .header-circle.goods {
    background-color: #3f95fc;
}
.tax-engine .header-circle.service {
    background-color: #29cc95;
}
.tax-engine .top-circle {
    position: relative;
    padding: 3px 3px 3px 6px;
    display: inline-block;
}
.tax-engine .caret-right {
    display: inline-block;
    margin-left: 2px;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.tax-engine .icon-info-circled {
    color: #999;
}
.tax-engine .icon-info-circled:hover {
    color: #2a85fb;
}
.tax-engine .warn-icon {
    color: #ffab24;
}
.tax-engine .gstr3b-null {
    background-color: #f5f4f3;
}
.tax-engine .import-sheet {
    height: 600px;
    width: 100%;
}
.tax-engine .import-success {
    max-width: 621px;
    min-height: 353px;
    margin: 50px auto;
    background-size: cover;
    position: relative;
}
.tax-engine .import-success .import-container {
    min-height: 256px;
    border: 1px solid #eee;
    width: 84%;
    margin: 0 auto;
    border-radius: 6px;
    padding: 40px 0 6px;
    background-color: #fff;
}
.tax-engine .import-success .import-container .import-circle {
    position: absolute;
    left: 44%;
    top: 0;
}
.tax-engine .import-success .import-container .text-success {
    color: #37cb4f;
}
.tax-engine .sortable {
    cursor: pointer;
}
.tax-engine .sortable .sort-caret {
    margin-right: 15px;
}
.tax-engine .sortable .sort {
    top: 50%;
}
.tax-engine .sortable .sort .up.caret {
    margin-bottom: -5px;
    border-bottom-color: #fff;
}
.tax-engine .sortable .sort .down.caret {
    border-top-color: #fff;
}
.tax-engine .sortable .sort .caret {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.tax-engine .sort {
    position: absolute;
    margin-left: 5px;
    margin-top: -5px;
}
.tax-engine .sort .caret {
    opacity: 0.3;
}
.tax-engine .sort .up.caret {
    border-bottom: 4px solid #000;
    border-top: 0;
    display: block;
    margin-bottom: -5px;
}
.tax-engine .advanced-filter-flyout {
    position: fixed;
    top: 185px;
    width: 360px;
}
.tax-engine .advanced-filter-flyout .header {
    padding: 20px;
    border-bottom: 1px solid #ededed;
    font-weight: 600;
}
.tax-engine .advanced-filter-flyout .content {
    padding: 35px 30px;
    font-size: 12px;
}
.tax-engine .advanced-filter-flyout .form-group {
    margin-bottom: 25px;
}
.tax-engine .advanced-filter-flyout .col-form-label {
    font-size: 12px;
    text-align: left;
}
.tax-engine .advanced-filter-flyout .form-control {
    font-size: 12px;
    border-radius: 20px;
    height: 26px;
    border-color: #ddd;
    box-shadow: none;
}
.tax-engine .advanced-filter-flyout .cancel-icon {
    cursor: pointer;
    color: #b2b2b2;
    vertical-align: sub;
}
.tax-engine .advanced-filter-flyout .separator::after {
    content: ":";
    position: absolute;
    left: 90%;
    top: 6px;
}
.tax-engine .advanced-filter-flyout .range-dash::after {
    content: "-";
    position: absolute;
    left: 99%;
    top: 6px;
}
.tax-engine .hide-borders {
    border: 0;
}
.tax-engine .skipped-instructions {
    border: 1px solid #eee;
    box-shadow: 0 0 20px 3px #f9f9f9;
    padding: 20px 50px 0 20px;
    border-radius: 10px;
}
.tax-engine .skipped-instructions button {
    margin-top: 20px;
}
.tax-engine .skipped-instructions li {
    padding-bottom: 10px;
}
.tax-engine .submit-checklist {
    padding-inline-start: 15px;
}
.tax-engine .submit-checklist li {
    padding-bottom: 5px;
}
.tax-engine .gst-payment-form .table thead tr th {
    color: #000;
}
.tax-engine .gst-payment-form .table tbody tr:hover {
    background-color: #fafafa;
}
.tax-engine .gst-payment-formlabel {
    padding-bottom: 5px;
}
.tax-engine .gst-payment-form hr {
    margin: 10px 0;
}
.tax-engine .gst-payment-form .pmt-checkbox {
    padding-left: 35px;
}
.tax-engine .gst-payment-form .table.payment-challan thead th {
    background-color: #eee;
    text-align: center;
    color: var(--zf-grey-12);
}
.tax-engine .gst-payment-form .table.payment-challan thead th:first-child {
    width: 16%;
}
.tax-engine .gst-payment-form .table.payment-challan tbody td:first-child {
    vertical-align: middle;
    color: var(--zf-grey-12);
}
.tax-engine .gst-payment-form .table.payment-challan tbody tr:hover {
    background-color: #fff;
}
.tax-engine .account-details-form {
    background-color: #f9fcff;
    margin: 10px -20px !important;
}
.tax-engine .account-details-form .form-header {
    padding: 15px 20px 10px;
    font-weight: 600;
}
.tax-engine svg.icon.icici-pay-icon.status-icon {
    width: 60px;
}
.tax-engine .nav-bar-heading {
    font-size: 18px;
    font-weight: 600;
    padding-left: 15px;
    margin-top: 20px;
}
.tax-engine .validate-gstin {
    position: static;
}
.tax-engine .validate-gstin div {
    display: inline;
}
.tax-engine .scrollbox.payment-tab {
    overflow-y: scroll;
}
.tax-engine .gst-payment-header {
    padding: 15px 40px;
}
.tax-engine .gst-payment-container {
    padding: 0 40px 20px;
}
.tax-engine .gst-payment-container.body {
    top: 130px;
}
.tax-engine .gst-payment-container.body.multigstin-payment-container {
    top: 190px;
}
.tax-engine .gst-payment-container .payment-content {
    width: 85%;
    margin: 0 auto;
    color: #444;
    line-height: 24px;
}
.tax-engine button.close:focus,
.tax-engine button.no-outline:focus {
    outline: 0;
}
.tax-engine .gstin-content {
    margin: 35px 40px 0;
    padding: 20px;
    box-shadow: 0 2px 25px 0 #eee;
}
.tax-engine .gstin-content .gst-returns {
    display: flex;
}
.tax-engine .gstin-content .gst-returns .line {
    display: inline-block;
    border-bottom: 1px solid #ededed;
    width: 100px;
    margin: 4px 0 4px 10px;
}
.tax-engine .gstin-content .gst-returns > div {
    padding: 5px;
}
.tax-engine .gstin-content a {
    color: #408dfb;
}
.tax-engine .gstin-content .status {
    background-color: #fff !important;
    padding-top: 5px;
}
.tax-engine .gstin-content .status::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 5px;
    background-color: #ededed;
    margin-right: 5px;
    margin-bottom: 1px;
}
.tax-engine .gstin-content .return-unfiled {
    color: #eb6100;
}
.tax-engine .gstin-content .return-unfiled::before {
    background-color: #eb6100;
}
.tax-engine .gstin-content .return-submitting {
    color: #2098ff;
}
.tax-engine .gstin-content .return-submitting::before {
    background-color: #2098ff;
}
.tax-engine .gstin-content .return-pending {
    color: #fba800;
}
.tax-engine .gstin-content .return-pending::before {
    background-color: #fba800;
}
.tax-engine .gstin-content .return-approved {
    color: #53b05a;
}
.tax-engine .gstin-content .return-approved::before {
    background-color: #53b05a;
}
.tax-engine .gstin-content .return-filed {
    color: #388a10;
}
.tax-engine .gstin-content .return-filed::before {
    background-color: #388a10;
}
.tax-engine .white-color {
    color: #fff;
}
.tax-engine .text-normal {
    color: #222;
}
.tax-engine label {
    font-weight: 400;
}
.tax-engine .table-nostriped tbody tr:nth-of-type(2n + 1) {
    background-color: transparent;
}
.tax-engine .required {
    color: #b94a48;
}
.tax-engine .body.no-header {
    top: 0;
}
.tax-engine .setup-header-container {
    background-color: #313948;
    position: relative;
    top: -20px;
    padding: 50px 33%;
}
.tax-engine .logo-display {
    max-height: 70px;
    display: inline-block;
}
.tax-engine .separationline {
    border-left: 1px solid #e0e0e0;
    padding-left: 8px;
}
.tax-engine .separationline-right {
    border-right: 1px solid #e0e0e0;
}
.tax-engine .header-band {
    width: 100%;
    border-bottom: 1px solid #eee;
}
.tax-engine .header-band .header-info {
    padding: 17px 35px;
}
.tax-engine .summary-header {
    padding: 21px 25px;
}
.tax-engine .column {
    position: absolute;
    bottom: 0;
    top: 0;
    height: 100%;
}
.tax-engine .column.list-column {
    display: block;
    left: 0;
    width: 390px;
    border-right: 1px solid #ededed;
}
.tax-engine .column.list-column.expanded-list-column {
    right: 0;
    width: auto;
}
.tax-engine .column.list-column + .content-column {
    left: 390px;
}
.tax-engine .column.content-column {
    left: 0;
    right: 0;
}
.tax-engine .column .body {
    top: 80px;
}
.tax-engine .column .nav-band + .body {
    top: 50px;
}
.tax-engine .column .list-header + .nav-band + .body {
    top: 148px;
}
@media (max-width: 1279px) {
    .tax-engine .column.list-column {
        display: none;
    }
    .tax-engine .column.list-column.expanded-list-column {
        display: block;
    }
    .tax-engine .column.list-column + .content-column {
        left: 0;
    }
}
.tax-engine .title {
    padding: 15px 0 10px 15px;
    font-size: 23px;
}
.tax-engine .fill {
    left: 0;
    right: 0;
    position: absolute;
}
.tax-engine .fill.full-width {
    padding: 0;
}
.tax-engine .main-content {
    padding: 35px;
}
.tax-engine .relative-content {
    position: relative;
    height: 73%;
    width: 100%;
}
.tax-engine .body {
    top: 65px;
    right: 0;
    left: 0;
    bottom: 0;
}
.tax-engine .body.small {
    top: 92.7272727273px;
}
.tax-engine .body.large {
    top: 245.28px;
}
.tax-engine .scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.tax-engine .scroll-y {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.tax-engine .dashboard-scroll {
    bottom: 0;
}
.tax-engine .filling-steps-container {
    padding: 30px;
    margin-bottom: 40px;
    background-color: #fffef6;
    border: 1px solid #f5f093;
}
.tax-engine .gs-icon {
    padding-right: 25px;
    margin: 8px 0 30px;
}
.tax-engine .tax-return {
    padding: 50px 30px 50px 80px;
}
.tax-engine .tax-return-details {
    margin-top: 30px;
}
.tax-engine .pending-transactions {
    padding: 20px 15px 20px 90px;
    border-radius: 5px;
    background-color: #fffbe0;
}
.tax-engine .v-margin {
    margin: 30px auto;
}
.tax-engine .status-box {
    padding: 5px 10px;
    border: 1px solid #ededed;
}
.tax-engine .status-box.ready {
    border-color: 1px solid #1da1fc;
    color: #1da1fc;
}
.tax-engine .gsrt2-subheader-section {
    padding: 5px 20px 10px;
}
.tax-engine .gsrt2-subheader-section .gsrt2-subheader {
    padding: 10px 0 15px;
    font-size: 16px;
}
.tax-engine .gstr2-footer {
    border-top: 1px solid #ededed;
    padding: 20px 15px;
}
.tax-engine .return-status {
    padding: 4px 10px;
    background-color: #54a355;
    width: 100px;
    display: inline-block;
    color: #fff;
    text-align: center;
}
.tax-engine .return-status.filed {
    background: #54a355;
    border-color: #356635;
}
.tax-engine .return-status.unfiled {
    background: #fab86e;
    border-color: #f78d15;
}
.tax-engine .return-status.approved {
    background-color: #2c96dd;
    border-color: #1e7ab8;
}
.tax-engine .imgDIV {
    width: 230px;
    max-height: 90px;
    background-color: #fbfbfb;
    border: 1px dashed #ddd;
    position: relative;
    border-radius: 4px;
    float: left;
    padding: 10px;
}
.tax-engine .user-details-row {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
}
.tax-engine .tax-return-info {
    padding: 25px 30px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}
.tax-engine .tax-return-info-container {
    margin: 20px auto;
}
.tax-engine .tax-return-info-item {
    width: 20%;
}
.tax-engine .additional-navs {
    padding: 0 5%;
}
.tax-engine .orgLogoBox {
    max-height: 90px;
    border: 1px dashed #ddd;
    text-align: center;
    padding: 10px;
}
.tax-engine .confirm-icon {
    color: orange;
}
.tax-engine .transactions-reporting-info {
    padding-left: 25px;
}
.tax-engine .reconcile-header {
    padding: 20px 0 20px 30px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
}
.tax-engine .reconciliations-header.header-band .header-info {
    padding: 15px 25px;
}
.tax-engine .reconciled-txn {
    border-bottom: 1px solid #ddd;
    padding: 15px;
}
.tax-engine .approve-txns {
    padding: 15px 25px;
    border-bottom: 1px solid #ededed;
}
.tax-engine .approve-txns .dropdown {
    max-width: 275px;
}
.tax-engine .reconciliation-transactions-info {
    position: relative;
    padding: 20px;
}
.tax-engine .reconciliation-transactions-total {
    padding: 15px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin: 15px 0;
}
.tax-engine .font-light {
    font-weight: 300;
}
.tax-engine .reg-inv-section {
    padding: 22px 0;
    background-color: #fafafa;
    margin: 0;
}
.tax-engine .reg-inv-section .recognized-inv-details {
    padding-top: 8px;
}
.tax-engine .list-filter {
    padding: 20px 20px 18px 20px !important;
    height: 80px;
}
.tax-engine .half {
    width: 50% !important;
}
.tax-engine .gst-nav-band {
    min-height: 65px;
}
.tax-engine .gst-nav-band .nav-item a {
    color: #21263c;
}
.tax-engine .gst-nav-band .nav-item.active {
    background-color: #fff;
    border: 1px solid #ebeaf2;
    box-shadow: 0 6px 12px 0 rgba(215, 213, 226, 0.4);
    border-radius: 12px;
}
.tax-engine .gst-nav-band .nav-item.active a {
    font-weight: 500;
}
.tax-engine .summary-content {
    max-width: 1000px;
    margin: 0 auto 30px auto;
}
.tax-engine .summary-content.update-table {
    max-width: 98%;
}
.tax-engine .summary-content.update-table h4 {
    margin-bottom: 20px;
}
.tax-engine .summary-content .gstr-3b-report.table > thead > tr > td {
    border: 1px solid #adb4c3 !important;
    padding: 6px;
}
.tax-engine .summary-content .gstr-3b-report.table > thead > tr > td:first-child {
    padding-left: 14px;
}
.tax-engine .summary-content .gstr-3b-report.table > thead > tr > td:last-child {
    padding-right: 14px;
}
.tax-engine .summary-content .gstr-3b-report.table > tbody > tr > td {
    font-size: 13px;
    border: 1px solid #adb4c3 !important;
    padding: 6px;
}
.tax-engine .summary-content .gstr-3b-report.table > tbody > tr > td:first-child {
    padding-left: 14px;
}
.tax-engine .summary-content .gstr-3b-report.table > tbody > tr > td:last-child {
    padding-right: 14px;
}
.tax-engine .summary-content .gstr-3b-report .gstr3-subheading > td {
    background-color: #f5f4f3;
}
.tax-engine .summary-content .gstr-3b-user {
    border: 0;
}
.tax-engine .summary-content .gstr-3b-user.table > tbody > tr > td {
    border: 1px solid #adb4c3;
    padding: 10px 30px 10px 10px;
}
.tax-engine .summary-content .gstr-3b-user.table > tbody > tr > td:first-child {
    padding: 10px 0;
    border: 0;
}
.tax-engine .gstr3b li:first-child {
    background-color: #fff;
}
.tax-engine .gstr3b li:first-child a {
    cursor: default;
}
.tax-engine .table.reconciliations-table {
    border-bottom: 1px solid #ededed;
}
.tax-engine .table.reconciliations-table .reconcile-row-action-list {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}
.tax-engine .table.reconciliations-table .reconcile-row-action-list li {
    display: inline-block;
    position: relative;
}
.tax-engine .table.reconciliations-table .reconcile-row-action-list li:not(:first-child) {
    padding-left: 10px;
}
.tax-engine .table.reconciliations-table .reconcile-row-action-list li:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 4px;
    height: 16px;
    border-right: 1px solid #ddd;
}
.tax-engine .table.reconciliations-table .reconcile-row-action {
    color: #777;
    font-size: 12px;
}
.tax-engine .table.reconciliations-table .actions-dropdown {
    position: relative;
    cursor: pointer;
    padding-top: 7px;
}
.tax-engine .table.reconciliations-table .actions-dropdown .dropdown-menu {
    min-width: auto;
}
.tax-engine .table.reconciliations-table .actions-dropdown.open .actions-dropdown-btn {
    border: 1px solid #2a85fb;
}
.tax-engine .table.reconciliations-table .actions-dropdown-btn {
    color: #2a85fb;
}
.tax-engine .table.reconciliations-table .actions-dropdown-btn .caret {
    border-top-color: #2a85fb;
}
.tax-engine .table.reconciliations-table tbody > tr > td.primary-details {
    border-right: 1px solid #ededed;
}
.tax-engine .table.reconciliations-table tbody > tr:hover .reconcile-row-action {
    color: #2a85fb;
}
.tax-engine .table.reconciliations-table tbody > tr:hover .actions-dropdown-btn {
    border: 1px solid #2a85fb;
}
.tax-engine .table.reconciliations-table thead > tr > th,
.tax-engine .table.reconciliations-table tbody > tr > td {
    font-size: 13px;
    padding: 13px;
}
.tax-engine .table.reconciliations-table thead > tr > th:first-child,
.tax-engine .table.reconciliations-table tbody > tr > td:first-child {
    padding: 13px 0 13px 20px;
}
.tax-engine .table.reconciliations-table thead > tr > th:last-child,
.tax-engine .table.reconciliations-table tbody > tr > td:last-child {
    padding-right: 25px;
}
.tax-engine .table.reconciliations-table thead > tr > th {
    border-bottom-width: 1px;
    font-size: 12px;
}
.tax-engine .table.reconciliations-table .recognized-value,
.tax-engine .table.reconciliations-table .unrecognized-value {
    padding-top: 10px;
}
.tax-engine .table.reconciliations-table .unrecognized-value {
    color: #cb1119;
}
.tax-engine textarea {
    resize: none;
}
.tax-engine .modal-xs {
    width: 350px;
}
.tax-engine .modal-sm {
    width: 500px;
}
.tax-engine .modal-md {
    width: 700px;
}
.tax-engine .modal-lg {
    width: 840px;
}
.tax-engine .modal-xlg {
    width: 1030px;
}
.tax-engine .modal-xxlg {
    width: 1200px;
    height: 100%;
}
.tax-engine .modal-center {
    margin-top: 30vh;
}
.tax-engine .modal-header {
    font-size: 18px;
}
.tax-engine .modal-body form .well {
    padding: 8px 20px;
    margin: 20px -20px;
}
.tax-engine .modal-loading {
    min-height: 200px;
}
.tax-engine .modal-header.white-bg {
    background-color: #fff;
}
.tax-engine .highlight-info {
    background-color: #f4f8ff;
}
@media print {
    .tax-engine .modal-xxlg {
        width: 650px;
    }
    .tax-engine .modal {
        position: relative;
    }
}
.tax-engine svg.icon.attention {
    fill: #e09412;
}
.tax-engine svg.icon.match-empty-icon {
    width: 200px;
    height: 60px;
}
.tax-engine svg.icon.gstr-icon {
    width: 42px;
    height: 42px;
}
.tax-engine svg.icon.icon-push-failed {
    width: 150px;
    height: 150px;
    color: #ffedb6;
}
.tax-engine .spin {
    -moz-animation: spinner 1s infinite linear;
    -o-animation: spinner 1s infinite linear;
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    display: inline-block;
    height: 17px;
    margin-right: 5px;
}
@-moz-keyframes spinner {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spinner {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes spinner {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.tax-engine .summary-details {
    min-width: 650px;
    margin: auto;
}
.tax-engine .summary-details .details-container {
    position: relative;
    margin-bottom: 100px;
    max-width: 80%;
    margin: auto;
    box-shadow: none;
}
.tax-engine .clearfix:before,
.tax-engine .clearfix:after {
    content: " ";
    display: table;
}
.tax-engine .summary-template {
    box-shadow: 0 0 6px #ccc;
    color: #333;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
}
.tax-engine .summary-template .ribbon {
    width: 126px;
    height: 124px;
}
.tax-engine .summary-template .ribbon-inner {
    top: 39px;
    left: -37px;
    width: 184px;
}
.tax-engine .summary-template-body {
    padding: 0 1% 0 7%;
    font-size: 14px;
}
.tax-engine .return-summary {
    padding: 30px 0;
}
.tax-engine .return-summary .ttl-tax {
    font-weight: 700;
    font-size: 14pt;
    color: #5497f6;
}
.tax-engine .summary-item-body > tr {
    page-break-inside: avoid;
    page-break-after: auto;
}
.tax-engine .summary-item-body > tr:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.tax-engine .summary-item-row {
    font-size: 14px;
    background-color: #fff;
    color: #333;
    padding: 15px 10px 15px 10px;
}
.tax-engine .summary-item-row:first-child {
    padding-left: 20px;
}
.tax-engine .summary-item-row:last-child {
    padding-right: 20px;
}
.tax-engine .summary-item-row:not(:last-child) {
    border-right: 1px solid #ddd;
}
.tax-engine .summary-status {
    color: #2a85fb;
    font-size: 15pt;
    border: 3px solid;
    padding: 3px 8px;
}
.tax-engine .entity-title {
    font-size: 16pt;
    color: #333;
    margin: 28px 10px 28px 0;
    padding-left: 0;
}
.tax-engine .amd-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    color: #333;
    margin-bottom: 40px;
    padding: 0 20px;
}
.tax-engine .amd-entity-title {
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 13pt;
    color: #333;
    top: 93%;
    margin-bottom: 40px;
}
.tax-engine .amd-entity-title:before {
    content: "";
    display: block;
    border-top: 1px solid #eee;
    width: 100%;
    height: 1pt;
    position: absolute;
    top: 93%;
    font-size: 1pt;
}
.tax-engine .amd-entity-title span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    font-size: 26px;
}
.tax-engine .summary-itemtable {
    table-layout: fixed;
    width: 100%;
}
.tax-engine .summary-itemtable-header {
    font-size: 13px;
    color: #222;
    background-color: #f7f7f7;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    font-weight: 300;
}
.tax-engine .summary-itemtable-header:first-child {
    padding-left: 20px;
}
.tax-engine .summary-itemtable-header:last-child {
    padding-right: 20px;
}
.tax-engine .summary-itemtable-header:not(:last-child) {
    border-right: 1px solid #ddd;
}
.tax-engine .gstr9-transaction {
    table-layout: auto;
    width: 100%;
}
.tax-engine .gstr3b-detail .summary-itemtable-header {
    border-right: none;
    font-weight: 600;
}
.tax-engine .gstr3b-detail .btn-link {
    color: #428bca;
}
.tax-engine .gstr3b-detail .summary-item-row {
    border: 0;
}
.tax-engine .gstr3b-detail .summary-item-row .diff-on-hover {
    position: relative;
}
.tax-engine .gstr3b-detail .summary-item-row:hover .diff-on-hover::before {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 34px;
    left: 20%;
    background-color: #fff;
    border: solid 1px #eee;
    border-right: 0;
    border-bottom: 0;
    transform: rotateZ(45deg);
    z-index: 3;
}
.tax-engine .gstr3b-detail .summary-item-row:hover .diff-on-hover::after {
    content: attr(data-autocalulated) "\a"attr(data-zohobooks);
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    border: 1px solid #eee;
    border-radius: 2px;
    background-color: #fff;
    padding: 5px 10px;
    top: 40px;
    z-index: 2;
    box-shadow: 0 0 8px 1px #eee;
    white-space: pre;
}
.tax-engine .gstr3b-detail .summary-item-row:hover .diff-on-hover input {
    border-color: #66afe9;
}
.tax-engine .gstr-return-info {
    width: 100%;
    margin: 10px 0;
}
.tax-engine .gstr-return-info tr td {
    padding: 5px;
    width: 50%;
}
.tax-engine .gstr-org-info {
    width: 95%;
    margin-top: 25px;
}
.tax-engine .gstr-org-info tr td {
    padding: 0;
}
.tax-engine .gstr3-filing-procedure {
    margin-bottom: 50px;
}
.tax-engine .gstr3-filing-procedure > div.primary-section {
    padding: 20px 50px 10px;
    max-width: 903px;
    margin: 0 auto;
}
.tax-engine .gstr3-filing-procedure .gst-payment-info.alert-warning svg {
    fill: #e59652;
}
.tax-engine .gstr3-filing-procedure.gst-payment .payment-section {
    margin: 25px 0;
    padding: 0 35px;
}
.tax-engine .gstr3-filing-procedure.gst-payment .recent-payment-section {
    padding: 0;
    box-shadow: none;
}
.tax-engine .gstr3-filing-procedure.gst-payment .recent-payment-section .gst-payment-form {
    padding: 15px 25px;
}
.tax-engine .gstr3-filing-procedure.gst-payment .recent-payment-section .recent-payment-accordion {
    box-shadow: 1px 1px 8px #ccc;
}
.tax-engine .gstr3-filing-procedure.gst-payment .recent-payment-section .recent-payment-accordion th {
    border-top: none;
}
.tax-engine .or-section {
    width: fit-content;
    text-align: center;
    align-self: center;
    margin-left: -10px;
    background-color: #fff;
    color: #aaa;
    text-transform: uppercase;
    z-index: 2;
}
.tax-engine .gstr3-points {
    border-left: none;
    padding-left: 0;
}
.tax-engine .gstr3-points > div {
    margin: 15px 30px;
}
.tax-engine .gstr3-points a {
    color: #2799fb;
}
.tax-engine .gstr3-points a .caret-right {
    color: #bbb;
}
.tax-engine .gstr3-points .point {
    background-color: #2799fb;
    color: #fff;
    width: 22px;
    height: 22px;
    padding-top: 3px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin: 0 8px 0 -30px;
}
.tax-engine .pushed-txn-filter.list-title {
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
}
.tax-engine .last-push-warning {
    max-width: 52%;
    margin: auto;
}
.tax-engine .last-push-warning > svg {
    margin-top: 9px;
}
.tax-engine .alert-failed-push {
    background: #fff4e7;
    color: #9e7837;
    border: 0;
    margin: 0;
}
.tax-engine .gst1-unfile-text {
    display: inline-block;
    padding-bottom: 30px;
    margin-top: -20px;
}
.tax-engine .self-invoice-summary {
    display: inline-block;
}
.tax-engine .gstr3b-filing {
    padding: 5px 15px;
}
.tax-engine .gstr3b-filing ul {
    padding-left: 0;
}
.tax-engine .gstr3b-filing ul li {
    margin: 7px 0 0;
}
.tax-engine .gstr3b-form {
    padding: 5px 23px;
    margin: 0 -20px;
}
.tax-engine .nav-band .nav-tabs .comment-btn {
    padding: 14px 30px;
    font-size: 14px;
    color: inherit;
}
.tax-engine .nav-band .nav-tabs .comment-btn:hover {
    background-color: inherit;
}
.tax-engine .comments-history-column {
    border-left: 1px solid #ccc;
    top: 0;
    left: 100%;
    z-index: 60;
    overflow: hidden;
    background-color: #fff;
    transition: left 0.3s ease-in-out;
}
.tax-engine .comments-history-column.comments-expanded {
    font-size: 14px;
    font-weight: 500;
    width: 26%;
    left: 74%;
}
.tax-engine .comments-history-column.comments-expanded .body {
    margin-top: 68px;
    padding: 40px 10px 0;
    overflow-x: hidden;
}
.tax-engine .comments-history-column .add-comment {
    padding: 20px 15px 15px;
    background: #f6fbff;
}
.tax-engine .comments-history-column .comment-icon {
    margin-left: 5.5px;
    vertical-align: middle;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
}
.tax-engine .comments-history-column .btn-group {
    margin-top: -5px;
}
.tax-engine .comments-history-column .label-comment {
    color: #444;
}
.tax-engine .comments-history-column .list-unstyled {
    position: absolute;
    left: 10px;
    right: 0;
}
.tax-engine .comments-history-column .row {
    padding-bottom: 20px;
}
.tax-engine .comments-history-column .row:hover .icon-trash {
    color: #337ab7;
}
.tax-engine .comments-history-column .comment {
    white-space: pre-line;
}
.tax-engine .comments-history-column .icon-cancel-circled {
    position: relative;
    margin: 0;
    color: #d64830;
}
.tax-engine .comments-history-column .txn-comment-icon {
    width: 25px;
    height: 25px;
    position: relative;
    margin-left: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #2fadef;
    z-index: 2;
    padding-top: 1px;
}
.tax-engine .comments-history-column ul li:not(:first-child)::before {
    content: "";
    border-left: 1px solid #dadada;
    position: absolute;
    left: 17px;
    top: 25px;
    bottom: 75px;
}
.tax-engine .comments-history-column .icon-comment {
    color: #fff;
}
.tax-engine .gstr-transaction-edit.body {
    top: 0;
    bottom: 60px;
}
.tax-engine .gstr-transaction-edit .invoice-template-container {
    margin: 40px auto;
    max-width: 820px;
}
.tax-engine .gstr-transaction-edit .invoice-template {
    padding: 80px 30px;
    min-height: 800px;
    box-shadow: 0 0 6px #ccc;
    position: relative;
}
.tax-engine .gstr-transaction-edit .invoice-template.stretch-template {
    max-width: 850px;
    padding: 0;
}
.tax-engine .gstr-transaction-edit .invoice-legend {
    max-width: 820px;
    margin: 10px auto;
}
.tax-engine .gstr-transaction-edit .invoice-common-details {
    width: 100%;
}
.tax-engine .gstr-transaction-edit .invoice-common-details .invoice-number {
    color: #555;
    font-weight: 700;
    padding: 0 23px;
    font-size: 28px;
}
.tax-engine .gstr-transaction-edit .invoice-common-details > tbody > tr > td {
    width: 50%;
}
.tax-engine .gstr-transaction-edit .invoice-details-info {
    width: 100%;
}
.tax-engine .gstr-transaction-edit .invoice-details-info tbody > tr > td {
    width: 50%;
    padding: 10px;
}
.tax-engine .gstr-transaction-edit .invoice-details-info .tax-detail {
    padding: 10px 10px;
}
.tax-engine .gstr-transaction-edit .invoice-total {
    background-color: #f5f4f3;
    padding: 10px 10px;
}
.tax-engine .gstr-transaction-edit .item-table {
    width: 100%;
    margin-top: 5px;
}
.tax-engine .gstr-transaction-edit .item-table > thead {
    color: #fff;
    font-weight: 400;
    background-color: #1d1e2e;
}
.tax-engine .gstr-transaction-edit .item-table > thead > tr > th {
    padding: 10px;
    font-weight: 500;
}
.tax-engine .gstr-transaction-edit .item-table > thead > tr > th:first-child {
    padding-left: 20px;
}
.tax-engine .gstr-transaction-edit .item-table tbody > tr {
    font-size: 13px;
}
.tax-engine .gstr-transaction-edit .item-table tbody > tr > td {
    padding: 12px 10px;
    vertical-align: top;
}
.tax-engine .gstr-transaction-edit .item-table tbody > tr > td:first-child {
    padding-left: 20px;
}
.tax-engine .gstr-transaction-edit .item-table tbody > tr:last-child {
    border-bottom: 1px solid #f2f2f2;
}
.tax-engine .gstr-transaction-edit .tax-summary {
    margin-top: 20px;
}
.tax-engine .gstr-transaction-edit .tax-summary thead > tr > th,
.tax-engine .gstr-transaction-edit .tax-summary tbody > tr > td {
    text-align: center;
    font-size: 12px;
}
.tax-engine .gstr-transaction-edit .tax-summary tbody > tr:last-child {
    border-bottom: none;
}
.tax-engine .gstr-transaction-edit .invoice-edit {
    margin: 30px;
    max-width: 1100px;
}
.tax-engine .gstr-transaction-edit .invoice-edit > .form-group {
    margin-bottom: 25px;
}
.tax-engine .gstr-transaction-edit .invoice-edit > .form-group > .col-form-label {
    text-align: left;
}
.tax-engine .gstr-transaction-edit .invoice-edit > .form-group > .reverse-charge {
    font-weight: 400;
    user-select: none;
}
.tax-engine .gstr-transaction-edit .line-item-table > .line-item-header .line-item-column {
    padding: 8px 10px;
    color: #666;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    vertical-align: top;
    font-weight: 600;
}
.tax-engine .gstr-transaction-edit .line-item-table .line-item-column .form-control {
    padding: 5px 8px;
}
.tax-engine .gstr-transaction-edit .line-item-table .line-item-column.gstr2-tax {
    width: 10%;
}
.tax-engine .gstr-transaction-edit .line-item-table .line-item-column .tax-field {
    padding: 5px 7px;
    font-size: 11px;
    background-color: #fff;
}
.tax-engine .gstr-transaction-edit .line-item-table .line-item-column .tax-percent-btn {
    background-color: #fbfbfb;
    border-radius: 0;
    border: 1px solid #f3f3f3;
    margin: 2px;
    font-size: 10px;
    line-height: 10px;
    padding: 4px;
    color: #333;
    width: 50px;
    height: 27px;
}
.tax-engine .gstr-transaction-edit .line-item-table .line-item-column .tax-percent-btn .caret {
    border-width: 3px;
    border-bottom-width: 0;
}
.tax-engine .gstr-transaction-edit .line-item-table .line-item-column .tax-percent-field {
    padding: 0;
    height: auto;
    font-size: 11px;
    background-color: transparent;
    width: 70%;
}
.tax-engine .gstr-transaction-edit .line-item-table .line-item-column .dropdown-menu {
    min-width: 100%;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td {
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    vertical-align: top;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td input {
    border-color: transparent;
    box-shadow: none;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td.item-amount {
    background-color: #fbfbfb;
    padding: 5px 10px;
    color: #666;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td .input-group {
    width: 100%;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td .popover {
    padding: 0;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td .popover .arrow::after {
    border-bottom-color: #f7f7f7;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td .popover .form-control {
    border-color: #ccc;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > td .popover .form-control:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > .item-type {
    text-align: left;
}
.tax-engine .gstr-transaction-edit .line-item-table > tbody > tr > .item-type .ac-box .ac-selected {
    border-color: transparent;
    box-shadow: none;
}
.tax-engine .gstr-transaction-edit .add-line-item {
    margin-top: 15px;
}
.tax-engine .gstr-transaction-edit .add-line-item > .btn {
    font-size: 14px;
    padding: 6px;
}
.tax-engine .gstr-transaction-edit .total-section {
    padding-right: 40px;
}
.tax-engine .gstr-transaction-edit .total-section .total-label {
    display: inline-block;
    color: #666;
    width: 70%;
    border-top: 1px solid #eee;
    padding: 14px 1%;
}
.tax-engine .gstr-transaction-edit .total-section .total-amount {
    padding: 10px 1.5%;
    border-top: 1px solid #eee;
    width: 30%;
    color: #666;
    float: right;
}
.tax-engine .gstr-transaction-edit .btn-toolbar .btn {
    padding: 5px 12px;
}
.tax-engine .gstr-transaction-edit .invoice-close-details {
    float: right;
    padding: 25px 0 21px 21px;
    cursor: pointer;
    color: #777;
    margin-top: -20px;
    margin-left: 20px;
}
.tax-engine .gstr-transaction-edit .invoice-header {
    padding: 25px 30px;
    height: 80px;
    border-bottom: 1px solid #ddd;
}
.tax-engine .gstr-transaction-edit .invoice-header > h3 {
    margin: 0;
}
.tax-engine .gstr-transaction-edit.invoice-details {
    box-shadow: -3px 0 5px rgba(0, 0, 0, 0.1);
    z-index: 100;
}
.tax-engine .text-underline,
.tax-engine .pagetips-show-more:hover .show-all,
.pagetips-show-more:hover .tax-engine .show-all {
    padding: 0 !important;
    border-bottom: 1px solid #8b8b8b;
}
.tax-engine .advnce-detail {
    color: #fff;
    padding: 15px 21px 60px;
    background-size: cover;
    border-radius: 7px;
}
.tax-engine .advnce-top {
    margin: 25px 13px;
    display: inline-block;
    vertical-align: middle;
}
.tax-engine .menu {
    width: 30% !important;
}
.tax-engine .header-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: -13px;
}
.tax-engine .header-circle.goods {
    background-color: #3f95fc;
}
.tax-engine .header-circle.service {
    background-color: #29cc95;
}
.tax-engine .top-circle {
    position: relative;
    padding: 2px 3px 3px 6px;
    display: inline-block;
}
.tax-engine .top-circle .header-circle {
    left: -1px;
}
.tax-engine .overview-section {
    padding: 30px;
}
.tax-engine .overview-section .table {
    box-shadow: 0 1px 25px 5px #f7f7f7;
}
.tax-engine .overview-section .table:hover {
    box-shadow: 0 0 25px 4px #f1f1f1;
}
.tax-engine .chart-row {
    padding: 12px;
    border-bottom: 1px solid #efefef;
}
.tax-engine .text-red {
    color: #db584b !important;
}
.tax-engine .text-open {
    color: #2c96dd;
}
.tax-engine .text-fulfilled {
    color: #57b729;
}
.tax-engine .summary-table-container {
    margin: 50px;
}
.tax-engine .summary-table-container .table {
    border: 1px solid #ededed;
}
.tax-engine .summary-table-container .table thead:first-child tr:first-child th {
    border-top: none;
}
.tax-engine .transactions-overview .transaction-info {
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}
.tax-engine .transactions-overview .transaction-info:hover {
    border: 1px solid #eee;
    box-shadow: 0 0 20px 3px #f9f9f9;
}
.tax-engine .transactions-overview .unpushed-title {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}
.tax-engine .transactions-overview .unpushed-title.horizontal-line::after {
    content: " ";
    border-bottom: 1px solid #ededed;
    position: absolute;
    left: 220px;
    right: 0;
    top: 45%;
}
.tax-engine .transactions-overview > hr {
    margin: 10px;
}
.tax-engine .transactions-overview .gstr-reconciliations-summary {
    padding: 20px 35px;
}
.tax-engine .transactions-overview .gstr-reconciliations-summary .title {
    padding: 10px 15px 20px 0;
    font-weight: 600;
    font-size: 14px;
}
.tax-engine .transactions-overview .gstr-transactions-summary {
    padding: 20px 26px;
}
.tax-engine .transactions-overview .gstr-transactions-summary .title {
    padding: 10px 0 20px;
    font-weight: 600;
    font-size: 14px;
}
.tax-engine .transactions-overview .gstr-transactions-summary .transactions-table {
    border: 1px solid #ededed;
}
.tax-engine .gst-txn-summary-table tbody > tr > td {
    max-width: 160px;
    font-size: 14px;
    padding: 16px;
    vertical-align: middle;
}
.tax-engine .gst-txn-summary-table thead tr:first-child th {
    padding: 16px;
    font-size: 13px;
}
.tax-engine .gst-txn-summary-table tbody tr {
    background: 0 0 !important;
}
.tax-engine .gst-txn-summary-table tbody tr:hover {
    background: #f9f9fb !important;
}
.tax-engine .gst-txn-summary-table input {
    border: 1px solid #d7d5e2 !important;
}
.tax-engine .push-filing-coming-soon {
    width: 250px;
    height: 250px;
}
.tax-engine .filing-steps {
    padding-left: 10px;
    margin-bottom: 15px;
}
.tax-engine svg.icon.filing-step-icon {
    width: 80px;
    height: 80px;
    margin-right: 5px;
}
.tax-engine .empty-return-row .filing-steps:not(:last-child)::after {
    content: url(images/arrow-wave-b8a9b90d1b.svg);
    display: block;
    position: absolute;
    left: 65%;
    top: 20px;
    width: 70%;
}
.tax-engine .sub-filter-nav-band ul {
    list-style: none;
    margin-bottom: 0;
}
.tax-engine .sub-filter-nav-band ul > li {
    display: inline-block;
}
.tax-engine .sub-filter-nav-band ul > li .count {
    color: #cb1119;
}
.tax-engine .sub-filter-nav-band ul > li > a {
    cursor: pointer;
    font-style: italic;
    padding: 14px 25px;
    font-size: 15px;
}
.tax-engine .sub-filter-nav-band ul > li > a:hover,
.tax-engine .sub-filter-nav-band ul > li > a:focus {
    background-color: transparent;
}
.tax-engine .sub-filter-nav-band ul > li.active > a {
    color: #222;
    font-weight: 600;
}
.tax-engine .sub-filter-nav-band ul > li.active > a .count {
    color: #222;
}
.tax-engine .sub-filter-nav-band ul > li.active:after {
    content: "";
    display: block;
    border-bottom: 2px solid #2a85fb;
    width: 55%;
    margin: auto;
}
.tax-engine .sub-filter-nav-band ul .nav-link.active::after {
    top: 9px;
    height: 4px;
}
.tax-engine .sub-filter-nav-band.reconciliation-type-band ul > li:last-child {
    margin-left: auto;
}
.tax-engine .doc-content-table tbody tr:last-child td {
    border-bottom: none;
}
.tax-engine .doc-content-table tbody td:first-child {
    border-left: none;
}
.tax-engine .filing-due-date {
    margin: 10px 0 25px;
}
.tax-engine .filing-due-date .return-details {
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}
.tax-engine .filing-due-date .return-details > table {
    width: 100%;
    font-size: 13px;
}
.tax-engine .filing-due-date .return-details > table > tbody > tr > td:first-child {
    padding: 10px 15px;
    vertical-align: top;
}
.tax-engine .filing-due-date .return-details > table > tbody > tr > td:first-child::before {
    content: " ";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    background-color: #41aaff;
}
.tax-engine .filing-due-date .return-details > table > tbody > tr > td:last-child {
    padding: 10px 15px;
    text-align: right;
}
.tax-engine .invoice-due-date {
    position: relative;
    margin-top: 10px;
}
.tax-engine .invoice-due-date .due-date {
    position: absolute;
    bottom: -5px;
    left: 30px;
    color: #000;
}
.tax-engine .invoice-due-date p:first-child {
    margin-bottom: 0;
}
.tax-engine .invoice-due-date span {
    color: #000;
}
@media (max-width: 1140px) {
    .tax-engine .filing-due-date {
        display: none;
    }
}
.tax-engine .enable-api-access-modal .modal-body,
.tax-engine .enable-api-access-modal .modal-header,
.tax-engine .enable-api-access-modal .modal-footer {
    padding: 20px 30px;
}
.tax-engine .enable-api-access-title {
    font-size: 16px;
    margin-left: -10px;
    font-weight: 400;
}
.tax-engine .enable-api-access-description {
    margin-left: -10px;
    margin-bottom: 35px;
}
.tax-engine .enable-api-access-content {
    padding: 0 20px;
}
.tax-engine .modal-body .enable-api-access-content {
    padding: 0 10px;
}
.tax-engine .filing-list .gstr3-points {
    border-left: 0;
    padding-left: 0;
    margin-bottom: 25px;
}
.tax-engine .filing-list .gstr3-points div {
    margin: 0 0 10px;
}
.tax-engine .filing-list .enable-api-access-description {
    margin-bottom: 25px;
}
.tax-engine .submit-warning {
    color: #222;
}
.tax-engine .submit-warning.alert {
    margin-bottom: 30px;
    padding: 20px;
}
.tax-engine .submit-warning > ul {
    padding-left: 0;
}
.tax-engine .submit-warning > ul > li {
    list-style-type: none;
    margin-bottom: 10px;
}
.tax-engine .filing-demo-video {
    padding: 10px;
    display: block;
    border-radius: 2px;
    margin-bottom: 12px;
    color: #408dfb;
}
.tax-engine .filing-demo-video .video-thumbnail {
    display: inline-block;
}
.tax-engine .filing-demo-video .video-thumbnail > svg {
    width: 60px;
    height: 40px;
}
.tax-engine .filing-demo-video .video-desc {
    display: inline-block;
    padding-left: 5px;
}
.tax-engine .filing-demo-video .video-desc > label {
    font-size: 10px;
}
.tax-engine .push-progress {
    display: inline-block;
    padding: 5px 15px;
    font-size: 13px;
    vertical-align: middle;
    color: #ff8701;
}
.tax-engine .push-progress svg {
    vertical-align: sub;
}
.tax-engine .reconciliation-accepted {
    color: #39c296;
}
.tax-engine .reconciliation-rejected {
    color: #f75398;
}
.tax-engine .reconciliation-modified {
    color: #b590ff;
}
.tax-engine .reconciliation-pending {
    color: #fa9c00;
}
.tax-engine .usb-steps {
    padding-left: 20px;
    margin: 0;
}
.tax-engine .usb-steps li {
    color: #2a85fb;
    padding: 5px 0;
}
.tax-engine .usb-steps li span {
    color: #000;
}
.tax-engine .return-warning {
    background-color: #fbfbfb;
    padding: 20px;
}
.tax-engine .return-warning .form-group {
    margin-left: 0;
}
.tax-engine .submit-alert {
    border: 0;
    font-size: 16px;
}
.tax-engine .alert.submit-alert {
    margin-bottom: 0;
}
.tax-engine .submit-alert-list {
    padding: 15px 0;
    margin: 0 30px;
    border-bottom: 1px solid #eee;
}
.tax-engine .submit-alert-list ul {
    padding-left: 20px;
    margin: 0;
}
.tax-engine .submit-alert-list ul li {
    padding: 5px 0;
}
.tax-engine .sign-using-evc {
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
}
.tax-engine .transactions-details-band {
    position: relative;
    min-height: 83px;
    margin: 0 -20px;
    z-index: 9;
    font-size: 13px;
}
.tax-engine .transactions-details-band .transaction-details .nav-tabs {
    border-bottom: 1px solid #ebebeb;
}
.tax-engine .transactions-details-band .transaction-details .nav-tabs > li {
    font-size: 11px;
}
.tax-engine .transactions-details-band .transaction-details .nav-tabs > li > a:hover,
.tax-engine .transactions-details-band .transaction-details .nav-tabs > li > a {
    margin: 0;
    border: 0;
    border-top: 3px solid #fff;
    padding: 10px 20px;
    background-color: inherit;
}
.tax-engine .transactions-details-band .transaction-details .nav-tabs > li.active > a,
.tax-engine .transactions-details-band .transaction-details .nav-tabs > li.active > a:hover,
.tax-engine .transactions-details-band .transaction-details .nav-tabs > li.active > a:focus {
    border-top: 3px solid #2fa3e6;
    border-right: 1px solid #ebebeb;
    border-bottom: none;
    border-left: 1px solid #ebebeb;
    background-color: #fbfafa;
}
.tax-engine .transactions-details-band .transaction-details .tab-content {
    border-bottom: 1px solid #ebebeb;
    padding: 0 12px;
    background-color: #fbfafa;
}
.tax-engine .transactions-details-band .transaction-details .tab-content .table {
    margin-bottom: 0;
}
.tax-engine .transactions-details-band .transaction-details .tab-content .empty-details {
    padding: 30px;
}
.tax-engine .transactions-details-band .transaction-details .zi-table {
    border-bottom: none;
}
.tax-engine .transactions-details-band .transaction-details .zi-table.table tbody > tr:first-child > td {
    border-top: 0;
}
.tax-engine .transactions-details-band .transaction-details .zi-table.table tbody > tr > td {
    padding: 12px 7px;
}
.tax-engine .transactions-details-band .transaction-details .zi-table.table tbody > tr > .empty-details {
    padding: 20px 7px;
}
.tax-engine .transactions-details-band .transaction-details .zi-table.table thead:first-child tr:first-child th {
    border-top: none;
    font-size: 11px;
    border-bottom: 1px solid #ededed;
    color: var(--zf-grey-12);
    background-color: inherit;
    padding-top: 15px;
    padding-bottom: 5px;
}
.tax-engine .transactions-details-band .transaction-details .zi-table.table tbody > tr:last-child > td {
    padding: 12px 7px 20px;
}
.tax-engine .expense-details {
    margin-top: 30px;
    display: table;
}
.tax-engine .receipt-details {
    display: table-cell;
    vertical-align: top;
    width: 600px;
}
.tax-engine .receipt-details .badge {
    border-radius: 0;
    margin-top: 25px;
    background-color: #c5e3ec;
}
.tax-engine .receipt-details .details-item > div {
    padding-top: 10px;
}
.tax-engine .comments-history {
    padding: 20px 20px 5px;
}
.tax-engine .comments-history .txn-comment-icon {
    background: #f6fbff;
    border-color: #d3dce4;
    position: relative;
    z-index: 2;
}
.tax-engine .comments-history ul li {
    position: relative;
}
.tax-engine .comments-history ul li:before {
    content: "";
    border-left: 1px solid #e4e4e4;
    position: absolute;
    left: 153px;
    top: 0;
    bottom: 0;
}
.tax-engine .comments-history ul li:last-child:before {
    bottom: 100%;
}
.tax-engine .comments-history ul .comment-section {
    width: calc(100% - 140px);
}
.tax-engine .comments-history ul .comment-section .comment {
    padding-top: 2px;
}
.tax-engine .comments-history ul .date-section {
    padding-right: 10px;
    padding-top: 5px;
    width: 140px;
}
.tax-engine .comments-history .icon-journal_entry {
    color: #e6aa08;
}
.tax-engine .comments-history .icon-invoice_edit {
    color: #e29a00;
}
.tax-engine .comments-history .payment {
    color: #6ca76b;
}
.tax-engine .comments-history .icon-comment {
    color: #7ab2cc;
}
.tax-engine .comment-container {
    background-color: #fbfbfb;
    border-bottom: 1px solid #efefef;
}
.tax-engine .circle-box {
    border: 1px solid #ededed;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 1.7;
}
.tax-engine .boe-details {
    padding: 35px;
    border: 0;
}
.tax-engine .boe-details .boe-title-block {
    padding: 0 0 50px;
    text-align: center;
}
.tax-engine .boe-details .boe-title-block .boe-title {
    border-bottom: 1px solid #eee;
}
.tax-engine .boe-details .boe-total-amount {
    text-align: center;
    color: #fff;
    background: #78ae54;
    padding: 34px 5px;
    font-size: 15px;
}
.tax-engine .boe-details .boe-table {
    margin: 50px auto 25px;
}
.tax-engine .boe-details .boe-table thead > tr > th {
    color: #333;
    background: #eff0f1;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
}
.tax-engine .boe-total-border {
    background: #fbfafa;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-top: 30px;
    color: #222;
}
.stepper {
    height: 34px;
    width: 120px;
    padding: 9px 0;
    border: 1px solid #d7d5e2;
    border-radius: 6px;
}
.stepper button {
    padding: 0;
}
.stepper input:focus.error {
    border: 0;
    box-shadow: none;
}
.stepper svg {
    fill: #d7d5e2;
    display: block;
}
.stepper:hover {
    border: 1px solid #408dfb;
}
.stepper:hover svg {
    fill: #408dfb;
}
.stepper:hover button {
    background-color: #408dfb;
}
.stepper:focus {
    outline: 0;
}
.stepper input {
    height: 16px;
    width: 48px;
    font-size: 13px;
    font-weight: 500;
    color: #21263c;
    border: 0;
    outline: 0;
    padding: 0;
}
.stepper:focus-within {
    border: 1px solid #408dfb;
    box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
}
.stepper:focus-within svg {
    fill: #408dfb;
}
.stepper:focus-within button {
    background-color: #408dfb;
}
.stepper > button {
    height: 16px;
    width: 16px;
    border: 0;
    border-radius: 100%;
    outline: 0;
}
.finance-app .ui-rte-suggestion-item-list {
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    height: auto;
    font-size: 13px;
    border-radius: 8;
    background-color: #000;
}
.finance-app .ui-rte-suggestion-item:hover {
    background-color: #2098ff;
}
.finance-app .ui-rte-suggestion-item:hover .full-name {
    color: #fff;
}
.finance-app .ui-rte-suggestion-item:hover .email-id {
    color: #fff;
    opacity: 0.8;
}
.finance-app .ac-dropdown-results {
    border-radius: 8px;
}
.finance-app .ui-rte-suggestion-item {
    padding-left: 7px;
}
.finance-app .ui-rte-suggestion-item .email-id {
    white-space: nowrap;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.finance-app .suggestion-item-active {
    background-color: #2098ff;
}
.rte-mention-tooltip .mention-popup {
    display: inline-block;
    background-color: #fff;
    border-radius: 14px;
    width: 350px;
    z-index: 1000;
}
.rte-mention-tooltip .details {
    color: #4c526c;
    padding: 2px;
}
.rte-mention-tooltip svg {
    height: 15px;
    width: 15px;
    fill: #5774aa;
}
.rte-mention-tooltip .mention-popup strong {
    font-weight: 400;
}
.w-15 {
    width: 15px;
}
.scrollbox {
    background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)), 0 100%, radial-gradient(farthest-corner at 50% 0, rgba(0, 0, 0, 0.1), transparent), 0 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100% 40px, 100% 40px, 100% 4px, 100% 4px;
    background-attachment: local, local, scroll, scroll;
}
.scrollbox-gray {
    background: linear-gradient(#eee 30%, rgba(255, 255, 255, 0)), 0 100%, radial-gradient(farthest-corner at 50% 0, rgba(0, 0, 0, 0.1), transparent), 0 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100% 40px, 100% 40px, 100% 4px, 100% 4px;
    background-attachment: local, local, scroll, scroll;
}
.table-top th:after {
    border-top: none !important;
}
.topgrad {
    background-color: #f8f7f7;
}
.topgrad .sort-by {
    font-size: 11px;
    text-transform: uppercase;
    padding: 2px 0 3px 14px;
}
.letter-spacing-5 {
    letter-spacing: 0.5px;
}
.letter-spacing-9 {
    letter-spacing: 0.9px;
}
.dropright .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
}
.multi-level .dropdown-submenu {
    position: relative;
}
.multi-level .dropdown-submenu a.dropdown-toggle {
    box-shadow: none;
}
.multi-level .dropdown-submenu .dropdown-menu {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: -6px;
    min-width: 150px;
    transition: 0.2s ease;
}
legend.details {
    color: #08c;
}
.btn.active {
    box-shadow: none;
}
.advance-inv-pending-bg {
    background-color: var(--zf-orange-18);
}
.advance-inv-success-bg {
    background-color: #eef8f1;
}
.fill-container .zi-table {
    border-left: none;
    border-right: none;
}
.fill-container .zi-table tr th:first-of-type,
.fill-container .zi-table tr td:first-of-type {
    padding-left: 20px;
}
.fill-container .zi-table tr th:last-of-type,
.fill-container .zi-table tr td:last-of-type {
    padding-right: 30px;
}
.fill-container .zi-table tr th.bulk-selection-cell {
    width: 40px;
}
.csid-generation-image {
    padding: 20px 60px;
}
.csid-prerequisites {
    list-style-position: inside;
}
.csid-prerequisites li::marker {
    color: #b8c9dd;
}
.csid-badge {
    border: 1px solid #e7f0fb;
}
.date-picker[readonly] {
    border: 1px solid #ccc;
    text-align: left;
    cursor: pointer;
}
.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999;
}
.table-header {
    border: 0;
}
.table-header thead {
    background-color: #f5f5f5;
}
.img-icons {
    height: 13px;
    width: 13px;
    padding-bottom: 3px;
}
.text-brown {
    color: var(--zf-brown-4);
}
.text-orange {
    color: var(--zf-orange-11);
}
.text-open {
    color: var(--zf-blue-25);
}
.text-overdue {
    color: var(--zf-orange-5);
}
.text-network-pending {
    color: var(--zf-orange-12);
}
.text-grey-10 {
    color: var(--zf-grey-10);
}
.text-draft {
    color: var(--zf-grey-11);
}
.text-moneyin {
    color: var(--zf-green-12);
}
.text-moneyout {
    color: var(--zf-red-2);
}
.text-non-billable {
    color: var(--zf-blue-21);
}
.text-accepted,
.text-closed,
.text-paid {
    color: var(--zf-green-13);
}
.text-rejected {
    color: var(--zf-red-1);
}
.text-approved {
    color: var(--zf-blue-22);
}
.text-signed {
    color: var(--zf-blue-23);
}
.text-pending {
    color: var(--zf-orange-13);
}
.text-purple-highlighter {
    color: var(--zf-purple-4);
}
.text-default {
    color: var(--zf-black-3);
}
.text-fulfilled {
    color: var(--zf-green-14);
}
.text-parshipped {
    color: var(--zf-yellow-1);
}
.text-dodgerblue {
    color: var(--zf-blue-2);
}
.text-grey-dark {
    color: var(--zf-brown-5);
}
.text-grey-shaded {
    color: var(--zf-grey-16);
}
.text-grey {
    color: var(--zf-brown-3);
}
.text-grey-light {
    color: var(--zf-brown-6);
}
.text-violet {
    color: var(--zf-purple-5);
}
.text-forecast-green {
    color: var(--zf-green-15);
}
.text-black-semibold {
    color: var(--zf-black-4);
}
.text-grey-icon {
    color: var(--zf-grey-15);
}
.text-pending-submission {
    color: var(--zf-red-13);
}
.text-summary-blue {
    color: var(--zf-blue-9);
}
.text-grey-12 {
    color: var(--zf-grey-12);
}
.text-summary-orange {
    color: var(--zf-orange-16);
}
.text-mild-green {
    color: var(--zf-green-4);
}
.text-mild-grey {
    color: var(--zf-grey-19);
}
.text-dark-orange {
    color: #f25d07;
}
.text-light-grey {
    color: #495569;
}
.text-void {
    color: #777;
}
.text-white:hover {
    color: #ddd;
}
.text-cool-grey {
    color: #8c93ae;
}
.text-link-blue {
    color: #3f8cfb;
}
.text-link-hover,
.pagetips-show-more:hover {
    color: #327ce6;
}
.text-dark-shade-blue,
.dashboard-calender + .calender-progress-bar .progress-position .key,
.dashboard-calender .date-range,
.dashboard-calender .day-label {
    color: #4c526c;
}
.text-summary-header {
    color: #6c718a;
}
.text-light-shade-blue,
.inlinehlptxt {
    color: #838195;
}
.text-help-filled {
    color: var(--zf-form-input-border-color);
}
.text-help-filled:hover {
    color: var(--zf-grey-12);
}
.text-underline,
.pagetips-show-more:hover .show-all {
    text-decoration: underline;
}
.text-dark-gray {
    color: #212529;
}
.text-charcoal {
    color: #333850;
}
.text-dark-blue {
    color: #0f3c7c;
}
.selected-gtw {
    border: 2px solid #00b050;
}
.triangle-topleft {
    border-top: 42px solid var(--zf-green-13);
    border-right: 42px solid transparent;
    position: absolute;
    border-radius: 6px;
    top: 0;
    left: 0;
}
.triangle-topleft .marker {
    top: -36px;
    left: 7px;
}
.triangle-bottomleft {
    border-bottom: 32px solid var(--zf-green-13);
    border-right: 32px solid transparent;
    position: absolute;
    bottom: 0;
}
.marker {
    position: absolute;
    top: 16px;
    left: 5px;
    color: #fff;
    font-size: 11px;
}
.circled-tick {
    position: absolute;
}
.circled-tick.bottom-right {
    right: 20px;
    bottom: 20px;
}
.shape-circle {
    width: 10px;
    height: 10px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
}
.fill-shape-circle {
    width: 5px;
    height: 5px;
    background-color: var(--zf-grey-12);
    border-radius: 50%;
    display: inline-block;
}
:not(.template-page .hp-side-column)::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}
.dropdown .dropdown-menu::-webkit-scrollbar,
.dropdown .dropdown-menu .scroll-content::-webkit-scrollbar {
    width: 8px;
}
.main-tab-column.tab-column::-webkit-scrollbar,
.settings-nav-column .body::-webkit-scrollbar,
.settings-dboard-container::-webkit-scrollbar {
    width: 8px;
}
.main-tab-column.tab-column::-webkit-scrollbar-track,
.settings-nav-column .body::-webkit-scrollbar-track,
.settings-dboard-container::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-track {
    background-color: #f7f7fe;
    border-radius: 50px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(131, 129, 149, 0.6);
    border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #838195;
}
.modal.show::-webkit-scrollbar-track {
    background-color: #838195;
}
.modal.show::-webkit-scrollbar-thumb {
    background-color: #f7f7fe;
}
.top-banner {
    min-height: 60px;
    box-shadow: none;
    background-image: linear-gradient(to bottom, #f4f4f4 0, #ebebeb 100%);
    background-repeat: repeat-x;
}
@media print {
    .product {
        position: static;
    }
    .content-column,
    .expanded-list-column {
        position: relative !important;
        left: 0 !important;
    }
    .content-column .fill,
    .expanded-list-column .fill {
        position: relative !important;
    }
    .content-column input[type="checkbox"],
    .content-column .icon-search,
    .expanded-list-column input[type="checkbox"],
    .expanded-list-column .icon-search {
        visibility: hidden;
    }
    .expense-details-container .expense-fields {
        margin-top: 20px;
    }
    .expense-details-container .badge {
        font-size: 25px;
        padding: 0;
    }
    .expense-details-container .receipt-container .file-upload.receipt-upload {
        display: none;
    }
    .expense-details-container .receipt-container .receipt-upload {
        border-bottom: 1px dashed #c6c6c6;
    }
    .wms-mainui {
        display: none;
    }
}
@supports (-ms-ime-align: auto) {
    @media print {
        * {
            position: relative !important;
        }
    }
}
.transition {
    transition: top 0.3s ease-out;
    top: -222px;
}
.top {
    top: 0;
}
.transitview {
    transition: left 0.3s ease-in-out;
}
.placeholder-container {
    position: relative;
}
.cvv {
    float: left;
    height: 21px;
    width: 27px;
    margin: 4px 0 0 7px;
    background: url(images/cvv-efdcb25d31.png);
    background-repeat: no-repeat;
}
.mail-max-height {
    max-height: 190px;
}
.spin {
    animation: spinner 1s infinite linear;
    display: inline-block;
    height: 17px;
    margin-right: 5px;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes spinner-back {
    0% {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}
code {
    padding: 2px 4px;
    font-size: 90%;
    color: #e83e8c;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 2px;
}
.expalert {
    font-size: 22px;
    margin-top: -6px;
    margin-right: 8px;
}
.expalert span {
    color: #000;
}
.pre-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fafafa;
}
.pre-loader .app-loading {
    font-family: Helvetica, Arial, sans-serif;
    margin: 18% auto 0;
    width: 342px;
}
.pre-loader .app-loading .progress {
    width: 85%;
}
.pre-loader .app-loading .progress-bar {
    background-color: #58a5e1;
    width: 100%;
}
.pre-loader .browsehappy .bh-head-wrap {
    background-color: #fff;
}
.pre-loader .browsehappy .bh-head {
    width: 980px;
    margin: 0 auto;
    padding: 13px 0;
}
.pre-loader .browsehappy .bh-books {
    background: url(images/zoho-books-logo-56d3aa2f69.png) no-repeat;
    height: 48px;
}
.pre-loader .browsehappy .bh-invoice {
    background: url(images/zoho-invoice-logo-a1886b20f7.png) no-repeat;
    height: 48px;
}
.pre-loader .browsehappy .bh-inventory {
    background: url(images/zoho-inventory-logo-c4e9cdc581.png) no-repeat;
    height: 48px;
}
.pre-loader .browsehappy .bh-email {
    margin-top: 15px;
}
.pre-loader .browsehappy .bh-browser {
    background: url(images/browser-a78f69fd1b.png) top center no-repeat;
    height: 246px;
    width: 100%;
}
.pre-loader .browsehappy .bh-up {
    margin-top: 20px;
}
.pre-loader .browsehappy .bh-foot {
    position: absolute;
    bottom: 20px;
    left: 35%;
    width: 30%;
}
.copy-clipboard .form-control[readonly] {
    cursor: default;
    background-color: #fff;
    border: 1px solid #ececec;
}
.success-circle {
    color: #8fbf54;
    position: absolute;
}
#nprogress {
    pointer-events: auto;
}
#nprogress::before {
    content: "";
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1000;
}
.edit-form-field {
    position: relative;
}
.edit-form-field .btn-group {
    z-index: 100;
    position: absolute;
    left: 100%;
    top: 7%;
    width: 30%;
}
.edit-form-field .over-flow,
.edit-form-field .zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.zi-table.table-compact tr:not(.error-msg-row) .edit-form-field td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.edit-form-field .zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.zi-table.table-compact tr:not(.error-msg-row) .edit-form-field th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.edit-form-field .rep-container .table.zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) .edit-form-field td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.edit-form-field .rep-container .table.zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.rep-container .table.zi-table.table-compact tr:not(.error-msg-row) .edit-form-field th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.edit-form-field .list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) .edit-form-field td:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.edit-form-field .list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.list-column.expanded-list-column .zi-table.table-compact tr:not(.error-msg-row) .edit-form-field th:not(.bulk-selection-cell):not(.list-actions):not(.adv-search-cell),
.edit-form-field .zi-table.table-compact td .td-child-overflow,
.zi-table.table-compact td .edit-form-field .td-child-overflow,
.edit-form-field .rep-container .table.zi-table.table-compact td .td-child-overflow,
.rep-container .table.zi-table.table-compact td .edit-form-field .td-child-overflow,
.edit-form-field .list-column.expanded-list-column .zi-table.table-compact td .td-child-overflow,
.list-column.expanded-list-column .zi-table.table-compact td .edit-form-field .td-child-overflow {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
}
.migrate-footer {
    background-image: url(images/migratefooter-be95a695ce.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    border-bottom: 1px dashed #e0e0e0;
}
.migrate-footer img {
    width: 86px;
    position: relative;
    top: 8px;
}
.migrate-footer .footer-content {
    width: 50%;
    margin-left: 20px;
}
.migrate-footer.reports-footer {
    border: 0;
    box-shadow: #eee 0 0 30px 0;
}
.mig-button .btn {
    border-radius: 18px;
}
.approvers-details {
    color: #6c718a;
}
.approvers-details .badge-name {
    float: left;
    letter-spacing: 0.7px;
}
.approvers-details .badge {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.approvers-details .circle-box {
    margin: 1px;
    width: 21px;
    height: 21px;
}
.approvers-details .approver-info,
.approvers-details .approver-more-info {
    display: inline-block;
    max-width: 180px;
    background-color: #f9f9fb;
    border-radius: 9px;
    margin-left: 4px;
}
.approvers-details .approver-info img,
.approvers-details .approver-more-info img {
    width: 25px;
    height: 25px;
    border-radius: 30%;
    border: 2px solid;
}
.approvers-details .approver-info .name,
.approvers-details .approver-more-info .name {
    max-width: 80px;
    color: #000;
}
.approvers-details .name {
    max-width: 60%;
}
.approval-slider .submitter-details {
    background-color: var(--zf-blue-4);
    color: var(--zf-black-4) !important;
}
.approval-slider .approval-slider-item {
    position: relative;
    border-radius: 10px;
}
.approval-slider .approval-slider-item:not(:first-child)::before {
    content: "";
    position: absolute;
    border-left: 1.5px solid #d4d4de;
    bottom: 100%;
    left: 25px;
    top: -22px;
}
.approval-slider .approval-slider-item.multiple-skipped-approvers-present::after {
    content: "";
    position: absolute;
    width: 96%;
    height: 100%;
    bottom: -5px;
    border: 1px solid var(--zf-grey-17);
    border-radius: 10px;
    z-index: 1;
    left: 2%;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
}
.approval-slider .approval-slider-item .current-approver-title {
    color: var(--zf-orange-19);
    letter-spacing: 0.8px;
}
.approval-slider .approval-slider-item.approval-item-submitted::before {
    border-left-color: var(--zf-orange-19);
}
.approval-slider .approval-slider-item.approval-item-submitted:not(:first-child)::after {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -20px;
    left: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--zf-orange-19);
}
.approval-slider .approval-slider-item .system-approved-icon-wrapper {
    background-color: var(--zf-green-17);
    color: var(--zf-green-13);
}
.approval-slider .approval-slider-item .final-approver-icon {
    position: absolute;
    bottom: -5px;
    right: -4px;
    color: var(--zf-orange-19);
}
.approval-slider .approval-slider-item .approver-img {
    border: 2px solid #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
}
.approval-slider .approval-item-approved {
    border: 1px solid #d6ebe2;
    background-color: var(--zf-green-17);
}
.approval-slider .approval-item-approved .approved-icon {
    color: var(--zf-green-13);
}
.approval-slider .approval-item-submitted {
    border: 1px solid #ffedce;
    background-color: var(--zf-orange-18);
}
.approval-slider .skipped-approvers {
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    z-index: 2;
}
.approval-slider .skipped-approvers .btn:focus {
    box-shadow: none;
}
.approval-slider .skipped-approvers .skipped-count {
    padding: 3px 8px;
    border-radius: 20px;
    background-color: var(--zf-grey-17);
    line-height: 1;
}
.approval-slider .approval-item-draft,
.approval-slider .skipped-approvers {
    border: 1px solid var(--zf-grey-17);
    background-color: var(--zf-blue-4);
}
.autoscan-inventory {
    width: 500px;
    border: 1px transparent;
    text-align: left;
    border-radius: 10px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.approver-more-info:hover {
    background-color: #3188f8;
    color: #fff;
}
.multiaction-btn:hover {
    transition: all 0.4s;
    color: var(--zf-blue-2);
    background-color: #e6f2ff;
}
.txntypebanner {
    background-color: #e6f2ff;
    margin: 20px -15px;
}
.txntypebanner p {
    padding: 12px 40px 0 10px;
}
.approver-list .approver-item {
    position: relative;
    padding: 15px;
}
.approver-list .approver-item .track-line {
    border-left: 0.5px solid #e0e0e0;
    height: 57px;
    position: absolute;
    left: 34px;
    top: 55px;
}
.approver-list .approver-item .user-details-row div:first-child {
    margin-bottom: 10.5px;
}
.approver-list .approver-status {
    position: absolute;
    top: 39px;
    left: 43px;
}
.approver-list .approver-order {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #3188f8;
}
.approver-list .rounded-circle {
    width: 40px;
    height: 40px;
    background-color: #f2f2fb;
    box-sizing: border-box;
    margin-right: 10px;
    border: 1px solid transparent;
}
.zbills li div {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: #efefef 0 0 10px 1px;
}
.zbills li div:hover {
    box-shadow: #efefef 1px 6px 10px 2px;
}
.zbills li div svg {
    position: relative;
    top: 24px;
}
.list-custom-icon li {
    position: relative;
    padding: 5px 0 5px 30px;
}
.list-custom-icon li .icon {
    position: absolute;
    left: 0;
    top: 3px;
}
.list-title .filter-title {
    display: inline-block;
    vertical-align: top;
    max-width: 75%;
}
.list-column.expanded-list-column .journal-filters .filter-title {
    max-width: 65%;
}
.list-column.expanded-list-column .filter-title {
    max-width: 82%;
}
.list-column.expanded-list-column .timesheet-sub-tab .filter-title {
    max-width: unset;
}
.accord-title-arrow .accord-title .caret {
    margin-left: 5px;
    border: 4px solid transparent;
}
.accord-title-arrow .accord-title:not(.collapsed) .caret {
    border-top-color: #408dfb;
}
.accord-title-arrow .accord-title.collapsed .caret {
    border-left-color: #408dfb;
    vertical-align: baseline;
}
.collapsed .arrow-down {
    transform: rotate(-90deg);
}
.lhs-accordion .arrow-down {
    fill-opacity: 0.5;
}
.accord-title-arrow-grey .accord-title {
    color: var(--zf-grey-12);
}
.accord-title-arrow-grey .accord-title .caret {
    border-top-color: #777;
    margin: 0 5px;
}
.accord-title-arrow-grey .accord-title.collapsed .caret {
    transform: rotateZ(-90deg);
}
.intro-timeline {
    margin-top: 15px;
}
.intro-timeline .sub-step-item {
    border-radius: 20px;
    display: inline-block;
    padding: 8px 15px;
    text-align: center;
    border: 1px solid #eee;
    margin-right: 20px;
    position: relative;
}
.intro-timeline .sub-step-item.completed {
    border-color: #57b729;
}
.intro-timeline .sub-step-item.zia-border {
    border-color: #0084ff;
}
.intro-timeline .sub-step-item.pending {
    border-color: orange;
}
.intro-timeline .sub-step-item.pending:hover {
    background-color: #fff8eb;
}
.intro-timeline .sub-step-item:not(:last-child):after {
    content: "";
    position: absolute;
    height: 1px;
    top: 17px;
    width: 24px;
    right: -25px;
    background-color: #ccc;
}
.col-eq-height {
    flex-flow: row;
}
.acc-arrow {
    color: #aaa;
    margin-top: 5px;
}
.acc-group:last-of-type .acc-title {
    border-bottom: 1px solid #eee;
}
.acc-group:last-of-type .acc-body {
    border: 0;
}
.acc-body {
    padding: 0 30px;
    border-top: 1px solid #eee;
}
.acc-body-li:first-child {
    padding-top: 15px;
}
.acc-body-li:last-child {
    padding-bottom: 15px;
}
.acc-title {
    background-color: #fbfbfb;
    padding: 15px 30px;
    border-top: 1px solid #eee;
}
.acc-title:hover {
    background-color: #fff;
}
.bank-overview {
    padding-right: 15px !important;
}
.refno {
    max-width: 100px;
}
.StripeElement,
#braintree-ccn,
#braintree-cvv,
#braintree-exp {
    background-color: #fff;
    height: 32px;
    padding: 5px 8px;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-shadow: none;
    transition: border-color ease-in-out 0.15s;
}
.StripeElement--focus,
.braintree-hosted-fields-focused {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.StripeElement--invalid,
.braintree-hosted-fields-invalid {
    border-color: #b94a48 !important;
    box-shadow: none;
}
.braintree-hosted-fields-valid {
    border: 1px solid green !important;
    box-shadow: none;
}
@media print {
    .siqembed,
    .zsiq_floatmain {
        display: none !important;
    }
}
.range-dash::after {
    content: "-";
    position: absolute;
    left: 99%;
    top: 6px;
}
.rotate-minus-90 {
    transform: rotate(-90deg);
}
.rotate-minus-180 {
    transform: rotate(-180deg);
}
.rotate-minus-45 {
    transform: rotate(-45deg);
}
.dsign-options {
    background-color: #e6f2ff;
    border-color: transparent;
    max-width: 360px;
}
.dsign-options:first-child {
    border-color: #2098ff;
}
.dsign-options:hover {
    transition: all 0.4s;
    border-color: transparent;
    background-color: #2098ff;
}
.dsign-options:hover .text-dodgerblue {
    color: #fff !important;
}
.cb-partnership-label {
    position: fixed;
    bottom: 50px;
    padding: 10px;
    width: 180px;
    margin-left: 10px;
    border-radius: 5px;
}
.related-list-table {
    max-height: 500px;
    overflow-y: auto;
}
.modal-widget .modal-dialog {
    width: 0;
}
.modal-widget-backdrop.show {
    opacity: 0.8;
    background-color: #000;
}
.close-widget {
    position: fixed;
    width: 30px;
    top: 20px;
    right: 20px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    z-index: 1081;
}
.list-bulletin {
    width: 6px;
    height: 6px;
    background-color: #000;
    border-radius: 2px;
    display: inline-block;
}
.menu-position {
    left: auto;
    right: 0;
    top: 18px;
}
.crm-multi-org-header > div > ul {
    margin: 15px 0 !important;
}
.couponLabel {
    color: #fff;
}
.couponLabel.active {
    background-color: #28a745;
}
.couponLabel.inactive {
    background-color: #bbb;
}
.couponLabel.expired,
.couponLabel.maxed_out {
    background-color: #444;
}
.coupondtailstble {
    border-collapse: separate;
    border-spacing: 0 20px;
}
.coupondtailstble td:nth-of-type(2) {
    padding-left: 20px;
}
.zohoreports-banner {
    border-left: thick solid orange;
    background-color: #fff8ec;
}
.upgrade-points-wrap {
    list-style: none;
}
.upgrade-points-wrap .bullet {
    background-color: #b8c9dd;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.upgrade-points-wrap p {
    max-width: 407px;
}
.add-det-header {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
}
svg.info-amazon :hover {
    fill: #227fb5;
}
.icon-position {
    vertical-align: middle;
}
.alert-warning-1 {
    background-color: var(--zf-yellow-7);
}
.border-warning-1 {
    border-color: var(--zf-yellow-6) !important;
}
.chatlet {
    position: relative;
}
.chatlet .chatlet-actions {
    display: none;
}
.chatlet .chatlet-edit {
    display: none;
}
.chatlet:hover {
    background-color: #f5f5f5;
}
.chatlet:hover .chatlet-actions {
    display: block;
}
.chatlet:hover .chatlet-edit {
    display: inline-block;
}
.chatlet .chatlet-loading {
    background-color: #fff;
    z-index: 1;
}
.chatlets-container {
    max-height: 300px;
    width: 350px;
    overflow-y: auto;
}
.chatlets-container.chatlet-intro {
    max-height: 475px;
}
.thankyou-layout .scrollmenu {
    max-height: 170px;
    overflow-y: auto;
}
.sandbox-banner {
    align-items: center;
    border-right: 20px solid #2098ff;
    border-left: 20px solid #2098ff;
    border-bottom: 15px solid transparent;
    display: flex;
    height: 85px;
    justify-content: center;
    position: relative;
    width: 0;
    z-index: 10;
    top: -1px;
}
.contextual-task-item {
    border: 1px solid #eee;
}
.contextual-task-item .status-action {
    display: none;
}
.contextual-task-item:hover {
    box-shadow: 0 3px 10px 0 #f3f3f3;
    border-color: #ddd;
    background-color: #fff;
}
.contextual-task-item:hover .status-action {
    display: block;
}
.sidebar-container .flyout {
    z-index: 1000;
}
.sidebar-container .flyout-body {
    top: 54px;
}
.sidebar-container .wa-chat-flyout + .flyout-body {
    top: 86px;
}
.progress.task-progress {
    height: 6px;
}
.progress.task-progress .progress-bar {
    background-color: var(--unifiedtheme-green);
}
.badge.task-priority-badge {
    font-size: 13px;
    border-radius: 6px 100px 100px 6px;
}
.indicator-nonactive {
    color: #8ccdff;
}
.calender-billing-section .billing-date-section {
    border-bottom: 1px solid var(--zf-grey-17);
}
.calender-billing-section .calender-billing-popover .popover {
    max-width: 700px;
}
.info-icon-style {
    top: 5px;
    right: -5px;
}
.text-dark-slate-grey {
    color: var(--zf-grey-13);
}
.bright-gray-border {
    border: 1px solid #e9ebf3;
}
.whitish-gray-border {
    border: 1px solid #ebeaf2;
}
.light-gray-with-border {
    background-color: #f9f9fb;
    border: 1px solid #ebedf6;
}
.badge-light-blue {
    color: var(--zf-blue-25);
    background-color: #ebf3fe;
}
.tds-tax-split-popover {
    right: -36px !important;
}
.highlight-elements:hover.highlight-border-blue {
    border-color: var(--zf-blue-25) !important;
}
.highlight-elements:hover .highlight-fill-blue {
    fill: var(--zf-blue-25);
}
.highlight-elements:hover .highlight-fill-green {
    fill: var(--unifiedtheme-green);
}
.highlight-elements:hover .highlight-fill-red {
    fill: #f7525a;
}
.highlight-elements:hover .highlight-bg-light-blue {
    background-color: #ebf3fe;
}
.highlight-elements:hover .badge-light-blue {
    color: #fff;
    background-color: var(--zf-blue-25);
}
.vertical-bar {
    display: inline-block;
    width: 3px;
    height: 10px;
    border-radius: 3px !important;
    background-color: #000;
}
.new-tag {
    position: relative;
}
.new-tag::before {
    content: "";
    position: absolute;
    top: 10%;
    height: 90%;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-box-shadow: 0 0 4px 2px #fff;
    box-shadow: 0 0 4px 2px #fff;
    -webkit-animation: moveRightToLeft 5s ease-in-out infinite;
    animation: moveRightToLeft 5s ease-in-out infinite;
}
@keyframes moveRightToLeft {
    0% {
        left: 105%;
    }
    70% {
        left: -5%;
        opacity: 1;
    }
    71%,
    to {
        opacity: 0;
    }
}
.border-bottom-gray {
    border-bottom: 1px solid #ddd;
}
.edit-cp-warning {
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}
.edit-cp-warning.expand {
    max-height: 100vh;
}
.associate-contact-warn .arrow-nose-tip,
.edit-cp-warning .arrow-nose-tip {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff4ea;
    transform: translateX(5px);
}
.associate-contact-warn .warn-title,
.edit-cp-warning .warn-title {
    color: #f59d00;
}
.branch-item-associated-contacts {
    height: 20px;
    padding: 2px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #d9d9e9;
}
.branch-item-associated-contacts svg {
    fill: #6a8aaf;
}
.bright-on-hover {
    fill-opacity: 0.8;
}
.bright-on-hover:hover {
    fill-opacity: 1;
}
.cv-autocomplete .ac-option.option-disabled a {
    cursor: not-allowed;
    color: #999 !important;
}
.ca-mg-text-color {
    color: #495569;
}
.ca-mg-text-color:hover {
    color: #212529;
    font-weight: 500;
}
.ca-mg-text-color:hover svg {
    fill: #cf4044 !important;
}
.ca-mg-header {
    background-color: #fbfcff;
    background-image: url(images/svgs/ca-mg-pattern-246f0a9a6b.svg);
    background-repeat: no-repeat;
    background-position: 40px 2px;
    background-size: 13%;
}
.ca-mg-svg-color {
    fill: #cf4044 !important;
}
.ca-mg-border {
    border-left: 3px solid #f6e7e8;
}
.ca-mg-border .selected-sec {
    margin-left: -33px;
    border-left: 3px solid #cf4044;
}
.ca-mg-dotted-border {
    margin-top: 24px;
    margin-right: -203px;
    margin-left: 253px;
    border-top: 1px dashed #c8cee2;
}
.ca-mg-dotted-border .ca-mg-accordian-arrow {
    margin-top: -15px;
    margin-left: 167px;
}
@media (max-width: 1150px) {
    .ca-mg-dashboard-content {
        max-width: 100%;
    }
}
.dashboard-calender {
    border-bottom: 1px solid var(--zf-grey-17);
}
.dashboard-calender .calender-header {
    border-bottom: 1px solid var(--zf-grey-17);
}
.dashboard-calender .calender-header > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
}
.dashboard-calender .day-label {
    text-align: center;
    font-size: 9px;
}
.dashboard-calender .date-range {
    height: 38px;
    border-right: 1px solid var(--zf-grey-17);
    width: 70px;
    font-size: 9px;
    padding-top: 8px;
}
.dashboard-calender .date-range > div {
    height: 23px;
}
.dashboard-calender .dates-row:last-child .date {
    margin-bottom: 15px;
}
.dashboard-calender .dates-row:last-child .date-range {
    padding-bottom: 15px;
    height: 52px;
}
.dashboard-calender .day,
.dashboard-calender .day-label {
    width: 30px;
    height: 30px;
    margin: 8px auto 0;
}
@media (max-width: 1390px) {
    .dashboard-calender .day,
    .dashboard-calender .day-label {
        width: 26px;
        height: 26px;
    }
}
.dashboard-calender .day {
    border-radius: 5px;
}
.dashboard-calender .day .day-number {
    opacity: 0;
}
.dashboard-calender .day:hover {
    background-color: #2c8ff6 !important;
}
.dashboard-calender .day:hover .day-number {
    color: #fff;
    opacity: 1;
    font-size: 12px;
}
.dashboard-calender .day.empty {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #ebeaf2 0, #ebeaf2 3px);
    background-color: #fff !important;
}
.dashboard-calender + .calender-progress-bar {
    max-width: 345px;
    margin-top: 45px;
    height: 11px;
    border-radius: 3px;
    background-image: linear-gradient(to right, rgba(44, 143, 246, 0.03), rgba(44, 143, 246, 0.25), rgba(44, 143, 246, 0.5), rgba(44, 143, 246, 0.75), #2c8ff6);
}
@media (max-width: 1390px) {
    .dashboard-calender + .calender-progress-bar {
        max-width: 290px;
    }
}
.dashboard-calender + .calender-progress-bar .progress-position {
    top: 11px;
}
.dashboard-calender + .calender-progress-bar .progress-position svg {
    color: #2c8ff6;
}
.dashboard-calender + .calender-progress-bar .progress-position .key {
    position: relative;
    top: -5px;
    font-size: 9px;
}
.light-white-bottom-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.enagements-list {
    min-width: 180px;
}
.enagements-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    margin-bottom: 10px;
}
.paymethod-failure-note div {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.paymethod-failure-note .actions {
    margin-left: 20px;
}
.paymethod-failure-note .actions span {
    cursor: pointer;
}
.migration-prerequisite:hover {
    box-shadow: 0 4px 5px -3px rgba(33, 38, 60, 0.1);
}
.migration-prerequisite:hover .prerequisite-link {
    background-color: #2a90fb;
    color: #fff;
    padding: 3px 15px;
    border-radius: 30px;
}
.migration-tool-container .star-highlight {
    top: -10px;
    right: 16px;
}
.migration-tool-container .migration-tool-option {
    width: 183px;
    padding: 6px;
    color: var(--sidebar-font-color);
    background-color: var(--gstab-bg);
    border: 1px solid var(--gstab-border);
    border-radius: 10px;
    margin: 20px auto 0;
}
.migration-tool-container .migration-tool-option:hover .migration-text-arrow {
    transition: 0.2s;
    margin-left: 2px;
}
.tab-column-collapsed .migration-tool-option {
    margin-left: 0;
    border-radius: 0;
    padding-left: 0;
}
.tab-column-collapsed .migration-tool-option svg {
    margin-left: 5px;
}


/* VENDOR */
.jsoneditor input,
.jsoneditor input:not([type]),
.jsoneditor input[type="search"],
.jsoneditor input[type="text"],
.jsoneditor-modal input,
.jsoneditor-modal input:not([type]),
.jsoneditor-modal input[type="search"],
.jsoneditor-modal input[type="text"] {
    height: auto;
    border: inherit;
    box-shadow: none;
    font-size: inherit;
    box-sizing: inherit;
    padding: inherit;
    font-family: inherit;
    transition: none;
    line-height: inherit;
}
.jsoneditor input:focus,
.jsoneditor input:not([type]):focus,
.jsoneditor input[type="search"]:focus,
.jsoneditor input[type="text"]:focus,
.jsoneditor-modal input:focus,
.jsoneditor-modal input:not([type]):focus,
.jsoneditor-modal input[type="search"]:focus,
.jsoneditor-modal input[type="text"]:focus {
    border: inherit;
    box-shadow: inherit;
}
.jsoneditor textarea,
.jsoneditor-modal textarea {
    height: inherit;
}
.jsoneditor select,
.jsoneditor-modal select {
    display: inherit;
    height: inherit;
}
.jsoneditor label,
.jsoneditor-modal label {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.jsoneditor table,
.jsoneditor-modal table {
    border-collapse: collapse;
    width: auto;
}
.jsoneditor td,
.jsoneditor th,
.jsoneditor-modal td,
.jsoneditor-modal th {
    padding: 0;
    display: table-cell;
    text-align: left;
    vertical-align: inherit;
    border-radius: inherit;
}
.jsoneditor .autocomplete.dropdown {
    position: absolute;
    background: #fff;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
    border: 1px solid #d3d3d3;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: default;
    margin: 0;
    padding: 5px;
    text-align: left;
    outline: 0;
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
    font-size: 14px;
}
.jsoneditor .autocomplete.dropdown .item {
    color: #1a1a1a;
}
.jsoneditor .autocomplete.dropdown .item.hover {
    background-color: #ebebeb;
}
.jsoneditor .autocomplete.hint {
    color: #a1a1a1;
    top: 4px;
    left: 4px;
}
.jsoneditor-contextmenu-root {
    position: relative;
    width: 0;
    height: 0;
}
.jsoneditor-contextmenu {
    position: absolute;
    box-sizing: content-box;
    z-index: 2;
}
.jsoneditor-contextmenu .jsoneditor-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 128px;
    height: auto;
    background: #fff;
    border: 1px solid #d3d3d3;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.jsoneditor-contextmenu .jsoneditor-menu button {
    position: relative;
    padding: 0 8px 0 0;
    margin: 0;
    width: 128px;
    height: auto;
    border: 0;
    cursor: pointer;
    color: #4d4d4d;
    background: 0 0;
    font-size: 14px;
    font-family: arial, sans-serif;
    box-sizing: border-box;
    text-align: left;
}
.jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
    width: 96px;
}
.jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
    float: right;
    width: 32px;
    height: 24px;
    border-left: 1px solid #e5e5e5;
}
.jsoneditor-contextmenu .jsoneditor-menu li {
    overflow: hidden;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul {
    display: none;
    position: relative;
    left: -10px;
    top: 0;
    border: 0;
    box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
    padding: 0 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
    margin-left: 24px;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul li button {
    padding-left: 24px;
    animation: all ease-in-out 1s;
}
.jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 4px 0 0;
    background-image: url(./img/jsoneditor-icons.svg);
    background-position: 0 -72px;
}
.jsoneditor-contextmenu .jsoneditor-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 0;
    padding: 0;
    margin: 0;
    background-image: url(./img/jsoneditor-icons.svg);
}
.jsoneditor-contextmenu .jsoneditor-text {
    padding: 4px 0 4px 24px;
    word-wrap: break-word;
}
.jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
    padding-right: 24px;
}
.jsoneditor-contextmenu .jsoneditor-separator {
    height: 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px;
}
.jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
    background-position: -24px 0;
}
.jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
    background-position: 0 0;
}
.jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
    background-position: 0 0;
}
.jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
    background-position: -48px 0;
}
.jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
    background-position: -168px 0;
}
.jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
    background-position: -192px 0;
}
.jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
    background-position: -216px 0;
}
.jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
    background-position: 0 -24px;
}
.jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
    background-position: -144px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
    background-position: -120px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
    background-position: -72px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
    background-position: -96px 0;
}
.jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
    background-image: none;
    width: 6px;
}
.jsoneditor-contextmenu li,
.jsoneditor-contextmenu ul {
    box-sizing: content-box;
    position: relative;
}
.jsoneditor-contextmenu .jsoneditor-menu button:focus,
.jsoneditor-contextmenu .jsoneditor-menu button:hover {
    color: #1a1a1a;
    background-color: #f5f5f5;
    outline: 0;
}
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover {
    color: #fff;
    background-color: #ee422e;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus,
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover {
    background-color: #f5f5f5;
}
.jsoneditor-modal {
    max-width: 95%;
    border-radius: 2px !important;
    padding: 45px 15px 15px 15px !important;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
    color: #4d4d4d;
    line-height: 1.3em;
}
.jsoneditor-modal.jsoneditor-modal-transform {
    width: 600px !important;
}
.jsoneditor-modal .pico-modal-header {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-family: arial, sans-serif;
    font-size: 11pt;
    background: #3883fa;
    color: #fff;
}
.jsoneditor-modal table {
    width: 100%;
}
.jsoneditor-modal table td {
    padding: 3px 0;
}
.jsoneditor-modal table td.jsoneditor-modal-input {
    text-align: right;
    padding-right: 0;
    white-space: nowrap;
}
.jsoneditor-modal table td.jsoneditor-modal-actions {
    padding-top: 15px;
}
.jsoneditor-modal table th {
    vertical-align: middle;
}
.jsoneditor-modal p:first-child {
    margin-top: 0;
}
.jsoneditor-modal a {
    color: #3883fa;
}
.jsoneditor-modal .jsoneditor-jmespath-block {
    margin-bottom: 10px;
}
.jsoneditor-modal .pico-close {
    background: 0 0 !important;
    font-size: 24px !important;
    top: 7px !important;
    right: 7px !important;
    color: #fff;
}
.jsoneditor-modal input {
    padding: 4px;
}
.jsoneditor-modal input[type="text"] {
    cursor: inherit;
}
.jsoneditor-modal input[disabled] {
    background: #d3d3d3;
    color: gray;
}
.jsoneditor-modal .jsoneditor-select-wrapper {
    position: relative;
    display: inline-block;
}
.jsoneditor-modal .jsoneditor-select-wrapper:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #666;
    position: absolute;
    right: 8px;
    top: 14px;
    pointer-events: none;
}
.jsoneditor-modal select {
    padding: 3px 24px 3px 10px;
    min-width: 180px;
    max-width: 350px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0;
    text-overflow: "";
    font-size: 14px;
    line-height: 1.5em;
}
.jsoneditor-modal select::-ms-expand {
    display: none;
}
.jsoneditor-modal .jsoneditor-button-group input {
    padding: 4px 10px;
    margin: 0;
    border-radius: 0;
    border-left-style: none;
}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-left-style: solid;
}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.jsoneditor-modal .jsoneditor-transform-preview {
    background: #f5f5f5;
    height: 200px;
}
.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
    color: #ee422e;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard {
    line-height: 1.2em;
    width: 100%;
    padding: 0;
    border-radius: 3px;
}
.jsoneditor-modal .jsoneditor-jmespath-label {
    font-weight: 700;
    color: #1e90ff;
    margin-top: 20px;
    margin-bottom: 5px;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
    width: 100%;
    border-collapse: collapse;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard-label {
    font-style: italic;
    margin: 4px 0 2px 0;
}
.jsoneditor-modal .jsoneditor-inline {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
}
.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
    padding-right: 2px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter {
    display: flex;
    flex-wrap: wrap;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-field {
    width: 180px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
    width: 100px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-value {
    min-width: 180px;
    flex: 1;
}
.jsoneditor-modal .jsoneditor-jmespath-sort-field {
    width: 170px;
}
.jsoneditor-modal .jsoneditor-jmespath-sort-order {
    width: 150px;
}
.jsoneditor-modal .jsoneditor-jmespath-select-fields {
    width: 100%;
}
.jsoneditor-modal .selectr-selected {
    border-color: #d3d3d3;
    padding: 4px 28px 4px 8px;
}
.jsoneditor-modal .selectr-selected .selectr-tag {
    background-color: #3883fa;
    border-radius: 5px;
}
.jsoneditor-modal table td,
.jsoneditor-modal table th {
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
    color: #4d4d4d;
    border-spacing: 0;
    border-collapse: collapse;
}
.jsoneditor-modal #query,
.jsoneditor-modal input,
.jsoneditor-modal input[type="text"],
.jsoneditor-modal input[type="text"]:focus,
.jsoneditor-modal select,
.jsoneditor-modal textarea {
    background: #fff;
    border: 1px solid #d3d3d3;
    color: #4d4d4d;
    border-radius: 3px;
    padding: 4px;
}
.jsoneditor-modal #query,
.jsoneditor-modal textarea {
    border-radius: unset;
}
.jsoneditor-modal,
.jsoneditor-modal #query,
.jsoneditor-modal input,
.jsoneditor-modal input[type="text"],
.jsoneditor-modal option,
.jsoneditor-modal select,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal textarea {
    font-size: 10.5pt;
    font-family: arial, sans-serif;
}
.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}
.jsoneditor-modal input[type="button"],
.jsoneditor-modal input[type="submit"] {
    background: #f5f5f5;
    padding: 4px 20px;
}
.jsoneditor-modal input,
.jsoneditor-modal select {
    cursor: pointer;
}
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
    background: #3883fa;
    border-color: #3883fa;
    color: #fff;
}
.jsoneditor {
    color: #1a1a1a;
    border: thin solid #3883fa;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    line-height: 100%;
}
div.jsoneditor-default,
div.jsoneditor-field,
div.jsoneditor-readonly,
div.jsoneditor-value {
    border: 1px solid transparent;
    min-height: 16px;
    min-width: 32px;
    line-height: 16px;
    padding: 2px;
    margin: 1px;
    word-wrap: break-word;
    float: left;
}
div.jsoneditor-field p,
div.jsoneditor-value p {
    margin: 0;
}
div.jsoneditor-value {
    word-break: break-word;
}
div.jsoneditor-value.jsoneditor-empty::after {
    content: "value";
}
div.jsoneditor-value.jsoneditor-string {
    color: #006000;
}
div.jsoneditor-value.jsoneditor-number {
    color: #ee422e;
}
div.jsoneditor-value.jsoneditor-boolean {
    color: #ff8c00;
}
div.jsoneditor-value.jsoneditor-null {
    color: #004ed0;
}
div.jsoneditor-value.jsoneditor-color-value {
    color: #1a1a1a;
}
div.jsoneditor-value.jsoneditor-invalid {
    color: #1a1a1a;
}
div.jsoneditor-readonly {
    min-width: 16px;
    color: gray;
}
div.jsoneditor-empty {
    border-color: #d3d3d3;
    border-style: dashed;
    border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-empty::after {
    content: "field";
}
div.jsoneditor td {
    vertical-align: top;
}
div.jsoneditor td.jsoneditor-separator {
    padding: 3px 0;
    vertical-align: top;
    color: gray;
}
div.jsoneditor td.jsoneditor-tree {
    vertical-align: top;
}
div.jsoneditor.busy pre.jsoneditor-preview {
    background: #f5f5f5;
    color: gray;
}
div.jsoneditor.busy div.jsoneditor-busy {
    display: inherit;
}
div.jsoneditor code.jsoneditor-preview {
    background: 0 0;
}
div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    padding: 2px;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
}
div.jsoneditor-default {
    color: gray;
    padding-left: 10px;
}
div.jsoneditor-tree {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    background: #fff;
}
div.jsoneditor-tree button.jsoneditor-button {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    background-image: url(./img/jsoneditor-icons.svg);
}
div.jsoneditor-tree button.jsoneditor-button:focus {
    background-color: #f5f5f5;
    outline: #e5e5e5 solid 1px;
}
div.jsoneditor-tree button.jsoneditor-collapsed {
    background-position: 0 -48px;
}
div.jsoneditor-tree button.jsoneditor-expanded {
    background-position: 0 -72px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu-button {
    background-position: -48px -72px;
}
div.jsoneditor-tree button.jsoneditor-invisible {
    visibility: hidden;
    background: 0 0;
}
div.jsoneditor-tree button.jsoneditor-dragarea {
    background-image: url(./img/jsoneditor-icons.svg);
    background-position: -72px -72px;
    cursor: move;
}
div.jsoneditor-tree :focus {
    outline: 0;
}
div.jsoneditor-tree div.jsoneditor-show-more {
    display: inline-block;
    padding: 3px 4px;
    margin: 2px 0;
    background-color: #e5e5e5;
    border-radius: 3px;
    color: gray;
    font-family: arial, sans-serif;
    font-size: 14px;
}
div.jsoneditor-tree div.jsoneditor-show-more a {
    display: inline-block;
    color: gray;
}
div.jsoneditor-tree div.jsoneditor-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px;
    border: 1px solid gray;
    cursor: pointer;
}
div.jsoneditor-tree div.jsoneditor-color.jsoneditor-color-readonly {
    cursor: inherit;
}
div.jsoneditor-tree div.jsoneditor-date {
    background: #a1a1a1;
    color: #fff;
    font-family: arial, sans-serif;
    border-radius: 3px;
    display: inline-block;
    padding: 3px;
    margin: 0 3px;
}
div.jsoneditor-tree table.jsoneditor-tree {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
div.jsoneditor-tree .jsoneditor-button {
    display: block;
}
div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 4px 0 0;
    background-image: url(./img/jsoneditor-icons.svg);
    background-position: -168px -48px;
    background-color: transparent;
}
div.jsoneditor-outer {
    position: static;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div.jsoneditor-outer.has-nav-bar {
    margin-top: -26px;
    padding-top: 26px;
}
div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
    margin-top: -61px;
    padding-top: 61px;
}
div.jsoneditor-outer.has-status-bar {
    margin-bottom: -26px;
    padding-bottom: 26px;
}
div.jsoneditor-outer.has-main-menu-bar {
    margin-top: -35px;
    padding-top: 35px;
}
div.jsoneditor-busy {
    position: absolute;
    top: 15%;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    display: none;
}
div.jsoneditor-busy span {
    background-color: #ffffab;
    border: 1px solid #fe0;
    border-radius: 3px;
    padding: 5px 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
    pointer-events: none;
    color: #d3d3d3;
    font-size: 8pt;
}
a.jsoneditor-value.jsoneditor-url,
div.jsoneditor-value.jsoneditor-url {
    color: #006000;
    text-decoration: underline;
}
a.jsoneditor-value.jsoneditor-url {
    display: inline-block;
    padding: 2px;
    margin: 2px;
}
a.jsoneditor-value.jsoneditor-url:focus,
a.jsoneditor-value.jsoneditor-url:hover {
    color: #ee422e;
}
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-field[contenteditable="true"]:focus,
div.jsoneditor-field[contenteditable="true"]:hover,
div.jsoneditor-value.jsoneditor-highlight,
div.jsoneditor-value[contenteditable="true"]:focus,
div.jsoneditor-value[contenteditable="true"]:hover {
    background-color: #ffffab;
    border: 1px solid #fe0;
    border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
    background-color: #fe0;
    border: 1px solid #ffc700;
    border-radius: 2px;
}
div.jsoneditor-value.jsoneditor-array,
div.jsoneditor-value.jsoneditor-object {
    min-width: 16px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
    background-position: -48px -48px;
}
div.jsoneditor-tree div.jsoneditor-show-more a:focus,
div.jsoneditor-tree div.jsoneditor-show-more a:hover {
    color: #ee422e;
}
.ace-jsoneditor,
textarea.jsoneditor-text {
    min-height: 150px;
}
.ace-jsoneditor.ace_editor,
textarea.jsoneditor-text.ace_editor {
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
}
textarea.jsoneditor-text {
    width: 100%;
    height: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline-width: 0;
    border: 0;
    background-color: #fff;
    resize: none;
}
tr.jsoneditor-highlight,
tr.jsoneditor-selected {
    background-color: #d3d3d3;
}
tr.jsoneditor-selected button.jsoneditor-contextmenu-button,
tr.jsoneditor-selected button.jsoneditor-dragarea {
    visibility: hidden;
}
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
    visibility: visible;
}
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
    background-position: -72px -48px;
}
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor tr {
    padding: 0;
    margin: 0;
}
.jsoneditor-popover,
.jsoneditor-schema-error,
div.jsoneditor td,
div.jsoneditor textarea,
div.jsoneditor th,
div.jsoneditor-field,
div.jsoneditor-value,
pre.jsoneditor-preview {
    font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace;
    font-size: 14px;
    color: #1a1a1a;
}
.jsoneditor-schema-error {
    cursor: default;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: center;
    width: 24px;
}
.jsoneditor-popover {
    background-color: #4c4c4c;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 7px 10px;
    position: absolute;
    cursor: auto;
    width: 200px;
}
.jsoneditor-popover.jsoneditor-above {
    bottom: 32px;
    left: -98px;
}
.jsoneditor-popover.jsoneditor-above:before {
    border-top: 7px solid #4c4c4c;
    bottom: -7px;
}
.jsoneditor-popover.jsoneditor-below {
    top: 32px;
    left: -98px;
}
.jsoneditor-popover.jsoneditor-below:before {
    border-bottom: 7px solid #4c4c4c;
    top: -7px;
}
.jsoneditor-popover.jsoneditor-left {
    top: -7px;
    right: 32px;
}
.jsoneditor-popover.jsoneditor-left:before {
    border-left: 7px solid #4c4c4c;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    content: "";
    top: 19px;
    right: -14px;
    left: inherit;
    margin-left: inherit;
    margin-top: -7px;
    position: absolute;
}
.jsoneditor-popover.jsoneditor-right {
    top: -7px;
    left: 32px;
}
.jsoneditor-popover.jsoneditor-right:before {
    border-right: 7px solid #4c4c4c;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    content: "";
    top: 19px;
    left: -14px;
    margin-left: inherit;
    margin-top: -7px;
    position: absolute;
}
.jsoneditor-popover:before {
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    content: "";
    display: block;
    left: 50%;
    margin-left: -7px;
    position: absolute;
}
.jsoneditor-text-errors tr.jump-to-line:hover {
    text-decoration: underline;
    cursor: pointer;
}
.jsoneditor-schema-error:focus .jsoneditor-popover,
.jsoneditor-schema-error:hover .jsoneditor-popover {
    display: block;
    animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.jsoneditor .jsoneditor-validation-errors-container {
    max-height: 130px;
    overflow-y: auto;
}
.jsoneditor .jsoneditor-validation-errors {
    width: 100%;
    overflow: hidden;
}
.jsoneditor .jsoneditor-additional-errors {
    position: absolute;
    margin: auto;
    bottom: 31px;
    left: calc(50% - 92px);
    color: gray;
    background-color: #ebebeb;
    padding: 7px 15px;
    border-radius: 8px;
}
.jsoneditor .jsoneditor-additional-errors.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
}
.jsoneditor .jsoneditor-additional-errors.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
}
.jsoneditor .jsoneditor-text-errors {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ffc700;
}
.jsoneditor .jsoneditor-text-errors td {
    padding: 3px 6px;
    vertical-align: middle;
}
.jsoneditor .jsoneditor-text-errors td pre {
    margin: 0;
    white-space: pre-wrap;
}
.jsoneditor .jsoneditor-text-errors tr {
    background-color: #ffffab;
}
.jsoneditor .jsoneditor-text-errors tr.parse-error {
    background-color: rgba(238, 46, 46, 0.4392156863);
}
.jsoneditor-text-errors .jsoneditor-schema-error {
    border: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 4px 0 0;
    cursor: pointer;
}
.jsoneditor-text-errors tr .jsoneditor-schema-error {
    background-image: url(./img/jsoneditor-icons.svg);
    background-position: -168px -48px;
    background-color: transparent;
}
.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
    background-image: url(./img/jsoneditor-icons.svg);
    background-position: -25px 0;
    background-color: transparent;
}
.jsoneditor-anchor {
    cursor: pointer;
}
.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
    top: 28px;
    left: -10px;
}
.fadein {
    -webkit-animation: fadein 0.3s;
    animation: fadein 0.3s;
    -moz-animation: fadein 0.3s;
    -o-animation: fadein 0.3s;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.jsoneditor-modal input[type="search"].selectr-input {
    border: 1px solid #d3d3d3;
    width: calc(100% - 4px);
    margin: 2px;
    padding: 4px;
    box-sizing: border-box;
}
.jsoneditor-modal button.selectr-input-clear {
    right: 8px;
}
.jsoneditor-menu {
    width: 100%;
    height: 35px;
    padding: 2px;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #3883fa;
    border-bottom: 1px solid #3883fa;
}
.jsoneditor-menu > .jsoneditor-modes > button,
.jsoneditor-menu > button {
    width: 26px;
    height: 26px;
    margin: 2px;
    padding: 0;
    border-radius: 2px;
    border: 1px solid transparent;
    background-color: transparent;
    background-image: url(./img/jsoneditor-icons.svg);
    color: #fff;
    opacity: 0.8;
    font-family: arial, sans-serif;
    font-size: 14px;
    float: left;
}
.jsoneditor-menu > .jsoneditor-modes > button:hover,
.jsoneditor-menu > button:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.jsoneditor-menu > .jsoneditor-modes > button:active,
.jsoneditor-menu > .jsoneditor-modes > button:focus,
.jsoneditor-menu > button:active,
.jsoneditor-menu > button:focus {
    background-color: rgba(255, 255, 255, 0.3);
}
.jsoneditor-menu > .jsoneditor-modes > button:disabled,
.jsoneditor-menu > button:disabled {
    opacity: 0.5;
    background-color: transparent;
    border: 0;
}
.jsoneditor-menu > button.jsoneditor-collapse-all {
    background-position: 0 -96px;
}
.jsoneditor-menu > button.jsoneditor-expand-all {
    background-position: 0 -120px;
}
.jsoneditor-menu > button.jsoneditor-sort {
    background-position: -120px -96px;
}
.jsoneditor-menu > button.jsoneditor-transform {
    background-position: -144px -96px;
}
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform,
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform {
    display: none;
}
.jsoneditor-menu > button.jsoneditor-undo {
    background-position: -24px -96px;
}
.jsoneditor-menu > button.jsoneditor-undo:disabled {
    background-position: -24px -120px;
}
.jsoneditor-menu > button.jsoneditor-redo {
    background-position: -48px -96px;
}
.jsoneditor-menu > button.jsoneditor-redo:disabled {
    background-position: -48px -120px;
}
.jsoneditor-menu > button.jsoneditor-compact {
    background-position: -72px -96px;
}
.jsoneditor-menu > button.jsoneditor-format {
    background-position: -72px -120px;
}
.jsoneditor-menu > button.jsoneditor-repair {
    background-position: -96px -96px;
}
.jsoneditor-menu > .jsoneditor-modes {
    display: inline-block;
    float: left;
}
.jsoneditor-menu > .jsoneditor-modes > button {
    background-image: none;
    width: auto;
    padding-left: 6px;
    padding-right: 6px;
}
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator,
.jsoneditor-menu > button.jsoneditor-separator {
    margin-left: 10px;
}
.jsoneditor-menu a {
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #fff;
    opacity: 0.8;
    vertical-align: middle;
}
.jsoneditor-menu a:hover {
    opacity: 1;
}
.jsoneditor-menu a.jsoneditor-poweredBy {
    font-size: 8pt;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
}
.jsoneditor-navigation-bar {
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: gray;
    background-color: #ebebeb;
    overflow: hidden;
    font-family: arial, sans-serif;
    font-size: 14px;
}
.jsoneditor-search {
    font-family: arial, sans-serif;
    position: absolute;
    right: 4px;
    top: 4px;
    border-collapse: collapse;
    border-spacing: 0;
    display: flex;
}
.jsoneditor-search input {
    color: #1a1a1a;
    width: 120px;
    border: 0;
    outline: 0;
    margin: 1px;
    line-height: 20px;
    font-family: arial, sans-serif;
}
.jsoneditor-search button {
    width: 16px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: 0;
    background: url(./img/jsoneditor-icons.svg);
    vertical-align: top;
}
.jsoneditor-search button:hover {
    background-color: transparent;
}
.jsoneditor-search button.jsoneditor-refresh {
    width: 18px;
    background-position: -99px -73px;
}
.jsoneditor-search button.jsoneditor-next {
    cursor: pointer;
    background-position: -124px -73px;
}
.jsoneditor-search button.jsoneditor-next:hover {
    background-position: -124px -49px;
}
.jsoneditor-search button.jsoneditor-previous {
    cursor: pointer;
    background-position: -148px -73px;
    margin-right: 2px;
}
.jsoneditor-search button.jsoneditor-previous:hover {
    background-position: -148px -49px;
}
.jsoneditor-results {
    font-family: arial, sans-serif;
    color: #fff;
    padding-right: 5px;
    line-height: 26px;
}
.jsoneditor-frame {
    border: 1px solid transparent;
    background-color: #fff;
    padding: 0 2px;
    margin: 0;
}
.jsoneditor-statusbar {
    line-height: 26px;
    height: 26px;
    color: gray;
    background-color: #ebebeb;
    border-top: 1px solid #d3d3d3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}
.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
    margin-right: 12px;
}
.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
    margin-left: 4px;
}
.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-top: 1px;
    background-image: url(./img/jsoneditor-icons.svg);
    background-position: -168px -48px;
    cursor: pointer;
}
.jsoneditor-statusbar > .jsoneditor-validation-error-count {
    float: right;
    margin: 0 4px 0 0;
    cursor: pointer;
}
.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 1px;
    background-image: url(./img/jsoneditor-icons.svg);
    background-position: -25px 0;
}
.jsoneditor-statusbar .jsoneditor-array-info a {
    color: inherit;
}
div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
div.jsoneditor-statusbar > .jsoneditor-size-info {
    margin: 0 4px;
}
.jsoneditor-treepath {
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    outline: 0;
}
.jsoneditor-treepath.show-all {
    word-wrap: break-word;
    white-space: normal;
    position: absolute;
    background-color: #ebebeb;
    z-index: 1;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
}
.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
    display: none;
}
.jsoneditor-treepath div.jsoneditor-contextmenu-root {
    position: absolute;
    left: 0;
}
.jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
    position: absolute;
    background-color: #ebebeb;
    left: 0;
    height: 20px;
    padding: 0 3px;
    cursor: pointer;
}
.jsoneditor-treepath .jsoneditor-treepath-element {
    margin: 1px;
    font-family: arial, sans-serif;
    font-size: 14px;
}
.jsoneditor-treepath .jsoneditor-treepath-seperator {
    margin: 2px;
    font-size: 9pt;
    font-family: arial, sans-serif;
}
.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
    cursor: pointer;
    text-decoration: underline;
}

.label-radio{ display: inline !important;}

/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */
.selectr-container {
    position: relative;
}
.selectr-container li {
    list-style: none;
}
.selectr-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
.selectr-visible {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 11;
}
.selectr-desktop.multiple .selectr-visible {
    display: none;
}
.selectr-desktop.multiple.native-open .selectr-visible {
    top: 100%;
    min-height: 200px !important;
    height: auto;
    opacity: 1;
    display: block;
}
.selectr-container.multiple.selectr-mobile .selectr-selected {
    z-index: 0;
}
.selectr-selected {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 28px 7px 14px;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 3px;
    background-color: #fff;
}
.selectr-selected::before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    content: "";
    -o-transform: rotate(0) translate3d(0, -50%, 0);
    -ms-transform: rotate(0) translate3d(0, -50%, 0);
    -moz-transform: rotate(0) translate3d(0, -50%, 0);
    -webkit-transform: rotate(0) translate3d(0, -50%, 0);
    transform: rotate(0) translate3d(0, -50%, 0);
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: #6c7a86 transparent transparent;
}
.selectr-container.native-open .selectr-selected::before,
.selectr-container.open .selectr-selected::before {
    border-width: 0 4px 4px 4px;
    border-style: solid;
    border-color: transparent transparent #6c7a86;
}
.selectr-label {
    display: none;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selectr-placeholder {
    color: #6c7a86;
}
.selectr-tags {
    margin: 0;
    padding: 0;
    white-space: normal;
}
.has-selected .selectr-tags {
    margin: 0 0 -2px;
}
.selectr-tag {
    list-style: none;
    position: relative;
    float: left;
    padding: 2px 25px 2px 8px;
    margin: 0 2px 2px 0;
    cursor: default;
    color: #fff;
    border: medium;
    border-radius: 10px;
    background: #acb7bf 0 0;
}
.selectr-container.multiple.has-selected .selectr-selected {
    padding: 5px 28px 5px 5px;
}
.selectr-options-container {
    position: absolute;
    z-index: 10000;
    top: calc(100% - 1px);
    left: 0;
    display: none;
    box-sizing: border-box;
    width: 100%;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: transparent #999 #999;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
}
.selectr-container.open .selectr-options-container {
    display: block;
}
.selectr-input-container {
    position: relative;
    display: none;
}
.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    border: medium;
    background-color: transparent;
    z-index: 11;
}
.selectr-clear,
.selectr-input-clear {
    display: none;
}
.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
    display: block;
}
.selectr-selected .selectr-tag-remove {
    right: 2px;
}
.selectr-clear::after,
.selectr-clear::before,
.selectr-input-clear::after,
.selectr-input-clear::before,
.selectr-tag-remove::after,
.selectr-tag-remove::before {
    position: absolute;
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    content: " ";
    background-color: #6c7a86;
}
.selectr-tag-remove::after,
.selectr-tag-remove::before {
    top: 4px;
    width: 3px;
    height: 12px;
    background-color: #fff;
}
.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
    display: block;
}
.selectr-input {
    top: 5px;
    left: 5px;
    box-sizing: border-box;
    width: calc(100% - 30px);
    margin: 10px 15px;
    padding: 7px 30px 7px 9px;
    border: 1px solid #999;
    border-radius: 3px;
}
.selectr-notice {
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 16px;
    border-top: 1px solid #999;
    border-radius: 0 0 3px 3px;
    background-color: #fff;
}
.selectr-container.notice .selectr-notice {
    display: block;
}
.selectr-container.notice .selectr-selected {
    border-radius: 3px 3px 0 0;
}
.selectr-options {
    position: relative;
    top: calc(100% + 2px);
    display: none;
    overflow-x: auto;
    overflow-y: scroll;
    max-height: 200px;
    margin: 0;
    padding: 0;
}
.selectr-container.notice .selectr-options-container,
.selectr-container.open .selectr-input-container,
.selectr-container.open .selectr-options {
    display: block;
}
.selectr-option {
    position: relative;
    display: block;
    padding: 5px 20px;
    list-style: outside none none;
    cursor: pointer;
    font-weight: 400;
}
.selectr-options.optgroups > .selectr-option {
    padding-left: 25px;
}
.selectr-optgroup {
    font-weight: 700;
    padding: 0;
}
.selectr-optgroup--label {
    font-weight: 700;
    margin-top: 10px;
    padding: 5px 15px;
}
.selectr-match {
    text-decoration: underline;
}
.selectr-option.selected {
    background-color: #ddd;
}
.selectr-option.active {
    color: #fff;
    background-color: #5897fb;
}
.selectr-option.disabled {
    opacity: 0.4;
}
.selectr-option.excluded {
    display: none;
}
.selectr-container.open .selectr-selected {
    border-color: #999 #999 transparent #999;
    border-radius: 3px 3px 0 0;
}
.selectr-container.open .selectr-selected::after {
    -o-transform: rotate(180deg) translate3d(0, 50%, 0);
    -ms-transform: rotate(180deg) translate3d(0, 50%, 0);
    -moz-transform: rotate(180deg) translate3d(0, 50%, 0);
    -webkit-transform: rotate(180deg) translate3d(0, 50%, 0);
    transform: rotate(180deg) translate3d(0, 50%, 0);
}
.selectr-disabled {
    opacity: 0.6;
}
.has-selected .selectr-placeholder,
.selectr-empty {
    display: none;
}
.has-selected .selectr-label {
    display: block;
}
.taggable .selectr-selected {
    padding: 4px 28px 4px 4px;
}
.taggable .selectr-selected::after {
    display: table;
    content: " ";
    clear: both;
}
.taggable .selectr-label {
    width: auto;
}
.taggable .selectr-tags {
    float: left;
    display: block;
}
.taggable .selectr-placeholder {
    display: none;
}
.input-tag {
    float: left;
    min-width: 90px;
    width: auto;
}
.selectr-tag-input {
    border: medium;
    padding: 3px 10px;
    width: 100%;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}
.selectr-input-container.loading::after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    content: "";
    -o-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -o-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -moz-animation: 0.5s linear 0s normal forwards infinite running selectr-spin;
    -webkit-animation: 0.5s linear 0s normal forwards infinite running selectr-spin;
    animation: 0.5s linear 0s normal forwards infinite running selectr-spin;
    border-width: 3px;
    border-style: solid;
    border-color: #aaa #ddd #ddd;
    border-radius: 50%;
}
@-webkit-keyframes selectr-spin {
    0% {
        -webkit-transform: rotate(0) translate3d(0, -50%, 0);
        transform: rotate(0) translate3d(0, -50%, 0);
    }
    to {
        -webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
        transform: rotate(360deg) translate3d(0, -50%, 0);
    }
}
@keyframes selectr-spin {
    0% {
        -webkit-transform: rotate(0) translate3d(0, -50%, 0);
        transform: rotate(0) translate3d(0, -50%, 0);
    }
    to {
        -webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
        transform: rotate(360deg) translate3d(0, -50%, 0);
    }
}
.selectr-container.open.inverted .selectr-selected {
    border-color: transparent #999 #999;
    border-radius: 0 0 3px 3px;
}
.selectr-container.inverted .selectr-options-container {
    border-width: 1px 1px 0;
    border-color: #999 #999 transparent;
    border-radius: 3px 3px 0 0;
    background-color: #fff;
}
.selectr-container.inverted .selectr-options-container {
    top: auto;
    bottom: calc(100% - 1px);
}
.selectr-container ::-webkit-input-placeholder {
    color: #6c7a86;
    opacity: 1;
}
.selectr-container ::-moz-placeholder {
    color: #6c7a86;
    opacity: 1;
}
.selectr-container :-ms-input-placeholder {
    color: #6c7a86;
    opacity: 1;
}
.selectr-container ::placeholder {
    color: #6c7a86;
    opacity: 1;
}
.text-blue {
    color: #408dfb !important;
}
*,
::before,
::after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-family: var(--zf-font-family-base);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 10px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #408dfb;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #206ddc;
    text-decoration: underline;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}
pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: var(--zf-grey-12);
    text-align: left;
    caption-side: bottom;
}
th {
    text-align: inherit;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
select {
    word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
@media print {
    *,
    ::before,
    ::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    @page {
        size: a3;
    }
    body {
        min-width: 980px !important;
    }
    .container {
        min-width: 980px !important;
    }
    .navbar {
        display: none;
    }
    .badge {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: var(--zf-table-border-color);
    }
    .table .thead-dark th {
        color: inherit;
        border-color: var(--zf-table-border-color);
    }
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
    font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
    font-size: 75%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.1;
}
h1,
.h1 {
    font-size: 2.57rem;
}
h2,
.h2 {
    font-size: 2.14rem;
}
h3,
.h3 {
    font-size: 1.7rem;
}
h4,
.h4 {
    font-size: 1.3rem;
}
h5,
.h5 {
    font-size: 1rem;
}
h6,
.h6 {
    font-size: 0.86rem;
}
.lead {
    font-size: 1.5rem;
    font-weight: 300;
}
.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1;
}
.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
    font-size: 80%;
    font-weight: 400;
}
mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.blockquote {
    margin-bottom: 10px;
    font-size: 1.25rem;
}
.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}
.blockquote-footer::before {
    content: "— ";
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}
.figure {
    display: inline-block;
}
.figure-img {
    margin-bottom: 5px;
    line-height: 1;
}
.figure-caption {
    font-size: 90%;
    color: #6c757d;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 980px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col-xxl,
.col-xxl-auto,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}
.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}
.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}
.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}
.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    order: -1;
}
.order-last {
    order: 13;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.offset-1 {
    margin-left: 8.3333333333%;
}
.offset-2 {
    margin-left: 16.6666666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.3333333333%;
}
.offset-5 {
    margin-left: 41.6666666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.3333333333%;
}
.offset-8 {
    margin-left: 66.6666666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.3333333333%;
}
.offset-11 {
    margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .order-md-5 {
        order: 5;
    }
    .order-md-6 {
        order: 6;
    }
    .order-md-7 {
        order: 7;
    }
    .order-md-8 {
        order: 8;
    }
    .order-md-9 {
        order: 9;
    }
    .order-md-10 {
        order: 10;
    }
    .order-md-11 {
        order: 11;
    }
    .order-md-12 {
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 980px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .order-lg-5 {
        order: 5;
    }
    .order-lg-6 {
        order: 6;
    }
    .order-lg-7 {
        order: 7;
    }
    .order-lg-8 {
        order: 8;
    }
    .order-lg-9 {
        order: 9;
    }
    .order-lg-10 {
        order: 10;
    }
    .order-lg-11 {
        order: 11;
    }
    .order-lg-12 {
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        order: -1;
    }
    .order-xl-last {
        order: 13;
    }
    .order-xl-0 {
        order: 0;
    }
    .order-xl-1 {
        order: 1;
    }
    .order-xl-2 {
        order: 2;
    }
    .order-xl-3 {
        order: 3;
    }
    .order-xl-4 {
        order: 4;
    }
    .order-xl-5 {
        order: 5;
    }
    .order-xl-6 {
        order: 6;
    }
    .order-xl-7 {
        order: 7;
    }
    .order-xl-8 {
        order: 8;
    }
    .order-xl-9 {
        order: 9;
    }
    .order-xl-10 {
        order: 10;
    }
    .order-xl-11 {
        order: 11;
    }
    .order-xl-12 {
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}
@media (min-width: 1400px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xxl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-xxl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xxl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-xxl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xxl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-xxl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xxl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-xxl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xxl-first {
        order: -1;
    }
    .order-xxl-last {
        order: 13;
    }
    .order-xxl-0 {
        order: 0;
    }
    .order-xxl-1 {
        order: 1;
    }
    .order-xxl-2 {
        order: 2;
    }
    .order-xxl-3 {
        order: 3;
    }
    .order-xxl-4 {
        order: 4;
    }
    .order-xxl-5 {
        order: 5;
    }
    .order-xxl-6 {
        order: 6;
    }
    .order-xxl-7 {
        order: 7;
    }
    .order-xxl-8 {
        order: 8;
    }
    .order-xxl-9 {
        order: 9;
    }
    .order-xxl-10 {
        order: 10;
    }
    .order-xxl-11 {
        order: 11;
    }
    .order-xxl-12 {
        order: 12;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.3333333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.6666666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.3333333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.6666666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.3333333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.6666666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.3333333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.6666666667%;
    }
}
.table {
    width: 100%;
    margin-bottom: 10px;
    color: #212529;
}
.table th,
.table td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid var(--zf-table-border-color);
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--zf-table-border-color);
}
.table tbody + tbody {
    border-top: 2px solid var(--zf-table-border-color);
}
.table-sm th,
.table-sm td {
    padding: 0.3rem;
}
.table-bordered {
    border: 1px solid var(--zf-table-border-color);
}
.table-bordered th,
.table-bordered td {
    border: 1px solid var(--zf-table-border-color);
}
.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: var(--zf-table-row-hover-bg-color);
}
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #f4ccc5;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #eaa093;
}
.table-hover .table-primary:hover {
    background-color: #f0b9b0;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #f0b9b0;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #fcfcfc;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
    border-color: #fafafa;
}
.table-hover .table-secondary:hover {
    background-color: #efefef;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #efefef;
}
.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #fdcfd1;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    border-color: #fba5a9;
}
.table-hover .table-danger:hover {
    background-color: #fcb7ba;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #fcb7ba;
}
.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #fee0c6;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
    border-color: #fec695;
}
.table-hover .table-warning:hover {
    background-color: #fed2ad;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #fed2ad;
}
.table-info,
.table-info > th,
.table-info > td {
    background-color: #cadffe;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
    border-color: #9cc4fd;
}
.table-hover .table-info:hover {
    background-color: #b1d0fe;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #b1d0fe;
}
.table-success,
.table-success > th,
.table-success > td {
    background-color: #c1ead9;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    border-color: #8cd7b9;
}
.table-hover .table-success:hover {
    background-color: #aee4cd;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #aee4cd;
}
.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
    border-color: #fbfcfc;
}
.table-hover .table-light:hover {
    background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #95999c;
}
.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
    background-color: #f1f1fa;
}
.table-hover .table-active:hover {
    background-color: #dedef3;
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: #dedef3;
}
.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}
.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: var(--zf-table-border-color);
}
.table-dark {
    color: #fff;
    background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55;
}
.table-dark.table-bordered {
    border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-sm > .table-bordered {
        border: 0;
    }
}
@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-md > .table-bordered {
        border: 0;
    }
}
@media (max-width: 979.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}
@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xl > .table-bordered {
        border: 0;
    }
}
@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive-xxl > .table-bordered {
        border: 0;
    }
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
    border: 0;
}
.table thead:first-child tr:first-child th {
    border-top: 1px solid #ddd;
}
.card > .table-bordered {
    border: 0;
}
.card > .table-bordered > thead > tr > th:first-of-type,
.card > .table-bordered > thead > tr > td:first-of-type,
.card > .table-bordered > tbody > tr > th:first-of-type,
.card > .table-bordered > tbody > tr > td:first-of-type,
.card > .table-bordered > tfoot > tr > th:first-of-type,
.card > .table-bordered > tfoot > tr > td:first-of-type {
    border-left: 0;
}
.card > .table-bordered > thead > tr > th:last-of-type,
.card > .table-bordered > thead > tr > td:last-of-type,
.card > .table-bordered > tbody > tr > th:last-of-type,
.card > .table-bordered > tbody > tr > td:last-of-type,
.card > .table-bordered > tfoot > tr > th:last-of-type,
.card > .table-bordered > tfoot > tr > td:last-of-type {
    border-right: 0;
}
.card > .table-bordered > thead > tr:first-of-type > td,
.card > .table-bordered > thead > tr:first-of-type > th,
.card > .table-bordered > tbody > tr:first-of-type > td,
.card > .table-bordered > tbody > tr:first-of-type > th {
    border-bottom: 0;
}
.card > .table-bordered > tbody > tr:last-of-type > td,
.card > .table-bordered > tbody > tr:last-of-type > th,
.card > .table-bordered > tfoot > tr:last-of-type > td,
.card > .table-bordered > tfoot > tr:last-of-type > th {
    border-bottom: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: var(--zf-form-input-height);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--zf-form-input-border-color);
    border-radius: var(--zf-form-input-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--zf-form-input-focus-border-color);
    outline: 0;
    box-shadow: var(--zf-form-input-focus-box-shadow);
}
.form-control::placeholder {
    color: var(--zf-form-input-placeholder-color);
    opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #f9f9fb;
    opacity: 1;
}
select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.6;
    font-weight: 600;
}
.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}
.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.6;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}
.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
select.form-control[size],
select.form-control[multiple] {
    height: auto;
}
textarea.form-control {
    height: auto;
}
.form-group {
    margin-bottom: 1rem;
}
.form-text {
    display: block;
    margin-top: 5px;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
    color: var(--zf-grey-12);
}
.form-check-label {
    margin-bottom: 0;
}
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 5px;
    font-size: 80%;
    color: #28a745;
}
.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.6;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}
.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #28a745;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #28a745;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
    display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 5px;
    font-size: 80%;
    color: #dc3545;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.6;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.form-inline .form-check {
    width: 100%;
}
@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
        display: inline-block;
    }
    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }
    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}
label {
    font-weight: 400;
}
.form-text {
    color: var(--zf-grey-12);
    line-height: 1.3;
}
@media (min-width: 768px) {
    .col-form-label {
        text-align: left;
    }
}
.lead {
    font-weight: 400;
}
input::-ms-clear {
    display: none;
}
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}
.form-control.is-invalid:not(:focus) {
    border-color: var(--zf-form-input-invalid-border-color);
}
.form-control.is-valid:not(:focus) {
    border-color: var(--zf-form-input-border-color);
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
    color: #212529;
    text-decoration: none;
}
.btn:focus,
.btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(64, 141, 251, 0.25);
}
.btn.disabled,
.btn:disabled {
    opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}
.btn-primary {
    color: #fff;
    background-color: #d64830;
    border-color: #d64830;
}
.btn-primary:hover {
    color: #fff;
    background-color: #bb3b25;
    border-color: #b03723;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 99, 79, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #d64830;
    border-color: #d64830;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #b03723;
    border-color: #a53421;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 99, 79, 0.5);
}
.btn-secondary {
    color: #212529;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-secondary:hover {
    color: #212529;
    background-color: #e2e2e2;
    border-color: #dcdcdc;
}
.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #dcdcdc;
    border-color: #d5d5d5;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(213, 214, 214, 0.5);
}
.btn-danger {
    color: #fff;
    background-color: #f7525a;
    border-color: #f7525a;
}
.btn-danger:hover {
    color: #fff;
    background-color: #f52d37;
    border-color: #f5212c;
}
.btn-danger:focus,
.btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 108, 115, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #f7525a;
    border-color: #f7525a;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f5212c;
    border-color: #f41520;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 108, 115, 0.5);
}
.btn-warning {
    color: #212529;
    background-color: #fd9134;
    border-color: #fd9134;
}
.btn-warning:hover {
    color: #212529;
    background-color: #fd7c0e;
    border-color: #fc7602;
}
.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 129, 50, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #fd9134;
    border-color: #fd9134;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #fc7602;
    border-color: #ef7002;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 129, 50, 0.5);
}
.btn-info {
    color: #fff;
    background-color: #408dfb;
    border-color: #408dfb;
}
.btn-info:hover {
    color: #fff;
    background-color: #1b77fa;
    border-color: #0e6ffa;
}
.btn-info:focus,
.btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(93, 158, 252, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #408dfb;
    border-color: #408dfb;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0e6ffa;
    border-color: #0568f6;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(93, 158, 252, 0.5);
}
.btn-success {
    color: #fff;
    background-color: #22b378;
    border-color: #22b378;
}
.btn-success:hover {
    color: #fff;
    background-color: #1c9362;
    border-color: #1a885b;
}
.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(67, 190, 140, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #22b378;
    border-color: #22b378;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1a885b;
    border-color: #187d54;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(67, 190, 140, 0.5);
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
    color: #d64830;
    border-color: #d64830;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #d64830;
    border-color: #d64830;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(214, 72, 48, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #d64830;
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #d64830;
    border-color: #d64830;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(214, 72, 48, 0.5);
}
.btn-outline-secondary {
    color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-outline-secondary:hover {
    color: #212529;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #f5f5f5;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}
.btn-outline-danger {
    color: #f7525a;
    border-color: #f7525a;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #f7525a;
    border-color: #f7525a;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 82, 90, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #f7525a;
    background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #f7525a;
    border-color: #f7525a;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 82, 90, 0.5);
}
.btn-outline-warning {
    color: #fd9134;
    border-color: #fd9134;
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #fd9134;
    border-color: #fd9134;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(253, 145, 52, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #fd9134;
    background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #fd9134;
    border-color: #fd9134;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(253, 145, 52, 0.5);
}
.btn-outline-info {
    color: #408dfb;
    border-color: #408dfb;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #408dfb;
    border-color: #408dfb;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(64, 141, 251, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #408dfb;
    background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #408dfb;
    border-color: #408dfb;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(64, 141, 251, 0.5);
}
.btn-outline-success {
    color: #22b378;
    border-color: #22b378;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #22b378;
    border-color: #22b378;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 179, 120, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #22b378;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #22b378;
    border-color: #22b378;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(34, 179, 120, 0.5);
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
    font-weight: 400;
    color: #408dfb;
    text-decoration: none;
}
.btn-link:hover {
    color: #206ddc;
    text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
    text-decoration: underline;
    box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
.btn-secondary {
    border-color: var(--zf-btn-border-color);
    background-color: var(--zf-btn-secondary-bg);
}
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active {
    background-color: var(--zf-btn-secondary-hover-bg);
    border-color: var(--zf-btn-secondary-hover-border-color);
}
.btn-secondary:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}
.btn {
    border-radius: var(--zf-btn-border-radius);
    padding: var(--zf-btn-padding);
}
.btn:focus {
    outline: 0;
}
.btn.btn-lg,
.btn-group-lg > .btn {
    padding: var(--zf-btn-lg-padding);
    font-size: var(--zf-btn-lg-font-size);
}
.btn.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
}
.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
}
.btn-blue {
    background-color: #268ddd;
    color: #fff;
}
.btn-blue:focus,
.btn-blue:hover {
    color: #fff;
    background-color: #2083cf;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-dark-blue {
    background-color: #0360d5;
    color: #fff;
}
.btn-outline-blue {
    color: #268ddd;
    border-color: #268ddd;
}
.btn-outline-blue:hover {
    color: #fff;
    background-color: #268ddd;
    border-color: #268ddd;
}
.btn-outline-blue:focus,
.btn-outline-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 141, 221, 0.5);
}
.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
    color: #268ddd;
    background-color: transparent;
}
.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #268ddd;
    border-color: #268ddd;
}
.btn-outline-blue:not(:disabled):not(.disabled):active:focus,
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 141, 221, 0.5);
}
.btn-group > .btn.btn-secondary.active,
.btn-secondary.active:hover {
    color: #333;
    background-image: none;
    background-color: #e1e1e1;
    cursor: default;
    border-color: #c6c6c6;
}
.btn-group > .btn.btn-secondary.active:focus,
.btn-secondary.active:hover:focus {
    box-shadow: none;
}
.btn-outline {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-outline:focus,
.btn-outline:hover {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.btn-group .btn-primary + .btn-primary {
    border-left: var(--zf-btn-group-primary-border);
}
.btn.btn-flat {
    border-radius: 0;
}
.btn-xs {
    padding: 1px 5px;
    font-size: 0.859375rem;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn-group,
.btn-toolbar > .btn-group + .btn {
    margin-left: 10px;
}
button.dropdown-item {
    outline: 0;
}
.btn.btn-attachment {
    border-style: dashed;
    border-color: #ddd;
}
.btn.btn-attachment:focus,
.btn.btn-attachment:hover {
    border-color: #2098ff;
}
.add-line-item-btn {
    border-radius: 4px;
    background-color: #eee;
}
.add-line-item-btn .add-line-item-separator {
    border-color: #fff;
}
.add-line-item-separator {
    border-left: 1px solid #eee;
    padding: 0 5px 2px;
    height: 14px;
    margin-top: 8px;
    margin-bottom: 0;
}
.btn.btn-text {
    padding: 0;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid var(--zf-grey-17);
    border-radius: 0.25rem;
}
.card > hr {
    margin-right: 0;
    margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: 0.75rem;
}
.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link:hover {
    text-decoration: none;
}
.card-link + .card-link {
    margin-left: 1.25rem;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: var(--zf-blue-4);
    border-bottom: 1px solid var(--zf-grey-17);
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}
.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: var(--zf-blue-4);
    border-top: 1px solid var(--zf-grey-17);
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}
.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
    display: flex;
    flex-direction: column;
}
.card-deck .card {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}
.card-group {
    display: flex;
    flex-direction: column;
}
.card-group > .card {
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .card-group {
        flex-flow: row wrap;
    }
    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group > .card + .card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}
.card-columns .card {
    margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}
.accordion > .card {
    overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}
.accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion > .card .card-header {
    margin-bottom: -1px;
}
.fade {
    transition: opacity 0.15s linear;
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}
.dropdown-toggle {
    white-space: nowrap;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: var(--zf-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--zf-grey-17);
    border-radius: var(--zf-dropdown-border-radius);
}
.dropdown-menu-left {
    right: auto;
    left: 0;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 980px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}
@media (min-width: 1400px) {
    .dropdown-menu-xxl-left {
        right: auto;
        left: 0;
    }
    .dropdown-menu-xxl-right {
        right: 0;
        left: auto;
    }
}
.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropright .dropdown-toggle::after {
    vertical-align: 0;
}
.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}
.dropleft .dropdown-toggle::after {
    display: none;
}
.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}
.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}
.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}
.dropdown-divider {
    height: 0;
    margin: 5px 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--zf-dropdown-item-padding-y) var(--zf-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--zf-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--zf-dropdown-link-hover-color);
    text-decoration: none;
    background-color: #f8f9fa;
}
.dropdown-item.active,
.dropdown-item:active {
    color: var(--zf-dropdown-link-color);
    text-decoration: none;
    background-color: var(--zf-dropdown-link-hover-bg-color);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--zf-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-header {
    display: block;
    padding: 0.5rem var(--zf-dropdown-item-padding-x);
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--zf-dropdown-header-color);
    white-space: nowrap;
}
.dropdown-item-text {
    display: block;
    padding: var(--zf-dropdown-item-padding-y) var(--zf-dropdown-item-padding-x);
    color: var(--zf-dropdown-link-color);
}
.dropdown-menu {
    min-width: 100%;
}
.dropdown-menu .dropdown-item:hover .help-text {
    color: #fff !important;
}
.dropdown-menu .dropdown-item:disabled {
    cursor: not-allowed;
    pointer-events: all;
}
.dropdown-menu-width {
    min-width: 160px;
    margin-left: 18px;
}
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.btn-toolbar .input-group {
    width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}
.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
    margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .custom-file {
    display: flex;
    align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
    display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    margin-left: -1px;
}
.input-group-prepend {
    margin-right: -1px;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #21263c;
    text-align: center;
    white-space: nowrap;
    background-color: #f9f9fb;
    border: 1px solid var(--zf-form-input-border-color);
    border-radius: var(--zf-form-input-border-radius);
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
    margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.72rem 1.08rem;
}
.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-pills .nav-link {
    border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #408dfb;
}
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
}
.navbar > .container,
.navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0.52rem;
    padding-bottom: 0.52rem;
    margin-right: 10px;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-text {
    display: inline-block;
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}
@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (max-width: 979.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 980px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1399.98px) {
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid {
        flex-wrap: nowrap;
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
}
.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
    flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
    color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
    color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
a.badge:hover,
a.badge:focus {
    text-decoration: none;
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}
.badge-primary {
    color: #fff;
    background-color: #d64830;
}
a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #b03723;
}
a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(214, 72, 48, 0.5);
}
.badge-secondary {
    color: #212529;
    background-color: #f5f5f5;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #212529;
    background-color: #dcdcdc;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(245, 245, 245, 0.5);
}
.badge-danger {
    color: #fff;
    background-color: #f7525a;
}
a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #f5212c;
}
a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(247, 82, 90, 0.5);
}
.badge-warning {
    color: #212529;
    background-color: #fd9134;
}
a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: #fc7602;
}
a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(253, 145, 52, 0.5);
}
.badge-info {
    color: #fff;
    background-color: #408dfb;
}
a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #0e6ffa;
}
a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(64, 141, 251, 0.5);
}
.badge-success {
    color: #fff;
    background-color: #22b378;
}
a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #1a885b;
}
a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(34, 179, 120, 0.5);
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}
a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}
a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
    color: #fff;
    background-color: #343a40;
}
a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}
a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.badge {
    color: #fff;
    border-radius: var(--zf-badge-border-radius);
}
.badge-blue-highlight {
    color: #fff;
    padding: 3px 8px;
    background-color: #2098ff;
    border-radius: 20px;
}
.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 8px;
}
.alert-heading {
    color: inherit;
}
.alert-link {
    font-weight: 700;
}
.alert-dismissible {
    padding-right: 3.5rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem 1rem;
    color: inherit;
}
.alert-primary {
    color: #6f2519;
    background-color: #fbece9;
    border-color: #f4ccc5;
}
.alert-primary hr {
    border-top-color: #f0b9b0;
}
.alert-primary .alert-link {
    color: #451710;
}
.alert-secondary {
    color: #7f7f7f;
    background-color: #fefefe;
    border-color: #fcfcfc;
}
.alert-secondary hr {
    border-top-color: #efefef;
}
.alert-secondary .alert-link {
    color: #666;
}
.alert-danger {
    color: #802b2f;
    background-color: #feedee;
    border-color: #fdcfd1;
}
.alert-danger hr {
    border-top-color: #fcb7ba;
}
.alert-danger .alert-link {
    color: #5a1e21;
}
.alert-warning {
    color: #844b1b;
    background-color: #fff4ea;
    border-color: #fee0c6;
}
.alert-warning hr {
    border-top-color: #fed2ad;
}
.alert-warning .alert-link {
    color: #5a3312;
}
.alert-info {
    color: #214983;
    background-color: #ebf3ff;
    border-color: #cadffe;
}
.alert-info hr {
    border-top-color: #b1d0fe;
}
.alert-info .alert-link {
    color: #17325a;
}
.alert-success {
    color: #125d3e;
    background-color: #e8f7f1;
    border-color: #c1ead9;
}
.alert-success hr {
    border-top-color: #aee4cd;
}
.alert-success .alert-link {
    color: #0a3222;
}
.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.alert-light hr {
    border-top-color: #ececf6;
}
.alert-light .alert-link {
    color: #686868;
}
.alert-dark {
    color: #1b1e21;
    background-color: #eaebeb;
    border-color: #c6c8ca;
}
.alert-dark hr {
    border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
    color: #040505;
}
.alert {
    color: #21263c;
    border-color: transparent;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert .close {
    opacity: 1;
}
.alert-danger-light {
    background-color: #f8f1f3;
    border: 1px solid #fff;
}
@keyframes progress-bar-stripes {
    0% {
        background-position: 1.4rem 0;
    }
    to {
        background-position: 0 0;
    }
}
.progress {
    display: flex;
    height: 1.4rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}
.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #408dfb;
    transition: width 0.6s ease;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1.4rem 1.4rem;
}
.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}
.media {
    display: flex;
    align-items: flex-start;
}
.media-body {
    flex: 1;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #408dfb;
    border-color: #408dfb;
}
.list-group-horizontal {
    flex-direction: row;
}
.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }
    .list-group-horizontal-sm .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }
    .list-group-horizontal-md .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 980px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }
    .list-group-horizontal-lg .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }
    .list-group-horizontal-xl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row;
    }
    .list-group-horizontal-xxl .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .list-group-horizontal-xxl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xxl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }
}
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
.list-group-item-primary {
    color: #6f2519;
    background-color: #f4ccc5;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #6f2519;
    background-color: #f0b9b0;
}
.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #6f2519;
    border-color: #6f2519;
}
.list-group-item-secondary {
    color: #7f7f7f;
    background-color: #fcfcfc;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #7f7f7f;
    background-color: #efefef;
}
.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
}
.list-group-item-danger {
    color: #802b2f;
    background-color: #fdcfd1;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #802b2f;
    background-color: #fcb7ba;
}
.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #802b2f;
    border-color: #802b2f;
}
.list-group-item-warning {
    color: #844b1b;
    background-color: #fee0c6;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #844b1b;
    background-color: #fed2ad;
}
.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #844b1b;
    border-color: #844b1b;
}
.list-group-item-info {
    color: #214983;
    background-color: #cadffe;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #214983;
    background-color: #b1d0fe;
}
.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #214983;
    border-color: #214983;
}
.list-group-item-success {
    color: #125d3e;
    background-color: #c1ead9;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #125d3e;
    background-color: #aee4cd;
}
.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #125d3e;
    border-color: #125d3e;
}
.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}
.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}
.close:hover {
    color: #000;
    text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 0.75;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}
a.close.disabled {
    pointer-events: none;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
.modal.show .modal-dialog {
    transform: none;
}
.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: 0.5;
}
.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.6;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
    .modal-sm {
        max-width: var(--zf-modal-sm);
    }
}
@media (min-width: 980px) {
    .modal-lg,
    .modal-xl {
        max-width: var(--zf-modal-lg);
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}
.modal-dialog {
    margin-top: 0;
}
.modal-content {
    border: 0;
    border-radius: var(--zf-modal-content-border-radius);
}
.modal-dialog-centered .modal-content {
    border-radius: 8px;
}
.modal-dialog-centered .modal-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.model-small-header {
    padding: 15px 20px;
}
.modal-header {
    padding: var(--zf-modal-header-padding);
}
.modal-header .close {
    opacity: unset;
}
.modal-header,
.model-small-header {
    background-color: var(--zf-blue-4);
}
.modal-header .text-muted,
.modal-header .dropdown-menu .dropdown-item .help-text,
.dropdown-menu .dropdown-item .modal-header .help-text,
.model-small-header .text-muted,
.model-small-header .dropdown-menu .dropdown-item .help-text,
.dropdown-menu .dropdown-item .model-small-header .help-text {
    font-size: 13px;
}
.modal-body {
    padding: 20px;
}
.modal-body .mute-body {
    margin: -20px;
}
.modal-footer {
    justify-content: flex-start;
    margin-top: 0;
    padding: var(--zf-modal-footer-padding);
}
.modal-footer-fixed {
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff;
}
.modal-backdrop {
    transition: all 0.3s, z-index 0s;
}
.modal-backdrop.show {
    background-color: var(--zf-modal-backdrop-color);
}
.modal-title {
    margin-top: 0;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 500px;
    font-family: var(--zf-font-family-base);
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 1rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}
.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^="right"] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^="right"] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^="left"] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^="left"] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
    display: none;
}
.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}
.align-baseline {
    vertical-align: baseline !important;
}
.align-top {
    vertical-align: top !important;
}
.align-middle {
    vertical-align: middle !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.bg-primary {
    background-color: #d64830 !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #b03723 !important;
}
.bg-secondary {
    background-color: #f5f5f5 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #dcdcdc !important;
}
.bg-danger {
    background-color: #f7525a !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #f5212c !important;
}
.bg-warning {
    background-color: #fd9134 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #fc7602 !important;
}
.bg-info {
    background-color: #408dfb !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #0e6ffa !important;
}
.bg-success {
    background-color: #22b378 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1a885b !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}
.bg-dark {
    background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.border {
    border: 1px solid var(--zf-grey-17) !important;
}
.border-top {
    border-top: 1px solid var(--zf-grey-17) !important;
}
.border-right {
    border-right: 1px solid var(--zf-grey-17) !important;
}
.border-bottom {
    border-bottom: 1px solid var(--zf-grey-17) !important;
}
.border-left {
    border-left: 1px solid var(--zf-grey-17) !important;
}
.border-0 {
    border: 0 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-left-0 {
    border-left: 0 !important;
}
.border-primary {
    border-color: #d64830 !important;
}
.border-secondary {
    border-color: #f5f5f5 !important;
}
.border-danger {
    border-color: #f7525a !important;
}
.border-warning {
    border-color: #fd9134 !important;
}
.border-info {
    border-color: #408dfb !important;
}
.border-success {
    border-color: #22b378 !important;
}
.border-light {
    border-color: #f8f9fa !important;
}
.border-dark {
    border-color: #343a40 !important;
}
.border-white {
    border-color: #fff !important;
}
.rounded-sm {
    border-radius: 0.2rem !important;
}
.rounded {
    border-radius: 0.25rem !important;
}
.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
    border-radius: 0.3rem !important;
}
.rounded-circle {
    border-radius: 50% !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.rounded-0 {
    border-radius: 0 !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 980px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
}
@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: flex !important;
    }
    .d-print-inline-flex {
        display: inline-flex !important;
    }
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-21by9::before {
    padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-4by3::before {
    padding-top: 75%;
}
.embed-responsive-1by1::before {
    padding-top: 100%;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.flex-fill {
    flex: 1 1 auto !important;
}
.flex-grow-0 {
    flex-grow: 0 !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.flex-shrink-0 {
    flex-shrink: 0 !important;
}
.flex-shrink-1 {
    flex-shrink: 1 !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.align-content-start {
    align-content: flex-start !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-content-between {
    align-content: space-between !important;
}
.align-content-around {
    align-content: space-around !important;
}
.align-content-stretch {
    align-content: stretch !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
        flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-between {
        align-content: space-between !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-between {
        align-content: space-between !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 980px) {
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-between {
        align-content: space-between !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-between {
        align-content: space-between !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        align-self: auto !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}
@media (min-width: 1400px) {
    .flex-xxl-row {
        flex-direction: row !important;
    }
    .flex-xxl-column {
        flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .flex-xxl-fill {
        flex: 1 1 auto !important;
    }
    .flex-xxl-grow-0 {
        flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        justify-content: center !important;
    }
    .justify-content-xxl-between {
        justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        justify-content: space-around !important;
    }
    .align-items-xxl-start {
        align-items: flex-start !important;
    }
    .align-items-xxl-end {
        align-items: flex-end !important;
    }
    .align-items-xxl-center {
        align-items: center !important;
    }
    .align-items-xxl-baseline {
        align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        align-items: stretch !important;
    }
    .align-content-xxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxl-center {
        align-content: center !important;
    }
    .align-content-xxl-between {
        align-content: space-between !important;
    }
    .align-content-xxl-around {
        align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        align-content: stretch !important;
    }
    .align-self-xxl-auto {
        align-self: auto !important;
    }
    .align-self-xxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxl-center {
        align-self: center !important;
    }
    .align-self-xxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        align-self: stretch !important;
    }
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-none {
    float: none !important;
}
@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }
    .float-sm-right {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }
    .float-md-right {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
}
@media (min-width: 980px) {
    .float-lg-left {
        float: left !important;
    }
    .float-lg-right {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }
    .float-xl-right {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
}
@media (min-width: 1400px) {
    .float-xxl-left {
        float: left !important;
    }
    .float-xxl-right {
        float: right !important;
    }
    .float-xxl-none {
        float: none !important;
    }
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.position-static {
    position: static !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.position-fixed {
    position: fixed !important;
}
.position-sticky {
    position: sticky !important;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.mw-100 {
    max-width: 100% !important;
}
.mh-100 {
    max-height: 100% !important;
}
.min-vw-100 {
    min-width: 100vw !important;
}
.min-vh-100 {
    min-height: 100vh !important;
}
.vw-100 {
    width: 100vw !important;
}
.vh-100 {
    height: 100vh !important;
}
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}
.m-5 {
    margin: 20px !important;
}
.mt-5,
.my-5 {
    margin-top: 20px !important;
}
.mr-5,
.mx-5 {
    margin-right: 20px !important;
}
.mb-5,
.my-5 {
    margin-bottom: 20px !important;
}
.ml-5,
.mx-5 {
    margin-left: 20px !important;
}
.m-6 {
    margin: 25px !important;
}
.mt-6,
.my-6 {
    margin-top: 25px !important;
}
.mr-6,
.mx-6 {
    margin-right: 25px !important;
}
.mb-6,
.my-6 {
    margin-bottom: 25px !important;
}
.ml-6,
.mx-6 {
    margin-left: 25px !important;
}
.m-7 {
    margin: 30px !important;
}
.mt-7,
.my-7 {
    margin-top: 30px !important;
}
.mr-7,
.mx-7 {
    margin-right: 30px !important;
}
.mb-7,
.my-7 {
    margin-bottom: 30px !important;
}
.ml-7,
.mx-7 {
    margin-left: 30px !important;
}
.m-8 {
    margin: 35px !important;
}
.mt-8,
.my-8 {
    margin-top: 35px !important;
}
.mr-8,
.mx-8 {
    margin-right: 35px !important;
}
.mb-8,
.my-8 {
    margin-bottom: 35px !important;
}
.ml-8,
.mx-8 {
    margin-left: 35px !important;
}
.m-9 {
    margin: 40px !important;
}
.mt-9,
.my-9 {
    margin-top: 40px !important;
}
.mr-9,
.mx-9 {
    margin-right: 40px !important;
}
.mb-9,
.my-9 {
    margin-bottom: 40px !important;
}
.ml-9,
.mx-9 {
    margin-left: 40px !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0,
.my-0 {
    margin-top: 0 !important;
}
.mr-0,
.mx-0 {
    margin-right: 0 !important;
}
.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
    margin-left: 0 !important;
}
.m-1 {
    margin: 2.5px !important;
}
.mt-1,
.my-1 {
    margin-top: 2.5px !important;
}
.mr-1,
.mx-1 {
    margin-right: 2.5px !important;
}
.mb-1,
.my-1 {
    margin-bottom: 2.5px !important;
}
.ml-1,
.mx-1 {
    margin-left: 2.5px !important;
}
.m-2 {
    margin: 5px !important;
}
.mt-2,
.my-2 {
    margin-top: 5px !important;
}
.mr-2,
.mx-2 {
    margin-right: 5px !important;
}
.mb-2,
.my-2 {
    margin-bottom: 5px !important;
}
.ml-2,
.mx-2 {
    margin-left: 5px !important;
}
.m-3 {
    margin: 10px !important;
}
.mt-3,
.my-3 {
    margin-top: 10px !important;
}
.mr-3,
.mx-3 {
    margin-right: 10px !important;
}
.mb-3,
.my-3 {
    margin-bottom: 10px !important;
}
.ml-3,
.mx-3 {
    margin-left: 10px !important;
}
.m-4 {
    margin: 15px !important;
}
.mt-4,
.my-4 {
    margin-top: 15px !important;
}
.mr-4,
.mx-4 {
    margin-right: 15px !important;
}
.mb-4,
.my-4 {
    margin-bottom: 15px !important;
}
.ml-4,
.mx-4 {
    margin-left: 15px !important;
}
.p-5 {
    padding: 20px !important;
}
.pt-5,
.py-5 {
    padding-top: 20px !important;
}
.pr-5,
.px-5 {
    padding-right: 20px !important;
}
.pb-5,
.py-5 {
    padding-bottom: 20px !important;
}
.pl-5,
.px-5 {
    padding-left: 20px !important;
}
.p-6 {
    padding: 25px !important;
}
.pt-6,
.py-6 {
    padding-top: 25px !important;
}
.pr-6,
.px-6 {
    padding-right: 25px !important;
}
.pb-6,
.py-6 {
    padding-bottom: 25px !important;
}
.pl-6,
.px-6 {
    padding-left: 25px !important;
}
.p-7 {
    padding: 30px !important;
}
.pt-7,
.py-7 {
    padding-top: 30px !important;
}
.pr-7,
.px-7 {
    padding-right: 30px !important;
}
.pb-7,
.py-7 {
    padding-bottom: 30px !important;
}
.pl-7,
.px-7 {
    padding-left: 30px !important;
}
.p-8 {
    padding: 35px !important;
}
.pt-8,
.py-8 {
    padding-top: 35px !important;
}
.pr-8,
.px-8 {
    padding-right: 35px !important;
}
.pb-8,
.py-8 {
    padding-bottom: 35px !important;
}
.pl-8,
.px-8 {
    padding-left: 35px !important;
}
.p-9 {
    padding: 40px !important;
}
.pt-9,
.py-9 {
    padding-top: 40px !important;
}
.pr-9,
.px-9 {
    padding-right: 40px !important;
}
.pb-9,
.py-9 {
    padding-bottom: 40px !important;
}
.pl-9,
.px-9 {
    padding-left: 40px !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0,
.py-0 {
    padding-top: 0 !important;
}
.pr-0,
.px-0 {
    padding-right: 0 !important;
}
.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
    padding-left: 0 !important;
}
.p-1 {
    padding: 2.5px !important;
}
.pt-1,
.py-1 {
    padding-top: 2.5px !important;
}
.pr-1,
.px-1 {
    padding-right: 2.5px !important;
}
.pb-1,
.py-1 {
    padding-bottom: 2.5px !important;
}
.pl-1,
.px-1 {
    padding-left: 2.5px !important;
}
.p-2 {
    padding: 5px !important;
}
.pt-2,
.py-2 {
    padding-top: 5px !important;
}
.pr-2,
.px-2 {
    padding-right: 5px !important;
}
.pb-2,
.py-2 {
    padding-bottom: 5px !important;
}
.pl-2,
.px-2 {
    padding-left: 5px !important;
}
.p-3 {
    padding: 10px !important;
}
.pt-3,
.py-3 {
    padding-top: 10px !important;
}
.pr-3,
.px-3 {
    padding-right: 10px !important;
}
.pb-3,
.py-3 {
    padding-bottom: 10px !important;
}
.pl-3,
.px-3 {
    padding-left: 10px !important;
}
.p-4 {
    padding: 15px !important;
}
.pt-4,
.py-4 {
    padding-top: 15px !important;
}
.pr-4,
.px-4 {
    padding-right: 15px !important;
}
.pb-4,
.py-4 {
    padding-bottom: 15px !important;
}
.pl-4,
.px-4 {
    padding-left: 15px !important;
}
.m-n5 {
    margin: -20px !important;
}
.mt-n5,
.my-n5 {
    margin-top: -20px !important;
}
.mr-n5,
.mx-n5 {
    margin-right: -20px !important;
}
.mb-n5,
.my-n5 {
    margin-bottom: -20px !important;
}
.ml-n5,
.mx-n5 {
    margin-left: -20px !important;
}
.m-n6 {
    margin: -25px !important;
}
.mt-n6,
.my-n6 {
    margin-top: -25px !important;
}
.mr-n6,
.mx-n6 {
    margin-right: -25px !important;
}
.mb-n6,
.my-n6 {
    margin-bottom: -25px !important;
}
.ml-n6,
.mx-n6 {
    margin-left: -25px !important;
}
.m-n7 {
    margin: -30px !important;
}
.mt-n7,
.my-n7 {
    margin-top: -30px !important;
}
.mr-n7,
.mx-n7 {
    margin-right: -30px !important;
}
.mb-n7,
.my-n7 {
    margin-bottom: -30px !important;
}
.ml-n7,
.mx-n7 {
    margin-left: -30px !important;
}
.m-n8 {
    margin: -35px !important;
}
.mt-n8,
.my-n8 {
    margin-top: -35px !important;
}
.mr-n8,
.mx-n8 {
    margin-right: -35px !important;
}
.mb-n8,
.my-n8 {
    margin-bottom: -35px !important;
}
.ml-n8,
.mx-n8 {
    margin-left: -35px !important;
}
.m-n9 {
    margin: -40px !important;
}
.mt-n9,
.my-n9 {
    margin-top: -40px !important;
}
.mr-n9,
.mx-n9 {
    margin-right: -40px !important;
}
.mb-n9,
.my-n9 {
    margin-bottom: -40px !important;
}
.ml-n9,
.mx-n9 {
    margin-left: -40px !important;
}
.m-n1 {
    margin: -2.5px !important;
}
.mt-n1,
.my-n1 {
    margin-top: -2.5px !important;
}
.mr-n1,
.mx-n1 {
    margin-right: -2.5px !important;
}
.mb-n1,
.my-n1 {
    margin-bottom: -2.5px !important;
}
.ml-n1,
.mx-n1 {
    margin-left: -2.5px !important;
}
.m-n2 {
    margin: -5px !important;
}
.mt-n2,
.my-n2 {
    margin-top: -5px !important;
}
.mr-n2,
.mx-n2 {
    margin-right: -5px !important;
}
.mb-n2,
.my-n2 {
    margin-bottom: -5px !important;
}
.ml-n2,
.mx-n2 {
    margin-left: -5px !important;
}
.m-n3 {
    margin: -10px !important;
}
.mt-n3,
.my-n3 {
    margin-top: -10px !important;
}
.mr-n3,
.mx-n3 {
    margin-right: -10px !important;
}
.mb-n3,
.my-n3 {
    margin-bottom: -10px !important;
}
.ml-n3,
.mx-n3 {
    margin-left: -10px !important;
}
.m-n4 {
    margin: -15px !important;
}
.mt-n4,
.my-n4 {
    margin-top: -15px !important;
}
.mr-n4,
.mx-n4 {
    margin-right: -15px !important;
}
.mb-n4,
.my-n4 {
    margin-bottom: -15px !important;
}
.ml-n4,
.mx-n4 {
    margin-left: -15px !important;
}
.m-auto {
    margin: auto !important;
}
.mt-auto,
.my-auto {
    margin-top: auto !important;
}
.mr-auto,
.mx-auto {
    margin-right: auto !important;
}
.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
    margin-left: auto !important;
}
@media (min-width: 576px) {
    .m-sm-5 {
        margin: 20px !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 20px !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 20px !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 20px !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 20px !important;
    }
    .m-sm-6 {
        margin: 25px !important;
    }
    .mt-sm-6,
    .my-sm-6 {
        margin-top: 25px !important;
    }
    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 25px !important;
    }
    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 25px !important;
    }
    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 25px !important;
    }
    .m-sm-7 {
        margin: 30px !important;
    }
    .mt-sm-7,
    .my-sm-7 {
        margin-top: 30px !important;
    }
    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 30px !important;
    }
    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 30px !important;
    }
    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 30px !important;
    }
    .m-sm-8 {
        margin: 35px !important;
    }
    .mt-sm-8,
    .my-sm-8 {
        margin-top: 35px !important;
    }
    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 35px !important;
    }
    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 35px !important;
    }
    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 35px !important;
    }
    .m-sm-9 {
        margin: 40px !important;
    }
    .mt-sm-9,
    .my-sm-9 {
        margin-top: 40px !important;
    }
    .mr-sm-9,
    .mx-sm-9 {
        margin-right: 40px !important;
    }
    .mb-sm-9,
    .my-sm-9 {
        margin-bottom: 40px !important;
    }
    .ml-sm-9,
    .mx-sm-9 {
        margin-left: 40px !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 2.5px !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 2.5px !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 2.5px !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 2.5px !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 2.5px !important;
    }
    .m-sm-2 {
        margin: 5px !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 5px !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 5px !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 5px !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 5px !important;
    }
    .m-sm-3 {
        margin: 10px !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 10px !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 10px !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 10px !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 10px !important;
    }
    .m-sm-4 {
        margin: 15px !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 15px !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 15px !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 15px !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 15px !important;
    }
    .p-sm-5 {
        padding: 20px !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 20px !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 20px !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 20px !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 20px !important;
    }
    .p-sm-6 {
        padding: 25px !important;
    }
    .pt-sm-6,
    .py-sm-6 {
        padding-top: 25px !important;
    }
    .pr-sm-6,
    .px-sm-6 {
        padding-right: 25px !important;
    }
    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 25px !important;
    }
    .pl-sm-6,
    .px-sm-6 {
        padding-left: 25px !important;
    }
    .p-sm-7 {
        padding: 30px !important;
    }
    .pt-sm-7,
    .py-sm-7 {
        padding-top: 30px !important;
    }
    .pr-sm-7,
    .px-sm-7 {
        padding-right: 30px !important;
    }
    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 30px !important;
    }
    .pl-sm-7,
    .px-sm-7 {
        padding-left: 30px !important;
    }
    .p-sm-8 {
        padding: 35px !important;
    }
    .pt-sm-8,
    .py-sm-8 {
        padding-top: 35px !important;
    }
    .pr-sm-8,
    .px-sm-8 {
        padding-right: 35px !important;
    }
    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 35px !important;
    }
    .pl-sm-8,
    .px-sm-8 {
        padding-left: 35px !important;
    }
    .p-sm-9 {
        padding: 40px !important;
    }
    .pt-sm-9,
    .py-sm-9 {
        padding-top: 40px !important;
    }
    .pr-sm-9,
    .px-sm-9 {
        padding-right: 40px !important;
    }
    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 40px !important;
    }
    .pl-sm-9,
    .px-sm-9 {
        padding-left: 40px !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 2.5px !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 2.5px !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 2.5px !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 2.5px !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 2.5px !important;
    }
    .p-sm-2 {
        padding: 5px !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 5px !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 5px !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 5px !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 5px !important;
    }
    .p-sm-3 {
        padding: 10px !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 10px !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 10px !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 10px !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 10px !important;
    }
    .p-sm-4 {
        padding: 15px !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 15px !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 15px !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 15px !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 15px !important;
    }
    .m-sm-n5 {
        margin: -20px !important;
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -20px !important;
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -20px !important;
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -20px !important;
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -20px !important;
    }
    .m-sm-n6 {
        margin: -25px !important;
    }
    .mt-sm-n6,
    .my-sm-n6 {
        margin-top: -25px !important;
    }
    .mr-sm-n6,
    .mx-sm-n6 {
        margin-right: -25px !important;
    }
    .mb-sm-n6,
    .my-sm-n6 {
        margin-bottom: -25px !important;
    }
    .ml-sm-n6,
    .mx-sm-n6 {
        margin-left: -25px !important;
    }
    .m-sm-n7 {
        margin: -30px !important;
    }
    .mt-sm-n7,
    .my-sm-n7 {
        margin-top: -30px !important;
    }
    .mr-sm-n7,
    .mx-sm-n7 {
        margin-right: -30px !important;
    }
    .mb-sm-n7,
    .my-sm-n7 {
        margin-bottom: -30px !important;
    }
    .ml-sm-n7,
    .mx-sm-n7 {
        margin-left: -30px !important;
    }
    .m-sm-n8 {
        margin: -35px !important;
    }
    .mt-sm-n8,
    .my-sm-n8 {
        margin-top: -35px !important;
    }
    .mr-sm-n8,
    .mx-sm-n8 {
        margin-right: -35px !important;
    }
    .mb-sm-n8,
    .my-sm-n8 {
        margin-bottom: -35px !important;
    }
    .ml-sm-n8,
    .mx-sm-n8 {
        margin-left: -35px !important;
    }
    .m-sm-n9 {
        margin: -40px !important;
    }
    .mt-sm-n9,
    .my-sm-n9 {
        margin-top: -40px !important;
    }
    .mr-sm-n9,
    .mx-sm-n9 {
        margin-right: -40px !important;
    }
    .mb-sm-n9,
    .my-sm-n9 {
        margin-bottom: -40px !important;
    }
    .ml-sm-n9,
    .mx-sm-n9 {
        margin-left: -40px !important;
    }
    .m-sm-n1 {
        margin: -2.5px !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -2.5px !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -2.5px !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -2.5px !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -2.5px !important;
    }
    .m-sm-n2 {
        margin: -5px !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -5px !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -5px !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -5px !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -5px !important;
    }
    .m-sm-n3 {
        margin: -10px !important;
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -10px !important;
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -10px !important;
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -10px !important;
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -10px !important;
    }
    .m-sm-n4 {
        margin: -15px !important;
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -15px !important;
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -15px !important;
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -15px !important;
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -15px !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 768px) {
    .m-md-5 {
        margin: 20px !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 20px !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 20px !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 20px !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 20px !important;
    }
    .m-md-6 {
        margin: 25px !important;
    }
    .mt-md-6,
    .my-md-6 {
        margin-top: 25px !important;
    }
    .mr-md-6,
    .mx-md-6 {
        margin-right: 25px !important;
    }
    .mb-md-6,
    .my-md-6 {
        margin-bottom: 25px !important;
    }
    .ml-md-6,
    .mx-md-6 {
        margin-left: 25px !important;
    }
    .m-md-7 {
        margin: 30px !important;
    }
    .mt-md-7,
    .my-md-7 {
        margin-top: 30px !important;
    }
    .mr-md-7,
    .mx-md-7 {
        margin-right: 30px !important;
    }
    .mb-md-7,
    .my-md-7 {
        margin-bottom: 30px !important;
    }
    .ml-md-7,
    .mx-md-7 {
        margin-left: 30px !important;
    }
    .m-md-8 {
        margin: 35px !important;
    }
    .mt-md-8,
    .my-md-8 {
        margin-top: 35px !important;
    }
    .mr-md-8,
    .mx-md-8 {
        margin-right: 35px !important;
    }
    .mb-md-8,
    .my-md-8 {
        margin-bottom: 35px !important;
    }
    .ml-md-8,
    .mx-md-8 {
        margin-left: 35px !important;
    }
    .m-md-9 {
        margin: 40px !important;
    }
    .mt-md-9,
    .my-md-9 {
        margin-top: 40px !important;
    }
    .mr-md-9,
    .mx-md-9 {
        margin-right: 40px !important;
    }
    .mb-md-9,
    .my-md-9 {
        margin-bottom: 40px !important;
    }
    .ml-md-9,
    .mx-md-9 {
        margin-left: 40px !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 2.5px !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 2.5px !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 2.5px !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 2.5px !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 2.5px !important;
    }
    .m-md-2 {
        margin: 5px !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 5px !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 5px !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 5px !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 5px !important;
    }
    .m-md-3 {
        margin: 10px !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 10px !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 10px !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 10px !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 10px !important;
    }
    .m-md-4 {
        margin: 15px !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 15px !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 15px !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 15px !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 15px !important;
    }
    .p-md-5 {
        padding: 20px !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 20px !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 20px !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 20px !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 20px !important;
    }
    .p-md-6 {
        padding: 25px !important;
    }
    .pt-md-6,
    .py-md-6 {
        padding-top: 25px !important;
    }
    .pr-md-6,
    .px-md-6 {
        padding-right: 25px !important;
    }
    .pb-md-6,
    .py-md-6 {
        padding-bottom: 25px !important;
    }
    .pl-md-6,
    .px-md-6 {
        padding-left: 25px !important;
    }
    .p-md-7 {
        padding: 30px !important;
    }
    .pt-md-7,
    .py-md-7 {
        padding-top: 30px !important;
    }
    .pr-md-7,
    .px-md-7 {
        padding-right: 30px !important;
    }
    .pb-md-7,
    .py-md-7 {
        padding-bottom: 30px !important;
    }
    .pl-md-7,
    .px-md-7 {
        padding-left: 30px !important;
    }
    .p-md-8 {
        padding: 35px !important;
    }
    .pt-md-8,
    .py-md-8 {
        padding-top: 35px !important;
    }
    .pr-md-8,
    .px-md-8 {
        padding-right: 35px !important;
    }
    .pb-md-8,
    .py-md-8 {
        padding-bottom: 35px !important;
    }
    .pl-md-8,
    .px-md-8 {
        padding-left: 35px !important;
    }
    .p-md-9 {
        padding: 40px !important;
    }
    .pt-md-9,
    .py-md-9 {
        padding-top: 40px !important;
    }
    .pr-md-9,
    .px-md-9 {
        padding-right: 40px !important;
    }
    .pb-md-9,
    .py-md-9 {
        padding-bottom: 40px !important;
    }
    .pl-md-9,
    .px-md-9 {
        padding-left: 40px !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 2.5px !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 2.5px !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 2.5px !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 2.5px !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 2.5px !important;
    }
    .p-md-2 {
        padding: 5px !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 5px !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 5px !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 5px !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 5px !important;
    }
    .p-md-3 {
        padding: 10px !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 10px !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 10px !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 10px !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 10px !important;
    }
    .p-md-4 {
        padding: 15px !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 15px !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 15px !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 15px !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 15px !important;
    }
    .m-md-n5 {
        margin: -20px !important;
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -20px !important;
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -20px !important;
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -20px !important;
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -20px !important;
    }
    .m-md-n6 {
        margin: -25px !important;
    }
    .mt-md-n6,
    .my-md-n6 {
        margin-top: -25px !important;
    }
    .mr-md-n6,
    .mx-md-n6 {
        margin-right: -25px !important;
    }
    .mb-md-n6,
    .my-md-n6 {
        margin-bottom: -25px !important;
    }
    .ml-md-n6,
    .mx-md-n6 {
        margin-left: -25px !important;
    }
    .m-md-n7 {
        margin: -30px !important;
    }
    .mt-md-n7,
    .my-md-n7 {
        margin-top: -30px !important;
    }
    .mr-md-n7,
    .mx-md-n7 {
        margin-right: -30px !important;
    }
    .mb-md-n7,
    .my-md-n7 {
        margin-bottom: -30px !important;
    }
    .ml-md-n7,
    .mx-md-n7 {
        margin-left: -30px !important;
    }
    .m-md-n8 {
        margin: -35px !important;
    }
    .mt-md-n8,
    .my-md-n8 {
        margin-top: -35px !important;
    }
    .mr-md-n8,
    .mx-md-n8 {
        margin-right: -35px !important;
    }
    .mb-md-n8,
    .my-md-n8 {
        margin-bottom: -35px !important;
    }
    .ml-md-n8,
    .mx-md-n8 {
        margin-left: -35px !important;
    }
    .m-md-n9 {
        margin: -40px !important;
    }
    .mt-md-n9,
    .my-md-n9 {
        margin-top: -40px !important;
    }
    .mr-md-n9,
    .mx-md-n9 {
        margin-right: -40px !important;
    }
    .mb-md-n9,
    .my-md-n9 {
        margin-bottom: -40px !important;
    }
    .ml-md-n9,
    .mx-md-n9 {
        margin-left: -40px !important;
    }
    .m-md-n1 {
        margin: -2.5px !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -2.5px !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -2.5px !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -2.5px !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -2.5px !important;
    }
    .m-md-n2 {
        margin: -5px !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -5px !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -5px !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -5px !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -5px !important;
    }
    .m-md-n3 {
        margin: -10px !important;
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -10px !important;
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -10px !important;
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -10px !important;
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -10px !important;
    }
    .m-md-n4 {
        margin: -15px !important;
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -15px !important;
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -15px !important;
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -15px !important;
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -15px !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 980px) {
    .m-lg-5 {
        margin: 20px !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 20px !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 20px !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 20px !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 20px !important;
    }
    .m-lg-6 {
        margin: 25px !important;
    }
    .mt-lg-6,
    .my-lg-6 {
        margin-top: 25px !important;
    }
    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 25px !important;
    }
    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 25px !important;
    }
    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 25px !important;
    }
    .m-lg-7 {
        margin: 30px !important;
    }
    .mt-lg-7,
    .my-lg-7 {
        margin-top: 30px !important;
    }
    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 30px !important;
    }
    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 30px !important;
    }
    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 30px !important;
    }
    .m-lg-8 {
        margin: 35px !important;
    }
    .mt-lg-8,
    .my-lg-8 {
        margin-top: 35px !important;
    }
    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 35px !important;
    }
    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 35px !important;
    }
    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 35px !important;
    }
    .m-lg-9 {
        margin: 40px !important;
    }
    .mt-lg-9,
    .my-lg-9 {
        margin-top: 40px !important;
    }
    .mr-lg-9,
    .mx-lg-9 {
        margin-right: 40px !important;
    }
    .mb-lg-9,
    .my-lg-9 {
        margin-bottom: 40px !important;
    }
    .ml-lg-9,
    .mx-lg-9 {
        margin-left: 40px !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 2.5px !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 2.5px !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 2.5px !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 2.5px !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 2.5px !important;
    }
    .m-lg-2 {
        margin: 5px !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 5px !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 5px !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 5px !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 5px !important;
    }
    .m-lg-3 {
        margin: 10px !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 10px !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 10px !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 10px !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 10px !important;
    }
    .m-lg-4 {
        margin: 15px !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 15px !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 15px !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 15px !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 15px !important;
    }
    .p-lg-5 {
        padding: 20px !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 20px !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 20px !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 20px !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 20px !important;
    }
    .p-lg-6 {
        padding: 25px !important;
    }
    .pt-lg-6,
    .py-lg-6 {
        padding-top: 25px !important;
    }
    .pr-lg-6,
    .px-lg-6 {
        padding-right: 25px !important;
    }
    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 25px !important;
    }
    .pl-lg-6,
    .px-lg-6 {
        padding-left: 25px !important;
    }
    .p-lg-7 {
        padding: 30px !important;
    }
    .pt-lg-7,
    .py-lg-7 {
        padding-top: 30px !important;
    }
    .pr-lg-7,
    .px-lg-7 {
        padding-right: 30px !important;
    }
    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 30px !important;
    }
    .pl-lg-7,
    .px-lg-7 {
        padding-left: 30px !important;
    }
    .p-lg-8 {
        padding: 35px !important;
    }
    .pt-lg-8,
    .py-lg-8 {
        padding-top: 35px !important;
    }
    .pr-lg-8,
    .px-lg-8 {
        padding-right: 35px !important;
    }
    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 35px !important;
    }
    .pl-lg-8,
    .px-lg-8 {
        padding-left: 35px !important;
    }
    .p-lg-9 {
        padding: 40px !important;
    }
    .pt-lg-9,
    .py-lg-9 {
        padding-top: 40px !important;
    }
    .pr-lg-9,
    .px-lg-9 {
        padding-right: 40px !important;
    }
    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 40px !important;
    }
    .pl-lg-9,
    .px-lg-9 {
        padding-left: 40px !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 2.5px !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 2.5px !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 2.5px !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 2.5px !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 2.5px !important;
    }
    .p-lg-2 {
        padding: 5px !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 5px !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 5px !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 5px !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 5px !important;
    }
    .p-lg-3 {
        padding: 10px !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 10px !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 10px !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 10px !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 10px !important;
    }
    .p-lg-4 {
        padding: 15px !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 15px !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 15px !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 15px !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 15px !important;
    }
    .m-lg-n5 {
        margin: -20px !important;
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -20px !important;
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -20px !important;
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -20px !important;
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -20px !important;
    }
    .m-lg-n6 {
        margin: -25px !important;
    }
    .mt-lg-n6,
    .my-lg-n6 {
        margin-top: -25px !important;
    }
    .mr-lg-n6,
    .mx-lg-n6 {
        margin-right: -25px !important;
    }
    .mb-lg-n6,
    .my-lg-n6 {
        margin-bottom: -25px !important;
    }
    .ml-lg-n6,
    .mx-lg-n6 {
        margin-left: -25px !important;
    }
    .m-lg-n7 {
        margin: -30px !important;
    }
    .mt-lg-n7,
    .my-lg-n7 {
        margin-top: -30px !important;
    }
    .mr-lg-n7,
    .mx-lg-n7 {
        margin-right: -30px !important;
    }
    .mb-lg-n7,
    .my-lg-n7 {
        margin-bottom: -30px !important;
    }
    .ml-lg-n7,
    .mx-lg-n7 {
        margin-left: -30px !important;
    }
    .m-lg-n8 {
        margin: -35px !important;
    }
    .mt-lg-n8,
    .my-lg-n8 {
        margin-top: -35px !important;
    }
    .mr-lg-n8,
    .mx-lg-n8 {
        margin-right: -35px !important;
    }
    .mb-lg-n8,
    .my-lg-n8 {
        margin-bottom: -35px !important;
    }
    .ml-lg-n8,
    .mx-lg-n8 {
        margin-left: -35px !important;
    }
    .m-lg-n9 {
        margin: -40px !important;
    }
    .mt-lg-n9,
    .my-lg-n9 {
        margin-top: -40px !important;
    }
    .mr-lg-n9,
    .mx-lg-n9 {
        margin-right: -40px !important;
    }
    .mb-lg-n9,
    .my-lg-n9 {
        margin-bottom: -40px !important;
    }
    .ml-lg-n9,
    .mx-lg-n9 {
        margin-left: -40px !important;
    }
    .m-lg-n1 {
        margin: -2.5px !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -2.5px !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -2.5px !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -2.5px !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -2.5px !important;
    }
    .m-lg-n2 {
        margin: -5px !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -5px !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -5px !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -5px !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -5px !important;
    }
    .m-lg-n3 {
        margin: -10px !important;
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -10px !important;
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -10px !important;
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -10px !important;
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -10px !important;
    }
    .m-lg-n4 {
        margin: -15px !important;
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -15px !important;
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -15px !important;
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -15px !important;
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -15px !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1200px) {
    .m-xl-5 {
        margin: 20px !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 20px !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 20px !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 20px !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 20px !important;
    }
    .m-xl-6 {
        margin: 25px !important;
    }
    .mt-xl-6,
    .my-xl-6 {
        margin-top: 25px !important;
    }
    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 25px !important;
    }
    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 25px !important;
    }
    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 25px !important;
    }
    .m-xl-7 {
        margin: 30px !important;
    }
    .mt-xl-7,
    .my-xl-7 {
        margin-top: 30px !important;
    }
    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 30px !important;
    }
    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 30px !important;
    }
    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 30px !important;
    }
    .m-xl-8 {
        margin: 35px !important;
    }
    .mt-xl-8,
    .my-xl-8 {
        margin-top: 35px !important;
    }
    .mr-xl-8,
    .mx-xl-8 {
        margin-right: 35px !important;
    }
    .mb-xl-8,
    .my-xl-8 {
        margin-bottom: 35px !important;
    }
    .ml-xl-8,
    .mx-xl-8 {
        margin-left: 35px !important;
    }
    .m-xl-9 {
        margin: 40px !important;
    }
    .mt-xl-9,
    .my-xl-9 {
        margin-top: 40px !important;
    }
    .mr-xl-9,
    .mx-xl-9 {
        margin-right: 40px !important;
    }
    .mb-xl-9,
    .my-xl-9 {
        margin-bottom: 40px !important;
    }
    .ml-xl-9,
    .mx-xl-9 {
        margin-left: 40px !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 2.5px !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 2.5px !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 2.5px !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 2.5px !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 2.5px !important;
    }
    .m-xl-2 {
        margin: 5px !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 5px !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 5px !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 5px !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 5px !important;
    }
    .m-xl-3 {
        margin: 10px !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 10px !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 10px !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 10px !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 10px !important;
    }
    .m-xl-4 {
        margin: 15px !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 15px !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 15px !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 15px !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 15px !important;
    }
    .p-xl-5 {
        padding: 20px !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 20px !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 20px !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 20px !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 20px !important;
    }
    .p-xl-6 {
        padding: 25px !important;
    }
    .pt-xl-6,
    .py-xl-6 {
        padding-top: 25px !important;
    }
    .pr-xl-6,
    .px-xl-6 {
        padding-right: 25px !important;
    }
    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 25px !important;
    }
    .pl-xl-6,
    .px-xl-6 {
        padding-left: 25px !important;
    }
    .p-xl-7 {
        padding: 30px !important;
    }
    .pt-xl-7,
    .py-xl-7 {
        padding-top: 30px !important;
    }
    .pr-xl-7,
    .px-xl-7 {
        padding-right: 30px !important;
    }
    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 30px !important;
    }
    .pl-xl-7,
    .px-xl-7 {
        padding-left: 30px !important;
    }
    .p-xl-8 {
        padding: 35px !important;
    }
    .pt-xl-8,
    .py-xl-8 {
        padding-top: 35px !important;
    }
    .pr-xl-8,
    .px-xl-8 {
        padding-right: 35px !important;
    }
    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 35px !important;
    }
    .pl-xl-8,
    .px-xl-8 {
        padding-left: 35px !important;
    }
    .p-xl-9 {
        padding: 40px !important;
    }
    .pt-xl-9,
    .py-xl-9 {
        padding-top: 40px !important;
    }
    .pr-xl-9,
    .px-xl-9 {
        padding-right: 40px !important;
    }
    .pb-xl-9,
    .py-xl-9 {
        padding-bottom: 40px !important;
    }
    .pl-xl-9,
    .px-xl-9 {
        padding-left: 40px !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 2.5px !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 2.5px !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 2.5px !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 2.5px !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 2.5px !important;
    }
    .p-xl-2 {
        padding: 5px !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 5px !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 5px !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 5px !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 5px !important;
    }
    .p-xl-3 {
        padding: 10px !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 10px !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 10px !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 10px !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 10px !important;
    }
    .p-xl-4 {
        padding: 15px !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 15px !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 15px !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 15px !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 15px !important;
    }
    .m-xl-n5 {
        margin: -20px !important;
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -20px !important;
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -20px !important;
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -20px !important;
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -20px !important;
    }
    .m-xl-n6 {
        margin: -25px !important;
    }
    .mt-xl-n6,
    .my-xl-n6 {
        margin-top: -25px !important;
    }
    .mr-xl-n6,
    .mx-xl-n6 {
        margin-right: -25px !important;
    }
    .mb-xl-n6,
    .my-xl-n6 {
        margin-bottom: -25px !important;
    }
    .ml-xl-n6,
    .mx-xl-n6 {
        margin-left: -25px !important;
    }
    .m-xl-n7 {
        margin: -30px !important;
    }
    .mt-xl-n7,
    .my-xl-n7 {
        margin-top: -30px !important;
    }
    .mr-xl-n7,
    .mx-xl-n7 {
        margin-right: -30px !important;
    }
    .mb-xl-n7,
    .my-xl-n7 {
        margin-bottom: -30px !important;
    }
    .ml-xl-n7,
    .mx-xl-n7 {
        margin-left: -30px !important;
    }
    .m-xl-n8 {
        margin: -35px !important;
    }
    .mt-xl-n8,
    .my-xl-n8 {
        margin-top: -35px !important;
    }
    .mr-xl-n8,
    .mx-xl-n8 {
        margin-right: -35px !important;
    }
    .mb-xl-n8,
    .my-xl-n8 {
        margin-bottom: -35px !important;
    }
    .ml-xl-n8,
    .mx-xl-n8 {
        margin-left: -35px !important;
    }
    .m-xl-n9 {
        margin: -40px !important;
    }
    .mt-xl-n9,
    .my-xl-n9 {
        margin-top: -40px !important;
    }
    .mr-xl-n9,
    .mx-xl-n9 {
        margin-right: -40px !important;
    }
    .mb-xl-n9,
    .my-xl-n9 {
        margin-bottom: -40px !important;
    }
    .ml-xl-n9,
    .mx-xl-n9 {
        margin-left: -40px !important;
    }
    .m-xl-n1 {
        margin: -2.5px !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -2.5px !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -2.5px !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -2.5px !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -2.5px !important;
    }
    .m-xl-n2 {
        margin: -5px !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -5px !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -5px !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -5px !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -5px !important;
    }
    .m-xl-n3 {
        margin: -10px !important;
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -10px !important;
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -10px !important;
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -10px !important;
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -10px !important;
    }
    .m-xl-n4 {
        margin: -15px !important;
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -15px !important;
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -15px !important;
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -15px !important;
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -15px !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}
@media (min-width: 1400px) {
    .m-xxl-5 {
        margin: 20px !important;
    }
    .mt-xxl-5,
    .my-xxl-5 {
        margin-top: 20px !important;
    }
    .mr-xxl-5,
    .mx-xxl-5 {
        margin-right: 20px !important;
    }
    .mb-xxl-5,
    .my-xxl-5 {
        margin-bottom: 20px !important;
    }
    .ml-xxl-5,
    .mx-xxl-5 {
        margin-left: 20px !important;
    }
    .m-xxl-6 {
        margin: 25px !important;
    }
    .mt-xxl-6,
    .my-xxl-6 {
        margin-top: 25px !important;
    }
    .mr-xxl-6,
    .mx-xxl-6 {
        margin-right: 25px !important;
    }
    .mb-xxl-6,
    .my-xxl-6 {
        margin-bottom: 25px !important;
    }
    .ml-xxl-6,
    .mx-xxl-6 {
        margin-left: 25px !important;
    }
    .m-xxl-7 {
        margin: 30px !important;
    }
    .mt-xxl-7,
    .my-xxl-7 {
        margin-top: 30px !important;
    }
    .mr-xxl-7,
    .mx-xxl-7 {
        margin-right: 30px !important;
    }
    .mb-xxl-7,
    .my-xxl-7 {
        margin-bottom: 30px !important;
    }
    .ml-xxl-7,
    .mx-xxl-7 {
        margin-left: 30px !important;
    }
    .m-xxl-8 {
        margin: 35px !important;
    }
    .mt-xxl-8,
    .my-xxl-8 {
        margin-top: 35px !important;
    }
    .mr-xxl-8,
    .mx-xxl-8 {
        margin-right: 35px !important;
    }
    .mb-xxl-8,
    .my-xxl-8 {
        margin-bottom: 35px !important;
    }
    .ml-xxl-8,
    .mx-xxl-8 {
        margin-left: 35px !important;
    }
    .m-xxl-9 {
        margin: 40px !important;
    }
    .mt-xxl-9,
    .my-xxl-9 {
        margin-top: 40px !important;
    }
    .mr-xxl-9,
    .mx-xxl-9 {
        margin-right: 40px !important;
    }
    .mb-xxl-9,
    .my-xxl-9 {
        margin-bottom: 40px !important;
    }
    .ml-xxl-9,
    .mx-xxl-9 {
        margin-left: 40px !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .mt-xxl-0,
    .my-xxl-0 {
        margin-top: 0 !important;
    }
    .mr-xxl-0,
    .mx-xxl-0 {
        margin-right: 0 !important;
    }
    .mb-xxl-0,
    .my-xxl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xxl-0,
    .mx-xxl-0 {
        margin-left: 0 !important;
    }
    .m-xxl-1 {
        margin: 2.5px !important;
    }
    .mt-xxl-1,
    .my-xxl-1 {
        margin-top: 2.5px !important;
    }
    .mr-xxl-1,
    .mx-xxl-1 {
        margin-right: 2.5px !important;
    }
    .mb-xxl-1,
    .my-xxl-1 {
        margin-bottom: 2.5px !important;
    }
    .ml-xxl-1,
    .mx-xxl-1 {
        margin-left: 2.5px !important;
    }
    .m-xxl-2 {
        margin: 5px !important;
    }
    .mt-xxl-2,
    .my-xxl-2 {
        margin-top: 5px !important;
    }
    .mr-xxl-2,
    .mx-xxl-2 {
        margin-right: 5px !important;
    }
    .mb-xxl-2,
    .my-xxl-2 {
        margin-bottom: 5px !important;
    }
    .ml-xxl-2,
    .mx-xxl-2 {
        margin-left: 5px !important;
    }
    .m-xxl-3 {
        margin: 10px !important;
    }
    .mt-xxl-3,
    .my-xxl-3 {
        margin-top: 10px !important;
    }
    .mr-xxl-3,
    .mx-xxl-3 {
        margin-right: 10px !important;
    }
    .mb-xxl-3,
    .my-xxl-3 {
        margin-bottom: 10px !important;
    }
    .ml-xxl-3,
    .mx-xxl-3 {
        margin-left: 10px !important;
    }
    .m-xxl-4 {
        margin: 15px !important;
    }
    .mt-xxl-4,
    .my-xxl-4 {
        margin-top: 15px !important;
    }
    .mr-xxl-4,
    .mx-xxl-4 {
        margin-right: 15px !important;
    }
    .mb-xxl-4,
    .my-xxl-4 {
        margin-bottom: 15px !important;
    }
    .ml-xxl-4,
    .mx-xxl-4 {
        margin-left: 15px !important;
    }
    .p-xxl-5 {
        padding: 20px !important;
    }
    .pt-xxl-5,
    .py-xxl-5 {
        padding-top: 20px !important;
    }
    .pr-xxl-5,
    .px-xxl-5 {
        padding-right: 20px !important;
    }
    .pb-xxl-5,
    .py-xxl-5 {
        padding-bottom: 20px !important;
    }
    .pl-xxl-5,
    .px-xxl-5 {
        padding-left: 20px !important;
    }
    .p-xxl-6 {
        padding: 25px !important;
    }
    .pt-xxl-6,
    .py-xxl-6 {
        padding-top: 25px !important;
    }
    .pr-xxl-6,
    .px-xxl-6 {
        padding-right: 25px !important;
    }
    .pb-xxl-6,
    .py-xxl-6 {
        padding-bottom: 25px !important;
    }
    .pl-xxl-6,
    .px-xxl-6 {
        padding-left: 25px !important;
    }
    .p-xxl-7 {
        padding: 30px !important;
    }
    .pt-xxl-7,
    .py-xxl-7 {
        padding-top: 30px !important;
    }
    .pr-xxl-7,
    .px-xxl-7 {
        padding-right: 30px !important;
    }
    .pb-xxl-7,
    .py-xxl-7 {
        padding-bottom: 30px !important;
    }
    .pl-xxl-7,
    .px-xxl-7 {
        padding-left: 30px !important;
    }
    .p-xxl-8 {
        padding: 35px !important;
    }
    .pt-xxl-8,
    .py-xxl-8 {
        padding-top: 35px !important;
    }
    .pr-xxl-8,
    .px-xxl-8 {
        padding-right: 35px !important;
    }
    .pb-xxl-8,
    .py-xxl-8 {
        padding-bottom: 35px !important;
    }
    .pl-xxl-8,
    .px-xxl-8 {
        padding-left: 35px !important;
    }
    .p-xxl-9 {
        padding: 40px !important;
    }
    .pt-xxl-9,
    .py-xxl-9 {
        padding-top: 40px !important;
    }
    .pr-xxl-9,
    .px-xxl-9 {
        padding-right: 40px !important;
    }
    .pb-xxl-9,
    .py-xxl-9 {
        padding-bottom: 40px !important;
    }
    .pl-xxl-9,
    .px-xxl-9 {
        padding-left: 40px !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .pt-xxl-0,
    .py-xxl-0 {
        padding-top: 0 !important;
    }
    .pr-xxl-0,
    .px-xxl-0 {
        padding-right: 0 !important;
    }
    .pb-xxl-0,
    .py-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xxl-0,
    .px-xxl-0 {
        padding-left: 0 !important;
    }
    .p-xxl-1 {
        padding: 2.5px !important;
    }
    .pt-xxl-1,
    .py-xxl-1 {
        padding-top: 2.5px !important;
    }
    .pr-xxl-1,
    .px-xxl-1 {
        padding-right: 2.5px !important;
    }
    .pb-xxl-1,
    .py-xxl-1 {
        padding-bottom: 2.5px !important;
    }
    .pl-xxl-1,
    .px-xxl-1 {
        padding-left: 2.5px !important;
    }
    .p-xxl-2 {
        padding: 5px !important;
    }
    .pt-xxl-2,
    .py-xxl-2 {
        padding-top: 5px !important;
    }
    .pr-xxl-2,
    .px-xxl-2 {
        padding-right: 5px !important;
    }
    .pb-xxl-2,
    .py-xxl-2 {
        padding-bottom: 5px !important;
    }
    .pl-xxl-2,
    .px-xxl-2 {
        padding-left: 5px !important;
    }
    .p-xxl-3 {
        padding: 10px !important;
    }
    .pt-xxl-3,
    .py-xxl-3 {
        padding-top: 10px !important;
    }
    .pr-xxl-3,
    .px-xxl-3 {
        padding-right: 10px !important;
    }
    .pb-xxl-3,
    .py-xxl-3 {
        padding-bottom: 10px !important;
    }
    .pl-xxl-3,
    .px-xxl-3 {
        padding-left: 10px !important;
    }
    .p-xxl-4 {
        padding: 15px !important;
    }
    .pt-xxl-4,
    .py-xxl-4 {
        padding-top: 15px !important;
    }
    .pr-xxl-4,
    .px-xxl-4 {
        padding-right: 15px !important;
    }
    .pb-xxl-4,
    .py-xxl-4 {
        padding-bottom: 15px !important;
    }
    .pl-xxl-4,
    .px-xxl-4 {
        padding-left: 15px !important;
    }
    .m-xxl-n5 {
        margin: -20px !important;
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
        margin-top: -20px !important;
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
        margin-right: -20px !important;
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
        margin-bottom: -20px !important;
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
        margin-left: -20px !important;
    }
    .m-xxl-n6 {
        margin: -25px !important;
    }
    .mt-xxl-n6,
    .my-xxl-n6 {
        margin-top: -25px !important;
    }
    .mr-xxl-n6,
    .mx-xxl-n6 {
        margin-right: -25px !important;
    }
    .mb-xxl-n6,
    .my-xxl-n6 {
        margin-bottom: -25px !important;
    }
    .ml-xxl-n6,
    .mx-xxl-n6 {
        margin-left: -25px !important;
    }
    .m-xxl-n7 {
        margin: -30px !important;
    }
    .mt-xxl-n7,
    .my-xxl-n7 {
        margin-top: -30px !important;
    }
    .mr-xxl-n7,
    .mx-xxl-n7 {
        margin-right: -30px !important;
    }
    .mb-xxl-n7,
    .my-xxl-n7 {
        margin-bottom: -30px !important;
    }
    .ml-xxl-n7,
    .mx-xxl-n7 {
        margin-left: -30px !important;
    }
    .m-xxl-n8 {
        margin: -35px !important;
    }
    .mt-xxl-n8,
    .my-xxl-n8 {
        margin-top: -35px !important;
    }
    .mr-xxl-n8,
    .mx-xxl-n8 {
        margin-right: -35px !important;
    }
    .mb-xxl-n8,
    .my-xxl-n8 {
        margin-bottom: -35px !important;
    }
    .ml-xxl-n8,
    .mx-xxl-n8 {
        margin-left: -35px !important;
    }
    .m-xxl-n9 {
        margin: -40px !important;
    }
    .mt-xxl-n9,
    .my-xxl-n9 {
        margin-top: -40px !important;
    }
    .mr-xxl-n9,
    .mx-xxl-n9 {
        margin-right: -40px !important;
    }
    .mb-xxl-n9,
    .my-xxl-n9 {
        margin-bottom: -40px !important;
    }
    .ml-xxl-n9,
    .mx-xxl-n9 {
        margin-left: -40px !important;
    }
    .m-xxl-n1 {
        margin: -2.5px !important;
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
        margin-top: -2.5px !important;
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
        margin-right: -2.5px !important;
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
        margin-bottom: -2.5px !important;
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
        margin-left: -2.5px !important;
    }
    .m-xxl-n2 {
        margin: -5px !important;
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
        margin-top: -5px !important;
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
        margin-right: -5px !important;
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
        margin-bottom: -5px !important;
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
        margin-left: -5px !important;
    }
    .m-xxl-n3 {
        margin: -10px !important;
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
        margin-top: -10px !important;
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
        margin-right: -10px !important;
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
        margin-bottom: -10px !important;
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
        margin-left: -10px !important;
    }
    .m-xxl-n4 {
        margin: -15px !important;
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
        margin-top: -15px !important;
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
        margin-right: -15px !important;
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
        margin-bottom: -15px !important;
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
        margin-left: -15px !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mt-xxl-auto,
    .my-xxl-auto {
        margin-top: auto !important;
    }
    .mr-xxl-auto,
    .mx-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-auto,
    .my-xxl-auto {
        margin-bottom: auto !important;
    }
    .ml-xxl-auto,
    .mx-xxl-auto {
        margin-left: auto !important;
    }
}
.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
    text-align: justify !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-nowrap {
    white-space: nowrap !important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 980px) {
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
    .text-xl-right {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}
@media (min-width: 1400px) {
    .text-xxl-left {
        text-align: left !important;
    }
    .text-xxl-right {
        text-align: right !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}
.text-lowercase {
    text-transform: lowercase !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-lighter {
    font-weight: lighter !important;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-weight-bolder {
    font-weight: bolder !important;
}
.font-italic {
    font-style: italic !important;
}
.text-white {
    color: #fff !important;
}
.text-primary {
    color: #d64830 !important;
}
a.text-primary:hover,
a.text-primary:focus {
    color: #9b311f !important;
}
.text-secondary {
    color: #f5f5f5 !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
    color: #cfcfcf !important;
}
.text-danger {
    color: #f7525a !important;
}
a.text-danger:hover,
a.text-danger:focus {
    color: #f10b16 !important;
}
.text-warning {
    color: #fd9134 !important;
}
a.text-warning:hover,
a.text-warning:focus {
    color: #e26a02 !important;
}
.text-info {
    color: #408dfb !important;
}
a.text-info:hover,
a.text-info:focus {
    color: #0563ea !important;
}
.text-success {
    color: #22b378 !important;
}
a.text-success:hover,
a.text-success:focus {
    color: #16734d !important;
}
.text-light {
    color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important;
}
.text-dark {
    color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important;
}
.text-body {
    color: #212529 !important;
}
.text-muted,
.dropdown-menu .dropdown-item .help-text {
    color: var(--zf-grey-12) !important;
}
.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.text-reset {
    color: inherit !important;
}
.visible {
    visibility: visible !important;
}
.invisible {
    visibility: hidden !important;
}
.nav .caret {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: "";
}
.nav .nav-link {
    position: relative;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well-sm {
    padding: 9px;
    border-radius: 3px;
}
svg {
    vertical-align: baseline;
}
[type="button"] {
    appearance: none;
}
.datepicker {
    border-radius: 0.25rem;
    direction: ltr;
}
.datepicker-inline {
    width: 220px;
}
.datepicker-rtl {
    direction: rtl;
}
.datepicker-rtl.dropdown-menu {
    left: auto;
}
.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}
.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--zf-grey-17);
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.datepicker-dropdown:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid var(--zf-grey-17);
}
.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}
.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 0;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #6c757d;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eee;
    cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #6c757d;
    cursor: default;
}
.datepicker table tr td.highlighted {
    color: #fff;
    background-color: #000;
    border-color: #d9edf7;
    border-radius: 0;
}
.datepicker table tr td.highlighted:hover {
    color: #212529;
    background-color: #85c5e5;
    border-color: #afd9ee;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
    box-shadow: 0 0 0 0.2rem rgba(223, 240, 248, 0.5);
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted:disabled {
    color: #fff;
    background-color: #000;
    border-color: #d9edf7;
}
.datepicker table tr td.highlighted:not(:disabled):not(.disabled):active,
.datepicker table tr td.highlighted:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.highlighted.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #a4d4ec;
}
.datepicker table tr td.highlighted:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.highlighted:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.highlighted.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(223, 240, 248, 0.5);
}
.datepicker table tr td.highlighted.focused {
    background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #6c757d;
}
.datepicker table tr td.today {
    color: #fff;
    background-color: #000;
    border-color: #ffdb99;
}
.datepicker table tr td.today:hover {
    color: #212529;
    background-color: #ffb733;
    border-color: #ffc966;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 224, 168, 0.5);
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:disabled {
    color: #fff;
    background-color: #000;
    border-color: #ffdb99;
}
.datepicker table tr td.today:not(:disabled):not(.disabled):active,
.datepicker table tr td.today:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.today.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #ffc559;
}
.datepicker table tr td.today:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.today:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.today.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 224, 168, 0.5);
}
.datepicker table tr td.today.focused {
    background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color: #6c757d;
}
.datepicker table tr td.range {
    color: #fff;
    background-color: #000;
    border-color: #eee;
    border-radius: 0;
}
.datepicker table tr td.range:hover {
    color: #212529;
    background-color: #bbb;
    border-color: #d5d5d5;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5);
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range:disabled {
    color: #fff;
    background-color: #000;
    border-color: #eee;
}
.datepicker table tr td.range:not(:disabled):not(.disabled):active,
.datepicker table tr td.range:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.range.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #cecece;
}
.datepicker table tr td.range:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.range:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.range.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(241, 241, 241, 0.5);
}
.datepicker table tr td.range.focused {
    background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    background: #eee;
    color: #6c757d;
}
.datepicker table tr td.range.highlighted {
    color: #fff;
    background-color: #000;
    border-color: #e4eef3;
}
.datepicker table tr td.range.highlighted:hover {
    color: #212529;
    background-color: #9dc2d4;
    border-color: #c1d8e3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 241, 245, 0.5);
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted:disabled {
    color: #fff;
    background-color: #000;
    border-color: #e4eef3;
}
.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active,
.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.range.highlighted.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #b8d2df;
}
.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.range.highlighted.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(232, 241, 245, 0.5);
}
.datepicker table tr td.range.highlighted.focused {
    background: #c1d8e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #6c757d;
}
.datepicker table tr td.range.today {
    color: #fff;
    background-color: #000;
    border-color: #f7ca77;
}
.datepicker table tr td.range.today:hover {
    color: #212529;
    background-color: #f1a417;
    border-color: #f4b747;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 210, 139, 0.5);
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:disabled {
    color: #fff;
    background-color: #000;
    border-color: #f7ca77;
}
.datepicker table tr td.range.today:not(:disabled):not(.disabled):active,
.datepicker table tr td.range.today:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.range.today.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #f3b33b;
}
.datepicker table tr td.range.today:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.range.today:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.range.today.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 210, 139, 0.5);
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    background: #f7ca77;
    color: #6c757d;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #212529;
    background-color: #fff;
    border-color: #777;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
    color: #fff;
    background-color: #555;
    border-color: #5e5e5e;
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.highlighted.focus {
    box-shadow: 0 0 0 0.2rem rgba(106, 107, 107, 0.5);
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:disabled,
.datepicker table tr td.selected.highlighted.disabled,
.datepicker table tr td.selected.highlighted:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #777;
}
.datepicker table tr td.selected:not(:disabled):not(.disabled):active,
.datepicker table tr td.selected:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.selected.dropdown-toggle,
.datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active,
.datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.selected.highlighted.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #575757;
}
.datepicker table tr td.selected:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.selected:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.selected.dropdown-toggle:focus,
.datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.selected.highlighted.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(106, 107, 107, 0.5);
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #d64830;
    border-color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
    color: #fff;
    background-color: #d64830;
    border-color: #e6e6e6;
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.highlighted.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:disabled,
.datepicker table tr td.active.highlighted.disabled,
.datepicker table tr td.active.highlighted:disabled {
    color: #fff;
    background-color: #d64830;
    border-color: #fff;
}
.datepicker table tr td.active:not(:disabled):not(.disabled):active,
.datepicker table tr td.active:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.active.dropdown-toggle,
.datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active,
.datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td.active.highlighted.dropdown-toggle {
    color: #fff;
    background-color: #b03723;
    border-color: #dfdfdf;
}
.datepicker table tr td.active:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.active:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.active.dropdown-toggle:focus,
.datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td.active.highlighted.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #6c757d;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    color: #fff;
    background-color: #d64830;
    border-color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:hover:hover {
    color: #fff;
    background-color: #d64830;
    border-color: #e6e6e6;
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active:hover.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:disabled {
    color: #fff;
    background-color: #d64830;
    border-color: #fff;
}
.datepicker table tr td span.active:not(:disabled):not(.disabled):active,
.datepicker table tr td span.active:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td span.active.dropdown-toggle,
.datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active,
.datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td span.active.disabled.dropdown-toggle,
.datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active,
.datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle,
.datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active,
.datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active,
.show > .datepicker table tr td span.active:hover.dropdown-toggle {
    color: #fff;
    background-color: #b03723;
    border-color: #dfdfdf;
}
.datepicker table tr td span.active:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td span.active:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td span.active.dropdown-toggle:focus,
.datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td span.active.disabled.dropdown-toggle:focus,
.datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:focus,
.datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active:focus,
.datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active:focus,
.show > .datepicker table tr td span.active:hover.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #6c757d;
}
.datepicker .datepicker-switch {
    width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #eee;
}
.datepicker .next.disabled,
.datepicker .prev.disabled {
    visibility: hidden;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.input-daterange {
    width: 100%;
}
.input-daterange input {
    text-align: center;
}
.input-daterange input:first-child {
    border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
    border-radius: 0 3px 3px 0;
}
.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px;
    width: 278px;
}
.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}
.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: "";
}
.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}
.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: "";
}
.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
}
.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: "";
}
.daterangepicker.dropup {
    margin-top: -5px;
}
.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}
.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}
.daterangepicker.show-calendar .calendar {
    display: block;
}
.daterangepicker .calendar.single .calendar-table {
    border: 0;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}
.daterangepicker .calendar-table {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}
.daterangepicker table {
    width: 100%;
    margin: 0;
}
.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #999;
    background: #fff;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee;
}
.daterangepicker td.in-range {
    background: #ebf4f8;
    border-radius: 0;
}
.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff;
}
.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}
.daterangepicker select.yearselect {
    width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}
.daterangepicker th.month {
    width: auto;
}
.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%;
}
.daterangepicker .input-mini.active {
    border: 1px solid #357ebd;
}
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px;
}
.daterangepicker .daterangepicker_input {
    position: relative;
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.daterangepicker .ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}
.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    border-radius: 5px;
    cursor: pointer;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }
    .daterangepicker .ranges ul {
        width: 160px;
    }
    .daterangepicker.single .ranges ul {
        width: 100%;
    }
    .daterangepicker .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .daterangepicker .calendar.left {
        clear: left;
        margin-right: 0;
    }
    .daterangepicker.single .calendar.left {
        clear: none;
    }
    .daterangepicker.single .ranges,
    .daterangepicker.single .calendar {
        float: left;
    }
    .daterangepicker .calendar.right {
        margin-left: 0;
    }
    .daterangepicker .left .daterangepicker_input {
        padding-right: 12px;
    }
    .daterangepicker .calendar.left .calendar-table {
        padding-right: 12px;
    }
    .daterangepicker .ranges,
    .daterangepicker .calendar {
        float: left;
    }
}
@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left;
    }
    .daterangepicker .calendar.left {
        clear: none;
    }
}
#nprogress {
    pointer-events: none;
}
#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px);
}
#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}
#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}
@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.micsDiv {
    font-size: 12px;
    position: fixed;
    z-index: 10000000;
}
.micshidden {
    cursor: pointer;
    overflow: hidden;
}
.micsBox {
    transition: 200ms;
}
.micshidden .micsBox {
    opacity: 0;
}
.micswrap {
    white-space: nowrap;
}
.micscontent {
    overflow: hidden;
}
.micscontent * {
    display: inline-block;
}
.micsiframeDiv {
    display: none;
}
.micscontent a {
    text-decoration: none;
}
.micscontent a:hover {
    text-decoration: underline;
}
.micsheader {
    text-transform: uppercase;
    letter-spacing: 2px;
}
.micstoggle {
    cursor: pointer;
}
.micstoggle:before {
    content: " Hide ";
}
.micsaction {
    font-size: 10px;
}
.micsaction > * {
    padding: 3px;
}
.micsaction > :hover {
    transform: scale(1.1);
    font-weight: 700;
}
.micsclose {
    cursor: pointer;
}
.micsclose:before {
    content: " Close ";
}
.micscloseSymbol:before {
    content: " X  ";
}
.micstoggleSymbol:before {
    content: " V ";
    display: inline-block;
}
.micsTop .micstoggleSymbol:before {
    transform: rotate(180deg);
}
.micsLeft .micstoggleSymbol:before {
    transform: rotate(90deg);
}
.micsRight .micstoggleSymbol:before {
    transform: rotate(270deg);
}
.micsTop {
    top: 0;
    left: 0;
    border-bottom: 4px solid;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.micsTop.micshddn {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.micsBottom {
    bottom: 0;
    left: 0;
    border-top: 4px solid;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.micsBottom .micsarw {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.micsBottom.micshddn {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.micsTop,
.micsBottom {
    width: 100%;
}
.micsTop.micshidden,
.micsBottom.micshidden {
    min-height: 0;
    height: 0;
}
.micsTop.micshidden:hover,
.micsBottom.micshidden:hover {
    min-height: 15px;
    height: 15px;
}
.micsTop .micsBox,
.micsBottom .micsBox {
    min-height: 30px;
    margin: 3px;
    padding: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.micsTop .micsimage,
.micsBottom .micsimage {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    text-align: center;
}
.micsTop .micsimage img,
.micsBottom .micsimage img {
    width: 50px;
    height: 25px;
}
.micsTop .micsaction,
.micsBottom .micsaction {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 2;
    -ms-flex: 2 10px;
    flex: 2 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.micsTop .micsheader,
.micsBottom .micsheader {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}
.micsTop .micsinner,
.micsBottom .micsinner {
    -webkit-box-flex: 100;
    -ms-flex: 100 auto;
    flex: 100 auto;
}
.micsTop .micscontent,
.micsBottom .micscontent {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 20;
    -ms-flex: 20;
    flex: 20;
    text-align: center;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}
.micsTop .micsinner > *,
.micsBottom .micsinner > * {
    padding: 0 2px;
}
.micsLeft .micscontent > *,
.micsRight .micscontent > * {
    padding: 2px 10px;
}
.micsLeft,
.micsRight {
    width: 400px;
    margin: 0;
    padding: 0;
}
.micsLeft.micshidden,
.micsRight.micshidden {
    min-width: 0;
    width: 0 !important;
}
.micsLeft.micshidden:hover,
.micsRight.micshidden:hover {
    min-width: 15px;
    width: 15px;
}
.micsLeft .micsBox,
.micsRight .micsBox {
    padding: 10px;
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.micsLeft .micsimage,
.micsRight .micsimage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.micsLeft .micsimage img,
.micsRight .micsimage img {
    width: 50px;
    height: 20px;
}
.micsLeft .micsclose,
.micsRight .micsclose {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.micsLeft .micstoggle,
.micsRight .micstoggle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.micsLeft .micsaction,
.micsRight .micsaction {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    text-align: center;
}
.micsLeft .micscontent,
.micsRight .micscontent {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 10;
    -ms-flex: 10 265px;
    flex: 10 265px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}
.micsLeft .micsdesc,
.micsRight .micsdesc {
    padding-right: 5px;
}
.micsRight {
    right: 0;
    bottom: 200px;
    border-left: 4px solid;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.micsRight .micsarw {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.micsRight.micshddn {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.micsRight .micsaction {
    text-align: right;
}
.micsLeft {
    left: 0;
    bottom: 200px;
    border-right: 4px solid;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.micsLeft .micsarw {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.micsLeft.micshddn {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.micsLeft .micsimage {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.micsLeft .micsaction {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
}
.micsdark {
    background-color: #42464c;
    color: #f8f8f8;
    border-color: #f1703b;
}
.micsdark .micsclose {
    color: #fff;
}
.micsdark .micscontent a {
    color: #4682b4;
    opacity: 0.9;
    transition: 0.25s ease-in-out;
}
.micsdark .micscontent a:hover {
    opacity: 1;
    transform: scale(1.02);
}
.micsdark .micsarw circle {
    fill: #ab8063;
}
.micsdark .micsarw path {
    fill: #42464c;
}
.micshide {
    display: none;
}
.micsTop.bannerhide,
.micsBottom.bannerhide {
    transform: scaleY(0);
}
.micsLeft.bannerhide,
.micsRight.bannerhide {
    transform: scaleX(0);
}
#mics_tpDiv .clx {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    color: #fff !important;
    transition: transform 0.45s ease-in-out;
}
#micsbackdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000001;
}
#mics_tpDiv {
    position: absolute;
    top: 175px;
    width: 50%;
    left: 30%;
    width: 250px;
    min-height: 100px;
    z-index: 10000002;
    box-sizing: border-box;
}
.clx:hover {
    transition: 0.8s ease;
    opacity: 1;
    cursor: pointer;
}
.clx:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 13px;
    height: 0;
    border-top: 2px solid #000;
    transform: rotate(45deg);
    transform-origin: center;
}
.clx:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 13px;
    height: 0;
    border-top: 2px solid #000;
    transform: rotate(-45deg);
    transform-origin: center;
}
#mics_tpDiv .clx:before {
    width: 20px;
    border-top: 3px solid #ddd;
}
#mics_tpDiv iframe {
    border: 0;
}
#mics_tpDiv .clx:after {
    width: 20px;
    border-top: 3px solid #ddd;
}
.clx-txt {
    font-size: 11px;
    opacity: 0.8;
    float: right;
    position: relative;
    top: 3px;
}
.clx-txt:hover {
    opacity: 1;
    cursor: pointer;
}
.micsloading:after {
    content: " .";
    animation: micsdots 1s steps(5, end) infinite;
}
@keyframes micsdots {
    0%,
    20% {
        color: transparent;
        text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
    }
    40% {
        color: #fff;
        text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent;
    }
    60% {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 transparent;
    }
    80%,
    to {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 #fff;
    }
}
.zfrc-preview .ui-rte-prosemirror-mention-node:hover {
    cursor: pointer;
}
.zfrc-preview .rte-mention-tooltip {
    z-index: 100000000;
    border: solid 1px #d8d6e1;
    border-radius: 14px;
    border-left: solid 4px #548bf4;
    background-color: #fff;
}
.zfrc-preview .rte-mention-tooltip #arrow,
#arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit;
    background-color: #fff;
}
.zfrc-preview .rte-mention-tooltip #arrow {
    visibility: hidden;
    border: solid 1px #d7d5e1;
    z-index: -1;
}
.zfrc-preview .rte-mention-tooltip #arrow::before {
    visibility: visible;
    content: "";
    transform: rotate(45deg);
    border: solid 1px #d8d6e1;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="top"] > #arrow {
    bottom: -4px;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="top"] > #arrow::before {
    border-left: 0;
    border-top: 0;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="bottom"] > #arrow {
    top: -6px;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="bottom"] > #arrow::before {
    border-right: 0;
    border-bottom: 0;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="left"] > #arrow {
    right: -5px;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="left"] > #arrow::before {
    border-left: 0;
    border-bottom: 0;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="right"] > #arrow {
    left: -7px;
}
.zfrc-preview .rte-mention-tooltip[data-popper-placement^="right"] > #arrow::before {
    width: 4px;
    height: 4px;
    border: solid 1px #548bf4;
    border-right: 0;
    border-top: 0;
    background-color: #548bf4;
}
.ember-color-picker_palette {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.ember-color-picker_palette::before,
.ember-color-picker_newcolor::before,
.ember-color-picker_color::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: 2%, 1%;
    z-index: -1;
}
.ember-color-picker_palette > span {
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    pointer-events: none;
}
.ember-color-picker_hue {
    background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.ember-color-picker_hue > span,
.ember-color-picker_alpha > span {
    position: absolute;
    top: 0;
    left: 50px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-30%);
    border: 2px solid #fff;
}
.ember-color-picker_alpha {
    background-size: 100%, 1%;
}
.ember-color-picker_palette,
.ember-color-picker_alpha,
.ember-color-picker_hue {
    cursor: grab;
}
.ember-color-picker_alpha,
.ember-color-picker_hue {
    margin-top: 15px;
    border-radius: 5px;
    height: 8px;
    position: relative;
}
.ember-color-picker_newcolor,
.ember-color-picker_color {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.ember-color-picker_newcolor {
    border-left: 0;
    margin-left: 10px;
}
.ember-color-picker_color {
    border-right: 0;
}
.ember-color-picker_color::before,
.ember-color-picker_newcolor::before {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
    background-size: 15%, 1%;
}
.ember-color-picker_newcolor {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ember-color-picker_color {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ember-color-picker_group_container {
    display: flex;
    margin-top: 20px;
    margin-bottom: 15px;
}
.ember-color-picker_input {
    flex-grow: 1;
    line-height: 1.42857;
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 5px 8px;
    color: #495057;
    height: 32px;
    width: calc(100% - 100px - 7px);
}
.br-0 {
    border-radius: 0;
}
.ember-color-picker.btn-toolbar > .btn + .btn {
    margin-left: 10px;
}
.ember-color-picker_toggle {
    width: 32px;
    height: 32px;
    position: relative;
    border: 1px solid #ced4da;
    cursor: pointer;
}
.ember-color-picker_toggle.disabled {
    cursor: not-allowed;
}
.ember-color-picker_toggle > .palette-toggle {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 13px;
    height: 13px;
    bottom: 0;
    right: 0;
    border-top-left-radius: 3px;
}
.ember-color-picker_toggle > .palette-toggle::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: calc(50% - 3px);
    top: calc(50% - 0.5px);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #fff;
}
.ember-color-picker_contents {
    display: none;
    background: #fff;
    border: 1px solid #ebeaf2;
    box-shadow: 0 4px 12px 0 #d7d5e2;
    border-radius: 5px;
    z-index: 2147483647;
    position: absolute;
    min-width: 280px;
}
.ember-color-picker_contents .back-bar,
.ember-color-picker_contents .color-container {
    margin: 10px;
}
.ember-color-picker.btn-toolbar {
    margin: 15px 10px;
}
.ember-color-picker_contents hr {
    margin: 12px 0;
}
.ember-color-picker_contents[data-show] {
    display: block;
}
.ember-color-picker_arrow,
.ember-color-picker_arrow::before {
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: -1;
    border-radius: 2px;
}
.ember-color-picker_arrow::before {
    content: "";
    transform: rotate(45deg);
    background: #fff;
}
.ember-color-picker_contents[data-popper-placement^="top"] > .ember-color-picker_arrow {
    bottom: -8px;
}
.ember-color-picker_contents[data-popper-placement^="top"] > .ember-color-picker_arrow::before {
    border-bottom: 1px solid #ebeaf2;
    border-right: 1px solid #ebeaf2;
}
.ember-color-picker_contents[data-popper-placement^="bottom"] > .ember-color-picker_arrow {
    top: -8px;
}
.ember-color-picker_contents[data-popper-placement^="bottom"] > .ember-color-picker_arrow::before {
    border-top: 1px solid #ebeaf2;
    border-left: 1px solid #ebeaf2;
}
.ember-color-picker_contents[data-popper-placement^="left"] > .ember-color-picker_arrow {
    right: -8px;
}
.ember-color-picker_contents[data-popper-placement^="left"] > .ember-color-picker_arrow::before {
    border-right: 1px solid #ebeaf2;
    border-top: 1px solid #ebeaf2;
}
.ember-color-picker_contents[data-popper-placement^="right"] > .ember-color-picker_arrow {
    left: -8px;
}
.ember-color-picker_contents[data-popper-placement^="right"] > .ember-color-picker_arrow::before {
    border-bottom: 1px solid rgba(136, 136, 136, 0.5);
    border-left: 1px solid rgba(136, 136, 136, 0.5);
}
.swatch-box {
    padding: 11px;
    margin: 2px;
    border: 1px solid #f9f9fb;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
}
.selected-swatch {
    border: 1px solid #fff;
    box-shadow: 0 0 0 0.1rem currentColor;
}
.tick-svg {
    fill: #fff;
    height: 7px;
    position: absolute;
    top: 7px;
    left: 7px;
}
.cursor-pointer {
    cursor: pointer;
}
.back-svg {
    transform: rotate(180deg);
    fill: currentcolor;
}
.palette-circle {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: conic-gradient(from 90deg, red, #ff7f00, #ff0, #0f0, #00f, indigo, #9400d3, red);
}
.grid-stack.grid-stack-2 > .grid-stack-item {
    min-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="1"] {
    width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="1"] {
    left: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="1"] {
    min-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="1"] {
    max-width: 50%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-w="2"] {
    width: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-x="2"] {
    left: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-min-w="2"] {
    min-width: 100%;
}
.grid-stack.grid-stack-2 > .grid-stack-item[gs-max-w="2"] {
    max-width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item {
    min-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="1"] {
    width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="1"] {
    left: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="1"] {
    min-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="1"] {
    max-width: 33.3333333333%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="2"] {
    width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="2"] {
    left: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="2"] {
    min-width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="2"] {
    max-width: 66.6666666667%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-w="3"] {
    width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-x="3"] {
    left: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-min-w="3"] {
    min-width: 100%;
}
.grid-stack.grid-stack-3 > .grid-stack-item[gs-max-w="3"] {
    max-width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item {
    min-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="1"] {
    width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="1"] {
    left: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="1"] {
    min-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="1"] {
    max-width: 25%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="2"] {
    width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="2"] {
    left: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="2"] {
    min-width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="2"] {
    max-width: 50%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="3"] {
    width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="3"] {
    left: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="3"] {
    min-width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="3"] {
    max-width: 75%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-w="4"] {
    width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-x="4"] {
    left: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-min-w="4"] {
    min-width: 100%;
}
.grid-stack.grid-stack-4 > .grid-stack-item[gs-max-w="4"] {
    max-width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item {
    min-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="1"] {
    width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="1"] {
    left: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="1"] {
    min-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="1"] {
    max-width: 20%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="2"] {
    width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="2"] {
    left: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="2"] {
    min-width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="2"] {
    max-width: 40%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="3"] {
    width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="3"] {
    left: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="3"] {
    min-width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="3"] {
    max-width: 60%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="4"] {
    width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="4"] {
    left: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="4"] {
    min-width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="4"] {
    max-width: 80%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-w="5"] {
    width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-x="5"] {
    left: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-min-w="5"] {
    min-width: 100%;
}
.grid-stack.grid-stack-5 > .grid-stack-item[gs-max-w="5"] {
    max-width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item {
    min-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="1"] {
    width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="1"] {
    left: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="1"] {
    min-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="1"] {
    max-width: 16.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="2"] {
    width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="2"] {
    left: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="2"] {
    min-width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="2"] {
    max-width: 33.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="3"] {
    width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="3"] {
    left: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="3"] {
    min-width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="3"] {
    max-width: 50%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="4"] {
    width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="4"] {
    left: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="4"] {
    min-width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="4"] {
    max-width: 66.6666666667%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="5"] {
    width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="5"] {
    left: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="5"] {
    min-width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="5"] {
    max-width: 83.3333333333%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-w="6"] {
    width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-x="6"] {
    left: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-min-w="6"] {
    min-width: 100%;
}
.grid-stack.grid-stack-6 > .grid-stack-item[gs-max-w="6"] {
    max-width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item {
    min-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="1"] {
    width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="1"] {
    left: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="1"] {
    min-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="1"] {
    max-width: 14.2857142857%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="2"] {
    width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="2"] {
    left: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="2"] {
    min-width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="2"] {
    max-width: 28.5714285714%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="3"] {
    width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="3"] {
    left: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="3"] {
    min-width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="3"] {
    max-width: 42.8571428571%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="4"] {
    width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="4"] {
    left: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="4"] {
    min-width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="4"] {
    max-width: 57.1428571429%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="5"] {
    width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="5"] {
    left: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="5"] {
    min-width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="5"] {
    max-width: 71.4285714286%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="6"] {
    width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="6"] {
    left: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="6"] {
    min-width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="6"] {
    max-width: 85.7142857143%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-w="7"] {
    width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-x="7"] {
    left: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-min-w="7"] {
    min-width: 100%;
}
.grid-stack.grid-stack-7 > .grid-stack-item[gs-max-w="7"] {
    max-width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item {
    min-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="1"] {
    width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="1"] {
    left: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="1"] {
    min-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="1"] {
    max-width: 12.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="2"] {
    width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="2"] {
    left: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="2"] {
    min-width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="2"] {
    max-width: 25%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="3"] {
    width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="3"] {
    left: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="3"] {
    min-width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="3"] {
    max-width: 37.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="4"] {
    width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="4"] {
    left: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="4"] {
    min-width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="4"] {
    max-width: 50%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="5"] {
    width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="5"] {
    left: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="5"] {
    min-width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="5"] {
    max-width: 62.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="6"] {
    width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="6"] {
    left: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="6"] {
    min-width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="6"] {
    max-width: 75%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="7"] {
    width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="7"] {
    left: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="7"] {
    min-width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="7"] {
    max-width: 87.5%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-w="8"] {
    width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-x="8"] {
    left: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-min-w="8"] {
    min-width: 100%;
}
.grid-stack.grid-stack-8 > .grid-stack-item[gs-max-w="8"] {
    max-width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item {
    min-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="1"] {
    width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="1"] {
    left: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="1"] {
    min-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="1"] {
    max-width: 11.1111111111%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="2"] {
    width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="2"] {
    left: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="2"] {
    min-width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="2"] {
    max-width: 22.2222222222%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="3"] {
    width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="3"] {
    left: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="3"] {
    min-width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="3"] {
    max-width: 33.3333333333%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="4"] {
    width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="4"] {
    left: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="4"] {
    min-width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="4"] {
    max-width: 44.4444444444%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="5"] {
    width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="5"] {
    left: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="5"] {
    min-width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="5"] {
    max-width: 55.5555555556%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="6"] {
    width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="6"] {
    left: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="6"] {
    min-width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="6"] {
    max-width: 66.6666666667%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="7"] {
    width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="7"] {
    left: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="7"] {
    min-width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="7"] {
    max-width: 77.7777777778%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="8"] {
    width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="8"] {
    left: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="8"] {
    min-width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="8"] {
    max-width: 88.8888888889%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-w="9"] {
    width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-x="9"] {
    left: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-min-w="9"] {
    min-width: 100%;
}
.grid-stack.grid-stack-9 > .grid-stack-item[gs-max-w="9"] {
    max-width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item {
    min-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="1"] {
    width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="1"] {
    left: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="1"] {
    min-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="1"] {
    max-width: 10%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="2"] {
    width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="2"] {
    left: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="2"] {
    min-width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="2"] {
    max-width: 20%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="3"] {
    width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="3"] {
    left: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="3"] {
    min-width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="3"] {
    max-width: 30%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="4"] {
    width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="4"] {
    left: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="4"] {
    min-width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="4"] {
    max-width: 40%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="5"] {
    width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="5"] {
    left: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="5"] {
    min-width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="5"] {
    max-width: 50%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="6"] {
    width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="6"] {
    left: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="6"] {
    min-width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="6"] {
    max-width: 60%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="7"] {
    width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="7"] {
    left: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="7"] {
    min-width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="7"] {
    max-width: 70%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="8"] {
    width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="8"] {
    left: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="8"] {
    min-width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="8"] {
    max-width: 80%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="9"] {
    width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="9"] {
    left: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="9"] {
    min-width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="9"] {
    max-width: 90%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-w="10"] {
    width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-x="10"] {
    left: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-min-w="10"] {
    min-width: 100%;
}
.grid-stack.grid-stack-10 > .grid-stack-item[gs-max-w="10"] {
    max-width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item {
    min-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="1"] {
    width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="1"] {
    left: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="1"] {
    min-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="1"] {
    max-width: 9.0909090909%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="2"] {
    width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="2"] {
    left: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="2"] {
    min-width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="2"] {
    max-width: 18.1818181818%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="3"] {
    width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="3"] {
    left: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="3"] {
    min-width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="3"] {
    max-width: 27.2727272727%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="4"] {
    width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="4"] {
    left: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="4"] {
    min-width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="4"] {
    max-width: 36.3636363636%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="5"] {
    width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="5"] {
    left: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="5"] {
    min-width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="5"] {
    max-width: 45.4545454545%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="6"] {
    width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="6"] {
    left: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="6"] {
    min-width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="6"] {
    max-width: 54.5454545455%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="7"] {
    width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="7"] {
    left: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="7"] {
    min-width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="7"] {
    max-width: 63.6363636364%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="8"] {
    width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="8"] {
    left: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="8"] {
    min-width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="8"] {
    max-width: 72.7272727273%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="9"] {
    width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="9"] {
    left: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="9"] {
    min-width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="9"] {
    max-width: 81.8181818182%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="10"] {
    width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="10"] {
    left: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="10"] {
    min-width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="10"] {
    max-width: 90.9090909091%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-w="11"] {
    width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-x="11"] {
    left: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-min-w="11"] {
    min-width: 100%;
}
.grid-stack.grid-stack-11 > .grid-stack-item[gs-max-w="11"] {
    max-width: 100%;
}
:root .grid-stack-item > .ui-resizable-handle {
    filter: none;
}
.grid-stack {
    position: relative;
}
.grid-stack.grid-stack-rtl {
    direction: ltr;
}
.grid-stack.grid-stack-rtl > .grid-stack-item {
    direction: rtl;
}
.grid-stack .grid-stack-placeholder > .placeholder-content {
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0;
    position: absolute;
    width: auto;
    z-index: 0 !important;
    text-align: center;
}
.grid-stack > .grid-stack-item {
    min-width: 8.3333333333%;
    position: absolute;
    padding: 0;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
    margin: 0;
    position: absolute;
    width: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
.grid-stack > .grid-stack-item > .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.grid-stack > .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
.grid-stack > .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
    display: none;
}
.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.grid-stack > .grid-stack-item > .ui-resizable-nw {
    cursor: nw-resize;
    width: 20px;
    height: 20px;
    top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-n {
    cursor: n-resize;
    height: 10px;
    top: 0;
    left: 25px;
    right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-ne {
    cursor: ne-resize;
    width: 20px;
    height: 20px;
    top: 0;
}
.grid-stack > .grid-stack-item > .ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    top: 15px;
    bottom: 15px;
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
    cursor: se-resize;
    width: 20px;
    height: 20px;
}
.grid-stack > .grid-stack-item > .ui-resizable-s {
    cursor: s-resize;
    height: 10px;
    left: 25px;
    bottom: 0;
    right: 25px;
}
.grid-stack > .grid-stack-item > .ui-resizable-sw {
    cursor: sw-resize;
    width: 20px;
    height: 20px;
}
.grid-stack > .grid-stack-item > .ui-resizable-w {
    cursor: w-resize;
    width: 10px;
    top: 15px;
    bottom: 15px;
}
.grid-stack > .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
    display: none !important;
}
.grid-stack > .grid-stack-item[gs-w="0"] {
    width: 0%;
}
.grid-stack > .grid-stack-item[gs-x="0"] {
    left: 0;
}
.grid-stack > .grid-stack-item[gs-min-w="0"] {
    min-width: 0%;
}
.grid-stack > .grid-stack-item[gs-max-w="0"] {
    max-width: 0%;
}
.grid-stack > .grid-stack-item[gs-w="1"] {
    width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="1"] {
    left: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="1"] {
    min-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="1"] {
    max-width: 8.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="2"] {
    width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="2"] {
    left: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="2"] {
    min-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="2"] {
    max-width: 16.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="3"] {
    width: 25%;
}
.grid-stack > .grid-stack-item[gs-x="3"] {
    left: 25%;
}
.grid-stack > .grid-stack-item[gs-min-w="3"] {
    min-width: 25%;
}
.grid-stack > .grid-stack-item[gs-max-w="3"] {
    max-width: 25%;
}
.grid-stack > .grid-stack-item[gs-w="4"] {
    width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="4"] {
    left: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="4"] {
    min-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="4"] {
    max-width: 33.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="5"] {
    width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="5"] {
    left: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="5"] {
    min-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="5"] {
    max-width: 41.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="6"] {
    width: 50%;
}
.grid-stack > .grid-stack-item[gs-x="6"] {
    left: 50%;
}
.grid-stack > .grid-stack-item[gs-min-w="6"] {
    min-width: 50%;
}
.grid-stack > .grid-stack-item[gs-max-w="6"] {
    max-width: 50%;
}
.grid-stack > .grid-stack-item[gs-w="7"] {
    width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="7"] {
    left: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="7"] {
    min-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="7"] {
    max-width: 58.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="8"] {
    width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="8"] {
    left: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="8"] {
    min-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="8"] {
    max-width: 66.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="9"] {
    width: 75%;
}
.grid-stack > .grid-stack-item[gs-x="9"] {
    left: 75%;
}
.grid-stack > .grid-stack-item[gs-min-w="9"] {
    min-width: 75%;
}
.grid-stack > .grid-stack-item[gs-max-w="9"] {
    max-width: 75%;
}
.grid-stack > .grid-stack-item[gs-w="10"] {
    width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-x="10"] {
    left: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-min-w="10"] {
    min-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-max-w="10"] {
    max-width: 83.3333333333%;
}
.grid-stack > .grid-stack-item[gs-w="11"] {
    width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-x="11"] {
    left: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-min-w="11"] {
    min-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-max-w="11"] {
    max-width: 91.6666666667%;
}
.grid-stack > .grid-stack-item[gs-w="12"] {
    width: 100%;
}
.grid-stack > .grid-stack-item[gs-x="12"] {
    left: 100%;
}
.grid-stack > .grid-stack-item[gs-min-w="12"] {
    min-width: 100%;
}
.grid-stack > .grid-stack-item[gs-max-w="12"] {
    max-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item {
    min-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-w="1"] {
    width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-x="1"] {
    left: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-min-w="1"] {
    min-width: 100%;
}
.grid-stack.grid-stack-1 > .grid-stack-item[gs-max-w="1"] {
    max-width: 100%;
}
.grid-stack.grid-stack-animate,
.grid-stack.grid-stack-animate .grid-stack-item {
    -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
    transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}
.grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
    -webkit-transition: left 0s, top 0s, height 0s, width 0s;
    -moz-transition: left 0s, top 0s, height 0s, width 0s;
    -ms-transition: left 0s, top 0s, height 0s, width 0s;
    -o-transition: left 0s, top 0s, height 0s, width 0s;
    transition: left 0s, top 0s, height 0s, width 0s;
}
.ui-draggable-dragging,
.ui-resizable-resizing {
    z-index: 100;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
    box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
    opacity: 0.8;
}
.ui-draggable-dragging {
    will-change: left, top;
    cursor: move;
}
.ui-resizable-resizing {
    will-change: width, height;
}
.ac-dropdown.ac-dp-group {
    outline: 0;
    z-index: 10000;
}
.ac-dropdown .ac-div {
    position: absolute;
    top: 100%;
    z-index: 10000;
    width: 100%;
    min-height: 28px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.ac-dropdown .ac-dropdown-menu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    max-height: 240px;
    min-width: 0;
    overflow-x: hidden;
    margin: 0;
    padding: 4px;
    border-radius: 0 0 6px 6px;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results.grouped-options .ac-option {
    padding: 6px 0 6px 20px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option a {
    color: #21263c;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option.active {
    background-color: #408dfb;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option.active a {
    color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.inactive:hover:not(.selected-option) {
    background-color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results.left-align-options .ac-option {
    padding: 6px 0 6px 10px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.active > a {
    color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.option-disabled.active a,
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.option-disabled.active:hover a {
    color: #fff;
    opacity: 0.8;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results > li.ac-grouplabel {
    color: #4c526c;
    padding-left: 10px;
    padding-top: 5px;
}
.ac-dropdown .ac-dropdown-menu .ac-option a {
    color: #4c526c;
    cursor: pointer;
}
.ac-dropdown .ac-dropdown-menu .ac-option a.empty {
    color: #6c7184;
    text-transform: uppercase;
}
.ac-dropdown .ac-dropdown-menu .ac-option.option-disabled a {
    cursor: not-allowed;
    color: #9391a2;
}
.ac-dropdown .ac-loading {
    padding: 10px;
    text-align: center;
    border-radius: 0 0 6px 6px;
    border: 1px solid #ebeaf2;
}
.ac-dropdown .search-field-hidden .ac-dropdown-menu,
.ac-dropdown .search-field-hidden .ac-dropdown-results,
.ac-dropdown .search-field-hidden .ac-loading {
    border-radius: 6px;
}
.ac-dropdown-results .active .action {
    visibility: visible;
}
.ac-dropdown-results .inactive .action {
    visibility: hidden;
}
.ac-box {
    position: relative;
    display: block;
    zoom: 1;
}
.ac-box .ac-toggle-container {
    padding-left: 8px;
}
.ac-box .ac-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 14px;
    right: 4px;
    margin: 0 3px;
}
.ac-box .ac-down-open-mini {
    border-bottom: none;
    border-top: 5px solid #999;
}
.ac-box .ac-up-open-mini {
    border-bottom: 5px solid #999;
    border-top: none;
}
.ac-box.ac-box-open .ac-selected {
    outline: 3px solid;
    outline-color: rgba(64, 141, 251, 0.2);
    border-color: #408dfb;
}
.ac-box .ac-selected {
    cursor: pointer;
    text-align: left;
    height: 34px;
    padding: 4px 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 28px;
    color: #21263c;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #d7d5e2;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ac-box .ac-selected:hover {
    border-color: #408dfb;
}
.ac-box .ac-selected .placeholder-text {
    color: #838195;
}
.ac-box .ac-selected span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ac-box .ac-selected .ac-selected-label {
    flex-grow: 1;
}
.ac-box .ac-selected div {
    margin-left: auto;
}
.ac-box .ac-selected .ac-clear-container {
    height: 80%;
    display: flex;
    align-items: center;
    border-right: 1px solid #d7d5e2;
    padding-right: 8px;
}
.ac-box .ac-selected .ac-clear-container .ac-selection-clear {
    color: #f7525a;
}
.ac-box .ac-selected.disabled {
    box-shadow: none;
    cursor: not-allowed;
    background-color: #eee;
    background-image: none;
}
.ac-box .ac-selected.disabled .icon-down-open-mini {
    display: none;
}
.ac-box-open .ac-selected {
    box-shadow: 0 1px 0 #fff inset;
}
.ac-box-open .ac-selected div {
    background: 0 0;
    border-left: none;
    filter: none;
}
.ac-box-drop {
    position: absolute;
    z-index: 9999;
    top: 100%;
    width: 100%;
    margin-top: 6px;
    border: 1px solid #ebeaf2;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 #d7d5e2;
    background-color: #fff;
}
.ac-box-drop .dropdown-menu {
    border: 0;
    box-shadow: none;
}
.ac-box-drop .ac-dropdown-menu {
    position: relative;
}
.ac-search {
    position: relative;
    z-index: 10000;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 0 4px;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
}
.ac-search input {
    margin: 4px 0 0;
    color: #21263c;
    border: 1px solid #ebeaf2;
}
.ac-search input:focus {
    border-color: #408dfb;
    box-shadow: none;
}
.ac-search input::placeholder {
    color: #838195;
}
.ac-box .icon-down-open-mini,
.ac-box .icon-up-open-mini {
    font-size: 10px;
    color: #ccc;
    vertical-align: text-bottom;
}
.autocomplete-option {
    width: 100%;
    padding: 2px 0;
    padding-right: 8px;
    line-height: 1.2;
    white-space: normal;
    display: flex;
    align-items: center;
}
.autocomplete-option div.option {
    flex-grow: 1;
}
.ac-dropdown-results:after {
    content: "";
}
.autocomplete-option::after {
    content: "";
}
.datepicker table {
    margin: 10px;
    border-collapse: separate;
}
.datepicker table tr td,
.datepicker table tr th {
    border-radius: 0;
    border: 1px solid #fff;
}
.datepicker table tr td {
    font-weight: 500;
}
.datepicker table tr td.today {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    color: #d64830;
}
.datepicker table tr td.today:hover {
    background-color: transparent;
    background-image: none;
    border-color: 1px solid #d64830;
    color: #000;
}
.datepicker table tr td span {
    border-radius: 0;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #eee;
}
.datepicker-dropdown {
    min-width: 0;
}
.datepicker.dropdown-menu {
    position: absolute;
    background-color: #fff;
    min-width: 0;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.date-range-picker-icon-margin {
    margin-right: 2.5px;
}
.grid-stack {
    --resize-top: 15px;
    --resize-bottom: 15px;
    --resize-left: 15px;
    --resize-right: 15px;
    height: 1000px;
    min-height: 1000px;
    width: 100%;
    background-color: transparent;
}
.grid-stack .grid-stack-item .ui-resizable-handle {
    background-color: #fff;
    background-image: none !important;
    border: 1px solid #408dfb;
    box-sizing: border-box;
    height: 10px;
    position: absolute;
    transform: rotate(0deg);
    width: 10px;
    border-radius: 50%;
}
.grid-stack .grid-stack-item.ui-resizable:not(.ui-resizable-autohide) .grid-stack-item-content {
    border: 1px solid #408dfb;
    border-radius: 0;
}
.grid-stack .grid-stack-item .ui-resizable-n {
    left: 50%;
    transform: translateX(-50%);
    top: var(--resize-top);
}
.grid-stack .grid-stack-item .ui-resizable-e {
    right: var(--resize-right) !important;
    top: 50%;
    transform: translateY(-50%);
}
.grid-stack .grid-stack-item .ui-resizable-s {
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--resize-bottom);
}
.grid-stack .grid-stack-item .ui-resizable-w {
    left: var(--resize-left) !important;
    top: 50%;
    transform: translateY(-50%);
}
.grid-stack .grid-stack-item .ui-resizable-sw {
    left: var(--resize-left) !important;
    bottom: var(--resize-bottom) !important;
}
.grid-stack .grid-stack-item .ui-resizable-se {
    right: var(--resize-right) !important;
    bottom: var(--resize-bottom) !important;
}
.grid-stack .grid-stack-item .ui-resizable-nw {
    left: var(--resize-left) !important;
    top: var(--resize-top) !important;
}
.grid-stack .grid-stack-item .ui-resizable-ne {
    right: var(--resize-right) !important;
    top: var(--resize-top) !important;
}
.html-editor {
    position: relative;
}
.html-editor-toolbar {
    padding: 10px 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
.html-editor-toolbar .btn {
    margin-bottom: 5px;
}
.html-editor-toolbar .bold {
    font-weight: 700;
}
.html-editor-toolbar .italic {
    font-style: italic;
}
.html-editor-toolbar .underline {
    text-decoration: underline;
}
.html-editor-toolbar .strike {
    text-decoration: line-through;
}
.html-editor-toolbar .font-xs {
    font-size: 10px;
}
.html-editor-toolbar .font-small {
    font-size: 13px;
}
.html-editor-toolbar .font-default {
    font-size: 16px;
}
.html-editor-toolbar .font-medium {
    font-size: 18px;
}
.html-editor-toolbar .font-large {
    font-size: 24px;
}
.html-editor-toolbar .font-xlarge {
    font-size: 32px;
}
.html-editor-toolbar .font-xxlarge {
    font-size: 48px;
}
.html-editor-toolbar .font-calibri {
    font-family: Calibri;
}
.html-editor-toolbar .font-courier-new {
    font-family: "Courier New";
}
.html-editor-toolbar .font-georgia {
    font-family: Georgia;
}
.html-editor-toolbar .font-serif {
    font-family: Serif;
}
.html-editor-toolbar .font-tahoma {
    font-family: Tahoma;
}
.html-editor-toolbar .font-times {
    font-family: "Times New Roman";
}
.html-editor-toolbar .font-trebuchet {
    font-family: "Trebuchet MS";
}
.html-toggler {
    margin-bottom: 5px;
}
.rich-editor-body,
textarea.raw-editor {
    height: 400px;
}
.rich-editor-body {
    background-color: #fff;
    border: 0;
    padding-left: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.inline-edit:hover .icon-pencil {
    visibility: visible;
}
.inline-edit:hover .edit-field-value {
    background-color: #eee;
    border-radius: 4px;
}
.inline-edit .edit-field-value {
    word-break: break-word;
}
.inline-edit .edit-field-form {
    min-width: 0;
    flex-grow: 1;
}
.inline-edit .icon-pencil {
    visibility: hidden;
}
.ac-dropdown.ac-dp-group {
    outline: 0;
    z-index: 10000;
}
.ac-dropdown .ac-div {
    position: absolute;
    top: 100%;
    z-index: 10000;
    width: 100%;
    min-height: 28px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.ac-dropdown .ac-dropdown-menu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    max-height: 240px;
    min-width: 0;
    overflow-x: hidden;
    margin: 0;
    padding: 4px;
    border-radius: 0 0 6px 6px;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results.grouped-options .ac-option {
    padding: 6px 0 6px 20px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option a {
    color: #21263c;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option.active {
    background-color: #408dfb;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option.active a {
    color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.inactive:hover:not(.selected-option) {
    background-color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results.left-align-options .ac-option {
    padding: 6px 0 6px 10px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.active > a {
    color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.option-disabled.active a,
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.option-disabled.active:hover a {
    color: #fff;
    opacity: 0.8;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results > li.ac-grouplabel {
    color: #4c526c;
    padding-left: 10px;
    padding-top: 5px;
}
.ac-dropdown .ac-dropdown-menu .ac-option a {
    color: #4c526c;
    cursor: pointer;
}
.ac-dropdown .ac-dropdown-menu .ac-option a.empty {
    color: #6c7184;
    text-transform: uppercase;
}
.ac-dropdown .ac-dropdown-menu .ac-option.option-disabled a {
    cursor: not-allowed;
    color: #9391a2;
}
.ac-dropdown .ac-loading {
    padding: 10px;
    text-align: center;
    border-radius: 0 0 6px 6px;
    border: 1px solid #ebeaf2;
}
.ac-dropdown .search-field-hidden .ac-dropdown-menu,
.ac-dropdown .search-field-hidden .ac-dropdown-results,
.ac-dropdown .search-field-hidden .ac-loading {
    border-radius: 6px;
}
.ac-dropdown-results .active .action {
    visibility: visible;
}
.ac-dropdown-results .inactive .action {
    visibility: hidden;
}
.ac-box {
    position: relative;
    display: block;
    zoom: 1;
}
.ac-box .ac-toggle-container {
    padding-left: 8px;
}
.ac-box .ac-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 14px;
    right: 4px;
    margin: 0 3px;
}
.ac-box .ac-down-open-mini {
    border-bottom: none;
    border-top: 5px solid #999;
}
.ac-box .ac-up-open-mini {
    border-bottom: 5px solid #999;
    border-top: none;
}
.ac-box.ac-box-open .ac-selected {
    outline: 3px solid;
    outline-color: rgba(64, 141, 251, 0.2);
    border-color: #408dfb;
}
.ac-box .ac-selected {
    cursor: pointer;
    text-align: left;
    height: 34px;
    padding: 4px 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 28px;
    color: #21263c;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #d7d5e2;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ac-box .ac-selected:hover {
    border-color: #408dfb;
}
.ac-box .ac-selected .placeholder-text {
    color: #838195;
}
.ac-box .ac-selected span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ac-box .ac-selected .ac-selected-label {
    flex-grow: 1;
}
.ac-box .ac-selected div {
    margin-left: auto;
}
.ac-box .ac-selected .ac-clear-container {
    height: 80%;
    display: flex;
    align-items: center;
    border-right: 1px solid #d7d5e2;
    padding-right: 8px;
}
.ac-box .ac-selected .ac-clear-container .ac-selection-clear {
    color: #f7525a;
}
.ac-box .ac-selected.disabled {
    box-shadow: none;
    cursor: not-allowed;
    background-color: #eee;
    background-image: none;
}
.ac-box .ac-selected.disabled .icon-down-open-mini {
    display: none;
}
.ac-box-open .ac-selected {
    box-shadow: 0 1px 0 #fff inset;
}
.ac-box-open .ac-selected div {
    background: 0 0;
    border-left: none;
    filter: none;
}
.ac-box-drop {
    position: absolute;
    z-index: 9999;
    top: 100%;
    width: 100%;
    margin-top: 6px;
    border: 1px solid #ebeaf2;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 #d7d5e2;
    background-color: #fff;
}
.ac-box-drop .dropdown-menu {
    border: 0;
    box-shadow: none;
}
.ac-box-drop .ac-dropdown-menu {
    position: relative;
}
.ac-search {
    position: relative;
    z-index: 10000;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 0 4px;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
}
.ac-search input {
    margin: 4px 0 0;
    color: #21263c;
    border: 1px solid #ebeaf2;
}
.ac-search input:focus {
    border-color: #408dfb;
    box-shadow: none;
}
.ac-search input::placeholder {
    color: #838195;
}
.ac-box .icon-down-open-mini,
.ac-box .icon-up-open-mini {
    font-size: 10px;
    color: #ccc;
    vertical-align: text-bottom;
}
.autocomplete-option {
    width: 100%;
    padding: 2px 0;
    padding-right: 8px;
    line-height: 1.2;
    white-space: normal;
    display: flex;
    align-items: center;
}
.autocomplete-option div.option {
    flex-grow: 1;
}
.ac-dropdown-results:after {
    content: "";
}
.autocomplete-option::after {
    content: "";
}
.multiselect {
    min-height: 34px;
    background-color: #fff;
    border: 1px solid #d7d5e2;
    border-radius: 6px;
    cursor: pointer;
}
.multiselect:hover {
    border-color: #408dfb;
}
.multiselect:focus-within {
    box-shadow: 0 0 0 3px rgba(64, 141, 251, 0.16);
    border-color: #408dfb;
}
.multiselect.disabled {
    box-shadow: none;
    cursor: not-allowed;
    background-color: #eee;
    background-image: none;
}
.multiselect .multiselect-list {
    margin: 0 8px 3px 0;
    display: flex;
    align-items: center;
}
.multiselect .multiselect-list ul {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.multiselect .selection-list {
    margin: 0;
}
.multiselect .selection-list > li {
    display: inline-block;
    margin: 3px 0 0 3px;
    color: #21263c;
}
.multiselect .selection-list > li.placeholder {
    color: #838195;
    padding: 1px 0.5rem;
}
.multiselect .selection-list > li .mac-item.btn-sm {
    display: flex;
    align-items: center;
    cursor: default;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #e9ebf3;
    border-radius: 4px;
}
.multiselect .selection-list > li .mac-item.btn-sm:hover {
    background-color: #fff;
    border: 1px solid #d7d5e2;
}
.multiselect .selection-list > li .mac-item.btn-sm:hover .clear-icon {
    color: #f7525a;
}
.multiselect .selection-list > li .mac-item.btn-sm:hover .clear-icon svg {
    fill: #f7525a;
}
.multiselect .selection-list > li .mac-item.btn-sm .mac-item-label {
    display: inline-block;
    margin: 3px 0 3px 0;
}
.multiselect .selection-list > li .clear-icon {
    display: flex;
    color: #838195;
    margin-left: 2px;
    padding: 0;
}
.multiselect .selection-list > li .clear-icon svg {
    fill: #838195;
    height: 10px;
    width: 10px;
}
.multiselect .selection-list > li.mini {
    margin: 0;
    width: 10%;
}
.multiselect .selection-list input {
    width: 10px;
    margin-top: 2px;
    border-color: transparent;
}
.multiselect .selection-list input:focus {
    outline: 0;
}
.multiselect .selection-list input.disabled {
    background-color: #eee;
    background-image: none;
}
.multiselect .ac-dropdown-menu .search-item {
    padding: 5px 8px;
}
.multiselect .ac-dropdown-menu .search-item input {
    border-radius: 6px;
    outline: 0;
    padding: 6px 20px 6px 8px;
    color: #21263c;
}
.multiselect .ac-dropdown-menu .search-item input:focus {
    border-color: #408dfb;
    box-shadow: none;
}
.multiselect .ac-dropdown-menu .search-item input::placeholder {
    color: #838195;
}
.multiselect .ac-dropdown-menu .ac-div {
    position: relative;
    border: 0;
    border-top: 1px solid #ccc;
}
.multiselect .ac-dropdown-menu .ac-dropdown-results.left-align-options > li {
    padding-left: 10px;
}
.multiselect .ac-dropdown-menu .ac-dropdown-results > li.inactive > a:hover {
    color: #333;
    background-image: none;
    background-color: transparent;
}
.multiselect .ac-dropdown-menu .ac-dropdown-results > li > a.empty {
    background: #fff;
}
.multiselect .ac-dropdown-menu .ac-dropdown-results > li.ac-grouplabel {
    color: #999;
    padding-left: 10px;
    padding-top: 5px;
}
.multiselect .ac-dropdown-menu .ac-dropdown-results li.option-disabled.inactive > a:hover {
    color: #999;
}
.multiselect .ac-dropdown-menu .ac-dropdown-results .ac-option a {
    cursor: pointer;
}
.multiselect .ac-dropdown-menu .ac-dropdown-results .ac-option.option-disabled a {
    cursor: not-allowed;
    color: #999;
}
.multiselect .ac-option.active > a {
    color: #fff;
    text-decoration: none;
    outline: 0;
}
.multiselect .ac-dropdown-results li > a {
    color: #333;
}
.multi-check-dropdown {
    position: relative;
    display: block;
    zoom: 1;
}
.multi-check-dropdown .ms-toggle-container {
    padding-left: 8px;
}
.multi-check-dropdown .ms-ac-toggler svg {
    width: 10px;
    height: 9px;
    vertical-align: middle;
    fill: #838195;
}
.multi-check-dropdown .ms-selection-clear svg {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
.multi-check-dropdown .ms-clear-container {
    height: 80%;
    align-items: center;
    border-right: 1px solid #d7d5e2;
    padding-right: 8px;
    margin-left: 4px;
}
.multi-check-dropdown .ms-clear-container .ms-selection-clear {
    color: #f7525a;
    outline: 0;
}
.multi-check-dropdown .ms-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 14px;
    right: 4px;
    margin: 0 3px;
}
.multi-check-dropdown .ms-down-open-mini {
    border-bottom: none;
    border-top: 5px solid #999;
}
.multi-check-dropdown .ms-up-open-mini {
    border-bottom: 5px solid #999;
    border-top: none;
}
.multi-check-dropdown.ms-box-open .ms-selected {
    outline: 3px solid;
    outline-color: rgba(64, 141, 251, 0.2);
    border-color: #408dfb;
}
.multi-check-dropdown .ms-selected {
    cursor: pointer;
    text-align: left;
    height: 36px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    line-height: 28px;
    color: #21263c;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #d7d5e2;
    background-clip: padding-box;
}
.multi-check-dropdown .ms-selected:hover {
    border-color: #408dfb;
}
.multi-check-dropdown .ms-selected .placeholder-text {
    color: #838195;
}
.multi-check-dropdown .ms-selected .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.multi-check-dropdown .ms-selected .ms-clear-container {
    display: flex;
}
.dropdown-item.multiselect-checkbox-item {
    padding: 6px 0 6px 10px;
    cursor: pointer;
}
.dropdown-item.multiselect-checkbox-item .ms-checkbox {
    margin-top: 3px;
    position: absolute;
    min-width: 14px;
}
.dropdown-item.multiselect-checkbox-item .ms-option-text {
    max-width: 100%;
    white-space: normal;
    margin-left: 20px;
    padding-right: 6px;
    word-break: break-word;
}
.dropdown-item.multiselect-checkbox-item:hover,
.dropdown-item.multiselect-checkbox-item:active {
    color: #212529;
    text-decoration: none;
    background-color: #f1f2f8;
    border-radius: 6px;
}
.ms-dp-group {
    position: relative;
    z-index: 5;
}
.ms-dp-group .ms-box-drop {
    position: absolute;
    z-index: 9999;
    width: 100%;
    min-width: 200px;
    margin-top: 6px;
    border: 1px solid #ebeaf2;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 #d7d5e2;
    background-color: #fff;
}
.ms-dp-group .ms-box-drop .ms-search {
    position: relative;
    z-index: 10000;
    white-space: nowrap;
    margin: 6px 6px 3px;
}
.ms-dp-group .ms-box-drop .ms-search .ms-search-field {
    width: 100%;
    min-height: 26px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d7d5e2;
}
.ms-dp-group .ms-box-drop .ms-search .ms-search-field:hover,
.ms-dp-group .ms-box-drop .ms-search .ms-search-field:focus-within {
    border: 1px solid #408dfb;
    box-shadow: none;
}
.ms-dp-group .ms-box-drop .ms-search .ms-search-field .input-group-text {
    height: 34px;
    background-color: #fff;
    transition: none;
    border-width: 0;
    padding-left: 8px;
    padding-right: 2px;
    border-radius: 6px 0 0 6px;
}
.ms-dp-group .ms-box-drop .ms-search .ms-search-field .form-control {
    height: 34px;
    padding-left: 6px;
    background-color: #fff;
    border-width: 0;
    color: #000;
    box-shadow: none;
    border-radius: 0 6px 6px 0;
}
.ms-dp-group .ms-box-drop .ms-loading {
    padding-bottom: 15px;
}
.ms-dp-group .ms-box-drop .ms-dropdown-results {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    max-height: 240px;
    min-width: 0;
    overflow-x: hidden;
    margin: 0;
    padding: 4px;
    border: 0;
    border-radius: 6px;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
}
.ms-dp-group .ms-box-drop .ms-dropdown-results .ms-checkbox-group {
    padding-left: 10px;
}
.ms-dp-group .ms-box-drop .ms-action-container {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 4px;
    border-top: 1px solid #ebeaf2;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    white-space: nowrap;
}
.ms-dp-group .ms-box-drop .ms-action-container .action-btn {
    padding: 5px 2px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    background-color: #408dfb;
}
.tour-d-none {
    display: none;
}
.tour-d-block {
    display: block;
}
.tour-popover-arrow,
.tour-popover-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: -1;
}
.tour-popover-close {
    cursor: pointer;
}
.tour-popover-arrow::before {
    content: "";
    transform: rotate(45deg);
    background-color: #f7f7f7;
}
.tour-popover[data-popper-placement^="top"] > .tour-popover-arrow {
    bottom: -4px;
}
.tour-popover[data-popper-placement^="bottom"] > .tour-popover-arrow {
    top: -4px;
}
.tour-popover[data-popper-placement^="left"] > .tour-popover-arrow {
    right: -4px;
}
.tour-popover[data-popper-placement^="right"] > .tour-popover-arrow {
    left: -4px;
}
.tour-backdrp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000002;
}
.zf-highlight {
    -moz-animation: twinkle 1.5s 1 linear;
    -webkit-animation: twinkle 1.5s 1 linear;
    -o-animation: twinkle 1.5s 1 linear;
    -ms-animation: twinkle 1.5s 1 linear;
    animation: twinkle 1.5s 1 linear;
}
@-moz-keyframes twinkle {
    0% {
        background-color: #fffbd7;
    }
    to {
        background-color: transparent;
    }
}
@-webkit-keyframes twinkle {
    0% {
        background-color: #fffbd7;
    }
    to {
        background-color: transparent;
    }
}
@-ms-keyframes twinkle {
    0% {
        background-color: #fffbd7;
    }
    to {
        background-color: transparent;
    }
}
.popover.popper {
    display: none;
}
.popover.popper > .arrow::before {
    background-color: #fff;
    border: 1px solid #ddd;
}
.rtl-popover {
    left: unset;
}
.popover[data-popper-placement^="top"] > .arrow {
    bottom: -5px;
}
.popover[data-popper-placement^="top"] > .arrow::before,
.popover[data-popper-placement^="top"] > .arrow::after {
    right: 6px;
    border-left: none;
    border-top: none;
}
.popover[data-popper-placement^="bottom"] > .arrow {
    top: -5px;
}
.popover[data-popper-placement^="bottom"] > .arrow::before,
.popover[data-popper-placement^="bottom"] > .arrow::after {
    right: 6px;
    border-right: none;
    border-bottom: none;
}
/*!rtl:begin:ignore*/
.popover[data-popper-placement^="left"] > .arrow {
    right: -9px;
}
.popover[data-popper-placement^="left"] > .arrow::before,
.popover[data-popper-placement^="left"] > .arrow::after {
    border-bottom: none;
    border-left: none;
}
.popover[data-popper-placement^="right"] > .arrow {
    left: -9px;
}
.popover[data-popper-placement^="right"] > .arrow::before,
.popover[data-popper-placement^="right"] > .arrow::after {
    border-top: none;
    border-right: none;
}
/*!rtl:end:ignore*/
.cursor-pointer {
    cursor: pointer;
}
.tooltip {
    background-color: #21263c;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    max-width: 250px;
    padding: 0.5rem 0.8rem;
}
.tooltip > .arrow::before {
    background: #21263c;
}
.tooltip.show {
    z-index: 1000002;
}
.tooltip.hide {
    z-index: -1000002;
}
.tooltip[data-popper-placement^="top"] > .arrow {
    bottom: -4px;
}
.tooltip[data-popper-placement^="top"] > .arrow::before {
    border-bottom-right-radius: 2px;
}
.tooltip[data-popper-placement^="bottom"] > .arrow {
    top: -4px;
}
.tooltip[data-popper-placement^="bottom"] > .arrow::before {
    border-top-left-radius: 2px;
}
/*!rtl:begin:ignore*/
.tooltip[data-popper-placement^="left"] > .arrow {
    right: -4px;
}
.tooltip[data-popper-placement^="left"] > .arrow::before {
    border-top-right-radius: 2px;
}
.tooltip[data-popper-placement^="right"] > .arrow {
    left: -4px;
}
.tooltip[data-popper-placement^="right"] > .arrow::before {
    border-bottom-left-radius: 2px;
}
/*!rtl:end:ignore*/
.tooltip,
.popover.popper {
    position: absolute;
    z-index: 1000002;
}
.tooltip > .arrow,
.popover.popper > .arrow {
    height: 8px;
    position: absolute;
    width: 8px;
}
.tooltip > .arrow::before,
.popover.popper > .arrow::before {
    height: 8px;
    position: absolute;
    width: 8px;
    content: "";
    transform: rotate(45deg);
    z-index: -1;
}
.ac-dropdown.ac-dp-group {
    outline: 0;
    z-index: 10000;
}
.ac-dropdown .ac-div {
    position: absolute;
    top: 100%;
    z-index: 10000;
    width: 100%;
    min-height: 28px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.ac-dropdown .ac-dropdown-menu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    max-height: 240px;
    min-width: 0;
    overflow-x: hidden;
    margin: 0;
    padding: 4px;
    border-radius: 0 0 6px 6px;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results.grouped-options .ac-option {
    padding: 6px 0 6px 20px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option a {
    color: #21263c;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option.active {
    background-color: #408dfb;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.selected-option.active a {
    color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.inactive:hover:not(.selected-option) {
    background-color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results.left-align-options .ac-option {
    padding: 6px 0 6px 10px;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.active > a {
    color: #fff;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.option-disabled.active a,
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results li.option-disabled.active:hover a {
    color: #fff;
    opacity: 0.8;
}
.ac-dropdown .ac-dropdown-menu .ac-dropdown-results > li.ac-grouplabel {
    color: #4c526c;
    padding-left: 10px;
    padding-top: 5px;
}
.ac-dropdown .ac-dropdown-menu .ac-option a {
    color: #4c526c;
    cursor: pointer;
}
.ac-dropdown .ac-dropdown-menu .ac-option a.empty {
    color: #6c7184;
    text-transform: uppercase;
}
.ac-dropdown .ac-dropdown-menu .ac-option.option-disabled a {
    cursor: not-allowed;
    color: #9391a2;
}
.ac-dropdown .ac-loading {
    padding: 10px;
    text-align: center;
    border-radius: 0 0 6px 6px;
    border: 1px solid #ebeaf2;
}
.ac-dropdown .search-field-hidden .ac-dropdown-menu,
.ac-dropdown .search-field-hidden .ac-dropdown-results,
.ac-dropdown .search-field-hidden .ac-loading {
    border-radius: 6px;
}
.ac-dropdown-results .active .action {
    visibility: visible;
}
.ac-dropdown-results .inactive .action {
    visibility: hidden;
}
.ac-box {
    position: relative;
    display: block;
    zoom: 1;
}
.ac-box .ac-toggle-container {
    padding-left: 8px;
}
.ac-box .ac-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 14px;
    right: 4px;
    margin: 0 3px;
}
.ac-box .ac-down-open-mini {
    border-bottom: none;
    border-top: 5px solid #999;
}
.ac-box .ac-up-open-mini {
    border-bottom: 5px solid #999;
    border-top: none;
}
.ac-box.ac-box-open .ac-selected {
    outline: 3px solid;
    outline-color: rgba(64, 141, 251, 0.2);
    border-color: #408dfb;
}
.ac-box .ac-selected {
    cursor: pointer;
    text-align: left;
    height: 34px;
    padding: 4px 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    white-space: nowrap;
    line-height: 28px;
    color: #21263c;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #d7d5e2;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ac-box .ac-selected:hover {
    border-color: #408dfb;
}
.ac-box .ac-selected .placeholder-text {
    color: #838195;
}
.ac-box .ac-selected span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ac-box .ac-selected .ac-selected-label {
    flex-grow: 1;
}
.ac-box .ac-selected div {
    margin-left: auto;
}
.ac-box .ac-selected .ac-clear-container {
    height: 80%;
    display: flex;
    align-items: center;
    border-right: 1px solid #d7d5e2;
    padding-right: 8px;
}
.ac-box .ac-selected .ac-clear-container .ac-selection-clear {
    color: #f7525a;
}
.ac-box .ac-selected.disabled {
    box-shadow: none;
    cursor: not-allowed;
    background-color: #eee;
    background-image: none;
}
.ac-box .ac-selected.disabled .icon-down-open-mini {
    display: none;
}
.ac-box-open .ac-selected {
    box-shadow: 0 1px 0 #fff inset;
}
.ac-box-open .ac-selected div {
    background: 0 0;
    border-left: none;
    filter: none;
}
.ac-box-drop {
    position: absolute;
    z-index: 9999;
    top: 100%;
    width: 100%;
    margin-top: 6px;
    border: 1px solid #ebeaf2;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 #d7d5e2;
    background-color: #fff;
}
.ac-box-drop .dropdown-menu {
    border: 0;
    box-shadow: none;
}
.ac-box-drop .ac-dropdown-menu {
    position: relative;
}
.ac-search {
    position: relative;
    z-index: 10000;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 0 4px;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
}
.ac-search input {
    margin: 4px 0 0;
    color: #21263c;
    border: 1px solid #ebeaf2;
}
.ac-search input:focus {
    border-color: #408dfb;
    box-shadow: none;
}
.ac-search input::placeholder {
    color: #838195;
}
.ac-box .icon-down-open-mini,
.ac-box .icon-up-open-mini {
    font-size: 10px;
    color: #ccc;
    vertical-align: text-bottom;
}
.autocomplete-option {
    width: 100%;
    padding: 2px 0;
    padding-right: 8px;
    line-height: 1.2;
    white-space: normal;
    display: flex;
    align-items: center;
}
.autocomplete-option div.option {
    flex-grow: 1;
}
.ac-dropdown-results:after {
    content: "";
}
.autocomplete-option::after {
    content: "";
}
.type-ahead {
    display: inline-block;
    position: relative;
    width: 100%;
}
.type-ahead ul {
    margin: 0;
    padding: 0;
}
.type-ahead .autocomplete-list {
    right: 0;
    max-height: 225px;
    overflow: auto;
    display: block;
    overflow-x: hidden;
}
.type-ahead .autocomplete-list > li > a.empty-message {
    background: #fff;
    cursor: default;
}
.type-ahead .toggler {
    position: absolute;
    top: 25%;
    right: 10px;
    font-size: 12px;
    color: #ccc;
    cursor: pointer;
}
.type-ahead input.form-control {
    padding-right: 30px;
}
.type-ahead .ac-dropdown .ac-dropdown-menu {
    margin-top: 6px;
}
.type-ahead .ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    border: 1px solid #d7d5e2;
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 #d7d5e2;
}
.type-ahead .ac-selected {
    display: flex;
    align-items: center;
}
.type-ahead .ac-selected .ac-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 16px;
}
.type-ahead .ac-selected .ac-down-open-mini {
    border-bottom: none;
    border-top: 5px solid #999;
}
.type-ahead .ac-selected .ac-up-open-mini {
    border-bottom: 5px solid #999;
    border-top: none;
}
.ac-quick-create {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 8px;
    border-top: 1px solid #ebeaf2;
    background-color: #fff;
    height: 40px;
    border-radius: 0 0 6px 6px;
    white-space: nowrap;
    color: #408dfb;
}
.ac-quick-create:hover {
    text-decoration: none;
    color: #408dfb;
    background-color: #f9f9fb;
}
.ac-quick-create svg {
    height: 14px;
    width: 14px;
    margin: 0 8px;
}
.zf-ac-toggler svg {
    width: 10px;
    height: 9px;
    vertical-align: middle;
    fill: #838195;
}
.type-ahead .zf-ac-toggler {
    position: absolute;
    right: 8px;
}
.type-ahead .zf-ac-toggler svg {
    width: 9px;
}
.ac-box .ac-selected .ac-selection-clear svg {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
.zec-container {
    position: relative;
}
.zec-tooltip {
    display: block;
    min-width: 100px;
    position: absolute;
    z-index: 1070;
    visibility: hidden;
}
.width-fitcontent {
    min-width: fit-content;
    width: fit-content;
}
.x-axis path,
.x-axis line,
.y-axis path,
.y-axis line {
    fill: none;
    stroke: #e4e4e4;
    shape-rendering: crispEdges;
    stroke-opacity: 0.2;
}
.zec-linechart-point-paths path {
    stroke-opacity: 0;
    fill-opacity: 0;
}
#zec-horizontal-tooltip {
    position: absolute;
    width: 200px;
    height: auto;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    pointer-events: none;
    font-size: 13px;
}
#zec-horizontal-tooltip #zec-horizontal-date {
    font-weight: bolder;
    border-bottom: 1px solid #efefef;
}
#zec-horizontal-tooltip #zec-horizontal-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.net-growth-line {
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    stroke: #000;
    fill: none;
}
.zec-dashed-stroke {
    stroke-dasharray: 4;
    stroke: #000;
}
.zf-he-actions-container {
    display: inline;
    margin-right: 5px;
}
.zf-he-actions-container:not(:last-of-type)::after {
    content: "";
    position: relative;
    border-left: 2px solid #dddfe9;
}
.he-image-err {
    color: #b94a48;
}
.he-font-family .dropdown-toggle > span {
    width: 115px;
    text-overflow: ellipsis;
}
.zf-notification-container {
    position: fixed;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 100000;
    margin: 0 auto;
    width: fit-content;
}
.zf-notification-container .message-container {
    display: inline-flex;
    border: 2px solid #fff;
    margin: 0;
    border-radius: 12px;
    font-weight: 400;
    box-shadow: 0 4px 12px 0 #d7d5e2;
}
.zf-notification-container .message-container.error {
    background-color: #feedee;
}
.zf-notification-container .message-container.success {
    background-color: #e8f7f1;
}
.zf-notification-container .message-container.info {
    background-color: #e7f2fe;
}
.zf-notification-container .message-container .msg {
    margin: 0 8px;
    max-width: 325px;
    text-align: left;
}
.zf-notification-container .icon-remove {
    cursor: pointer;
    height: 12px;
    width: 12px;
}
.zf-notification-container .warning-icon {
    border-radius: 6px;
    height: 32px;
    width: 31px;
    box-sizing: border-box;
}
.zf-notification-container .warning-icon svg {
    height: 13px;
    width: 13px;
    margin: 4px 0;
    fill: #fff;
}
.zf-notification-container .warning-icon.error {
    background-color: #f7525a;
}
.zf-notification-container .warning-icon.success {
    background-color: #22b378;
}
.zf-notification-container .warning-icon.info {
    background-color: #1894dc;
}
.item-autocomplete .item-ac-actions,
.item-autocomplete .zf-item-remove,
.item-autocomplete .item-ac-menu-button,
.item-autocomplete .autocomplete-option {
    display: flex;
}
.item-autocomplete .name {
    background-color: #f9f9f9;
    padding: 6px 10px;
    max-width: 600px;
}
.item-autocomplete .name .zf-item-remove {
    position: relative;
    top: 4px;
    color: #b4b4b4;
    fill: currentColor;
    cursor: pointer;
    border: 0;
    background: 0 0;
    padding: 0;
}
.item-autocomplete .name .zf-item-remove svg {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.item-autocomplete .name .zf-item-remove:hover {
    color: #999393;
}
.item-autocomplete .name .zf-item-remove:last-child {
    margin-left: 5px;
}
.item-autocomplete .name label {
    margin-bottom: 0;
    display: block;
}
.item-autocomplete .name .sku {
    width: 90%;
    font-size: 11px;
    word-wrap: break-word;
}
.item-autocomplete .name .disabled {
    color: #ccc;
    cursor: not-allowed;
}
.item-autocomplete .desc-div {
    margin: 8px;
}
.item-autocomplete .item-description {
    border: 0;
    box-shadow: none;
    resize: none;
}
.item-autocomplete .item-description:focus {
    box-shadow: none;
}
.item-autocomplete .ac-dropdown .ac-div {
    position: relative;
    border: 0;
}
.item-autocomplete .ac-dropdown {
    z-index: 1;
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu {
    min-width: 600px;
    border-radius: 6px;
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu .ac-dropdown-results {
    max-height: 275px;
    word-wrap: break-word;
    border-radius: 6px;
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .ac-item-details {
    padding: 6px 10px 6px 10px;
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu .ac-dropdown-results li a {
    text-decoration: none;
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu .ac-dropdown-results .empty-msg {
    text-align: center;
    padding: 30px;
    color: #6c7184;
    font-weight: 500;
    text-transform: uppercase;
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu .search-360-info li:first-child {
    margin-top: 4px;
}
.item-autocomplete .ac-dropdown .ac-dropdown-menu .active .grey-text,
.item-autocomplete .ac-dropdown .ac-dropdown-menu .active .autocomplete-option,
.item-autocomplete .ac-dropdown .ac-dropdown-menu .active .stock-unavailable,
.item-autocomplete .ac-dropdown .ac-dropdown-menu .active .stock-available,
.item-autocomplete .ac-dropdown .ac-dropdown-menu .active .ac-stock {
    color: #fff;
}
.item-autocomplete .ac-dropdown .ac-loading {
    border-radius: 6px;
}
.item-autocomplete .ac-box-drop {
    z-index: 1;
}
.item-autocomplete .grey-text {
    color: #6c718a;
}
.item-autocomplete .border-line {
    margin-bottom: -7px;
    border-bottom: 1px solid #d7d5e2;
    padding-top: 10px;
}
.item-autocomplete .stock-unavailable {
    color: #f7525a;
}
.item-autocomplete .stock-available {
    color: #22b378;
}
.item-autocomplete .autocomplete-option .ac-name-rate-sku {
    width: 65%;
    padding-right: 10px;
}
.item-autocomplete .autocomplete-option .ac-name-rate-sku .ac-name {
    padding-bottom: 4px;
    line-height: 20px;
    font-size: 14px;
}
.item-autocomplete .autocomplete-option .ac-name-rate-sku .ac-rate,
.item-autocomplete .autocomplete-option .ac-name-rate-sku .ac-sku {
    margin-right: 5px;
    font-size: 12px;
}
.item-autocomplete .autocomplete-option .ac-stock {
    width: 35%;
    line-height: 21px;
    text-align: right;
    font-size: 13px;
    color: #6c718a;
}
.item-autocomplete .item-ac-menu-button {
    align-items: center;
    padding-left: 15px;
}
.item-autocomplete .item-ac-menu-button .zf-item-edit {
    fill: #999;
    cursor: pointer;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
.item-autocomplete .item-ac-menu-button.active .zf-item-edit,
.item-autocomplete .item-ac-menu-button:hover .zf-item-edit,
.item-autocomplete .item-ac-menu-button:focus .zf-item-edit {
    fill: #fff;
}
.zf-highlight {
    -moz-animation: twinkle 1.5s 1 linear;
    -webkit-animation: twinkle 1.5s 1 linear;
    -o-animation: twinkle 1.5s 1 linear;
    -ms-animation: twinkle 1.5s 1 linear;
    animation: twinkle 1.5s 1 linear;
}
@-moz-keyframes twinkle {
    0% {
        background-color: #fffbd7;
    }
    to {
        background-color: transparent;
    }
}
@-webkit-keyframes twinkle {
    0% {
        background-color: #fffbd7;
    }
    to {
        background-color: transparent;
    }
}
@-ms-keyframes twinkle {
    0% {
        background-color: #fffbd7;
    }
    to {
        background-color: transparent;
    }
}
.zf-smooth-scroll-behavior {
    scroll-behavior: smooth;
}
.zf-apps-logo {
    display: inline-block;
    background-image: url(images/1x/zf-products-logo-a1b7922ba9.png);
    background-repeat: no-repeat;
    background-size: 140px 520px;
    width: 34px;
    height: 34px;
    margin-left: 20px;
    margin-right: 15px;
}
.zf-apps-logo.expense {
    background-position: -19px -210px;
}
.zf-apps-logo.subscriptions {
    background-position: -19px -22px;
}
.zf-apps-logo.inventory {
    background-position: -19px -273px;
}
.zf-apps-logo.books {
    background-position: -19px -147px;
}
.zf-apps-logo.checkout {
    background-position: -19px -86px;
}
.zf-apps-logo.financeplus {
    background-position: -20px -400px;
}
.zf-apps-logo.store {
    background-position: -82px -22px;
}
.zf-apps-logo.billing {
    background-position: -81px -84px;
}
.zf-apps-logo.payroll {
    background-position: -81px -147px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .zf-apps-logo {
        background-image: url(images/2x/zf-products-logo-113dbb3c19.png);
    }
}
[class^="zapps-logo-"] {
    background: url(images/applogos-0d08615076.png);
    background-size: 545px 260px;
    height: 34px;
    width: 32px;
    display: inline-block;
}
.zapps-logo-notebook {
    background-position: 0 0;
}
.zapps-logo-meeting {
    background-position: -57px 0;
}
.zapps-logo-projects {
    background-position: -114px 0;
}
.zapps-logo-sign {
    background-position: -171px 0;
}
.zapps-logo-sprints {
    background-position: -228px 0;
}
.zapps-logo-teaminbox {
    background-position: -285px 0;
}
.zapps-logo-mail {
    background-position: -342px 0;
}
.zapps-logo-cliq {
    background-position: -399px 0;
}
.zapps-logo-sheet {
    background-position: -456px 0;
}
.zapps-logo-show {
    background-position: -513px 0;
}
.zapps-logo-writer {
    background-position: 0 -57px;
}
.zapps-logo-connect {
    background-position: -57px -57px;
}
.zapps-logo-vault {
    background-position: -114px -57px;
}
.zapps-logo-workdrive {
    background-position: -171px -57px;
}
.zapps-logo-learn {
    background-position: -228px -57px;
}
.zapps-logo-crm {
    background-position: -285px -57px;
}
.zapps-logo-salesiq {
    background-position: -342px -57px;
}
.zapps-logo-salesinbox {
    background-position: -399px -57px;
}
.zapps-logo-commerce {
    background-position: -456px -57px;
}
.zapps-logo-bigin {
    background-position: -513px -57px;
}
.zapps-logo-bookings {
    background-position: 0 -114px;
}
.zapps-logo-campaigns {
    background-position: -57px -114px;
}
.zapps-logo-sites {
    background-position: -114px -114px;
}
.zapps-logo-social {
    background-position: -171px -114px;
}
.zapps-logo-survey {
    background-position: -228px -114px;
}
.zapps-logo-forms {
    background-position: -285px -114px;
}
.zapps-logo-backstage {
    background-position: -342px -114px;
}
.zapps-logo-pagesense {
    background-position: -399px -114px;
}
.zapps-logo-ma {
    background-position: -456px -114px;
}
.zapps-logo-desk {
    background-position: -342px -171px;
}
.zapps-logo-lens {
    background-position: -399px -171px;
}
.zapps-logo-assist {
    background-position: -456px -171px;
}
.zapps-logo-people {
    background-position: -513px -171px;
}
.zapps-logo-recruit {
    background-position: 0 -227px;
}
.zapps-logo-analytics {
    background-position: -57px -227px;
}
.zapps-logo-creator {
    background-position: -114px -227px;
}
.zapps-logo-flow {
    background-position: -171px -226px;
}
.zapps-logo-qntrl {
    background-position: -228px -226px;
}
.zapps-logo-dataprep {
    background-position: -285px -226px;
}
:root {
    --topband-icon-color: currentColor;
}
.products-menu-addon-container {
    margin: 0 8px 0 2px;
}
.products-menu-addon-container .icon-18 {
    width: 18px;
    height: 18px;
}
.products-menu-addon-container .zapps-arrow-top {
    transform: rotate(180deg);
    position: absolute;
    top: 59px;
    left: calc(50% + 11px);
    background-color: #f3f8fe;
}
.products-menu-addon-container .zapps-arrow-top::before {
    content: "";
    position: absolute;
    top: 9px;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #ccc transparent;
}
.products-menu-addon-container .zapps-arrow-top::after {
    content: "";
    position: absolute;
    top: 8px;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #f3f8fe transparent;
}
.products-menu-addon-container .zohoapps {
    padding: 7px;
    border-radius: 6px;
    margin-left: -8px;
}
.products-menu-addon-container .zohoapps {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.products-menu-addon-container .zohoapps__candybox {
    position: relative;
    width: 16px;
    height: 16px;
}
.products-menu-addon-container .zohoapps__candybox__dots {
    width: 100%;
    height: 100%;
    position: absolute;
}
.products-menu-addon-container .zohoapps__candybox__dots > span {
    width: 4px;
    height: 4px;
    background-color: var(--topband-icon-color);
    display: block;
    position: absolute;
    border-radius: 50%;
    transform-origin: center center;
    transform: scale(1);
    transition: 350ms 0.25s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    opacity: 1;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(1) {
    left: 0;
    top: 0;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(2) {
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(3) {
    right: 0;
    top: 0;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(4) {
    left: 0;
    top: 6px;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(5) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(6) {
    right: 0;
    top: 6px;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(7) {
    left: 0;
    bottom: 0;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(8) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.products-menu-addon-container .zohoapps__candybox__dots > span:nth-child(9) {
    right: 0;
    bottom: 0;
}
.products-menu-addon-container .zohoapps__candybox__z-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.products-menu-addon-container .zohoapps__candybox__z-icon__path1,
.products-menu-addon-container .zohoapps__candybox__z-icon__path2 {
    fill: none;
    stroke: currentColor;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    transition: opacity 0.5s 0.15s ease-in-out;
    opacity: 0;
}
.products-menu-addon-container .zohoapps__candybox__z-icon__path1 {
    animation: zline0-r 0.5s 0.15s linear forwards;
    stroke-dasharray: 600;
}
.products-menu-addon-container .zohoapps__candybox__z-icon__path2 {
    animation: zline1-r 0.5s 0.15s linear forwards;
    stroke-dasharray: 250;
}
.products-menu-addon-container .zohoapps:hover .zohoapps__candybox__dots > span,
.products-menu-addon-container .zohoapps--active .zohoapps__candybox__dots > span {
    transform: scale(0);
    opacity: 0;
}
.products-menu-addon-container .zohoapps:hover .zohoapps__candybox__z-icon__path1,
.products-menu-addon-container .zohoapps--active .zohoapps__candybox__z-icon__path1 {
    animation: zline0 0.5s 0.15s linear forwards;
    transition: opacity 0.5s 0.15s ease-in-out;
    opacity: 1;
}
.products-menu-addon-container .zohoapps:hover .zohoapps__candybox__z-icon__path2,
.products-menu-addon-container .zohoapps--active .zohoapps__candybox__z-icon__path2 {
    animation: zline1 0.5s 0.15s linear forwards;
    transition: opacity 0.5s 0.15s ease-in-out;
    opacity: 1;
}
.products-menu-addon-container .zohoapps:hover--active,
.products-menu-addon-container .zohoapps--active--active {
    z-index: 9999;
    position: relative;
}
.products-menu-addon-container .zohoapps:hover--active .zohoapps__candybox__z-icon__path1,
.products-menu-addon-container .zohoapps:hover--active .zohoapps__candybox__z-icon__path2,
.products-menu-addon-container .zohoapps--active--active .zohoapps__candybox__z-icon__path1,
.products-menu-addon-container .zohoapps--active--active .zohoapps__candybox__z-icon__path2 {
    stroke: currentColor;
}
@keyframes zline0 {
    0% {
        stroke-dashoffset: -300;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes zline0-r {
    0% {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: -300;
    }
}
@keyframes zline1 {
    0% {
        stroke-dashoffset: 300;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes zline1-r {
    0% {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 300;
    }
}
.zapps-modal-addon {
    font-size: 13px;
    position: relative;
}
.zapps-modal-addon #zapps-backdrop-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100001;
    width: 100vw;
    height: calc(100vh - 48px);
    background-color: #14192f;
    transition: all 0.3s;
    opacity: 0.5;
}
.zapps-modal-addon #zapps-modal-open {
    position: fixed;
    top: auto;
    left: 0;
    z-index: 100002;
    width: 100%;
    height: calc(100% - 48px);
    overflow: auto;
    outline: 0;
}
.zapps-modal-addon .text-unified-pri1 {
    color: #21263c;
}
.zapps-modal-addon .text-unified-sec1 {
    color: #495569;
}
.zapps-modal-addon #zapps-flyout {
    position: absolute;
    width: 400px;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    animation: sideTranslate 0.3s ease;
}
.zapps-modal-addon .zapps-container {
    background-color: #fff;
    height: 100%;
}
.zapps-modal-addon .zapps-scroll-container {
    overflow: auto;
    height: calc(100% - 66px);
}
.zapps-modal-addon .zapps-flyout-header {
    margin: 0 20px;
    border-bottom: 1px solid #ebeaf2;
}
.zapps-modal-addon .zapps-flyout-body {
    margin-top: -1px;
    padding: 0 20px;
}
.zapps-modal-addon .products-header {
    height: 65px;
}
.zapps-modal-addon .zapps-sticky-header {
    position: sticky;
    top: -1px;
    background-color: #fff;
    z-index: 1000;
    padding-top: 20px;
    border-top: 1px solid #ebeaf2;
}
.zapps-modal-addon .zapps-sticky-subheader {
    background-color: #fff;
    letter-spacing: 1px;
    position: sticky;
    top: -1px;
    color: #6c7184;
    font-size: 12px;
    font-weight: 500;
    z-index: 1;
}
.zapps-modal-addon .zapps-sticky-subheader.zapps-category {
    top: 57.5px;
}
.zapps-modal-addon .zapps-header {
    font-size: 16px;
    margin: 0;
}
.zapps-modal-addon .zf-app-container {
    background-color: #f9f9fb;
    border: 1px solid #e9ebf6;
    border-radius: 10px;
    overflow: hidden;
    max-height: 80px;
    transition: max-height 0.5s;
}
.zapps-modal-addon .zf-app-container .hover-toggle {
    display: none;
}
.zapps-modal-addon .zf-app-container:hover {
    border: 1px solid #dddfe9;
    max-height: 100px;
}
.zapps-modal-addon .zf-app-container:hover .hover-toggle {
    display: block;
    fill: #408dfb;
}
.zapps-modal-addon .prd-desc {
    font-size: 12px;
    padding-top: 3px;
}
.zapps-modal-addon .zf-highlight {
    animation: zapps-highlight 1.5s 1 linear;
}
.zapps-modal-addon .zapps-zoom {
    transition: all 0.3s;
}
.zapps-modal-addon .zapps-zoom:hover {
    transform: scale(1.1);
    font-weight: 500;
    background-color: #f6f6fa;
    border-radius: 16px;
}
.zapps-modal-addon .zapps-search {
    position: relative;
    max-width: 30px;
    transition: max-width 0.2s;
}
.zapps-modal-addon .zapps-search.active {
    max-width: 200px;
    border: 1px solid #408dfb;
}
.zapps-modal-addon .zapps-search .form-field {
    height: 32px;
    background: inherit;
    border: 0;
    outline: 0;
    border-radius: 10px;
}
.zapps-modal-addon .zapps-search .search-cancel {
    position: absolute;
    right: 0;
}
.zapps-modal-addon .zapps-search .close-search {
    fill: #838195;
    height: 12px;
    width: 12px;
    margin-right: 7px;
    margin-bottom: 2px;
}
.zapps-modal-addon .search-icon {
    height: 15px;
    width: 14px;
    fill: #5d678a;
    margin-left: 10px;
    margin-right: 2px;
    vertical-align: text-bottom;
}
.zapps-modal-addon .arrow-icon {
    height: 10px;
    width: 10px;
    transform: rotate(-90deg);
}
.zapps-modal-addon .down-open-icon {
    width: 8px;
    height: 8px;
    fill: #408dfb;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 5px;
}
.zapps-modal-addon .separator-line {
    border-right: 1px solid #ebeaf2;
    margin-right: 5px;
    margin-left: 10px;
    height: 15px;
}
.zapps-modal-addon .close-menu {
    height: 12px;
    width: 12px;
    margin: 10px 5px 5px;
}
.zapps-modal-addon a:hover {
    text-decoration: none;
    cursor: pointer;
}
.zapps-modal-addon .otherapp-container {
    margin: 0 -20px 20px;
    padding: 0 5px;
}
.zapps-modal-addon .dropdown-menu {
    min-width: 150px;
    border-color: #e2e2ea;
}
.zapps-modal-addon .search-empty {
    margin: 65px 0 10px -20px;
    width: 180px;
}
.zapps-modal-addon .font-12 {
    font-size: 12px;
}
.zapps-modal-addon .font-14 {
    font-size: 14px;
}
.zapps-modal-addon .font-15 {
    font-size: 15px;
}
.zapps-modal-addon .text-medium {
    font-weight: 500;
}
.zapps-modal-addon .rounded-xlg {
    border-radius: 10px;
}
.zapps-modal-addon .pb10 {
    padding-bottom: 10px;
}
.zapps-modal-addon .pt25 {
    padding-top: 25px;
}
.zapps-modal-addon .pb15,
.zapps-modal-addon .py15 {
    padding-bottom: 15px;
}
.zapps-modal-addon .pt15,
.zapps-modal-addon .py15 {
    padding-top: 15px;
}
.zapps-modal-addon .pr20 {
    padding-right: 20px;
}
.zapps-modal-addon .my45 {
    margin-top: 45px;
    margin-bottom: 45px;
}
.zapps-modal-addon .px10 {
    padding-left: 10px;
    padding-right: 10px;
}
@keyframes zapps-highlight {
    0% {
        background-color: transparent;
    }
    20% {
        background-color: #eee;
    }
    to {
        background-color: transparent;
    }
}
@keyframes sideTranslate {
    0% {
        opacity: 0.3;
        transform: translateX(10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.hidden {display:none;}
.btn-blueproposal {
    background-color: #104181;
    color: #fff;
}
.btn-blueproposal:hover { 
    background-color: #00609E;
    color: #fff !important;
}

.text-proposals-blue {
    color: #0079B8;
}

.mail-error{
    color: #e54643;
}