Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ @gridblock _height_big: calc(auto + 20px); .box-shadow-top { box-shadow: 0 -5px 5px -5px rgba(222, 222, 222, 0.2); } .box-shadow-right { box-shadow: 5px 0 5px -5px rgba(222, 222, 222, 0.2); } .box-shadow-bottom { box-shadow: 0 5px 5px -5px rgba(222, 222, 222, 0.2); } .box-shadow-left { box-shadow: -5px 0 5px -5px rgba(222, 222, 222, 0.2); } .all { box-shadow: 0 0 5px #333; } /** * class to add a triangle pointer to each div */ .cmplz-pointer { position: relative; } .cmplz-pointer:after { content: " "; position: absolute; left: -15px; top: calc(50% - 15px); border-top: 15px solid transparent; border-right: 15px solid black; border-left: none; border-bottom: 15px solid transparent; } @media screen and (max-width: 1400px) { #cmplz-content-area { grid-template-columns: 225px auto; } } #cmplz-content-area { display: grid; grid-template-columns: 20% auto; } #cmplz-content-area h1 { padding: 0; } #cmplz-content-area .cmplz-wizard-title { padding: 20px; border-bottom: 1px solid #dedede; display: flex; font-size: 17px; font-weight: 600; justify-content: space-between; align-content: center; } #cmplz-content-area .cmplz-wizard-title .cmplz-save-settings { display: none; } #cmplz-content-area .cmplz-wizard-title .cmplz-save-settings svg path { fill: #D7263D; } #cmplz-content-area .cmplz-wizard-title.cmplz-section-content-notifications-header { border-bottom: 1px solid #dedede; } #cmplz-content-area .cmplz-wizard-title.cmplz-section-content-notifications-header h1 { font-weight: normal; } #cmplz-content-area .cmplz-wizard-subtitle h2 { margin: 20px 20px 0 20px; font-size: 14px; } #cmplz-content-area .cmplz-wizard-menu { background-color: white; margin: 10px; margin-bottom: 30px; padding-bottom: 20px; box-shadow: 0 0 5px 5px rgba(222, 222, 222, 0.2); } #cmplz-content-area .cmplz-wizard-menu .cmplz-wizard-progress-bar { background: #eeeeee; height: 15px; margin: 20px 20px 0 20px; } #cmplz-content-area .cmplz-wizard-menu .cmplz-wizard-progress-bar .cmplz-wizard-progress-bar-value { height: 100%; background: #61CE70; border-radius: 4px; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-step-header { text-decoration: none; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-step-header.incomplete a h2 { color: #c6c6c6; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-step-header a { display: inline-block; padding: 5px 20px; text-decoration: none; width: calc(100% - (20px + 20px)); } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-step-header a h2 { font-size: 15px; font-weight: 500; margin: 0; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-step-header:hover a h2 { text-decoration: underline; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-step-header.active:hover a { background: white; pointer-events: none; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section { display: grid; grid-template-columns: 20px 1fr; margin: 0 20px; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section span { align-self: center; justify-self: center; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section a { display: inline-block; text-decoration: none; padding: 3px 5px; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section a h3 { color: #c6c6c6; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section a:visited h3 { color: initial ; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section a h3 { font-size: 13px; font-weight: 400; margin: 0; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section.cmplz-done a h3 { color: #333; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section.active a h3 { color: #29b6f6 !important; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section:hover a h3 { text-decoration: underline; } #cmplz-content-area .cmplz-wizard-menu .cmplz-step .cmplz-section.active:hover a { background: white; pointer-events: none; } #cmplz-content-area .cmplz-section-content { margin: 10px; margin-bottom: 30px; } #cmplz-content-area .cmplz-section-content p { margin: 0; } #cmplz-content-area .cmplz-section-content p:not(:first-child) { margin-top: 1em; } #cmplz-content-area .cmplz-section-content .cmplz-master-label > div { padding: 20px; background-color: #fff; } #cmplz-content-area .cmplz-section-content .cmplz-form { display: grid; grid-template-columns: auto 325px !important; grid-column-gap: 15px; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-wizard-intro, #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-field, #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-content-title-header, #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-footer { box-shadow: -5px 0 5px -5px rgba(222, 222, 222, 0.2); box-shadow: 5px 0 5px -5px rgba(222, 222, 222, 0.2); } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-content-title-header { box-shadow: 0 -5px 5px -5px rgba(222, 222, 222, 0.2); } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-footer { box-shadow: 0 5px 5px -5px rgba(222, 222, 222, 0.2); } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-footer .cmplz-panel-wrap { margin: 0; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-content-title-header { background-color: white; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-wizard-intro { padding: 20px 20px 0 20px; background-color: #fff; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-wizard-intro ul { list-style: inherit; margin-left: 15px; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-field .cmplz-wizard-intro { padding: 0 0 20px 0; } #cmplz-content-area .cmplz-section-content .cmplz-form .field-group { grid-column: span 2; display: grid; grid-template-columns: auto 325px; grid-column-gap: 15px; } #cmplz-content-area .cmplz-section-content .cmplz-form .field-group .cmplz-field { grid-column-start: 1; } #cmplz-content-area .cmplz-section-content .cmplz-form .field-group .cmplz-field select { font-size: 13px; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-footer { grid-column-start: 1; background-color: white; padding: 40px 5px 20px 20px; display: grid; align-items: center; grid-template-columns: 1fr auto; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-footer .cmplz-buttons-container { grid-column-start: 2; } #cmplz-content-area .cmplz-section-content .cmplz-form .cmplz-section-footer .cmplz-buttons-container input { margin-right: 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ overflow: scroll; scroll-behavior: smooth; overflow-x: hidden; flex-wrap: wrap; grid-column: span 1; max-height: 100vh; position: relative; } #cmplz-content-area .cmplz-section-content .cmplz-scroll::-webkit-scrollbar { display: none; } #cmplz-content-area .cmplz-section-content .cmplz-scroll section { width: 100%; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-checkbox .cmplz-field, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-button .cmplz-field, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-upload .cmplz-field { display: flex; justify-content: space-between; align-content: center; padding: 20px 20px 0 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-upload .cmplz-field { padding-bottom: 5px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .button.button-primary { min-width: 100px; text-align: center; height: 30px; margin: 0 0; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .button.button-cmplz-tertiary { background-color: #D7263D; color: #fff; border-color: #D7263D; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .upload_button { margin-right: 15px; width: 100px; height: 30px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll input[name="cmplz_import_settings"] { width: 100px; height: 30px; padding-left: 15px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-file-chosen { padding-top: 20px; padding-left: 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-cols-2 .cmplz-field { display: grid; grid-template-columns: 33% 33%; grid-column-gap: 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-cols-2 .cmplz-field .cmplz-label { grid-column: span 2; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-cols-3 .cmplz-field { display: grid; grid-template-columns: 33% 33% 33%; grid-column-gap: 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-cols-3 .cmplz-field .cmplz-label { grid-column: span 3; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-borderradius.cmplz-cols-5 .cmplz-field, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-borderwidth.cmplz-cols-5 .cmplz-field { display: grid; grid-template-columns: 50px 50px 50px 50px 50px; grid-column-gap: 10px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-borderradius.cmplz-cols-5 .cmplz-field .cmplz-label, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-borderwidth.cmplz-cols-5 .cmplz-field .cmplz-label { grid-column: span 5; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-border-input-type-wrap { display: grid; grid-template-rows: 16px 16px; padding-top: 16px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-border-input-type-wrap .cmplz-grey { color: darkgrey; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-border-input-type-wrap span { cursor: pointer; } #cmplz-content-area .cmplz-section-content .cmplz-scroll select { width: 100%; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .field-group { grid-column: span 2; display: grid; grid-template-columns: auto 325px; grid-column-gap: 15px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .field-group.cmplz-colspan-1 { grid-column: span 1; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .field-group.cmplz-colspan-2 { grid-column: span 2; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .field-group.cmplz-col-1 { grid-column-start: 1; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .field-group.cmplz-col-2 { grid-column-start: 2; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-field { padding: 10px 20px 0 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-borderradius, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-borderwidth { grid-column: span 1; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-master-label h2 { grid-column: span 2; margin: 0; padding: 20px 20px 0 20px; font-size: 18px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-sublabel label { color: darkgrey; font-size: 13px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll label .cmplz-icon { display: inline; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-switch { margin-top: 0; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .wp-picker-input-wrap:not(.hidden) { display: block; position: absolute; z-index: 10; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .wp-picker-holder { position: absolute; top: 132px; z-index: 10; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .wp-picker-clear { position: absolute; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-grid-controls .cmplz-field { padding: 0; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-grid-controls .cmplz-field .cmplz-label { margin: 0; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-form { grid-template-columns: auto; } #cmplz-content-area .cmplz-section-content .cmplz-scroll #services .cmplz-field, #cmplz-content-area .cmplz-section-content .cmplz-scroll #plugins .cmplz-field { display: flex; justify-content: flex-end; } #cmplz-content-area .cmplz-section-content .cmplz-scroll #services .cmplz-field label.cmplz-checkbox-container, #cmplz-content-area .cmplz-section-content .cmplz-scroll #plugins .cmplz-field label.cmplz-checkbox-container { margin: 0; min-width: 75px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll #services .cmplz-field .cmplz-label, #cmplz-content-area .cmplz-section-content .cmplz-scroll #plugins .cmplz-field .cmplz-label { margin-right: auto; } #cmplz-content-area .cmplz-section-content .cmplz-scroll #services .cmplz-field .cmplz-switch, #cmplz-content-area .cmplz-section-content .cmplz-scroll #plugins .cmplz-field .cmplz-switch, #cmplz-content-area .cmplz-section-content .cmplz-scroll #services .cmplz-field .cmplz-checkbox-container, #cmplz-content-area .cmplz-section-content .cmplz-scroll #plugins .cmplz-field .cmplz-checkbox-container { margin-left: 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item { margin-bottom: 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-title { box-shadow: 0 -5px 5px -5px rgba(222, 222, 222, 0.2); box-shadow: -5px 0 5px -5px rgba(222, 222, 222, 0.2); } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-controls { box-shadow: 5px 0 5px -5px rgba(222, 222, 222, 0.2); box-shadow: 0 -5px 5px -5px rgba(222, 222, 222, 0.2); } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-footer { box-shadow: -5px 0 5px -5px rgba(222, 222, 222, 0.2); box-shadow: 5px 0 5px -5px rgba(222, 222, 222, 0.2); box-shadow: 0 5px 5px -5px rgba(222, 222, 222, 0.2); } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-field { flex-flow: row wrap; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-field .cmplz-comment { flex: 0 0 100%; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container { display: flex; justify-content: space-between; align-content: center; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container .cmplz-grid-controls { margin: auto 0; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container .cmplz-grid-controls select { font-size: 13px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container .cmplz-settings-header { grid-column: span 2; display: grid; grid-template-columns: 340px 340px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container .cmplz-settings-header .cmplz-settings-title, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container .cmplz-settings-header .cmplz-settings-controls { padding: 20px; background-color: #fff; border-bottom: 1px solid #eeeeee; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container .cmplz-settings-header .cmplz-settings-title { font-size: 17px; font-weight: 600; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-body .cmplz-panel-wrap, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .field-group, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-footer-container { grid-column: span 2; display: grid; grid-template-columns: 680px auto; grid-column-gap: 0; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-body .cmplz-panel-wrap .cmplz-settings-footer, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .field-group .cmplz-settings-footer, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-header-container .cmplz-settings-footer, #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-footer-container .cmplz-settings-footer { background-color: #fff; padding: 20px; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-body { position: relative; } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-body .cmplz-settings-overlay { display: grid; grid-template-columns: 680px auto; position: absolute; top: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); } #cmplz-content-area .cmplz-section-content .cmplz-scroll .cmplz-settings-item .cmplz-settings-body .cmplz-settings-overlay .cmplz-settings-overlay-message { position: absolute; width: calc(100% - 70px); bottom: 0; background-color: #fff; padding: 15px; margin: 20px; box-shadow: 0 0 5px 5px rgba(223, 222, 222, 0.4); } #cmplz-content-area .cmplz-add-pages-table { display: grid; grid-template-columns: auto auto; grid-gap: 5px; align-items: center; margin-bottom: 20px; } #cmplz-content-area .cmplz-add-pages-table span { text-align: justify; } #cmplz-content-area .cmplz-link-to-menu-table { display: grid; grid-template-columns: 30% 30%; grid-gap: 5px; align-items: center; } #cmplz-content-area .cmplz-link-to-menu-table h3 { grid-column: span 2; margin-top: 20px; margin-bottom: 5px; } #cmplz-content-area .cmplz-link-to-menu-table h3:first-child { margin-top: 0; } #cmplz-content-area .cmplz-link-to-menu-table select { grid-column-start: 2; } #cmplz-content-area .cmplz-cookies-table h2 { font-weight: normal; font-size: 15px; } #cmplz-content-area .cmplz-cookies-table .cmplz-cookies-table-body { border-radius: 5px; display: grid; grid-template-columns: 1fr; padding: 10px; background-color: #f0f2f8; } #cmplz-wizard, #cmplz-settings { /* ----------- Icons ----------- */ /* ----------- Fields ----------- */ /* Checkbox */ /* Customize the label (the container) */ /* Radio */ /* Customize the label (the container) */ /* Text & Email Validation */ /* Text, Email, Select(2), Textarea Style */ /* Placeholders */ } #cmplz-wizard .cmplz-field .cmplz-icon, #cmplz-settings .cmplz-field .cmplz-icon, #cmplz-wizard .cmplz-step .cmplz-icon, #cmplz-settings .cmplz-step .cmplz-icon { border-radius: 50%; } #cmplz-wizard .cmplz-field .cmplz-icon.dashicons-before:before, #cmplz-settings .cmplz-field .cmplz-icon.dashicons-before:before, #cmplz-wizard .cmplz-step .cmplz-icon.dashicons-before:before, #cmplz-settings .cmplz-step .cmplz-icon.dashicons-before:before { font-size: 18px; height: 20px; width: 20px; margin-top: 2px; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-empty, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-empty, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-empty, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-empty { visibility: hidden; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-success, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-success, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-success, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-success { color: #333; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-success svg, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-success svg, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-success svg, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-success svg { fill: #333; stroke: #333; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-green, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-green, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-green, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-green { color: #61ce70; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-green svg, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-green svg, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-green svg, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-green svg { fill: #61ce70; stroke: #61ce70; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-disabled, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-disabled, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-disabled, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-disabled { color: #ababab; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-disabled svg, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-disabled svg, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-disabled svg, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-disabled svg { fill: #ababab; stroke: #ababab; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-error, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-error, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-error, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-error { color: #d7263d; } #cmplz-wizard .cmplz-field .cmplz-icon.cmplz-error svg, #cmplz-settings .cmplz-field .cmplz-icon.cmplz-error svg, #cmplz-wizard .cmplz-step .cmplz-icon.cmplz-error svg, #cmplz-settings .cmplz-step .cmplz-icon.cmplz-error svg { fill: #d7263d; stroke: #d7263d; } #cmplz-wizard .cmplz-field .cmplz-icon.arrow-right-alt2::before, #cmplz-settings .cmplz-field .cmplz-icon.arrow-right-alt2::before, #cmplz-wizard .cmplz-step .cmplz-icon.arrow-right-alt2::before, #cmplz-settings .cmplz-step .cmplz-icon.arrow-right-alt2::before { font-size: 17px; } #cmplz-wizard .cmplz-circle-green, #cmplz-settings .cmplz-circle-green { height: 12px; width: 12px; border-radius: 12px; background-color: #61ce70; } #cmplz-wizard .cmplz-circle-red, #cmplz-settings .cmplz-circle-red { height: 12px; width: 12px; border-radius: 12px; background-color: #d7263d; } #cmplz-wizard .cmplz-checkbox-container, #cmplz-settings .cmplz-checkbox-container { display: block; position: relative; padding-left: 35px; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* Checkmark (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ /* Show the default checkmark when default */ /* Disabled option */ } #cmplz-wizard .cmplz-checkbox-container input, #cmplz-settings .cmplz-checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #cmplz-wizard .cmplz-checkbox-container .checkmark, #cmplz-settings .cmplz-checkbox-container .checkmark { position: absolute; top: -2px; left: 0; height: 20px; width: 20px; border-radius: 5px; border: 1px solid #dedede; } #cmplz-wizard .cmplz-checkbox-container .checkmark svg, #cmplz-settings .cmplz-checkbox-container .checkmark svg { content: ""; position: absolute; display: none; } #cmplz-wizard .cmplz-checkbox-container input:checked ~ .checkmark svg, #cmplz-settings .cmplz-checkbox-container input:checked ~ .checkmark svg { display: block; fill: #29b6f6; stroke: #29b6f6; } #cmplz-wizard .cmplz-checkbox-container .checkmark svg, #cmplz-settings .cmplz-checkbox-container .checkmark svg { left: 2.5px; top: 2px; width: 15px; height: 15px; } #cmplz-wizard .cmplz-checkbox-container .checkmark.cmplz-default svg, #cmplz-settings .cmplz-checkbox-container .checkmark.cmplz-default svg { display: block; fill: #eee; stroke: #eee; } #cmplz-wizard .cmplz-checkbox-container.cmplz-disabled, #cmplz-settings .cmplz-checkbox-container.cmplz-disabled { pointer-events: none; } #cmplz-wizard .cmplz-checkbox-container.cmplz-disabled .checkmark, #cmplz-settings .cmplz-checkbox-container.cmplz-disabled .checkmark { background-color: #eee; } #cmplz-wizard .cmplz-checkbox-container.cmplz-disabled .checkmark svg, #cmplz-settings .cmplz-checkbox-container.cmplz-disabled .checkmark svg { stroke: #eee !important; fill: #eee !important; } #cmplz-wizard .cmplz-radio-container, #cmplz-settings .cmplz-radio-container { display: block; position: relative; padding-left: 35px; /* Hide the browser's default checkbox */ /* Create a custom radio */ /* Check icon (hidden when not checked) */ /* Show check icon when checked */ /* Style the check icon */ /* Show the default checkmark when default */ /* Disabled option */ } #cmplz-wizard .cmplz-radio-container input, #cmplz-settings .cmplz-radio-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #cmplz-wizard .cmplz-radio-container .radiobtn, #cmplz-settings .cmplz-radio-container .radiobtn { position: absolute; top: -2px; left: 0; height: 20px; width: 20px; border-radius: 20px; border: 1px solid #dedede; } #cmplz-wizard .cmplz-radio-container .radiobtn.disabled, #cmplz-settings .cmplz-radio-container .radiobtn.disabled { cursor: not-allowed; } #cmplz-wizard .cmplz-radio-container .radiobtn div, #cmplz-settings .cmplz-radio-container .radiobtn div { content: ""; position: absolute; display: none; } #cmplz-wizard .cmplz-radio-container input:checked ~ .radiobtn .cmplz-icon, #cmplz-settings .cmplz-radio-container input:checked ~ .radiobtn .cmplz-icon { display: block; background-color: #29b6f6; } #cmplz-wizard .cmplz-radio-container .radiobtn .cmplz-icon, #cmplz-settings .cmplz-radio-container .radiobtn .cmplz-icon { left: 5px; top: 2px; width: 10px; height: 10px; } #cmplz-wizard .cmplz-radio-container .radiobtn.cmplz-default .cmplz-icon, #cmplz-settings .cmplz-radio-container .radiobtn.cmplz-default .cmplz-icon { display: block; background-color: #eee; } #cmplz-wizard .cmplz-radio-container .radiobtn.disabled, #cmplz-settings .cmplz-radio-container .radiobtn.disabled { background-color: #eee; } #cmplz-wizard .cmplz-radio-container .radiobtn.disabled .cmplz-icon, #cmplz-settings .cmplz-radio-container .radiobtn.disabled .cmplz-icon { background-color: #eee !important; } #cmplz-wizard textarea.validation, #cmplz-settings textarea.validation, #cmplz-wizard input[type="text"].validation, #cmplz-settings input[type="text"].validation, #cmplz-wizard input[type="email"].validation, #cmplz-settings input[type="email"].validation, #cmplz-wizard input[type="text"].cmplz-valid-page, #cmplz-settings input[type="text"].cmplz-valid-page, #cmplz-wizard input[type="text"].cmplz-deleted-page, #cmplz-settings input[type="text"].cmplz-deleted-page { position: relative; padding-left: 25px; } #cmplz-wizard textarea.validation ~ span .cmplz-icon, #cmplz-settings textarea.validation ~ span .cmplz-icon, #cmplz-wizard input[type="text"].validation ~ span .cmplz-icon, #cmplz-settings input[type="text"].validation ~ span .cmplz-icon, #cmplz-wizard input[type="email"].validation ~ span .cmplz-icon, #cmplz-settings input[type="email"].validation ~ span .cmplz-icon, #cmplz-wizard input[type="text"].cmplz-valid-page ~ span .cmplz-icon, #cmplz-settings input[type="text"].cmplz-valid-page ~ span .cmplz-icon, #cmplz-wizard input[type="text"].cmplz-deleted-page ~ span .cmplz-icon, #cmplz-settings input[type="text"].cmplz-deleted-page ~ span .cmplz-icon { display: block; position: absolute; padding-left: 7px; margin-top: -25px; z-index: 1; } #cmplz-wizard textarea.validation ~ span .cmplz-icon svg, #cmplz-settings textarea.validation ~ span .cmplz-icon svg, #cmplz-wizard input[type="text"].validation ~ span .cmplz-icon svg, #cmplz-settings input[type="text"].validation ~ span .cmplz-icon svg, #cmplz-wizard input[type="email"].validation ~ span .cmplz-icon svg, #cmplz-settings input[type="email"].validation ~ span .cmplz-icon svg, #cmplz-wizard input[type="text"].cmplz-valid-page ~ span .cmplz-icon svg, #cmplz-settings input[type="text"].cmplz-valid-page ~ span .cmplz-icon svg, #cmplz-wizard input[type="text"].cmplz-deleted-page ~ span .cmplz-icon svg, #cmplz-settings input[type="text"].cmplz-deleted-page ~ span .cmplz-icon svg { width: 15px; height: 15px; } #cmplz-wizard textarea.validation:invalid ~ span .cmplz-icon, #cmplz-settings textarea.validation:invalid ~ span .cmplz-icon, #cmplz-wizard textarea.validation:valid ~ span .cmplz-icon, #cmplz-settings textarea.validation:valid ~ span .cmplz-icon { margin-top: -143px; } #cmplz-wizard textarea.validation:valid ~ span .cmplz-failed, #cmplz-settings textarea.validation:valid ~ span .cmplz-failed, #cmplz-wizard input[type="text"].validation:valid ~ span .cmplz-failed, #cmplz-settings input[type="text"].validation:valid ~ span .cmplz-failed, #cmplz-wizard input[type="email"].validation:valid ~ span .cmplz-failed, #cmplz-settings input[type="email"].validation:valid ~ span .cmplz-failed { display: none; } #cmplz-wizard textarea.validation:invalid ~ span .cmplz-success, #cmplz-settings textarea.validation:invalid ~ span .cmplz-success, #cmplz-wizard input[type="text"].validation:invalid ~ span .cmplz-success, #cmplz-settings input[type="text"].validation:invalid ~ span .cmplz-success, #cmplz-wizard input[type="email"].validation:invalid ~ span .cmplz-success, #cmplz-settings input[type="email"].validation:invalid ~ span .cmplz-success { display: none; } #cmplz-wizard input[type="text"], #cmplz-settings input[type="text"], #cmplz-wizard input[type="email"], #cmplz-settings input[type="email"], #cmplz-wizard select, #cmplz-settings select, #cmplz-wizard .select2, #cmplz-settings .select2, #cmplz-wizard textarea, #cmplz-settings textarea, #cmplz-wizard input[type="number"], #cmplz-settings input[type="number"] { margin-bottom: 2px; } #cmplz-wizard textarea, #cmplz-settings textarea { padding: 10px; } #cmplz-wizard ::placeholder, #cmplz-settings ::placeholder { color: #eeeeee; } #cmplz-wizard ::placeholder, #cmplz-settings ::placeholder { color: #eeeeee; } #cmplz-wizard ::-moz-placeholder, #cmplz-settings ::-moz-placeholder { color: #eeeeee; } #cmplz-wizard :-ms-input-placeholder, #cmplz-settings :-ms-input-placeholder { color: #eeeeee; } #cmplz-wizard :-moz-placeholder, #cmplz-settings :-moz-placeholder { color: #eeeeee; } .cmplz-multiple-field-button-footer { display: flex; align-items: center; } .cmplz-multiple-field-button-footer .cmplz-edit-item { margin-right: 5px; } .cmplz-hidden { display: none !important; } .cmplz-help-warning-wrap { align-items: center; } .cmplz-help-warning-wrap .cmplz-help-modal { position: relative; z-index: 1; margin: 10px 0 0 20px; padding: 10px 15px; color: #fff; background-color: #29b6f6; text-align: left; } .cmplz-help-warning-wrap .cmplz-help-modal:after { content: " "; position: absolute; left: -15px; top: calc(50% - 15px); border-top: 15px solid transparent; border-right: 15px solid black; border-left: none; border-bottom: 15px solid transparent; } .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-notice { background-color: #29b6f6; color: #fff; padding: 20px; } .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-notice:after { border-right: 15px solid #29b6f6; } .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-success { background-color: white; color: #61ce70; border: none; padding: 0; } .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-warning { color: #333333; background-color: #f8be2e; border-color: #f8be2e; } .cmplz-help-warning-wrap .cmplz-help-modal.cmplz-warning:after { border-right: 15px solid #f8be2e; } .cmplz-help-warning-wrap .cmplz-help-modal:empty { background-color: #f1f1f1; } .cmplz-help-warning-wrap .cmplz-help-modal a { color: #333; } #cmplz-settings .cmplz-help-warning-wrap .cmplz-help-modal { min-width: 200px; } @media screen and (min-width: 1450px) { #cmplz-settings .cmplz-help-warning-wrap .cmplz-help-modal { min-width: 280px; } } @media screen and (min-width: 1550px) { #cmplz-settings .cmplz-help-warning-wrap .cmplz-help-modal { min-width: 340px; } } a:active, a:hover { color: #333; } a.button.cmplz-open-modal { font-size: 9px; line-height: 13px; height: 15px; min-height: 15px; padding: 1px 3px; margin-left: 10px; } .cmplz-panel-link { text-decoration: none; display: inline-block; width: 80%; } #cmplz_language { font-size: 15px; } #cmplz_language.cmplz_cookie_language_selector { margin-bottom: 0; } .multiple-field div { margin-top: 8px; } .multiple-field div:last-child { margin-bottom: 8px; } .cmplz-list-container { margin-bottom: 25px; } .cmplz-list-container .cmplz-cookie-field > div, .cmplz-list-container .cmplz-service-field > div { margin-top: 8px; } .cmplz-list-container .cmplz-cookie-field > div:last-child, .cmplz-list-container .cmplz-service-field > div:last-child { margin-bottom: 8px; } .cmplz-list-container .cmplz-disabled label, .cmplz-list-container .cmplz-disabled span { color: #ababab !important; } .cmplz-list-container .cmplz-service-cookie-list { margin-bottom: 20px; } .cmplz-list-container .cmplz-service-cookie-list:last-child { margin-bottom: 0px; } .cmplz-list-container .cmplz-service-divider { font-size: 14px; margin-bottom: 10px; } .cmplz-legenda { padding: 10px 10px 0 10px; display: grid; grid-template-columns: 25px 200px 25px 300px; grid-column-gap: 10px; align-items: center; } .cmplz-panel { padding: 20px; margin-bottom: 20px; font-size: 13px !important; color: #383d41; background-color: #F2F2F2; border: 1px solid #dedede; padding: 10px 15px; border-radius: 0; margin: 0; } .cmplz-panel.cmplz-notice { padding: 0 0 10px 0; background-color: white; } .cmplz-panel.cmplz-toggle-disabled { color: #aca5a5; } .cmplz-panel.cmplz-deleted { background-color: #FFa5aa; } .cmplz-panel .cmplz-panel-title { cursor: pointer; } .cmplz-panel .cmplz-field > div { margin: 10px 0; } .cmplz-panel .cmplz-multiple-field-validation { float: right; } .cmplz-panel.cmplz-slide-panel, .cmplz-panel.cmplz-link-panel { padding: 0; } .cmplz-panel.cmplz-slide-panel .cmplz-panel-toggle, .cmplz-panel.cmplz-link-panel .cmplz-panel-toggle { display: flex; align-items: center; } .cmplz-panel.cmplz-slide-panel .cmplz-panel-toggle span, .cmplz-panel.cmplz-link-panel .cmplz-panel-toggle span { padding-left: 10px; } .cmplz-panel.cmplz-slide-panel .cmplz-panel-title, .cmplz-panel.cmplz-link-panel .cmplz-panel-title { display: grid; grid-template-columns: 50% 10% 40%; align-items: center; padding: 10px 15px 8px 0; } .cmplz-panel.cmplz-slide-panel .cmplz-panel-title span.cmplz-panel-toggle, .cmplz-panel.cmplz-link-panel .cmplz-panel-title span.cmplz-panel-toggle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cmplz-panel.cmplz-slide-panel .cmplz-panel-title span:last-of-type, .cmplz-panel.cmplz-link-panel .cmplz-panel-title span:last-of-type { display: flex; align-content: center; justify-content: flex-end; } .cmplz-panel.cmplz-slide-panel .cmplz-panel-title span:last-of-type svg, .cmplz-panel.cmplz-link-panel .cmplz-panel-title span:last-of-type svg { width: 15px; height: 15px; padding-top: 1px; } .cmplz-panel.cmplz-slide-panel .cmplz-add-to-policy, .cmplz-panel.cmplz-link-panel .cmplz-add-to-policy { text-decoration: underline; } .cmplz-panel.cmplz-link-panel.selected, .cmplz-panel.cmplz-link-panel:hover { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.13); } .cmplz-panel .cmplz-panel-content { display: none; background-color: #fff; border: 1px solid #dedede; border-top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px 15px; } .cmplz-panel h1 { font-size: 22px; } .cmplz-panel p { font-size: 13px !important; } .cmplz-panel.cmplz-notice { background-color: #fff; border: 0; color: black; padding: 20px; } .cmplz-panel.cmplz-success { background-color: #61ce70; color: white; border-radius: 0 50px 50px 0; border: #61CE70; margin-left: -20px; padding: 5px 15px 5px 5px; width: fit-content; } .cmplz-panel.cmplz-warning { position: relative; color: #333333; background-color: #f8be2e; border-color: #f8be2e; margin: 10px 0 10px 0; } .cmplz-panel.cmplz-warning:after { content: " "; position: absolute; left: -15px; top: calc(50% - 15px); border-top: 15px solid transparent; border-right: 15px solid black; border-left: none; border-bottom: 15px solid transparent; } .cmplz-panel.cmplz-warning:after { border-right: 15px solid #f8be2e; } .cmplz-panel.cmplz-notification:after { content: initial; } .cmplz-panel ul { list-style-type: disc; margin-left: 22px; } .cmplz-wizard-menu .cmplz-panel.cmplz-success { border-radius: 50px 0 0 50px; text-align: right; margin-right: -20px; padding: 5px 5px 5px 15px; } /* cool checkbox sliders */ .cmplz-switch { position: relative; display: inline-block; width: 40px; height: 21px; } .cmplz-switch input { display: none !important; } .cmplz-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s; } .cmplz-slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } .cmplz-slider.cmplz-round { border-radius: 20px; } .cmplz-slider.cmplz-round:before { border-radius: 50%; } .cmplz-slider-na { padding: 2px 8px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s; } .cmplz-slider-na:before { position: absolute; content: "N/A"; color: white; } .cmplz-slider-na.cmplz-round { border-radius: 20px; } input:checked + .cmplz-slider { background-color: #29b6f6; } input:checked + .cmplz-slider:before { -webkit-transform: translateX(17px); -ms-transform: translateX(17px); transform: translateX(17px); } input:checked:disabled + .cmplz-slider { background-color: #edf9fe; } input:focus + .cmplz-slider { box-shadow: 0 0 1px #29b6f6; } #complete_wizard_first_notice { position: fixed; /* Sit on top of the page content */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); /* Black background with opacity */ z-index: 99; } #complete_wizard_first_notice p { border-radius: 0px; font-size: 16px; background-color: #29b6f6; color: white; position: relative; /* height: 100px; */ top: 150px; padding: 30px; width: 300px; text-align: center; margin: auto; } html .mceContentBody { max-width: 100% !important; } .cookie-warning textarea { width: 100%; height: 100px; } .cmplz-comment { font-size: 12px; margin-top: 5px; } .cmplz-cookie-field .cmplz-cookie-header { border-bottom: 1px solid #b6b7b8; margin-bottom: 25px; } #cmplz-send-data input[type=text] { width: 60%; } #cmplz-start-mail, #cmplz_close_tb_window { margin-right: 15px; margin-top: 15px; } /*progress bar */ #cmplz-scan-progress, #cmplz-sync-progress { background-color: #F1F1F1; border-radius: 5px; } #cmplz-scan-progress .cmplz-progress-bar, #cmplz-sync-progress .cmplz-progress-bar, #cmplz-scan-progress .cmplz-sync-progress-bar, #cmplz-sync-progress .cmplz-sync-progress-bar { height: 15px; background-color: #29b6f6; transition: width 0.5s; -webkit-transition: width 0.5s; font-weight: bold; padding: 2px; border-radius: 4px; } #cookie-policy-snapshots .cmplz-notification { margin-bottom: 20px; } #cmplz-wizard, #cookie-policy-snapshots, #cmplz-settings { /*body */ } #cmplz-wizard h1, #cookie-policy-snapshots h1, #cmplz-settings h1, #cmplz-wizard h2, #cookie-policy-snapshots h2, #cmplz-settings h2, #cmplz-wizard h3, #cookie-policy-snapshots h3, #cmplz-settings h3, #cmplz-wizard h4, #cookie-policy-snapshots h4, #cmplz-settings h4, #cmplz-wizard .cmplz-menu-item, #cookie-policy-snapshots .cmplz-menu-item, #cmplz-settings .cmplz-menu-item, #cmplz-wizard .cmplz-step-title, #cookie-policy-snapshots .cmplz-step-title, #cmplz-settings .cmplz-step-title, #cmplz-wizard .cmplz-button, #cookie-policy-snapshots .cmplz-button, #cmplz-settings .cmplz-button { font-variant: normal; } #cmplz-wizard label, #cookie-policy-snapshots label, #cmplz-settings label { font-size: 13px; } #cmplz-wizard .field-group, #cookie-policy-snapshots .field-group, #cmplz-settings .field-group { position: relative; } #cmplz-wizard .field-group .cmplz-field, #cookie-policy-snapshots .field-group .cmplz-field, #cmplz-settings .field-group .cmplz-field { padding: 20px 20px 15px 20px; background-color: white; } #cmplz-wizard .field-group .cmplz-label label, #cookie-policy-snapshots .field-group .cmplz-label label, #cmplz-settings .field-group .cmplz-label label { display: flex; font-size: 15px; font-weight: 500; cursor: default; } #cmplz-wizard .field-group.cmplz-editor .cmplz-label, #cookie-policy-snapshots .field-group.cmplz-editor .cmplz-label, #cmplz-settings .field-group.cmplz-editor .cmplz-label { margin-bottom: 0; } #cmplz-wizard .field-group .cmplz-field .field-group, #cookie-policy-snapshots .field-group .cmplz-field .field-group, #cmplz-settings .field-group .cmplz-field .field-group { grid-column: 1; display: block; } #cmplz-wizard .field-group .cmplz-field .button.button-primary:not(.cmplz-resync), #cookie-policy-snapshots .field-group .cmplz-field .button.button-primary:not(.cmplz-resync), #cmplz-settings .field-group .cmplz-field .button.button-primary:not(.cmplz-resync) { margin-bottom: 10px; } #cmplz-wizard .field-group .cmplz-field .cmplz-field, #cookie-policy-snapshots .field-group .cmplz-field .cmplz-field, #cmplz-settings .field-group .cmplz-field .cmplz-field { padding: 0; } #cmplz-wizard .field-group.sync_progress, #cookie-policy-snapshots .field-group.sync_progress, #cmplz-settings .field-group.sync_progress { margin-top: 20px; } #cmplz-wizard .field-group.sync_progress .cmplz-field label, #cookie-policy-snapshots .field-group.sync_progress .cmplz-field label, #cmplz-settings .field-group.sync_progress .cmplz-field label { margin-top: 0; } #cmplz-wizard .field-group.sync_progress .cmplz-switch, #cookie-policy-snapshots .field-group.sync_progress .cmplz-switch, #cmplz-settings .field-group.sync_progress .cmplz-switch { margin-right: 15px; } #cmplz-wizard .cmplz-body, #cookie-policy-snapshots .cmplz-body, #cmplz-settings .cmplz-body, #cmplz-wizard #cmplz-content-area, #cookie-policy-snapshots #cmplz-content-area, #cmplz-settings #cmplz-content-area { /* CSS for the sections menu */ } #cmplz-wizard .cmplz-body input[type="text"].cmplz-document-custom-url, #cookie-policy-snapshots .cmplz-body input[type="text"].cmplz-document-custom-url, #cmplz-settings .cmplz-body input[type="text"].cmplz-document-custom-url, #cmplz-wizard #cmplz-content-area input[type="text"].cmplz-document-custom-url, #cookie-policy-snapshots #cmplz-content-area input[type="text"].cmplz-document-custom-url, #cmplz-settings #cmplz-content-area input[type="text"].cmplz-document-custom-url { width: 250px; } #cmplz-wizard .cmplz-body .cmplz-document-custom-url, #cookie-policy-snapshots .cmplz-body .cmplz-document-custom-url, #cmplz-settings .cmplz-body .cmplz-document-custom-url, #cmplz-wizard #cmplz-content-area .cmplz-document-custom-url, #cookie-policy-snapshots #cmplz-content-area .cmplz-document-custom-url, #cmplz-settings #cmplz-content-area .cmplz-document-custom-url, #cmplz-wizard .cmplz-body .cmplz-document-custom-page, #cookie-policy-snapshots .cmplz-body .cmplz-document-custom-page, #cmplz-settings .cmplz-body .cmplz-document-custom-page, #cmplz-wizard #cmplz-content-area .cmplz-document-custom-page, #cookie-policy-snapshots #cmplz-content-area .cmplz-document-custom-page, #cmplz-settings #cmplz-content-area .cmplz-document-custom-page { margin-top: 5px; } #cmplz-wizard .cmplz-body input.button, #cookie-policy-snapshots .cmplz-body input.button, #cmplz-settings .cmplz-body input.button, #cmplz-wizard #cmplz-content-area input.button, #cookie-policy-snapshots #cmplz-content-area input.button, #cmplz-settings #cmplz-content-area input.button { min-width: 100px; } #cmplz-wizard .cmplz-body input.button.button-red, #cookie-policy-snapshots .cmplz-body input.button.button-red, #cmplz-settings .cmplz-body input.button.button-red, #cmplz-wizard #cmplz-content-area input.button.button-red, #cookie-policy-snapshots #cmplz-content-area input.button.button-red, #cmplz-settings #cmplz-content-area input.button.button-red { background-color: #D7263D; color: white; border-color: #D7263D; } #cmplz-wizard .cmplz-body input.button.button-grey, #cookie-policy-snapshots .cmplz-body input.button.button-grey, #cmplz-settings .cmplz-body input.button.button-grey, #cmplz-wizard #cmplz-content-area input.button.button-grey, #cookie-policy-snapshots #cmplz-content-area input.button.button-grey, #cmplz-settings #cmplz-content-area input.button.button-grey { background-color: white; color: black; border-color: black; } #cmplz-wizard .cmplz-body input.button.button-black, #cookie-policy-snapshots .cmplz-body input.button.button-black, #cmplz-settings .cmplz-body input.button.button-black, #cmplz-wizard #cmplz-content-area input.button.button-black, #cookie-policy-snapshots #cmplz-content-area input.button.button-black, #cmplz-settings #cmplz-content-area input.button.button-black { background-color: black; color: white; border-color: black; } #cmplz-wizard .cmplz-body input.button.button-link, #cookie-policy-snapshots .cmplz-body input.button.button-link, #cmplz-settings .cmplz-body input.button.button-link, #cmplz-wizard #cmplz-content-area input.button.button-link, #cookie-policy-snapshots #cmplz-content-area input.button.button-link, #cmplz-settings #cmplz-content-area input.button.button-link { text-align: center; min-width: initial; } #cmplz-wizard .cmplz-body input.button.button-link:hover, #cookie-policy-snapshots .cmplz-body input.button.button-link:hover, #cmplz-settings .cmplz-body input.button.button-link:hover, #cmplz-wizard #cmplz-content-area input.button.button-link:hover, #cookie-policy-snapshots #cmplz-content-area input.button.button-link:hover, #cmplz-settings #cmplz-content-area input.button.button-link:hover { background-color: initial; text-decoration: none; } #cmplz-wizard .cmplz-body button.button-red, #cookie-policy-snapshots .cmplz-body button.button-red, #cmplz-settings .cmplz-body button.button-red, #cmplz-wizard #cmplz-content-area button.button-red, #cookie-policy-snapshots #cmplz-content-area button.button-red, #cmplz-settings #cmplz-content-area button.button-red { background-color: #D7263D; color: white; border-color: #D7263D; } #cmplz-wizard .cmplz-body .cmplz-master-label h2, #cookie-policy-snapshots .cmplz-body .cmplz-master-label h2, #cmplz-settings .cmplz-body .cmplz-master-label h2, #cmplz-wizard #cmplz-content-area .cmplz-master-label h2, #cookie-policy-snapshots #cmplz-content-area .cmplz-master-label h2, #cmplz-settings #cmplz-content-area .cmplz-master-label h2 { margin: 0; padding: 20px 20px 0 0; font-size: 18px; background-color: white; } #cmplz-wizard .cmplz-body .cmplz-remove, #cookie-policy-snapshots .cmplz-body .cmplz-remove, #cmplz-settings .cmplz-body .cmplz-remove, #cmplz-wizard #cmplz-content-area .cmplz-remove, #cookie-policy-snapshots #cmplz-content-area .cmplz-remove, #cmplz-settings #cmplz-content-area .cmplz-remove { margin-bottom: 12px; } #cmplz-wizard .cmplz-body .cmplz-rescan, #cookie-policy-snapshots .cmplz-body .cmplz-rescan, #cmplz-settings .cmplz-body .cmplz-rescan, #cmplz-wizard #cmplz-content-area .cmplz-rescan, #cookie-policy-snapshots #cmplz-content-area .cmplz-rescan, #cmplz-settings #cmplz-content-area .cmplz-rescan { padding: 0 10px 0 10px; } #cmplz-wizard .cmplz-body .cmplz-add-new-cookie, #cookie-policy-snapshots .cmplz-body .cmplz-add-new-cookie, #cmplz-settings .cmplz-body .cmplz-add-new-cookie, #cmplz-wizard #cmplz-content-area .cmplz-add-new-cookie, #cookie-policy-snapshots #cmplz-content-area .cmplz-add-new-cookie, #cmplz-settings #cmplz-content-area .cmplz-add-new-cookie { padding: 0; } #cmplz-wizard .cmplz-body .cmplz-menu-item.active i, #cookie-policy-snapshots .cmplz-body .cmplz-menu-item.active i, #cmplz-settings .cmplz-body .cmplz-menu-item.active i, #cmplz-wizard #cmplz-content-area .cmplz-menu-item.active i, #cookie-policy-snapshots #cmplz-content-area .cmplz-menu-item.active i, #cmplz-settings #cmplz-content-area .cmplz-menu-item.active i { color: black; font-size: 1.35em; float: left; } #cmplz-wizard .cmplz-body .cmplz-menu-item.active a, #cookie-policy-snapshots .cmplz-body .cmplz-menu-item.active a, #cmplz-settings .cmplz-body .cmplz-menu-item.active a, #cmplz-wizard #cmplz-content-area .cmplz-menu-item.active a, #cookie-policy-snapshots #cmplz-content-area .cmplz-menu-item.active a, #cmplz-settings #cmplz-content-area .cmplz-menu-item.active a { color: #000; font-weight: 900; padding-left: 7px; text-decoration: underline; } #cmplz-wizard .cmplz-body .cmplz-done a, #cookie-policy-snapshots .cmplz-body .cmplz-done a, #cmplz-settings .cmplz-body .cmplz-done a, #cmplz-wizard #cmplz-content-area .cmplz-done a, #cookie-policy-snapshots #cmplz-content-area .cmplz-done a, #cmplz-settings #cmplz-content-area .cmplz-done a { text-decoration: none; color: white; font-size: 14px; } #cmplz-wizard .cmplz-body .cmplz-to-do a, #cookie-policy-snapshots .cmplz-body .cmplz-to-do a, #cmplz-settings .cmplz-body .cmplz-to-do a, #cmplz-wizard #cmplz-content-area .cmplz-to-do a, #cookie-policy-snapshots #cmplz-content-area .cmplz-to-do a, #cmplz-settings #cmplz-content-area .cmplz-to-do a { color: white; font-size: 14px; text-decoration: none; opacity: 0.6; } @media screen and (max-width: 782px) { #cmplz-wizard .cmplz-body input, #cookie-policy-snapshots .cmplz-body input, #cmplz-settings .cmplz-body input, #cmplz-wizard #cmplz-content-area input, #cookie-policy-snapshots #cmplz-content-area input, #cmplz-settings #cmplz-content-area input { vertical-align: top !important; } } .cmplz-field { /* Define the styling of the text input fields */ } .cmplz-field label { font-weight: normal; margin: 10px 0 2px; } .cmplz-field .cmplz-color-picker.wp-color-picker { margin-top: -11px !important; } .cmplz-field input[type="text"], .cmplz-field input[type="email"], .cmplz-field input[type="number"], .cmplz-field input[type="password"] { max-width: 500px; border-color: #dedede; } .cmplz-field input[type="text"]:focus, .cmplz-field input[type="email"]:focus, .cmplz-field input[type="number"]:focus, .cmplz-field input[type="password"]:focus { border-color: initial; } .cmplz-field input[type="text"], .cmplz-field input[type="email"], .cmplz-field input[type="password"], .cmplz-field .cmplz-border-width-wrap input[type="number"], .cmplz-field .cmplz-border-radius-wrap input[type="number"] { width: 100%; } .cmplz-field select { border-color: #F1F1F1; vertical-align: initial; } .cmplz-field textarea.validation:invalid, .cmplz-field textarea.validation:valid { background-position: 0.5% 1.5%; border-color: #dedede; } .cmplz-field textarea { min-height: 150px; min-width: 100%; } .cmplz-field input[type=radio]:checked:before { content: "\2022"; text-indent: -9999px; border-radius: 50px; font-size: 24px; width: 6px; height: 6px; margin: 4px; line-height: 16px; background-color: #1e8cbe; } .cmplz-field .cmplz-buttons-row-left { display: flex; align-items: center; height: auto; margin-bottom: 10px; } .cmplz-field .cmplz-buttons-row-left input, .cmplz-field .cmplz-buttons-row-left select, .cmplz-field .cmplz-buttons-row-left div { margin-right: 20px; } .cmplz-field button[name=cmplz_add_multiple] { margin-top: 20px; } a.cmplz.button, button.cmplz.button, input.cmplz.button { box-shadow: 0 0 0 #fff; background-color: #29b6f6; color: #fff; padding-right: 20px; border: 0; border-radius: 50px; padding-top: 2px; } a.cmplz.button:hover, button.cmplz.button:hover, input.cmplz.button:hover { background-color: #5ac7f8; color: white; } a.cmplz.button .fa-angle-right, button.cmplz.button .fa-angle-right, input.cmplz.button .fa-angle-right { font-weight: 900; position: absolute; font-size: 1.8em; margin-top: 1px; margin-left: 5px; } #complianz .dashboard .fa-times { color: black; } #complianz .dashboard .fa-check { color: #29b6f6; } /* building our new structured css here */ .cmplz-dashboard-container .cmplz-dashboard-title { padding-top: 22px; font-weight: 600; font-size: 24px; line-height: 30px; margin-bottom: 20px; } @media screen and (max-width: 720px) { .cmplz-dashboard-container .cmplz-dashboard-title { padding-bottom: 0px; } } .cmplz-dashboard-header .cmplz-header-top { min-height: 60px; } .cmplz-header-top { grid-area: header-top; background-color: #F2F2F2; min-height: 30px; padding-top: 25px; } .cmplz-header-top .cmplz-premium-cta { width: 150px; float: right; border-color: #29b6f6; color: #29b6f6; text-transform: uppercase; display: flex; } .cmplz-dashboard-container { background-color: white; display: flex; flex-wrap: wrap; } .cmplz-dashboard-container .cmplz-dashboard-header { margin-bottom: -270px; width: 100%; min-height: 220px; background-color: #29b6f6; background-repeat: no-repeat; background-image: url(../images/complianz-header.png); background-attachment: scroll; background-position: bottom center; } .cmplz-dashboard-container .cmplz-dashboard-header .cmplz-header-text { display: flex; align-items: center; } .cmplz-dashboard-container .cmplz-dashboard-item { background-color: #fff; width: 450px; margin-top: 10px; border: 2px solid; flex: 0 0 450px; flex-shrink: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 0px; border-color: #f2f2f2; overflow: hidden; } .cmplz-dashboard-container .cmplz-dashboard-item .cmplz-top h1 { font-weight: 600; font-size: 2.5em; padding: 25px; } .cmplz-dashboard-container .cmplz-dashboard-content-container { margin: 0 auto; display: grid; grid-template-areas: 'header-top header-top header-top header-top' 'text-completed text-completed text-completed text-completed' 'progress progress support support' 'progress progress documents documents' 'footer footer footer footer'; grid-gap: 10px; padding: 10px; } @media screen and (max-width: 1210px) { .cmplz-dashboard-container .cmplz-dashboard-content-container { grid-template-areas: 'header-top header-top' 'text-completed text-completed' 'progress progress' 'support support' 'documents documents' 'footer footer' 'footer footer'; } } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-logo { display: flex; align-items: center; font-size: 1.5em; font-weight: 600; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-header-text { display: flex; align-items: center; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-completed-text { display: flex; align-items: center; margin-top: 35px; grid-area: text-completed; font-size: 24px; color: white; } @media screen and (max-width: 720px) { .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-completed-text button { width: 100px; } } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-info { font-size: 19px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-text { color: black; font-weight: 400; padding: 15px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-text li { border-bottom: 1px solid; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-text .fa-plus { margin-right: 8px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-text.free { background-color: #000; color: #fff; min-height: 40px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress { grid-area: progress; } @media screen and (max-width: 1210px) { .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress { margin: 0 auto; } } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-dashboard-progress-top { background-color: #F2F2F2; min-height: 170px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-dashboard-progress-top .cmplz-dashboard-top-text { display: inline-grid; font-size: 18px; line-height: 22px; max-width: 60%; float: left; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-dashboard-progress-top .cmplz-dashboard-top-text .cmplz-dashboard-top-text-subtitle { color: #29b6f6; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-continue-wizard-btn { padding-top: 125px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-continue-wizard-btn button { text-align: -webkit-left; border-radius: 50px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-percentage-complete { margin-top: 20px; float: right; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-steps-table { padding-top: 10px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-steps-table .i.fa.fa-check { color: black; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-steps-table .cmplz-success, .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-progress .cmplz-steps-table .cmplz-error { color: black; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support { width: 450px; grid-area: support; } @media screen and (max-width: 1210px) { .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support { margin: 0 auto; } } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support input[type=text], .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support input[type=email], .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support textarea, .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support input[type=submit] { width: 425px; margin-bottom: 5px; margin-top: 5px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support textarea { min-height: 100px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-support input[type=submit] { margin: auto; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents { grid-area: documents; margin-top: 10px; } @media screen and (max-width: 1210px) { .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents { margin: 0 auto; } } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents .cmplz-upgrade-table { padding-bottom: 15px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents .cmplz-upgrade-table .fas { margin-right: 8px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents .cmplz-upgrade-table ul { margin: 5px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents .cmplz-upgrade-table li { border-bottom: 2px solid; margin-bottom: 5px; text-indent: 5px; display: flex; vertical-align: middle; margin-left: 8px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents .cmplz-upgrade-table .fa-plus { color: #29b6f6; font-size: 1.5em; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents .cmplz-documents-bottom { color: white; background-color: black; min-height: 70px; font-size: 14px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-documents .cmplz-documents-bottom div { margin-bottom: 10px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-footer { grid-area: footer; display: flex; flex-shrink: 1; flex-grow: 1; margin-top: 20px; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-footer .cmplz-footer-block { position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0px; background-color: #F2F2F2; width: 205px; min-height: 70px; margin: 5px auto; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-footer .cmplz-footer-block a { position: absolute; top: 5px; right: 5px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-footer .cmplz-footer-block .cmplz-footer-title { margin-top: 9px; margin-left: 9px; font-weight: 900; font-size: 1.2em; margin-right: 35px; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-footer .cmplz-footer-block .cmplz-footer-description { width: 70%; margin-left: 9px; font-size: 0.8em; display: flex; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-footer .cmplz-footer-block .cmplz-external-btn { text-align: center; border-radius: 7px; color: #29b6f6; width: 25px; height: 20px; float: right; } .cmplz-dashboard-container .cmplz-dashboard-content-container .cmplz-dashboard-footer .cmplz-footer-block .cmplz-external-btn .fa-angle-right { font-size: 1.5em; vertical-align: middle; margin-left: 2px; } input.current-page { width: initial; } .cmplz-wizard-menu-menus { padding-top: 10px; } .cmplz-settings-content { padding-top: 10px; display: grid; grid-template-columns: 100%; grid-template-rows: calc(100vh - 160px); } #cmplz-settings { /* Firefox */ } #cmplz-settings .cmplz-footer-contents { display: flex; border-top: none; } #customization { z-index: 10; } .cc-window { right: 1em; } .cc-window.cc-center { transform: translate(0%, -50%); left: initial; } .cc-window.cc-left { left: initial; } @keyframes slideInUpCenter { from { -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0); } to { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } @keyframes slideOutUpCenter { to { -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0); opacity: 1; } from { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 1; } } .wrap { margin: 0; } #cmplz-proof-of-consent #cmplz-content-area, #cmplz-cookie-banner #cmplz-content-area { display: block; } #cmplz-proof-of-consent #cmplz-content-area h1, #cmplz-cookie-banner #cmplz-content-area h1 { background-color: white; padding: 20px; border-bottom: 1px solid #eeeeee; } #cmplz-proof-of-consent #cmplz-content-area input[name=cmplz_generate_snapshot], #cmplz-cookie-banner #cmplz-content-area input[name=cmplz_generate_snapshot] { width: 120px; } #cmplz-proof-of-consent #cmplz-content-area .cmplz-month-select, #cmplz-cookie-banner #cmplz-content-area .cmplz-month-select, #cmplz-proof-of-consent #cmplz-content-area .cmplz-year-select, #cmplz-cookie-banner #cmplz-content-area .cmplz-year-select, #cmplz-proof-of-consent #cmplz-content-area #post-query-submit, #cmplz-cookie-banner #cmplz-content-area #post-query-submit { float: right; margin-top: -50px; width: 120px; } #cmplz-proof-of-consent #cmplz-content-area #post-query-submit, #cmplz-cookie-banner #cmplz-content-area #post-query-submit { margin-right: 0; } #cmplz-proof-of-consent #cmplz-content-area .cmplz-month-select, #cmplz-cookie-banner #cmplz-content-area .cmplz-month-select { margin-right: 290px; } #cmplz-proof-of-consent #cmplz-content-area .cmplz-year-select, #cmplz-cookie-banner #cmplz-content-area .cmplz-year-select { margin-right: 145px; } #cmplz-proof-of-consent #cmplz-content-area .tablenav, #cmplz-cookie-banner #cmplz-content-area .tablenav { display: none; } #cmplz-proof-of-consent #cmplz-content-area #cmplz-cookiestatement-snapshot-filter, #cmplz-cookie-banner #cmplz-content-area #cmplz-cookiestatement-snapshot-filter { padding-top: 20px; } #cmplz-proof-of-consent #cmplz-content-area .wp-list-table th a, #cmplz-cookie-banner #cmplz-content-area .wp-list-table th a { padding: 15px; } #cmplz_license_key { margin-bottom: 20px; } .cmplz-status-info { display: flex; } .cmplz-status-info > div { padding: 10px 10px 10px 0; } .cmplz-status-info .cmplz-license-notice-text { margin-top: 3px; } .cmplz-status-info .cmplz-license-status-container .cmplz-license-status { display: block; min-width: 60px; text-align: center; border-radius: 15px; padding: 4px 8px 4px 8px; font-size: 0.8em; font-weight: 600; height: 17px; line-height: 17px; } .cmplz-status-info .cmplz-license-status-container .cmplz-license-status.cmplz-premium { background-color: #29b6f6; color: white; } .cmplz-status-info .cmplz-license-status-container .cmplz-license-status.cmplz-success { background-color: #61ce70; color: white; } .cmplz-status-info .cmplz-license-status-container .cmplz-license-status.cmplz-open { background-color: #f8be2e; } .cmplz-status-info .cmplz-license-status-container .cmplz-license-status.cmplz-warning { background-color: #D7263D; color: white; } /*# sourceMappingURL=wizard.css.map */