/
home
/
assocoweys
/
comgk
/
wp-content
/
plugins
/
google-analytics-dashboard-for-wp
/
lite
/
assets
/
vue3
/
css
/
Upload File
HOME
.fade-enter-active, .fade-leave-active { transition: opacity 0.5s; } .fade-enter, .fade-leave-to { opacity: 0; } .exactmetrics-feature-feedback { position: absolute; display: flex; flex-direction: column; align-items: center; right: 0; bottom: 20px; width: 320px; } .exactmetrics-feature-feedback.is-loading .exactmetrics-feature-feedback-widget::before { content: ""; display: block; background-color: #eef; inset: 0; position: absolute; z-index: 10; opacity: 0.5; cursor: progress; } .exactmetrics-feature-feedback-widget { opacity: 0; visibility: hidden; transform-origin: 50% 100%; transform: scaleY(0); width: 100%; background-color: #fff; border-radius: 5px; padding: 30px 30px 45px; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1); transition: all 0.25s ease-in-out; overflow: hidden; } .exactmetrics-feature-feedback-widget > *:not(:last-child), .exactmetrics-feature-feedback-widget > form > *:not(:last-child) { margin-bottom: 20px; } .exactmetrics-feature-feedback-widget h4 { margin-top: 0; font-size: 18px; font-weight: 500; } .exactmetrics-feature-feedback-widget.is-open { visibility: visible; opacity: 1; transform: scaleY(1); } .exactmetrics-feature-feedback-form label { display: block; font-size: 16px; font-weight: 500; } .exactmetrics-feature-feedback-form label:not(:last-child) { margin-bottom: 10px; } .exactmetrics-feature-feedback-form textarea { font-size: 13px; padding: 10px; width: 100%; min-height: 90px; max-height: 90px; } .exactmetrics-feature-feedback-form .exactmetrics-button { margin-top: 15px; padding: 8px 20px; } .exactmetrics-feature-feedback-form .exactmetrics-button:disabled { pointer-events: none; opacity: 0.5; } .exactmetrics-feature-feedback-toggle { appearance: none; border: none; outline: none; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 50px; height: 50px; border-radius: 50%; color: #fff; padding: 14px; background-color: rgb(39, 174, 96); transform: translateY(-25px); } .exactmetrics-feature-feedback-toggle svg { position: absolute; } .exactmetrics-feature-feedback-thanks { padding: 20px; text-align: center; } .exactmetrics-feature-feedback-thanks img { margin-bottom: 20px; } @media screen and (min-width: 1200px) { .exactmetrics-feature-feedback { right: -5vw; } } .exactmetrics-feature-feedback-nps { display: flex; align-items: flex-start; } .exactmetrics-nps-radio { display: block; position: relative; cursor: pointer; margin-bottom: 0 !important; } .exactmetrics-nps-radio img { width: 36px; height: 34px; filter: grayscale(1); transition: filter 150ms ease-in-out; } .exactmetrics-nps-radio input[type=radio] { position: absolute; bottom: 0; left: 10px; z-index: -1; opacity: 0; } .exactmetrics-nps-radio:not(:last-child) { margin-right: 20px; } .exactmetrics-nps-radio:hover img, .exactmetrics-nps-radio input[type=radio]:checked + img { filter: grayscale(0); } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "Lato"; src: url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: "Lato"; src: url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.woff2") format("woff2"); font-weight: 700; font-style: normal; } @font-face { font-family: "text-security-disc"; src: url("../fonts/text-security-disc.woff2") format("woff2"), url("../fonts/text-security-disc.woff") format("woff"), url("../fonts/text-security-disc.ttf") format("truetype"); } .icon { display: flex; width: 16px; height: 16px; } .icon svg { width: 100%; height: 100%; } .icon.is-small { width: 10px; height: 10px; } @font-face { font-family: "Misettings"; src: url("../fonts/icons.woff2?v=7.5.0") format("woff2"), url("../fonts/icons.woff?v=7.5.0") format("woff"), url("../fonts/icons.ttf?v=7.5.0") format("truetype"), url("../fonts/icons.otf?v=7.5.0") format("opentype"); font-weight: 400; font-style: normal; } [class*=monstericon-]:before { display: inline-block; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .monstericon-times-circle:before { content: "\f01b"; } .monstericon-times:before { content: "\f021"; } .monstericon-info-circle-regular:before { content: "\f01e"; } .monstericon-arrow { transition: transform 500ms ease; transform: rotate(180deg); display: inline-block; } .monstericon-arrow.monstericon-down { transform: rotate(0); } .monstericon-arrow:before { content: "\f01f"; } .monstericon-check:before { content: "\f015"; } .monstericon-warning-triangle:before { content: "\f020"; } .monstericon-star:before { content: "\f025"; } .monstericon-files:before { content: "\f028"; } .monstericon-search:before { content: "\f029"; } .monstericon-user:before { content: "\f02a"; } .monstericon-eye:before { content: "\f02b"; } .monstericon-expand:before { content: "\f02d"; } .monstericon-compress:before { content: "\f02f"; } .monstericon-life-ring:before { content: "\f030"; } .monstericon-wpbeginner:before { content: "\f031"; } .monstericon-lightbulb:before { content: "\f032"; } .monstericon-shopping-cart:before { content: "\f033"; } .monstericon-arrow-right:before { content: "\f01d"; } .monstericon-amp-icon:before { content: "\f000"; } .monstericon-ads:before { content: "A"; } .monstericon-affiliate:before { content: "B"; } .monstericon-compatibility:before { content: "C"; } .monstericon-demographics:before { content: "D"; } .monstericon-filtering:before { content: "E"; } .monstericon-download:before { content: "F"; } .monstericon-ecommerce:before { content: "G"; } .monstericon-engagement:before { content: "H"; } .monstericon-forms:before { content: "I"; } .monstericon-links:before { content: "J"; } .monstericon-memberships:before { content: "K"; } .monstericon-notifications:before { content: "L"; } .monstericon-performance:before { content: "M"; } .monstericon-permissions:before { content: "N"; } .monstericon-reporting:before { content: "O"; } .monstericon-social:before { content: "P"; } .monstericon-video:before { content: "Q"; } .monstericon-times:before { content: "\f014"; } .monstericon-check:before { content: "\f015"; } .monstericon-info:before { content: "\f016"; } .monstericon-exclamation-triangle:before { content: "\f017"; } .monstericon-user:before { content: "\f018"; } .monstericon-eye:before { content: "\f019"; } .monstericon-info-circle:before { content: "\f01a"; } .monstericon-info-circle-btm:before { content: "\f01c"; } .monstericon-chevron-up:before { content: "\f01f"; } .monstericon-times-fas:before { content: "\f021"; } .monstericon-check-circle:before { content: "\f022"; } .monstericon-exclamation-circle:before { content: "\f023"; } .monstericon-star:before { content: "\f025"; } .monstericon-times-circle-fas:before { content: "\f026"; } .monstericon-check-circle-far:before { content: "\f027"; } .monstericon-file-alt:before { content: "\f028"; } .monstericon-search:before { content: "\f029"; } .monstericon-user-far:before { content: "\f02a"; } .monstericon-eye-far:before { content: "\f02b"; } .monstericon-cog:before { content: "\f02c"; } .monstericon-expand-alt:before { content: "\f02d"; } .monstericon-compress-arrows-alt:before { content: "\f02e"; } .monstericon-compress:before { content: "\f02f"; } .monstericon-badge-check:before { content: "\f034"; } .monstericon-download-em:before { content: "\f035"; } .monstericon-globe:before { content: "\f036"; } .monstericon-wand-magic:before { content: "\f037"; } .monstericon-mouse-pointer:before { content: "\f038"; } .monstericon-users:before { content: "\f039"; } .monstericon-file-certificate:before { content: "\f03a"; } .monstericon-bullseye-arrow:before { content: "\f03b"; } .monstericon-cash-register:before { content: "\f03c"; } .monstericon-chart-line:before { content: "\f03d"; } .monstericon-clock:before { content: "\f03e"; } .monstericon-box:before { content: "\f03f"; } .monstericon-sack-dollar:before { content: "\f040"; } .monstericon-browser:before { content: "\f041"; } .monstericon-eye-em:before { content: "\f042"; } .monstericon-newspaper:before { content: "\f043"; } .monstericon-mobile:before { content: "\f044"; } .monstericon-check-em-light:before { content: "\f045"; } .monstericon-times-em-lite:before { content: "\f046"; } .monstericon-code:before { content: "\f047"; } .monstericon-clipboard:before { content: "\f048"; } .monstericon-upload:before { content: "\f049"; } .monstericon-clone:before { content: "\f04a"; } .monstericon-id-card:before { content: "\f04b"; } .monstericon-user-friends:before { content: "\f04c"; } .monstericon-file-alt-em:before { content: "\f04d"; } .monstericon-calendar-alt:before { content: "\f04e"; } .monstericon-comment-alt-check:before { content: "\f04f"; } .monstericon-arrow-circle-up:before { content: "\f050"; } .monstericon-search-em:before { content: "\f051"; } .monstericon-list-ol:before { content: "\f052"; } .monstericon-hand-pointer:before { content: "\f053"; } .monstericon-folder:before { content: "\f054"; } .monstericon-sign-out-em-solid:before { content: "\f055"; } .monstericon-external-link-alt:before { content: "\f056"; } .monstericon-copy:before { content: "\f057"; } .monstericon-sync:before { content: "\f058"; } .monstericon-flag:before { content: "\f059"; } .monstericon-building:before { content: "\f05a"; } .monstericon-chart-bar:before { content: "\f05b"; } .monstericon-shopping-bag:before { content: "\f05c"; } .monstericon-exchange-alt:before { content: "\f05d"; } .monstericon-plus:before { content: "\f05e"; } .monstericon-tachometer-alt:before { content: "\f05f"; } .monstericon-media:before { content: "\f072"; } .monstericon-tag:before { content: "\f060"; } .monstericon-check-circle-em:before { content: "\f061"; } .monstericon-bullseye:before { content: "\f062"; } .monstericon-rocket:before { content: "\f063"; } .monstericon-exclamation-square:before { content: "\f064"; } .monstericon-trash:before { content: "\f065"; } .monstericon-user-em:before { content: "\f066"; } .monstericon-unlock:before { content: "\f067"; } .monstericon-exclamation-em-solid:before { content: "\f068"; } .monstericon-key-em:before { content: "\f069"; } .monstericon-long-arrow-right-light:before { content: "\f06a"; } .monstericon-plug-light:before { content: "\f06b"; } .monstericon-align-left-regular:before { content: "\f06c"; } .monstericon-envelope-solid:before { content: "\f06f"; } .monstericon-comment-alt-lines-solid:before { content: "\f06e"; } .monstericon-arrow-circle-up-light:before { content: "\f071"; } .monstericon-megaphone-solid:before { content: "\f070"; } .monstericon-arrow-circle-up-light :before { content: "\f071"; } .monstericon-sliders:before { content: "\f073"; } .monstericon-pen-to-square:before { content: "\f074"; } .monstericon-magnifying-glass-chart:before { content: "\f075"; } .monstericon-light-bulb:before { content: "\f076"; } .monstericon-chart-line-up:before { content: "\f077"; } @media (max-width: 782px) { .exactmetrics-notices-area { margin-left: 10px; margin-right: 10px; } } .exactmetrics-notice .exactmetrics-notice-inner { position: relative; color: #210f59; padding: 32px 45px; border: 1px solid #F4F3F7; border-bottom: 3px solid; box-shadow: 0 20px 30px rgba(48, 44, 62, 0.05); border-radius: 10px; background: #fff; margin-top: 40px; } .exactmetrics-notice .exactmetrics-notice-inner .notice-title { color: #fff; font-weight: 700; display: block; margin: 0 0 6px; padding: 0; font-size: 17px; } @media (max-width: 782px) { .exactmetrics-notice .exactmetrics-notice-inner { padding: 10px; } } .exactmetrics-notice .exactmetrics-notice-inner .notice-content { background: #fff; line-height: 1.75; font-size: 15px; position: relative; } .exactmetrics-notice .exactmetrics-notice-inner .notice-content:before { display: inline-block; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 48px; left: 0; position: absolute; top: 0; line-height: 1; } .exactmetrics-notice.exactmetrics-notice-error .exactmetrics-notice-inner { border-bottom-color: #d83638; } .exactmetrics-notice.exactmetrics-notice-error .exactmetrics-notice-inner .notice-content:before { content: "\f064"; color: #d83638; } .exactmetrics-notice.exactmetrics-notice-warning .exactmetrics-notice-inner { border-bottom-color: #ffaa00; } .exactmetrics-notice.exactmetrics-notice-info .exactmetrics-notice-inner { border-bottom-color: #4d3f7a; } .exactmetrics-notice.exactmetrics-notice-info-xl .exactmetrics-notice-inner { border-width: 1px 1px 1px 3px; border-style: solid; border-color: #6528f5; color: #777; } .exactmetrics-notice.exactmetrics-notice-info-xl .exactmetrics-notice-inner .exactmetrics-button { color: #fff; margin: 15px 0 0; } .exactmetrics-notice.exactmetrics-notice-success .exactmetrics-notice-inner { border-bottom-color: #32a27a; } .exactmetrics-notice .notice-content { margin-right: 20px; } .exactmetrics-notice .notice-content a { color: #210f59; } .exactmetrics-notice .dismiss-notice { border: none; background: none; padding: 0; margin: 0; display: inline-block; cursor: pointer; color: #e9e7ee; position: relative; float: right; } .exactmetrics-notice .dismiss-notice:hover, .exactmetrics-notice .dismiss-notice:focus { color: #210f59; } .exactmetrics-notice.exactmetrics-notice-success .notice-content, .exactmetrics-notice.exactmetrics-notice-info .notice-content, .exactmetrics-notice.exactmetrics-notice-warning .notice-content { display: flex; } @media (max-width: 425px) { .exactmetrics-notice.exactmetrics-notice-success .notice-content, .exactmetrics-notice.exactmetrics-notice-info .notice-content, .exactmetrics-notice.exactmetrics-notice-warning .notice-content { flex-flow: column; } } .exactmetrics-notice.exactmetrics-notice-success .exactmetrics-notice-button, .exactmetrics-notice.exactmetrics-notice-info .exactmetrics-notice-button, .exactmetrics-notice.exactmetrics-notice-warning .exactmetrics-notice-button { flex-shrink: 0; flex-grow: 0; margin-right: -20px; margin-left: auto; } @media (max-width: 782px) { .exactmetrics-notice.exactmetrics-notice-success .exactmetrics-notice-button, .exactmetrics-notice.exactmetrics-notice-info .exactmetrics-notice-button, .exactmetrics-notice.exactmetrics-notice-warning .exactmetrics-notice-button { margin-left: 0; } } .exactmetrics-notice.exactmetrics-notice-success .exactmetrics-button, .exactmetrics-notice.exactmetrics-notice-info .exactmetrics-button, .exactmetrics-notice.exactmetrics-notice-warning .exactmetrics-button { margin-top: 0; padding: 10px 16px 8px; line-height: 1; font-size: 14px; font-weight: 600; } @media (max-width: 782px) { .exactmetrics-notice.exactmetrics-notice-success .exactmetrics-button, .exactmetrics-notice.exactmetrics-notice-info .exactmetrics-button, .exactmetrics-notice.exactmetrics-notice-warning .exactmetrics-button { margin-top: 10px; margin-left: 0; } } .exactmetrics-notice.exactmetrics-notice-error .exactmetrics-button { margin-top: 10px; margin-left: 0; color: #fff; } .exactmetrics-notice.exactmetrics-license_expired .notice-content { padding-left: 0; background: none; line-height: 1.75; font-size: 15px; } .exactmetrics-notice.exactmetrics-license_expired .notice-content:before { display: none; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0; left: 0; position: absolute; top: 0; line-height: 1; } .exactmetrics-notice.exactmetrics-license_expired .exactmetrics-notice-icon { margin-right: 15px; margin-top: 4px; } .exactmetrics-notice.exactmetrics-license_expired .exactmetrics-notice-icon svg { width: 36px; height: 32px; } .exactmetrics-notice.exactmetrics-license_expired .exactmetrics-notice-inner { background-color: #FFFFFF !important; } .exactmetrics-notice.exactmetrics-license_expired .exactmetrics-notice-inner h2 { font-size: 14px; color: #E64949; margin: 0 0 0 0; padding: 0 0 0 0; } .exactmetrics-notice.exactmetrics-license_expired .exactmetrics-notice-inner .exactmetrics-notice-content { color: #E64949; } .exactmetrics-notice.exactmetrics-license_expired .exactmetrics-notice-inner a.exactmetrics-button-error { margin-top: 17px; } .exactmetrics-notice .exactmetrics-notice-button.exactmetrics-notice-install-button { margin-top: 10px; margin-left: 0; } .exactmetrics-notice .exactmetrics-notice-button.exactmetrics-notice-install-button button + button { margin-left: 10px; } body.swal2-toast-shown.exactmetrics_page .swal2-container.swal2-top-end, body.swal2-toast-shown.exactmetrics_page .swal2-container.swal2-top-right { top: 32px; } @media screen and (max-width: 767px) { body.swal2-toast-shown.exactmetrics_page .swal2-container.swal2-top-end, body.swal2-toast-shown.exactmetrics_page .swal2-container.swal2-top-right { top: 42px; right: auto; left: 50%; transform: translateX(-50%); } } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast { border-radius: 5px; padding: 17px 28px; border: 1px solid #F4F3F7; box-shadow: 0 20px 30px rgba(48, 44, 62, 0.05); min-width: 380px; } @media screen and (max-width: 767px) { body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast { width: 80vw; } } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-title { color: #210f59; font-size: 15px; font-weight: 700; line-height: 1.5; margin-left: 32px; margin-top: -3px; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-close { font-size: 26px; width: 18px; height: 18px; line-height: 10px; position: absolute; right: 14px; top: 19px; color: #9087ac; } @media screen and (max-width: 767px) { body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-close { padding: 9px; line-height: 0; } } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon { width: 27px; height: 24px; min-width: 27px; margin: 0; border: 0; color: #9087ac; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-info { border: none; position: relative; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-info:before { display: inline-block; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f01e"; position: absolute; top: -1px; left: 0; line-height: 1; font-size: 24px; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-info .swal2-icon-text { display: none; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-error { border: none; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-error:before { display: inline-block; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f023"; position: absolute; top: -1px; left: 0; line-height: 1; font-size: 24px; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-error .swal2-x-mark * { display: none; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon [class^=-ring] { width: 14px; height: 14px; top: 0; left: 0; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { top: 0; left: 0; border: none; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring:before { display: inline-block; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f027"; position: absolute; top: -1px; left: 0; line-height: 1; font-size: 24px; } body.swal2-toast-shown.exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-success [class^=swal2-success-line] { display: none; } @-webkit-keyframes swal2-show { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes swal2-show { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } @keyframes swal2-hide { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.875em; width: 1.5625em; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.875em; width: 1.5625em; } } @-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @keyframes swal2-rotate-success-circular-line { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } 100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; -webkit-transform: scale(0.4); transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { margin-top: 0; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1; } } .exactmetrics_page body.swal2-toast-shown .swal2-container { background-color: transparent; } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent; } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-top-end, .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-top-left, .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-top-start { top: 0; right: auto; bottom: auto; left: 0; } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-center-left, .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-center-start { top: 50%; right: auto; bottom: auto; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-center-end, .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-bottom-left, .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 0; left: 0; } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-bottom-end, .exactmetrics_page body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } .exactmetrics_page body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } .exactmetrics_page body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: 0.3125em; } .exactmetrics_page body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } .exactmetrics_page body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: 0.3125em auto; font-size: 1em; } .exactmetrics_page body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } .exactmetrics_page .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto !important; padding: 0.625em; box-shadow: 0 0 0.625em #d9d9d9; overflow-y: hidden; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-header { flex-direction: row; width: 100%; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-close { position: initial; width: 0.8em; height: 0.8em; line-height: 0.8; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-icon-text { font-size: 2em; font-weight: 700; line-height: 1em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 0.875em; width: 1.375em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 0.3125em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 0.3125em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-actions { height: auto; margin: 0 0.3125em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-styled { margin: 0 0.3125em; padding: 0.3125em 0.625em; font-size: 1em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 2em; height: 2.8125em; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.25em; left: -0.9375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 2em 2em; transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.25em; left: 0.9375em; -webkit-transform-origin: 0 2em; transform-origin: 0 2em; border-radius: 0 4em 4em 0; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: 0.3125em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: 0.1875em; width: 0.75em; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: 0.9375em; right: 0.1875em; width: 1.375em; } .exactmetrics_page .swal2-popup.swal2-toast.swal2-show { -webkit-animation: showSweetToast 0.5s; animation: showSweetToast 0.5s; } .exactmetrics_page .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: hideSweetToast 0.2s forwards; animation: hideSweetToast 0.2s forwards; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: animate-toast-success-tip 0.75s; animation: animate-toast-success-tip 0.75s; } .exactmetrics_page .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: animate-toast-success-long 0.75s; animation: animate-toast-success-long 0.75s; } @-webkit-keyframes showSweetToast { 0% { -webkit-transform: translateY(-0.625em) rotateZ(2deg); transform: translateY(-0.625em) rotateZ(2deg); opacity: 0; } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: 0.5; } 66% { -webkit-transform: translateY(0.3125em) rotateZ(2deg); transform: translateY(0.3125em) rotateZ(2deg); opacity: 0.7; } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1; } } @keyframes showSweetToast { 0% { -webkit-transform: translateY(-0.625em) rotateZ(2deg); transform: translateY(-0.625em) rotateZ(2deg); opacity: 0; } 33% { -webkit-transform: translateY(0) rotateZ(-2deg); transform: translateY(0) rotateZ(-2deg); opacity: 0.5; } 66% { -webkit-transform: translateY(0.3125em) rotateZ(2deg); transform: translateY(0.3125em) rotateZ(2deg); opacity: 0.7; } 100% { -webkit-transform: translateY(0) rotateZ(0); transform: translateY(0) rotateZ(0); opacity: 1; } } @-webkit-keyframes hideSweetToast { 0% { opacity: 1; } 33% { opacity: 0.5; } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0; } } @keyframes hideSweetToast { 0% { opacity: 1; } 33% { opacity: 0.5; } 100% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); opacity: 0; } } @-webkit-keyframes animate-toast-success-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @keyframes animate-toast-success-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @-webkit-keyframes animate-toast-success-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @keyframes animate-toast-success-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } .exactmetrics_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } .exactmetrics_page body.swal2-height-auto { height: auto !important; } .exactmetrics_page body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; background-color: transparent; } .exactmetrics_page body.swal2-no-backdrop .swal2-shown > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-top-left, .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-top-start { top: 0; left: 0; } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-top-end, .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0; } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-center-left, .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-center-start { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-center-end, .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-start { bottom: 0; left: 0; } .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, .exactmetrics_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0; } .exactmetrics_page .swal2-container { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 10px; background-color: transparent; z-index: 1060; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .exactmetrics_page .swal2-container.swal2-top { align-items: flex-start; } .exactmetrics_page .swal2-container.swal2-top-left, .exactmetrics_page .swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start; } .exactmetrics_page .swal2-container.swal2-top-end, .exactmetrics_page .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .exactmetrics_page .swal2-container.swal2-center { align-items: center; } .exactmetrics_page .swal2-container.swal2-center-left, .exactmetrics_page .swal2-container.swal2-center-start { align-items: center; justify-content: flex-start; } .exactmetrics_page .swal2-container.swal2-center-end, .exactmetrics_page .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .exactmetrics_page .swal2-container.swal2-bottom { align-items: flex-end; } .exactmetrics_page .swal2-container.swal2-bottom-left, .exactmetrics_page .swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start; } .exactmetrics_page .swal2-container.swal2-bottom-end, .exactmetrics_page .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .exactmetrics_page .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .exactmetrics_page .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .exactmetrics_page .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .exactmetrics_page .swal2-container.swal2-grow-column.swal2-bottom, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-center, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-top { align-items: center; } .exactmetrics_page .swal2-container.swal2-grow-column.swal2-bottom-left, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-bottom-start, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-center-left, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-center-start, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-top-left, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start; } .exactmetrics_page .swal2-container.swal2-grow-column.swal2-bottom-end, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-bottom-right, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-center-end, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-center-right, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-top-end, .exactmetrics_page .swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end; } .exactmetrics_page .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .exactmetrics_page .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .exactmetrics_page .swal2-container .swal2-modal { margin: 0 !important; } } .exactmetrics_page .swal2-container.swal2-fade { transition: background-color 0.1s; } .exactmetrics_page .swal2-container.swal2-shown { background-color: rgba(0, 0, 0, 0.4); } .exactmetrics_page .swal2-popup { display: none; position: relative; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border-radius: 0.3125em; background: #fff; font-family: inherit; font-size: 1rem; box-sizing: border-box; left: 0; top: 0; } .exactmetrics_page .swal2-popup:focus { outline: 0; } .exactmetrics_page .swal2-popup.swal2-loading { overflow-y: hidden; } .exactmetrics_page .swal2-popup .swal2-header { display: flex; flex-direction: column; align-items: center; } .exactmetrics_page .swal2-popup .swal2-title { display: block; position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } .exactmetrics_page .swal2-popup .swal2-actions { flex-wrap: wrap; align-items: center; justify-content: center; margin: 1.25em auto 0; z-index: 1; } .exactmetrics_page .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; } .exactmetrics_page .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .exactmetrics_page .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .exactmetrics_page .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { width: 2.5em; height: 2.5em; margin: 0.46875em; padding: 0; border: 0.25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent; cursor: default; box-sizing: border-box; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .exactmetrics_page .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .exactmetrics_page .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { display: inline-block; width: 15px; height: 15px; margin-left: 5px; border: 3px solid #999; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff; content: ""; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; } .exactmetrics_page .swal2-popup .swal2-styled { margin: 0.3125em; padding: 0.625em 2em; font-weight: 500; box-shadow: none; } .exactmetrics_page .swal2-popup .swal2-styled:not([disabled]) { cursor: pointer; } .exactmetrics_page .swal2-popup .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em; } .exactmetrics_page .swal2-popup .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em; } .exactmetrics_page .swal2-popup .swal2-styled:focus { outline: 0; box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); } .exactmetrics_page .swal2-popup .swal2-styled::-moz-focus-inner { border: 0; } .exactmetrics_page .swal2-popup .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em; } .exactmetrics_page .swal2-popup .swal2-image { max-width: 100%; margin: 1.25em auto; } .exactmetrics_page .swal2-popup .swal2-close { position: absolute; top: 0; right: 0; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; transition: color 0.1s ease-out; border: none; border-radius: 0; outline: initial; background: 0 0; color: #ccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; overflow: hidden; z-index: 9; } .exactmetrics_page .swal2-popup .swal2-close:hover { -webkit-transform: none; transform: none; color: #f27474; } .exactmetrics_page .swal2-popup > .swal2-checkbox, .exactmetrics_page .swal2-popup > .swal2-file, .exactmetrics_page .swal2-popup > .swal2-input, .exactmetrics_page .swal2-popup > .swal2-radio, .exactmetrics_page .swal2-popup > .swal2-select, .exactmetrics_page .swal2-popup > .swal2-textarea { display: none; } .exactmetrics_page .swal2-popup .swal2-content { justify-content: center; margin: 0; padding: 0; color: #545454; font-size: 1.125em; font-weight: 300; line-height: normal; z-index: 1; word-wrap: break-word; } .exactmetrics_page .swal2-popup #swal2-content { text-align: center; } .exactmetrics_page .swal2-popup .swal2-checkbox, .exactmetrics_page .swal2-popup .swal2-file, .exactmetrics_page .swal2-popup .swal2-input, .exactmetrics_page .swal2-popup .swal2-radio, .exactmetrics_page .swal2-popup .swal2-select, .exactmetrics_page .swal2-popup .swal2-textarea { margin: 1em auto; } .exactmetrics_page .swal2-popup .swal2-file, .exactmetrics_page .swal2-popup .swal2-input, .exactmetrics_page .swal2-popup .swal2-textarea { width: 100%; transition: border-color 0.3s, box-shadow 0.3s; border: 1px solid #d9d9d9; border-radius: 0.1875em; font-size: 1.125em; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); box-sizing: border-box; } .exactmetrics_page .swal2-popup .swal2-file.swal2-inputerror, .exactmetrics_page .swal2-popup .swal2-input.swal2-inputerror, .exactmetrics_page .swal2-popup .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .exactmetrics_page .swal2-popup .swal2-file:focus, .exactmetrics_page .swal2-popup .swal2-input:focus, .exactmetrics_page .swal2-popup .swal2-textarea:focus { border: 1px solid #b4dbed; outline: 0; box-shadow: 0 0 3px #c4e6f5; } .exactmetrics_page .swal2-popup .swal2-file::-webkit-input-placeholder, .exactmetrics_page .swal2-popup .swal2-input::-webkit-input-placeholder, .exactmetrics_page .swal2-popup .swal2-textarea::-webkit-input-placeholder { color: #ccc; } .exactmetrics_page .swal2-popup .swal2-file:-ms-input-placeholder, .exactmetrics_page .swal2-popup .swal2-input:-ms-input-placeholder, .exactmetrics_page .swal2-popup .swal2-textarea:-ms-input-placeholder { color: #ccc; } .exactmetrics_page .swal2-popup .swal2-file::-ms-input-placeholder, .exactmetrics_page .swal2-popup .swal2-input::-ms-input-placeholder, .exactmetrics_page .swal2-popup .swal2-textarea::-ms-input-placeholder { color: #ccc; } .exactmetrics_page .swal2-popup .swal2-file::placeholder, .exactmetrics_page .swal2-popup .swal2-input::placeholder, .exactmetrics_page .swal2-popup .swal2-textarea::placeholder { color: #ccc; } .exactmetrics_page .swal2-popup .swal2-range input { width: 80%; } .exactmetrics_page .swal2-popup .swal2-range output { width: 20%; font-weight: 600; text-align: center; } .exactmetrics_page .swal2-popup .swal2-range input, .exactmetrics_page .swal2-popup .swal2-range output { height: 2.625em; margin: 1em auto; padding: 0; font-size: 1.125em; line-height: 2.625em; } .exactmetrics_page .swal2-popup .swal2-input { height: 2.625em; padding: 0 0.75em; } .exactmetrics_page .swal2-popup .swal2-input[type=number] { max-width: 10em; } .exactmetrics_page .swal2-popup .swal2-file { font-size: 1.125em; } .exactmetrics_page .swal2-popup .swal2-textarea { height: 6.75em; padding: 0.75em; } .exactmetrics_page .swal2-popup .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; color: #545454; font-size: 1.125em; } .exactmetrics_page .swal2-popup .swal2-checkbox, .exactmetrics_page .swal2-popup .swal2-radio { align-items: center; justify-content: center; } .exactmetrics_page .swal2-popup .swal2-checkbox label, .exactmetrics_page .swal2-popup .swal2-radio label { margin: 0 0.6em; font-size: 1.125em; } .exactmetrics_page .swal2-popup .swal2-checkbox input, .exactmetrics_page .swal2-popup .swal2-radio input { margin: 0 0.4em; } .exactmetrics_page .swal2-popup .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: 0.625em; background: #f0f0f0; color: #666; font-size: 1em; font-weight: 300; overflow: hidden; } .exactmetrics_page .swal2-popup .swal2-validation-message::before { display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; content: "!"; zoom: normal; } @supports (-ms-accelerator: true) { .exactmetrics_page .swal2-range input { width: 100% !important; } .exactmetrics_page .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .exactmetrics_page .swal2-range input { width: 100% !important; } .exactmetrics_page .swal2-range output { display: none; } } @-moz-document url-prefix() { .exactmetrics_page .swal2-close:focus { outline: 2px solid rgba(50, 100, 150, 0.4); } } .exactmetrics_page .swal2-icon { position: relative; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: 0.25em solid transparent; border-radius: 50%; line-height: 5em; cursor: default; box-sizing: content-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom: normal; } .exactmetrics_page .swal2-icon-text { font-size: 3.75em; } .exactmetrics_page .swal2-icon.swal2-error { border-color: #f27474; } .exactmetrics_page .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .exactmetrics_page .swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: #f27474; } .exactmetrics_page .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .exactmetrics_page .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .exactmetrics_page .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86; } .exactmetrics_page .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee; font-size: 1rem; } .exactmetrics_page .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .exactmetrics_page .swal2-icon.swal2-success { border-color: #a5dc86; } .exactmetrics_page .swal2-icon.swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; } .exactmetrics_page .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.4375em; left: -2.0635em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 3.75em 3.75em; transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } .exactmetrics_page .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.6875em; left: 1.875em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 3.75em; transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } .exactmetrics_page .swal2-icon.swal2-success .swal2-success-ring { position: absolute; top: -0.25em; left: -0.25em; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; z-index: 2; box-sizing: content-box; } .exactmetrics_page .swal2-icon.swal2-success .swal2-success-fix { position: absolute; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1; } .exactmetrics_page .swal2-icon.swal2-success [class^=swal2-success-line] { display: block; position: absolute; height: 0.3125em; border-radius: 0.125em; background-color: #a5dc86; z-index: 2; } .exactmetrics_page .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: 0.875em; width: 1.5625em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .exactmetrics_page .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: 0.5em; width: 2.9375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .exactmetrics_page .swal2-progresssteps { align-items: center; margin: 0 0 1.25em; padding: 0; font-weight: 600; } .exactmetrics_page .swal2-progresssteps li { display: inline-block; position: relative; } .exactmetrics_page .swal2-progresssteps .swal2-progresscircle { width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center; z-index: 20; } .exactmetrics_page .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0; } .exactmetrics_page .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0; } .exactmetrics_page .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6; } .exactmetrics_page .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { background: #add8e6; } .exactmetrics_page .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background: #add8e6; } .exactmetrics_page .swal2-progresssteps .swal2-progressline { width: 2.5em; height: 0.4em; margin: 0 -1px; background: #3085d6; z-index: 10; } .exactmetrics_page [class^=swal2] { -webkit-tap-highlight-color: transparent; } .exactmetrics_page .swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; } .exactmetrics_page .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; } .exactmetrics_page .swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; } .exactmetrics_page .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; } .exactmetrics_page .swal2-rtl .swal2-close { right: auto; left: 0; } .exactmetrics_page .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; } .exactmetrics_page .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; } .exactmetrics_page .swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; } .exactmetrics_page .swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; } .exactmetrics_page .swal2-animate-error-icon .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark 0.5s; animation: swal2-animate-error-x-mark 0.5s; } @-webkit-keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swal2-rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media print { .exactmetrics_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } .exactmetrics_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { display: none; } .exactmetrics_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: initial !important; } } .exactmetrics-notifications-display { background: #ddd9e5; border-left: 3px solid #6528f5; padding: 20px; border-radius: 3px 0 0 3px; margin-bottom: 50px; position: relative; } .exactmetrics-settings-panel .exactmetrics-notifications-display { margin-left: 25px; margin-right: 25px; } .exactmetrics-notifications-display h3 { margin: 0 0 4px; font-size: 16px; line-height: 20px; } .exactmetrics-notifications-display p { margin-top: 4px; margin-bottom: 12px; font-size: 14px; line-height: 18px; } .exactmetrics-notifications-display .exactmetrics-notification { display: flex; } .exactmetrics-notifications-display .exactmetrics-notification .exactmetrics-notifications-indicator { padding-top: 10px; } .exactmetrics-notifications-display .exactmetrics-notification .exactmetrics-notifications-indicator a { position: relative; } .exactmetrics-notifications-display .exactmetrics-notification-inner { margin-left: 25px; } .exactmetrics-notifications-display .exactmetrics-button { margin-right: 15px; } .exactmetrics-notifications-display .exactmetrics-notification-navigation { position: absolute; right: 0; top: 100%; } .exactmetrics-notifications-display .exactmetrics-notification-navigation button { background: #ddd9e5; border: none; border-radius: 0 0 3px 3px; margin: 0; padding: 5px 8px 7px; color: #A8AEBD; cursor: pointer; } .exactmetrics-notifications-display .exactmetrics-notification-navigation button:hover, .exactmetrics-notifications-display .exactmetrics-notification-navigation button:focus { color: #6528f5; } .exactmetrics-notifications-display .exactmetrics-notification-navigation button .monstericon-arrow { transform: rotate(90deg); font-size: 10px; } .exactmetrics-notifications-display .exactmetrics-notification-navigation button.exactmetrics-notification-previous { margin-right: 2px; } .exactmetrics-notifications-display .exactmetrics-notification-navigation button.exactmetrics-notification-previous .monstericon-arrow { transform: rotate(270deg); } .exactmetrics-notifications-display .exactmetrics-notification-dismiss { border: none; background: none; color: #A8AEBD; position: absolute; right: 12px; top: 9px; padding: 0; margin: 0; font-size: 16px; cursor: pointer; } .exactmetrics-notifications-display .exactmetrics-notifications-unread { min-width: 10px; height: 16px; background: #C84B29; border: 1.72823px solid #F9FBFF; position: absolute; bottom: 12px; left: 18px; border-radius: 20px; line-height: 16px; color: #fff; font-weight: bold; text-align: center; display: inline-block; padding: 0 3px; } .exactmetrics-report .exactmetrics-notifications-display .exactmetrics-notifications-unread { min-width: 16px; height: 16px; background: #C84B29; border: 1.72823px solid #F9FBFF; position: absolute; bottom: 4px; border-radius: 20px; line-height: 1; color: #fff; font-weight: bold; text-align: center; padding: 0 2px; left: 20px; } .exactmetrics-admin-page.exactmetrics-reports-page .exactmetrics-notificationsv3-container, .exactmetrics-admin-page.exactmetrics-path-tools-url-builder .exactmetrics-notificationsv3-container, .exactmetrics-admin-page.exactmetrics-path-tools-import-export .exactmetrics-notificationsv3-container, .exactmetrics-admin-page.exactmetrics-path-addons .exactmetrics-notificationsv3-container, .exactmetrics-admin-page.exactmetrics-path-about-us .exactmetrics-notificationsv3-container { margin-right: 0; } .exactmetrics-admin-page.exactmetrics-path-addons .exactmetrics-navigation-bar { width: 90%; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container { display: inline-block; margin-left: 20px; float: right; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-number { position: absolute; top: -9px; min-width: 20px; height: 20px; line-height: 20px; display: block; background: #EB5757; border-radius: 20px; font-size: 12px; color: #fff; font-weight: bold; text-align: center; padding: 0 6px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-number.number-greater-than-10 { right: -13px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-number.number-less-than-10 { right: -10px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-dismissed-number { min-width: 24px; height: 24px; background: #7C869D; border-radius: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 24px; color: #fff; font-size: 14px; font-weight: bold; padding: 0 8px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-no-notifications { text-align: center; position: absolute; top: 50%; margin-top: -69px; width: 100%; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-no-notifications h4 { color: #828282; font-size: 16px; font-weight: 400; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button { position: relative; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button { position: absolute; top: 21px; right: 15px; } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button { background: #F0F2F4; border: 1px solid #D3D7DE; border-radius: 3px; padding: 11px 7px; line-height: 0; vertical-align: middle; margin-top: 0px; border-style: solid; border-color: #D3D7DE; border-width: 1px 1px 2px 1px; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button { display: inline-block; } } @media (max-width: 959px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button { display: block; } } @media (max-width: 1099px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button { display: block; } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button:hover, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button:focus, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button:active { background: #e7eaec; border-color: #D3D7DE; outline: none; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-button svg path { fill: #6528F5; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-inbox-button .exactmetrics-notificationsv3-inbox-number { cursor: pointer; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar { width: 440px; position: fixed; top: 40px; right: 0; background: #fff; z-index: 1001; overflow: hidden; height: 100%; display: flex; flex-direction: column; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border-top-right-radius: 8px; border-top-left-radius: 8px; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar { top: 46px; width: 300px; } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar.exactmetrics-notificationsv3-sidebar-in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-single-notification { padding: 0 16px; overflow: hidden; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header { display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 16px; background: #6528f5; border-bottom: 1px solid #6528f5; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-title h3 { margin: 0; color: #fff; font-size: 16px; font-weight: 700; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-title h3 .exactmetrics-notificationsv3-sidebar-header-count { color: #fff; font-weight: 400; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-actions { display: flex; align-items: center; gap: 12px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-actions .exactmetrics-notificationsv3-mark-all-read { color: #fff; font-size: 13px; cursor: pointer; white-space: nowrap; text-decoration: underline; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-actions .exactmetrics-notificationsv3-mark-all-read:hover { opacity: 0.85; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-actions .exactmetrics-notificationsv3-sidebar-close { background: transparent; border: 0; padding: 4px; cursor: pointer; display: flex; align-items: center; color: #fff; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-actions .exactmetrics-notificationsv3-sidebar-close:hover { opacity: 0.85; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-actions .exactmetrics-notificationsv3-sidebar-close:active, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header .exactmetrics-notificationsv3-sidebar-header-actions .exactmetrics-notificationsv3-sidebar-close:focus { outline: none; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-tabs { display: flex; border-bottom: 1px solid #F2F4F7; padding: 0 16px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-tab { background: transparent; border: none; border-bottom: 2px solid transparent; padding: 12px 16px; font-size: 13px; font-weight: 500; color: #64748B; cursor: pointer; display: flex; align-items: center; gap: 6px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-tab:hover { color: #393F4C; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-tab:focus { outline: none; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-tab-active { color: #210f59; border-bottom-color: #6528f5; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-tab-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; background-color: #EB5757; color: #fff; font-size: 11px; font-weight: 700; border-radius: 9px; line-height: 1; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top { background: #6528F5; display: flex; align-items: center; height: 50px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-title { width: 50%; text-align: left; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-title svg { margin-right: 10px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-title h3 { display: inline-block; color: #fff; font-size: 18px; font-weight: bold; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions { width: 50%; text-align: right; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button { color: #fff; text-decoration: underline; border: 0; padding: 0; background: transparent; border-radius: 0; float: none; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button { display: inline-block; } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button:hover { color: #efe5e5; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button:active, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button:focus { outline: none; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close { margin-left: 12px; vertical-align: bottom; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close:hover svg path, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close:active svg path, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close:focus svg path { fill: #efe5e5; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom { display: flex; align-items: center; height: 60px; border-bottom: 1px solid #E2E4E9; margin: 0 16px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count { width: 50%; text-align: left; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count .exactmetrics-notificationsv3-inbox-number { position: relative; display: inline-block; top: inherit; right: inherit; min-width: 24px; height: 24px; line-height: 24px; margin-right: 8px; padding: 0 8px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count .exactmetrics-notificationsv3-dismissed-number { margin-right: 8px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count h4 { display: inline-block; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions { width: 50%; text-align: right; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span { text-decoration: underline; color: #99A1B3; cursor: pointer; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span:hover, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span:active, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span:focus { color: #a9b1c3; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications { display: block; flex: 1; overflow-y: auto; margin-bottom: 32px; position: relative; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications { margin-bottom: 46px; } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification-unread { background-color: #FFFFFF; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification-read { background-color: #F8FAFC; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification { border-left: 2px solid #fff; border-bottom: 1px solid #E2E4E9; padding-bottom: 24px; display: flex; --notification-bg: #F8FAFC; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification.exactmetrics-notificationsv3-single-notification-unread { border-bottom: 2px solid #fff; --notification-bg: #FFFFFF; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-save { background: transparent; border: none; padding: 4px; cursor: pointer; float: right; display: inline-flex; align-items: center; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-save:hover { opacity: 0.7; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-save:focus { outline: none; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-icon { width: 54px; float: left; text-align: center; padding-top: 24px; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-icon { float: none; margin: 0 auto; } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details { float: left; width: 354px; padding-top: 20px; text-align: left; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details { width: 260px; } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-title h5 { margin-top: 0; margin-bottom: 0; color: #393F4C; font-size: 13px; font-weight: bold; width: 70%; display: inline-block; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-title h5 { width: 65%; } } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-title span { color: #7F899F; font-size: 13px; float: right; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content { position: relative; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content p { color: #393F4C; font-size: 13px; margin-bottom: 0; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content .exactmetrics-notificationsv3-notification-content-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content .exactmetrics-notificationsv3-notification-read-more { position: absolute; bottom: 0; right: 0; padding-left: 1px; background: var(--notification-bg, #fff); cursor: pointer; color: #210f59; font-weight: 700; font-size: 13px; line-height: 20px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content .exactmetrics-notificationsv3-notification-read-more::before { content: "..."; font-weight: 400; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content .exactmetrics-notificationsv3-notification-read-more:hover { text-decoration: underline; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content.is-expanded .exactmetrics-notificationsv3-notification-content-text { display: block; overflow: visible; -webkit-line-clamp: unset; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions { display: flex; align-items: center; padding-top: 10px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-button { display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 20px; padding: 6px 12px; margin-right: 10px; text-decoration: none; white-space: nowrap; cursor: pointer; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-remind-me { gap: 8px; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-remind-me span, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-remind-me:hover span { color: #fff; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-remind-me svg { flex-shrink: 0; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-primary { background: #6528f5; color: #fff; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-primary:hover, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-primary:active, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-primary:focus { background: #37276a; color: #fff; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-secondary { background: #32a27a; color: #fff; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-secondary:hover, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-secondary:active, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-notificationsv3-btn-secondary:focus { background: #19865f; color: #fff; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span { font-size: 13px; color: #7F899F; cursor: pointer; } .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span:hover, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span:focus, .exactmetrics-admin-page .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span:active { color: #a9b1c3; } .exactmetrics-tooltip { display: block !important; z-index: 10000; max-width: 350px; } .exactmetrics-tooltip .exactmetrics-tooltip-inner { background: #6528f5; color: #fff; border-radius: 5px; padding: 16px 20px; font-size: 15px; line-height: 1.5; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center; } .exactmetrics-tooltip .exactmetrics-tooltip-inner a { color: #fff; font-weight: 700; } .exactmetrics-tooltip .exactmetrics-tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 8px; border-color: #6528f5; z-index: 1; } .exactmetrics-tooltip[x-placement^=top] { padding-bottom: 8px; } .exactmetrics-tooltip[x-placement^=top] .exactmetrics-tooltip-arrow { border-width: 8px 8px 0 8px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: 0; left: calc(50% - 8px); margin-top: 0; margin-bottom: 0; } .exactmetrics-tooltip[x-placement^=bottom] { padding-top: 8px; } .exactmetrics-tooltip[x-placement^=bottom] .exactmetrics-tooltip-arrow { border-width: 0 8px 8px 8px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: 0; left: calc(50% - 8px); margin-top: 0; margin-bottom: 0; } .exactmetrics-tooltip[x-placement^=right] { padding-left: 8px; } .exactmetrics-tooltip[x-placement^=right] .exactmetrics-tooltip-arrow { border-width: 8px 8px 8px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: 0px; top: calc(50% - 8px); margin-left: 0; margin-right: 0; } .exactmetrics-tooltip[x-placement^=left] { padding-right: 8px; } .exactmetrics-tooltip[x-placement^=left] .exactmetrics-tooltip-arrow { border-width: 8px 0 8px 8px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: 0; top: calc(50% - 8px); margin-left: 0; margin-right: 0; } .exactmetrics-tooltip.popover .popover-inner { background: #fff; color: #6528f5; padding: 24px; border-radius: 5px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .exactmetrics-tooltip.popover .popover-arrow { border-color: #fff; } .exactmetrics-tooltip[aria-hidden=true] { visibility: hidden; opacity: 0; transition: opacity 0.15s, visibility 0.15s; } .exactmetrics-tooltip[aria-hidden=false] { visibility: visible; opacity: 1; transition: opacity 0.15s; } .exactmetrics-roller { display: inline-block; position: relative; width: 58px; height: 58px; } .exactmetrics-roller div { animation: exactmetrics-roller 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 29px 29px; } .exactmetrics-roller div:after { content: " "; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #6528f5; margin: -4px 0 0 -4px; } .exactmetrics-roller div:nth-child(1) { animation-delay: -0.036s; } .exactmetrics-roller div:nth-child(2) { animation-delay: -0.072s; } .exactmetrics-roller div:nth-child(3) { animation-delay: -0.108s; } .exactmetrics-roller div:nth-child(4) { animation-delay: -0.144s; } .exactmetrics-roller div:nth-child(5) { animation-delay: -0.18s; } .exactmetrics-roller div:nth-child(6) { animation-delay: -0.216s; } .exactmetrics-roller div:nth-child(7) { animation-delay: -0.252s; } .exactmetrics-roller div:nth-child(1):after { top: 49px; left: 44px; } .exactmetrics-roller div:nth-child(2):after { top: 54px; left: 28px; } .exactmetrics-roller div:nth-child(3):after { top: 48px; left: 13px; } .exactmetrics-roller div:nth-child(4):after { top: 35px; left: 5px; } .exactmetrics-roller div:nth-child(5):after { top: 19px; left: 6px; } .exactmetrics-roller div:nth-child(6):after { top: 8px; left: 15px; } .exactmetrics-roller div:nth-child(7):after { top: 4px; left: 29px; } @keyframes exactmetrics-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .exactmetrics-upload-media-wrapper .exactmetrics-dark { display: block; } .exactmetrics-upload-media-wrapper .exactmetrics-upload-media-label { margin-bottom: 0 !important; } .exactmetrics-upload-media-wrapper .exactmetrics-uploaded-media { display: block; width: 100%; margin-top: 20px; position: relative; max-width: 300px; } .exactmetrics-upload-media-wrapper .exactmetrics-uploaded-media .exactmetrics-uploaded-media-overlay { display: none; background: rgba(0, 0, 0, 0.7); width: 100%; position: absolute; top: 0; left: 0; height: 100%; align-items: flex-end; } .exactmetrics-upload-media-wrapper .exactmetrics-uploaded-media .exactmetrics-uploaded-media-overlay .exactmetrics-remove-uploaded-media { color: #fff; text-decoration: underline; margin-left: auto; cursor: pointer; padding: 0 10px 10px 0; } .exactmetrics-upload-media-wrapper .exactmetrics-uploaded-media .exactmetrics-uploaded-media-overlay .exactmetrics-remove-uploaded-media:hover { text-decoration: none; } .exactmetrics-upload-media-wrapper .exactmetrics-uploaded-media:hover .exactmetrics-uploaded-media-overlay { display: flex; } .exactmetrics-upload-media-wrapper .exactmetrics-uploaded-media img { max-width: 100%; display: inline-block; } .exactmetrics-upload-media-wrapper .exactmetrics-upload-media { overflow: hidden; display: flex; align-items: flex-end; margin-top: 20px; } .exactmetrics-upload-media-wrapper .exactmetrics-upload-media .exactmetrics-upload-media-input { width: 73%; margin-right: 2%; float: left; position: relative; margin-top: 0; } .exactmetrics-upload-media-wrapper .exactmetrics-upload-media .exactmetrics-upload-media-button { width: 25%; float: left; font-size: 15px; } .exactmetrics-upload-media-wrapper .exactmetrics-upload-media .exactmetrics-upload-media-button:hover, .exactmetrics-upload-media-wrapper .exactmetrics-upload-media .exactmetrics-upload-media-button:active, .exactmetrics-upload-media-wrapper .exactmetrics-upload-media .exactmetrics-upload-media-button:focus { outline: none; } .exactmetrics-upload-media-wrapper .inline-field .exactmetrics-button { position: relative !important; margin-left: 10px; padding: 12px 24px !important; } @media screen and (max-width: 767px) { .exactmetrics-upload-media-wrapper .inline-field .exactmetrics-button { margin-left: 0; margin-top: 15px; } } .exactmetrics-upload-media-wrapper .inline-field .exactmetrics-button:first-child { margin-left: 0; } .exactmetrics-email-summaries-settings a { color: #6528f5 !important; } .exactmetrics-email-summaries-settings a:hover, .exactmetrics-email-summaries-settings a:focus { color: #393f4c !important; } .exactmetrics-email-summaries-settings .exactmetrics-dark { display: block; } .exactmetrics-email-summaries-settings .inline-field .exactmetrics-button { position: relative !important; margin-left: 10px; padding: 12px 24px !important; } @media screen and (max-width: 767px) { .exactmetrics-email-summaries-settings .inline-field .exactmetrics-button { margin-left: 0; margin-top: 15px; } } .exactmetrics-email-summaries-settings .inline-field .exactmetrics-button:first-child { margin-left: 0; } .exactmetrics-email-summaries-settings .exactmetrics-settings-input-repeater { margin-bottom: 18px; } .exactmetrics-email-summaries-settings .exactmetrics-settings-input-repeater .exactmetrics-settings-input-repeater-row input[type=text], .exactmetrics-email-summaries-settings .exactmetrics-settings-input-repeater .exactmetrics-settings-input-repeater-row input[type=number], .exactmetrics-email-summaries-settings .exactmetrics-settings-input-repeater .exactmetrics-settings-input-repeater-row textarea { border-color: #9087ac; } .exactmetrics-email-summaries-settings .exactmetrics-settings-input-repeater .exactmetrics-settings-input-repeater-row .exactmetrics-input-valid input { border-color: #32a27a; } .exactmetrics-email-summaries-settings .exactmetrics-button.exactmetrics-button-disabled { cursor: not-allowed; background: #39967e !important; border-color: #4ab99b !important; } .exactmetrics-navigation-bar { margin-top: -5px; } .exactmetrics-navigation-bar li { display: inline-block; list-style: none; margin-bottom: 0; margin-right: 25px; text-align: left; } .exactmetrics-navigation-bar li .exactmetrics-navigation-tab-link { margin-right: 0; } .exactmetrics-navigation-bar li div button { border: none; box-sizing: border-box; background: none; border-bottom: 2px solid rgba(255, 255, 255, 0); padding: 17px 0 15px; line-height: 1; outline: none; font-family: "Lato", sans-serif; font-size: 15px; color: #fff; cursor: pointer; } .exactmetrics-navigation-bar li div button .caret { display: inline-block; width: 10px; } .exactmetrics-navigation-bar li div button .caret svg { vertical-align: 1px; } .exactmetrics-navigation-bar li div button .caret svg path { stroke: #fff; } .exactmetrics-navigation-bar li div:hover button, .exactmetrics-navigation-bar li div.active button { color: #ffffff; border-bottom-color: #ffffff; } .exactmetrics-navigation-bar li div:hover button .caret, .exactmetrics-navigation-bar li div.active button .caret { display: inline-block; width: 10px; } .exactmetrics-navigation-bar li div:hover button .caret svg > path, .exactmetrics-navigation-bar li div.active button .caret svg > path { stroke: #ffffff; } .exactmetrics-navigation-bar ul { margin: 0; padding: 0; } .exactmetrics-navigation-bar ul.submenu { display: block; background-color: #ffffff; border: 1px solid #d6e2ed; border-radius: 3px; margin-left: -15px; max-width: 510px; padding: 15px; position: absolute; width: auto; height: auto; z-index: 99; text-wrap: wrap; } @media screen and (max-width: 768px) { .exactmetrics-navigation-bar ul.submenu { left: 35px; right: 20px; } } .exactmetrics-navigation-bar ul.submenu li { width: 239px; display: inline-block; height: 88px; margin: 0; vertical-align: top; } .exactmetrics-navigation-bar ul.submenu li a { box-sizing: border-box; border-left: 2px solid rgba(255, 255, 255, 0); color: #777777; display: block; height: 100%; padding: 10px; text-decoration: none; cursor: pointer; } .exactmetrics-navigation-bar ul.submenu li a .submenu_title { display: block; font-size: 14px; line-height: 28px; font-weight: bold; color: #6528f5; text-decoration: none; } .exactmetrics-navigation-bar ul.submenu li a .submenu_text { display: block; font-size: 13px; line-height: 20px; text-decoration: none; } .exactmetrics-navigation-bar ul.submenu li a:hover, .exactmetrics-navigation-bar ul.submenu li a.router-link-active { background: #f4f3f7; border-left: 2px solid #6528f5; } .exactmetrics-accordion .exactmetrics-accordion { padding: 0; border: 1px solid #e0e0e0; } .exactmetrics-accordion .exactmetrics-accordion div:not(:last-child) { border-bottom: 1px solid rgba(10, 10, 10, 0.1); } .exactmetrics-accordion .exactmetrics-accordion div:last-child .exactmetrics-accordion-item-details { border-radius: 5px; } .exactmetrics-accordion .exactmetrics-accordion dd { margin-left: 0; margin-bottom: 0; } .exactmetrics-accordion .exactmetrics-accordion-item-trigger { cursor: pointer; outline: none; } .exactmetrics-accordion .exactmetrics-accordion-item-trigger, .exactmetrics-accordion .exactmetrics-accordion-item-details-inner { padding: 0px 20px 30px 20px; } .exactmetrics-accordion .exactmetrics-accordion-item.is-active .exactmetrics-accordion-item-title { border-bottom: 1px solid #e0e0e0; } .exactmetrics-accordion .exactmetrics-accordion-item-title { position: relative; background-color: #ffffff; cursor: pointer; } .exactmetrics-accordion .exactmetrics-accordion-item-title h4.exactmetrics-accordion-item-title-text { display: flex; font-size: 20px; margin-bottom: 0; padding-right: 1.25rem; } .exactmetrics-accordion .exactmetrics-accordion-item-title h4.exactmetrics-accordion-item-title-text .title { padding-left: 15px; } .exactmetrics-accordion .exactmetrics-accordion-item-trigger { width: 100%; text-align: left; background-color: transparent; border: none; } .exactmetrics-accordion .exactmetrics-accordion-item-trigger-icon { display: block; position: absolute; top: 0; right: 1.5rem; bottom: 0; margin: auto; width: 8px; height: 8px; border-right: 2px solid #363636; border-bottom: 2px solid #363636; transform: translateY(calc(-8px / 4)) rotate(45deg); transition: transform 0.2s ease; } .exactmetrics-accordion .exactmetrics-accordion-item-trigger-icon.is-active { transform: translateY(calc(8px / 4)/4) rotate(225deg); } .exactmetrics-accordion .exactmetrics-accordion-item-details { overflow: hidden; background-color: #ffffff; padding-top: 15px; } .exactmetrics-accordion .exactmetrics-accordion-item-details p, .exactmetrics-accordion .exactmetrics-accordion-item-details ul { font-size: 1.2em; line-height: 1.8; } .exactmetrics-accordion .exactmetrics-accordion-item-enter-active, .exactmetrics-accordion .exactmetrics-accordion-item-leave-active { will-change: height; transition: height 0.2s ease; } .exactmetrics-accordion .exactmetrics-accordion-item-enter, .exactmetrics-accordion .exactmetrics-accordion-item-leave-to { height: 0 !important; } @keyframes skeleton-loading { to { background-position: left; } } .exactmetrics-text-skeleton > span { display: block; height: 1rem; border-radius: 4px; background: linear-gradient(90deg, rgb(241, 244, 249) 20%, rgb(51, 142, 239), rgb(241, 244, 249) 80%) right/450% 100%; animation: skeleton-loading 2s linear infinite; opacity: 0.8; } .exactmetrics-text-skeleton > span:not(:last-child) { margin-bottom: 12px; } .exactmetrics-text-skeleton > span:nth-child(2n) { background-position-x: 500%; animation-duration: 6s; } .exactmetrics-text-skeleton > span:nth-child(3n) { background-position-x: 250%; animation-duration: 4s; } .exactmetrics-text-skeleton > span { background: linear-gradient(90deg, rgb(241, 244, 249) 20%, rgb(100, 51, 249), rgb(241, 244, 249) 80%) right/450% 100%; } body.exactmetrics_page { background: #fff; margin: 0; } .exactmetrics-admin-page, .exactmetrics-admin-page * { box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .exactmetrics_page #wpcontent { padding-left: 0; } .exactmetrics_page.auto-fold #wpcontent { padding-left: 0; } .exactmetrics-highlighted-text { color: #64bfa5; font-weight: 700; } .exactmetrics-bold { font-weight: 700; } .exactmetrics-bg-img { width: 100%; padding-top: 66%; position: relative; } .exactmetrics-bg-img:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-size: contain; } .exactmetrics-header { padding: 20px; background-color: #210f59; position: relative; z-index: 90; } @media (max-width: 1512px) { .exactmetrics-header { height: 130px; } .exactmetrics-header-with-floating-bar { height: 170px; } } .exactmetrics-header .exactmetrics-container { width: 100%; } .exactmetrics-header .exactmetrics-float-right { text-align: center; } @media (max-width: 1099px) { .exactmetrics-header .exactmetrics-float-right { text-align: right; } } .exactmetrics-header .exactmetrics-float-right .exactmetrics-button { float: right; background: #fff; color: #210f59; } @media (max-width: 1099px) { .exactmetrics-header .exactmetrics-float-right .exactmetrics-button { display: none; } } .exactmetrics-header .exactmetrics-float-right .exactmetrics-button:hover, .exactmetrics-header .exactmetrics-float-right .exactmetrics-button:focus { color: #6528f5; background: #fff; } .exactmetrics-header .exactmetrics-float-right .exactmetrics-button.exactmetrics-button-disabled { color: #9087ac; } @media (max-width: 959px) { .exactmetrics-header .exactmetrics-float-right { text-align: right; width: 100%; } } .exactmetrics-logo-area { float: left; max-width: calc(100vw - 170px); } .exactmetrics-logo-area a:focus { box-shadow: unset; outline: 0 none; } .exactmetrics-logo-area img { display: block; max-width: 100%; } .exactmetrics-logo-area-premium img { width: 162px; } @media (max-width: 959px) { .exactmetrics-logo-area { width: 140px; flex-grow: 0; flex-shrink: 0; } } .exactmetrics-navigation-bar { background: transparent; display: inline-block; } .exactmetrics-navigation-bar [data-direction] { display: none; opacity: 0; width: 0; margin: 0; transition: opacity 0.5s linear, width 1s linear, margin 1s linear; } .exactmetrics-navigation-bar .with-scroll-left [data-direction=left] { opacity: 1; width: auto; } .exactmetrics-navigation-bar .with-scroll-right [data-direction=right] { opacity: 1; width: auto; } .exactmetrics-navigation-bar .exactmetrics-with-responsive-navigation { overflow-x: scroll; width: calc(100% - 60px); height: 45px; margin: 0 30px; text-wrap: nowrap; text-align: left; -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .exactmetrics-navigation-bar .exactmetrics-with-responsive-navigation-with-scroll [data-direction] { display: block; width: 60px; height: 100%; position: absolute; top: 0; z-index: 99; cursor: pointer; color: #fff; text-decoration: none; box-shadow: none; } .exactmetrics-navigation-bar .exactmetrics-with-responsive-navigation-with-scroll [data-direction]::before { font-size: 28px; font-weight: 800; display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; } .exactmetrics-navigation-bar .exactmetrics-with-responsive-navigation-with-scroll [data-direction=right] { right: 0; margin-right: 0; background: linear-gradient(to right, transparent, #210f59 100%); } .exactmetrics-navigation-bar .exactmetrics-with-responsive-navigation-with-scroll [data-direction=left] { left: 0; background: linear-gradient(to left, transparent, #210f59 100%); } .exactmetrics-admin-page { position: relative; } .exactmetrics-admin-page .exactmetrics-blocked { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(255, 255, 255, 0.5); z-index: 999; } @media (max-width: 959px) { .exactmetrics-admin-page .exactmetrics-header { padding: 20px 24px; } .exactmetrics-admin-page .exactmetrics-header .exactmetrics-button { display: none; } } .swal2-popup .swal2-title { line-height: 1.2; } .exactmetrics-container { margin: 0 auto; max-width: 100%; width: 750px; } .exactmetrics-admin-page .exactmetrics-navigation-tab-link { text-decoration: none; padding: 12px 4px 11px; font-size: 15px; color: #fff; display: inline-block; margin-right: 20px; line-height: 1; outline: none; font-family: "Lato", sans-serif; position: relative; } .exactmetrics-admin-page .exactmetrics-navigation-tab-link:after { content: ""; width: 100%; left: 0; position: absolute; top: 100%; height: 2px; border-radius: 20px; background: #fff; display: none; } .exactmetrics-admin-page .exactmetrics-navigation-tab-link.router-link-exact-active, .exactmetrics-admin-page .exactmetrics-navigation-tab-link:hover, .exactmetrics-admin-page .exactmetrics-navigation-tab-link:focus { border-bottom-color: #fff; color: #fff; outline: none; box-shadow: none; } .exactmetrics-admin-page .exactmetrics-navigation-tab-link.router-link-exact-active:after, .exactmetrics-admin-page .exactmetrics-navigation-tab-link:hover:after, .exactmetrics-admin-page .exactmetrics-navigation-tab-link:focus:after { display: block; } .exactmetrics-admin-page .exactmetrics-navigation-tab-link.exactmetrics-navigation-tab-disabled:hover, .exactmetrics-admin-page .exactmetrics-navigation-tab-link.exactmetrics-navigation-tab-disabled:focus { border-bottom-color: transparent; color: #fff; cursor: default; } .exactmetrics-admin-page .exactmetrics-button { background: #6528f5; border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; padding: 12px 24px; text-decoration: none; border: 0; } .exactmetrics-admin-page .exactmetrics-button:hover, .exactmetrics-admin-page .exactmetrics-button:focus { background-color: #37276a; color: #fff; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-disabled, .exactmetrics-admin-page .exactmetrics-button[disabled] { background: #e9e7ee; color: #9087ac; pointer-events: none; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-secondary { background: #e9e7ee; color: #37276a; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-secondary:hover, .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-secondary:focus { background-color: #ddd9e5; color: #37276a; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-dismiss { background: #e9e7ee; color: #37276a; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-dismiss:hover, .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-dismiss:focus { background-color: #ddd9e5; color: #37276a; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-green { background: #32a27a; color: #fff; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-green:hover, .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-green:focus { background-color: #19865f; color: #fff; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text { background: transparent; border: none; color: #6528f5; padding: 0; border-radius: 0; text-decoration: underline; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text:hover, .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text:focus { background: transparent; color: #393f4c; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text [class*=monstericon-] { margin-left: 10px; min-width: 16px; display: inline-block; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text [class*=monstericon-]:first-child { margin-left: 0; margin-right: 10px; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text.exactmetrics-button-text-dark { color: #210f59; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text.exactmetrics-button-text-dark:hover, .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-text.exactmetrics-button-text-dark:focus { color: #6528f5; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-red { background: #e43462; border-color: #e43462; color: #fff; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-large { font-size: 15px; padding: 14px 30px 12px; font-weight: 500; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-xl { font-size: 20px; padding: 23px 67px; font-weight: 500; } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-xl i { margin-left: 10px; } @media (max-width: 782px) { .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-xl { padding-left: 45px; padding-right: 45px; } } .exactmetrics-admin-page .exactmetrics-button.exactmetrics-button-outline { background: transparent; color: #6528f5; border: 1px solid #6528f5; } .exactmetrics-admin-page .exactmetrics-spaced-top { margin-top: 20px; } .exactmetrics-green-text { color: #32a27a; font-weight: 700; } @media (max-width: 782px) { .wp-responsive-open #wpbody { margin-left: -18px; } } .exactmetrics-mobile-nav-trigger { display: none; } @media (min-width: 782px) { .auto-fold .exactmetrics_page .exactmetrics-swal { margin-left: 36px; } } @media (min-width: 961px) { .auto-fold .exactmetrics_page .exactmetrics-swal { margin-left: 160px; } .folded .exactmetrics_page .exactmetrics-swal { margin-left: 36px; } } .exactmetrics_page .exactmetrics-swal .swal2-footer { border-top: none; justify-content: left; margin-top: 0; font-size: 15px; } .exactmetrics_page .exactmetrics-swal .swal2-footer a { color: #6528f5; } .exactmetrics_page .exactmetrics-swal .swal2-footer a:hover, .exactmetrics_page .exactmetrics-swal .swal2-footer a:focus { color: #37276a; } .exactmetrics_page .exactmetrics-swal-info-content.exactmetrics-swal { background-color: rgba(112, 128, 144, 0.4); } .exactmetrics_page .exactmetrics-swal-info-content .swal2-icon .swal2-icon-content { display: none; } .exactmetrics_page .exactmetrics-swal-info-content .swal2-content p { font-size: 15px; line-height: 1.7; } .exactmetrics_page .exactmetrics-swal-addons-upgrade.exactmetrics-swal .swal2-popup { border-top: 4px solid #6528f5; } .exactmetrics_page .exactmetrics-swal-addons-upgrade.exactmetrics-swal .swal2-title { font-size: 25px; line-height: 1.4; } .exactmetrics_page .exactmetrics-swal-addons-upgrade.exactmetrics-swal .swal2-confirm.swal2-styled:focus { box-shadow: none; background-color: #6528f5; } .exactmetrics_page #wpfooter { margin-right: 23px; background: rgba(101, 40, 245, 0.05); padding: 14px 20px; border-radius: 5px; position: relative; } .exactmetrics_page #wpfooter a { color: #6528f5; } .exactmetrics_page #footer-left { color: #210f59; } .exactmetrics_page #footer-left .exactmetrics-no-text-decoration { text-decoration: none; color: #fdb72c; font-size: 14px; } .exactmetrics_page #footer-left a { color: #6528f5; } .exactmetrics_page .exactmetrics-footer-love { display: block; clear: both; text-align: center; margin-top: 20px; margin-bottom: 20px; } .exactmetrics_page .exactmetrics-footer-love span.flsep { color: #c3c4c7; display: inline-block; margin: 9px 7px; } .exactmetrics-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; display: flex; align-items: center; justify-content: center; } .exactmetrics-modal .exactmetrics-modal-inner { background: #fff; padding: 50px; border: 1px solid #d6e2ed; text-align: center; width: 750px; } .exactmetrics-modal .exactmetrics-modal-inner h2 { margin-top: 0; margin-bottom: 0; line-height: 1.4; } .exactmetrics-modal .exactmetrics-modal-inner p { margin-bottom: 0; } .exactmetrics-modal .exactmetrics-modal-inner .exactmetrics-modal-buttons { margin-top: 50px; } .exactmetrics-modal .exactmetrics-modal-inner .exactmetrics-button { margin: 0 10px; } .exactmetrics-welcome-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; background-color: rgba(33, 15, 89, 0.9); } .exactmetrics-welcome-overlay .exactmetrics-welcome-overlay-inner { background: #fff; padding: 30px; width: 70%; } @media screen and (max-width: 767px) { .exactmetrics-welcome-overlay .exactmetrics-welcome-overlay-inner { width: 100%; } } .exactmetrics-welcome-overlay .exactmetrics-welcome-overlay-inner { margin: 0 auto; position: relative; top: 10%; height: 80%; border-radius: 10px; box-shadow: 0 20px 80px rgba(13, 7, 36, 0.5); } .exactmetrics-welcome-overlay .exactmetrics-overlay-close { background: none; border: none; position: absolute; top: 5px; right: 7px; padding: 0; color: #777; } .exactmetrics-welcome-overlay .exactmetrics-welcome-overlay-content { height: 100%; } .exactmetrics-welcome-overlay .exactmetrics-welcome-overlay-content iframe { height: 100%; width: 100%; } .swal2-container.exactmetrics-swal-loading { background: #fff; padding: 20px; top: 112px; height: auto; } .swal2-container.exactmetrics-swal-loading.exactmetrics-swal-full-height { top: 32px; } .swal2-container.exactmetrics-swal-loading .swal2-popup.swal2-modal { width: 100%; height: 100%; border-radius: 10px; background: url("../assets/loading-background-Dayz1jqc.jpg") no-repeat center bottom #ddd9e5; background-size: cover; animation-duration: 1ms; } .swal2-container.exactmetrics-swal-loading .swal2-popup.swal2-modal .swal2-icon { visibility: hidden; height: 0; padding: 0; } .swal2-container.exactmetrics-swal-loading .swal2-popup.swal2-modal .swal2-header { order: 2; } .swal2-container.exactmetrics-swal-loading .swal2-popup.swal2-modal .swal2-title { font-size: 17px; color: #210f59; } .swal2-container.exactmetrics-swal-loading .swal2-popup.swal2-modal .swal2-content { color: #9087ac; margin-top: 6px; font-size: 15px; line-height: 1.75; order: 2; } .swal2-container.exactmetrics-swal-loading .swal2-actions button { display: none; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess { padding: 0; background: #f8f6ff; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-icon { visibility: hidden; height: 0; width: 0; margin: 0; padding: 0; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal { width: 750px; background: none; padding-left: 260px; position: relative; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-header { display: block; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-title { font-size: 32px; line-height: 1.3; color: #210f59; text-align: left; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal #swal2-content { font-size: 15px; line-height: 1.75; color: #210f59; text-align: left; margin-bottom: 20px; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal #swal2-content p { font-size: 15px; margin: 0; font-weight: 500; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-actions { margin: 0; justify-content: left; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled { margin: 0; font-size: 15px; padding: 16px 23px 14px; outline: none; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled .monstericon-long-arrow-right-light { margin-left: 14px; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled:hover, .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled:focus { border: none; outline: none; box-shadow: none; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled.swal2-confirm { background: #32a27a; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled.swal2-confirm:hover, .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled.swal2-confirm:focus { background: #19865f; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .swal2-styled.swal2-cancel { margin-left: 15px; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .exactmetrics-swal-icons { position: absolute; left: -35px; top: -15px; width: 260px; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .exactmetrics-swal-icons [class^=monstericon-] { position: absolute; color: #6528f5; opacity: 0.5; font-size: 41px; top: 114px; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .exactmetrics-swal-icons [class^=monstericon-]:first-child { font-size: 108px; opacity: 1; top: -22px; left: 50%; transform: translateX(-50%); } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .exactmetrics-swal-icons [class^=monstericon-]:nth-child(2) { left: 35px; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .exactmetrics-swal-icons [class^=monstericon-].monstericon-exclamation-em-solid:nth-child(2) { left: 50px; } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .exactmetrics-swal-icons [class^=monstericon-]:nth-child(3) { top: 147px; left: 50%; transform: translateX(-50%); } .exactmetrics_page .swal2-container.exactmetrics-swal-succcess .swal2-popup.swal2-modal .exactmetrics-swal-icons [class^=monstericon-]:nth-child(4) { left: 185px; } .exactmetrics_page .exactmetrics-swal .swal2-title { line-height: 1.2; } .exactmetrics_page .exactmetrics-swal .swal2-icon.swal2-info, .exactmetrics_page .exactmetrics-swal .swal2-icon.swal2-error { border: none; border-radius: 0; } .exactmetrics_page .exactmetrics-swal .swal2-icon.swal2-info:before, .exactmetrics_page .exactmetrics-swal .swal2-icon.swal2-error:before { display: inline-block; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f064"; font-size: 80px; color: #6528f5; } .exactmetrics_page .exactmetrics-swal .swal2-icon .swal2-icon-text, .exactmetrics_page .exactmetrics-swal .swal2-icon .swal2-x-mark { display: none; } .exactmetrics_page .exactmetrics-swal .swal2-styled { border-radius: 5px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; padding: 12px 24px; text-decoration: none; border: 0; } .exactmetrics_page .exactmetrics-swal .swal2-styled.swal2-confirm { background: #6528f5; } .exactmetrics_page .exactmetrics-swal .swal2-styled.swal2-confirm:hover, .exactmetrics_page .exactmetrics-swal .swal2-styled.swal2-confirm:focus { background-color: #37276a; box-shadow: none; } .exactmetrics_page .exactmetrics-swal .swal2-styled.swal2-cancel { background: #e9e7ee; color: #37276a; } .exactmetrics_page .exactmetrics-swal .swal2-styled.swal2-cancel:hover, .exactmetrics_page .exactmetrics-swal .swal2-styled.swal2-cancel:focus { background-color: #ddd9e5; color: #37276a; box-shadow: none; } .exactmetrics_page .exactmetrics-swal .swal2-popup { border-radius: 10px; padding: 40px; } .exactmetrics-list-check ul { margin: 0; list-style: none; padding-left: 0; } .exactmetrics-list-check li { font-size: 15px; margin-top: 18px; padding-left: 30px; position: relative; color: #fff; } .exactmetrics-list-check li:first-child { margin-top: 0; } .exactmetrics-list-check li:before { display: inline-block; font-family: "Misettings"; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f045"; font-size: 15px; margin-right: 10px; color: #fff; position: absolute; left: 0; top: 0; } .exactmetrics-settings-input-select-input .multiselect__tags-wrap { position: relative; } .exactmetrics-settings-input-select-input .multiselect__tags-wrap:after { content: attr(data-text); display: inline-block; position: relative; color: #9087ac; bottom: 0; background: #fff; border-radius: 4px; font-size: 14px; vertical-align: top; padding: 8px 15px; } .exactmetrics-settings-input-select-input .multiselect__placeholder { display: none; } .multiselect__content-wrapper { left: 30px; } .exactmetrics-seoboost-cta { background: #f4f3f7; border-left: 3px solid #6528f5; padding: 20px 26px; border-radius: 3px 0 0 3px; position: relative; margin-bottom: 1rem; } .exactmetrics-seoboost-cta br { display: none; } .exactmetrics-seoboost-cta .exactmetrics-seoboost-cta-close { position: absolute; top: 12px; right: 12px; cursor: pointer; border: 0; background: transparent; padding: 0; margin: 0; outline: none; } .exactmetrics-seoboost-cta .exactmetrics-seoboost-cta-title { font-weight: bold; font-size: 16px; line-height: 20px; color: #393f4c; margin: 0; } .exactmetrics-seoboost-cta .exactmetrics-seoboost-cta-content { font-weight: normal; font-size: 14px; color: #393f4c; } .exactmetrics-seoboost-cta .exactmetrics-button { background: #6528f5; border-radius: 3px; font-weight: normal; font-size: 14px; border-width: 0; padding: 7px 12px; } .exactmetrics-seoboost-cta .exactmetrics-button:hover, .exactmetrics-seoboost-cta .exactmetrics-button:active, .exactmetrics-seoboost-cta .exactmetrics-button:focus { background: #6333d4; outline: none; } .exactmetrics-install-activate-aiseo { background: #dee8f7; border-left: 4px solid #005adf; padding: 16px 20px; position: relative; margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-content-wrapper { display: flex; align-items: center; flex: 1; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-icon { margin-right: 16px; flex-shrink: 0; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-icon svg { width: 40px; height: 40px; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-text { flex: 1; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-title { font-weight: 600; font-size: 16px; line-height: 20px; color: #393f4c; margin: 0 0 4px 0; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-content { font-weight: 400; font-size: 14px; color: #393f4c; margin: 0; line-height: 18px; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-button { background: #29aa63; border: none; color: white; font-weight: 400; font-size: 14px; padding: 10px 20px; cursor: pointer; transition: background-color 0.2s ease; margin-left: 16px; flex-shrink: 0; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-button:hover, .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-button:focus { background: #228b4f; outline: none; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-button:disabled, .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-button.installing { background: #6b7280; cursor: not-allowed; } @media (max-width: 768px) { .exactmetrics-install-activate-aiseo { flex-direction: column; align-items: stretch; padding: 16px; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-content-wrapper { margin-bottom: 12px; } .exactmetrics-install-activate-aiseo .exactmetrics-aiseo-cta-button { margin-left: 0; width: 100%; } } .exactmetrics-row-highlight { animation-name: color; animation-duration: 0.5s; animation-iteration-count: 2; } @keyframes color { 0% { background-color: #FFF; } 50% { background-color: #509fe2; } 100% { background-color: #FFF; } } .framed-mascot { position: relative; width: 40px; margin: 0; } .exactmetrics-setup-wizard-link { cursor: pointer; } body.exactmetrics_page #adminmenuwrap { position: relative !important; } .exactmetrics-header { background-color: #210f59; border-bottom: 1px solid #d6e2ed; width: 100%; padding: 0; margin: 0; position: relative; } .exactmetrics-header-container.exactmetrics-container { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; max-width: 100%; width: auto; margin: 0; } .exactmetrics-header-left { display: flex; align-items: center; } .exactmetrics-header-right { display: flex; align-items: center; gap: 20px; } .exactmetrics-float-right { margin-left: auto; } .exactmetrics-report-content > .exactmetrics-container { max-width: 100%; width: 100%; padding: 0; margin: 0 auto; box-sizing: border-box; } .exactmetrics-container { max-width: 100%; width: 100%; padding: 0; margin: 0 auto; box-sizing: border-box; } .exactmetrics-logo-area { line-height: 1; font-size: 0; } .exactmetrics-logo-area a { display: inline-block; } .exactmetrics-logo-area a:focus { outline: none; box-shadow: none; } @media (max-width: 767px) { .exactmetrics-logo-area img { max-height: 40px; width: auto; } } .screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .exactmetrics-datepicker-input-switch { border-top: 1px solid #D6E2ED; padding: 14px 20px 5px 20px; margin-top: 10px; } .exactmetrics-datepicker-input-switch label { cursor: pointer; } .exactmetrics-datepicker-input-switch label input { display: none; } .exactmetrics-datepicker-input-switch .exactmetrics-checkbox-label { font-size: 14px; vertical-align: middle; font-weight: 700; } .exactmetrics-datepicker-input-switch .exactmetrics-styled-checkbox { width: 27px; height: 18px; position: relative; display: inline-block; border-radius: 10px; margin-right: 9px; background-color: #e9e7ee; vertical-align: middle; } .exactmetrics-datepicker-input-switch .exactmetrics-styled-checkbox.exactmetrics-styled-checkbox-checked { background-color: #6528f5; } .exactmetrics-datepicker-input-switch .exactmetrics-styled-checkbox.exactmetrics-styled-checkbox-checked:after { right: 2px; left: auto; } .exactmetrics-datepicker-input-switch .exactmetrics-styled-checkbox:after { left: 2px; top: 2px; bottom: 2px; width: 14px; position: absolute; content: ""; background: #fff; display: block; border-radius: 50%; } .exactmetrics-reports-intervals-dropdown { position: absolute; z-index: 100; background: #fff; border: 1px solid #d6e2ed; border-radius: 3px; margin-top: 0; box-shadow: 0 10px 20px rgba(48, 44, 62, 0.05); right: 0; top: 100%; display: flex; } .exactmetrics-datepicker-default-buttons { width: 315px; flex-shrink: 0; padding: 12px; border-right: 1px solid #d6e2ed; } .exactmetrics-datepicker-default-buttons button.exactmetrics-button { display: block; width: 100%; margin-bottom: 5px; text-align: left; background-color: #fff; color: #210f59; border: none; } .exactmetrics-datepicker-default-buttons button.exactmetrics-button:hover, .exactmetrics-datepicker-default-buttons button.exactmetrics-button:active, .exactmetrics-datepicker-default-buttons button.exactmetrics-button.exactmetrics-interval-active { background-color: #eceff4; color: #210f59; } .exactmetrics-datepicker-default-buttons button.exactmetrics-button i { margin-right: 10px; } .exactmetrics-datepicker-range-inputs { background: #F9FBFF; border-bottom: 1px solid #D6E2ED; display: flex; } .exactmetrics-datepicker-range-input { padding: 12px; } .exactmetrics-datepicker-range-input h3 { font-size: 14px; font-weight: 700; margin: 0 0 5px 0; } .exactmetrics-datepicker-range-input + .exactmetrics-datepicker-range-input { border-left: 1px solid #D6E2ED; } .exactmetrics-datepicker-range-input-fields { display: flex; justify-content: space-between; position: relative; } .exactmetrics-datepicker-range-input-fields::after { content: ""; position: absolute; left: calc(50% - 5px); top: 50%; height: 1px; width: 10px; background-color: #393F4C; } .exactmetrics-datepicker-range-input-fields input { border: 1px solid #D6E2ED; width: 45%; background-color: #fff; height: 30px; } .exactmetrics-datepicker-calenders { display: flex; } .exactmetrics-datepicker-calender { border-bottom: 1px solid #D6E2ED; padding: 12px; } .exactmetrics-datepicker-calender + .exactmetrics-datepicker-calender { border-left: 1px solid #D6E2ED; } .exactmetrics-datepicker-calender .flatpickr-wrapper { display: block; } .exactmetrics-datepicker-calender .flatpickr-wrapper .flatpickr-calendar { box-shadow: 0 0 0; } .exactmetrics-datepicker-calender .flatpickr-wrapper .flatpickr-calendar.inline { position: static; } .exactmetrics-datepicker-calenders-bottom { display: flex; padding: 12px; justify-content: space-between; } .exactmetrics-datepicker-calenders-bottom button.exactmetrics-button { width: 49%; padding: 7px; } .exactmetrics-datepicker-calenders-bottom button.exactmetrics-button.exactmetrics-button-secondary { color: #393F4C; background-color: #E2E4E9; border-color: #E2E4E9; } .exactmetrics-datepicker-calenders-bottom button.exactmetrics-button.exactmetrics-button-secondary:hover, .exactmetrics-datepicker-calenders-bottom button.exactmetrics-button.exactmetrics-button-secondary:focus { background-color: #d7d9dd; border-color: #d7d9dd; color: #393F4C; } .exactmetrics-reports-interval-date-info { background: #e9e7ee; border-radius: 3px; color: #37276a; border-style: solid; border-color: #d5d1dd; border-width: 1px 1px 2px 1px; position: relative; text-align: left; font-size: 14px; font-weight: 400; padding: 10px 18px; cursor: pointer; display: flex; align-items: center; gap: 10px; white-space: nowrap; } .exactmetrics-reports-interval-date-info span { font-weight: 400; } .exactmetrics-reports-interval-date-info i { margin-left: auto; } .exactmetrics-reports-interval-date-info:hover { background: #ddd9e5; border-color: #c9c4d3; } .exactmetrics-reports-interval-dropdown-container { position: relative; } .exactmetrics-reports-datepicker { display: flex; } .exactmetrics-reports-datepicker--disabled .exactmetrics-reports-interval-date-info { opacity: 0.6; cursor: not-allowed; pointer-events: none; } .flatpickr-input[readonly] { display: none; } .exactmetrics-hide { display: none !important; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .exactmetrics-button.exactmetrics-export-pdf-button { background: #ECEFF5; border-color: #D6E2ED; color: #393F4C; font-weight: 400; padding-left: 18px; padding-right: 18px; } .exactmetrics-button.exactmetrics-export-pdf-button:hover { background: #e4e8ee; color: #393F4C; } .exactmetrics-datepicker-calendar-icon { font-size: 0; display: inline-block; padding-left: 7px; } .exactmetrics-datepicker-default-buttons .exactmetrics-datepicker-calendar-icon { padding-left: 0; margin-right: 10px; } .exactmetrics-datepicker-default-buttons button:has(.exactmetrics-datepicker-calendar-icon) { display: flex; align-items: center; } .exactmetrics-reports-intervals-dropdown { display: flex; flex-direction: column; } .exactmetrics-reports-intervals-dropdown--two-calendars { min-width: 1032px; max-width: min(95vw, 1200px); } .exactmetrics-datepicker-dropdown-body { display: flex; flex-direction: column; min-width: 0; } .exactmetrics-datepicker-dropdown-body--with-calendars { flex-direction: row; align-items: flex-start; gap: 20px; padding: 0 2px; min-width: 0; } .exactmetrics-datepicker-dropdown-body--with-calendars .exactmetrics-datepicker-default-buttons { flex: 0 0 auto; display: flex; flex-direction: column; } .exactmetrics-datepicker-dropdown-body--with-calendars .exactmetrics-datepicker-range-wrapper { flex: 1 1 auto; min-width: 0; } .exactmetrics-datepicker-compare-row { display: flex; align-items: center; gap: 12px; width: 100%; flex: 0 0 auto; padding: 14px 18px; border-top: 1px solid rgba(57, 63, 76, 0.15); margin-top: 4px; box-sizing: border-box; } .exactmetrics-datepicker-compare-label { font-weight: 600; font-size: 14px; color: #393f4c; } .exactmetrics-datepicker-apply-row { display: flex; justify-content: flex-end; width: 100%; flex: 0 0 auto; padding: 12px 18px 18px; border-top: 1px solid rgba(57, 63, 76, 0.15); margin-top: 0; box-sizing: border-box; } .exactmetrics-datepicker-apply-button { padding: 8px 20px; font-size: 14px; font-weight: 600; color: #fff; background: #2271b1; border: none; border-radius: 3px; cursor: pointer; } .exactmetrics-datepicker-apply-button:hover:not(:disabled) { background: #135e96; } .exactmetrics-datepicker-apply-button:disabled { opacity: 0.5; cursor: not-allowed; } .exactmetrics-datepicker-range-inputs--compare { display: flex; gap: 24px; flex-wrap: wrap; } .exactmetrics-datepicker-range-inputs--compare .exactmetrics-datepicker-range-input { flex: 1; min-width: 0; } .exactmetrics-datepicker-calenders--two { display: flex; gap: 24px; flex-wrap: wrap; } .exactmetrics-datepicker-calenders--two .exactmetrics-datepicker-calender { flex: 1; min-width: 280px; } .exactmetrics-datepicker-compare-toggle { position: relative; width: 40px; height: 22px; flex-shrink: 0; border: none; background: none; cursor: pointer; padding: 0; border-radius: 11px; } .exactmetrics-datepicker-compare-toggle__track { position: absolute; inset: 0; border-radius: 11px; background: #d1d5db; transition: background 0.2s ease; } .exactmetrics-datepicker-compare-toggle__thumb { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); transition: transform 0.2s ease; } .exactmetrics-datepicker-compare-toggle--on .exactmetrics-datepicker-compare-toggle__track { background: #2271b1; } .exactmetrics-datepicker-compare-toggle--on .exactmetrics-datepicker-compare-toggle__thumb { transform: translateX(18px); } .mi-header-notifications { position: relative; } .exactmetrics-notificationsv3-inbox-button { position: relative; display: inline-block; } @media (max-width: 767px) { .exactmetrics-notificationsv3-inbox-button { position: absolute; top: -9px; right: 15px; } } .exactmetrics-notificationsv3-inbox-button .exactmetrics-button { background: #F0F2F4; border: 1px solid #D3D7DE; border-radius: 3px; padding: 11px 7px; line-height: 0; vertical-align: middle; margin-top: -2px; border-style: solid; border-color: #D3D7DE; border-width: 1px 1px 2px 1px; cursor: pointer; } @media (max-width: 782px) { .exactmetrics-notificationsv3-inbox-button .exactmetrics-button { display: inline-block; } } .exactmetrics-notificationsv3-inbox-button .exactmetrics-button svg path { fill: #6528f5; } .exactmetrics-notificationsv3-inbox-button .exactmetrics-button:hover, .exactmetrics-notificationsv3-inbox-button .exactmetrics-button:focus, .exactmetrics-notificationsv3-inbox-button .exactmetrics-button:active { background: #e7eaec; border-color: #D3D7DE; outline: none; } .exactmetrics-notificationsv3-inbox-button .exactmetrics-notificationsv3-inbox-number { position: absolute; top: -11px; min-width: 20px; height: 20px; line-height: 20px; display: block; background: #EB5757; border-radius: 20px; font-size: 12px; color: #fff; font-weight: bold; text-align: center; padding: 0 6px; cursor: pointer; } .exactmetrics-notificationsv3-inbox-button .exactmetrics-notificationsv3-inbox-number.number-greater-than-10 { right: -13px; } .exactmetrics-notificationsv3-inbox-button .exactmetrics-notificationsv3-inbox-number.number-less-than-10 { right: -10px; } .exactmetrics-notificationsv3-container { display: inline-block; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-dismissed-number { min-width: 24px; height: 24px; background: #7C869D; border-radius: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 24px; color: #fff; font-size: 14px; font-weight: bold; padding: 0 8px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-no-notifications { text-align: center; position: absolute; top: 50%; margin-top: -69px; width: 100%; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-no-notifications h4 { font-size: 16px; color: #7C869D; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar { width: 440px; position: fixed; top: 32px; right: 0; background: #fff; z-index: 1001; overflow-y: auto; height: 100%; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1); } @media (max-width: 782px) { .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar { top: 46px; width: 300px; } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar.exactmetrics-notificationsv3-sidebar-in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-single-notification { padding: 0 16px; overflow: hidden; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top { background: #210f59; display: flex; align-items: center; height: 50px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-title { width: 50%; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-title svg { margin-right: 10px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-title h3 { display: inline-block; color: #fff; font-size: 18px; font-weight: bold; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions { width: 50%; text-align: right; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button { color: #fff; text-decoration: underline; border: 0; padding: 0; background: transparent; border-radius: 0; } @media (max-width: 782px) { .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button { display: inline-block; } } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button:hover { color: #efe5e5; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button:active, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-button:focus { outline: none; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close { margin-left: 12px; vertical-align: bottom; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close:hover svg path, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close:active svg path, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-top .exactmetrics-notificationsv3-sidebar-header-top-actions .exactmetrics-notificationsv3-sidebar-close:focus svg path { fill: #efe5e5; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom { display: flex; align-items: center; height: 60px; border-bottom: 1px solid #E2E4E9; margin: 0 16px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count { width: 50%; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count .exactmetrics-notificationsv3-inbox-number { position: relative; display: inline-block; top: inherit; right: inherit; min-width: 24px; height: 24px; line-height: 24px; margin-right: 8px; padding: 0 8px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count .exactmetrics-notificationsv3-dismissed-number { margin-right: 8px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-notifications-count h4 { display: inline-block; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions { width: 50%; text-align: right; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span { text-decoration: underline; color: #99A1B3; cursor: pointer; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span:hover, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span:active, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-header-bottom .exactmetrics-notificationsv3-sidebar-header-bottom-actions span:focus { color: #a9b1c3; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications { display: block; margin-bottom: 32px; } @media (max-width: 782px) { .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications { margin-bottom: 46px; } } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification { border-bottom: 1px solid #E2E4E9; padding-bottom: 24px; display: flex; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-icon { width: 54px; float: left; text-align: center; padding-top: 24px; } @media (max-width: 782px) { .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-icon { float: none; margin: 0 auto; } } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details { float: left; width: 354px; padding-top: 20px; } @media (max-width: 782px) { .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details { width: 260px; } } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-title h5 { margin-top: 0; margin-bottom: 0; color: #393F4C; font-size: 13px; font-weight: bold; width: 70%; display: inline-block; } @media (max-width: 782px) { .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-title h5 { width: 65%; } } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-title span { color: #7F899F; font-size: 13px; float: right; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-content p { color: #393F4C; font-size: 13px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions { display: flex; align-items: center; padding-top: 2px; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-button { display: block; background: #F0F2F4; border: 1px solid #D3D7DE; border-radius: 3px; font-weight: 500; font-size: 13px; color: #393F4C; letter-spacing: 0.02em; padding: 6px 11px; margin-right: 10px; cursor: pointer; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-button:hover, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-button:active, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions .exactmetrics-button:focus { background: #D3D7DE; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span { font-size: 13px; color: #7F899F; cursor: pointer; } .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span:hover, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span:focus, .exactmetrics-notificationsv3-container .exactmetrics-notificationsv3-sidebar .exactmetrics-notificationsv3-sidebar-notifications .exactmetrics-notificationsv3-single-notification .exactmetrics-notificationsv3-notification-details .exactmetrics-notificationsv3-notification-actions span:active { color: #a9b1c3; } .exactmetrics-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 24px; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; border: 1px solid; } .exactmetrics-button:disabled { opacity: 0.6; cursor: not-allowed; } .exactmetrics-button--primary { background: #6528f5; border-color: #6528f5; color: #fff; } .exactmetrics-button--primary:hover:not(:disabled) { background: #37276a; border-color: #37276a; } .exactmetrics-button--secondary { background: #e9e7ee; border-color: #d5d1dd; border-bottom-width: 2px; color: #37276a; } .exactmetrics-button--secondary:hover:not(:disabled) { background: #ddd9e5; } .exactmetrics-not-authenticated-notice { position: absolute; top: 8vh; left: 50%; transform: translateX(-50%); width: 750px; max-width: 100%; margin: 0 30px; background: #fff; padding: 0 20px 20px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15); border: 1px solid #d6e2ed; text-align: center; z-index: 999999; } .exactmetrics-not-authenticated-notice h3 { text-align: center; color: #393f4c; font-size: 20px; margin: 32px 0 20px; line-height: 1.4; } .exactmetrics-not-authenticated-notice p { color: #444; font-size: 14px; line-height: 1.6; } .exactmetrics-not-authenticated-notice .exactmetrics-settings-input-authenticate { text-align: center; } .exactmetrics-not-authenticated-notice .exactmetrics-dark { color: #444; font-size: 14px; line-height: 1.6; } .exactmetrics-not-authenticated-notice .exactmetrics-button { font-size: 16px; padding: 20px 40px; margin: 20px 20px 10px; display: inline-block; text-decoration: none; border-radius: 4px; cursor: pointer; font-weight: 700; line-height: 1; transition: all 0.2s ease; background: #e9e7ee; border: 1px solid #d5d1dd; color: #37276a; } .exactmetrics-not-authenticated-notice .exactmetrics-button:hover, .exactmetrics-not-authenticated-notice .exactmetrics-button:focus { background: #ddd9e5; border-color: #c9c4d3; color: #37276a; } .exactmetrics-not-authenticated-notice .exactmetrics-button.exactmetrics-button-alt { background: #6528f5; border-color: #6528f5; color: #fff; } .exactmetrics-not-authenticated-notice .exactmetrics-button.exactmetrics-button-alt:hover, .exactmetrics-not-authenticated-notice .exactmetrics-button.exactmetrics-button-alt:focus { background: #37276a; border-color: #37276a; color: #fff; } .exactmetrics-not-authenticated-notice .exactmetrics-button:disabled { opacity: 0.7; cursor: not-allowed; } .exactmetrics-not-authenticated-notice .exactmetrics-disclaimer-note { color: #999; font-size: 12px; margin: 10px 0 0; line-height: 1.4; } .exactmetrics-report-content .exactmetrics-container:not(.exactmetrics-header-container) { padding: 0 30px 20px 30px; } body.exactmetrics-downloading-pdf-report .exactmetrics-sticky-bar { position: static; } .exactmetrics-overview-report-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 30px 30px 15px 30px; background-color: #fff; } .exactmetrics-overview-report-header.exactmetrics-blur { min-height: auto; } .exactmetrics-overview-report-header .exactmetrics-reports-interval-date-info { background-color: #E8E6ED; border-radius: 8px; border: 1px solid #8798b3; color: #364153; line-height: 1.43; } .exactmetrics-overview-report-header .exactmetrics-reports-interval-date-info:hover { background-color: #edeaf3; } .exactmetrics-overview-report-header-right { display: flex; align-items: center; gap: 16px; } .exactmetrics-report-header-applied-filters { display: flex; align-items: center; gap: 8px; } .exactmetrics-report-header-applied-filters__label { font-size: 14px; line-height: 20px; color: #6a7282; white-space: nowrap; } .exactmetrics-report-header-applied-filters__container { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag { display: inline-flex; align-items: center; gap: 4px; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 100px; background: transparent; cursor: default; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag:hover { border-color: #6528F5; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag:hover .exactmetrics-filter-tag__text { color: #6528F5; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag:hover .exactmetrics-filter-tag__remove .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag__text { font-size: 12px; line-height: 16px; color: #393f4c; white-space: nowrap; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag__name { font-weight: 400; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag__value { font-weight: 700; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-tag__remove { display: flex; align-items: center; justify-content: center; padding: 0; border: none; background: transparent; color: #393f4c; cursor: pointer; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-count { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 12px; line-height: 16px; font-weight: 400; color: #fff; background-color: #393f4c; border-radius: 100px; border: none; padding: 0; cursor: pointer; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-collapse { display: inline-flex; align-items: center; padding: 4px 12px; font-size: 12px; line-height: 16px; font-weight: 500; color: #fff; background-color: #393F4C; border: none; border-radius: 100px; cursor: pointer; white-space: nowrap; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-clear-all { display: inline-flex; align-items: center; padding: 0; font-size: 12px; line-height: 16px; font-weight: 500; color: #d83638; background: transparent; border: none; cursor: pointer; white-space: nowrap; text-decoration: underline; } .exactmetrics-header-btn { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background-color: #E8E6ED; border: 1px solid #8798b3; border-radius: 8px; cursor: pointer; } .exactmetrics-header-btn:hover { background-color: #edeaf3; } .exactmetrics-header-btn:focus { outline: none; } .exactmetrics-header-btn__text { font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: -0.3125px; color: #393f4c; } .exactmetrics-header-btn__indicator { width: 8px; height: 8px; background-color: #eb5757; border-radius: 100px; flex-shrink: 0; } .exactmetrics-header-btn--download { gap: 12px; padding: 8px 16px; } .exactmetrics-header-btn--download .mi-icon { color: #393f4c; } .exactmetrics-header-btn .mi-icon { color: #393f4c; flex-shrink: 0; } .exactmetrics-download-dropdown { position: relative; } .exactmetrics-download-dropdown__menu { position: absolute; top: calc(100% + 6px); right: 0; min-width: 200px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 100; padding: 4px; animation: exactmetrics-dropdown-fade-in 0.15s ease-out; } .exactmetrics-download-dropdown__item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; background: transparent; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 20px; color: #393f4c; white-space: nowrap; transition: background-color 0.15s ease; } .exactmetrics-download-dropdown__item:hover { background-color: #f1f5f9; } .exactmetrics-download-dropdown__item:disabled { opacity: 0.6; cursor: not-allowed; } .exactmetrics-download-dropdown__item .mi-icon { color: #6a7282; flex-shrink: 0; } @keyframes exactmetrics-dropdown-fade-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .exactmetrics-overview-chart-loading, .exactmetrics-overview-chart-error { display: flex; align-items: center; justify-content: center; min-height: 350px; } .exactmetrics-overview-chart-error { color: #eb5757; font-size: 14px; } .exactmetrics-overview-report-traffic-chart-section { border-radius: 8px; margin: 15px 0 70px 0; position: relative; } .exactmetrics-overview-report-traffic-chart-tabs { display: flex; border-radius: 12px 12px 0 0; gap: 1px; height: 72px; } .exactmetrics-overview-tab { display: flex; align-items: center; justify-content: center; position: relative; gap: 8px; flex: 1; height: 100%; padding: 0 20px; border: none; border-top: 3px solid transparent; cursor: pointer; border-radius: 0; background-color: #eaedf7; transition: background-color 0.18s ease, border-top-color 0.18s ease; } .exactmetrics-overview-tab:first-child { border-top-left-radius: 8px; } .exactmetrics-overview-tab:last-child { border-top-right-radius: 8px; } .exactmetrics-overview-tab:hover:not(.exactmetrics-overview-tab--active) { background-color: rgba(101, 40, 245, 0.05); border-top-color: rgba(101, 40, 245, 0.35); } .exactmetrics-overview-tab:hover:not(.exactmetrics-overview-tab--active) .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-overview-tab:hover:not(.exactmetrics-overview-tab--active) .exactmetrics-overview-tab__label { color: #6528F5; } .exactmetrics-overview-tab .mi-icon { color: #393f4c; transition: filter 0.18s ease; } .exactmetrics-overview-tab__label { font-size: 16px; font-weight: 500; line-height: 20px; color: #393f4c; transition: color 0.18s ease; } .exactmetrics-overview-tab--active { background-color: #fff; border-top-color: #6528F5; } .exactmetrics-overview-tab--active .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-overview-tab--active .exactmetrics-overview-tab__label { color: #6528F5; } .exactmetrics-overview-report-traffic-chart-content { padding: 32px 32px 10px 32px; } .exactmetrics-traffic-chart-key-metrics { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 32px; gap: 0; } .exactmetrics-traffic-chart-key-metrics__row { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-basis: 100%; } .exactmetrics-traffic-chart-key-metrics__container { display: flex; align-items: center; gap: 20px; } .exactmetrics-traffic-chart-key-metrics__previous { width: 100%; flex-basis: 100%; display: flex; align-items: center; gap: 20px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e8f0; } .exactmetrics-traffic-chart-key-metrics__previous-label { font-size: 14px; font-weight: 600; line-height: 20px; color: #6a7282; white-space: nowrap; flex-shrink: 0; } .exactmetrics-traffic-chart-key-metrics__container--previous { display: flex; align-items: center; gap: 20px; flex: 1; } .exactmetrics-overview-metric { display: flex; flex-direction: column; gap: 8px; padding-right: 20px; border-right: 1px solid #d3d8e9; } .exactmetrics-overview-metric:last-child { border-right: none; padding-right: 0; } .exactmetrics-overview-metric__label { font-size: 16px; font-weight: 400; line-height: 24px; color: #6a7282; } .exactmetrics-overview-metric__value-wrap { display: flex; flex-direction: column; gap: 4px; } .exactmetrics-overview-metric__value { font-size: 28px; font-weight: 400; line-height: 32px; color: #6a7282; } .exactmetrics-overview-metric__date-range { font-size: 12px; font-weight: 400; line-height: 16px; color: #9ca3af; } .exactmetrics-overview-metric__percent-change { font-size: 12px; font-weight: 400; line-height: 16px; } .exactmetrics-overview-metric__percent-change--positive { color: #059669; } .exactmetrics-overview-metric__percent-change--negative { color: #dc2626; } .exactmetrics-overview-metric--highlighted .exactmetrics-overview-metric__label { font-weight: 700; color: #393f4c; } .exactmetrics-overview-metric--highlighted .exactmetrics-overview-metric__value { font-weight: 700; color: #393f4c; } .exactmetrics-overview-metric--previous .exactmetrics-overview-metric__value { font-size: 22px; font-weight: 400; color: #6a7282; } .exactmetrics-traffic-chart-metrics-dropdown { position: relative; z-index: 1; } .exactmetrics-traffic-chart-metrics-dropdown__trigger { display: flex; align-items: center; gap: 8px; padding: 7px 17px; background-color: #fff; border: 1px solid #cbd5e1; border-radius: 4px; cursor: pointer; } .exactmetrics-traffic-chart-metrics-dropdown__trigger span { font-size: 14px; font-weight: 600; line-height: 24px; color: #393f4c; } .exactmetrics-traffic-chart-metrics-dropdown__trigger .mi-icon { color: #393f4c; } .exactmetrics-traffic-chart-metrics-dropdown__trigger:hover { border-color: #6528F5; } .exactmetrics-traffic-chart-metrics-dropdown__menu { position: absolute; top: calc(100% + 4px); right: 0; z-index: 1000; width: 386px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); overflow: hidden; } .exactmetrics-traffic-chart-metrics-dropdown__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 24px; } .exactmetrics-traffic-chart-metrics-dropdown__item { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 20px; color: #393f4c; text-align: left; padding: 0; } .exactmetrics-traffic-chart-metrics-dropdown__item:hover { opacity: 0.8; } .exactmetrics-traffic-chart-metrics-dropdown__item span:last-child { width: 120px; } .exactmetrics-traffic-chart-metrics-dropdown__checkbox { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid #d5d7da; border-radius: 4px; background-color: #fff; flex-shrink: 0; transform: translateY(1.5px); } .exactmetrics-traffic-chart-metrics-dropdown__checkbox .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-traffic-chart-metrics-dropdown__item--selected .exactmetrics-traffic-chart-metrics-dropdown__checkbox { border-color: #6528F5; background-color: #D7EBFF; } .exactmetrics-traffic-chart-metrics-dropdown__footer { display: flex; align-items: center; justify-content: center; gap: 32px; padding: 16px 8px; background-color: #fff; box-shadow: 0 -2px 8px 0 #e7ebee; } .exactmetrics-traffic-chart-metrics-dropdown__btn { display: flex; align-items: center; justify-content: center; height: 40px; padding: 1px 17px; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 24px; cursor: pointer; } .exactmetrics-traffic-chart-metrics-dropdown__btn--reset { background-color: #fff; border: 1px solid #6528F5; color: #6528F5; } .exactmetrics-traffic-chart-metrics-dropdown__btn--reset:hover { background-color: #f0f7ff; } .exactmetrics-traffic-chart-metrics-dropdown__btn--apply { background-color: #6528F5; border: 1px solid #6528F5; color: #fff; } .exactmetrics-traffic-chart-metrics-dropdown__btn--apply:hover { background-color: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-traffic-chart-legends { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-bottom: 25px; } .exactmetrics-traffic-chart-legend { display: flex; align-items: center; gap: 8px; } .exactmetrics-traffic-chart-legend__dot { width: 8px; height: 8px; border-radius: 50%; } .exactmetrics-traffic-chart-legend__label { font-size: 14px; font-weight: 500; line-height: 20px; color: #000; } .exactmetrics-overview-report-traffic-chart-wrapper { width: 100%; } .exactmetrics-overview-key-metrics { display: flex; flex-direction: column; gap: 16px; padding: 32px; background-color: #fff; border-radius: 12px; } .exactmetrics-overview-key-metrics__header { display: flex; align-items: center; justify-content: space-between; } .exactmetrics-overview-key-metrics__title { font-size: 20px; font-weight: 400; line-height: 32px; color: #393f4c; margin: 0; } .exactmetrics-overview-key-metrics__link { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; border: none; cursor: pointer; text-decoration: none; } .exactmetrics-overview-key-metrics__link span { font-size: 14px; font-weight: 400; line-height: 24px; color: #6528F5; } .exactmetrics-overview-key-metrics__link .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-overview-key-metrics__link:hover { opacity: 0.8; } .exactmetrics-overview-key-metrics__container { display: flex; align-items: center; gap: 0; } .exactmetrics-overview-key-metrics__item-wrapper { display: flex; align-items: center; padding: 0 32px; position: relative; flex: 1; } .exactmetrics-overview-key-metrics__item-wrapper:first-child { padding-left: 0; } .exactmetrics-overview-key-metrics__item-wrapper:last-child { padding-right: 0; } .exactmetrics-overview-key-metrics__item-wrapper:last-child::after { display: none; } .exactmetrics-overview-key-metrics__item-wrapper::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 44px; background-color: #d3d8e9; } .exactmetrics-overview-key-metrics__item { display: flex; flex-direction: column; gap: 8px; } .exactmetrics-overview-key-metrics__label { font-size: 16px; font-weight: 500; line-height: 24px; color: #393f4c; } .exactmetrics-overview-key-metrics__value-row { display: flex; align-items: center; gap: 8px; } .exactmetrics-overview-key-metrics__value { font-size: 28px; font-weight: 700; line-height: 32px; letter-spacing: 0.5px; color: #393f4c; } .exactmetrics-overview-key-metrics__trend { display: flex; align-items: center; gap: 4px; height: 20px; padding: 0 4px; border-radius: 4px; } .exactmetrics-overview-key-metrics__trend span { font-size: 16px; font-weight: 500; line-height: 24px; } .exactmetrics-overview-key-metrics__trend--positive { background-color: #eafff3; } .exactmetrics-overview-key-metrics__trend--positive span { color: #219653; } .exactmetrics-overview-key-metrics__trend--positive .mi-icon { filter: brightness(0) saturate(100%) invert(55%) sepia(10%) saturate(2392%) hue-rotate(92deg) brightness(96%) contrast(106%); } .exactmetrics-overview-key-metrics__trend--negative { background-color: #fff1f2; } .exactmetrics-overview-key-metrics__trend--negative span { color: #eb5757; } .exactmetrics-overview-key-metrics__trend--negative .mi-icon { filter: brightness(0) saturate(100%) invert(58%) sepia(62%) saturate(3228%) hue-rotate(323deg) brightness(91%) contrast(101%); } .exactmetrics-overview-report-table { display: flex; flex-direction: column; gap: 24px; padding: 32px; background-color: #fff; border-radius: 12px; margin-top: 40px; } .exactmetrics-overview-report-table__header { display: flex; align-items: center; justify-content: space-between; min-height: 32px; } .exactmetrics-overview-report-table__title { font-size: 20px; font-weight: 400; line-height: 32px; color: #393f4c; margin: 0; } .exactmetrics-overview-report-table__header-right { display: flex; align-items: center; gap: 36px; } .exactmetrics-overview-report-table__tabs { display: flex; align-items: center; gap: 12px; } .exactmetrics-overview-report-table__tab { padding: 0; background: transparent; border: none; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 20px; color: #6a7282; } .exactmetrics-overview-report-table__tab--active { font-weight: 700; color: #6528F5; } .exactmetrics-overview-report-table__tab:hover:not(.exactmetrics-overview-report-table__tab--active) { opacity: 0.8; } .exactmetrics-overview-report-table__tab-divider { display: inline-block; width: 1px; height: 14px; background-color: #cbd5e1; } .exactmetrics-overview-report-table__view-link { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; border: none; cursor: pointer; text-decoration: none; } .exactmetrics-overview-report-table__view-link span { font-size: 14px; font-weight: 400; line-height: 24px; color: #6528F5; } .exactmetrics-overview-report-table__view-link .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-overview-report-table__view-link:hover { opacity: 0.8; } .exactmetrics-overview-report-table__table-wrapper { border: 1px solid #cbd5e1; border-radius: 8px; overflow: hidden; } .exactmetrics-overview-report-table__table { width: 100%; border-collapse: collapse; } .exactmetrics-overview-report-table__table thead tr { border-bottom: 1px solid #cbd5e1; } .exactmetrics-overview-report-table__table thead th { padding: 12px 8px; font-size: 14px; font-weight: 500; line-height: 20px; color: #393f4c; text-align: right; white-space: nowrap; } .exactmetrics-overview-report-table__table thead th:first-child { padding-left: 32px; text-align: left; } .exactmetrics-overview-report-table__table thead th:last-child { padding-right: 20px; } .exactmetrics-overview-report-table__table tbody td { padding: 8px; font-size: 16px; font-weight: 400; line-height: 24px; color: #393f4c; white-space: nowrap; text-align: right; } .exactmetrics-overview-report-table__table tbody td:first-child { padding-left: 32px; text-align: left; } .exactmetrics-overview-report-table__table tbody td:last-child { padding-right: 20px; } .exactmetrics-overview-report-table__table tbody td span { display: inline-block; max-width: 25ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .exactmetrics-overview-report-table__th-content { display: flex; align-items: center; gap: 8px; justify-content: flex-end; } th:first-child .exactmetrics-overview-report-table__th-content { justify-content: flex-start; } .exactmetrics-overview-report-table__th--sortable { cursor: pointer; } .exactmetrics-overview-report-table__cell-with-icon { display: flex; align-items: center; gap: 8px; } .exactmetrics-overview-report-table__cell-with-icon .mi-icon { border-radius: 50%; flex-shrink: 0; } .exactmetrics-overview-report-table__load-more { display: flex; align-items: center; justify-content: center; height: 56px; } .exactmetrics-overview-report-table__load-more-btn { display: flex; align-items: center; gap: 8px; padding: 4px 8px; background-color: #edeff2; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 24px; color: #393f4c; } .exactmetrics-overview-report-table__load-more-btn:hover { background-color: #e0e3e7; } .exactmetrics-report-table-modal-overlay { position: fixed; top: 32px; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(57, 63, 76, 0.15); } .exactmetrics-report-table-modal { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; max-width: 1200px; background-color: #fff; padding: 40px; display: flex; flex-direction: column; gap: 24px; overflow: hidden; } .exactmetrics-report-table-modal__close { position: absolute; top: 16px; right: 16px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border: none; border-radius: 4px; cursor: pointer; padding: 0; z-index: 1; } .exactmetrics-report-table-modal__close .mi-icon { color: #6a7282; } .exactmetrics-report-table-modal__close:hover { background-color: #f4f4f4; } .exactmetrics-report-table-modal__title { font-size: 24px; font-weight: 600; line-height: 32px; color: #393f4c; margin: 0; } .exactmetrics-report-table-modal__search { position: relative; } .exactmetrics-report-table-modal__search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .exactmetrics-report-table-modal__table-wrapper { flex: 0 1 auto; min-height: 0; border: 1px solid #cbd5e1; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; } .exactmetrics-report-table-modal__table-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; } .exactmetrics-report-table-modal__table { width: 100%; border-collapse: separate; border-spacing: 0; } .exactmetrics-report-table-modal__table thead { position: sticky; top: 0; z-index: 1; background-color: #fff; } .exactmetrics-report-table-modal__table thead th { padding: 12px 8px; font-size: 14px; font-weight: 500; line-height: 20px; color: #393f4c; text-align: right; white-space: nowrap; border-bottom: 1px solid #cbd5e1; } .exactmetrics-report-table-modal__table thead th:first-child { padding-left: 20px; text-align: left; } .exactmetrics-report-table-modal__table thead th:last-child { padding-right: 20px; } .exactmetrics-report-table-modal__table tbody td { padding: 8px; font-size: 16px; font-weight: 400; line-height: 24px; color: #393f4c; white-space: nowrap; text-align: right; } .exactmetrics-report-table-modal__table tbody td:first-child { padding-left: 20px; text-align: left; } .exactmetrics-report-table-modal__table tbody td:last-child { padding-right: 20px; } .exactmetrics-report-table-modal__table tbody td span { display: inline-block; max-width: 25ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .exactmetrics-report-table-modal__table tfoot { position: sticky; bottom: 0; z-index: 1; } .exactmetrics-report-table-modal__table tfoot td { padding: 16px 8px; font-size: 16px; font-weight: 700; line-height: 24px; color: #393f4c; white-space: nowrap; background-color: #f3f6ff; border-top: 1px solid #cbd5e1; text-align: right; } .exactmetrics-report-table-modal__table tfoot td:first-child { padding-left: 28px; text-align: left; } .exactmetrics-report-table-modal__table tfoot td:last-child { padding-right: 20px; } .exactmetrics-report-table-modal__th-content { display: flex; align-items: center; gap: 8px; justify-content: flex-end; } th:first-child .exactmetrics-report-table-modal__th-content { justify-content: flex-start; } .exactmetrics-report-table-modal__th--sortable { cursor: pointer; } .exactmetrics-report-table-modal__cell-with-icon { display: flex; align-items: center; gap: 8px; } .exactmetrics-report-table-modal__cell-with-icon .mi-icon { border-radius: 50%; flex-shrink: 0; } input.exactmetrics-report-table-modal__search-input[type=text] { width: 100%; padding: 10px 16px 10px 40px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; background-color: #fff; outline: none; box-sizing: border-box; margin: 0; } input.exactmetrics-report-table-modal__search-input[type=text]::placeholder { color: #777; } input.exactmetrics-report-table-modal__search-input[type=text]:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } .exactmetrics-overview-report-two-col { display: flex; gap: 32px; align-items: flex-start; margin-top: 40px; } .exactmetrics-overview-report-two-col .exactmetrics-overview-report-table { flex: 1; min-width: 0; margin-top: 0; } .exactmetrics-filter-modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.3); } .exactmetrics-filter-modal { position: fixed; top: 32px; right: 0; bottom: 0; width: 720px; max-width: 100%; background-color: #fff; overflow-y: auto; padding: 48px 48px 32px 48px; display: flex; flex-direction: column; gap: 28px; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12); box-sizing: border-box; } .exactmetrics-filter-modal__toast { position: fixed; top: 36px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 8px 16px; background-color: #219653; border-radius: 4px; z-index: 2; } .exactmetrics-filter-modal__toast .mi-icon { filter: brightness(0) invert(1); } .exactmetrics-filter-modal__toast span { font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; white-space: nowrap; } .exactmetrics-filter-modal__close { position: absolute; top: 16px; right: 16px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border: none; border-radius: 4px; cursor: pointer; padding: 0; z-index: 1; } .exactmetrics-filter-modal__close .mi-icon { color: #6a7282; } .exactmetrics-filter-modal__close:hover { background-color: #f4f4f4; } .exactmetrics-filter-modal__header { display: flex; align-items: center; justify-content: space-between; } .exactmetrics-filter-modal__title { font-size: 24px; font-weight: 500; line-height: 32px; color: #393f4c; margin: 0; } .exactmetrics-filter-modal__clear-all { font-size: 14px; font-weight: 600; line-height: 24px; color: #eb5757; text-decoration: underline; background: transparent; border: none; cursor: pointer; padding: 0; } .exactmetrics-filter-modal__clear-all:hover { opacity: 0.8; } .exactmetrics-filter-modal__body { display: flex; flex-direction: column; gap: 28px; } .exactmetrics-filter-modal__rows { display: flex; flex-direction: column; gap: 20px; } .exactmetrics-filter-modal__rows-list { display: flex; flex-direction: column; gap: 16px; } .exactmetrics-filter-modal__row { display: flex; align-items: flex-end; gap: 16px; } .exactmetrics-filter-modal__row--compact .exactmetrics-filter-modal__field-label { display: none; } .exactmetrics-filter-modal__select-group { display: flex; align-items: flex-end; gap: 16px; flex: 1; } .exactmetrics-filter-modal__field { display: flex; flex-direction: column; gap: 8px; width: 184px; } .exactmetrics-filter-modal__field--value { flex: 1; width: auto; } .exactmetrics-filter-modal__field-label { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .exactmetrics-filter-modal__select-wrapper { position: relative; } .exactmetrics-filter-modal__select-wrapper select { appearance: none; -webkit-appearance: none; background-color: #fff; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 700; line-height: 20px; color: #393f4c; cursor: pointer; padding: 10px 40px 10px 16px; width: 100%; outline: none; background: none !important; } .exactmetrics-filter-modal__select-wrapper select:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } .exactmetrics-filter-modal__select-wrapper .mi-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .exactmetrics-filter-modal__select-wrapper--value { position: relative; } .exactmetrics-filter-modal__icon-left { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1; } .exactmetrics-filter-modal__icon-right { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1; } .exactmetrics-filter-modal__row-delete { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background-color: #f4f4f4; border: none; border-radius: 4px; cursor: pointer; flex-shrink: 0; } .exactmetrics-filter-modal__row-delete:hover { background-color: #e8e8e8; } .exactmetrics-filter-modal__row-delete .mi-icon { filter: brightness(0) saturate(100%) invert(57%) sepia(42%) saturate(3439%) hue-rotate(323deg) brightness(92%) contrast(104%); } .exactmetrics-filter-modal__add-btn { display: flex; align-items: center; gap: 8px; height: 48px; padding: 1px 17px; background-color: #fff; border: 1px solid #6528F5; border-radius: 4px; cursor: pointer; align-self: flex-start; } .exactmetrics-filter-modal__add-btn span { font-size: 14px; font-weight: 600; line-height: 24px; color: #6528F5; } .exactmetrics-filter-modal__add-btn .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-filter-modal__add-btn:hover { background-color: #f0f7ff; } .exactmetrics-filter-modal__add-btn--sm { height: 40px; padding: 1px 12px; } .exactmetrics-filter-modal__add-btn--disabled, .exactmetrics-filter-modal__add-btn:disabled { background-color: #f5f5f5; border-color: #d1d5db; cursor: not-allowed; opacity: 0.7; } .exactmetrics-filter-modal__add-btn--disabled span, .exactmetrics-filter-modal__add-btn:disabled span { color: #9ca3af; } .exactmetrics-filter-modal__add-btn--disabled .mi-icon, .exactmetrics-filter-modal__add-btn:disabled .mi-icon { filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(90%) contrast(90%); } .exactmetrics-filter-modal__add-btn--disabled:hover, .exactmetrics-filter-modal__add-btn:disabled:hover { background-color: #f5f5f5; } .exactmetrics-filter-modal__device-section { display: flex; flex-direction: column; gap: 12px; } .exactmetrics-filter-modal__section-title { font-size: 16px; font-weight: 700; line-height: 20px; color: #393f4c; margin: 0; } .exactmetrics-filter-modal__device-options { display: flex; gap: 20px; } .exactmetrics-filter-modal__device-btn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 24px; border: 1px solid #b6bdc2; border-radius: 4px; background: transparent; cursor: pointer; } .exactmetrics-filter-modal__device-btn span { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .exactmetrics-filter-modal__device-btn:hover { border-color: #393f4c; } .exactmetrics-filter-modal__device-btn--active { background-color: #edf0f3; border-color: #393f4c; } .exactmetrics-filter-modal__device-btn--active span { font-weight: 700; } .exactmetrics-filter-modal__actions { display: flex; align-items: center; gap: 24px; } .exactmetrics-filter-modal__btn { display: flex; align-items: center; justify-content: center; height: 48px; padding: 1px 17px; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 24px; cursor: pointer; white-space: nowrap; } .exactmetrics-filter-modal__btn--outline { background-color: #fff; border: 1px solid #6528F5; color: #6528F5; } .exactmetrics-filter-modal__btn--outline:hover { background-color: rgba(101, 40, 245, 0.06); } .exactmetrics-filter-modal__btn--primary { background-color: #6528F5; border: 1px solid #6528F5; color: #fff; } .exactmetrics-filter-modal__btn--primary:hover { background-color: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-filter-modal__btn--cancel { background-color: #fff; border: 1px solid #cbd5e1; color: #393f4c; } .exactmetrics-filter-modal__btn--cancel:hover { background-color: #f4f4f4; } .exactmetrics-filter-modal__btn--sm { height: 40px; padding: 1px 16px; } .exactmetrics-filter-modal__divider { width: 100%; height: 1px; background-color: #cbd5e1; } .exactmetrics-filter-modal__save-as { display: flex; flex-direction: column; gap: 12px; } .exactmetrics-filter-modal__save-as-form { display: flex; flex-direction: column; gap: 16px; } .exactmetrics-filter-modal__save-as-actions { display: flex; align-items: center; gap: 24px; } .exactmetrics-filter-modal__saved-filters { display: flex; flex-direction: column; gap: 16px; } .exactmetrics-filter-modal__empty-state { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px 0; } .exactmetrics-filter-modal__empty-state p { font-size: 16px; font-weight: 400; line-height: 20px; color: #393f4c; text-align: center; margin: 0; } .exactmetrics-filter-modal__saved-list { display: flex; flex-direction: column; gap: 16px; } .exactmetrics-filter-modal__saved-item { border-radius: 4px; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08); overflow: hidden; } .exactmetrics-filter-modal__saved-item--applied { background-color: #edf0f3; border: 1px solid #b6bdc2; } .exactmetrics-filter-modal__saved-item--editing { border: 1px solid #b6bdc2; } .exactmetrics-filter-modal__saved-item-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; min-height: 44px; box-sizing: border-box; } .exactmetrics-filter-modal__saved-item-info { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 16px; } .exactmetrics-filter-modal__saved-item-name { font-size: 14px; font-weight: 600; line-height: 20px; color: #393f4c; } .exactmetrics-filter-modal__saved-item-status { font-size: 14px; font-weight: 600; line-height: 20px; } .exactmetrics-filter-modal__saved-item-status--applied { color: #219653; } .exactmetrics-filter-modal__saved-item-status--apply { color: #6528F5; cursor: pointer; } .exactmetrics-filter-modal__saved-item-status--apply:hover { text-decoration: underline; } .exactmetrics-filter-modal__saved-item-actions { display: flex; align-items: center; gap: 8px; margin-left: 16px; } .exactmetrics-filter-modal__saved-item-btn { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: transparent; border: none; cursor: pointer; padding: 0; } .exactmetrics-filter-modal__saved-item-btn:hover { opacity: 0.7; } .exactmetrics-filter-modal__saved-item-edit { display: flex; flex-direction: column; gap: 16px; padding: 0 16px 16px 16px; } .exactmetrics-filter-modal__edit-actions { display: flex; align-items: center; gap: 16px; } input.exactmetrics-filter-modal__input[type=text] { width: 100%; border: 1px solid #b6bdc2; border-radius: 4px; outline: none; font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; background-color: #fff; padding: 10px 40px 10px 40px; box-sizing: border-box; } input.exactmetrics-filter-modal__input[type=text]::placeholder { color: #777777; } input.exactmetrics-filter-modal__input[type=text]:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } input.exactmetrics-filter-modal__save-as-input[type=text] { width: 100%; padding: 10px 16px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; outline: none; box-sizing: border-box; } input.exactmetrics-filter-modal__save-as-input[type=text]::placeholder { color: #777; } input.exactmetrics-filter-modal__save-as-input[type=text]:focus { border-color: #b6bdc2; box-shadow: none; } .exactmetrics-overview-ecommerce-funnel { display: flex; flex-direction: column; gap: 24px; padding: 32px; background-color: #fff; border-radius: 12px; margin-top: 40px; } .exactmetrics-overview-ecommerce-funnel__header { display: flex; align-items: center; justify-content: space-between; min-height: 32px; } .exactmetrics-overview-ecommerce-funnel__header-left { display: flex; align-items: center; gap: 16px; } .exactmetrics-overview-ecommerce-funnel__title { font-size: 20px; font-weight: 400; line-height: 32px; color: #393f4c; margin: 0; } .exactmetrics-overview-ecommerce-funnel__funnel-select-wrapper { position: relative; } .exactmetrics-overview-ecommerce-funnel__funnel-select-wrapper select { appearance: none; -webkit-appearance: none; background-color: #fff; border: 1px solid #cbd5e1; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 24px; color: #393f4c; cursor: pointer; padding: 3px 40px 3px 17px; outline: none; background: none !important; } .exactmetrics-overview-ecommerce-funnel__funnel-select-wrapper select:focus { outline: none; box-shadow: none; border-color: #cbd5e1; color: #393f4c; } .exactmetrics-overview-ecommerce-funnel__funnel-select-wrapper .mi-icon { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); pointer-events: none; } .exactmetrics-overview-ecommerce-funnel__header-right { display: flex; align-items: center; gap: 36px; } .exactmetrics-overview-ecommerce-funnel__manage-btn { display: flex; align-items: center; gap: 8px; padding: 3px 17px; background-color: #fff; border: 1px solid #cbd5e1; border-radius: 4px; cursor: pointer; } .exactmetrics-overview-ecommerce-funnel__manage-btn span { font-size: 14px; font-weight: 600; line-height: 24px; color: #393f4c; } .exactmetrics-overview-ecommerce-funnel__manage-btn:hover { border-color: #6528F5; } .exactmetrics-overview-ecommerce-funnel__view-link { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; border: none; cursor: pointer; } .exactmetrics-overview-ecommerce-funnel__view-link span { font-size: 14px; font-weight: 400; line-height: 24px; color: #6528F5; } .exactmetrics-overview-ecommerce-funnel__view-link .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-overview-ecommerce-funnel__view-link:hover { opacity: 0.8; } .exactmetrics-overview-ecommerce-funnel__table-wrapper { border: 1px solid #cbd5e1; border-radius: 8px; overflow: hidden; } .exactmetrics-overview-ecommerce-funnel__table { width: 100%; border-collapse: collapse; } .exactmetrics-overview-ecommerce-funnel__table thead tr { border-bottom: 1px solid #cbd5e1; } .exactmetrics-overview-ecommerce-funnel__table thead th { padding: 12px 8px; font-size: 14px; font-weight: 500; line-height: 20px; color: #393f4c; text-align: left; white-space: nowrap; } .exactmetrics-overview-ecommerce-funnel__table thead th:first-child { padding-left: 20px; } .exactmetrics-overview-ecommerce-funnel__table thead th:last-child { padding-right: 20px; } .exactmetrics-overview-ecommerce-funnel__table tbody td { padding: 8px; font-size: 16px; font-weight: 400; line-height: 24px; color: #393f4c; white-space: nowrap; } .exactmetrics-overview-ecommerce-funnel__table tbody td:first-child { padding-left: 28px; } .exactmetrics-overview-ecommerce-funnel__table tbody td:last-child { padding-right: 20px; } .exactmetrics-overview-ecommerce-funnel__table tfoot td { padding: 12px 8px; font-size: 16px; font-weight: 700; line-height: 24px; color: #393f4c; white-space: nowrap; border-top: 1px solid #cbd5e1; } .exactmetrics-overview-ecommerce-funnel__table tfoot td:first-child { padding-left: 28px; } .exactmetrics-overview-ecommerce-funnel__table tfoot td:last-child { padding-right: 20px; } .exactmetrics-overview-ecommerce-funnel__th-content { display: flex; align-items: center; gap: 8px; } .exactmetrics-overview-ecommerce-funnel__th-content .mi-icon { transform: rotate(90deg); } .exactmetrics-overview-ecommerce-funnel__empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 40px 0; } .exactmetrics-overview-ecommerce-funnel__empty p { font-size: 16px; font-weight: 400; line-height: 20px; color: #393f4c; text-align: center; margin: 0; } .exactmetrics-searchable-select { position: relative; } .exactmetrics-searchable-select--disabled { opacity: 0.6; pointer-events: none; } .exactmetrics-searchable-select__trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; appearance: none; -webkit-appearance: none; background-color: #fff; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 700; line-height: 20px; color: #393f4c; cursor: pointer; padding: 10px 16px; outline: none; text-align: left; } .exactmetrics-searchable-select__trigger:focus { border-color: #b6bdc2; } .exactmetrics-searchable-select__trigger .mi-icon { flex-shrink: 0; transition: transform 0.2s; } .exactmetrics-searchable-select--open .exactmetrics-searchable-select__trigger .mi-icon { transform: rotate(180deg); } .exactmetrics-searchable-select__value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 8px; } .exactmetrics-searchable-select__value--placeholder { color: #9ca3af; font-weight: 400; } .exactmetrics-searchable-select__dropdown { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 10; background-color: #fff; border: 1px solid #d1d5db; border-radius: 6px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; max-height: 320px; min-width: 280px; } .exactmetrics-searchable-select__search-wrapper { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid #e5e7eb; } .exactmetrics-searchable-select__search-wrapper .mi-icon { flex-shrink: 0; color: #9ca3af; } .exactmetrics-searchable-select__search { flex: 1; border: none; outline: none; font-size: 14px; line-height: 20px; color: #393f4c; background: transparent; padding: 4px 0; } .exactmetrics-searchable-select__search::placeholder { color: #9ca3af; } .exactmetrics-searchable-select__options { overflow-y: auto; max-height: 260px; padding: 4px 0; } .exactmetrics-searchable-select__option { display: block; width: 100%; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #393f4c; background: transparent; border: none; cursor: pointer; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .exactmetrics-searchable-select__option--highlighted { background-color: #f3f4f6; } .exactmetrics-searchable-select__option--selected { font-weight: 600; color: #6528F5; } .exactmetrics-searchable-select__no-results { padding: 12px; font-size: 14px; color: #9ca3af; text-align: center; } .exactmetrics-funnel-modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.3); } .exactmetrics-funnel-modal { position: fixed; top: 32px; right: 0; bottom: 0; width: 720px; max-width: 100%; background-color: #fff; overflow-y: auto; padding: 48px 48px 32px 48px; display: flex; flex-direction: column; gap: 28px; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12); box-sizing: border-box; } .exactmetrics-funnel-modal__toast { position: fixed; top: 36px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 8px 16px; background-color: #219653; border-radius: 4px; z-index: 2; } .exactmetrics-funnel-modal__toast .mi-icon { filter: brightness(0) invert(1); } .exactmetrics-funnel-modal__toast span { font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; white-space: nowrap; } .exactmetrics-funnel-modal__close { position: absolute; top: 16px; right: 16px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: transparent; border: none; border-radius: 4px; cursor: pointer; padding: 0; z-index: 1; } .exactmetrics-funnel-modal__close .mi-icon { color: #6a7282; } .exactmetrics-funnel-modal__close:hover { background-color: #f4f4f4; } .exactmetrics-funnel-modal__header { display: flex; align-items: center; justify-content: space-between; } .exactmetrics-funnel-modal__title { font-size: 24px; font-weight: 600; line-height: 32px; color: #393f4c; margin: 0; } .exactmetrics-funnel-modal__clear-all { font-size: 14px; font-weight: 600; line-height: 24px; color: #eb5757; text-decoration: underline; background: transparent; border: none; cursor: pointer; padding: 0; } .exactmetrics-funnel-modal__clear-all:hover { opacity: 0.8; } .exactmetrics-funnel-modal__body { display: flex; flex-direction: column; gap: 28px; } .exactmetrics-funnel-modal__create-section { display: flex; flex-direction: column; gap: 12px; } .exactmetrics-funnel-modal__section-title { font-size: 16px; font-weight: 700; line-height: 20px; color: #393f4c; margin: 0; } .exactmetrics-funnel-modal__name-field { display: flex; flex-direction: column; gap: 8px; } .exactmetrics-funnel-modal__field-label { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .exactmetrics-funnel-modal__steps-section { display: flex; flex-direction: column; gap: 20px; } .exactmetrics-funnel-modal__steps-label { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .exactmetrics-funnel-modal__steps-list { display: flex; flex-direction: column; gap: 12px; } .exactmetrics-funnel-modal__step-row { display: flex; align-items: center; gap: 16px; } .exactmetrics-funnel-modal__step-number { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; width: 16px; flex-shrink: 0; } .exactmetrics-funnel-modal__select-wrapper { position: relative; width: 120px; flex-shrink: 0; } .exactmetrics-funnel-modal__select-wrapper select { appearance: none; -webkit-appearance: none; width: 100%; height: 40px; padding: 10px 36px 10px 16px; background-color: #fff; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 20px; color: #393f4c; cursor: pointer; outline: none; background: none !important; max-width: initial; } .exactmetrics-funnel-modal__select-wrapper select:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } .exactmetrics-funnel-modal__select-wrapper .mi-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .exactmetrics-funnel-modal__step-value-wrapper { flex: 1; } .exactmetrics-funnel-modal__step-delete { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: transparent; border: none; cursor: pointer; padding: 0; flex-shrink: 0; } .exactmetrics-funnel-modal__step-delete .mi-icon { filter: brightness(0) saturate(100%) invert(57%) sepia(42%) saturate(3439%) hue-rotate(323deg) brightness(92%) contrast(104%); } .exactmetrics-funnel-modal__step-delete:hover { opacity: 0.7; } .exactmetrics-funnel-modal__step-actions { display: flex; align-items: center; gap: 20px; } .exactmetrics-funnel-modal__add-step-btn { display: flex; align-items: center; gap: 8px; height: 44px; padding: 8px 16px; background-color: #fff; border: 1px solid #6528F5; border-radius: 4px; cursor: pointer; } .exactmetrics-funnel-modal__add-step-btn span { font-size: 14px; font-weight: 600; line-height: 20px; color: #6528F5; } .exactmetrics-funnel-modal__add-step-btn .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-funnel-modal__add-step-btn:hover { background-color: #f0f7ff; } .exactmetrics-funnel-modal__add-step-btn--sm { height: 40px; padding: 8px 16px; } .exactmetrics-funnel-modal__create-btn { display: flex; align-items: center; justify-content: center; height: 44px; padding: 1px 16px; background-color: #6528F5; border: 1px solid #6528F5; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 24px; color: #fff; cursor: pointer; } .exactmetrics-funnel-modal__create-btn:hover { background-color: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-funnel-modal__save-edit-btn { display: flex; align-items: center; justify-content: center; height: 44px; padding: 8px 16px; background-color: #6528F5; border: 1px solid #6528F5; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 24px; color: #fff; cursor: pointer; } .exactmetrics-funnel-modal__save-edit-btn:hover { background-color: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-funnel-modal__divider { width: 100%; height: 1px; background-color: #cbd5e1; } .exactmetrics-funnel-modal__saved-section { display: flex; flex-direction: column; gap: 12px; } .exactmetrics-funnel-modal__empty-state { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px 0; } .exactmetrics-funnel-modal__empty-state p { font-size: 16px; font-weight: 400; line-height: 20px; color: #393f4c; text-align: center; margin: 0; } .exactmetrics-funnel-modal__saved-list { display: flex; flex-direction: column; gap: 12px; } .exactmetrics-funnel-modal__saved-item { border-radius: 4px; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08); overflow: hidden; } .exactmetrics-funnel-modal__saved-item--applied { background-color: #edf0f3; border: 1px solid #b6bdc2; } .exactmetrics-funnel-modal__saved-item--editing { background-color: #edf0f3; border: 1px solid #b6bdc2; } .exactmetrics-funnel-modal__saved-item-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; min-height: 44px; box-sizing: border-box; } .exactmetrics-funnel-modal__saved-item-info { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 16px; } .exactmetrics-funnel-modal__saved-item-name { font-size: 14px; font-weight: 600; line-height: 20px; color: #393f4c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 380px; } .exactmetrics-funnel-modal__saved-item-steps { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .exactmetrics-funnel-modal__saved-item-actions { display: flex; align-items: center; gap: 8px; margin-left: 16px; } .exactmetrics-funnel-modal__saved-item-status { font-size: 14px; font-weight: 600; line-height: 20px; } .exactmetrics-funnel-modal__saved-item-status--applied { color: #219653; } .exactmetrics-funnel-modal__saved-item-status--apply { color: #6528F5; cursor: pointer; } .exactmetrics-funnel-modal__saved-item-status--apply:hover { text-decoration: underline; } .exactmetrics-funnel-modal__saved-item-status--default { color: #6a7282; } .exactmetrics-funnel-modal__saved-item-btn { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: transparent; border: none; cursor: pointer; padding: 0; } .exactmetrics-funnel-modal__saved-item-btn:hover { opacity: 0.7; } .exactmetrics-funnel-modal__saved-item-edit { display: flex; flex-direction: column; gap: 12px; padding: 0 24px 24px 24px; } .exactmetrics-funnel-modal__edit-actions { display: flex; align-items: center; gap: 20px; } input.exactmetrics-funnel-modal__name-input[type=text] { width: 100%; padding: 10px 16px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; outline: none; box-sizing: border-box; } input.exactmetrics-funnel-modal__name-input[type=text]::placeholder { color: #777; } input.exactmetrics-funnel-modal__name-input[type=text]:focus { border-color: #b6bdc2; box-shadow: none; outline: none; color: #393f4c; } input.exactmetrics-funnel-modal__step-input[type=text] { width: 100%; padding: 10px 16px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; outline: none; box-sizing: border-box; } input.exactmetrics-funnel-modal__step-input[type=text]::placeholder { color: rgba(57, 63, 76, 0.3); } input.exactmetrics-funnel-modal__step-input[type=text]:focus { border-color: #b6bdc2; box-shadow: none; outline: none; color: #393f4c; } .exactmetrics-overview-upsell-cta { position: relative; display: flex; align-items: stretch; background: linear-gradient(83.24deg, #6528F5 1.91%, rgb(71.9466666667, 10.1333333333, 217.8666666667) 99.2%); border-radius: 12px; margin-top: 70px; min-height: 296px; } .exactmetrics-overview-upsell-cta__content { position: relative; max-width: 468px; padding: 40px 0 40px 48px; } .exactmetrics-overview-upsell-cta__text { display: flex; flex-direction: column; gap: 16px; margin-bottom: 22px; } .exactmetrics-overview-upsell-cta__title { margin: 0; font-size: 28px; font-weight: 500; line-height: 32px; color: #fff; } .exactmetrics-overview-upsell-cta__description { margin: 0; font-size: 18px; font-weight: 400; line-height: 28px; color: #eff3fc; } .exactmetrics-overview-upsell-cta__btn { display: inline-flex; align-items: center; gap: 11px; padding: 12px 24px; background-color: #fff; border: 1px solid #6528F5; border-radius: 4px; color: #6528F5; text-decoration: none; } .exactmetrics-overview-upsell-cta__btn span { font-size: 20px; font-weight: 600; line-height: 32px; color: #6528F5; } .exactmetrics-overview-upsell-cta__btn .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-overview-upsell-cta__arrow { position: absolute; right: -42px; bottom: 38px; width: 100px; height: 52px; } .exactmetrics-overview-upsell-cta__image { position: absolute; top: -29px; right: 6px; width: 744px; height: 325px; } .exactmetrics-overview-upsell-cta__image img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1400px) { .exactmetrics-overview-upsell-cta__image { width: 560px; height: auto; top: auto; bottom: 0; } } @media (max-width: 1280px) { .exactmetrics-overview-upsell-cta { flex-direction: column; } .exactmetrics-overview-upsell-cta__content { max-width: 100%; padding: 32px 32px 0; } .exactmetrics-overview-upsell-cta__image { position: static; width: 100%; max-width: 720px; height: auto; margin: 0 auto; padding-top: 20px; } .exactmetrics-overview-upsell-cta__image img { height: auto; } .exactmetrics-overview-upsell-cta__arrow { display: none; } } .exactmetrics-overview-report-traffic-chart-content--has-overlay { position: relative; overflow: hidden; padding-block: 74px; } .exactmetrics-ecommerce-upsell-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .exactmetrics-ecommerce-upsell-overlay__backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(0deg, #FFF 80%, rgba(255, 255, 255, 0.8) 10%); opacity: 0.95; } .exactmetrics-ecommerce-upsell-overlay__content { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 32px; height: 100%; padding: 0px 32px; } .exactmetrics-ecommerce-upsell-overlay__text-section { display: flex; flex-direction: column; align-items: center; gap: 20px; } .exactmetrics-ecommerce-upsell-overlay__title { font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: -0.24px; text-align: center; color: #393f4c; margin: 0; } .exactmetrics-ecommerce-upsell-overlay__integrations { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; max-width: 761px; } .exactmetrics-ecommerce-upsell-overlay__logo-card { display: flex; align-items: center; justify-content: center; height: 52px; padding: 0 16px; background-color: #fff; border-radius: 8px; box-shadow: 0 7px 29px 0 rgba(100, 100, 111, 0.2); } .exactmetrics-ecommerce-upsell-overlay__logo-card img { display: block; height: 24px; width: auto; object-fit: contain; } .exactmetrics-ecommerce-upsell-overlay__description { font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; color: #393f4c; max-width: 640px; margin: 0; } .exactmetrics-ecommerce-upsell-overlay__actions { display: flex; flex-direction: column; align-items: center; gap: 12px; } .exactmetrics-ecommerce-upsell-overlay__coupon { display: flex; align-items: center; gap: 4px; padding: 8px 16px; background-color: #f1f8ff; border-radius: 4px; } .exactmetrics-ecommerce-upsell-overlay__coupon-label { font-size: 14px; font-weight: 700; line-height: 24px; text-transform: uppercase; color: #777; } .exactmetrics-ecommerce-upsell-overlay__coupon-code { font-size: 16px; font-weight: 700; line-height: 24px; color: #6528F5; margin-left: 8px; } .exactmetrics-ecommerce-upsell-overlay__coupon-copy { position: relative; display: flex; align-items: center; justify-content: center; padding: 0; margin-left: 8px; background: transparent; border: none; cursor: pointer; } .exactmetrics-ecommerce-upsell-overlay__copied-toast { position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); background: #1e1e1e; color: #fff; font-size: 12px; line-height: 1; padding: 5px 10px; border-radius: 4px; white-space: nowrap; pointer-events: none; animation: exactmetrics-copied-toast-fade 1.5s ease forwards; } @keyframes exactmetrics-copied-toast-fade { 0%, 70% { opacity: 1; } 100% { opacity: 0; } } .exactmetrics-ecommerce-upsell-overlay__btn { display: flex; align-items: center; gap: 11px; padding: 12px 32px; background-color: #6528F5; border: 1px solid rgb(76.4433333333, 10.7666666667, 231.4833333333); border-radius: 4px; color: #fff; text-decoration: none; cursor: pointer; } .exactmetrics-ecommerce-upsell-overlay__btn span { font-size: 20px; font-weight: 600; line-height: 32px; color: #fff; } .exactmetrics-ecommerce-upsell-overlay__btn:hover { background-color: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-ecommerce-upsell-overlay__btn:focus { outline: none; } .exactmetrics-ecommerce-upsell-overlay__btn .mi-icon { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7481%) hue-rotate(36deg) brightness(100%) contrast(100%); } .exactmetrics-site-notes-toggle { position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); } .exactmetrics-site-notes-toggle__btn { display: flex; align-items: center; gap: 4px; padding: 4px 8px; background: #fff; border: none; border-radius: 0 0 8px 8px; box-shadow: 0 2px 4px 0 #CBD5E1; color: #6528F5; font-size: 14px; font-weight: 400; cursor: pointer; line-height: 24px; } .exactmetrics-site-notes-toggle__btn .mi-icon { width: 16px; height: 16px; } .exactmetrics-site-notes-toggle__btn:hover { color: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-overview-notes { border-top: 1px solid #cbd5e1; background: #fff; padding: 24px 32px 32px 32px; border-radius: 0 0 12px 12px; } .exactmetrics-overview-notes__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .exactmetrics-overview-notes__header-left-links { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #393f4c; } .exactmetrics-overview-notes__header-left-links a { display: inline-flex; align-items: center; gap: 4px; color: #6a7282; text-decoration: none; padding: 4px 8px; border-radius: 4px; transition: color 0.2s; } .exactmetrics-overview-notes__header-left-links a.selected { color: #6528F5; font-weight: 600; } .exactmetrics-overview-notes__header-left-links a:hover { color: #6528F5; } .exactmetrics-overview-notes__header-left-links a:focus { outline: none; box-shadow: none; } .exactmetrics-overview-notes__header-left-links .star-icon-inline { width: 14px; height: 14px; flex-shrink: 0; } .exactmetrics-overview-notes__header-right .exactmetrics-button { display: inline-flex; align-items: center; gap: 6px; background: #6528F5; color: #fff; border: none; padding: 8px 16px; border-radius: 4px; font-size: 14px; cursor: pointer; white-space: nowrap; } .exactmetrics-overview-notes__header-right .exactmetrics-button:hover { background: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-overview-notes__header-right .exactmetrics-button .mi-icon { filter: brightness(0) saturate(100%) invert(96%) sepia(96%) saturate(16%) hue-rotate(228deg) brightness(106%) contrast(104%); } .exactmetrics-overview-notes__body-list { border: 1px solid #e2effb; border-radius: 4px; } .exactmetrics-overview-notes__table { width: 100%; border-collapse: collapse; } .exactmetrics-overview-notes__table th { text-align: left; padding: 12px 16px; background: #f0f6ff; font-size: 14px; font-weight: 600; color: #393f4c; border-bottom: 1px solid #e2effb; } .exactmetrics-overview-notes__table td { padding: 12px 16px; font-size: 14px; color: #393f4c; border-bottom: 1px solid #e2effb; vertical-align: middle; } .exactmetrics-overview-notes__table tbody tr:last-child td { border-bottom: none; } .exactmetrics-overview-notes__col-date { width: 180px; } .exactmetrics-overview-notes th.exactmetrics-overview-notes__col-date { padding-left: 43px; } .exactmetrics-overview-notes__col-category { width: 200px; } .exactmetrics-overview-notes__date-cell { display: flex; align-items: center; gap: 8px; } .exactmetrics-overview-notes__note-cell { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .exactmetrics-overview-notes__edit-link { color: #6528F5; text-decoration: none; font-size: 13px; white-space: nowrap; opacity: 0; transition: opacity 0.2s; } .exactmetrics-overview-notes__edit-link:hover { text-decoration: underline; } .exactmetrics-overview-notes__table tbody tr:hover .exactmetrics-overview-notes__edit-link { opacity: 1; } .exactmetrics-overview-notes__edit-row { background: #f8fafc; } .exactmetrics-overview-notes__edit-row td { padding: 12px 16px; vertical-align: top; } .exactmetrics-overview-notes__edit-date-cell { display: flex; align-items: center; gap: 8px; } .exactmetrics-overview-notes__edit-note-cell { margin-bottom: 8px; } .exactmetrics-overview-notes__edit-actions { display: flex; align-items: center; gap: 8px; } .exactmetrics-overview-notes__edit-actions .exactmetrics-button { background: #6528F5; color: #fff; border: none; padding: 6px 14px; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; } .exactmetrics-overview-notes__edit-actions .exactmetrics-button:hover { background: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-overview-notes__edit-actions .exactmetrics-button:disabled { opacity: 0.6; cursor: not-allowed; } .exactmetrics-overview-notes__edit-actions .exactmetrics-button-secondary { color: #6528F5; text-decoration: none; font-size: 13px; font-weight: 600; padding: 6px 14px; } .exactmetrics-overview-notes__edit-actions .exactmetrics-button-secondary:hover { text-decoration: underline; } .exactmetrics-overview-notes__empty { text-align: center; padding: 24px; color: #6a7282; font-size: 14px; } .exactmetrics-overview-notes__loading { display: flex; justify-content: center; padding: 24px; } .exactmetrics-overview-notes .exactmetrics-category-badge { display: inline-block; padding: 4px 12px; border-radius: 4px; font-size: 13px; color: #fff; white-space: nowrap; } .exactmetrics-overview-notes .exactmetrics-category-badge--default { background: #e2effb; color: #393f4c; } .exactmetrics-overview-notes .star-icon { cursor: pointer; flex-shrink: 0; } .exactmetrics-overview-notes .star-icon--empty { opacity: 0.5; } .exactmetrics-overview-notes .star-icon--empty:hover { opacity: 0.8; } .exactmetrics-overview-notes a.exactmetrics-toggle-note-important { font-size: 0; line-height: 1; text-decoration: none; min-width: 18px; min-height: 18px; } .exactmetrics-overview-notes a.exactmetrics-toggle-note-important:focus { outline: none; box-shadow: none; } .exactmetrics-overview-notes .exactmetrics-star-spinner { display: inline-block; width: 16px; height: 16px; border: 2px solid #e0e0e0; border-top-color: #F2C94C; border-radius: 50%; animation: mi-star-spin 0.6s linear infinite; } @keyframes mi-star-spin { to { transform: rotate(360deg); } } .exactmetrics-overview-notes__create { padding: 0; } .exactmetrics-overview-notes__create-header { margin-bottom: 16px; } .exactmetrics-overview-notes__create-title { font-size: 20px; color: #393f4c; font-weight: 400; } .exactmetrics-overview-notes__create-form { display: flex; flex-direction: column; gap: 20px; } .exactmetrics-overview-notes__create-row { display: flex; align-items: normal; gap: 16px; } .exactmetrics-overview-notes__create-star { text-decoration: none; padding-top: 30px; } .exactmetrics-overview-notes__create-field { display: flex; flex-direction: column; gap: 8px; } .exactmetrics-overview-notes__create-field label { font-size: 14px; color: #393f4c; font-weight: 400; } .exactmetrics-overview-notes__create-field--date { width: 200px; } .exactmetrics-overview-notes__create-field--name { flex: 1; } .exactmetrics-overview-notes__create-field--category { width: 200px; } .exactmetrics-overview-notes__create-error { color: #d63638; font-size: 13px; line-height: 1.4; } .exactmetrics-overview-notes__create-buttons { display: flex; gap: 20px; } .exactmetrics-overview-notes__create-buttons .exactmetrics-button { background: #6528F5; color: #fff; border: none; padding: 12px 16px; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; } .exactmetrics-overview-notes__create-buttons .exactmetrics-button:hover { background: rgb(76.4433333333, 10.7666666667, 231.4833333333); } .exactmetrics-overview-notes__create-buttons .exactmetrics-button:disabled { opacity: 0.6; cursor: not-allowed; } .exactmetrics-overview-notes__create-buttons .exactmetrics-button-secondary { background: #fff; color: #6528F5; border: 1px solid #6528F5; padding: 12px 17px; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; } .exactmetrics-overview-notes__create-buttons .exactmetrics-button-secondary:hover { background: #f0f6ff; } .exactmetrics-overview-notes__create-buttons .exactmetrics-button-secondary:disabled { opacity: 0.6; cursor: not-allowed; } .exactmetrics-overview-notes input.exactmetrics-site-note-datepicker { width: 100%; padding: 5px 16px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 600; color: #393f4c; outline: none; box-sizing: border-box; background-color: #fff; display: block; margin: 0; } .exactmetrics-overview-notes input.exactmetrics-site-note-datepicker:focus { border-color: #6528F5; } .exactmetrics-overview-notes input.exactmetrics-site-note-input { width: 100%; padding: 5px 16px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 600; color: #393f4c; outline: none; box-sizing: border-box; } .exactmetrics-overview-notes input.exactmetrics-site-note-input:focus { border-color: #6528F5; } .exactmetrics-overview-notes input.exactmetrics-site-note-input::placeholder { font-weight: 400; color: #C4C5C9; } .exactmetrics-overview-notes input.exactmetrics-site-note-input:disabled { opacity: 0.8; cursor: not-allowed; } .exactmetrics-overview-notes input.exactmetrics-site-note-input--error { border-color: #d63638; } .exactmetrics-overview-notes input.exactmetrics-site-note-input--error:focus { border-color: #d63638; } .exactmetrics-overview-notes .exactmetrics-site-note-textarea { width: 100%; padding: 8px 12px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; color: #393f4c; outline: none; resize: vertical; box-sizing: border-box; } .exactmetrics-overview-notes .exactmetrics-site-note-textarea:focus { border-color: #6528F5; } .exactmetrics-overview-notes .exactmetrics-site-note-textarea:disabled { opacity: 0.8; cursor: not-allowed; } .exactmetrics-overview-notes .exactmetrics-site-note-select { position: relative; } .exactmetrics-overview-notes .exactmetrics-site-note-select select { width: 100%; padding: 5px 16px; border: 1px solid #b6bdc2; border-radius: 4px; font-size: 14px; font-weight: 600; color: #393f4c; outline: none; background-color: #fff; background-image: none; cursor: pointer; appearance: none; box-sizing: border-box; } .exactmetrics-overview-notes .exactmetrics-site-note-select select:focus { border-color: #6528F5; } .exactmetrics-overview-notes .exactmetrics-site-note-select .mi-icon { position: absolute; right: 10px; top: 13px; pointer-events: none; } .exactmetrics-chart-tooltip { padding: 10px 14px; font-size: 13px; line-height: 1.5; } .exactmetrics-chart-tooltip__date { font-weight: 600; color: #393f4c; margin-bottom: 6px; } .exactmetrics-chart-tooltip__row { display: flex; align-items: center; gap: 6px; margin-bottom: 2px; } .exactmetrics-chart-tooltip__dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .exactmetrics-chart-tooltip__label { color: #6a7282; } .exactmetrics-chart-tooltip__value { font-weight: 600; color: #393f4c; } .exactmetrics-chart-tooltip__notes { margin-top: 4px; font-size: 12px; color: #6528F5; } .exactmetrics-chart-tooltip__notes hr { border: none; border-top: 1px solid #e2effb; margin: 6px 0; } .exactmetrics-chart-tooltip__notes span { display: block; margin-bottom: 2px; } @media (max-width: 1279px) { .exactmetrics-overview-key-metrics__container { display: grid; grid-template-columns: repeat(3, 1fr); } .exactmetrics-overview-key-metrics__item-wrapper { margin-bottom: 20px; } .exactmetrics-overview-key-metrics__item-wrapper:nth-child(4) { padding-left: 0; } .exactmetrics-overview-key-metrics__item-wrapper:nth-child(3):after { display: none; } .exactmetrics-overview-report-table__header { flex-direction: column; align-items: stretch; gap: 12px; } .exactmetrics-overview-report-table__header-right { justify-content: space-between; flex-flow: wrap; gap: 10px; } .exactmetrics-overview-report-table__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .exactmetrics-overview-ecommerce-funnel__header { flex-direction: column; align-items: stretch; gap: 10px; } .exactmetrics-overview-ecommerce-funnel__header-left, .exactmetrics-overview-ecommerce-funnel__header-right { justify-content: space-between; } } @media (max-width: 960px) { .exactmetrics-filter-modal { width: min(520px, 100%); left: auto; right: 0; top: 32px; bottom: 0; padding: 40px 24px 24px; gap: 24px; } .exactmetrics-filter-modal__toast { max-width: calc(100vw - 48px); } .exactmetrics-filter-modal__toast span { white-space: normal; } .exactmetrics-filter-modal__title { font-size: 20px; line-height: 28px; } .exactmetrics-filter-modal__row { flex-wrap: wrap; gap: 12px; } .exactmetrics-filter-modal__select-group { flex-direction: column; gap: 12px; min-width: 0; } .exactmetrics-filter-modal__field { width: 100%; min-width: 0; } .exactmetrics-filter-modal__field--value { width: 100%; } .exactmetrics-filter-modal__row-delete { align-self: flex-end; } .exactmetrics-filter-modal__device-options { flex-wrap: wrap; gap: 12px; } .exactmetrics-filter-modal__device-btn { padding: 8px 16px; } .exactmetrics-filter-modal__actions { gap: 16px; } .exactmetrics-filter-modal__save-as-actions { gap: 16px; } .exactmetrics-filter-modal__saved-item-edit .exactmetrics-filter-modal__row { flex-wrap: wrap; gap: 12px; } .exactmetrics-filter-modal__saved-item-edit .exactmetrics-filter-modal__select-group { flex-direction: column; gap: 12px; } .exactmetrics-filter-modal__saved-item-edit .exactmetrics-filter-modal__field { width: 100%; } .exactmetrics-filter-modal__saved-item-edit .exactmetrics-filter-modal__field--value { width: 100%; } .exactmetrics-funnel-modal { width: 100%; top: 32px; left: 0; right: 0; padding: 40px 24px 24px; gap: 24px; } .exactmetrics-funnel-modal__toast { max-width: calc(100vw - 48px); } .exactmetrics-funnel-modal__toast span { white-space: normal; } .exactmetrics-funnel-modal__title { font-size: 20px; line-height: 28px; } .exactmetrics-funnel-modal__body { gap: 24px; } .exactmetrics-funnel-modal__step-row { flex-wrap: wrap; gap: 10px; } .exactmetrics-funnel-modal__select-wrapper { width: 100%; } .exactmetrics-funnel-modal__step-value-wrapper { width: 100%; } .exactmetrics-funnel-modal__step-actions { flex-wrap: wrap; gap: 12px; } .exactmetrics-funnel-modal__saved-item-edit { padding: 0 16px 16px; } .exactmetrics-funnel-modal__edit-actions { flex-wrap: wrap; gap: 12px; } } @media (max-width: 782px) { .exactmetrics-report-content .exactmetrics-container { padding: 16px; } .exactmetrics-overview-report-header { flex-direction: column; align-items: stretch; gap: 12px; } .exactmetrics-overview-report-header-right { flex-wrap: wrap; gap: 8px; } .exactmetrics-report-header-applied-filters { flex-direction: column; align-items: flex-start; gap: 8px; } .exactmetrics-report-header-applied-filters__container { flex-wrap: wrap; } .exactmetrics-header-btn { padding: 8px 12px; gap: 8px; } .exactmetrics-header-btn__text { font-size: 13px; } .exactmetrics-overview-report-traffic-chart-section { margin: 20px 0 40px 0; } .exactmetrics-overview-report-traffic-chart-tabs { height: auto; min-height: 48px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .exactmetrics-overview-report-traffic-chart-tabs::-webkit-scrollbar { display: none; } .exactmetrics-overview-tab { padding: 12px 14px; gap: 6px; flex-shrink: 0; flex-grow: 1; flex-basis: auto; height: auto; border-top-width: 2px; } .exactmetrics-overview-tab:first-child { border-top-left-radius: 6px; } .exactmetrics-overview-tab:last-child { border-top-right-radius: 6px; } .exactmetrics-overview-tab > .mi-icon { width: 16px; height: 16px; flex-shrink: 0; } .exactmetrics-overview-tab__label { font-size: 13px; line-height: 16px; } .exactmetrics-overview-report-traffic-chart-content { padding: 16px 16px 10px 16px; } .exactmetrics-traffic-chart-key-metrics { flex-direction: column; gap: 16px; margin-bottom: 20px; } .exactmetrics-traffic-chart-key-metrics__container { display: grid; grid-template-columns: 1fr 1fr; gap: 0; width: 100%; } .exactmetrics-overview-metric { padding: 10px 12px; border-right: 1px solid #d3d8e9; border-bottom: 1px solid #d3d8e9; gap: 4px; } .exactmetrics-overview-metric:nth-child(2n) { border-right: none; padding-right: 0; } .exactmetrics-overview-metric:nth-last-child(-n+2) { border-bottom: none; } .exactmetrics-overview-metric:last-child { border-right: none; } .exactmetrics-overview-metric__label { font-size: 13px; line-height: 18px; } .exactmetrics-overview-metric__value { font-size: 20px; line-height: 24px; } .exactmetrics-traffic-chart-metrics-dropdown__menu { width: calc(100vw - 64px); max-width: 386px; right: auto; left: 0; } .exactmetrics-traffic-chart-metrics-dropdown__grid { grid-template-columns: 1fr; gap: 12px; padding: 16px; } .exactmetrics-traffic-chart-metrics-dropdown__item span:last-child { width: auto; } .exactmetrics-traffic-chart-legends { flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 16px; } .exactmetrics-overview-key-metrics { padding: 20px 16px; gap: 16px; } .exactmetrics-overview-key-metrics__title { font-size: 18px; } .exactmetrics-overview-key-metrics__header { flex-direction: column; align-items: flex-start; gap: 8px; } .exactmetrics-overview-key-metrics__container { display: flex; flex-direction: column; align-items: stretch; gap: 0; } .exactmetrics-overview-key-metrics__item-wrapper { padding: 0; margin: 0; } .exactmetrics-overview-key-metrics__item-wrapper::after { top: auto; bottom: 0; left: 0; right: 0; transform: none; width: 100%; height: 1px; } .exactmetrics-overview-key-metrics__item-wrapper:nth-child(3):after { display: block; } .exactmetrics-overview-key-metrics__item { width: 100%; flex-direction: row; align-items: center; justify-content: space-between; padding: 12px 0; } .exactmetrics-overview-key-metrics__label { font-size: 14px; } .exactmetrics-overview-key-metrics__value { font-size: 22px; } .exactmetrics-overview-key-metrics__value-row { flex-shrink: 0; } .exactmetrics-overview-report-table { padding: 20px 16px; gap: 16px; margin-top: 24px; box-sizing: border-box; } .exactmetrics-overview-report-table__header { flex-direction: column; align-items: flex-start; gap: 12px; } .exactmetrics-overview-report-table__title { font-size: 18px; } .exactmetrics-overview-report-table__header-right { flex-direction: column; align-items: flex-start; gap: 12px; width: 100%; } .exactmetrics-overview-report-table__tabs { flex-wrap: wrap; } .exactmetrics-overview-report-table__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .exactmetrics-overview-report-table__table { min-width: 600px; } .exactmetrics-overview-report-table__table thead th { font-size: 12px; padding: 10px 6px; } .exactmetrics-overview-report-table__table thead th:first-child { padding-left: 16px; } .exactmetrics-overview-report-table__table thead th:last-child { padding-right: 12px; } .exactmetrics-overview-report-table__table tbody td { font-size: 14px; padding: 6px; } .exactmetrics-overview-report-table__table tbody td:first-child { padding-left: 16px; } .exactmetrics-overview-report-table__table tbody td:last-child { padding-right: 12px; } .exactmetrics-report-table-modal { padding: 24px 16px; max-width: 100%; } .exactmetrics-report-table-modal__title { font-size: 20px; } .exactmetrics-report-table-modal__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .exactmetrics-report-table-modal__table { min-width: 500px; } .exactmetrics-overview-report-two-col { flex-direction: column; align-items: stretch; gap: 0; margin-top: 24px; } .exactmetrics-overview-report-two-col .exactmetrics-overview-report-table { margin-top: 24px; max-width: 100%; overflow: hidden; } .exactmetrics-overview-report-two-col .exactmetrics-overview-report-table .exactmetrics-overview-report-table__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .exactmetrics-overview-report-two-col .exactmetrics-overview-report-table .exactmetrics-overview-report-table__table { min-width: 400px; } .exactmetrics-filter-modal { width: 100%; padding: 24px 16px 24px 16px; gap: 20px; } .exactmetrics-filter-modal__title { font-size: 20px; } .exactmetrics-filter-modal__row { flex-direction: column; align-items: stretch; gap: 12px; } .exactmetrics-filter-modal__select-group { flex-direction: column; align-items: stretch; gap: 12px; } .exactmetrics-filter-modal__field { width: 100%; } .exactmetrics-filter-modal__device-options { flex-wrap: wrap; gap: 12px; } .exactmetrics-filter-modal__actions { flex-wrap: wrap; gap: 12px; } .exactmetrics-filter-modal__save-as-actions { flex-wrap: wrap; gap: 12px; } .exactmetrics-overview-ecommerce-funnel { padding: 20px 16px; margin-top: 24px; gap: 16px; } .exactmetrics-overview-ecommerce-funnel__header { flex-direction: column; align-items: flex-start; gap: 12px; } .exactmetrics-overview-ecommerce-funnel__header-left { flex-direction: column; align-items: flex-start; gap: 8px; } .exactmetrics-overview-ecommerce-funnel__header-right { flex-direction: column; align-items: flex-start; gap: 12px; width: 100%; } .exactmetrics-overview-ecommerce-funnel__title { font-size: 18px; } .exactmetrics-overview-ecommerce-funnel__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .exactmetrics-overview-ecommerce-funnel__table { min-width: 500px; } .exactmetrics-funnel-modal { width: 100%; padding: 24px 16px 24px 16px; gap: 20px; } .exactmetrics-funnel-modal__title { font-size: 20px; } .exactmetrics-funnel-modal__step-row { flex-wrap: wrap; gap: 8px; } .exactmetrics-funnel-modal__select-wrapper { width: 100%; } .exactmetrics-funnel-modal__step-actions { flex-wrap: wrap; gap: 12px; } .exactmetrics-overview-upsell-cta { margin-top: 24px; min-height: auto; padding: 24px 16px 0; } .exactmetrics-overview-upsell-cta__image { position: static; width: 100%; height: auto; margin: 0 auto; } .exactmetrics-overview-upsell-cta__image img { height: auto; } .exactmetrics-overview-upsell-cta__text { max-width: 100%; gap: 12px; } .exactmetrics-overview-upsell-cta__content { gap: 20px; padding: 0; max-width: 100%; } .exactmetrics-overview-upsell-cta__title { font-size: 24px; line-height: 32px; } .exactmetrics-overview-upsell-cta__description { font-size: 16px; line-height: 24px; } .exactmetrics-overview-upsell-cta__btn { padding: 10px 20px; } .exactmetrics-overview-upsell-cta__btn span { font-size: 16px; line-height: 24px; } .exactmetrics-overview-upsell-cta__arrow { display: none; } .exactmetrics-ecommerce-upsell-overlay__content { padding: 24px 16px; gap: 20px; } .exactmetrics-ecommerce-upsell-overlay__title { font-size: 18px; line-height: 24px; } .exactmetrics-ecommerce-upsell-overlay__integrations { gap: 8px; } .exactmetrics-ecommerce-upsell-overlay__logo-card { height: 44px; padding: 0 12px; } .exactmetrics-ecommerce-upsell-overlay__logo-card img { height: 20px; } .exactmetrics-ecommerce-upsell-overlay__description { font-size: 13px; } .exactmetrics-ecommerce-upsell-overlay__btn { padding: 10px 20px; } .exactmetrics-ecommerce-upsell-overlay__btn span { font-size: 16px; line-height: 24px; } .exactmetrics-site-notes-toggle { bottom: -28px; } .exactmetrics-overview-notes { padding: 16px; } .exactmetrics-overview-notes__header { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 12px; } .exactmetrics-overview-notes__body-list { overflow-x: auto; -webkit-overflow-scrolling: touch; } .exactmetrics-overview-notes__table { min-width: 500px; } .exactmetrics-overview-notes__create-row { flex-direction: column; align-items: stretch; gap: 12px; } .exactmetrics-overview-notes__create-star { padding-bottom: 0; } .exactmetrics-overview-notes__create-field--date { width: 100%; } .exactmetrics-overview-notes__create-field--category { width: 100%; } .exactmetrics-overview-notes__create-buttons { flex-wrap: wrap; gap: 12px; } .exactmetrics-filter-modal { top: 46px; padding: 40px 16px 16px; gap: 20px; } .exactmetrics-filter-modal__close { top: 2px; right: 10px; } .exactmetrics-filter-modal__body { gap: 20px; } .exactmetrics-filter-modal__btn { height: 44px; font-size: 13px; } .exactmetrics-filter-modal__add-btn { height: 44px; width: 100%; justify-content: center; } .exactmetrics-filter-modal__actions { flex-direction: column; gap: 12px; } .exactmetrics-filter-modal__actions .exactmetrics-filter-modal__btn { width: 100%; } .exactmetrics-filter-modal__save-as-actions { flex-direction: column; gap: 12px; } .exactmetrics-filter-modal__save-as-actions .exactmetrics-filter-modal__btn { width: 100%; } .exactmetrics-filter-modal__device-btn { flex: 1; min-width: 0; padding: 8px 12px; } .exactmetrics-funnel-modal { top: 46px; padding: 40px 16px 16px; gap: 20px; } .exactmetrics-funnel-modal__close { top: 10px; right: 10px; } .exactmetrics-funnel-modal__step-actions { flex-direction: column; gap: 12px; } .exactmetrics-funnel-modal__add-step-btn, .exactmetrics-funnel-modal__create-btn, .exactmetrics-funnel-modal__save-edit-btn { width: 100%; justify-content: center; } .exactmetrics-funnel-modal__saved-item-name { max-width: 180px; } } .exactmetrics-blur { position: relative; } .exactmetrics-blur > *:not(.exactmetrics-not-authenticated-notice) { pointer-events: none; filter: blur(5px); } .exactmetrics-blur { min-height: 850px; } body.exactmetrics_page { background-color: #fff; } .exactmetrics_page #wpcontent { padding-left: 0; } .exactmetrics_page #wpbody-content { padding-bottom: 0; } .button.button-primary { background: #6528f5; border-color: rgb(81.4933333333, 12.7666666667, 243.7333333333); } .button.button-primary:hover { background: #37276a; border-color: rgb(49.5, 35.1, 95.4); } #wpfooter { position: relative; padding-top: 0; } #wpfooter:before { display: none; } .exactmetrics-footer-love { display: block; clear: both; text-align: center; margin-top: 20px; margin-bottom: 20px; } .exactmetrics-footer-love span.flsep { color: #c3c4c7; display: inline-block; margin: 9px 7px; } .exactmetrics-footer-love-icon { color: #d63739; } #exactmetrics-overview-report-app { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .exactmetrics-navigation-bar { margin-top: -5px; } .exactmetrics-navigation-bar li { display: inline-block; list-style: none; margin-bottom: 0; margin-right: 25px; text-align: left; } .exactmetrics-navigation-bar li .exactmetrics-navigation-tab-link { margin-right: 0; text-decoration: none; color: #fff; display: inline-block; line-height: 1; outline: none; font-family: "Lato", sans-serif; font-size: 15px; border-bottom: 2px solid rgba(255, 255, 255, 0); padding: 17px 0 15px; cursor: pointer; } .exactmetrics-navigation-bar li .exactmetrics-navigation-tab-link:visited { color: #fff; } .exactmetrics-navigation-bar li .exactmetrics-navigation-tab-link.router-link-exact-active, .exactmetrics-navigation-bar li .exactmetrics-navigation-tab-link:hover, .exactmetrics-navigation-bar li .exactmetrics-navigation-tab-link:focus { color: #ffffff; outline: none; box-shadow: none; } .exactmetrics-navigation-bar li .exactmetrics-navigation-tab-link:after { display: none; } .exactmetrics-navigation-bar li div button { border: none; box-sizing: border-box; background: none; border-bottom: 2px solid rgba(255, 255, 255, 0); padding: 17px 0 15px; line-height: 1; outline: none; font-family: "Lato", sans-serif; font-size: 15px; color: #fff; cursor: pointer; } .exactmetrics-navigation-bar li div button .caret { display: inline-block; width: 10px; } .exactmetrics-navigation-bar li div button .caret svg { vertical-align: 1px; } .exactmetrics-navigation-bar li div button .caret svg path { stroke: #fff; } .exactmetrics-navigation-bar li div:hover button, .exactmetrics-navigation-bar li div.active button { color: #ffffff; border-bottom-color: #ffffff; } .exactmetrics-navigation-bar li div:hover button .caret, .exactmetrics-navigation-bar li div.active button .caret { display: inline-block; width: 10px; } .exactmetrics-navigation-bar li div:hover button .caret svg > path, .exactmetrics-navigation-bar li div.active button .caret svg > path { stroke: #ffffff; } .exactmetrics-navigation-bar ul { margin: 0; padding: 0; } .exactmetrics-navigation-bar ul.submenu { display: block; background-color: #ffffff; border: 1px solid #d6e2ed; border-radius: 3px; margin-left: -15px; max-width: 510px; padding: 15px; position: absolute; width: auto; height: auto; z-index: 99; text-wrap: wrap; } @media screen and (max-width: 768px) { .exactmetrics-navigation-bar ul.submenu { left: 35px; right: 20px; } } .exactmetrics-navigation-bar ul.submenu li { width: 239px; display: inline-block; height: 88px; margin: 0; vertical-align: top; } .exactmetrics-navigation-bar ul.submenu li a { box-sizing: border-box; border-left: 2px solid rgba(255, 255, 255, 0); color: #777777; display: block; height: 100%; padding: 10px; text-decoration: none; cursor: pointer; } .exactmetrics-navigation-bar ul.submenu li a .submenu_title { display: block; font-size: 14px; line-height: 28px; font-weight: bold; color: #6528f5; text-decoration: none; } .exactmetrics-navigation-bar ul.submenu li a .submenu_text { display: block; font-size: 13px; line-height: 20px; text-decoration: none; } .exactmetrics-navigation-bar ul.submenu li a:hover, .exactmetrics-navigation-bar ul.submenu li a.router-link-active { background: #f4f3f7; border-left: 2px solid #6528f5; } .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link { padding: 17px 0 15px; margin-right: 0; border-bottom: 2px solid rgba(255, 255, 255, 0); } .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link:after { display: none; } .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link.router-link-exact-active, .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link:hover, .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link:focus { border-bottom-color: #ffffff; color: #ffffff; } .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link.router-link-exact-active:after, .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link:hover:after, .exactmetrics-admin-page .exactmetrics-navigation-bar .exactmetrics-navigation-tab-link:focus:after { display: none; } .exactmetrics-header { border-bottom: none; padding-top: 21px; height: auto; } @media (max-width: 1512px) { .exactmetrics-header { height: auto; } } .exactmetrics-header { z-index: inherit; } .exactmetrics-sticky-bar { position: sticky; top: 32px; z-index: 60; background-color: #210f59; } @media screen and (max-width: 782px) { .exactmetrics-sticky-bar { top: 46px; } } .exactmetrics-sticky-bar.is-scrolled { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .exactmetrics-overview-report-traffic-chart-section { border-top-width: 0; } .exactmetrics-header .exactmetrics-float-right { text-align: left; } .exactmetrics-header .exactmetrics-float-right .exactmetrics-button { float: none; } .exactmetrics-report-content .exactmetrics-container.exactmetrics-header-container { padding-bottom: 5px; } .exactmetrics-navigation-bar { margin-top: 0; } .exactmetrics-overview-key-metrics, .exactmetrics-overview-report-table { border: 1px solid #d6e2ed; } .exactmetrics-overview-report-table__load-more-btn .mi-icon { filter: brightness(0) saturate(100%) invert(15%) sepia(78%) saturate(7374%) hue-rotate(260deg) brightness(99%) contrast(95%); } .exactmetrics-overview-report-traffic-chart-section { border: 1px solid #d6e2ed; box-shadow: none; } .exactmetrics-overview-report-traffic-chart-tabs { background-color: #fff; border-bottom: 1px solid #d6e2ed; gap: 0; } .exactmetrics-overview-tab { background-color: #fff; border-right: 1px solid #D6E2ED; } .exactmetrics-overview-tab:last-child { border-right: none; } .exactmetrics-overview-tab:hover:not(.exactmetrics-overview-tab--active) { background-color: #fff; } .exactmetrics-overview-tab--active { background-color: #F7F4FE; border-radius: 0px; } .exactmetrics-report-header-applied-filters .exactmetrics-filter-collapse { background-color: #210F59; } .exactmetrics-overview-metric--highlighted .exactmetrics-overview-metric__value, .exactmetrics-overview-metric--highlighted .exactmetrics-overview-metric__label, .exactmetrics-overview-metric__value, .exactmetrics-overview-metric__label { color: #210F59; }