Sid Gifari File Manager
🏠 Root
/
home2
/
meumer25
/
meupet.app
/
wp-content
/
plugins
/
google-analytics-for-wordpress
/
lite
/
assets
/
vue3
/
css
/
Editing: main-monsterinsights-BQAC9lBG.css
@keyframes skeleton-loading { to { background-position: left; } } .monsterinsights-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; } .monsterinsights-text-skeleton > span:not(:last-child) { margin-bottom: 12px; } .monsterinsights-text-skeleton > span:nth-child(2n) { background-position-x: 500%; animation-duration: 6s; } .monsterinsights-text-skeleton > span:nth-child(3n) { background-position-x: 250%; animation-duration: 4s; } .fade-enter-active, .fade-leave-active { transition: opacity 0.5s; } .fade-enter, .fade-leave-to { opacity: 0; } .monsterinsights-feature-feedback { position: absolute; display: flex; flex-direction: column; align-items: center; right: 0; bottom: 20px; width: 320px; } .monsterinsights-feature-feedback.is-loading .monsterinsights-feature-feedback-widget::before { content: ""; display: block; background-color: #eef; inset: 0; position: absolute; z-index: 10; opacity: 0.5; cursor: progress; } .monsterinsights-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; } .monsterinsights-feature-feedback-widget > *:not(:last-child), .monsterinsights-feature-feedback-widget > form > *:not(:last-child) { margin-bottom: 20px; } .monsterinsights-feature-feedback-widget h4 { margin-top: 0; font-size: 18px; font-weight: 500; } .monsterinsights-feature-feedback-widget.is-open { visibility: visible; opacity: 1; transform: scaleY(1); } .monsterinsights-feature-feedback-form label { display: block; font-size: 16px; font-weight: 500; } .monsterinsights-feature-feedback-form label:not(:last-child) { margin-bottom: 10px; } .monsterinsights-feature-feedback-form textarea { font-size: 13px; padding: 10px; width: 100%; min-height: 90px; max-height: 90px; } .monsterinsights-feature-feedback-form .monsterinsights-button { margin-top: 15px; padding: 8px 20px; } .monsterinsights-feature-feedback-form .monsterinsights-button:disabled { pointer-events: none; opacity: 0.5; } .monsterinsights-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); } .monsterinsights-feature-feedback-toggle svg { position: absolute; } .monsterinsights-feature-feedback-thanks { padding: 20px; text-align: center; } .monsterinsights-feature-feedback-thanks img { margin-bottom: 20px; } @media screen and (min-width: 1200px) { .monsterinsights-feature-feedback { right: -5vw; } } .monsterinsights-feature-feedback-nps { display: flex; align-items: flex-start; } .monsterinsights-nps-radio { display: block; position: relative; cursor: pointer; margin-bottom: 0 !important; } .monsterinsights-nps-radio img { width: 36px; height: 34px; filter: grayscale(1); transition: filter 150ms ease-in-out; } .monsterinsights-nps-radio input[type=radio] { position: absolute; bottom: 0; left: 10px; z-index: -1; opacity: 0; } .monsterinsights-nps-radio:not(:last-child) { margin-right: 20px; } .monsterinsights-nps-radio:hover img, .monsterinsights-nps-radio input[type=radio]:checked + img { filter: grayscale(0); } .monsterinsights-ads-form { max-width: 600px; margin: 100px auto; padding: 20px; background: #fff; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .monsterinsights-ads-form label { display: block; margin-bottom: 10px; font-weight: 600; } .monsterinsights-ads-form .radio-group { margin: 15px 0; } .monsterinsights-ads-form .radio-group label { display: inline-block; margin-right: 20px; font-weight: normal; } .monsterinsights-ads-form button { background: #2271b1; color: #fff; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; } .monsterinsights-ads-form button:hover { background: #135e96; } #google-ads-pax-container { display: none; } .monsterinsights-ads-loading { text-align: center; padding: 20px; } .monsterinsights-ads-loading-spinner { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #0073aa; border-radius: 50%; animation: monsterinsights-ads-spin 1s linear infinite; margin: 0 auto 20px; } @keyframes monsterinsights-ads-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .monsterinsights-ads-loading p { margin: 0; font-size: 16px; } .monsterinsights-ads-error { max-width: 600px; margin: 60px auto; } .monsterinsights-ads-error p { margin: 0 0 10px 0; line-height: 1.5; } .monsterinsights-ads-loading, .monsterinsights-ads-error { display: flex; align-items: center; max-width: 600px; margin: 60px auto 0; } .monsterinsights-ads-loading .monsterinsights-ads-loading-spinner, .monsterinsights-ads-error .monsterinsights-ads-loading-spinner { width: 20px; height: 20px; border: 2px solid rgba(0, 0, 0, 0.1); border-left-color: #444; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 !important; } @keyframes spin { to { transform: rotate(360deg); } } .monsterinsights-ads-error { border-left: 4px solid #d63638; } .google-ads-pax-container { display: block !important; padding: 60px 0 0; max-width: 1344px; margin: 0 auto; } .google-ads-pax-container .icon { height: auto; } .google-ads-pax-container .card { max-width: 100%; } .google-ads-pax-container .date-range-picker .button { background: transparent; color: initial; } .monsterinsights-ads-form { background: #fff; padding: 20px; border-radius: 4px; border: 1px solid #ddd; } .radio-group { margin: 10px 0; } .radio-group label:not([class*=ngcontent]) { margin-right: 15px; } .monsterinsights-path-google-ads .monsterinsights-header .monsterinsights-container { padding-left: 10px; padding-right: 10px; width: auto; max-width: 1344px; } @media (max-width: 782px) { .monsterinsights-path-google-ads .monsterinsights-header .monsterinsights-container { padding: 0; } } .monsterinsights-google-ads-welcome { display: flex; justify-content: space-between; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); padding: 60px; margin: 40px auto; max-width: 1200px; gap: 40px; } @media (max-width: 900px) { .monsterinsights-google-ads-welcome { flex-direction: column; gap: 24px; padding: 24px 12px; } } .monsterinsights-google-ads-welcome__content { width: 50%; display: flex; flex-direction: column; justify-content: center; } .monsterinsights-google-ads-welcome__content h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 24px; margin-top: 0; line-height: 1.5; color: #444; } .monsterinsights-google-ads-welcome__list { list-style: none; padding: 0; margin: 0 0 24px 0; } .monsterinsights-google-ads-welcome__list li { margin-bottom: 16px; } .monsterinsights-google-ads-welcome__check { color: #34a853; font-size: 1.2em; margin-right: 10px; margin-top: 2px; } .monsterinsights-google-ads-welcome__offer { font-size: 0.85; font-weight: 500; margin-bottom: 20px; color: #6d7278; } .monsterinsights-google-ads-welcome__cta { max-width: 200px; margin: 20px 0; } .monsterinsights-google-ads-welcome__note { font-size: 0.95rem; color: #757575; margin-bottom: 8px; } .monsterinsights-google-ads-welcome__disclaimer { font-size: 0.85rem; color: #b0b0b0; } .monsterinsights-google-ads-welcome__image { display: flex; align-items: center; justify-content: center; flex: 1; border-radius: 8px; min-height: 320px; } .monsterinsights-google-ads-welcome__image img { max-width: 100%; max-height: 100%; object-fit: contain; } @media (max-width: 900px) { .monsterinsights-google-ads-welcome__image { min-width: 0; max-width: 100%; min-height: 180px; } } .google-ads-pax-container { all: revert; contain: content; } @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"); } @font-face { font-family: "DM Sans"; src: url("../fonts/DMSans-Regular.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: "DM Sans"; src: url("../fonts/DMSans-Bold.ttf") format("truetype"); font-weight: 700; } .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-cog:before { content: "\f02c"; } .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-calendar-alt:before { content: "\f04e"; } .monstericon-long-arrow-right-light:before { content: "\f06a"; } .monstericon-download:before { content: "F"; } @media (max-width: 782px) { .monsterinsights-notices-area { margin-left: 10px; margin-right: 10px; } } .monsterinsights-notice { position: relative; color: #444; } .monsterinsights-notice .monsterinsights-notice-inner { margin-top: 25px; padding: 20px; background: #fff; border-left: 3px solid; line-height: 1.5; font-size: 14px; } .monsterinsights-notice .monsterinsights-notice-inner .notice-title { color: #000; font-weight: 700; display: block; margin: 0 0 6px; padding: 0; } @media (max-width: 782px) { .monsterinsights-notice .monsterinsights-notice-inner { padding: 10px; } } .monsterinsights-notice.monsterinsights-notice-error .monsterinsights-notice-inner { border-left-color: #ea4e64; } .monsterinsights-notice.monsterinsights-notice-warning .monsterinsights-notice-inner { border-left-color: #f5c953; } .monsterinsights-notice.monsterinsights-notice-info .monsterinsights-notice-inner { border-left-color: #509fe2; } .monsterinsights-notice.monsterinsights-notice-info-xl .monsterinsights-notice-inner { border-width: 1px 1px 1px 3px; border-style: solid; border-color: #509fe2; color: #777; } .monsterinsights-notice.monsterinsights-notice-info-xl .monsterinsights-notice-inner .monsterinsights-button { color: #fff; margin: 15px 0 0; } .monsterinsights-notice.monsterinsights-notice-success .monsterinsights-notice-inner { border-left-color: #5cc0a5; } .monsterinsights-notice .notice-content { margin-right: 20px; } .monsterinsights-notice .notice-content a { color: #444; } .monsterinsights-notice .dismiss-notice { border: none; background: none; padding: 0; margin: 0; display: inline-block; cursor: pointer; color: #acbdc9; position: relative; float: right; } .monsterinsights-notice .dismiss-notice:hover, .monsterinsights-notice .dismiss-notice:focus { color: #444; } .monsterinsights-notice.monsterinsights-notice-success .notice-content, .monsterinsights-notice.monsterinsights-notice-info .notice-content, .monsterinsights-notice.monsterinsights-notice-warning .notice-content { display: flex; } @media (max-width: 425px) { .monsterinsights-notice.monsterinsights-notice-success .notice-content, .monsterinsights-notice.monsterinsights-notice-info .notice-content, .monsterinsights-notice.monsterinsights-notice-warning .notice-content { flex-flow: column; } } .monsterinsights-notice.monsterinsights-notice-success .notice-content__first-time-notice, .monsterinsights-notice.monsterinsights-notice-info .notice-content__first-time-notice, .monsterinsights-notice.monsterinsights-notice-warning .notice-content__first-time-notice { display: block; } .monsterinsights-notice.monsterinsights-notice-success .notice-content__first-time-notice a, .monsterinsights-notice.monsterinsights-notice-info .notice-content__first-time-notice a, .monsterinsights-notice.monsterinsights-notice-warning .notice-content__first-time-notice a { color: #444; text-decoration: underline; } .monsterinsights-notice.monsterinsights-notice-success .monsterinsights-notice-button, .monsterinsights-notice.monsterinsights-notice-info .monsterinsights-notice-button, .monsterinsights-notice.monsterinsights-notice-warning .monsterinsights-notice-button { flex-shrink: 0; flex-grow: 0; margin-right: -20px; margin-left: auto; } @media (max-width: 782px) { .monsterinsights-notice.monsterinsights-notice-success .monsterinsights-notice-button, .monsterinsights-notice.monsterinsights-notice-info .monsterinsights-notice-button, .monsterinsights-notice.monsterinsights-notice-warning .monsterinsights-notice-button { margin-left: 0; } } .monsterinsights-notice.monsterinsights-notice-success .monsterinsights-button, .monsterinsights-notice.monsterinsights-notice-info .monsterinsights-button, .monsterinsights-notice.monsterinsights-notice-warning .monsterinsights-button { margin-top: 0; padding: 10px 16px 8px; line-height: 1; font-size: 14px; font-weight: 600; } @media (max-width: 782px) { .monsterinsights-notice.monsterinsights-notice-success .monsterinsights-button, .monsterinsights-notice.monsterinsights-notice-info .monsterinsights-button, .monsterinsights-notice.monsterinsights-notice-warning .monsterinsights-button { margin-top: 10px; margin-left: 0; } } .monsterinsights-notice.monsterinsights-notice-error .monsterinsights-button { margin-top: 10px; margin-left: 0; color: #fff; } .monsterinsights-notice .monsterinsights-flex { display: flex; flex-wrap: wrap; justify-content: flex-start; } .monsterinsights-notice .monsterinsights-button-error { background-color: #E64949 !important; border: 0 !important; font-size: 13px; padding: 8px 20px !important; } .monsterinsights-notice.monsterinsights-license_expired .monsterinsights-notice-icon { margin-right: 15px; margin-top: 4px; } .monsterinsights-notice.monsterinsights-license_expired .monsterinsights-notice-icon svg { width: 36px; height: 32px; } .monsterinsights-notice.monsterinsights-license_expired .monsterinsights-notice-inner { background-color: #FFEBEB !important; } .monsterinsights-notice.monsterinsights-license_expired .monsterinsights-notice-inner h2 { font-size: 14px; color: #E64949; margin: 0 0 0 0; padding: 0 0 0 0; } .monsterinsights-notice.monsterinsights-license_expired .monsterinsights-notice-inner .monsterinsights-notice-content { color: #E64949; } .monsterinsights-notice.monsterinsights-license_expired .monsterinsights-notice-inner a.monsterinsights-button-error { margin-top: 17px; } .monsterinsights-notice .monsterinsights-notice-button.monsterinsights-notice-install-button { margin-top: 10px; margin-left: 0; } .monsterinsights-notice .monsterinsights-notice-button.monsterinsights-notice-install-button button + button { margin-left: 10px; } body.swal2-toast-shown.monsterinsights_page .swal2-container.swal2-top-end, body.swal2-toast-shown.monsterinsights_page .swal2-container.swal2-top-right { top: 32px; } @media screen and (max-width: 767px) { body.swal2-toast-shown.monsterinsights_page .swal2-container.swal2-top-end, body.swal2-toast-shown.monsterinsights_page .swal2-container.swal2-top-right { top: 42px; right: auto; left: 50%; transform: translateX(-50%); } } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast { border-radius: 0; padding: 9px; border-left: 3px solid #fff; } @media screen and (max-width: 767px) { body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast { width: 80vw; } } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-title { color: #000; font-size: 13px; font-weight: 400; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-close { font-size: 15px; width: 10px; height: 10px; line-height: 10px; } @media screen and (max-width: 767px) { body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-close { padding: 9px; line-height: 0; } } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon { width: 14px; height: 14px; min-width: 14px; margin: 0; border: 0; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-info { border: none; position: relative; } body.swal2-toast-shown.monsterinsights_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; color: #509fe2; line-height: 1; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-info .swal2-icon-text { display: none; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-error { border: none; } body.swal2-toast-shown.monsterinsights_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; color: #ea4e64; line-height: 1; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-error .swal2-x-mark * { display: none; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon [class^=-ring] { width: 14px; height: 14px; top: 0; left: 0; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 14px; height: 14px; top: 0; left: 0; border: none; } body.swal2-toast-shown.monsterinsights_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; color: #5cc0a5; line-height: 1; } body.swal2-toast-shown.monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-success [class^=swal2-success-line] { display: none; } body.swal2-toast-shown.monsterinsights_page .mi-success .swal2-popup.swal2-toast { border-left-color: #5cc0a5; } body.swal2-toast-shown.monsterinsights_page .mi-info .swal2-popup.swal2-toast { border-left-color: #509fe2; } body.swal2-toast-shown.monsterinsights_page .mi-error .swal2-popup.swal2-toast { border-left-color: #ea4e64; } body.swal2-toast-shown.monsterinsights_page .swal2-icon-content { 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; } } .monsterinsights_page body.swal2-toast-shown .swal2-container { background-color: transparent; } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent; } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-top-end, .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-top-left, .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-top-start { top: 0; right: auto; bottom: auto; left: 0; } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-center-left, .monsterinsights_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%); } .monsterinsights_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%); } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-center-end, .monsterinsights_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%); } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-bottom-left, .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 0; left: 0; } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-bottom-end, .monsterinsights_page body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } .monsterinsights_page body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } .monsterinsights_page body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: 0.3125em; } .monsterinsights_page body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } .monsterinsights_page body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: 0.3125em auto; font-size: 1em; } .monsterinsights_page body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } .monsterinsights_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; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-header { flex-direction: row; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-close { position: initial; width: 0.8em; height: 0.8em; line-height: 0.8; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-icon-text { font-size: 2em; font-weight: 700; line-height: 1em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 0.875em; width: 1.375em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 0.3125em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 0.3125em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-actions { height: auto; margin: 0 0.3125em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-styled { margin: 0 0.3125em; padding: 0.3125em 0.625em; font-size: 1em; } .monsterinsights_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); } .monsterinsights_page .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .monsterinsights_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%; } .monsterinsights_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; } .monsterinsights_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; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: 0.3125em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: 0.1875em; width: 0.75em; } .monsterinsights_page .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: 0.9375em; right: 0.1875em; width: 1.375em; } .monsterinsights_page .swal2-popup.swal2-toast.swal2-show { -webkit-animation: showSweetToast 0.5s; animation: showSweetToast 0.5s; } .monsterinsights_page .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: hideSweetToast 0.2s forwards; animation: hideSweetToast 0.2s forwards; } .monsterinsights_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; } .monsterinsights_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; } } .monsterinsights_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } .monsterinsights_page body.swal2-height-auto { height: auto !important; } .monsterinsights_page body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; background-color: transparent; } .monsterinsights_page body.swal2-no-backdrop .swal2-shown > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-top-left, .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-top-start { top: 0; left: 0; } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-top-end, .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0; } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-center-left, .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-center-start { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-center-end, .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-start { bottom: 0; left: 0; } .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, .monsterinsights_page body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0; } .monsterinsights_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; } .monsterinsights_page .swal2-container.swal2-top { align-items: flex-start; } .monsterinsights_page .swal2-container.swal2-top-left, .monsterinsights_page .swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start; } .monsterinsights_page .swal2-container.swal2-top-end, .monsterinsights_page .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .monsterinsights_page .swal2-container.swal2-center { align-items: center; } .monsterinsights_page .swal2-container.swal2-center-left, .monsterinsights_page .swal2-container.swal2-center-start { align-items: center; justify-content: flex-start; } .monsterinsights_page .swal2-container.swal2-center-end, .monsterinsights_page .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .monsterinsights_page .swal2-container.swal2-bottom { align-items: flex-end; } .monsterinsights_page .swal2-container.swal2-bottom-left, .monsterinsights_page .swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start; } .monsterinsights_page .swal2-container.swal2-bottom-end, .monsterinsights_page .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .monsterinsights_page .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .monsterinsights_page .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .monsterinsights_page .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .monsterinsights_page .swal2-container.swal2-grow-column.swal2-bottom, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-center, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-top { align-items: center; } .monsterinsights_page .swal2-container.swal2-grow-column.swal2-bottom-left, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-bottom-start, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-center-left, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-center-start, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-top-left, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start; } .monsterinsights_page .swal2-container.swal2-grow-column.swal2-bottom-end, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-bottom-right, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-center-end, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-center-right, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-top-end, .monsterinsights_page .swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end; } .monsterinsights_page .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .monsterinsights_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) { .monsterinsights_page .swal2-container .swal2-modal { margin: 0 !important; } } .monsterinsights_page .swal2-container.swal2-fade { transition: background-color 0.1s; } .monsterinsights_page .swal2-container.swal2-center { background-color: rgba(0, 0, 0, 0.4); } .monsterinsights_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; } .monsterinsights_page .swal2-popup:focus { outline: 0; } .monsterinsights_page .swal2-popup.swal2-loading { overflow-y: hidden; } .monsterinsights_page .swal2-popup .swal2-header { display: flex; flex-direction: column; align-items: center; } .monsterinsights_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; } .monsterinsights_page .swal2-popup .swal2-actions { flex-wrap: wrap; align-items: center; justify-content: center; margin: 1.25em auto 0; z-index: 1; } .monsterinsights_page .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; } .monsterinsights_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)); } .monsterinsights_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)); } .monsterinsights_page .swal2-popup .swal2-actions.swal2-loading .swal2-loader { 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; 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; border-left-color: #509fe2; border-right-color: #509fe2; } .monsterinsights_page .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px; } .monsterinsights_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; } .monsterinsights_page .swal2-popup .swal2-styled { margin: 0.3125em; padding: 0.625em 2em; font-weight: 500; box-shadow: none; } .monsterinsights_page .swal2-popup .swal2-styled:not([disabled]) { cursor: pointer; } .monsterinsights_page .swal2-popup .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em; } .monsterinsights_page .swal2-popup .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em; } .monsterinsights_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); } .monsterinsights_page .swal2-popup .swal2-styled::-moz-focus-inner { border: 0; } .monsterinsights_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; } .monsterinsights_page .swal2-popup .swal2-image { max-width: 100%; margin: 1.25em auto; } .monsterinsights_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; } .monsterinsights_page .swal2-popup .swal2-close:hover { -webkit-transform: none; transform: none; color: #f27474; } .monsterinsights_page .swal2-popup > .swal2-checkbox, .monsterinsights_page .swal2-popup > .swal2-file, .monsterinsights_page .swal2-popup > .swal2-input, .monsterinsights_page .swal2-popup > .swal2-radio, .monsterinsights_page .swal2-popup > .swal2-select, .monsterinsights_page .swal2-popup > .swal2-textarea { display: none; } .monsterinsights_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; } .monsterinsights_page .swal2-popup #swal2-content { text-align: center; } .monsterinsights_page .swal2-popup .swal2-checkbox, .monsterinsights_page .swal2-popup .swal2-file, .monsterinsights_page .swal2-popup .swal2-input, .monsterinsights_page .swal2-popup .swal2-radio, .monsterinsights_page .swal2-popup .swal2-select, .monsterinsights_page .swal2-popup .swal2-textarea { margin: 1em auto; } .monsterinsights_page .swal2-popup .swal2-file, .monsterinsights_page .swal2-popup .swal2-input, .monsterinsights_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; } .monsterinsights_page .swal2-popup .swal2-file.swal2-inputerror, .monsterinsights_page .swal2-popup .swal2-input.swal2-inputerror, .monsterinsights_page .swal2-popup .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .monsterinsights_page .swal2-popup .swal2-file:focus, .monsterinsights_page .swal2-popup .swal2-input:focus, .monsterinsights_page .swal2-popup .swal2-textarea:focus { border: 1px solid #b4dbed; outline: 0; box-shadow: 0 0 3px #c4e6f5; } .monsterinsights_page .swal2-popup .swal2-file::-webkit-input-placeholder, .monsterinsights_page .swal2-popup .swal2-input::-webkit-input-placeholder, .monsterinsights_page .swal2-popup .swal2-textarea::-webkit-input-placeholder { color: #ccc; } .monsterinsights_page .swal2-popup .swal2-file:-ms-input-placeholder, .monsterinsights_page .swal2-popup .swal2-input:-ms-input-placeholder, .monsterinsights_page .swal2-popup .swal2-textarea:-ms-input-placeholder { color: #ccc; } .monsterinsights_page .swal2-popup .swal2-file::-ms-input-placeholder, .monsterinsights_page .swal2-popup .swal2-input::-ms-input-placeholder, .monsterinsights_page .swal2-popup .swal2-textarea::-ms-input-placeholder { color: #ccc; } .monsterinsights_page .swal2-popup .swal2-file::placeholder, .monsterinsights_page .swal2-popup .swal2-input::placeholder, .monsterinsights_page .swal2-popup .swal2-textarea::placeholder { color: #ccc; } .monsterinsights_page .swal2-popup .swal2-range input { width: 80%; } .monsterinsights_page .swal2-popup .swal2-range output { width: 20%; font-weight: 600; text-align: center; } .monsterinsights_page .swal2-popup .swal2-range input, .monsterinsights_page .swal2-popup .swal2-range output { height: 2.625em; margin: 1em auto; padding: 0; font-size: 1.125em; line-height: 2.625em; } .monsterinsights_page .swal2-popup .swal2-input { height: 2.625em; padding: 0 0.75em; } .monsterinsights_page .swal2-popup .swal2-input[type=number] { max-width: 10em; } .monsterinsights_page .swal2-popup .swal2-file { font-size: 1.125em; } .monsterinsights_page .swal2-popup .swal2-textarea { height: 6.75em; padding: 0.75em; } .monsterinsights_page .swal2-popup .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; color: #545454; font-size: 1.125em; } .monsterinsights_page .swal2-popup .swal2-checkbox, .monsterinsights_page .swal2-popup .swal2-radio { align-items: center; justify-content: center; } .monsterinsights_page .swal2-popup .swal2-checkbox label, .monsterinsights_page .swal2-popup .swal2-radio label { margin: 0 0.6em; font-size: 1.125em; } .monsterinsights_page .swal2-popup .swal2-checkbox input, .monsterinsights_page .swal2-popup .swal2-radio input { margin: 0 0.4em; } .monsterinsights_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; } .monsterinsights_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) { .monsterinsights_page .swal2-range input { width: 100% !important; } .monsterinsights_page .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .monsterinsights_page .swal2-range input { width: 100% !important; } .monsterinsights_page .swal2-range output { display: none; } } @-moz-document url-prefix() { .monsterinsights_page .swal2-close:focus { outline: 2px solid rgba(50, 100, 150, 0.4); } } .monsterinsights_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; } .monsterinsights_page .swal2-icon .swal2-icon-content { font-size: 4em; } .monsterinsights_page .swal2-icon-text { font-size: 3.75em; } .monsterinsights_page .swal2-icon.swal2-error { border-color: #f27474; } .monsterinsights_page .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } .monsterinsights_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; } .monsterinsights_page .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .monsterinsights_page .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .monsterinsights_page .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86; } .monsterinsights_page .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee; font-size: 1rem; } .monsterinsights_page .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .monsterinsights_page .swal2-icon.swal2-success { border-color: #a5dc86; } .monsterinsights_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%; } .monsterinsights_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; } .monsterinsights_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; } .monsterinsights_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; } .monsterinsights_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; } .monsterinsights_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; } .monsterinsights_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); } .monsterinsights_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); } .monsterinsights_page .swal2-progresssteps { align-items: center; margin: 0 0 1.25em; padding: 0; font-weight: 600; } .monsterinsights_page .swal2-progresssteps li { display: inline-block; position: relative; } .monsterinsights_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; } .monsterinsights_page .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0; } .monsterinsights_page .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0; } .monsterinsights_page .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6; } .monsterinsights_page .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { background: #add8e6; } .monsterinsights_page .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background: #add8e6; } .monsterinsights_page .swal2-progresssteps .swal2-progressline { width: 2.5em; height: 0.4em; margin: 0 -1px; background: #3085d6; z-index: 10; } .monsterinsights_page [class^=swal2] { -webkit-tap-highlight-color: transparent; } .monsterinsights_page .swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; } .monsterinsights_page .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; } .monsterinsights_page .swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; } .monsterinsights_page .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; } .monsterinsights_page .swal2-rtl .swal2-close { right: auto; left: 0; } .monsterinsights_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; } .monsterinsights_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; } .monsterinsights_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; } .monsterinsights_page .swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; } .monsterinsights_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 { .monsterinsights_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } .monsterinsights_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { display: none; } .monsterinsights_page body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: initial !important; } } .monsterinsights-notifications-display { background: #fff; border-left: 3px solid #509fe2; padding: 20px; border-radius: 3px 0 0 3px; margin-bottom: 50px; position: relative; } .monsterinsights-settings-content .monsterinsights-notifications-display { margin-top: 20px; margin-bottom: 20px; } .monsterinsights-notifications-display h3 { margin: 0 0 4px; font-size: 16px; line-height: 20px; } .monsterinsights-notifications-display p { margin-top: 4px; margin-bottom: 12px; font-size: 14px; line-height: 18px; } .monsterinsights-notifications-display .monsterinsights-notification { display: flex; } .monsterinsights-notifications-display .monsterinsights-notification .monsterinsights-notifications-indicator { padding-top: 10px; } .monsterinsights-notifications-display .monsterinsights-notification .monsterinsights-notifications-indicator a { position: relative; } .monsterinsights-notifications-display .monsterinsights-notification-inner { margin-left: 25px; } .monsterinsights-notifications-display .monsterinsights-button { margin-right: 15px; } .monsterinsights-notifications-display .monsterinsights-notification-navigation { position: absolute; right: 0; top: 100%; } .monsterinsights-notifications-display .monsterinsights-notification-navigation button { background: #fff; border: none; border-radius: 0 0 3px 3px; margin: 0; padding: 5px 8px 7px; color: #A8AEBD; cursor: pointer; } .monsterinsights-notifications-display .monsterinsights-notification-navigation button:hover, .monsterinsights-notifications-display .monsterinsights-notification-navigation button:focus { color: #509fe2; } .monsterinsights-notifications-display .monsterinsights-notification-navigation button .monstericon-arrow { transform: rotate(90deg); font-size: 10px; } .monsterinsights-notifications-display .monsterinsights-notification-navigation button.monsterinsights-notification-previous { margin-right: 2px; } .monsterinsights-notifications-display .monsterinsights-notification-navigation button.monsterinsights-notification-previous .monstericon-arrow { transform: rotate(270deg); } .monsterinsights-notifications-display .monsterinsights-notification-dismiss { border: none; background: none; color: #A8AEBD; position: absolute; right: 12px; top: 9px; padding: 0; margin: 0; font-size: 16px; cursor: pointer; } .monsterinsights-notifications-display .monsterinsights-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; } .monsterinsights-report .monsterinsights-notifications-display .monsterinsights-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; } .monsterinsights-admin-page.monsterinsights-reports-page .monsterinsights-notificationsv3-container, .monsterinsights-admin-page.monsterinsights-path-tools-url-builder .monsterinsights-notificationsv3-container, .monsterinsights-admin-page.monsterinsights-path-tools-import-export .monsterinsights-notificationsv3-container, .monsterinsights-admin-page.monsterinsights-path-addons .monsterinsights-notificationsv3-container, .monsterinsights-admin-page.monsterinsights-path-about-us .monsterinsights-notificationsv3-container { margin-right: 0; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container { display: inline-block; margin-right: 20px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-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; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-number.number-greater-than-10 { right: -13px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-number.number-less-than-10 { right: -10px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-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; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-no-notifications { text-align: center; position: absolute; top: 50%; margin-top: -69px; width: 100%; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-no-notifications h4 { font-size: 16px; color: #7C869D; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button { position: relative; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button { position: absolute; top: 21px; right: 15px; } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button .monsterinsights-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; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button .monsterinsights-button { display: inline-block; } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button .monsterinsights-button:hover, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button .monsterinsights-button:focus, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button .monsterinsights-button:active { background: #e7eaec; border-color: #D3D7DE; outline: none; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-inbox-button .monsterinsights-notificationsv3-inbox-number { cursor: pointer; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-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; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-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); } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar.monsterinsights-notificationsv3-sidebar-in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-single-notification { padding: 0 16px; overflow: hidden; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top { background: #2679C1; display: flex; align-items: center; height: 50px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-title { width: 50%; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-title svg { margin-right: 10px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-title h3 { display: inline-block; color: #fff; font-size: 18px; font-weight: bold; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions { width: 50%; text-align: right; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button { color: #fff; text-decoration: underline; border: 0; padding: 0; background: transparent; border-radius: 0; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button { display: inline-block; } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button:hover { color: #efe5e5; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button:active, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button:focus { outline: none; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close { margin-left: 12px; vertical-align: bottom; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close:hover svg path, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close:active svg path, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close:focus svg path { fill: #efe5e5; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom { display: flex; align-items: center; height: 60px; border-bottom: 1px solid #E2E4E9; margin: 0 16px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count { width: 50%; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count .monsterinsights-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; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count .monsterinsights-notificationsv3-dismissed-number { margin-right: 8px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count h4 { display: inline-block; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions { width: 50%; text-align: right; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span { text-decoration: underline; color: #99A1B3; cursor: pointer; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span:hover, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span:active, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span:focus { color: #a9b1c3; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications { display: block; margin-bottom: 32px; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications { margin-bottom: 46px; } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification { border-bottom: 1px solid #E2E4E9; padding-bottom: 24px; display: flex; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-icon { width: 54px; float: left; text-align: center; padding-top: 24px; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-icon { float: none; margin: 0 auto; } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details { float: left; width: 354px; padding-top: 20px; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details { width: 260px; } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-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) { .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-title h5 { width: 65%; } } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-title span { color: #7F899F; font-size: 13px; float: right; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-content p { color: #393F4C; font-size: 13px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions { display: flex; align-items: center; padding-top: 2px; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-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; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-button:hover, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-button:active, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-button:focus { background: #D3D7DE; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span { font-size: 13px; color: #7F899F; cursor: pointer; } .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span:hover, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span:focus, .monsterinsights-admin-page .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span:active { color: #a9b1c3; } .monsterinsights-tooltip { display: block !important; z-index: 10000; max-width: 350px; } .monsterinsights-tooltip .monsterinsights-tooltip-inner { background: #5f6197; color: #fff; border-radius: 5px; padding: 16px 20px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .monsterinsights-tooltip .monsterinsights-tooltip-inner a { color: #fff; font-weight: 700; } .monsterinsights-tooltip .monsterinsights-tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #5f6197; z-index: 1; } .monsterinsights-tooltip[x-placement^=top] { padding-bottom: 5px; } .monsterinsights-tooltip[x-placement^=top] .monsterinsights-tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: 0; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .monsterinsights-tooltip[x-placement^=bottom] { padding-top: 5px; } .monsterinsights-tooltip[x-placement^=bottom] .monsterinsights-tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: 0; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .monsterinsights-tooltip[x-placement^=right] { padding-left: 5px; } .monsterinsights-tooltip[x-placement^=right] .monsterinsights-tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: 0px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .monsterinsights-tooltip[x-placement^=left] { padding-right: 5px; } .monsterinsights-tooltip[x-placement^=left] .monsterinsights-tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: 0; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .monsterinsights-tooltip.popover .popover-inner { background: #fff; color: #5f6197; padding: 24px; border-radius: 5px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .monsterinsights-tooltip.popover .popover-arrow { border-color: #fff; } .monsterinsights-tooltip[aria-hidden=true] { visibility: hidden; opacity: 0; transition: opacity 0.15s, visibility 0.15s; } .monsterinsights-tooltip[aria-hidden=false] { visibility: visible; opacity: 1; transition: opacity 0.15s; } .monsterinsights-conditional-logic-container button:focus { outline: 0; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-header { margin-bottom: 30px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-header .monsterinsights-conditional-rule-sets-number { float: right; } .monsterinsights-conditional-logic-container .monsterinsights-condition-rule-separator { text-align: center; font-weight: bold; display: block; margin: 0 auto; margin-bottom: 20px; position: relative; } .monsterinsights-conditional-logic-container .monsterinsights-condition-rule-separator:before, .monsterinsights-conditional-logic-container .monsterinsights-condition-rule-separator:after { content: ""; position: absolute; top: 45%; width: 45%; height: 2px; background: #d6e2ed; margin-top: -1px; } .monsterinsights-conditional-logic-container .monsterinsights-condition-rule-separator:before { left: 0; } .monsterinsights-conditional-logic-container .monsterinsights-condition-rule-separator:after { right: 0; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column { width: 100%; margin-right: 18px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field { text-transform: capitalize; width: 100%; height: 38px; min-height: 38px; line-height: 38px; box-sizing: border-box; box-shadow: none; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field.text-input { padding: 0 8px; border-color: #ddd; text-transform: none; border-radius: 5px; box-sizing: border-box; height: 38px; margin-top: 0; line-height: 38px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field input[type=text] { padding-top: 5px; padding-bottom: 5px; height: inherit; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field.multiselect--active .multiselect__tags .multiselect__spinner { z-index: 1; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field .multiselect__tags { padding: 0; height: 38px; min-height: 38px; border-color: #ddd; margin-top: 0; box-sizing: border-box; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field .multiselect__tags input[type=text] { border: 0; height: 36px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field .multiselect__tags .multiselect__single { margin-bottom: 0; padding: 0 8px; line-height: 36px; font-size: 14px; white-space: pre; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field .multiselect__tags .multiselect__placeholder { display: block; margin-bottom: 0; line-height: 36px; padding: 0 8px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .monsterinsights-settings-conditional-column .monsterinsights-settings-conditional-input-field .multiselect__tags .multiselect__spinner { width: 35px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .add-new-condition { padding: 6px 12px; margin: 0; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .add-new-condition:focus { outline: 0; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .remove-condition { border: 0; padding: 0; margin: 0; background: transparent; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .remove-condition:focus { outline: 0; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .remove-condition .monstericon-times-circle { color: #dc3232; cursor: pointer; padding: 0; margin: 0 15px; } .monsterinsights-conditional-logic-container .monsterinsights-conditional-logic-repeater-row .remove-condition .monstericon-times-circle:focus { outline: 0; } .monsterinsights-upload-media-wrapper .monsterinsights-dark { display: block; } .monsterinsights-upload-media-wrapper .monsterinsights-upload-media-label { margin-bottom: 0; } .monsterinsights-upload-media-wrapper .monsterinsights-uploaded-media { display: block; width: 100%; margin-top: 20px; position: relative; max-width: 300px; } .monsterinsights-upload-media-wrapper .monsterinsights-uploaded-media .monsterinsights-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; } .monsterinsights-upload-media-wrapper .monsterinsights-uploaded-media .monsterinsights-uploaded-media-overlay .monsterinsights-remove-uploaded-media { color: #fff; text-decoration: underline; margin-left: auto; cursor: pointer; padding: 0 10px 10px 0; } .monsterinsights-upload-media-wrapper .monsterinsights-uploaded-media .monsterinsights-uploaded-media-overlay .monsterinsights-remove-uploaded-media:hover { text-decoration: none; } .monsterinsights-upload-media-wrapper .monsterinsights-uploaded-media:hover .monsterinsights-uploaded-media-overlay { display: flex; } .monsterinsights-upload-media-wrapper .monsterinsights-uploaded-media img { max-width: 100%; display: inline-block; } .monsterinsights-upload-media-wrapper .monsterinsights-upload-media { overflow: hidden; display: flex; align-items: flex-end; margin-top: 20px; } .monsterinsights-upload-media-wrapper .monsterinsights-upload-media .monsterinsights-upload-media-input { width: 73%; margin-right: 2%; float: left; position: relative; } .monsterinsights-upload-media-wrapper .monsterinsights-upload-media .monsterinsights-upload-media-button { width: 25%; float: left; font-size: 15px; } .monsterinsights-upload-media-wrapper .monsterinsights-upload-media .monsterinsights-upload-media-button:hover, .monsterinsights-upload-media-wrapper .monsterinsights-upload-media .monsterinsights-upload-media-button:active, .monsterinsights-upload-media-wrapper .monsterinsights-upload-media .monsterinsights-upload-media-button:focus { outline: none; } .monsterinsights-email-summaries-settings a { color: #509fe2 !important; } .monsterinsights-email-summaries-settings a:hover, .monsterinsights-email-summaries-settings a:focus { color: #393f4c !important; } .monsterinsights-email-summaries-settings .monsterinsights-dark { display: block; } .monsterinsights-email-summaries-settings .inline-field .monsterinsights-button:first-child { margin-left: 0; } .monsterinsights-email-summaries-settings .monsterinsights-settings-input-repeater { margin-bottom: 18px; } .monsterinsights-email-summaries-settings .monsterinsights-button.monsterinsights-button-disabled { cursor: not-allowed; background: #39967e !important; border-color: #4ab99b !important; } .monsterinsights-navigation-bar { width: 100%; background: #fff; border-top: 1px solid #d5e2ed; border-bottom: 1px solid #d5e2ed; padding: 0 10px; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li { display: inline-block; list-style: none; margin-bottom: 0; margin-right: 25px; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation 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: 14px; color: #000; cursor: pointer; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div button .caret { display: inline-block; width: 10px; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div button .caret svg { vertical-align: 1px; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div button .caret svg path { stroke: #000; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div:hover button, .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div.active button { color: #509fe2; border-bottom-color: #509fe2; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div:hover button .caret, .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div.active button .caret { display: inline-block; width: 10px; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div:hover button .caret svg > path, .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div.active button .caret svg > path { stroke: #509fe2; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation a.monsterinsights-navigation-tab-link, .monsterinsights-navigation-bar .monsterinsights-reports-navigation a.router-link-exact-active { font-weight: normal; margin-right: 0; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation ul { margin: 0; padding: 0; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation 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; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation ul.submenu li { width: 239px; display: inline-block; height: 88px; margin: 0; vertical-align: top; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation 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; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation ul.submenu li a .submenu_title { display: block; font-size: 14px; line-height: 28px; font-weight: bold; color: #393f4c; text-decoration: none; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation ul.submenu li a .submenu_text { display: block; font-size: 13px; line-height: 20px; text-decoration: none; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation ul.submenu li a:hover, .monsterinsights-navigation-bar .monsterinsights-reports-navigation ul.submenu li a.router-link-active { background: #f1f8ff; border-left: 2px solid #2c9eff; } @media (max-width: 782px) { .monsterinsights-navigation-bar .monsterinsights-reports-navigation li { display: block; text-align: center; margin-right: 0; min-width: auto; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div button { color: #509fe2; font-size: 16px; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li div button .caret svg path { stroke: #509fe2; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li .submenu { border: none; margin-left: 0; position: relative; max-width: none; width: 100%; z-index: 0; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li .submenu li { display: block; height: auto; text-align: center; width: 100%; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li .submenu li a .submenu_title { color: #000; font-size: 14px; font-weight: normal; } .monsterinsights-navigation-bar .monsterinsights-reports-navigation li .submenu li a .submenu_text { display: none; } } .monsterinsights-welcome-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); } .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-inner { background: #fff; padding: 30px; width: 70%; } @media screen and (max-width: 767px) { .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-inner { width: 100%; } } .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-inner { margin: 0 auto; position: relative; top: 10%; height: 80%; } .monsterinsights-welcome-overlay .monsterinsights-overlay-close { background: none; border: none; position: absolute; top: 5px; right: 7px; padding: 0; color: #777; } .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-content { height: 100%; } .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-content iframe { height: 100%; width: 100%; } .monsterinsights-accordion .monsterinsights-accordion { padding: 0; border: 1px solid #e0e0e0; } .monsterinsights-accordion .monsterinsights-accordion div:not(:last-child) { border-bottom: 1px solid rgba(10, 10, 10, 0.1); } .monsterinsights-accordion .monsterinsights-accordion div:last-child .monsterinsights-accordion-item-details { border-radius: 5px; } .monsterinsights-accordion .monsterinsights-accordion dd { margin-left: 0; margin-bottom: 0; } .monsterinsights-accordion .monsterinsights-accordion-item-trigger { cursor: pointer; outline: none; } .monsterinsights-accordion .monsterinsights-accordion-item-trigger, .monsterinsights-accordion .monsterinsights-accordion-item-details-inner { padding: 0px 20px 30px 20px; } .monsterinsights-accordion .monsterinsights-accordion-item.is-active .monsterinsights-accordion-item-title { border-bottom: 1px solid #e0e0e0; } .monsterinsights-accordion .monsterinsights-accordion-item-title { position: relative; background-color: #ffffff; cursor: pointer; } .monsterinsights-accordion .monsterinsights-accordion-item-title h4.monsterinsights-accordion-item-title-text { font-size: 20px; margin-bottom: 0; padding-right: 1.25rem; display: flex; } .monsterinsights-accordion .monsterinsights-accordion-item-title h4.monsterinsights-accordion-item-title-text .title { padding-left: 15px; } .monsterinsights-accordion .monsterinsights-accordion-item-trigger { width: 100%; text-align: left; background-color: transparent; border: none; } .monsterinsights-accordion .monsterinsights-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; } .monsterinsights-accordion .monsterinsights-accordion-item-trigger-icon.is-active { transform: translateY(calc(8px / 4)) rotate(225deg); } .monsterinsights-accordion .monsterinsights-accordion-item-details { overflow: hidden; background-color: #ffffff; padding-top: 15px; } .monsterinsights-accordion .monsterinsights-accordion-item-details p, .monsterinsights-accordion .monsterinsights-accordion-item-details ul { font-size: 1.2em; line-height: 1.8; } .monsterinsights-accordion .monsterinsights-accordion-item-enter-active, .monsterinsights-accordion .monsterinsights-accordion-item-leave-active { will-change: height; transition: height 0.2s ease; } .monsterinsights-accordion .monsterinsights-accordion-item-enter, .monsterinsights-accordion .monsterinsights-accordion-item-leave-to { height: 0 !important; } .slide-down-enter-active { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } .slide-down-leave-active { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .slide-down-enter-to, .slide-down-leave { max-height: 100px; overflow: hidden; } .slide-down-enter, .slide-down-leave-to { overflow: hidden; max-height: 0; } .monsterinsights-report.monsterinsights-ai-insights { position: relative; padding: 25px 20px; max-width: 950px; margin: 0 auto; } .monsterinsights-report.monsterinsights-ai-insights .monsterinsights-report-top { margin-top: 0 !important; margin-bottom: 25px; } .monsterinsights-report.monsterinsights-ai-insights .monsterinsights-report-top h2 { line-height: 1.25; margin: 0 !important; } .monsterinsights-ai-insights-card { display: flex; flex-direction: column; position: relative; background-color: #fff; border: 1px solid rgb(214, 226, 237); padding: 30px 20px 50px; min-height: 75vh; } .monsterinsights-ai-insights-card .monsterinsights-container { display: flex; flex-direction: column; flex: 1; width: 100% !important; max-width: 750px; } .monsterinsights-ai-insights-card-wrapper { display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 800px; height: 100%; width: 100%; flex: 1; } .monsterinsights-ai-insights-card__header { display: flex; align-items: center; font-weight: 700; font-size: 18px; } .monsterinsights-ai-insights-card__header h3 { margin: 0; } .monsterinsights-ai-insights-card__header h3:not(:first-child) { margin-left: 10px; } .monsterinsights-ai-insights-card__content { flex: 1; padding: 30px 10px; } .monsterinsights-ai-insights-card__footer { display: flex; justify-content: center; padding-left: 40px; } .monsterinsights-ai-insights-card .monsterinsights-upsell-overlay { top: 60px; z-index: 99; } .monsterinsights-ai-insights-card.monsterinsights-blur .monsterinsights-container { filter: blur(3px); } .monsterinsights-ai-insights-card.is-loading-chat { position: relative; } .monsterinsights-ai-insights-card.is-loading-chat::after { display: block; content: ""; position: absolute; inset: 0; background-color: rgba(255, 255, 255, 0.75); cursor: progress; } .monsterinsights-ai-insights-chat-item__actions, .monsterinsights-ai-result__rate { display: flex; } .monsterinsights-ai-insights-chat-item__actions button, .monsterinsights-ai-result__rate button { appearance: none; border: none; outline: none; background-color: transparent; cursor: pointer; padding: 6px; color: rgb(155, 155, 155); } .monsterinsights-ai-insights-chat-item__actions button:hover, .monsterinsights-ai-result__rate button:hover { color: rgb(100, 100, 100); } .monsterinsights-ai-insights-chat-item__actions button.is-on, .monsterinsights-ai-result__rate button.is-on { color: #509fe2; } .monsterinsights-ai-insights-chat-item__actions button:disabled, .monsterinsights-ai-result__rate button:disabled { cursor: default; opacity: 0.95; } .monsterinsights-ai-result { display: flex; align-items: flex-start; } .monsterinsights-ai-result > .icon { width: 26px; height: 26px; margin-right: 22px; color: rgb(72, 155, 232); } .monsterinsights-ai-result__content { flex: 1; } .monsterinsights-ai-result__message { background-color: rgb(243, 246, 255); color: rgb(68, 68, 68); padding: 20px; border-radius: 5px; } .monsterinsights-ai-result__message, .monsterinsights-ai-result__message p { margin: 0; font-size: 16px; line-height: 1.5; } .monsterinsights-ai-result__rate { margin-top: 10px; } .monsterinsights-ai-result__rate button:not(:last-child) { margin-right: 8px; } .monsterinsights-ai-result:not(:last-child) { margin-bottom: 34px; } .monsterinsights-ai-feedback { position: relative; border: 1px solid rgb(214, 226, 237); border-radius: 5px; margin-top: 10px; padding: 20px; } .monsterinsights-ai-feedback > *:not(:last-child):not(button) { margin-bottom: 20px; } .monsterinsights-ai-feedback h3 { font-size: 19px; font-weight: 500; color: rgb(68, 68, 68); } .monsterinsights-ai-feedback h3 span { font-weight: 400; } .monsterinsights-ai-feedback textarea { padding: 20px; width: 100%; max-height: 130px; border: 1px solid rgb(214, 226, 237); } .monsterinsights-ai-feedback textarea:focus { border-color: #509fe2; box-shadow: 0 0 0 1px #509fe2; } .monsterinsights-ai-feedback > p { margin-top: 0; padding-left: 2px; font-size: 14px; color: rgb(79, 79, 79); } .monsterinsights-ai-feedback button { background-color: rgb(230, 237, 255); border: none; outline: none; border-radius: 4px; color: #509fe2; padding: 8px 20px; cursor: pointer; } .monsterinsights-ai-feedback button:hover { background-color: rgb(220, 227, 255); } .monsterinsights-ai-feedback__close { position: absolute; top: 5px; right: 5px; } .monsterinsights-ai-feedback__close button { background-color: transparent !important; padding: 5px; margin-bottom: 0; } .monsterinsights-ai-feedback.is-submitted { display: flex; flex-direction: column; align-items: center; text-align: center; } .monsterinsights-ai-feedback.is-submitted .icon { padding: 10px 15px; width: 60px; height: 60px; border-radius: 50%; background-color: #509fe2; color: #fff; } .monsterinsights-ai-feedback.is-saving { position: relative; cursor: progress; } .monsterinsights-ai-feedback.is-saving::after { content: ""; display: block; position: absolute; inset: 0; background-color: rgba(255, 255, 255, 0.5); } .monsterinsights-ai-insights-card.has-sidebar { flex-direction: row; padding: 0; } .monsterinsights-ai-insights-card.has-sidebar.monsterinsights-blur { pointer-events: none; } .monsterinsights-ai-insights-card.has-sidebar.monsterinsights-blur .monsterinsights-ai-insights__sidebar { filter: blur(5px); } .monsterinsights-ai-insights__sidebar { width: 250px; border-right: 1px solid #D6E2ED; } .monsterinsights-ai-insights__sidebar-actions { padding: 10px 15px; } .monsterinsights-ai-insights__sidebar-actions .monsterinsights-button { width: 100%; } .monsterinsights-sidebar-block { padding: 0 10px; } .monsterinsights-sidebar-block__toggle { display: flex; align-items: center; width: 100%; appearance: none; border: none; outline: none; background-color: transparent; font-weight: 700; font-size: 15px; color: #393F4C; cursor: pointer; padding: 20px 10px; border-bottom: 1px solid #D6E2ED; transition: color 0.25s ease-in-out; } .monsterinsights-sidebar-block__toggle .icon { width: 12px; height: 8px; color: #D0D0CE; margin-left: auto; transition: all 0.25s ease-in-out; } .monsterinsights-sidebar-block.is-open .monsterinsights-sidebar-block__toggle { color: #509fe2; } .monsterinsights-sidebar-block.is-open .monsterinsights-sidebar-block__toggle .icon { transform: rotate(180deg); } .monsterinsights-sidebar-block.is-open .monsterinsights-sidebar-block__content { padding-top: 12px; } .monsterinsights-sidebar-block.is-loading { opacity: 0.5; } .monsterinsights-sidebar-block.is-loading .monsterinsights-sidebar-block__toggle { cursor: progress; } .monsterinsights-ai-insights__content { flex: 1; padding: 30px 20px 50px; } .monsterinsights-ai-insights__content--chat .monsterinsights-ai-insights-card__header { padding-left: 15px; padding-right: 15px; margin-bottom: 100px; width: 70%; flex-direction: column; align-items: flex-start; } .monsterinsights-ai-insights__content--chat .monsterinsights-ai-insights-card__header figure { margin: 0 0 10px; } .monsterinsights-ai-insights__content--chat .monsterinsights-ai-insights-card__header figure img { width: 145px; } .monsterinsights-ai-insights__content--chat .monsterinsights-ai-insights-card__header h3 { font-size: 32px; font-weight: 500; line-height: 1.2; margin: 0; } .monsterinsights-ai-insights__content--chat .monsterinsights-ai-insights-card__content { padding-left: 15px; padding-right: 15px; } .monsterinsights-ai-insights__content--chat .monsterinsights-ai-insights-card__footer { padding-left: 0; } .monsterinsights-ai-insights__content--chat .monsterinsights-container { height: 100%; } .monsterinsights-ai-prompts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .monsterinsights-ai-prompt-item { appearance: none; display: flex; align-items: center; background: transparent; outline: none; border: 1px solid #393F4C; border-radius: 5px; padding: 20px; text-align: left; cursor: pointer; box-shadow: 0 0 0 transparent; transition: border-color, box-shadow 0.25s ease-in-out; user-select: none; } .monsterinsights-ai-prompt-item-content { flex: 1; color: #393F4C; font-size: 14px; padding-right: 20px; } .monsterinsights-ai-prompt-item__title, .monsterinsights-ai-prompt-item__desc { display: block; } .monsterinsights-ai-prompt-item__title { font-weight: 700; margin-bottom: 10px; } .monsterinsights-ai-prompt-item__desc { color: #7f7f7f; } .monsterinsights-ai-prompt-item .icon { margin-left: auto; } .monsterinsights-ai-prompt-item:hover { border-color: #509fe2; box-shadow: 0 0 1px 1px #509fe2; } .monsterinsights-ai-user-prompt { display: flex; align-items: center; position: relative; width: 100%; } .monsterinsights-ai-user-prompt__input { flex: 1; max-height: 65px; min-height: 65px; resize: none; border: 2px solid #D6E2ED; border-radius: 5px; outline: none; padding: 20px 50px 20px 20px; transition: border-color 0.25s ease-in-out; } .monsterinsights-ai-user-prompt__input:focus { border: 2px solid #509fe2; outline: none; box-shadow: none; } .monsterinsights-ai-user-prompt__input::placeholder { color: #7f7f7f; } .monsterinsights-ai-user-prompt__submit { position: absolute; appearance: none; right: 12px; padding: 8px; border: none; outline: none; background-color: transparent; cursor: pointer; color: #7f7f7f; } .monsterinsights-ai-insights-chat-wrapper { position: relative; flex: 1; margin-bottom: 20px; max-height: 60vh; } .monsterinsights-ai-insights-chat-wrapper::before, .monsterinsights-ai-insights-chat-wrapper::after { display: block; content: ""; position: absolute; width: 100%; height: 30px; left: 0; background-color: #000; z-index: 10; } .monsterinsights-ai-insights-chat-wrapper::before { top: 0; background: linear-gradient(to bottom, #fff 0%, transparent 75%); } .monsterinsights-ai-insights-chat-wrapper::after { bottom: 0; background: linear-gradient(to top, #fff 0%, transparent 75%); } .monsterinsights-ai-insights-chat-container { padding: 20px 30px; max-height: 60vh; overflow: auto; } .monsterinsights-ai-insights-chat-item { display: flex; align-items: flex-start; width: 100%; } .monsterinsights-ai-insights-chat-item__icon { position: relative; width: 40px; height: 40px; margin-right: 20px; background-color: rgba(0, 0, 0, 0.25); border-radius: 50%; overflow: hidden; color: #509fe2; } .monsterinsights-ai-insights-chat-item__icon svg { width: 100%; height: 100%; } .monsterinsights-ai-insights-chat-item__icon img { position: absolute; width: 100%; inset: 0; top: 8px; } .monsterinsights-ai-insights-chat-item__content { flex: 1; } .monsterinsights-ai-insights-chat-item__sender { padding: 0; margin: 0; font-size: 16px; font-weight: 700; color: #444; } .monsterinsights-ai-insights-chat-item__message { padding-top: 5px; line-height: 1.5; } .monsterinsights-ai-insights-chat-item__message-chart { margin: 0 auto; padding-top: 16px; max-width: 550px; } .monsterinsights-ai-insights-chat-item__message-chart.chart--pie, .monsterinsights-ai-insights-chat-item__message-chart.chart--donut { max-width: 400px; } .monsterinsights-ai-insights-chat-item__message, .monsterinsights-ai-insights-chat-item__message > p { font-size: 16px; color: #444; } .monsterinsights-ai-insights-chat-item__message > p { margin: 0; } .monsterinsights-ai-insights-chat-item__message.is-mock { display: flex; align-items: center; } .monsterinsights-ai-insights-chat-item__message.is-mock .ai-spinner { margin-right: 5px; } .monsterinsights-ai-insights-chat-item:not(:last-child) { margin-bottom: 30px; } .monsterinsights-ai-chat-history-item { display: flex; align-items: center; position: relative; } .monsterinsights-ai-chat-history-item__action { appearance: none; border: none; outline: none; display: flex; align-items: flex-start; flex: 1; padding: 10px 0; background-color: transparent; cursor: pointer; color: #7F7F7F; transition: color 0.25ms ease-in-out; } .monsterinsights-ai-chat-history-item__action:hover { color: #509fe2; } .monsterinsights-ai-chat-history-item__icon { color: currentColor; width: 15px; height: 15px; margin-top: 2px; } .monsterinsights-ai-chat-history-item__icon svg { width: 100%; height: 100%; } .monsterinsights-ai-chat-history-item__rename { display: flex; align-items: center; position: absolute; inset: 4px; left: 0; flex: 1; z-index: 1; } .monsterinsights-ai-chat-history-item__rename input { border: 1px solid #7f7f7f; border-radius: 5px; padding-right: 25px; min-height: auto; max-height: 32px; height: 32px; width: 100%; background-color: #fff; margin: 0 0 0 24px; outline: none; box-shadow: 0 0 1px transparent; transition: all 250ms ease-in-out; } .monsterinsights-ai-chat-history-item__rename input:focus { border-color: #509fe2; box-shadow: 0 0 2px 1px #509fe2; } .monsterinsights-ai-chat-history-item__rename button { position: absolute; right: 0; bottom: 0; top: 0; border: none; background-color: transparent; cursor: pointer; } .monsterinsights-ai-chat-history-item__preview { flex: 1; text-align: left; padding: 0 14px 0 10px; color: currentColor; font-size: 14px; user-select: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .monsterinsights-ai-chat-history-item.is-active .monsterinsights-ai-chat-history-item__action { color: #509fe2; font-weight: 500; } .monsterinsights-ai-chat-history-item-menu { position: relative; } .monsterinsights-ai-chat-history-item-menu-toggle { display: flex; align-items: center; appearance: none; border: none; outline: none; background-color: transparent; padding: 6px 10px; color: #7F7F7F; cursor: pointer; } .monsterinsights-ai-chat-history-item-menu-float { display: flex; flex-direction: column; position: absolute; left: 0; top: 0; background: #fff; padding: 10px; border: 1px solid #D6E2ED; min-width: 160px; z-index: 10; } .monsterinsights-ai-chat-history-item-menu-float .floating-action { display: flex; align-items: center; width: 100%; color: #393F4C; padding: 14px 8px; cursor: pointer; font-size: 14px; border: none; background-color: transparent; transition: all 300ms ease-in-out; border-radius: 5px; } .monsterinsights-ai-chat-history-item-menu-float .floating-action .icon { margin-right: 6px; } .monsterinsights-ai-chat-history-item-menu-float .floating-action:hover { background-color: #ECEFF4; } .ai-spinner { width: 20px; aspect-ratio: 1; border-radius: 50%; border: 3px solid rgba(0, 0, 0, 0.15); border-right-color: #000; animation: l2 1s infinite linear; } @keyframes l2 { to { transform: rotate(1turn); } } .monsterinsights-ai-user-retry { display: flex; align-items: center; font-size: 14px; flex: 1; background-color: rgba(255, 25, 25, 0.075); border-radius: 4px; border: 1px solid rgba(255, 25, 25, 0.15); padding: 10px 20px; } .monsterinsights-ai-user-retry button { margin-left: auto; } .monsterinsights-report.monsterinsights-ai-insights .monsterinsights-button { background-color: rgb(51, 142, 239); } .monsterinsights-report.monsterinsights-ai-insights .monsterinsights-button:hover { background-color: rgb(34, 132, 236); } .monsterinsights-ai-insights-card { background-color: #fff; border: 1px solid rgb(214, 226, 237); } .monsterinsights-ai-result > .icon { color: rgb(72, 155, 232); } .monsterinsights-ai-result__message { background-color: rgb(243, 246, 255); color: rgb(68, 68, 68); } .monsterinsights-ai-result__rate { display: flex; margin-top: 10px; } .monsterinsights-ai-feedback { border: 1px solid rgb(214, 226, 237); } .monsterinsights-ai-feedback h3 { color: rgb(68, 68, 68); } .monsterinsights-ai-feedback textarea { border: 1px solid rgb(214, 226, 237); } .monsterinsights-ai-feedback textarea:focus { border-color: rgb(83, 161, 234); box-shadow: 0 0 0 1px rgb(83, 161, 234); } .monsterinsights-ai-feedback button { background-color: rgb(230, 237, 255); color: rgb(18, 121, 231); } .monsterinsights-ai-feedback button:hover { background-color: rgb(220, 227, 255); } .monsterinsights-ai-feedback.is-submitted .icon { color: #fff; background-color: rgb(72, 155, 232); } .monsterinsights-ai-insights-chat-item__icon { background-color: #F3F6FF; } body.monsterinsights_page { background: #f3f6ff; margin: 0; } .monsterinsights-admin-page, .monsterinsights-admin-page * { box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .monsterinsights_page #wpcontent { padding-left: 0; } .monsterinsights_page.auto-fold #wpcontent { padding-left: 0; } .monsterinsights-highlighted-text { color: #64bfa5; font-weight: 700; } .monsterinsights-bold { font-weight: 700; } .monsterinsights-bg-img { width: 100%; padding-top: 66%; position: relative; } .monsterinsights-bg-img:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-size: contain; } .monsterinsights-header { padding: 15px 10px; background-color: #f9fbff; min-height: 85px; } .monsterinsights-settings-panel-network > .monsterinsights-header { background-color: transparent; } .monsterinsights-logo-area { float: left; max-width: calc(100vw - 170px); } .monsterinsights-logo-area a:focus { box-shadow: unset; outline: 0 none; } .monsterinsights-logo-area img { display: block; max-width: 100%; } .monsterinsights-logo-area-premium img { width: 248px; } @media (max-width: 782px) { .monsterinsights-logo-area { text-align: center; margin: 0 auto; float: none; } .monsterinsights-logo-area img { display: inline-block; max-height: 35px; } } @media (max-width: 782px) { .monsterinsights-header .monsterinsights-container, .monsterinsights-navigation-bar .monsterinsights-container { padding: 0; width: 100%; } } .monsterinsights-admin-page { position: relative; } .monsterinsights-admin-page .monsterinsights-blocked { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(255, 255, 255, 0.5); z-index: 999; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-header { padding-bottom: 5px; } .monsterinsights-admin-page .monsterinsights-header .monsterinsights-button { display: none; } } .swal2-popup .swal2-title { line-height: 1.2; } #footer-left { color: #000; } #footer-left .monsterinsights-no-text-decoration { text-decoration: none; color: #fdb72c; font-size: 14px; } #footer-left a { color: #509fe1; } /* WP Footer */ #wpfooter { position: relative; } .monsterinsights-footer-love { display: block; clear: both; text-align: center; margin-top: 20px; margin-bottom: 20px; } .monsterinsights-footer-love span.flsep { color: #c3c4c7; display: inline-block; margin: 9px 7px; } .monsterinsights-footer-love-icon { color: #d63739; } .monsterinsights-container { margin: 0 auto; max-width: 100%; width: 750px; } .monsterinsights-admin-page .monsterinsights-navigation-tab-link { text-decoration: none; padding: 17px 0 15px; border-bottom: 2px solid #fff; font-size: 14px; color: #000; display: inline-block; margin-right: 25px; line-height: 1; outline: none; font-family: "Lato", sans-serif; } .monsterinsights-admin-page .monsterinsights-navigation-tab-link.router-link-exact-active, .monsterinsights-admin-page .monsterinsights-navigation-tab-link:hover, .monsterinsights-admin-page .monsterinsights-navigation-tab-link:focus { color: #509fe2; border-bottom-color: #509fe2; outline: none; box-shadow: none; } .monsterinsights-admin-page .monsterinsights-navigation-tab-link.router-link-exact-active { font-weight: 700; } .monsterinsights-admin-page .monsterinsights-navigation-tab-link.monsterinsights-navigation-tab-disabled:hover, .monsterinsights-admin-page .monsterinsights-navigation-tab-link.monsterinsights-navigation-tab-disabled:focus { border-bottom-color: transparent; color: #000; cursor: default; } .monsterinsights-admin-page .monsterinsights-navigation-tab-link.year-in-review { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJKSURBVHgBjdJbSFMBHMfx/7lMT7qdk5s7IsvWdIqZ6UFNJC+Yl4EGQUkYItHN8NZl7KESohUUVKCst8QoYkTFlLzlhWHZispSK7NWyjbdZmPJ5tbuLk9ZBD0U+H35v3xe/vADAEDgr15nZ3PgPymLi3E0o9F4XJim5P7GtfEpvIJHNYrJE6UXDXF/4MdKec3qrU2pakNS6+YuhULhQL98z3tvR26C58OKgY7aVJjWd/bUT8OuwtGsvSXJuICKQPEyLJZpTvjutI4UURqgiNm7NqE+I1EvXNDu60rShr2mM5K8etOK22H2OrCsCXUbGnD0PgD8a2B0uvKKTySBzVJqC8IsHR3cVhHNCgia3F2N0wKxnuUR4wiCsL8eLj8wxuyM0Q3l5nTTfDwIQhcNVL4HXK6Aqq9Dfu/2xpJoHhmViaEIiTyT1dMzQl0yKjqoI9e5kbStQ0ByMfBhcaCeqQO3n5i1hxgVB/NP8jiRDtzjXIoUb6fPR0h6EONwA9gIHsQXDQNfhMMR8j5Q9nHpp88uN8rEmJjSt1bMshDrSywoa0mNnxKI06fAZZEBTuwCPrMIaMQiPNEavvnZ5fl0WaqnKUnEYK3XhIVBc4GCR6yHDdIvkFw+BwSXghc3xOGBnonOEVdmg+Ly41uNEg7fGeKb8ahIulqSpwH7Ozl4pTtg2aOBN7rWO2NW69UuatrC4qFsJbSjKE5wM5sGX0H7oZu2+f7DbNBSFXqqOj3QnK7M+dcsjOc6Tz6sOEbCy+v7W56runvVF8rzYQ39AJVT15Tcu/1IAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: 0 50%; padding-left: 18px; font-weight: 700; } @media (max-width: 782px) { .monsterinsights-admin-page .monsterinsights-navigation-tab-link { width: 100%; text-align: center; padding: 10px 10px; color: #509fe2; font-size: 16px; background: #fff; border: none; } .monsterinsights-admin-page .monsterinsights-navigation-tab-link.router-link-exact-active { display: none; } .monsterinsights-admin-page .monsterinsights-navigation-tab-link:focus { color: #000; text-decoration: underline; } } .monsterinsights-admin-page .monsterinsights-button { background: #509fe2; border-style: solid; border-color: #2e7fbe; border-width: 1px 1px 2px 1px; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; padding: 10px 20px; text-decoration: none; } .monsterinsights-admin-page .monsterinsights-button:hover, .monsterinsights-admin-page .monsterinsights-button:focus { background-color: #3a93dd; border-color: #2971a9; color: #fff; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-disabled, .monsterinsights-admin-page .monsterinsights-button[disabled] { background: #f3f6ff; border-color: #d6e2eb; color: #8ba4b7; pointer-events: none; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-secondary { background: #8da4b5; border-color: #6f8ca0; color: #fff; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-secondary:hover, .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-secondary:focus { background-color: #7e98ab; border-color: #627f94; color: #fff; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-dismiss { background: #eceff5; color: #444; border-color: #d6e2ed; font-weight: 400; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-dismiss:hover, .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-dismiss:focus { background-color: #eceff5; color: #444; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-green { background: #5cc0a5; border-color: #40a88d; color: #fff; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-green:hover, .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-green:focus { background-color: #4ab99b; border-color: #39967e; color: #fff; box-shadow: none; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-gray { background: #8EA4B4; border-color: #738EA1; color: #fff; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-gray:hover, .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-gray:focus { background-color: #596771; border-color: #738EA1; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-gray.monsterinsights-button-disabled { pointer-events: none; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-text { background: transparent; border: none; color: #509fe2; padding: 0; border-radius: 0; text-decoration: underline; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-text:hover, .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-text:focus { background: transparent; color: #393f4c; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-red { background: #ea4e64; border-color: #d21933; color: #fff; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-outline { border-color: #509fe2; color: #509fe2; border-width: 1px; background: #fff; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-large { font-size: 16px; padding: 14px 27px; } .monsterinsights-admin-page .monsterinsights-button.monsterinsights-button-small { font-size: 13px; line-height: 20px; padding: 5px 10px; } .monsterinsights-green-text { color: #5cc0a5; font-weight: 700; } @media (max-width: 782px) { .wp-responsive-open #wpbody { margin-left: -18px; } } .monsterinsights-mobile-nav-trigger { color: #393f4c; font-size: 16px; font-weight: 500; width: 100%; display: block; border-width: 1px 0 1px; border-style: solid; border-color: #d6e2ed; background: #fff; padding: 15px 10px; line-height: 1; margin: 0; } @media (min-width: 783px) { .monsterinsights-mobile-nav-trigger { display: none; } } .monsterinsights-mobile-nav-trigger i { color: #acbdc9; margin-left: 10px; vertical-align: middle; } @media (max-width: 782px) { .monsterinsights-main-navigation { background: #fff; height: 0; overflow: hidden; } .monsterinsights-main-navigation.monsterinsights-main-navigation-open { padding: 10px 0; height: auto; border-bottom: 1px solid #d6e2ed; } } .wp-admin .monsterinsights-swal .swal2-content p { font-size: 16px; line-height: 1.7; } @media (min-width: 782px) { .auto-fold .wp-admin .monsterinsights-swal { margin-left: 36px; } } @media (min-width: 961px) { .auto-fold .wp-admin .monsterinsights-swal { margin-left: 160px; } .folded .wp-admin .monsterinsights-swal { margin-left: 36px; } } .monsterinsights-swal-addons-upgrade .swal2-popup { border-top: 4px solid #338EEF; } .monsterinsights-swal-addons-upgrade .swal2-popup .swal2-title { font-size: 25px; line-height: 1.4; } .monsterinsights-swal-addons-upgrade .swal2-popup .swal2-confirm.swal2-styled:focus { box-shadow: none; } .monsterinsights-swal-addons-upgrade .swal2-popup .swal2-styled.swal2-confirm:focus, .monsterinsights-swal-addons-upgrade .swal2-popup .swal2-styled.swal2-confirm { background-color: #338EEF; } .monsterinsights-swal-addons-upgrade .swal2-icon.swal2-info { border: 0 none; width: initial; height: initial; line-height: 1; margin-top: 10px; margin-bottom: 21px; } .monsterinsights-swal-addons-upgrade .swal2-icon.swal2-info .swal2-icon-content { font-size: 0; } .monsterinsights-swal-addons-upgrade .swal2-icon.swal2-info .swal2-icon-content::before { content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjMzM4RUVGIj48cGF0aCBkPSJNMjU2IDUxMkEyNTYgMjU2IDAgMSAwIDI1NiAwYTI1NiAyNTYgMCAxIDAgMCA1MTJ6TTIxNiAzMzZsMjQgMCAwLTY0LTI0IDBjLTEzLjMgMC0yNC0xMC43LTI0LTI0czEwLjctMjQgMjQtMjRsNDggMGMxMy4zIDAgMjQgMTAuNyAyNCAyNGwwIDg4IDggMGMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNGwtODAgMGMtMTMuMyAwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCAyNC0yNHptNDAtMjA4YTMyIDMyIDAgMSAxIDAgNjQgMzIgMzIgMCAxIDEgMC02NHoiLz48L3N2Zz4="); background-repeat: no-repeat; background-position: center; background-size: contain; display: inline-block; width: 40px; height: 40px; } .monsterinsights-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; } .monsterinsights-modal .monsterinsights-modal-inner { background: #fff; padding: 50px; border: 1px solid #d6e2ed; text-align: center; width: 750px; } .monsterinsights-modal .monsterinsights-modal-inner h2 { margin-top: 0; margin-bottom: 0; line-height: 1.4; } .monsterinsights-modal .monsterinsights-modal-inner p { margin-bottom: 0; } .monsterinsights-modal .monsterinsights-modal-inner .monsterinsights-modal-buttons { margin-top: 50px; } .monsterinsights-modal .monsterinsights-modal-inner .monsterinsights-button { margin: 0 10px; } .monsterinsights-welcome-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); } .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-inner { background: #fff; padding: 30px; width: 70%; margin: 0 auto; position: relative; top: 10%; height: 80%; } @media screen and (max-width: 767px) { .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-inner { width: 100%; } } .monsterinsights-welcome-overlay .monsterinsights-overlay-close { background: none; border: none; position: absolute; top: 5px; right: 7px; padding: 0; color: #777; } .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-content { height: 100%; } .monsterinsights-welcome-overlay .monsterinsights-welcome-overlay-content iframe { height: 100%; width: 100%; } .monsterinsights-float-right { float: right; margin-top: 5px; } .monsterinsights-loading-spinner-inline { text-align: center; margin: 25px; } .monsterinsights-loading-spinner-inline .monsterinsights-loading-spinner-inline-loader-holder { display: inline-block; } .monsterinsights-seoboost-cta { background: #fff; border-left: 3px solid #338EEF; padding: 20px 26px; border-radius: 3px 0 0 3px; position: relative; margin-bottom: 1rem; } .monsterinsights-seoboost-cta br { display: none; } .monsterinsights-seoboost-cta .monsterinsights-seoboost-cta-close { position: absolute; top: 12px; right: 12px; cursor: pointer; border: 0; background: transparent; padding: 0; margin: 0; outline: none; } .monsterinsights-seoboost-cta .monsterinsights-seoboost-cta-title { font-weight: bold; font-size: 16px; line-height: 20px; color: #393F4C; margin: 0; } .monsterinsights-seoboost-cta .monsterinsights-seoboost-cta-content { font-weight: normal; font-size: 14px; color: #393F4C; } .monsterinsights-seoboost-cta .monsterinsights-button { background: #338EEF; border-radius: 3px; font-weight: normal; font-size: 14px; border-width: 0; padding: 7px 12px; } .monsterinsights-seoboost-cta .monsterinsights-button:hover, .monsterinsights-seoboost-cta .monsterinsights-button:active, .monsterinsights-seoboost-cta .monsterinsights-button:focus { background: #3088e6; outline: none; } .monsterinsights-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; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-content-wrapper { display: flex; align-items: center; flex: 1; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-icon { margin-right: 16px; flex-shrink: 0; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-icon svg { width: 40px; height: 40px; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-text { flex: 1; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-title { font-weight: 600; font-size: 16px; line-height: 20px; color: #393f4c; margin: 0 0 4px 0; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-content { font-weight: 400; font-size: 14px; color: #393f4c; margin: 0; line-height: 18px; } .monsterinsights-install-activate-aiseo .monsterinsights-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; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-button:hover, .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-button:focus { background: #228b4f; outline: none; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-button:disabled, .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-button.installing { background: #6b7280; cursor: not-allowed; } @media (max-width: 768px) { .monsterinsights-install-activate-aiseo { flex-direction: column; align-items: stretch; padding: 16px; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-content-wrapper { margin-bottom: 12px; } .monsterinsights-install-activate-aiseo .monsterinsights-aiseo-cta-button { margin-left: 0; width: 100%; } } .monsterinsights-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; background-color: rgb(243, 246, 255); border-radius: 50%; overflow: hidden; margin: 0; } .framed-mascot img { position: absolute; bottom: -1px; left: 3px; } .framed-mascot::after { content: ""; display: block; padding-bottom: 100%; } .monsterinsights-clearfix::after { content: ""; clear: both; display: table; } .monsterinsights-setup-wizard-link { cursor: pointer; } body.monsterinsights_page #adminmenuwrap { position: relative !important; } .monsterinsights-header { background-color: #f9fbff; border-bottom: 1px solid #d6e2ed; width: 100%; padding: 0; margin: 0; position: relative; } .monsterinsights-header-container.monsterinsights-container { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; max-width: 100%; width: auto; margin: 0; } .monsterinsights-header-left { display: flex; align-items: center; } .monsterinsights-header-right { display: flex; align-items: center; gap: 20px; } .monsterinsights-float-right { margin-left: auto; } .monsterinsights-report-content > .monsterinsights-container { max-width: 100%; width: 100%; padding: 0; margin: 0 auto; box-sizing: border-box; } .monsterinsights-container { max-width: 100%; width: 100%; padding: 0; margin: 0 auto; box-sizing: border-box; } .monsterinsights-logo-area { line-height: 1; font-size: 0; } .monsterinsights-logo-area a { display: inline-block; } .monsterinsights-logo-area a:focus { outline: none; box-shadow: none; } @media (max-width: 767px) { .monsterinsights-logo-area img { max-height: 40px; width: auto; } } .screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .monsterinsights-datepicker-input-switch { border-top: 1px solid #D6E2ED; padding: 14px 20px 5px 20px; margin-top: 10px; } .monsterinsights-datepicker-input-switch label { cursor: pointer; } .monsterinsights-datepicker-input-switch label input { display: none; } .monsterinsights-datepicker-input-switch .monsterinsights-checkbox-label { font-size: 14px; vertical-align: middle; font-weight: 700; } .monsterinsights-datepicker-input-switch .monsterinsights-styled-checkbox { width: 27px; height: 18px; position: relative; display: inline-block; border-radius: 10px; margin-right: 9px; background-color: #acbdc9; vertical-align: middle; } .monsterinsights-datepicker-input-switch .monsterinsights-styled-checkbox.monsterinsights-styled-checkbox-checked { background-color: #509fe2; } .monsterinsights-datepicker-input-switch .monsterinsights-styled-checkbox.monsterinsights-styled-checkbox-checked:after { right: 2px; left: auto; } .monsterinsights-datepicker-input-switch .monsterinsights-styled-checkbox:after { left: 2px; top: 2px; bottom: 2px; width: 14px; position: absolute; content: ""; background: #fff; display: block; border-radius: 50%; } .monsterinsights-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; } .monsterinsights-datepicker-default-buttons { width: 315px; flex-shrink: 0; padding: 12px; border-right: 1px solid #d6e2ed; } .monsterinsights-datepicker-default-buttons button.monsterinsights-button { display: block; width: 100%; margin-bottom: 5px; text-align: left; background-color: #fff; color: #444; border: none; } .monsterinsights-datepicker-default-buttons button.monsterinsights-button:hover, .monsterinsights-datepicker-default-buttons button.monsterinsights-button:active, .monsterinsights-datepicker-default-buttons button.monsterinsights-button.monsterinsights-interval-active { background-color: #eceff4; color: #444; } .monsterinsights-datepicker-default-buttons button.monsterinsights-button i { margin-right: 10px; } .monsterinsights-datepicker-range-inputs { background: #F9FBFF; border-bottom: 1px solid #D6E2ED; display: flex; } .monsterinsights-datepicker-range-input { padding: 12px; } .monsterinsights-datepicker-range-input h3 { font-size: 14px; font-weight: 700; margin: 0 0 5px 0; } .monsterinsights-datepicker-range-input + .monsterinsights-datepicker-range-input { border-left: 1px solid #D6E2ED; } .monsterinsights-datepicker-range-input-fields { display: flex; justify-content: space-between; position: relative; } .monsterinsights-datepicker-range-input-fields::after { content: ""; position: absolute; left: calc(50% - 5px); top: 50%; height: 1px; width: 10px; background-color: #393F4C; } .monsterinsights-datepicker-range-input-fields input { border: 1px solid #D6E2ED; width: 45%; background-color: #fff; height: 30px; } .monsterinsights-datepicker-calenders { display: flex; } .monsterinsights-datepicker-calender { border-bottom: 1px solid #D6E2ED; padding: 12px; } .monsterinsights-datepicker-calender + .monsterinsights-datepicker-calender { border-left: 1px solid #D6E2ED; } .monsterinsights-datepicker-calender .flatpickr-wrapper { display: block; } .monsterinsights-datepicker-calender .flatpickr-wrapper .flatpickr-calendar { box-shadow: 0 0 0; } .monsterinsights-datepicker-calender .flatpickr-wrapper .flatpickr-calendar.inline { position: static; } .monsterinsights-datepicker-calenders-bottom { display: flex; padding: 12px; justify-content: space-between; } .monsterinsights-datepicker-calenders-bottom button.monsterinsights-button { width: 49%; padding: 7px; } .monsterinsights-datepicker-calenders-bottom button.monsterinsights-button.monsterinsights-button-secondary { color: #393F4C; background-color: #E2E4E9; border-color: #E2E4E9; } .monsterinsights-datepicker-calenders-bottom button.monsterinsights-button.monsterinsights-button-secondary:hover, .monsterinsights-datepicker-calenders-bottom button.monsterinsights-button.monsterinsights-button-secondary:focus { background-color: #d7d9dd; border-color: #d7d9dd; color: #393F4C; } .monsterinsights-reports-interval-date-info { background: #8da4b5; border-radius: 3px; color: #fff; border-style: solid; border-color: #6f8ca0; 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; } .monsterinsights-reports-interval-date-info span { font-weight: 400; } .monsterinsights-reports-interval-date-info i { margin-left: auto; } .monsterinsights-reports-interval-date-info:hover { background: #7e98ab; border-color: #627f94; } .monsterinsights-reports-interval-dropdown-container { position: relative; } .monsterinsights-reports-datepicker { display: flex; } .monsterinsights-reports-datepicker--disabled .monsterinsights-reports-interval-date-info { opacity: 0.6; cursor: not-allowed; pointer-events: none; } .flatpickr-input[readonly] { display: none; } .monsterinsights-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; } .monsterinsights-button.monsterinsights-export-pdf-button { background: #ECEFF5; border-color: #D6E2ED; color: #393F4C; font-weight: 400; padding-left: 18px; padding-right: 18px; } .monsterinsights-button.monsterinsights-export-pdf-button:hover { background: #e4e8ee; color: #393F4C; } .monsterinsights-datepicker-calendar-icon { font-size: 0; display: inline-block; padding-left: 7px; } .monsterinsights-datepicker-default-buttons .monsterinsights-datepicker-calendar-icon { padding-left: 0; margin-right: 10px; } .monsterinsights-datepicker-default-buttons button:has(.monsterinsights-datepicker-calendar-icon) { display: flex; align-items: center; } .monsterinsights-reports-intervals-dropdown { display: flex; flex-direction: column; } .monsterinsights-reports-intervals-dropdown--two-calendars { min-width: 1032px; max-width: min(95vw, 1200px); } .monsterinsights-datepicker-dropdown-body { display: flex; flex-direction: column; min-width: 0; } .monsterinsights-datepicker-dropdown-body--with-calendars { flex-direction: row; align-items: flex-start; gap: 20px; padding: 0 2px; min-width: 0; } .monsterinsights-datepicker-dropdown-body--with-calendars .monsterinsights-datepicker-default-buttons { flex: 0 0 auto; display: flex; flex-direction: column; } .monsterinsights-datepicker-dropdown-body--with-calendars .monsterinsights-datepicker-range-wrapper { flex: 1 1 auto; min-width: 0; } .monsterinsights-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; } .monsterinsights-datepicker-compare-label { font-weight: 600; font-size: 14px; color: #393f4c; } .monsterinsights-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; } .monsterinsights-datepicker-apply-button { padding: 8px 20px; font-size: 14px; font-weight: 600; color: #fff; background: #2271b1; border: none; border-radius: 3px; cursor: pointer; } .monsterinsights-datepicker-apply-button:hover:not(:disabled) { background: #135e96; } .monsterinsights-datepicker-apply-button:disabled { opacity: 0.5; cursor: not-allowed; } .monsterinsights-datepicker-range-inputs--compare { display: flex; gap: 24px; flex-wrap: wrap; } .monsterinsights-datepicker-range-inputs--compare .monsterinsights-datepicker-range-input { flex: 1; min-width: 0; } .monsterinsights-datepicker-calenders--two { display: flex; gap: 24px; flex-wrap: wrap; } .monsterinsights-datepicker-calenders--two .monsterinsights-datepicker-calender { flex: 1; min-width: 280px; } .monsterinsights-datepicker-compare-toggle { position: relative; width: 40px; height: 22px; flex-shrink: 0; border: none; background: none; cursor: pointer; padding: 0; border-radius: 11px; } .monsterinsights-datepicker-compare-toggle__track { position: absolute; inset: 0; border-radius: 11px; background: #d1d5db; transition: background 0.2s ease; } .monsterinsights-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; } .monsterinsights-datepicker-compare-toggle--on .monsterinsights-datepicker-compare-toggle__track { background: #2271b1; } .monsterinsights-datepicker-compare-toggle--on .monsterinsights-datepicker-compare-toggle__thumb { transform: translateX(18px); } .mi-header-notifications { position: relative; } .monsterinsights-notificationsv3-inbox-button { position: relative; display: inline-block; } @media (max-width: 767px) { .monsterinsights-notificationsv3-inbox-button { position: absolute; top: -9px; right: 15px; } } .monsterinsights-notificationsv3-inbox-button .monsterinsights-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) { .monsterinsights-notificationsv3-inbox-button .monsterinsights-button { display: inline-block; } } .monsterinsights-notificationsv3-inbox-button .monsterinsights-button svg path { fill: #509fe2; } .monsterinsights-notificationsv3-inbox-button .monsterinsights-button:hover, .monsterinsights-notificationsv3-inbox-button .monsterinsights-button:focus, .monsterinsights-notificationsv3-inbox-button .monsterinsights-button:active { background: #e7eaec; border-color: #D3D7DE; outline: none; } .monsterinsights-notificationsv3-inbox-button .monsterinsights-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; } .monsterinsights-notificationsv3-inbox-button .monsterinsights-notificationsv3-inbox-number.number-greater-than-10 { right: -13px; } .monsterinsights-notificationsv3-inbox-button .monsterinsights-notificationsv3-inbox-number.number-less-than-10 { right: -10px; } .monsterinsights-notificationsv3-container { display: inline-block; } .monsterinsights-notificationsv3-container .monsterinsights-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; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-no-notifications { text-align: center; position: absolute; top: 50%; margin-top: -69px; width: 100%; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-no-notifications h4 { font-size: 16px; color: #7C869D; } .monsterinsights-notificationsv3-container .monsterinsights-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) { .monsterinsights-notificationsv3-container .monsterinsights-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); } } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar.monsterinsights-notificationsv3-sidebar-in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-single-notification { padding: 0 16px; overflow: hidden; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top { background: #2679C1; display: flex; align-items: center; height: 50px; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-title { width: 50%; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-title svg { margin-right: 10px; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-title h3 { display: inline-block; color: #fff; font-size: 18px; font-weight: bold; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions { width: 50%; text-align: right; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button { color: #fff; text-decoration: underline; border: 0; padding: 0; background: transparent; border-radius: 0; } @media (max-width: 782px) { .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button { display: inline-block; } } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button:hover { color: #efe5e5; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button:active, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-button:focus { outline: none; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close { margin-left: 12px; vertical-align: bottom; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close:hover svg path, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close:active svg path, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-top .monsterinsights-notificationsv3-sidebar-header-top-actions .monsterinsights-notificationsv3-sidebar-close:focus svg path { fill: #efe5e5; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom { display: flex; align-items: center; height: 60px; border-bottom: 1px solid #E2E4E9; margin: 0 16px; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count { width: 50%; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count .monsterinsights-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; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count .monsterinsights-notificationsv3-dismissed-number { margin-right: 8px; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-notifications-count h4 { display: inline-block; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions { width: 50%; text-align: right; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span { text-decoration: underline; color: #99A1B3; cursor: pointer; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span:hover, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span:active, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-header-bottom .monsterinsights-notificationsv3-sidebar-header-bottom-actions span:focus { color: #a9b1c3; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications { display: block; margin-bottom: 32px; } @media (max-width: 782px) { .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications { margin-bottom: 46px; } } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification { border-bottom: 1px solid #E2E4E9; padding-bottom: 24px; display: flex; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-icon { width: 54px; float: left; text-align: center; padding-top: 24px; } @media (max-width: 782px) { .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-icon { float: none; margin: 0 auto; } } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details { float: left; width: 354px; padding-top: 20px; } @media (max-width: 782px) { .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details { width: 260px; } } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-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) { .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-title h5 { width: 65%; } } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-title span { color: #7F899F; font-size: 13px; float: right; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-content p { color: #393F4C; font-size: 13px; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions { display: flex; align-items: center; padding-top: 2px; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-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; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-button:hover, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-button:active, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions .monsterinsights-button:focus { background: #D3D7DE; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span { font-size: 13px; color: #7F899F; cursor: pointer; } .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span:hover, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span:focus, .monsterinsights-notificationsv3-container .monsterinsights-notificationsv3-sidebar .monsterinsights-notificationsv3-sidebar-notifications .monsterinsights-notificationsv3-single-notification .monsterinsights-notificationsv3-notification-details .monsterinsights-notificationsv3-notification-actions span:active { color: #a9b1c3; } .monsterinsights-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; } .monsterinsights-button:disabled { opacity: 0.6; cursor: not-allowed; } .monsterinsights-button--primary { background: #509fe2; border-color: #2e7fbe; color: #fff; } .monsterinsights-button--primary:hover:not(:disabled) { background: #3a93dd; border-color: #2971a9; } .monsterinsights-button--secondary { background: #8da4b5; border-color: #6f8ca0; border-bottom-width: 2px; color: #fff; } .monsterinsights-button--secondary:hover:not(:disabled) { background: #7e98ab; } .monsterinsights-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; } .monsterinsights-not-authenticated-notice h3 { text-align: center; color: #393f4c; font-size: 20px; margin: 32px 0 20px; line-height: 1.4; } .monsterinsights-not-authenticated-notice p { color: #444; font-size: 14px; line-height: 1.6; } .monsterinsights-not-authenticated-notice .monsterinsights-settings-input-authenticate { text-align: center; } .monsterinsights-not-authenticated-notice .monsterinsights-dark { color: #444; font-size: 14px; line-height: 1.6; } .monsterinsights-not-authenticated-notice .monsterinsights-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: #8da4b5; border: 1px solid #6f8ca0; color: #fff; } .monsterinsights-not-authenticated-notice .monsterinsights-button:hover, .monsterinsights-not-authenticated-notice .monsterinsights-button:focus { background: #7e98ab; border-color: #627f94; color: #fff; } .monsterinsights-not-authenticated-notice .monsterinsights-button.monsterinsights-button-alt { background: #509fe2; border-color: #2e7fbe; color: #fff; } .monsterinsights-not-authenticated-notice .monsterinsights-button.monsterinsights-button-alt:hover, .monsterinsights-not-authenticated-notice .monsterinsights-button.monsterinsights-button-alt:focus { background: #3a93dd; border-color: #2971a9; color: #fff; } .monsterinsights-not-authenticated-notice .monsterinsights-button:disabled { opacity: 0.7; cursor: not-allowed; } .monsterinsights-not-authenticated-notice .monsterinsights-disclaimer-note { color: #999; font-size: 12px; margin: 10px 0 0; line-height: 1.4; } .monsterinsights-report-content .monsterinsights-container { padding: 0 30px 20px 30px; } body.monsterinsights-downloading-pdf-report .monsterinsights-sticky-bar { position: static; } .monsterinsights-overview-report-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 30px 30px 15px 30px; background-color: #f3f6ff; } .monsterinsights-overview-report-header.monsterinsights-blur { min-height: auto; } .monsterinsights-overview-report-header .monsterinsights-reports-interval-date-info { background-color: #ffffff; border-radius: 8px; border: 1px solid #8798b3; color: #364153; line-height: 1.43; } .monsterinsights-overview-report-header .monsterinsights-reports-interval-date-info:hover { background-color: #EAEDF7; } .monsterinsights-overview-report-header-right { display: flex; align-items: center; gap: 16px; } .monsterinsights-report-header-applied-filters { display: flex; align-items: center; gap: 8px; } .monsterinsights-report-header-applied-filters__label { font-size: 14px; line-height: 20px; color: #6a7282; white-space: nowrap; } .monsterinsights-report-header-applied-filters__container { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag { display: inline-flex; align-items: center; gap: 4px; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 100px; background: transparent; cursor: default; } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag:hover { border-color: #228bee; } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag:hover .monsterinsights-filter-tag__text { color: #228bee; } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag:hover .monsterinsights-filter-tag__remove .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag__text { font-size: 12px; line-height: 16px; color: #393f4c; white-space: nowrap; } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag__name { font-weight: 400; } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag__value { font-weight: 700; } .monsterinsights-report-header-applied-filters .monsterinsights-filter-tag__remove { display: flex; align-items: center; justify-content: center; padding: 0; border: none; background: transparent; color: #393f4c; cursor: pointer; } .monsterinsights-report-header-applied-filters .monsterinsights-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; } .monsterinsights-report-header-applied-filters .monsterinsights-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; } .monsterinsights-report-header-applied-filters .monsterinsights-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; } .monsterinsights-header-btn { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background-color: #ffffff; border: 1px solid #8798b3; border-radius: 8px; cursor: pointer; } .monsterinsights-header-btn:hover { background-color: #EAEDF7; } .monsterinsights-header-btn:focus { outline: none; } .monsterinsights-header-btn__text { font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: -0.3125px; color: #393f4c; } .monsterinsights-header-btn__indicator { width: 8px; height: 8px; background-color: #eb5757; border-radius: 100px; flex-shrink: 0; } .monsterinsights-header-btn--download { gap: 12px; padding: 8px 16px; } .monsterinsights-header-btn--download .mi-icon { color: #393f4c; } .monsterinsights-header-btn .mi-icon { color: #393f4c; flex-shrink: 0; } .monsterinsights-download-dropdown { position: relative; } .monsterinsights-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: monsterinsights-dropdown-fade-in 0.15s ease-out; } .monsterinsights-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; } .monsterinsights-download-dropdown__item:hover { background-color: #f1f5f9; } .monsterinsights-download-dropdown__item:disabled { opacity: 0.6; cursor: not-allowed; } .monsterinsights-download-dropdown__item .mi-icon { color: #6a7282; flex-shrink: 0; } @keyframes monsterinsights-dropdown-fade-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .monsterinsights-overview-chart-loading, .monsterinsights-overview-chart-error { display: flex; align-items: center; justify-content: center; min-height: 350px; } .monsterinsights-overview-chart-error { color: #eb5757; font-size: 14px; } .monsterinsights-overview-report-traffic-chart-section { border-radius: 8px; margin: 15px 0 70px 0; position: relative; } .monsterinsights-overview-report-traffic-chart-tabs { display: flex; border-radius: 12px 12px 0 0; gap: 1px; height: 72px; } .monsterinsights-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; } .monsterinsights-overview-tab:first-child { border-top-left-radius: 8px; } .monsterinsights-overview-tab:last-child { border-top-right-radius: 8px; } .monsterinsights-overview-tab:hover:not(.monsterinsights-overview-tab--active) { background-color: rgba(255, 255, 255, 0.5); } .monsterinsights-overview-tab .mi-icon { color: #393f4c; } .monsterinsights-overview-tab__label { font-size: 16px; font-weight: 500; line-height: 20px; color: #393f4c; } .monsterinsights-overview-tab--active { background-color: #fff; border-top-color: #228bee; border-radius: 8px 8px 0 0; } .monsterinsights-overview-tab--active .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-overview-tab--active .monsterinsights-overview-tab__label { color: #228bee; } .monsterinsights-overview-report-traffic-chart-content { padding: 32px 32px 10px 32px; } .monsterinsights-traffic-chart-key-metrics { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 32px; gap: 0; } .monsterinsights-traffic-chart-key-metrics__row { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-basis: 100%; } .monsterinsights-traffic-chart-key-metrics__container { display: flex; align-items: center; gap: 20px; } .monsterinsights-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; } .monsterinsights-traffic-chart-key-metrics__previous-label { font-size: 14px; font-weight: 600; line-height: 20px; color: #6a7282; white-space: nowrap; flex-shrink: 0; } .monsterinsights-traffic-chart-key-metrics__container--previous { display: flex; align-items: center; gap: 20px; flex: 1; } .monsterinsights-overview-metric { display: flex; flex-direction: column; gap: 8px; padding-right: 20px; border-right: 1px solid #d3d8e9; } .monsterinsights-overview-metric:last-child { border-right: none; padding-right: 0; } .monsterinsights-overview-metric__label { font-size: 16px; font-weight: 400; line-height: 24px; color: #6a7282; } .monsterinsights-overview-metric__value-wrap { display: flex; flex-direction: column; gap: 4px; } .monsterinsights-overview-metric__value { font-size: 28px; font-weight: 400; line-height: 32px; color: #6a7282; } .monsterinsights-overview-metric__date-range { font-size: 12px; font-weight: 400; line-height: 16px; color: #9ca3af; } .monsterinsights-overview-metric__percent-change { font-size: 12px; font-weight: 400; line-height: 16px; } .monsterinsights-overview-metric__percent-change--positive { color: #059669; } .monsterinsights-overview-metric__percent-change--negative { color: #dc2626; } .monsterinsights-overview-metric--highlighted .monsterinsights-overview-metric__label { font-weight: 700; color: #393f4c; } .monsterinsights-overview-metric--highlighted .monsterinsights-overview-metric__value { font-weight: 700; color: #393f4c; } .monsterinsights-overview-metric--previous .monsterinsights-overview-metric__value { font-size: 22px; font-weight: 400; color: #6a7282; } .monsterinsights-traffic-chart-metrics-dropdown { position: relative; z-index: 1; } .monsterinsights-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; } .monsterinsights-traffic-chart-metrics-dropdown__trigger span { font-size: 14px; font-weight: 600; line-height: 24px; color: #393f4c; } .monsterinsights-traffic-chart-metrics-dropdown__trigger .mi-icon { color: #393f4c; } .monsterinsights-traffic-chart-metrics-dropdown__trigger:hover { border-color: #228bee; } .monsterinsights-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; } .monsterinsights-traffic-chart-metrics-dropdown__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 24px; } .monsterinsights-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; } .monsterinsights-traffic-chart-metrics-dropdown__item:hover { opacity: 0.8; } .monsterinsights-traffic-chart-metrics-dropdown__item span:last-child { width: 120px; } .monsterinsights-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); } .monsterinsights-traffic-chart-metrics-dropdown__checkbox .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-traffic-chart-metrics-dropdown__item--selected .monsterinsights-traffic-chart-metrics-dropdown__checkbox { border-color: #228bee; background-color: #D7EBFF; } .monsterinsights-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; } .monsterinsights-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; } .monsterinsights-traffic-chart-metrics-dropdown__btn--reset { background-color: #fff; border: 1px solid #228bee; color: #228bee; } .monsterinsights-traffic-chart-metrics-dropdown__btn--reset:hover { background-color: #f0f7ff; } .monsterinsights-traffic-chart-metrics-dropdown__btn--apply { background-color: #228bee; border: 1px solid #228bee; color: #fff; } .monsterinsights-traffic-chart-metrics-dropdown__btn--apply:hover { background-color: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-traffic-chart-legends { display: flex; align-items: center; justify-content: flex-end; gap: 20px; margin-bottom: 25px; } .monsterinsights-traffic-chart-legend { display: flex; align-items: center; gap: 8px; } .monsterinsights-traffic-chart-legend__dot { width: 8px; height: 8px; border-radius: 50%; } .monsterinsights-traffic-chart-legend__label { font-size: 14px; font-weight: 500; line-height: 20px; color: #000; } .monsterinsights-overview-report-traffic-chart-wrapper { width: 100%; } .monsterinsights-overview-key-metrics { display: flex; flex-direction: column; gap: 16px; padding: 32px; background-color: #fff; border-radius: 12px; } .monsterinsights-overview-key-metrics__header { display: flex; align-items: center; justify-content: space-between; } .monsterinsights-overview-key-metrics__title { font-size: 20px; font-weight: 400; line-height: 32px; color: #393f4c; margin: 0; } .monsterinsights-overview-key-metrics__link { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; border: none; cursor: pointer; text-decoration: none; } .monsterinsights-overview-key-metrics__link span { font-size: 14px; font-weight: 400; line-height: 24px; color: #228bee; } .monsterinsights-overview-key-metrics__link .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-overview-key-metrics__link:hover { opacity: 0.8; } .monsterinsights-overview-key-metrics__container { display: flex; align-items: center; gap: 0; } .monsterinsights-overview-key-metrics__item-wrapper { display: flex; align-items: center; padding: 0 32px; position: relative; flex: 1; } .monsterinsights-overview-key-metrics__item-wrapper:first-child { padding-left: 0; } .monsterinsights-overview-key-metrics__item-wrapper:last-child { padding-right: 0; } .monsterinsights-overview-key-metrics__item-wrapper:last-child::after { display: none; } .monsterinsights-overview-key-metrics__item-wrapper::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 44px; background-color: #d3d8e9; } .monsterinsights-overview-key-metrics__item { display: flex; flex-direction: column; gap: 8px; } .monsterinsights-overview-key-metrics__label { font-size: 16px; font-weight: 500; line-height: 24px; color: #393f4c; } .monsterinsights-overview-key-metrics__value-row { display: flex; align-items: center; gap: 8px; } .monsterinsights-overview-key-metrics__value { font-size: 28px; font-weight: 700; line-height: 32px; letter-spacing: 0.5px; color: #393f4c; } .monsterinsights-overview-key-metrics__trend { display: flex; align-items: center; gap: 4px; height: 20px; padding: 0 4px; border-radius: 4px; } .monsterinsights-overview-key-metrics__trend span { font-size: 16px; font-weight: 500; line-height: 24px; } .monsterinsights-overview-key-metrics__trend--positive { background-color: #eafff3; } .monsterinsights-overview-key-metrics__trend--positive span { color: #219653; } .monsterinsights-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%); } .monsterinsights-overview-key-metrics__trend--negative { background-color: #fff1f2; } .monsterinsights-overview-key-metrics__trend--negative span { color: #eb5757; } .monsterinsights-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%); } .monsterinsights-overview-report-table { display: flex; flex-direction: column; gap: 24px; padding: 32px; background-color: #fff; border-radius: 12px; margin-top: 40px; } .monsterinsights-overview-report-table__header { display: flex; align-items: center; justify-content: space-between; min-height: 32px; } .monsterinsights-overview-report-table__title { font-size: 20px; font-weight: 400; line-height: 32px; color: #393f4c; margin: 0; } .monsterinsights-overview-report-table__header-right { display: flex; align-items: center; gap: 36px; } .monsterinsights-overview-report-table__tabs { display: flex; align-items: center; gap: 12px; } .monsterinsights-overview-report-table__tab { padding: 0; background: transparent; border: none; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 20px; color: #6a7282; } .monsterinsights-overview-report-table__tab--active { font-weight: 700; color: #228bee; } .monsterinsights-overview-report-table__tab:hover:not(.monsterinsights-overview-report-table__tab--active) { opacity: 0.8; } .monsterinsights-overview-report-table__tab-divider { display: inline-block; width: 1px; height: 14px; background-color: #cbd5e1; } .monsterinsights-overview-report-table__view-link { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; border: none; cursor: pointer; text-decoration: none; } .monsterinsights-overview-report-table__view-link span { font-size: 14px; font-weight: 400; line-height: 24px; color: #228bee; } .monsterinsights-overview-report-table__view-link .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-overview-report-table__view-link:hover { opacity: 0.8; } .monsterinsights-overview-report-table__table-wrapper { border: 1px solid #cbd5e1; border-radius: 8px; overflow: hidden; } .monsterinsights-overview-report-table__table { width: 100%; border-collapse: collapse; } .monsterinsights-overview-report-table__table thead tr { border-bottom: 1px solid #cbd5e1; } .monsterinsights-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; } .monsterinsights-overview-report-table__table thead th:first-child { padding-left: 32px; text-align: left; } .monsterinsights-overview-report-table__table thead th:last-child { padding-right: 20px; } .monsterinsights-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; } .monsterinsights-overview-report-table__table tbody td:first-child { padding-left: 32px; text-align: left; } .monsterinsights-overview-report-table__table tbody td:last-child { padding-right: 20px; } .monsterinsights-overview-report-table__table tbody td span { display: inline-block; max-width: 25ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .monsterinsights-overview-report-table__th-content { display: flex; align-items: center; gap: 8px; justify-content: flex-end; } th:first-child .monsterinsights-overview-report-table__th-content { justify-content: flex-start; } .monsterinsights-overview-report-table__th--sortable { cursor: pointer; } .monsterinsights-overview-report-table__cell-with-icon { display: flex; align-items: center; gap: 8px; } .monsterinsights-overview-report-table__cell-with-icon .mi-icon { border-radius: 50%; flex-shrink: 0; } .monsterinsights-overview-report-table__load-more { display: flex; align-items: center; justify-content: center; height: 56px; } .monsterinsights-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; } .monsterinsights-overview-report-table__load-more-btn:hover { background-color: #e0e3e7; } .monsterinsights-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); } .monsterinsights-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; } .monsterinsights-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; } .monsterinsights-report-table-modal__close .mi-icon { color: #6a7282; } .monsterinsights-report-table-modal__close:hover { background-color: #f4f4f4; } .monsterinsights-report-table-modal__title { font-size: 24px; font-weight: 600; line-height: 32px; color: #393f4c; margin: 0; } .monsterinsights-report-table-modal__search { position: relative; } .monsterinsights-report-table-modal__search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .monsterinsights-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; } .monsterinsights-report-table-modal__table-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; } .monsterinsights-report-table-modal__table { width: 100%; border-collapse: separate; border-spacing: 0; } .monsterinsights-report-table-modal__table thead { position: sticky; top: 0; z-index: 1; background-color: #fff; } .monsterinsights-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; } .monsterinsights-report-table-modal__table thead th:first-child { padding-left: 20px; text-align: left; } .monsterinsights-report-table-modal__table thead th:last-child { padding-right: 20px; } .monsterinsights-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; } .monsterinsights-report-table-modal__table tbody td:first-child { padding-left: 20px; text-align: left; } .monsterinsights-report-table-modal__table tbody td:last-child { padding-right: 20px; } .monsterinsights-report-table-modal__table tbody td span { display: inline-block; max-width: 25ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .monsterinsights-report-table-modal__table tfoot { position: sticky; bottom: 0; z-index: 1; } .monsterinsights-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; } .monsterinsights-report-table-modal__table tfoot td:first-child { padding-left: 28px; text-align: left; } .monsterinsights-report-table-modal__table tfoot td:last-child { padding-right: 20px; } .monsterinsights-report-table-modal__th-content { display: flex; align-items: center; gap: 8px; justify-content: flex-end; } th:first-child .monsterinsights-report-table-modal__th-content { justify-content: flex-start; } .monsterinsights-report-table-modal__th--sortable { cursor: pointer; } .monsterinsights-report-table-modal__cell-with-icon { display: flex; align-items: center; gap: 8px; } .monsterinsights-report-table-modal__cell-with-icon .mi-icon { border-radius: 50%; flex-shrink: 0; } input.monsterinsights-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.monsterinsights-report-table-modal__search-input[type=text]::placeholder { color: #777; } input.monsterinsights-report-table-modal__search-input[type=text]:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } .monsterinsights-overview-report-two-col { display: flex; gap: 32px; align-items: flex-start; margin-top: 40px; } .monsterinsights-overview-report-two-col .monsterinsights-overview-report-table { flex: 1; min-width: 0; margin-top: 0; } .monsterinsights-filter-modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.3); } .monsterinsights-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; } .monsterinsights-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; } .monsterinsights-filter-modal__toast .mi-icon { filter: brightness(0) invert(1); } .monsterinsights-filter-modal__toast span { font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; white-space: nowrap; } .monsterinsights-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; } .monsterinsights-filter-modal__close .mi-icon { color: #6a7282; } .monsterinsights-filter-modal__close:hover { background-color: #f4f4f4; } .monsterinsights-filter-modal__header { display: flex; align-items: center; justify-content: space-between; } .monsterinsights-filter-modal__title { font-size: 24px; font-weight: 500; line-height: 32px; color: #393f4c; margin: 0; } .monsterinsights-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; } .monsterinsights-filter-modal__clear-all:hover { opacity: 0.8; } .monsterinsights-filter-modal__body { display: flex; flex-direction: column; gap: 28px; } .monsterinsights-filter-modal__rows { display: flex; flex-direction: column; gap: 20px; } .monsterinsights-filter-modal__rows-list { display: flex; flex-direction: column; gap: 16px; } .monsterinsights-filter-modal__row { display: flex; align-items: flex-end; gap: 16px; } .monsterinsights-filter-modal__row--compact .monsterinsights-filter-modal__field-label { display: none; } .monsterinsights-filter-modal__select-group { display: flex; align-items: flex-end; gap: 16px; flex: 1; } .monsterinsights-filter-modal__field { display: flex; flex-direction: column; gap: 8px; width: 184px; } .monsterinsights-filter-modal__field--value { flex: 1; width: auto; } .monsterinsights-filter-modal__field-label { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .monsterinsights-filter-modal__select-wrapper { position: relative; } .monsterinsights-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; } .monsterinsights-filter-modal__select-wrapper select:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } .monsterinsights-filter-modal__select-wrapper .mi-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .monsterinsights-filter-modal__select-wrapper--value { position: relative; } .monsterinsights-filter-modal__icon-left { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1; } .monsterinsights-filter-modal__icon-right { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1; } .monsterinsights-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; } .monsterinsights-filter-modal__row-delete:hover { background-color: #e8e8e8; } .monsterinsights-filter-modal__row-delete .mi-icon { filter: brightness(0) saturate(100%) invert(57%) sepia(42%) saturate(3439%) hue-rotate(323deg) brightness(92%) contrast(104%); } .monsterinsights-filter-modal__add-btn { display: flex; align-items: center; gap: 8px; height: 48px; padding: 1px 17px; background-color: #fff; border: 1px solid #228bee; border-radius: 4px; cursor: pointer; align-self: flex-start; } .monsterinsights-filter-modal__add-btn span { font-size: 14px; font-weight: 600; line-height: 24px; color: #228bee; } .monsterinsights-filter-modal__add-btn .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-filter-modal__add-btn:hover { background-color: #f0f7ff; } .monsterinsights-filter-modal__add-btn--sm { height: 40px; padding: 1px 12px; } .monsterinsights-filter-modal__add-btn--disabled, .monsterinsights-filter-modal__add-btn:disabled { background-color: #f5f5f5; border-color: #d1d5db; cursor: not-allowed; opacity: 0.7; } .monsterinsights-filter-modal__add-btn--disabled span, .monsterinsights-filter-modal__add-btn:disabled span { color: #9ca3af; } .monsterinsights-filter-modal__add-btn--disabled .mi-icon, .monsterinsights-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%); } .monsterinsights-filter-modal__add-btn--disabled:hover, .monsterinsights-filter-modal__add-btn:disabled:hover { background-color: #f5f5f5; } .monsterinsights-filter-modal__device-section { display: flex; flex-direction: column; gap: 12px; } .monsterinsights-filter-modal__section-title { font-size: 16px; font-weight: 700; line-height: 20px; color: #393f4c; margin: 0; } .monsterinsights-filter-modal__device-options { display: flex; gap: 20px; } .monsterinsights-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; } .monsterinsights-filter-modal__device-btn span { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .monsterinsights-filter-modal__device-btn:hover { border-color: #393f4c; } .monsterinsights-filter-modal__device-btn--active { background-color: #edf0f3; border-color: #393f4c; } .monsterinsights-filter-modal__device-btn--active span { font-weight: 700; } .monsterinsights-filter-modal__actions { display: flex; align-items: center; gap: 24px; } .monsterinsights-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; } .monsterinsights-filter-modal__btn--outline { background-color: #fff; border: 1px solid #228bee; color: #228bee; } .monsterinsights-filter-modal__btn--outline:hover { background-color: rgba(34, 139, 238, 0.06); } .monsterinsights-filter-modal__btn--primary { background-color: #228bee; border: 1px solid #228bee; color: #fff; } .monsterinsights-filter-modal__btn--primary:hover { background-color: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-filter-modal__btn--cancel { background-color: #fff; border: 1px solid #cbd5e1; color: #393f4c; } .monsterinsights-filter-modal__btn--cancel:hover { background-color: #f4f4f4; } .monsterinsights-filter-modal__btn--sm { height: 40px; padding: 1px 16px; } .monsterinsights-filter-modal__divider { width: 100%; height: 1px; background-color: #cbd5e1; } .monsterinsights-filter-modal__save-as { display: flex; flex-direction: column; gap: 12px; } .monsterinsights-filter-modal__save-as-form { display: flex; flex-direction: column; gap: 16px; } .monsterinsights-filter-modal__save-as-actions { display: flex; align-items: center; gap: 24px; } .monsterinsights-filter-modal__saved-filters { display: flex; flex-direction: column; gap: 16px; } .monsterinsights-filter-modal__empty-state { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px 0; } .monsterinsights-filter-modal__empty-state p { font-size: 16px; font-weight: 400; line-height: 20px; color: #393f4c; text-align: center; margin: 0; } .monsterinsights-filter-modal__saved-list { display: flex; flex-direction: column; gap: 16px; } .monsterinsights-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; } .monsterinsights-filter-modal__saved-item--applied { background-color: #edf0f3; border: 1px solid #b6bdc2; } .monsterinsights-filter-modal__saved-item--editing { border: 1px solid #b6bdc2; } .monsterinsights-filter-modal__saved-item-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; min-height: 44px; box-sizing: border-box; } .monsterinsights-filter-modal__saved-item-info { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 16px; } .monsterinsights-filter-modal__saved-item-name { font-size: 14px; font-weight: 600; line-height: 20px; color: #393f4c; } .monsterinsights-filter-modal__saved-item-status { font-size: 14px; font-weight: 600; line-height: 20px; } .monsterinsights-filter-modal__saved-item-status--applied { color: #219653; } .monsterinsights-filter-modal__saved-item-status--apply { color: #228bee; cursor: pointer; } .monsterinsights-filter-modal__saved-item-status--apply:hover { text-decoration: underline; } .monsterinsights-filter-modal__saved-item-actions { display: flex; align-items: center; gap: 8px; margin-left: 16px; } .monsterinsights-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; } .monsterinsights-filter-modal__saved-item-btn:hover { opacity: 0.7; } .monsterinsights-filter-modal__saved-item-edit { display: flex; flex-direction: column; gap: 16px; padding: 0 16px 16px 16px; } .monsterinsights-filter-modal__edit-actions { display: flex; align-items: center; gap: 16px; } input.monsterinsights-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.monsterinsights-filter-modal__input[type=text]::placeholder { color: #777777; } input.monsterinsights-filter-modal__input[type=text]:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } input.monsterinsights-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.monsterinsights-filter-modal__save-as-input[type=text]::placeholder { color: #777; } input.monsterinsights-filter-modal__save-as-input[type=text]:focus { border-color: #b6bdc2; box-shadow: none; } .monsterinsights-overview-ecommerce-funnel { display: flex; flex-direction: column; gap: 24px; padding: 32px; background-color: #fff; border-radius: 12px; margin-top: 40px; } .monsterinsights-overview-ecommerce-funnel__header { display: flex; align-items: center; justify-content: space-between; min-height: 32px; } .monsterinsights-overview-ecommerce-funnel__header-left { display: flex; align-items: center; gap: 16px; } .monsterinsights-overview-ecommerce-funnel__title { font-size: 20px; font-weight: 400; line-height: 32px; color: #393f4c; margin: 0; } .monsterinsights-overview-ecommerce-funnel__funnel-select-wrapper { position: relative; } .monsterinsights-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; } .monsterinsights-overview-ecommerce-funnel__funnel-select-wrapper select:focus { outline: none; box-shadow: none; border-color: #cbd5e1; color: #393f4c; } .monsterinsights-overview-ecommerce-funnel__funnel-select-wrapper .mi-icon { position: absolute; right: 17px; top: 50%; transform: translateY(-50%); pointer-events: none; } .monsterinsights-overview-ecommerce-funnel__header-right { display: flex; align-items: center; gap: 36px; } .monsterinsights-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; } .monsterinsights-overview-ecommerce-funnel__manage-btn span { font-size: 14px; font-weight: 600; line-height: 24px; color: #393f4c; } .monsterinsights-overview-ecommerce-funnel__manage-btn:hover { border-color: #228bee; } .monsterinsights-overview-ecommerce-funnel__view-link { display: flex; align-items: center; gap: 4px; padding: 0; background: transparent; border: none; cursor: pointer; } .monsterinsights-overview-ecommerce-funnel__view-link span { font-size: 14px; font-weight: 400; line-height: 24px; color: #228bee; } .monsterinsights-overview-ecommerce-funnel__view-link .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-overview-ecommerce-funnel__view-link:hover { opacity: 0.8; } .monsterinsights-overview-ecommerce-funnel__table-wrapper { border: 1px solid #cbd5e1; border-radius: 8px; overflow: hidden; } .monsterinsights-overview-ecommerce-funnel__table { width: 100%; border-collapse: collapse; } .monsterinsights-overview-ecommerce-funnel__table thead tr { border-bottom: 1px solid #cbd5e1; } .monsterinsights-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; } .monsterinsights-overview-ecommerce-funnel__table thead th:first-child { padding-left: 20px; } .monsterinsights-overview-ecommerce-funnel__table thead th:last-child { padding-right: 20px; } .monsterinsights-overview-ecommerce-funnel__table tbody td { padding: 8px; font-size: 16px; font-weight: 400; line-height: 24px; color: #393f4c; white-space: nowrap; } .monsterinsights-overview-ecommerce-funnel__table tbody td:first-child { padding-left: 28px; } .monsterinsights-overview-ecommerce-funnel__table tbody td:last-child { padding-right: 20px; } .monsterinsights-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; } .monsterinsights-overview-ecommerce-funnel__table tfoot td:first-child { padding-left: 28px; } .monsterinsights-overview-ecommerce-funnel__table tfoot td:last-child { padding-right: 20px; } .monsterinsights-overview-ecommerce-funnel__th-content { display: flex; align-items: center; gap: 8px; } .monsterinsights-overview-ecommerce-funnel__th-content .mi-icon { transform: rotate(90deg); } .monsterinsights-overview-ecommerce-funnel__empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 40px 0; } .monsterinsights-overview-ecommerce-funnel__empty p { font-size: 16px; font-weight: 400; line-height: 20px; color: #393f4c; text-align: center; margin: 0; } .monsterinsights-searchable-select { position: relative; } .monsterinsights-searchable-select--disabled { opacity: 0.6; pointer-events: none; } .monsterinsights-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; } .monsterinsights-searchable-select__trigger:focus { border-color: #b6bdc2; } .monsterinsights-searchable-select__trigger .mi-icon { flex-shrink: 0; transition: transform 0.2s; } .monsterinsights-searchable-select--open .monsterinsights-searchable-select__trigger .mi-icon { transform: rotate(180deg); } .monsterinsights-searchable-select__value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 8px; } .monsterinsights-searchable-select__value--placeholder { color: #9ca3af; font-weight: 400; } .monsterinsights-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; } .monsterinsights-searchable-select__search-wrapper { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-bottom: 1px solid #e5e7eb; } .monsterinsights-searchable-select__search-wrapper .mi-icon { flex-shrink: 0; color: #9ca3af; } .monsterinsights-searchable-select__search { flex: 1; border: none; outline: none; font-size: 14px; line-height: 20px; color: #393f4c; background: transparent; padding: 4px 0; } .monsterinsights-searchable-select__search::placeholder { color: #9ca3af; } .monsterinsights-searchable-select__options { overflow-y: auto; max-height: 260px; padding: 4px 0; } .monsterinsights-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; } .monsterinsights-searchable-select__option--highlighted { background-color: #f3f4f6; } .monsterinsights-searchable-select__option--selected { font-weight: 600; color: #228bee; } .monsterinsights-searchable-select__no-results { padding: 12px; font-size: 14px; color: #9ca3af; text-align: center; } .monsterinsights-funnel-modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: rgba(0, 0, 0, 0.3); } .monsterinsights-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; } .monsterinsights-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; } .monsterinsights-funnel-modal__toast .mi-icon { filter: brightness(0) invert(1); } .monsterinsights-funnel-modal__toast span { font-size: 14px; font-weight: 500; line-height: 20px; color: #fff; white-space: nowrap; } .monsterinsights-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; } .monsterinsights-funnel-modal__close .mi-icon { color: #6a7282; } .monsterinsights-funnel-modal__close:hover { background-color: #f4f4f4; } .monsterinsights-funnel-modal__header { display: flex; align-items: center; justify-content: space-between; } .monsterinsights-funnel-modal__title { font-size: 24px; font-weight: 600; line-height: 32px; color: #393f4c; margin: 0; } .monsterinsights-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; } .monsterinsights-funnel-modal__clear-all:hover { opacity: 0.8; } .monsterinsights-funnel-modal__body { display: flex; flex-direction: column; gap: 28px; } .monsterinsights-funnel-modal__create-section { display: flex; flex-direction: column; gap: 12px; } .monsterinsights-funnel-modal__section-title { font-size: 16px; font-weight: 700; line-height: 20px; color: #393f4c; margin: 0; } .monsterinsights-funnel-modal__name-field { display: flex; flex-direction: column; gap: 8px; } .monsterinsights-funnel-modal__field-label { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .monsterinsights-funnel-modal__steps-section { display: flex; flex-direction: column; gap: 20px; } .monsterinsights-funnel-modal__steps-label { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .monsterinsights-funnel-modal__steps-list { display: flex; flex-direction: column; gap: 12px; } .monsterinsights-funnel-modal__step-row { display: flex; align-items: center; gap: 16px; } .monsterinsights-funnel-modal__step-number { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; width: 16px; flex-shrink: 0; } .monsterinsights-funnel-modal__select-wrapper { position: relative; width: 120px; flex-shrink: 0; } .monsterinsights-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; } .monsterinsights-funnel-modal__select-wrapper select:focus { outline: none; box-shadow: none; border-color: #b6bdc2; color: #393f4c; } .monsterinsights-funnel-modal__select-wrapper .mi-icon { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); pointer-events: none; } .monsterinsights-funnel-modal__step-value-wrapper { flex: 1; } .monsterinsights-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; } .monsterinsights-funnel-modal__step-delete .mi-icon { filter: brightness(0) saturate(100%) invert(57%) sepia(42%) saturate(3439%) hue-rotate(323deg) brightness(92%) contrast(104%); } .monsterinsights-funnel-modal__step-delete:hover { opacity: 0.7; } .monsterinsights-funnel-modal__step-actions { display: flex; align-items: center; gap: 20px; } .monsterinsights-funnel-modal__add-step-btn { display: flex; align-items: center; gap: 8px; height: 44px; padding: 8px 16px; background-color: #fff; border: 1px solid #228bee; border-radius: 4px; cursor: pointer; } .monsterinsights-funnel-modal__add-step-btn span { font-size: 14px; font-weight: 600; line-height: 20px; color: #228bee; } .monsterinsights-funnel-modal__add-step-btn .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-funnel-modal__add-step-btn:hover { background-color: #f0f7ff; } .monsterinsights-funnel-modal__add-step-btn--sm { height: 40px; padding: 8px 16px; } .monsterinsights-funnel-modal__create-btn { display: flex; align-items: center; justify-content: center; height: 44px; padding: 1px 16px; background-color: #228bee; border: 1px solid #228bee; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 24px; color: #fff; cursor: pointer; } .monsterinsights-funnel-modal__create-btn:hover { background-color: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-funnel-modal__save-edit-btn { display: flex; align-items: center; justify-content: center; height: 44px; padding: 8px 16px; background-color: #228bee; border: 1px solid #228bee; border-radius: 4px; font-size: 14px; font-weight: 600; line-height: 24px; color: #fff; cursor: pointer; } .monsterinsights-funnel-modal__save-edit-btn:hover { background-color: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-funnel-modal__divider { width: 100%; height: 1px; background-color: #cbd5e1; } .monsterinsights-funnel-modal__saved-section { display: flex; flex-direction: column; gap: 12px; } .monsterinsights-funnel-modal__empty-state { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px 0; } .monsterinsights-funnel-modal__empty-state p { font-size: 16px; font-weight: 400; line-height: 20px; color: #393f4c; text-align: center; margin: 0; } .monsterinsights-funnel-modal__saved-list { display: flex; flex-direction: column; gap: 12px; } .monsterinsights-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; } .monsterinsights-funnel-modal__saved-item--applied { background-color: #edf0f3; border: 1px solid #b6bdc2; } .monsterinsights-funnel-modal__saved-item--editing { background-color: #edf0f3; border: 1px solid #b6bdc2; } .monsterinsights-funnel-modal__saved-item-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; min-height: 44px; box-sizing: border-box; } .monsterinsights-funnel-modal__saved-item-info { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 16px; } .monsterinsights-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; } .monsterinsights-funnel-modal__saved-item-steps { font-size: 14px; font-weight: 400; line-height: 20px; color: #393f4c; } .monsterinsights-funnel-modal__saved-item-actions { display: flex; align-items: center; gap: 8px; margin-left: 16px; } .monsterinsights-funnel-modal__saved-item-status { font-size: 14px; font-weight: 600; line-height: 20px; } .monsterinsights-funnel-modal__saved-item-status--applied { color: #219653; } .monsterinsights-funnel-modal__saved-item-status--apply { color: #228bee; cursor: pointer; } .monsterinsights-funnel-modal__saved-item-status--apply:hover { text-decoration: underline; } .monsterinsights-funnel-modal__saved-item-status--default { color: #6a7282; } .monsterinsights-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; } .monsterinsights-funnel-modal__saved-item-btn:hover { opacity: 0.7; } .monsterinsights-funnel-modal__saved-item-edit { display: flex; flex-direction: column; gap: 12px; padding: 0 24px 24px 24px; } .monsterinsights-funnel-modal__edit-actions { display: flex; align-items: center; gap: 20px; } input.monsterinsights-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.monsterinsights-funnel-modal__name-input[type=text]::placeholder { color: #777; } input.monsterinsights-funnel-modal__name-input[type=text]:focus { border-color: #b6bdc2; box-shadow: none; outline: none; color: #393f4c; } input.monsterinsights-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.monsterinsights-funnel-modal__step-input[type=text]::placeholder { color: rgba(57, 63, 76, 0.3); } input.monsterinsights-funnel-modal__step-input[type=text]:focus { border-color: #b6bdc2; box-shadow: none; outline: none; color: #393f4c; } .monsterinsights-overview-upsell-cta { position: relative; display: flex; align-items: stretch; background: linear-gradient(83.24deg, #228bee 1.91%, rgb(15.5428571429, 111.5428571429, 202.0571428571) 99.2%); border-radius: 12px; margin-top: 70px; min-height: 296px; } .monsterinsights-overview-upsell-cta__content { position: relative; max-width: 468px; padding: 40px 0 40px 48px; } .monsterinsights-overview-upsell-cta__text { display: flex; flex-direction: column; gap: 16px; margin-bottom: 22px; } .monsterinsights-overview-upsell-cta__title { margin: 0; font-size: 28px; font-weight: 500; line-height: 32px; color: #fff; } .monsterinsights-overview-upsell-cta__description { margin: 0; font-size: 18px; font-weight: 400; line-height: 28px; color: #eff3fc; } .monsterinsights-overview-upsell-cta__btn { display: inline-flex; align-items: center; gap: 11px; padding: 12px 24px; background-color: #fff; border: 1px solid #228bee; border-radius: 4px; color: #228bee; text-decoration: none; } .monsterinsights-overview-upsell-cta__btn span { font-size: 20px; font-weight: 600; line-height: 32px; color: #228bee; } .monsterinsights-overview-upsell-cta__btn .mi-icon { filter: invert(45%) sepia(98%) saturate(1932%) hue-rotate(194deg) brightness(96%) contrast(88%); } .monsterinsights-overview-upsell-cta__arrow { position: absolute; right: -42px; bottom: 38px; width: 100px; height: 52px; } .monsterinsights-overview-upsell-cta__image { position: absolute; top: -29px; right: 6px; width: 744px; height: 325px; } .monsterinsights-overview-upsell-cta__image img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1400px) { .monsterinsights-overview-upsell-cta__image { width: 560px; height: auto; top: auto; bottom: 0; } } @media (max-width: 1280px) { .monsterinsights-overview-upsell-cta { flex-direction: column; } .monsterinsights-overview-upsell-cta__content { max-width: 100%; padding: 32px 32px 0; } .monsterinsights-overview-upsell-cta__image { position: static; width: 100%; max-width: 720px; height: auto; margin: 0 auto; padding-top: 20px; } .monsterinsights-overview-upsell-cta__image img { height: auto; } .monsterinsights-overview-upsell-cta__arrow { display: none; } } .monsterinsights-overview-report-traffic-chart-content--has-overlay { position: relative; overflow: hidden; padding-block: 74px; } .monsterinsights-ecommerce-upsell-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .monsterinsights-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; } .monsterinsights-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; } .monsterinsights-ecommerce-upsell-overlay__text-section { display: flex; flex-direction: column; align-items: center; gap: 20px; } .monsterinsights-ecommerce-upsell-overlay__title { font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: -0.24px; text-align: center; color: #393f4c; margin: 0; } .monsterinsights-ecommerce-upsell-overlay__integrations { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; max-width: 761px; } .monsterinsights-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); } .monsterinsights-ecommerce-upsell-overlay__logo-card img { display: block; height: 24px; width: auto; object-fit: contain; } .monsterinsights-ecommerce-upsell-overlay__description { font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; color: #393f4c; max-width: 640px; margin: 0; } .monsterinsights-ecommerce-upsell-overlay__actions { display: flex; flex-direction: column; align-items: center; gap: 12px; } .monsterinsights-ecommerce-upsell-overlay__coupon { display: flex; align-items: center; gap: 4px; padding: 8px 16px; background-color: #f1f8ff; border-radius: 4px; } .monsterinsights-ecommerce-upsell-overlay__coupon-label { font-size: 14px; font-weight: 700; line-height: 24px; text-transform: uppercase; color: #777; } .monsterinsights-ecommerce-upsell-overlay__coupon-code { font-size: 16px; font-weight: 700; line-height: 24px; color: #228bee; margin-left: 8px; } .monsterinsights-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; } .monsterinsights-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: monsterinsights-copied-toast-fade 1.5s ease forwards; } @keyframes monsterinsights-copied-toast-fade { 0%, 70% { opacity: 1; } 100% { opacity: 0; } } .monsterinsights-ecommerce-upsell-overlay__btn { display: flex; align-items: center; gap: 11px; padding: 12px 32px; background-color: #228bee; border: 1px solid rgb(16.5142857143, 118.5142857143, 214.6857142857); border-radius: 4px; color: #fff; text-decoration: none; cursor: pointer; } .monsterinsights-ecommerce-upsell-overlay__btn span { font-size: 20px; font-weight: 600; line-height: 32px; color: #fff; } .monsterinsights-ecommerce-upsell-overlay__btn:hover { background-color: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-ecommerce-upsell-overlay__btn:focus { outline: none; } .monsterinsights-ecommerce-upsell-overlay__btn .mi-icon { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7481%) hue-rotate(36deg) brightness(100%) contrast(100%); } .monsterinsights-site-notes-toggle { position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); } .monsterinsights-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: #228bee; font-size: 14px; font-weight: 400; cursor: pointer; line-height: 24px; } .monsterinsights-site-notes-toggle__btn .mi-icon { width: 16px; height: 16px; } .monsterinsights-site-notes-toggle__btn:hover { color: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-overview-notes { border-top: 1px solid #cbd5e1; background: #fff; padding: 24px 32px 32px 32px; border-radius: 0 0 12px 12px; } .monsterinsights-overview-notes__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .monsterinsights-overview-notes__header-left-links { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #393f4c; } .monsterinsights-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; } .monsterinsights-overview-notes__header-left-links a.selected { color: #228bee; font-weight: 600; } .monsterinsights-overview-notes__header-left-links a:hover { color: #228bee; } .monsterinsights-overview-notes__header-left-links a:focus { outline: none; box-shadow: none; } .monsterinsights-overview-notes__header-left-links .star-icon-inline { width: 14px; height: 14px; flex-shrink: 0; } .monsterinsights-overview-notes__header-right .monsterinsights-button { display: inline-flex; align-items: center; gap: 6px; background: #228bee; color: #fff; border: none; padding: 8px 16px; border-radius: 4px; font-size: 14px; cursor: pointer; white-space: nowrap; } .monsterinsights-overview-notes__header-right .monsterinsights-button:hover { background: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-overview-notes__header-right .monsterinsights-button .mi-icon { filter: brightness(0) saturate(100%) invert(96%) sepia(96%) saturate(16%) hue-rotate(228deg) brightness(106%) contrast(104%); } .monsterinsights-overview-notes__body-list { border: 1px solid #e2effb; border-radius: 4px; } .monsterinsights-overview-notes__table { width: 100%; border-collapse: collapse; } .monsterinsights-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; } .monsterinsights-overview-notes__table td { padding: 12px 16px; font-size: 14px; color: #393f4c; border-bottom: 1px solid #e2effb; vertical-align: middle; } .monsterinsights-overview-notes__table tbody tr:last-child td { border-bottom: none; } .monsterinsights-overview-notes__col-date { width: 180px; } .monsterinsights-overview-notes th.monsterinsights-overview-notes__col-date { padding-left: 43px; } .monsterinsights-overview-notes__col-category { width: 200px; } .monsterinsights-overview-notes__date-cell { display: flex; align-items: center; gap: 8px; } .monsterinsights-overview-notes__note-cell { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .monsterinsights-overview-notes__edit-link { color: #228bee; text-decoration: none; font-size: 13px; white-space: nowrap; opacity: 0; transition: opacity 0.2s; } .monsterinsights-overview-notes__edit-link:hover { text-decoration: underline; } .monsterinsights-overview-notes__table tbody tr:hover .monsterinsights-overview-notes__edit-link { opacity: 1; } .monsterinsights-overview-notes__edit-row { background: #f8fafc; } .monsterinsights-overview-notes__edit-row td { padding: 12px 16px; vertical-align: top; } .monsterinsights-overview-notes__edit-date-cell { display: flex; align-items: center; gap: 8px; } .monsterinsights-overview-notes__edit-note-cell { margin-bottom: 8px; } .monsterinsights-overview-notes__edit-actions { display: flex; align-items: center; gap: 8px; } .monsterinsights-overview-notes__edit-actions .monsterinsights-button { background: #228bee; color: #fff; border: none; padding: 6px 14px; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; } .monsterinsights-overview-notes__edit-actions .monsterinsights-button:hover { background: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-overview-notes__edit-actions .monsterinsights-button:disabled { opacity: 0.6; cursor: not-allowed; } .monsterinsights-overview-notes__edit-actions .monsterinsights-button-secondary { color: #228bee; text-decoration: none; font-size: 13px; font-weight: 600; padding: 6px 14px; } .monsterinsights-overview-notes__edit-actions .monsterinsights-button-secondary:hover { text-decoration: underline; } .monsterinsights-overview-notes__empty { text-align: center; padding: 24px; color: #6a7282; font-size: 14px; } .monsterinsights-overview-notes__loading { display: flex; justify-content: center; padding: 24px; } .monsterinsights-overview-notes .monsterinsights-category-badge { display: inline-block; padding: 4px 12px; border-radius: 4px; font-size: 13px; color: #fff; white-space: nowrap; } .monsterinsights-overview-notes .monsterinsights-category-badge--default { background: #e2effb; color: #393f4c; } .monsterinsights-overview-notes .star-icon { cursor: pointer; flex-shrink: 0; } .monsterinsights-overview-notes .star-icon--empty { opacity: 0.5; } .monsterinsights-overview-notes .star-icon--empty:hover { opacity: 0.8; } .monsterinsights-overview-notes a.monsterinsights-toggle-note-important { font-size: 0; line-height: 1; text-decoration: none; min-width: 18px; min-height: 18px; } .monsterinsights-overview-notes a.monsterinsights-toggle-note-important:focus { outline: none; box-shadow: none; } .monsterinsights-overview-notes .monsterinsights-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); } } .monsterinsights-overview-notes__create { padding: 0; } .monsterinsights-overview-notes__create-header { margin-bottom: 16px; } .monsterinsights-overview-notes__create-title { font-size: 20px; color: #393f4c; font-weight: 400; } .monsterinsights-overview-notes__create-form { display: flex; flex-direction: column; gap: 20px; } .monsterinsights-overview-notes__create-row { display: flex; align-items: normal; gap: 16px; } .monsterinsights-overview-notes__create-star { text-decoration: none; padding-top: 30px; } .monsterinsights-overview-notes__create-field { display: flex; flex-direction: column; gap: 8px; } .monsterinsights-overview-notes__create-field label { font-size: 14px; color: #393f4c; font-weight: 400; } .monsterinsights-overview-notes__create-field--date { width: 200px; } .monsterinsights-overview-notes__create-field--name { flex: 1; } .monsterinsights-overview-notes__create-field--category { width: 200px; } .monsterinsights-overview-notes__create-error { color: #d63638; font-size: 13px; line-height: 1.4; } .monsterinsights-overview-notes__create-buttons { display: flex; gap: 20px; } .monsterinsights-overview-notes__create-buttons .monsterinsights-button { background: #228bee; color: #fff; border: none; padding: 12px 16px; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; } .monsterinsights-overview-notes__create-buttons .monsterinsights-button:hover { background: rgb(16.5142857143, 118.5142857143, 214.6857142857); } .monsterinsights-overview-notes__create-buttons .monsterinsights-button:disabled { opacity: 0.6; cursor: not-allowed; } .monsterinsights-overview-notes__create-buttons .monsterinsights-button-secondary { background: #fff; color: #228bee; border: 1px solid #228bee; padding: 12px 17px; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; } .monsterinsights-overview-notes__create-buttons .monsterinsights-button-secondary:hover { background: #f0f6ff; } .monsterinsights-overview-notes__create-buttons .monsterinsights-button-secondary:disabled { opacity: 0.6; cursor: not-allowed; } .monsterinsights-overview-notes input.monsterinsights-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; } .monsterinsights-overview-notes input.monsterinsights-site-note-datepicker:focus { border-color: #228bee; } .monsterinsights-overview-notes input.monsterinsights-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; } .monsterinsights-overview-notes input.monsterinsights-site-note-input:focus { border-color: #228bee; } .monsterinsights-overview-notes input.monsterinsights-site-note-input::placeholder { font-weight: 400; color: #C4C5C9; } .monsterinsights-overview-notes input.monsterinsights-site-note-input:disabled { opacity: 0.8; cursor: not-allowed; } .monsterinsights-overview-notes input.monsterinsights-site-note-input--error { border-color: #d63638; } .monsterinsights-overview-notes input.monsterinsights-site-note-input--error:focus { border-color: #d63638; } .monsterinsights-overview-notes .monsterinsights-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; } .monsterinsights-overview-notes .monsterinsights-site-note-textarea:focus { border-color: #228bee; } .monsterinsights-overview-notes .monsterinsights-site-note-textarea:disabled { opacity: 0.8; cursor: not-allowed; } .monsterinsights-overview-notes .monsterinsights-site-note-select { position: relative; } .monsterinsights-overview-notes .monsterinsights-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; } .monsterinsights-overview-notes .monsterinsights-site-note-select select:focus { border-color: #228bee; } .monsterinsights-overview-notes .monsterinsights-site-note-select .mi-icon { position: absolute; right: 10px; top: 13px; pointer-events: none; } .monsterinsights-chart-tooltip { padding: 10px 14px; font-size: 13px; line-height: 1.5; } .monsterinsights-chart-tooltip__date { font-weight: 600; color: #393f4c; margin-bottom: 6px; } .monsterinsights-chart-tooltip__row { display: flex; align-items: center; gap: 6px; margin-bottom: 2px; } .monsterinsights-chart-tooltip__dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .monsterinsights-chart-tooltip__label { color: #6a7282; } .monsterinsights-chart-tooltip__value { font-weight: 600; color: #393f4c; } .monsterinsights-chart-tooltip__notes { margin-top: 4px; font-size: 12px; color: #228bee; } .monsterinsights-chart-tooltip__notes hr { border: none; border-top: 1px solid #e2effb; margin: 6px 0; } .monsterinsights-chart-tooltip__notes span { display: block; margin-bottom: 2px; } @media (max-width: 1279px) { .monsterinsights-overview-key-metrics__container { display: grid; grid-template-columns: repeat(3, 1fr); } .monsterinsights-overview-key-metrics__item-wrapper { margin-bottom: 20px; } .monsterinsights-overview-key-metrics__item-wrapper:nth-child(4) { padding-left: 0; } .monsterinsights-overview-key-metrics__item-wrapper:nth-child(3):after { display: none; } .monsterinsights-overview-report-table__header { flex-direction: column; align-items: stretch; gap: 12px; } .monsterinsights-overview-report-table__header-right { justify-content: space-between; flex-flow: wrap; gap: 10px; } .monsterinsights-overview-report-table__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .monsterinsights-overview-ecommerce-funnel__header { flex-direction: column; align-items: stretch; gap: 10px; } .monsterinsights-overview-ecommerce-funnel__header-left, .monsterinsights-overview-ecommerce-funnel__header-right { justify-content: space-between; } } @media (max-width: 960px) { .monsterinsights-filter-modal { width: min(520px, 100%); left: auto; right: 0; top: 32px; bottom: 0; padding: 40px 24px 24px; gap: 24px; } .monsterinsights-filter-modal__toast { max-width: calc(100vw - 48px); } .monsterinsights-filter-modal__toast span { white-space: normal; } .monsterinsights-filter-modal__title { font-size: 20px; line-height: 28px; } .monsterinsights-filter-modal__row { flex-wrap: wrap; gap: 12px; } .monsterinsights-filter-modal__select-group { flex-direction: column; gap: 12px; min-width: 0; } .monsterinsights-filter-modal__field { width: 100%; min-width: 0; } .monsterinsights-filter-modal__field--value { width: 100%; } .monsterinsights-filter-modal__row-delete { align-self: flex-end; } .monsterinsights-filter-modal__device-options { flex-wrap: wrap; gap: 12px; } .monsterinsights-filter-modal__device-btn { padding: 8px 16px; } .monsterinsights-filter-modal__actions { gap: 16px; } .monsterinsights-filter-modal__save-as-actions { gap: 16px; } .monsterinsights-filter-modal__saved-item-edit .monsterinsights-filter-modal__row { flex-wrap: wrap; gap: 12px; } .monsterinsights-filter-modal__saved-item-edit .monsterinsights-filter-modal__select-group { flex-direction: column; gap: 12px; } .monsterinsights-filter-modal__saved-item-edit .monsterinsights-filter-modal__field { width: 100%; } .monsterinsights-filter-modal__saved-item-edit .monsterinsights-filter-modal__field--value { width: 100%; } .monsterinsights-funnel-modal { width: 100%; top: 32px; left: 0; right: 0; padding: 40px 24px 24px; gap: 24px; } .monsterinsights-funnel-modal__toast { max-width: calc(100vw - 48px); } .monsterinsights-funnel-modal__toast span { white-space: normal; } .monsterinsights-funnel-modal__title { font-size: 20px; line-height: 28px; } .monsterinsights-funnel-modal__body { gap: 24px; } .monsterinsights-funnel-modal__step-row { flex-wrap: wrap; gap: 10px; } .monsterinsights-funnel-modal__select-wrapper { width: 100%; } .monsterinsights-funnel-modal__step-value-wrapper { width: 100%; } .monsterinsights-funnel-modal__step-actions { flex-wrap: wrap; gap: 12px; } .monsterinsights-funnel-modal__saved-item-edit { padding: 0 16px 16px; } .monsterinsights-funnel-modal__edit-actions { flex-wrap: wrap; gap: 12px; } } @media (max-width: 782px) { .monsterinsights-report-content .monsterinsights-container { padding: 16px; } .monsterinsights-overview-report-header { flex-direction: column; align-items: stretch; gap: 12px; } .monsterinsights-overview-report-header-right { flex-wrap: wrap; gap: 8px; } .monsterinsights-report-header-applied-filters { flex-direction: column; align-items: flex-start; gap: 8px; } .monsterinsights-report-header-applied-filters__container { flex-wrap: wrap; } .monsterinsights-header-btn { padding: 8px 12px; gap: 8px; } .monsterinsights-header-btn__text { font-size: 13px; } .monsterinsights-overview-report-traffic-chart-section { margin: 20px 0 40px 0; } .monsterinsights-overview-report-traffic-chart-tabs { height: auto; min-height: 48px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .monsterinsights-overview-report-traffic-chart-tabs::-webkit-scrollbar { display: none; } .monsterinsights-overview-tab { padding: 12px 14px; gap: 6px; flex-shrink: 0; flex-grow: 1; flex-basis: auto; height: auto; border-top-width: 2px; } .monsterinsights-overview-tab > .mi-icon { width: 16px; height: 16px; flex-shrink: 0; } .monsterinsights-overview-tab__label { font-size: 13px; line-height: 16px; } .monsterinsights-overview-tab--active { border-radius: 6px 6px 0 0; } .monsterinsights-overview-report-traffic-chart-content { padding: 16px 16px 10px 16px; } .monsterinsights-traffic-chart-key-metrics { flex-direction: column; gap: 16px; margin-bottom: 20px; } .monsterinsights-traffic-chart-key-metrics__container { display: grid; grid-template-columns: 1fr 1fr; gap: 0; width: 100%; } .monsterinsights-overview-metric { padding: 10px 12px; border-right: 1px solid #d3d8e9; border-bottom: 1px solid #d3d8e9; gap: 4px; } .monsterinsights-overview-metric:nth-child(2n) { border-right: none; padding-right: 0; } .monsterinsights-overview-metric:nth-last-child(-n+2) { border-bottom: none; } .monsterinsights-overview-metric:last-child { border-right: none; } .monsterinsights-overview-metric__label { font-size: 13px; line-height: 18px; } .monsterinsights-overview-metric__value { font-size: 20px; line-height: 24px; } .monsterinsights-traffic-chart-metrics-dropdown__menu { width: calc(100vw - 64px); max-width: 386px; right: auto; left: 0; } .monsterinsights-traffic-chart-metrics-dropdown__grid { grid-template-columns: 1fr; gap: 12px; padding: 16px; } .monsterinsights-traffic-chart-metrics-dropdown__item span:last-child { width: auto; } .monsterinsights-traffic-chart-legends { flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 16px; } .monsterinsights-overview-key-metrics { padding: 20px 16px; gap: 16px; } .monsterinsights-overview-key-metrics__title { font-size: 18px; } .monsterinsights-overview-key-metrics__header { flex-direction: column; align-items: flex-start; gap: 8px; } .monsterinsights-overview-key-metrics__container { display: flex; flex-direction: column; align-items: stretch; gap: 0; } .monsterinsights-overview-key-metrics__item-wrapper { padding: 0; margin: 0; } .monsterinsights-overview-key-metrics__item-wrapper::after { top: auto; bottom: 0; left: 0; right: 0; transform: none; width: 100%; height: 1px; } .monsterinsights-overview-key-metrics__item-wrapper:nth-child(3):after { display: block; } .monsterinsights-overview-key-metrics__item { width: 100%; flex-direction: row; align-items: center; justify-content: space-between; padding: 12px 0; } .monsterinsights-overview-key-metrics__label { font-size: 14px; } .monsterinsights-overview-key-metrics__value { font-size: 22px; } .monsterinsights-overview-key-metrics__value-row { flex-shrink: 0; } .monsterinsights-overview-report-table { padding: 20px 16px; gap: 16px; margin-top: 24px; box-sizing: border-box; } .monsterinsights-overview-report-table__header { flex-direction: column; align-items: flex-start; gap: 12px; } .monsterinsights-overview-report-table__title { font-size: 18px; } .monsterinsights-overview-report-table__header-right { flex-direction: column; align-items: flex-start; gap: 12px; width: 100%; } .monsterinsights-overview-report-table__tabs { flex-wrap: wrap; } .monsterinsights-overview-report-table__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .monsterinsights-overview-report-table__table { min-width: 600px; } .monsterinsights-overview-report-table__table thead th { font-size: 12px; padding: 10px 6px; } .monsterinsights-overview-report-table__table thead th:first-child { padding-left: 16px; } .monsterinsights-overview-report-table__table thead th:last-child { padding-right: 12px; } .monsterinsights-overview-report-table__table tbody td { font-size: 14px; padding: 6px; } .monsterinsights-overview-report-table__table tbody td:first-child { padding-left: 16px; } .monsterinsights-overview-report-table__table tbody td:last-child { padding-right: 12px; } .monsterinsights-report-table-modal { padding: 24px 16px; max-width: 100%; } .monsterinsights-report-table-modal__title { font-size: 20px; } .monsterinsights-report-table-modal__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .monsterinsights-report-table-modal__table { min-width: 500px; } .monsterinsights-overview-report-two-col { flex-direction: column; align-items: stretch; gap: 0; margin-top: 24px; } .monsterinsights-overview-report-two-col .monsterinsights-overview-report-table { margin-top: 24px; max-width: 100%; overflow: hidden; } .monsterinsights-overview-report-two-col .monsterinsights-overview-report-table .monsterinsights-overview-report-table__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .monsterinsights-overview-report-two-col .monsterinsights-overview-report-table .monsterinsights-overview-report-table__table { min-width: 400px; } .monsterinsights-filter-modal { width: 100%; padding: 24px 16px 24px 16px; gap: 20px; } .monsterinsights-filter-modal__title { font-size: 20px; } .monsterinsights-filter-modal__row { flex-direction: column; align-items: stretch; gap: 12px; } .monsterinsights-filter-modal__select-group { flex-direction: column; align-items: stretch; gap: 12px; } .monsterinsights-filter-modal__field { width: 100%; } .monsterinsights-filter-modal__device-options { flex-wrap: wrap; gap: 12px; } .monsterinsights-filter-modal__actions { flex-wrap: wrap; gap: 12px; } .monsterinsights-filter-modal__save-as-actions { flex-wrap: wrap; gap: 12px; } .monsterinsights-overview-ecommerce-funnel { padding: 20px 16px; margin-top: 24px; gap: 16px; } .monsterinsights-overview-ecommerce-funnel__header { flex-direction: column; align-items: flex-start; gap: 12px; } .monsterinsights-overview-ecommerce-funnel__header-left { flex-direction: column; align-items: flex-start; gap: 8px; } .monsterinsights-overview-ecommerce-funnel__header-right { flex-direction: column; align-items: flex-start; gap: 12px; width: 100%; } .monsterinsights-overview-ecommerce-funnel__title { font-size: 18px; } .monsterinsights-overview-ecommerce-funnel__table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; } .monsterinsights-overview-ecommerce-funnel__table { min-width: 500px; } .monsterinsights-funnel-modal { width: 100%; padding: 24px 16px 24px 16px; gap: 20px; } .monsterinsights-funnel-modal__title { font-size: 20px; } .monsterinsights-funnel-modal__step-row { flex-wrap: wrap; gap: 8px; } .monsterinsights-funnel-modal__select-wrapper { width: 100%; } .monsterinsights-funnel-modal__step-actions { flex-wrap: wrap; gap: 12px; } .monsterinsights-overview-upsell-cta { margin-top: 24px; min-height: auto; padding: 24px 16px 0; } .monsterinsights-overview-upsell-cta__image { position: static; width: 100%; height: auto; margin: 0 auto; } .monsterinsights-overview-upsell-cta__image img { height: auto; } .monsterinsights-overview-upsell-cta__text { max-width: 100%; gap: 12px; } .monsterinsights-overview-upsell-cta__content { gap: 20px; padding: 0; max-width: 100%; } .monsterinsights-overview-upsell-cta__title { font-size: 24px; line-height: 32px; } .monsterinsights-overview-upsell-cta__description { font-size: 16px; line-height: 24px; } .monsterinsights-overview-upsell-cta__btn { padding: 10px 20px; } .monsterinsights-overview-upsell-cta__btn span { font-size: 16px; line-height: 24px; } .monsterinsights-overview-upsell-cta__arrow { display: none; } .monsterinsights-ecommerce-upsell-overlay__content { padding: 24px 16px; gap: 20px; } .monsterinsights-ecommerce-upsell-overlay__title { font-size: 18px; line-height: 24px; } .monsterinsights-ecommerce-upsell-overlay__integrations { gap: 8px; } .monsterinsights-ecommerce-upsell-overlay__logo-card { height: 44px; padding: 0 12px; } .monsterinsights-ecommerce-upsell-overlay__logo-card img { height: 20px; } .monsterinsights-ecommerce-upsell-overlay__description { font-size: 13px; } .monsterinsights-ecommerce-upsell-overlay__btn { padding: 10px 20px; } .monsterinsights-ecommerce-upsell-overlay__btn span { font-size: 16px; line-height: 24px; } .monsterinsights-site-notes-toggle { bottom: -28px; } .monsterinsights-overview-notes { padding: 16px; } .monsterinsights-overview-notes__header { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 12px; } .monsterinsights-overview-notes__body-list { overflow-x: auto; -webkit-overflow-scrolling: touch; } .monsterinsights-overview-notes__table { min-width: 500px; } .monsterinsights-overview-notes__create-row { flex-direction: column; align-items: stretch; gap: 12px; } .monsterinsights-overview-notes__create-star { padding-bottom: 0; } .monsterinsights-overview-notes__create-field--date { width: 100%; } .monsterinsights-overview-notes__create-field--category { width: 100%; } .monsterinsights-overview-notes__create-buttons { flex-wrap: wrap; gap: 12px; } .monsterinsights-filter-modal { top: 46px; padding: 40px 16px 16px; gap: 20px; } .monsterinsights-filter-modal__close { top: 2px; right: 10px; } .monsterinsights-filter-modal__body { gap: 20px; } .monsterinsights-filter-modal__btn { height: 44px; font-size: 13px; } .monsterinsights-filter-modal__add-btn { height: 44px; width: 100%; justify-content: center; } .monsterinsights-filter-modal__actions { flex-direction: column; gap: 12px; } .monsterinsights-filter-modal__actions .monsterinsights-filter-modal__btn { width: 100%; } .monsterinsights-filter-modal__save-as-actions { flex-direction: column; gap: 12px; } .monsterinsights-filter-modal__save-as-actions .monsterinsights-filter-modal__btn { width: 100%; } .monsterinsights-filter-modal__device-btn { flex: 1; min-width: 0; padding: 8px 12px; } .monsterinsights-funnel-modal { top: 46px; padding: 40px 16px 16px; gap: 20px; } .monsterinsights-funnel-modal__close { top: 10px; right: 10px; } .monsterinsights-funnel-modal__step-actions { flex-direction: column; gap: 12px; } .monsterinsights-funnel-modal__add-step-btn, .monsterinsights-funnel-modal__create-btn, .monsterinsights-funnel-modal__save-edit-btn { width: 100%; justify-content: center; } .monsterinsights-funnel-modal__saved-item-name { max-width: 180px; } } .monsterinsights-blur { position: relative; } .monsterinsights-blur > *:not(.monsterinsights-not-authenticated-notice) { pointer-events: none; filter: blur(5px); } .monsterinsights-blur { min-height: 850px; } body.monsterinsights_page { background-color: #f3f6ff; } .monsterinsights_page #wpcontent { padding-left: 0; } .monsterinsights_page #wpbody-content { padding-bottom: 0; } .button.button-primary { background: #509fe2; border-color: rgb(53.75, 144.6, 221.65); } .button.button-primary:hover { background: #3a93dd; border-color: rgb(36.9584415584, 133.7025974026, 214.1415584416); } #wpfooter { position: relative; padding-top: 0; } #wpfooter:before { display: none; } .monsterinsights-footer-love { display: block; clear: both; text-align: center; margin-top: 20px; margin-bottom: 20px; } .monsterinsights-footer-love span.flsep { color: #c3c4c7; display: inline-block; margin: 9px 7px; } .monsterinsights-footer-love-icon { color: #d63739; } #monsterinsights-overview-report-app { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .monsterinsights-reports-page .monsterinsights-navigation-bar .monsterinsights-container { padding: 0 10px; width: auto; } @media (max-width: 782px) { .monsterinsights-reports-page .monsterinsights-navigation-bar .monsterinsights-container { padding: 0; width: 100%; } } .monsterinsights-reports-navigation { margin: 0; } .monsterinsights-header { background-color: #fff; border-bottom: none; } .monsterinsights-sticky-bar { position: sticky; top: 32px; z-index: 60; } @media screen and (max-width: 782px) { .monsterinsights-sticky-bar { top: 46px; } } .monsterinsights-sticky-bar.is-scrolled { background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .monsterinsights-sticky-bar.is-scrolled .monsterinsights-overview-report-header { background-color: #fff; } .monsterinsights-overview-report-traffic-chart-content { background-color: #fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
Save
Cancel