| Dir : /home/trave494/cheaptravel.live/wp-content/plugins/complianz-gdpr/assets/css/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : /home/trave494/cheaptravel.live/wp-content/plugins/complianz-gdpr/assets/css/admin.css |
/**
*
* Prefix everything
* Name descriptively
* Structure radically
*
* CSS Structure
* css/
* ββ admin/
* β ββ base.less
* β ββ layout.less
* β ββ modules/
* β β ββ button.less
* β β ββ modal.less
* β β ββ notices.less
* β β ββ tips-and-tricks.less
* β β ββ etc.....
* β ββ states.less
* β ββ theme.less
* ββ admin.less
* ββ admin.min.css
* ββ admin.css
* ββ variables.less
*
*/
@gridblock _height_big: calc(auto + 20px);
:root {
--rsp-spacing-xxs: 5px;
--rsp-spacing-xs: 10px;
--rsp-spacing-s: 15px;
--rsp-spacing-m: 20px;
--rsp-spacing-l: 30px;
--rsp-spacing-xl: 40px;
--rsp-grid-margin: var(--rsp-spacing-xs);
--rsp-grid-gap: var(--rsp-spacing-m);
--rsp-border-radius: 12px;
--rsp-border-radius-s: 8px;
--rsp-border: 1px solid var(--rsp-border-color);
--rsp-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
--rsp-border-color: #dfdfdf;
--rsp-black: #333;
--rsp-white: #fff;
--rsp-yellow: #f4bf3e;
--rsp-blue: #009fff;
--rsp-dark-blue: #1E73BE;
--rsp-green: #2e8a37;
--rsp-red: #D7263D;
--rsp-pink: #E35899;
--rsp-orange: #f39c12;
--rsp-wp-blue: #007cba;
--rsp-yellow-faded: #f2e6c9;
--rsp-blue-faded: #ecf8fe;
--rsp-dark-blue-faded: #ebf2f9;
--rsp-green-faded: #ecf4ed;
--rsp-red-faded: #fbebed;
--rsp-pink-faded: #fceff5;
--rsp-orange-faded: #fef5ea;
--rsp-wp-blue-faded: #c6e0ef;
--rsp-background-block-color: var(--rsp-white);
--rsp-background-color: #f0f0f1;
--rsp-input-background-color: #fff;
--rsp-input-text-color: var(--rsp-text-color);
--rsp-input-border-color: var(--rsp-grey-400);
--rsp-text-color: rgba(26, 26, 26, 0.9);
--rsp-text-color-invert: rgba(255, 255, 255, 0.9);
--rsp-text-color-white: rgba(255, 255, 255, 0.9);
--rsp-text-color-light: rgba(69, 69, 82, 0.9);
--rsp-grey-100: #fafafa;
--rsp-grey-200: #f9f9f9;
--rsp-grey-300: #ededed;
--rsp-grey-400: #c6c6c6;
--rsp-grey-500: #737373;
--rsp-grey-600: #696969;
--rsp-color-success: var(--rsp-green);
--rsp-color-error: var(--rsp-red);
--rsp-color-warning: var(--rsp-red);
--rsp-color-open: var(--rsp-yellow);
--rsp-color-disabled: var(--rsp-grey-300);
--rsp-fs-100: 0.6875rem;
--rsp-fs-200: 0.8rem;
--rsp-fs-300: 0.8125rem;
--rsp-fs-400: 0.875rem;
--rsp-fs-500: 1rem;
--rsp-fs-600: 1.125rem;
--rsp-fs-700: 1.25rem;
--rsp-fs-800: 1.5rem;
--rsp-fs-900: 2.5rem;
--rsp-brand-primary: var(--rsp-blue);
--rsp-brand-secondary: var(--rsp-yellow);
--rsp-brand-primary-faded: var(--rsp-blue-faded);
}
.cmplz-block {
background: var(--rsp-background-block-color);
box-shadow: var(--rsp-box-shadow);
border-radius: var(--rsp-border-radius);
}
.cmplz {
margin: 0;
font-size: var(--rsp-fs-300);
box-sizing: border-box;
line-height: 1.5;
}
.cmplz *,
.cmplz *:before,
.cmplz *:after {
box-sizing: inherit;
}
.cmplz body,
.cmplz h1,
.cmplz h2,
.cmplz h3,
.cmplz h4,
.cmplz h5,
.cmplz h6,
.cmplz p,
.cmplz ol,
.cmplz ul {
margin: 0;
padding: 0;
}
.cmplz img {
max-width: 100%;
height: auto;
}
.cmplz h1,
.cmplz h2,
.cmplz h3,
.cmplz h4,
.cmplz h5,
.cmplz h6 {
color: var(--rsp-text-color);
line-height: 1.5;
}
.cmplz .h0 {
font-size: var(--rsp-fs-900);
font-weight: 700;
letter-spacing: 0.025rem;
}
.cmplz h1,
.cmplz .h1 {
font-size: var(--rsp-fs-800);
line-height: 1.5;
font-weight: 500;
letter-spacing: 0.025rem;
}
.cmplz h2,
.cmplz .h2 {
font-size: var(--rsp-fs-700);
font-weight: 700;
letter-spacing: 0.025rem;
}
.cmplz h3,
.cmplz .h3 {
font-size: var(--rsp-fs-600);
font-weight: 600;
letter-spacing: 0.0125rem;
}
.cmplz h4,
.cmplz .h4 {
font-size: var(--rsp-fs-500);
font-weight: 600;
letter-spacing: 0.0125rem;
}
.cmplz h5,
.cmplz .h5 {
font-size: var(--rsp-fs-400);
font-weight: 400;
letter-spacing: 0.1px;
}
.cmplz h6,
.cmplz .h6 {
font-size: var(--rsp-fs-300);
letter-spacing: 0.1px;
}
.cmplz p {
color: var(--rsp-text-color);
font-weight: 400;
font-size: var(--rsp-fs-400);
line-height: 1.5;
}
.cmplz .small-text {
font-size: var(--rsp-fs-200);
line-height: 1.5;
color: var(--rsp-text-color-light);
}
.cmplz a {
font-size: 1em;
}
.cmplz .cmplz-notice-hook-element {
display: none !important;
}
.cmplz .error:not(.really-simple-plugins),
.cmplz .notice:not(.really-simple-plugins),
.cmplz .update-nag:not(.really-simple-plugins),
.cmplz .notice-info:not(.really-simple-plugins) {
display: none !important;
}
/* Grid */
.cmplz .cmplz-header,
.cmplz .cmplz-content-area {
max-width: calc(100% - var(--rsp-spacing-xl) * 4);
margin: 0 auto;
}
@media (max-width: 1599px) {
.cmplz .cmplz-header,
.cmplz .cmplz-content-area {
max-width: calc(100% - var(--rsp-spacing-xl) * 1);
}
}
@media (max-width: 1440px) {
.cmplz .cmplz-header,
.cmplz .cmplz-content-area {
max-width: calc(100% - var(--rsp-spacing-xl) * 2);
}
}
@media (max-width: 768px) {
.cmplz .cmplz-header,
.cmplz .cmplz-content-area {
max-width: calc(100% - var(--rsp-spacing-xl) * 1);
}
}
.cmplz .cmplz-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 70px;
box-sizing: border-box;
background-color: var(--rsp-background-block-color);
}
@media (max-width: 1279px) {
.cmplz .cmplz-header {
height: auto;
}
}
.cmplz .cmplz-header img {
margin: var(--rsp-spacing-m) 0;
}
.cmplz .cmplz-header-left {
display: flex;
font-size: var(--rsp-fs-400);
}
@media (max-width: 1279px) {
.cmplz .cmplz-header-left {
justify-content: center;
margin: var(--rsp-spacing-xs) 0;
order: 3;
width: 100%;
background-color: var(--rsp-background-block-color);
}
}
.cmplz .cmplz-header-left .cmplz-header-menu {
margin: auto 15px;
}
.cmplz .cmplz-header-left .cmplz-header-menu ul {
display: flex;
}
.cmplz .cmplz-header-left .cmplz-header-menu a {
padding: 23px 15px;
text-decoration: none;
color: var(--rsp-text-color);
height: 100%;
border-bottom: 4px solid transparent;
transition: border 0.3s ease-out;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media (max-width: 1279px) {
.cmplz .cmplz-header-left .cmplz-header-menu a {
padding: 15px;
}
}
.cmplz .cmplz-header-left .cmplz-header-menu a.active {
border-bottom: 4px solid var(--rsp-brand-primary);
}
.cmplz .cmplz-header-left .cmplz-header-menu a:hover {
color: var(--rsp-brand-primary);
}
.cmplz .cmplz-header-right {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: auto;
gap: var(--rsp-spacing-s);
}
.cmplz .cmplz-header-right select {
max-width: 60ch;
}
@media (max-width: 576px) {
.cmplz .cmplz-header-right .button {
display: none;
}
}
.cmplz .cmplz-content-area {
margin-top: calc(var(--rsp-spacing-xs) * 2);
}
.cmplz .cmplz-header-container {
background: var(--rsp-background-block-color);
}
.cmplz .cmplz-grid {
display: grid;
grid-template-columns: repeat(4, calc(25% - var(--rsp-spacing-s)) [col-start]);
grid-auto-rows: max-content;
gap: var(--rsp-grid-gap);
min-height: calc(100vh - 32px - 80px - 20px - var(--rsp-grid-gap));
}
.cmplz .cmplz-grid-container {
background: var(--rsp-background-block-color);
box-shadow: var(--rsp-box-shadow);
border-radius: var(--rsp-border-radius);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
flex-basis: 100%;
min-height: 100%;
grid-column: span 1;
grid-row: span 1;
}
.cmplz .cmplz-grid-container p {
font-size: var(--rsp-fs-300);
}
.cmplz .cmplz-grid-container.no-background {
background: none;
border: none;
box-shadow: none;
}
.cmplz .cmplz-grid-container.column-2 {
grid-column: span 2;
}
.cmplz .cmplz-grid-container.row-2 {
grid-row: span 2;
}
@media (max-width: 1599px) {
.cmplz .cmplz-grid-container {
grid-column: span 2;
}
.cmplz .cmplz-grid-container.cmplz-progress,
.cmplz .cmplz-grid-container.cmplz-overview {
grid-column: span 4;
}
}
@media (max-width: 992px) {
.cmplz .cmplz-grid-container {
grid-column: span 2;
}
.cmplz .cmplz-grid-container.column-2 {
grid-column: span 4;
}
}
@media (max-width: 768px) {
.cmplz .cmplz-grid-container {
grid-column: span 4;
}
}
.cmplz .cmplz-grid-header {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
}
@media (max-width: 1440px) {
.cmplz .cmplz-grid-header {
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
}
}
.cmplz .cmplz-grid-title,
.cmplz .cmplz-wizard-title .h4 {
margin: 4px 0 4px 0;
}
.cmplz .cmplz-grid-controls {
font-size: var(--rsp-fs-300);
display: flex;
gap: var(--rsp-spacing-s);
}
.cmplz .cmplz-grid-content {
width: 100%;
box-sizing: border-box;
padding: 0 var(--rsp-spacing-l);
flex-grow: 100;
}
@media (max-width: 1440px) {
.cmplz .cmplz-grid-content {
padding: 0 var(--rsp-spacing-m);
}
}
.cmplz .cmplz-grid-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--rsp-grid-margin);
width: 100%;
min-height: calc(30px + var(--rsp-spacing-s) * 2);
box-sizing: border-box;
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
align-self: flex-end;
}
@media (max-width: 1440px) {
.cmplz .cmplz-grid-footer {
padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
}
}
.cmplz .cmplz-grid-footer .cmplz-legend {
display: flex;
}
.cmplz .cmplz-grid-footer .cmplz-legend span {
padding-left: 5px;
padding-right: 10px;
}
.cmplz .cmplz-flex-push-right {
margin-left: auto;
}
.cmplz .cmplz-flex-push-left {
margin-right: auto;
}
.cmplz-icon,
.cmplz-icon-tooltip {
display: flex;
align-items: center;
justify-content: center;
}
.cmplz-icon svg,
.cmplz-icon-tooltip svg {
fill: currentColor;
}
.cmplz-copy-shortcode {
cursor: pointer;
display: flex;
justify-content: center;
transition: transform 0.1s ease-in;
}
.cmplz-copy-shortcode.cmplz-click-animation .cmplz-icon {
animation: beat 0.4s ease-out;
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(0.8);
}
95% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.cmplz-copy-shortcode-text {
right: 10000px;
position: absolute;
background-color: #fff;
padding: 0;
white-space: nowrap;
}
/**
Admin notice
*/
.cmplz-admin-notice .cmplz-admin-notice-container {
display: flex;
padding: 12px;
align-items: center;
}
.cmplz-admin-notice .cmplz-admin-notice-container .cmplz-logo img {
margin-top: 0.5em;
}
.cmplz-admin-notice .cmplz-admin-notice-container .dashicons {
margin-left: 10px;
margin-right: 5px;
}
.cmplz .wrap .button.cmplz-header-btn {
margin-left: 6px;
margin-top: 20px;
}
.cmplz .cookie-snapshot {
grid-column-start: 1;
grid-column-end: 3;
background: var(--rsp-background-block-color);
box-shadow: var(--rsp-box-shadow);
border-radius: var(--rsp-border-radius);
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
}
.cmplz #cmplz-cookiestatement-snapshot-generate {
display: flex;
align-items: center;
gap: var(--rsp-spacing-s);
}
.cmplz .cmplz-proof-of-consent .search-box input[name="s"],
.cmplz .cmplz-records-of-consent .search-box input[name="s"],
.cmplz .cmplz-proof-of-consent p.search-box,
.cmplz .cmplz-records-of-consent p.search-box {
float: initial;
margin: var(--rsp-spacing-xs) 0;
position: relative;
top: 1px;
}
.cmplz .cmplz-proof-of-consent p.search-box,
.cmplz .cmplz-records-of-consent p.search-box {
display: inline-block;
margin: 0;
}
.cmplz .cmplz-proof-of-consent .tablenav.top,
.cmplz .cmplz-records-of-consent .tablenav.top {
margin: var(--rsp-spacing-xs) 0;
display: inline-block;
float: right;
}
.cmplz .cmplz-proof-of-consent .cmplz_month_select,
.cmplz .cmplz-records-of-consent .cmplz_month_select,
.cmplz .cmplz-proof-of-consent .cmplz_year_select,
.cmplz .cmplz-records-of-consent .cmplz_year_select {
margin: var(--rsp-spacing-xs) 0;
}
.cmplz .cmplz-proof-of-consent .cmplz_year_select,
.cmplz .cmplz-records-of-consent .cmplz_year_select {
margin-left: var(--rsp-spacing-xxs);
}
.processing-agreements {
grid-column-start: 1;
grid-column-end: 3;
}
.cmplz-processing-agreements .tablenav.top {
margin-top: var(--rsp-spacing-xs);
margin-bottom: var(--rsp-spacing-s);
}
.column-download .cmplz-icon {
justify-content: flex-start;
}
.dataleak-reports {
grid-column-start: 1;
grid-column-end: 3;
}
.cmplz-dataleak-reports .tablenav.top {
margin-top: var(--rsp-spacing-xs);
margin-bottom: var(--rsp-spacing-s);
}
.cmplz .wrap .button.cmplz-header-btn {
margin-left: 6px;
margin-top: 20px;
}
.cmplz .cmplz-dnsmpi,
.cmplz .cmplz-datarequests {
grid-column-start: 1;
grid-column-end: 3;
background: var(--rsp-background-block-color);
box-shadow: var(--rsp-box-shadow);
border-radius: var(--rsp-border-radius);
padding: var(--rsp-spacing-m) var(--rsp-spacing-l);
}
.cmplz .cmplz-dnsmpi .search-box,
.cmplz .cmplz-datarequests .search-box {
margin: var(--rsp-spacing-xs) 0;
float: left;
}
.cmplz #cmplz-dnsmpi-export {
display: flex;
align-items: center;
gap: var(--rsp-spacing-s);
}
.cmplz-banner-editor {
gap: var(--rsp-spacing-l);
padding: var(--rsp-spacing-m) var(--rsp-spacing-xl);
grid-column-start: 1;
grid-column-end: 3;
}
.cmplz-banner-editor .cmplz-graph-container {
margin: 0;
width: 100%;
min-width: 350px;
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: var(--rsp-spacing-m);
background: var(--rsp-grey-200);
border-radius: var(--rsp-border-radius-s);
border: 1px solid #f2f2f2;
}
.cmplz-banner-editor .cmplz-graph-container div {
width: 100%;
}
.cmplz-banner-editor .cmplz-block {
padding: var(--rsp-spacing-m);
}
.cmplz-banner-editor .cmplz-panel-wrap {
margin: var(--rsp-spacing-s) 0;
}
.cmplz-banner-editor .cmplz-panel.cmplz-notice {
padding: 0;
}
.cmplz-banner-editor .cmplz-document-button {
margin-top: 0;
}
.cmplz-insights .cmplz-graph-container {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cmplz-insights canvas.cmplz-graph {
height: 85px !important;
}
/* field styles */
.cmplz {
/*
cool checkbox sliders
*/
}
.cmplz input {
background: var(--rsp-input-background-color);
color: var(--rsp-input-text-color);
border-color: var(--rsp-input-border-color);
}
.cmplz input[type=checkbox]:disabled {
cursor: not-allowed;
}
.cmplz input:disabled + .cmplz-slider {
cursor: not-allowed;
}
.cmplz input[type=text]:disabled {
background-color: #eee;
color: #ababab;
}
.cmplz select {
background: var(--rsp-input-background-color) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
color: var(--rsp-input-text-color);
border-color: var(--rsp-input-border-color);
}
.cmplz .field-group .cmplz-label {
text-align: left;
margin: 0 var(--rsp-spacing-xs) 0 0;
}
.cmplz .field-group.first .cmplz-label {
padding-top: 0;
}
.cmplz .field-group .cmplz-checkbox {
display: flex;
justify-content: space-between;
align-items: center;
}
.cmplz .cmplz-switch {
margin-top: 0;
margin-bottom: 0;
position: relative;
display: inline-block;
width: 40px;
height: 21px;
}
.cmplz .cmplz-switch input {
display: none !important;
}
.cmplz .cmplz-switch:disabled {
cursor: not-allowed;
}
.cmplz .cmplz-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: 0.4s;
}
.cmplz .cmplz-slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 4px;
bottom: 3px;
background-color: white;
transition: 0.4s;
}
.cmplz .cmplz-slider.cmplz-round {
border-radius: 20px;
}
.cmplz .cmplz-slider.cmplz-round:before {
border-radius: 50%;
}
.cmplz .cmplz-slider-na {
padding: 2px 8px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: 0.4s;
}
.cmplz .cmplz-slider-na:before {
position: absolute;
content: "N/A";
color: white;
}
.cmplz .cmplz-slider-na.cmplz-round {
border-radius: 20px;
}
.cmplz input:checked + .cmplz-slider {
background-color: var(--rsp-wp-blue);
}
.cmplz input:checked + .cmplz-slider:before {
transform: translateX(17px);
}
.cmplz input:checked:disabled + .cmplz-slider {
background-color: var(--rsp-wp-blue-faded);
}
.cmplz input:focus + .cmplz-slider {
box-shadow: 0 0 1px var(--rsp-wp-blue);
}
.cmplz .cmplz-bullet {
height: 13px;
width: 13px;
flex: 0 0 13px;
border-radius: 50%;
display: inline-block;
}
.cmplz .cmplz-bullet.rsp-yellow {
background-color: var(--rsp-yellow);
}
.cmplz .cmplz-bullet.rsp-blue {
background-color: var(--rsp-blue);
}
.cmplz .cmplz-bullet.rsp-pink {
background-color: var(--rsp-pink);
}
.cmplz .cmplz-bullet.rsp-red {
background-color: var(--rsp-red);
}
.cmplz .cmplz-bullet.rsp-green {
background-color: var(--rsp-green);
}
.cmplz .cmplz-bullet.rsp-blue-yellow {
background: var(--rsp-blue);
background: linear-gradient(77deg, rgba(0, 159, 255) 0%, #009fff 30%, #f4bf3e 70%, #f4bf3e 100%);
animation: gradient 2s ease infinite;
background-size: 200% 200%;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.cmplz-header-container .cmplz-header {
display: flex;
justify-content: space-between;
height: 70px;
box-sizing: border-box;
background-color: #fff;
}
.cmplz-header-container .cmplz-header img {
margin: auto 0;
height: 25px;
}
.cmplz-header-container .cmplz-header .cmplz-header-right {
display: flex;
align-items: center;
margin-left: auto;
gap: var(--rsp-spacing-s);
}
.cmplz-header-container .cmplz-header .cmplz-header-right select {
max-width: 60ch;
}
#cmplz_selected_region {
font-size: 13px;
}
.cmplz-plusone {
border-radius: 50%;
background-color: #d63638;
color: #fff;
padding: 2px 6px;
font-size: 10px;
}
.cmplz {
margin: 0 0 0 -20px;
}
.cmplz .dashicons,
.cmplz .dashicons-before:before {
font-size: 15px;
width: 15px;
height: 15px;
}
.cmplz .cmplz-copy-shortcode {
cursor: pointer;
}
.cmplz .cmplz-selectable {
-webkit-touch-callout: all;
/* iOS Safari */
-webkit-user-select: all;
/* Safari */
/* Konqueror HTML */
-moz-user-select: all;
/* Firefox */
/* Internet Explorer/Edge */
user-select: all;
/* Chrome and Opera */
}
.cmplz .cmplz-region-indicator {
display: flex;
align-items: center;
}
.cmplz .cmplz-region-indicator img {
width: 25px;
height: 25px;
margin-left: 5px;
}
.cmplz .cmplz-documents .cmplz-region-indicator img {
width: 14px;
height: 14px;
margin-left: 0;
}
.cmplz-dashboard {
/*
Progress labels
*/
}
.cmplz-dashboard .cmplz-progress-warning-container {
position: relative;
display: grid;
grid-template-columns: 126px auto 50px;
}
.cmplz-dashboard .cmplz-progress-warning-container > div {
padding: 10px 0;
}
.cmplz-dashboard .cmplz-progress-warning-container > div:nth-child(3) {
padding: 0;
}
.cmplz-dashboard .cmplz-progress-warning-container button {
border: 0;
background-color: transparent;
cursor: pointer;
}
.cmplz-dashboard .cmplz-progress-warning-container button .cmplz-close-warning-x {
color: #ccc;
font-size: 0.9em;
align-self: center;
}
.cmplz-dashboard .cmplz-scroll-container {
margin-top: 20px;
height: 242px;
overflow-y: auto;
padding: 0;
border-radius: 0;
}
.cmplz-dashboard .cmplz-scroll-container::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
background-color: transparent;
}
.cmplz-dashboard .cmplz-scroll-container::-webkit-scrollbar {
width: 8px;
background-color: var(--rsp-grey-300);
cursor: pointer;
}
.cmplz-dashboard .cmplz-scroll-container::-webkit-scrollbar-thumb {
background-color: var(--rsp-grey-400);
border-radius: 10px;
}
.cmplz-dashboard .cmplz-progress-status-container {
margin-right: 40px;
}
.cmplz-dashboard .cmplz-progress-status {
display: block;
min-width: 60px;
text-align: center;
border-radius: 15px;
padding: 4px 8px;
font-size: var(--rsp-fs-100);
font-weight: 600;
}
.cmplz-dashboard .cmplz-progress-status.cmplz-completed {
background-color: var(--rsp-color-success);
color: white;
}
.cmplz-dashboard .cmplz-progress-status.cmplz-open {
background-color: var(--rsp-color-open);
}
.cmplz-dashboard .cmplz-progress-status.cmplz-urgent {
background-color: var(--rsp-color-warning);
color: white;
}
.cmplz-dashboard .cmplz-progress-status.cmplz-premium {
background-color: var(--rsp-brand-primary);
color: white;
}
.cmplz-dashboard .cmplz-progress-bar,
.cmplz-dashboard .cmplz-sync-progress-bar {
border-radius: 5px;
background: var(--rsp-grey-400);
justify-content: flex-start;
align-items: center;
position: relative;
display: flex;
height: 20px;
width: 100%;
}
.cmplz-dashboard .cmplz-progress-bar .cmplz-progress-bar-value,
.cmplz-dashboard .cmplz-sync-progress-bar .cmplz-progress-bar-value {
border-radius: 5px;
animation: cmplz-load-progress-bar 3s normal forwards;
box-shadow: 0 10px 40px -10px #fff;
background: var(--rsp-color-success);
height: 20px;
width: 0;
}
.cmplz-dashboard .cmplz-progress-bar .cmplz-progress-bar-value.orange,
.cmplz-dashboard .cmplz-sync-progress-bar .cmplz-progress-bar-value.orange {
background-color: var(--rsp-orange);
}
.cmplz-dashboard .cmplz-progress-percentage,
.cmplz-dashboard .cmplz-progress-description {
font-weight: 600;
font-size: 18px;
}
.cmplz-dashboard .cmplz-progress-percentage {
margin-right: 6px;
font-size: 32px;
}
.cmplz-dashboard .cmplz-grid-progress {
display: grid;
grid-template-columns: 125px auto;
align-items: center;
margin-top: 20px;
}
.cmplz-dashboard .cmplz-task-switcher-container {
display: flex;
border-radius: var(--rsp-border-radius);
}
.cmplz-dashboard .cmplz-task-switcher-container .cmplz-task-switcher:first-of-type {
border-right: 1px solid var(--rsp-grey-400);
padding-right: 10px;
}
.cmplz-dashboard .cmplz-task-switcher-container .cmplz-task-switcher:last-of-type {
padding-left: 10px;
}
.cmplz-dashboard .cmplz-task-switcher {
font-size: var(--rsp-fs-200);
cursor: pointer;
transition: 0.3s;
}
.cmplz-dashboard .cmplz-task-switcher:hover,
.cmplz-dashboard .cmplz-task-switcher.active,
.cmplz-dashboard .cmplz-task-switcher.active:hover {
text-decoration: underline;
}
.cmplz-dashboard .cmplz-support textarea {
width: 100%;
height: 75px;
border-color: #cecece;
font-size: 13px;
}
.cmplz-dashboard .cmplz-document {
display: grid;
grid-template-columns: 2fr auto auto auto 1fr;
margin: var(--rsp-spacing-xs) 0;
align-items: center;
}
.cmplz-dashboard .cmplz-document .cmplz-grid-title {
padding-top: var(--rsp-spacing-l);
}
.cmplz-dashboard .cmplz-document.compact {
grid-template-columns: 1fr auto;
}
.cmplz-dashboard .cmplz-document > div:not(:first-child) {
margin-left: auto;
}
.cmplz-dashboard .cmplz-document.cmplz-header > div:last-child {
padding-top: 14px;
}
.cmplz-dashboard .cmplz-document.cmplz-header a {
color: #d7d7d7;
font-size: 12px;
line-height: 2em;
}
.cmplz-dashboard .cmplz-document .cmplz-icon {
padding: 0 4px;
}
.cmplz-dashboard .cmplz-document h3 {
margin-bottom: 5px;
}
.cmplz-dashboard .cmplz-document select {
width: calc(100% - var(--rsp-spacing-xs));
font-size: 13px;
}
.cmplz-dashboard .cmplz-document.flags {
display: flex;
}
.cmplz-dashboard .cmplz-document.flags .cmplz-flags-container {
display: flex;
flex-wrap: wrap;
gap: var(--rsp-spacing-xxs);
}
.cmplz-dashboard .cmplz-document-header {
margin-top: var(--rsp-spacing-l);
margin-bottom: var(--rsp-spacing-s);
display: flex;
justify-content: space-between;
}
.cmplz-dashboard .cmplz-document-header > a {
color: var(--rsp-text-color-light);
font-size: var(--rsp-fs-300);
}
.cmplz-dashboard .button {
min-width: 100px;
text-align: center;
}
.cmplz-dashboard .item-footer {
width: 100%;
}
.cmplz-dashboard .item-footer a.button + a.button {
margin-left: 10px;
}
.cmplz-dashboard .cmplz-tools-row {
display: grid;
grid-template-columns: 1fr auto;
margin: 10px 0;
}
.cmplz-dashboard .cmplz-tools-row > div:last-child {
margin-left: auto;
}
.cmplz-dashboard .cmplz-tools-row .cmplz-last-updated-poc {
white-space: nowrap;
font-size: 13px;
}
#complianz *:focus-visible {
outline-offset: 4px;
}
#complianz.wrap.cmplz-high-contrast {
/* Disabled option */
/* Placeholders */
/* License */
/* Ending */
}
#complianz.wrap.cmplz-high-contrast .cmplz-grid-controls {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-grid-controls a {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast button .cmplz-close-warning-x {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-step .cmplz-step-header.incomplete a h2 {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-step .cmplz-section {
display: grid;
grid-template-columns: 20px 1fr;
margin: 0 20px;
}
#complianz.wrap.cmplz-high-contrast .cmplz-step .cmplz-section span {
align-self: center;
justify-self: center;
}
#complianz.wrap.cmplz-high-contrast .cmplz-step .cmplz-section a {
display: inline-block;
text-decoration: none;
padding: 3px 5px;
}
#complianz.wrap.cmplz-high-contrast .cmplz-step .cmplz-section a h3 {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-step .cmplz-section.cmplz-done a h3 {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-step .cmplz-section.active a h3 {
color: var(--rsp-black) !important;
}
#complianz.wrap.cmplz-high-contrast .cmplz-help-warning-wrap .cmplz-help-modal {
z-index: 1;
}
#complianz.wrap.cmplz-high-contrast .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-notice {
background-color: var(--rsp-black);
color: var(--rsp-text-color-invert);
}
#complianz.wrap.cmplz-high-contrast .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-notice:after {
border-right: 15px solid var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-warning a {
color: var(--rsp-black) !important;
}
#complianz.wrap.cmplz-high-contrast .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-warning {
color: var(--rsp-black) !important;
background-color: var(--rsp-yellow);
}
#complianz.wrap.cmplz-high-contrast .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-warning:after {
border-right: 15px solid var(--rsp-yellow);
}
#complianz.wrap.cmplz-high-contrast .cmplz-help-warning-wrap .cmplz-help-modal a {
color: #fff;
}
#complianz.wrap.cmplz-high-contrast .cmplz-panel.cmplz-toggle-disabled {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast input:disabled {
cursor: not-allowed;
}
#complianz.wrap.cmplz-high-contrast .cmplz-sublabel label {
color: var(--rsp-black);
font-size: 13px;
}
#complianz.wrap.cmplz-high-contrast ::-moz-placeholder {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast ::placeholder {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast ::-moz-placeholder {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast ::placeholder {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast ::-moz-placeholder {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast :-ms-input-placeholder {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast :-moz-placeholder {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-status-info {
display: flex;
}
#complianz.wrap.cmplz-high-contrast .cmplz-status-info > div {
padding: 10px 10px 10px 0;
}
#complianz.wrap.cmplz-high-contrast .cmplz-status-info .cmplz-license-status-container .cmplz-license-status {
display: block;
}
#complianz.wrap.cmplz-high-contrast .cmplz-status-info .cmplz-license-status-container .cmplz-license-status.cmplz-premium {
background-color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-status-info .cmplz-license-status-container .cmplz-license-status.cmplz-success {
color: var(--rsp-black);
}
#complianz.wrap.cmplz-high-contrast .cmplz-status-info .cmplz-license-status-container .cmplz-license-status.cmplz-warning {
color: var(--rsp-black);
}
/* START TOOLTIP STYLES */
[cmplz-tooltip] {
position: relative;
/* opinion 1 */
cursor: pointer;
}
/* Applies to all tooltips */
[cmplz-tooltip]::before,
[cmplz-tooltip]::after {
text-transform: none;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[cmplz-tooltip]::before {
content: '';
border: 5px solid transparent;
/* opinion 4 */
z-index: 1001;
/* absurdity 1 */
}
[cmplz-tooltip]::after {
content: attr(cmplz-tooltip);
/* magic! */
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: 0.3ch;
box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000;
/* absurdity 2 */
width: min(100vw, 45ch);
text-align: left;
}
/* Make the tooltips respond to hover */
[cmplz-tooltip]:hover::before,
[cmplz-tooltip]:hover::after {
display: block;
}
/* Make the tooltips respond to focus */
[cmplz-tooltip]:focus::before,
[cmplz-tooltip]:focus::after {
display: block;
}
/* don't show empty tooltips */
[cmplz-tooltip='']::before,
[cmplz-tooltip='']::after {
display: none !important;
}
/* FLOW: UP */
[cmplz-tooltip]:not([flow])::before,
[cmplz-tooltip][flow^="up"]::before {
bottom: calc(100% + 5px);
border-bottom-width: 0;
border-top-color: #333;
}
[cmplz-tooltip]:not([flow])::after,
[cmplz-tooltip][flow^="up"]::after {
bottom: calc(100% + 10px);
}
[cmplz-tooltip]:not([flow])::before,
[cmplz-tooltip]:not([flow])::after,
[cmplz-tooltip][flow^="up"]::before,
[cmplz-tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -0.5em);
}
/* FLOW: DOWN */
[cmplz-tooltip][flow^="down"]::before {
top: 17px;
border-top-width: 0;
}
[cmplz-tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[cmplz-tooltip][flow^="down"]::before,
[cmplz-tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, 0.5em);
}
/* FLOW: LEFT */
[cmplz-tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-0.5em, -50%);
}
[cmplz-tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-0.5em, -50%);
}
/* FLOW: RIGHT */
[cmplz-tooltip][flow^="right"]::before {
top: 10px;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 23px);
transform: translate(0.5em, -50%);
}
[cmplz-tooltip][flow^="right"]::after {
top: 10px;
left: calc(100% + 23px);
transform: translate(0.5em, -50%);
min-width: 150px;
}
/* KEYFRAMES */
@keyframes tooltips-vert {
to {
opacity: 0.9;
transform: translate(-50%, 0);
}
}
@keyframes tooltips-horz {
to {
opacity: 0.9;
transform: translate(0, -50%);
}
}
/* FX All The Things */
[cmplz-tooltip]:not([flow]):hover::before,
[cmplz-tooltip]:not([flow]):focus::before,
[cmplz-tooltip]:not([flow]):hover::after,
[cmplz-tooltip]:not([flow]):focus::after,
[cmplz-tooltip][flow^="up"]:hover::before,
[cmplz-tooltip][flow^="up"]:focus::before,
[cmplz-tooltip][flow^="up"]:hover::after,
[cmplz-tooltip][flow^="up"]:focus::after,
[cmplz-tooltip][flow^="down"]:hover::before,
[cmplz-tooltip][flow^="down"]:focus::before,
[cmplz-tooltip][flow^="down"]:hover::after,
[cmplz-tooltip][flow^="down"]:focus::after {
animation: tooltips-vert 300ms ease-out forwards;
}
[cmplz-tooltip][flow^="left"]:hover::before,
[cmplz-tooltip][flow^="left"]:focus::before,
[cmplz-tooltip][flow^="left"]:hover::after,
[cmplz-tooltip][flow^="left"]:focus::after,
[cmplz-tooltip][flow^="right"]:hover::before,
[cmplz-tooltip][flow^="right"]:focus::before,
[cmplz-tooltip][flow^="right"]:hover::after,
[cmplz-tooltip][flow^="right"]:focus::after {
animation: tooltips-horz 300ms ease-out forwards;
}
.cmplz .cmplz-other-plugins .rsp-logo img {
height: 34px;
}
.cmplz .cmplz-other-plugins-container {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 10px;
font-size: var(--rsp-fs-300);
line-height: 1.7;
gap: var(--rsp-spacing-xxs);
}
@media screen and (max-width: 992px) {
.cmplz .cmplz-other-plugins-container {
flex-direction: row;
overflow: hidden;
}
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element {
width: 100%;
display: flex;
align-content: space-between;
justify-content: space-between;
gap: 10px;
--rsp-other-plugins-color: var(---rsp-brand-primary);
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element.cmplz-zip {
--rsp-other-plugins-color: var(--rsp-pink);
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element.cmplz-burst {
--rsp-other-plugins-color: var(--rsp-green);
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element.cmplz-complianz,
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element.cmplz-complianztc {
--rsp-other-plugins-color: var(--rsp-blue);
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element.cmplz-rsssl {
--rsp-other-plugins-color: var(--rsp-yellow);
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element a {
width: -moz-max-content;
width: max-content;
color: var(--rsp-text-color-light);
transition: color 0.3s ease;
display: flex;
align-items: center;
min-width: 0;
gap: var(--rsp-spacing-xs);
text-decoration: none;
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element a:hover {
color: var(--rsp-other-plugins-color);
text-decoration: underline;
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element a:hover .cmplz-bullet {
background-color: var(--rsp-other-plugins-color);
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element a:hover .cmplz-other-plugins-content {
text-decoration: underline;
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element .cmplz-bullet {
transition: background-color 0.3s ease;
background-color: var(--rsp-other-plugins-color);
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element .cmplz-other-plugins-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cmplz .cmplz-other-plugins-container .cmplz-other-plugins-element .cmplz-other-plugin-status {
min-width: -moz-fit-content;
min-width: fit-content;
}
.cmplz-suggested-plugin {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
background-color: #f9f9f9;
padding: 20px;
}
.cmplz-suggested-plugin .cmplz-suggested-plugin-desc-group .cmplz-suggested-plugin-title {
font-size: 16px;
font-weight: 600;
}
.cmplz-suggested-plugin .cmplz-suggested-plugin-desc-group .cmplz-suggested-plugin-desc {
font-size: 14px;
white-space: nowrap;
margin: 4px 0;
}
.cmplz-suggested-plugin .cmplz-suggested-plugin-desc-long {
flex: 1;
font-size: 12px;
line-height: 1.6;
font-weight: 400;
min-width: 30ch;
margin-right: auto;
}
.cmplz-suggested-plugin .cmplz-suggested-plugin-img {
width: 70px;
height: 70px;
border-radius: 5px;
}
.cmplz-tips-tricks-container {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 10px;
font-size: var(--rsp-fs-300);
line-height: 1.7;
gap: var(--rsp-spacing-xxs);
}
@media screen and (max-width: 992px) {
.cmplz-tips-tricks-container {
flex-direction: row;
overflow: hidden;
}
}
.cmplz-tips-tricks-container .cmplz-tips-tricks-element {
width: calc(50% - var(--rsp-spacing-xxs));
}
@media (max-width: 576px) {
.cmplz-tips-tricks-container .cmplz-tips-tricks-element {
width: 100%;
}
}
.cmplz-tips-tricks-container .cmplz-tips-tricks-element a {
color: var(--rsp-text-color-light);
transition: color 0.3s ease;
display: flex;
align-items: center;
gap: var(--rsp-spacing-xs);
min-width: 0;
/* or some value */
text-decoration: none;
}
.cmplz-tips-tricks-container .cmplz-tips-tricks-element a:hover {
color: var(--rsp-brand-primary);
text-decoration: underline;
}
.cmplz-tips-tricks-container .cmplz-tips-tricks-element a:hover .cmplz-bullet {
background-color: var(--rsp-brand-primary);
}
.cmplz-tips-tricks-container .cmplz-tips-tricks-element a:hover .cmplz-tips-tricks-content {
text-decoration: underline;
}
.cmplz-tips-tricks-container .cmplz-tips-tricks-element .cmplz-bullet {
transition: background-color 0.3s ease;
background-color: var(--rsp-grey-300);
}
.cmplz-tips-tricks-container .cmplz-tips-tricks-element .cmplz-tips-tricks-content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cmplz-pagination {
display: flex;
justify-content: flex-end;
margin-left: auto;
}
.cmplz-pagination a {
cursor: pointer;
width: 25px;
height: 25px;
border: 1px solid var(--rsp-input-border-color);
color: #000;
text-align: center;
margin: 5px;
line-height: 25px;
border-radius: 3px;
}
.cmplz-pagination a.cmplz-current {
background-color: #000;
color: #fff;
}
.cmplz-pagination a .cmplz-icon {
margin-top: 3px;
color: #000 !important;
}
.cmplz .wp-list-table {
border-radius: var(--rsp-border-radius-s);
}
.cmplz .row-actions {
left: 0;
}
#custom-scripts .cmplz-footer-contents {
display: none !important;
}
.cmplz a.button,
.cmplz button.button,
.cmplz input.button {
font-size: var(--rsp-fs-300);
font-weight: 300;
letter-spacing: 0.5px;
transition: all 0.3s ease;
}
.cmplz a.button.button-black,
.cmplz button.button.button-black,
.cmplz input.button.button-black {
border: 0 solid transparent;
background: var(--rsp-black);
color: var(--rsp-text-color-white);
}
.cmplz a.button.button-black:hover,
.cmplz button.button.button-black:hover,
.cmplz input.button.button-black:hover,
.cmplz a.button.button-black:focus,
.cmplz button.button.button-black:focus,
.cmplz input.button.button-black:focus,
.cmplz a.button.button-black:active,
.cmplz button.button.button-black:active,
.cmplz input.button.button-black:active {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsp-black);
}
.cmplz a.button.button-tertiary,
.cmplz button.button.button-tertiary,
.cmplz input.button.button-tertiary,
.cmplz a.button.button-red,
.cmplz button.button.button-red,
.cmplz input.button.button-red {
border: 0 solid transparent;
background: var(--rsp-red);
color: var(--rsp-text-color-white);
}
.cmplz a.button.button-tertiary:hover,
.cmplz button.button.button-tertiary:hover,
.cmplz input.button.button-tertiary:hover,
.cmplz a.button.button-red:hover,
.cmplz button.button.button-red:hover,
.cmplz input.button.button-red:hover,
.cmplz a.button.button-tertiary:focus,
.cmplz button.button.button-tertiary:focus,
.cmplz input.button.button-tertiary:focus,
.cmplz a.button.button-red:focus,
.cmplz button.button.button-red:focus,
.cmplz input.button.button-red:focus,
.cmplz a.button.button-tertiary:active,
.cmplz button.button.button-tertiary:active,
.cmplz input.button.button-tertiary:active,
.cmplz a.button.button-red:active,
.cmplz button.button.button-red:active,
.cmplz input.button.button-red:active {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--rsp-red);
background: var(--rsp-red);
color: var(--rsp-text-color-white);
}
/* Documents overview */
.cmplz-shortcode {
right: 10000px;
position: absolute;
background-color: #fff;
padding: 0;
white-space: nowrap;
}
.shortcode {
cursor: pointer;
}
.cmplz {
/*skeleton*/
/*loader*/
}
.cmplz .cmplz-skeleton:empty {
margin: auto;
margin-bottom: 25px;
width: 100%;
height: 235px;
/* change height to see repeat-y behavior */
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0.5) 15%), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0), linear-gradient(#f2f2f2 38px, transparent 0);
background-repeat: repeat-y;
background-size: 50px 200px, /* highlight */ 100% 117px, 100% 117px, 100% 117px, 100% 117px;
background-position: 0 0, /* highlight */ 1px 1px, 1px 40px, 1px 79px, 1px 118px;
background-color: #d6d8db;
border-right: 1px solid #d6d8db;
animation: shine 2.5s infinite;
}
@keyframes shine {
to {
background-position: 100% 0, /* move highlight to right */ 1px 1px, 1px 40px, 1px 79px, 1px 118px;
}
}
.cmplz .cmplz-loader {
margin: 0;
width: 50px;
height: 15px;
text-align: center;
font-size: 10px;
}
.cmplz .cmplz-loader > div {
margin: 1px;
background-color: #333;
height: 100%;
width: 3px;
display: inline-block;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.cmplz .cmplz-loader.cmplz-loader-white > div {
background-color: #fff;
}
.cmplz .cmplz-loader .rect2 {
animation-delay: -1.1s;
}
.cmplz .cmplz-loader .rect3 {
animation-delay: -1s;
}
.cmplz .cmplz-loader .rect4 {
animation-delay: -0.9s;
}
.cmplz .cmplz-loader .rect5 {
animation-delay: -0.8s;
}
.cmplz .button-primary .cmplz-loader div {
background-color: #fff;
}
@keyframes sk-stretchdelay {
0%,
40%,
100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
:root {
--rsp-brand-primary: var(--rsp-blue);
--rsp-brand-secondary: var(--rsp-yellow);
--rsp-brand-primary-faded: var(--rsp-blue-faded);
}