body.wps_page.toplevel_page_wps_overview_page #screen-meta-links {
  z-index: 4 !important;
}

.wps-wrap {
  .notice:not(.wp-statistics-notice) {
    display: none !important;
  }
}

.notice.wp-statistics-notice {
  padding: 11px 15px;
}

.wps_page .notice.wp-statistics-notice {

  &.is-dismissible {
    padding-right: 36px !important;

    .rtl & {
      padding-right: 16px !important;
      padding-left: 36px !important;
    }
  }

  &::before {
    margin-top: 3px !important;
  }

  a.button-primary {
    padding: 0 10px !important;
    font-size: 13px;
    line-height: 2.15384615;
    min-height: 30px;
    margin-bottom: 0 !important;
    text-decoration: none !important;
  }

  .rtl & {
    .notice-dismiss {
      left: 13px;
      right: unset;
    }
  }


  border-width: 1px !important;
  border-radius: 8px !important;
  padding: 16px !important;
  display: flex !important;
  box-shadow: 1px 2px 4px 0 #00000005 !important;
  gap: 12px !important;
  color: #0C0C0D !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 22px !important;

  &:before {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  &.notice-info {
    border: 1px solid #4FA1FF80 !important;
    background: #F6FAFF;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0NzQ1XzUyNTEpIj4KPHBhdGggZD0iTTcuMDgzMzMgMTguMTY2N0MzLjE3MTMxIDE4LjE2NjcgMCAxNC45OTUzIDAgMTEuMDgzM0MwIDcuMTcxMzEgMy4xNzEzMSA0IDcuMDgzMzMgNEMxMC45OTUzIDQgMTQuMTY2NyA3LjE3MTMxIDE0LjE2NjcgMTEuMDgzM0MxNC4xNjY3IDE0Ljk5NTMgMTAuOTk1MyAxOC4xNjY3IDcuMDgzMzMgMTguMTY2N1pNNi4zNzUgMTAuMzc1VjE0LjYyNUg3Ljc5MTY3VjEwLjM3NUg2LjM3NVpNNi4zNzUgNy41NDE2N1Y4Ljk1ODMzSDcuNzkxNjdWNy41NDE2N0g2LjM3NVoiIGZpbGw9IiMzMDg4RUMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNDc0NV81MjUxIj4KPHJlY3Qgd2lkdGg9IjE0LjE2NjciIGhlaWdodD0iMTguMTY2NyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K") no-repeat center top;
    }
  }

  &.notice-success {
    border: 1px solid #489E4E80 !important;
    background: #F6FAF6;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzUgMTQuN0MzLjI5MDcxIDE0LjcgMCAxMS40MDkzIDAgNy4zNUMwIDMuMjkwNzEgMy4yOTA3MSAwIDcuMzUgMEMxMS40MDkzIDAgMTQuNyAzLjI5MDcxIDE0LjcgNy4zNUMxNC43IDExLjQwOTMgMTEuNDA5MyAxNC43IDcuMzUgMTQuN1pNNi42MTY5MSAxMC4yOUwxMS44MTQyIDUuMDkyNzZMMTAuNzc0NyA0LjA1MzMyTDYuNjE2OTEgOC4yMTExM0w0LjUzODA0IDYuMTMyMThMMy40OTg1OSA3LjE3MTY5TDYuNjE2OTEgMTAuMjlaIiBmaWxsPSIjNDg5RTRFIi8+Cjwvc3ZnPgo=") no-repeat center top;
    }
  }

  &.notice-warning {
    border: 1px solid #E68C3F80 !important;
    background: #FEF9F5;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMDUyMTQgMC4zOTc0MjlMMTYuNjIxNiAxMy41MDgxQzE2Ljg0MTEgMTMuODg4MiAxNi43MTA4IDE0LjM3NDEgMTYuMzMwOCAxNC41OTM1QzE2LjIxIDE0LjY2MzMgMTYuMDcyOSAxNC43IDE1LjkzMzUgMTQuN0gwLjc5NDU4NkMwLjM1NTc1MiAxNC43IDAgMTQuMzQ0MyAwIDEzLjkwNTRDMCAxMy43NjU5IDAuMDM2NzE3OCAxMy42Mjg5IDAuMTA2NDU5IDEzLjUwODFMNy42NzU5MSAwLjM5NzQyOUM3Ljg5NTMgMC4wMTczNzgzIDguMzgxMjcgLTAuMTEyODMgOC43NjEzMiAwLjEwNjU4N0M4Ljg4MjEgMC4xNzYzMjcgOC45ODI0NSAwLjI3NjYzNiA5LjA1MjE0IDAuMzk3NDI5Wk03LjU2OTQ0IDEwLjcyNzFWMTIuMzE2Mkg5LjE1ODYxVjEwLjcyNzFINy41Njk0NFpNNy41Njk0NCA1LjE2NDk0VjkuMTM3OUg5LjE1ODYxVjUuMTY0OTRINy41Njk0NFoiIGZpbGw9IiNFNjhDM0YiLz4KPC9zdmc+Cg==") no-repeat center top;
    }
  }

  &.notice-error {
    border: 1px solid #F9595980 !important;
    background: #FFF2F2;
    color: #852929;
    font-weight: 500;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzUgMTQuN0MzLjI5MDcxIDE0LjcgMCAxMS40MDkzIDAgNy4zNUMwIDMuMjkwNzEgMy4yOTA3MSAwIDcuMzUgMEMxMS40MDkzIDAgMTQuNyAzLjI5MDcxIDE0LjcgNy4zNUMxNC43IDExLjQwOTMgMTEuNDA5MyAxNC43IDcuMzUgMTQuN1pNNi42MTUgOS41NTVWMTEuMDI1SDguMDg1VjkuNTU1SDYuNjE1Wk02LjYxNSAzLjY3NVY4LjA4NUg4LjA4NVYzLjY3NUg2LjYxNVoiIGZpbGw9IiNGOTU5NTkiLz4KPC9zdmc+Cg==") no-repeat center center;
    }
  }

  .notice-dismiss {
    width: 19px;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    height: 19px;
    flex-shrink: 0;
    background: transparent !important;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    display: flex;
    min-width: 19px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    &:hover {
      &:before {
        filter: contrast(1.5);
      }
    }

    &:before {
      content: '';
      width: 9.5px;
      min-width: 9.5px;
      height: 9.5px;
      background: url("data:image/svg+xml;base64,ICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTEgMTEiIGZpbGw9Im5vbmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNC43NzA0MSA1LjUwMDAxTDAuNzUgMS40Nzk2TDEuNDc5NiAwLjc1TDUuNSA0Ljc3MDM3TDkuNTIwNCAwLjc1TDEwLjI1IDEuNDc5Nkw2LjIyOTYgNS41MDAwMUwxMC4yNSA5LjUyMDM2TDkuNTIwNCAxMC4yNUw1LjUgNi4yMjk2MUwxLjQ3OTYgMTAuMjVMMC43NSA5LjUyMDM2TDQuNzcwNDEgNS41MDAwMVoiIGZpbGw9IiM1NjU4NUEiLz4KICAgICAgICA8L3N2Zz4=") center center no-repeat;
    }

  }

}

.wps-info-box {
  background: #FFFFFF;
  padding: 12px;
  border-left: 3px solid #F15F30;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;

  &__title {
    color: #0C0C0D;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.41px;
    display: flex;
    align-items: center;
    gap: 7px;

    &:before {
      content: '';
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTUgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjA3Njc4IDEuMDAxNDJMMTQuNDI3NiAxMi4wMDE0QzE0LjYxMTggMTIuMzIwMyAxNC41MDI1IDEyLjcyOCAxNC4xODM2IDEyLjkxMjFDMTQuMDgyMyAxMi45NzA2IDEzLjk2NzMgMTMuMDAxNCAxMy44NTAzIDEzLjAwMTRIMS4xNDg2QzAuNzgwNDE0IDEzLjAwMTQgMC40ODE5MzQgMTIuNzAzIDAuNDgxOTM0IDEyLjMzNDhDMC40ODE5MzQgMTIuMjE3NyAwLjUxMjc0IDEyLjEwMjggMC41NzEyNTQgMTIuMDAxNEw2LjkyMjExIDEuMDAxNDJDNy4xMDYxOCAwLjY4MjU0OSA3LjUxMzkxIDAuNTczMzAzIDcuODMyNzggMC43NTczOTZDNy45MzQxMSAwLjgxNTkwOSA4LjAxODMxIDAuOTAwMDY5IDguMDc2NzggMS4wMDE0MlpNNi44MzI3OCA5LjY2ODFWMTEuMDAxNEg4LjE2NjExVjkuNjY4MUg2LjgzMjc4Wk02LjgzMjc4IDUuMDAxNDJWOC4zMzQ3N0g4LjE2NjExVjUuMDAxNDJINi44MzI3OFoiIGZpbGw9IiNGMTVGMzAiLz4KPC9zdmc+Cg==") top center/contain no-repeat;
      width: 16px;
      height: 16px;
      display: inline-flex;
    }
  }

  &__content {
    color: #56585A;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.23px;

    b {
      color: #0C0C0D;
      font-weight: 500;
    }
  }
}

.rtl .wps-info-box {
  border-left: none;
  border-right: 3px solid #9DA3F7;
}

.wps-wrap__main {
  z-index: 1;
}

.wps-wrap__top {
  position: relative;
  background: #fff;
  padding: 18px 23px;
  display: flex;
  border-bottom: 1px solid #DADCE0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  flex-direction: column;
  align-items: flex-start;

  .wps_title {
    font-size: 20px;
    line-height: 30px;
    @media (min-width: 1123px) {
      max-width: calc(100% - 450px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  @media(max-width: 500px) {
    padding-right: 10px;
    padding-left: 10px;
  }

  &.tabbed_page {
    h1.wps_title {
      font-weight: 500;
      display: inline;
      padding: 0;
      font-size: 1.6em;
    }
  }

  &--has__realtime {
    justify-content: space-between;
    flex-direction: row;

    .wps-realtime-btn {
      margin-left: auto;

      .rtl & {
        margin-right: auto;
        margin-left: 0;
      }
    }
  }

  &.tabbed_page {
    padding-bottom: 0;
  }

  p {
    margin-bottom: 0;
  }

  h2, h1 {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.wps-wrap__top:after {
  content: '';
  clear: both;
  display: block;
}

.wps-wrap__main {
  padding: 20px 8px;

  & > .notice:first-child {
    margin-top: 0 !important;
  }

  @media screen and (min-width: 768px) {
    padding: 20px;
  }
}

.wps-wrap {
  .postbox {
    padding: 0;

    &.mb-8 {
      margin-bottom: 8px !important;
    }

    &.closed .postbox-header {
      border-bottom: 0 !important;
    }

    &.closed {
      .toggle-indicator {
        transform: rotate(180deg);
      }
    }

    .postbox-header {
      padding: 10px 24px;

      &--table-title {
        h2 {
          font-size: 14px;
          font-weight: 500;
          line-height: 16.41px;
          color: #0C0C0D;
          margin-top: 24px;
          margin-bottom: -2px;
          padding: 0 24px;
          display: flex;
          align-items: center;
          gap: 4px;

          .wps-tooltip {
            display: inline-flex;
          }
        }
      }

      h2 {
        padding: 0;
      }
    }
  }

  #overview-widgets {
    display: flex;
    gap: 0;
    flex-direction: column;

    @media (min-width: 759px) {
      flex-direction: row;
      gap: 16px;
    }


    #wps-postbox-container-2 {
      margin: 0;
    }

    .postbox {
      box-shadow: 1px 2px 4px 0px #0000000D;
      border: none !important;
      margin-bottom: 16px;
    }

    .postbox-header {
      padding: 24px;

      .handle-actions {
        display: flex;
        gap: 6px;
        margin-top: 0 !important;

        .wps-refresh {
          margin: 0 !important;
          width: 17px;
          height: 17px;
          background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODMyOSA1LjY3NzI3QzcuNTU4NTYgNS42NzcyNyA2LjQzMzYyIDYuMzE5OTkgNS43NjU2OCA3LjNINi45NzgzNVY4LjIyNzI3SDQuMTk2NTNWNS40NDU0NUg1LjEyMzgxVjYuNjA0MjVDNS45NjkzOSA1LjQ3ODY4IDcuMzE1NzEgNC43NSA4LjgzMjkgNC43NUMxMS4zOTM1IDQuNzUgMTMuNDY5MyA2LjgyNTc3IDEzLjQ2OTMgOS4zODYzNkgxMi41NDJDMTIuNTQyIDcuMzM3ODkgMTAuODgxNCA1LjY3NzI3IDguODMyOSA1LjY3NzI3Wk01LjEyMzgxIDkuMzg2MzZDNS4xMjM4MSAxMS40MzQ4IDYuNzg0NDIgMTMuMDk1NSA4LjgzMjkgMTMuMDk1NUMxMC4xMDcyIDEzLjA5NTUgMTEuMjMyMiAxMi40NTI3IDExLjkwMDEgMTEuNDcyN0gxMC42ODc0VjEwLjU0NTVIMTMuNDY5M1YxMy4zMjczSDEyLjU0MlYxMi4xNjg1QzExLjY5NjQgMTMuMjk0IDEwLjM1MDEgMTQuMDIyNyA4LjgzMjkgMTQuMDIyN0M2LjI3MjMgMTQuMDIyNyA0LjE5NjUzIDExLjk0NjkgNC4xOTY1MyA5LjM4NjM2SDUuMTIzODFaIiBmaWxsPSIjODI4Qjk4Ii8+Cjwvc3ZnPgo=") center center no-repeat !important;

          &:hover {
            filter: brightness(0.5);
          }
        }

        .handlediv {
          width: 17px;

          .screen-reader-text {
            display: none;
          }
        }

        .wps-google-link {
          height: 16px !important;
          display: inline-block;
          width: 16px;
          margin-right: 6px;
          cursor: pointer;

          .rtl & {
            margin-right: 0;
            margin-left: 6px;
          }
        }

        .toggle-indicator {
          &:hover {
            &:before {
              filter: brightness(0.5);
            }
          }

          &:before {
            width: 17px;
            height: 17px;
            transform: rotate(180deg);
            background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjgzMzIxIDkuODMwMjdMMTIuMzM5MyA2LjMyNDIyTDEzLjM0MSA3LjMyNTk1TDguODMzMjEgMTEuODMzOEw0LjMyNTQ0IDcuMzI1OTVMNS4zMjcxNyA2LjMyNDIyTDguODMzMjEgOS44MzAyN1oiIGZpbGw9IiM4MjhCOTgiLz4KPC9zdmc+Cg==") center 2px no-repeat !important;
          }
        }
      }
    }

    .postbox:not(.closed) {
      .inside {
        margin-top: -4px;
        padding-bottom: 24px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;

        .o-wrap {
          padding-bottom: 0 !important;
        }

        .o-table-wrapper table th {
          padding-top: 0 !important;
        }

        .c-footer {
          padding-top: 0;
          flex-wrap: wrap;

          .c-footer__filter.is-active .c-footer__filter__btn::after {
            transform: rotate(180deg);
          }

          .c-footer__filter__btn {
            color: #56585A;
            font-size: 12px;
            font-weight: 400;
            display: flex;
            align-items: center;
            gap: 2px;
            padding: 0;

            &:hover {
              color: #000000;

              &:after {
                filter: contrast(1.5);
              }
            }

            &:after {
              content: '';
              width: 16px;
              height: 16px;
              background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjMzMzIyIDEwLjYxMTFMMTEuNDQ0NCA3LjVMMTIuMzMzMyA4LjM4ODg5TDguMzMzMjIgMTIuMzg4OUw0LjMzMzI1IDguMzg4ODlMNS4yMjIxNCA3LjVMOC4zMzMyMiAxMC42MTExWiIgZmlsbD0iIzU2NTg1QSIvPgo8L3N2Zz4K") center center no-repeat;
              transform: rotate(0deg);
            }
          }

          .c-footer__more__link {
            color: #56585A;
            font-size: 12px;
            font-weight: 400;
            display: flex;
            align-items: center;
            gap: 2px;

            &:hover {
              color: #000000;

              svg {
                filter: contrast(1.5);
              }
            }

            svg {
              margin: 0 !important;
            }
          }

        }


      }

      .handle-actions {
        .toggle-indicator {
          &:before {
            width: 17px;
            height: 17px;
            transform: rotate(180deg);
            background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjgzMzIxIDkuODMwMjdMMTIuMzM5MyA2LjMyNDIyTDEzLjM0MSA3LjMyNTk1TDguODMzMjEgMTEuODMzOEw0LjMyNTQ0IDcuMzI1OTVMNS4zMjcxNyA2LjMyNDIyTDguODMzMjEgOS44MzAyN1oiIGZpbGw9IiM4MjhCOTgiLz4KPC9zdmc+Cg==") center center no-repeat !important;
          }
        }
      }
    }

    #traffic_summary .c-footer {
      display: none;
    }
  }

  &.postbox {
    padding: 0;

    .postbox-header {
      padding: 4px 20px 4px 32px;

      h2 {
        padding: 0;
      }
    }
  }

  .inside {
    table {
      td {
        white-space: nowrap;
      }
    }
  }
}

.wp-has-submenu.menu-top.toplevel_page_wps_overview_page .wps-text-warning {
  color: #ED7A34 !important;
}

.wp-has-submenu.menu-top.toplevel_page_wps_overview_page li a.addon-menu {
  margin-top: 10px !important;
}

.toplevel_page_wps_overview_page .wps-wrap,
.statistics_page_wps_hits_page .wps-wrap,
.statistics_page_wps_online_page .wps-wrap,
.statistics_page_wps_online_page .wps-wrap,
.statistics_page_wps_referrers_page .wps-wrap,
.statistics_page_wps_words_page .wps-wrap,
.statistics_page_wps_visitors_page .wps-wrap,
.statistics_page_wps_searches_page .wps-wrap,
.statistics_page_wps_pages_page .wps-wrap,
.statistics_page_wps_categories_page .wps-wrap,
.statistics_page_wps_taxonomies_page .wps-wrap,
.statistics_page_wps_countries_page .wps-wrap,
.statistics_page_wps_tags_page .wps-wrap,
.statistics_page_wps_authors_page .wps-wrap,
.statistics_page_wps_browser_page .wps-wrap,
.statistics_page_wps_platform_page .wps-wrap,
.statistics_page_wps_top-visitors_page .wps-wrap,
.statistics_page_wps_optimization_page .wps-wrap,
.statistics_page_wps_settings_page .wps-wrap,
.statistics_page_wps_plugins_page .wps-wrap,
.wps_page .wps-wrap {
  margin: 0 !important;
}

.toplevel_page_wps_overview_page #wpcontent,
.statistics_page_wps_hits_page #wpcontent,
.statistics_page_wps_online_page #wpcontent,
.statistics_page_wps_visitors_page #wpcontent,
.statistics_page_wps_referrers_page #wpcontent,
.statistics_page_wps_words_page #wpcontent,
.statistics_page_wps_searches_page #wpcontent,
.statistics_page_wps_pages_page #wpcontent,
.statistics_page_wps_categories_page #wpcontent,
.statistics_page_wps_taxonomies_page #wpcontent,
.statistics_page_wps_countries_page #wpcontent,
.statistics_page_wps_tags_page #wpcontent,
.statistics_page_wps_authors_page #wpcontent,
.statistics_page_wps_browser_page #wpcontent,
.statistics_page_wps_platform_page #wpcontent,
.statistics_page_wps_top-visitors_page #wpcontent,
.statistics_page_wps_optimization_page #wpcontent,
.statistics_page_wps_settings_page #wpcontent,
.statistics_page_wps_plugins_page #wpcontent,
.wps_page #wpcontent {
  padding: 0 !important;
}

.toplevel_page_wps_overview_page #wpbody-content > .notice,
.statistics_page_wps_hits_page #wpbody-content > .notice,
.statistics_page_wps_online_page #wpbody-content > .notice,
.statistics_page_wps_visitors_page #wpbody-content > .notice,
.statistics_page_wps_referrers_page #wpbody-content > .notice,
.statistics_page_wps_words_page #wpbody-content > .notice,
.statistics_page_wps_searches_page #wpbody-content > .notice,
.statistics_page_wps_pages_page #wpbody-content > .notice,
.statistics_page_wps_categories_page #wpbody-content > .notice,
.statistics_page_wps_taxonomies_page #wpbody-content > .notice,
.statistics_page_wps_countries_page #wpbody-content > .notice,
.statistics_page_wps_tags_page #wpbody-content > .notice,
.statistics_page_wps_authors_page #wpbody-content > .notice,
.statistics_page_wps_browser_page #wpbody-content > .notice,
.statistics_page_wps_platform_page #wpbody-content > .notice,
.statistics_page_wps_top-visitors_page #wpbody-content > .notice,
.statistics_page_wps_optimization_page #wpbody-content > .notice,
.statistics_page_wps_settings_page #wpbody-content > .notice,
.statistics_page_wps_plugins_page #wpbody-content > .notice,
.wps_page #wpbody-content > .notice {
  margin: 20px !important;
}

.wps_page #wpbody-content > br {
  display: none;
}

.statistics_page_wps_pages_page {
  .o-wrap.o-wrap--no-data {
    text-align: center;
    margin-bottom: 24px;
  }
}

.wps-wrap__main .notice {
  &:first-child {
    margin-top: 0 !important;
  }

  margin: 20px 0 !important;
}

.wps-adminFooter {
  margin: auto;
  padding: 80px 0 50px;
  text-align: center;
  clear: both;

  a {
    .wps-adminFooter__logo {
      fill: #c4c4c4;
      max-width: 130px;
    }
  }

  .wps-adminFooterDescription {
    color: #8a8a8a;
    font-size: 12px;
    line-height: 1.6;
    max-width: 300px;
    margin: 0 auto;
  }

  .wps-adminFooter_socialMediaFlex {
    display: flex;
    align-items: center;
    justify-content: center;

    a {
      background-color: white;
      border-radius: 8px;
      margin: 15px 5px;
      transition: 0.3s all ease-out;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;

      svg {
        width: 35px;
        fill: #8a8a8a;
        transition: 0.3s all ease-out;
      }
    }
  }
}

.wps-adminHeader {
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(90deg, #404BF2 0%, #1F29C5 100%),
  linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 23px 20px;
  position: relative;
  flex-direction: column;
  z-index: 3 !important;
  border-bottom: 1px solid #0000001A;
  @media screen and (min-width: 1280px) {
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    height: 81px;
  }

  body.toplevel_page_wps_overview_page & {
    position: relative;
  }

  .wps-adminHeader__burgerIcon {
    display: none;
  }

  .wps-adminHeader__logo--container {
    margin-right: 64px;
    display: flex;
    gap: 5px;
    align-items: center;

    .rtl & {
      margin-right: 0;
      margin-left: 64px;
    }


    &:hover {
      cursor: default;
    }
  }

  .wps-adminHeader__logo {
    width: 147px;
    max-height: 100%;
    object-fit: contain;
    height: 35px;

    &--premium {
      width: 214px;
    }
  }

  .wps-adminHeader__menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 0 0 50%;
    gap: 12px;

    a {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      padding: 8px 12px;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      line-height: 16px;
      transition: 0.3s background ease-out;
      gap: 6px;

      @media(max-width: 1030px) {
        white-space: nowrap;
        padding: 5px 8px;
      }
      @media(max-width: 358px) {
        span.icon {
          display: none !important;
        }
      }

      &.active {
        background: rgba(255, 255, 255, 0.1);

        span {
          opacity: 1;
        }
      }

      &:hover {
        background: #FFFFFF1A;

        span {
          opacity: 1;
        }
      }

      span {
        opacity: 80%;
      }

      &.overview .icon {
        background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjI2NSAyLjYzMDYxTDMuMjIyNSA1Ljc4MDYxQzIuNTQ3NSA2LjMwNTYxIDIgNy40MjMxMSAyIDguMjcwNjFWMTMuODI4MUMyIDE1LjU2ODEgMy40MTc1IDE2Ljk5MzEgNS4xNTc1IDE2Ljk5MzFIMTMuODQyNUMxNS41ODI1IDE2Ljk5MzEgMTcgMTUuNTY4MSAxNyAxMy44MzU2VjguMzc1NjFDMTcgNy40NjgxMSAxNi4zOTI1IDYuMzA1NjEgMTUuNjUgNS43ODgxMUwxMS4wMTUgMi41NDA2MUM5Ljk2NSAxLjgwNTYxIDguMjc3NSAxLjg0MzExIDcuMjY1IDIuNjMwNjFaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjUgMTMuOTkyMlYxMS43NDIyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
      }


      &.quick-access {
        @media(max-width: 1030px) {
          display: none;
        }

        .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjU2NzUgMTAuNDYwN0g2Ljg4NVYxNS44NjA3QzYuODg1IDE3LjEyMDcgNy41Njc1IDE3LjM3NTcgOC40IDE2LjQzMDdMMTQuMDc3NSA5Ljk4MDY1QzE0Ljc3NSA5LjE5MzE1IDE0LjQ4MjUgOC41NDA2NSAxMy40MjUgOC41NDA2NUgxMS4xMDc1VjMuMTQwNjZDMTEuMTA3NSAxLjg4MDY2IDEwLjQyNSAxLjYyNTY2IDkuNTkyNSAyLjU3MDY2TDMuOTE1IDkuMDIwNjVDMy4yMjUgOS44MTU2NSAzLjUxNzUgMTAuNDYwNyA0LjU2NzUgMTAuNDYwN1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
        }
      }


      &.online-users .icon {
        background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjM3IDguNjUyNUM3LjI5NSA4LjY0NSA3LjIwNSA4LjY0NSA3LjEyMjUgOC42NTI1QzUuMzM3NSA4LjU5MjUgMy45MiA3LjEzIDMuOTIgNS4zM0MzLjkyIDMuNDkyNSA1LjQwNSAyIDcuMjUgMkM5LjA4NzUgMiAxMC41OCAzLjQ5MjUgMTAuNTggNS4zM0MxMC41NzI1IDcuMTMgOS4xNTUgOC41OTI1IDcuMzcgOC42NTI1WiIgc3Ryb2tlPSJ3aGl0ZSIgIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjgwNzUgMy41QzE0LjI2MjUgMy41IDE1LjQzMjUgNC42Nzc1IDE1LjQzMjUgNi4xMjVDMTUuNDMyNSA3LjU0MjUgMTQuMzA3NSA4LjY5NzUgMTIuOTA1IDguNzVDMTIuODQ1IDguNzQyNSAxMi43Nzc1IDguNzQyNSAxMi43MSA4Ljc1IiBzdHJva2U9IndoaXRlIiAgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy42MiAxMS40MkMxLjgwNSAxMi42MzUgMS44MDUgMTQuNjE1IDMuNjIgMTUuODIyNUM1LjY4MjUgMTcuMjAyNSA5LjA2NSAxNy4yMDI1IDExLjEyNzUgMTUuODIyNUMxMi45NDI1IDE0LjYwNzUgMTIuOTQyNSAxMi42Mjc1IDExLjEyNzUgMTEuNDJDOS4wNzI1IDEwLjA0NzUgNS42OSAxMC4wNDc1IDMuNjIgMTEuNDJaIiBzdHJva2U9IndoaXRlIiAgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMjU1IDE1LjVDMTQuNzk1IDE1LjM4NzUgMTUuMzA1IDE1LjE3IDE1LjcyNSAxNC44NDc1QzE2Ljg5NSAxMy45NyAxNi44OTUgMTIuNTIyNSAxNS43MjUgMTEuNjQ1QzE1LjMxMjUgMTEuMzMgMTQuODEgMTEuMTIgMTQuMjc3NSAxMSIgc3Ryb2tlPSJ3aGl0ZSIgICBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
      }

      &.addons {
        @media(max-width: 1030px) {
          display: none;
        }

        .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC4yNTc1IDIuNjkwMjNMMTQuNjgyNSA0LjY1NTIzQzE1Ljk1NzUgNS4yMTc3MyAxNS45NTc1IDYuMTQ3NzMgMTQuNjgyNSA2LjcxMDIzTDEwLjI1NzUgOC42NzUyM0M5Ljc1NSA4LjkwMDIzIDguOTMgOC45MDAyMyA4LjQyNzUgOC42NzUyM0w0LjAwMjUgNi43MTAyM0MyLjcyNzUgNi4xNDc3MyAyLjcyNzUgNS4yMTc3MyA0LjAwMjUgNC42NTUyM0w4LjQyNzUgMi42OTAyM0M4LjkzIDIuNDY1MjMgOS43NTUgMi40NjUyMyAxMC4yNTc1IDIuNjkwMjNaIiBzdHJva2U9IndoaXRlIiAgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMi43NSA4Ljc1QzIuNzUgOS4zOCAzLjIyMjUgMTAuMTA3NSAzLjggMTAuMzYyNUw4Ljg5MjUgMTIuNjI3NUM5LjI4MjUgMTIuOCA5LjcyNSAxMi44IDEwLjEwNzUgMTIuNjI3NUwxNS4yIDEwLjM2MjVDMTUuNzc3NSAxMC4xMDc1IDE2LjI1IDkuMzggMTYuMjUgOC43NSIgc3Ryb2tlPSJ3aGl0ZSIgICBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjc1IDEyLjVDMi43NSAxMy4xOTc1IDMuMTYyNSAxMy44Mjc1IDMuOCAxNC4xMTI1TDguODkyNSAxNi4zNzc1QzkuMjgyNSAxNi41NSA5LjcyNSAxNi41NSAxMC4xMDc1IDE2LjM3NzVMMTUuMiAxNC4xMTI1QzE1LjgzNzUgMTMuODI3NSAxNi4yNSAxMy4xOTc1IDE2LjI1IDEyLjUiIHN0cm9rZT0id2hpdGUiICBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        }
      }

      span.icon {
        display: block;
        width: 18px;
        height: 18px;
        background: center center / contain no-repeat;
      }

      span.badge {
        min-width: 24px;
        height: 24px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        line-height: 17px;
        border-radius: 50%;
        position: relative;
        margin-left: 4px;
        opacity: 1 !important;

        span {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          opacity: 1 !important;
        }

        &:before {
          content: '';
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.1);
          animation: animated_bg_coparison 45s ease infinite;
        }
      }
    }
  }

  .wps-adminHeader__side {
    position: absolute;
    right: 24px;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 26px;

    & > a {
      @media(max-width: 1030px) {
        display: none !important;
      }
    }

    .privacy {
      width: 19px;
      height: 19px;
      transition: 0.3s all ease-out;
      opacity: 70%;
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjAgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjgwNDU4IDEuNzY2MDlMNC44NTQxNyAzLjI1NDQzQzMuOTQzNzUgMy41OTQ4NCAzLjE5OTU4IDQuNjcxNTEgMy4xOTk1OCA1LjYzNzM0VjExLjUxOTRDMy4xOTk1OCAxMi40NTM2IDMuODE3MDggMTMuNjgwNyA0LjU2OTE3IDE0LjI0MjhMNy45NzMzMyAxNi43ODRDOS4wODk1OCAxNy42MjMyIDEwLjkyNjMgMTcuNjIzMiAxMi4wNDI1IDE2Ljc4NEwxNS40NDY3IDE0LjI0MjhDMTYuMTk4OCAxMy42ODA3IDE2LjgxNjMgMTIuNDUzNiAxNi44MTYzIDExLjUxOTRWNS42MzczNEMxNi44MTYzIDQuNjYzNTkgMTYuMDcyMSAzLjU4NjkzIDE1LjE2MTcgMy4yNDY1MUwxMS4yMTEzIDEuNzY2MDlDMTAuNTM4MyAxLjUyMDY4IDkuNDYxNjcgMS41MjA2OCA4LjgwNDU4IDEuNzY2MDlaIiBzdHJva2U9IiNCRkZGQjMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuNjY0NjEgOS4zOTcxNkw4LjkzOTE5IDEwLjY3MTdMMTIuMzQzNCA3LjI2NzU4IiBzdHJva2U9IiNCRkZGQjMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") center center/100% no-repeat;

      @media(max-width: 1030px) {
        right: 0;
        position: absolute;
        top: -25px;
        display: block !important;
      }

      &.warning {
        background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjMwNDQ2IDEuNzY2MDlMNC4zNTQwNSAzLjI1NDQzQzMuNDQzNjMgMy41OTQ4NCAyLjY5OTQ2IDQuNjcxNTEgMi42OTk0NiA1LjYzNzM0VjExLjUxOTRDMi42OTk0NiAxMi40NTM2IDMuMzE2OTYgMTMuNjgwNyA0LjA2OTA1IDE0LjI0MjhMNy40NzMyMSAxNi43ODRDOC41ODk0NiAxNy42MjMyIDEwLjQyNjEgMTcuNjIzMiAxMS41NDI0IDE2Ljc4NEwxNC45NDY1IDE0LjI0MjhDMTUuNjk4NiAxMy42ODA3IDE2LjMxNjEgMTIuNDUzNiAxNi4zMTYxIDExLjUxOTRWNS42MzczNEMxNi4zMTYxIDQuNjYzNTkgMTUuNTcyIDMuNTg2OTMgMTQuNjYxNSAzLjI0NjUxTDEwLjcxMTEgMS43NjYwOUMxMC4wMzgyIDEuNTIwNjggOC45NjE1NSAxLjUyMDY4IDguMzA0NDYgMS43NjYwOVoiIHN0cm9rZT0iI0ZGRDc5QiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS41IDUuNjIxMDlWOS4wMDE3NiIgc3Ryb2tlPSIjRkZENzlCIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjUgMTIuMjk4OFYxMi4zNzgiIHN0cm9rZT0iI0ZGRDc5QiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==") center center no-repeat !important;
      }

      &.disabled {
        opacity: 30% !important;
      }

      &:hover, &.active {
        opacity: 1;
      }
    }

    .settings {
      width: 19px;
      height: 19px;
      transition: 0.3s all ease-out;
      opacity: 70%;
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjAgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnPgo8cGF0aCBkPSJNMTAgMTEuODc1QzExLjMxMTcgMTEuODc1IDEyLjM3NSAxMC44MTE3IDEyLjM3NSA5LjVDMTIuMzc1IDguMTg4MzIgMTEuMzExNyA3LjEyNSAxMCA3LjEyNUM4LjY4ODMyIDcuMTI1IDcuNjI1IDguMTg4MzIgNy42MjUgOS41QzcuNjI1IDEwLjgxMTcgOC42ODgzMiAxMS44NzUgMTAgMTEuODc1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjA4MzMxIDEwLjE5NjVWOC44MDMxNEMyLjA4MzMxIDcuOTc5ODEgMi43NTYyMyA3LjI5ODk3IDMuNTg3NDggNy4yOTg5N0M1LjAyMDQgNy4yOTg5NyA1LjYwNjIzIDYuMjg1NjQgNC44ODU4MSA1LjA0MjcyQzQuNDc0MTUgNC4zMzAyMiA0LjcxOTU2IDMuNDAzOTcgNS40Mzk5OCAyLjk5MjMxTDYuODA5NTYgMi4yMDg1NkM3LjQzNDk4IDEuODM2NDcgOC4yNDI0OCAyLjA1ODE0IDguNjE0NTYgMi42ODM1Nkw4LjcwMTY1IDIuODMzOTdDOS40MTQxNSA0LjA3Njg5IDEwLjU4NTggNC4wNzY4OSAxMS4zMDYyIDIuODMzOTdMMTEuMzkzMyAyLjY4MzU2QzExLjc2NTQgMi4wNTgxNCAxMi41NzI5IDEuODM2NDcgMTMuMTk4MyAyLjIwODU2TDE0LjU2NzkgMi45OTIzMUMxNS4yODgzIDMuNDAzOTcgMTUuNTMzNyA0LjMzMDIyIDE1LjEyMjEgNS4wNDI3MkMxNC40MDE2IDYuMjg1NjQgMTQuOTg3NSA3LjI5ODk3IDE2LjQyMDQgNy4yOTg5N0MxNy4yNDM3IDcuMjk4OTcgMTcuOTI0NiA3Ljk3MTg5IDE3LjkyNDYgOC44MDMxNFYxMC4xOTY1QzE3LjkyNDYgMTEuMDE5OCAxNy4yNTE2IDExLjcwMDYgMTYuNDIwNCAxMS43MDA2QzE0Ljk4NzUgMTEuNzAwNiAxNC40MDE2IDEyLjcxNCAxNS4xMjIxIDEzLjk1NjlDMTUuNTMzNyAxNC42NzczIDE1LjI4ODMgMTUuNTk1NiAxNC41Njc5IDE2LjAwNzNMMTMuMTk4MyAxNi43OTExQzEyLjU3MjkgMTcuMTYzMSAxMS43NjU0IDE2Ljk0MTUgMTEuMzkzMyAxNi4zMTYxTDExLjMwNjIgMTYuMTY1NkMxMC41OTM3IDE0LjkyMjcgOS40MjIwNiAxNC45MjI3IDguNzAxNjUgMTYuMTY1Nkw4LjYxNDU2IDE2LjMxNjFDOC4yNDI0OCAxNi45NDE1IDcuNDM0OTggMTcuMTYzMSA2LjgwOTU2IDE2Ljc5MTFMNS40Mzk5OCAxNi4wMDczQzQuNzE5NTYgMTUuNTk1NiA0LjQ3NDE1IDE0LjY2OTQgNC44ODU4MSAxMy45NTY5QzUuNjA2MjMgMTIuNzE0IDUuMDIwNCAxMS43MDA2IDMuNTg3NDggMTEuNzAwNkMyLjc1NjIzIDExLjcwMDYgMi4wODMzMSAxMS4wMTk4IDIuMDgzMzEgMTAuMTk2NVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center center/100% no-repeat;

      &:hover, &.active {
        opacity: 1;
      }
    }

    .support {
      width: 19px;
      height: 19px;
      transition: 0.3s all ease-out;
      opacity: 70%;
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjIwIiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjAgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy45NTgzIDE0LjU5MDVIMTAuNzkxNkw3LjI2ODcyIDE2LjkzMzhDNi43NDYyMiAxNy4yODIyIDYuMDQxNjUgMTYuOTEwMSA2LjA0MTY1IDE2LjI3NjhWMTQuNTkwNUMzLjY2NjY1IDE0LjU5MDUgMi4wODMzMSAxMy4wMDcyIDIuMDgzMzEgMTAuNjMyMlY1Ljg4MjE2QzIuMDgzMzEgMy41MDcxNiAzLjY2NjY1IDEuOTIzODMgNi4wNDE2NSAxLjkyMzgzSDEzLjk1ODNDMTYuMzMzMyAxLjkyMzgzIDE3LjkxNjYgMy41MDcxNiAxNy45MTY2IDUuODgyMTZWMTAuNjMyMkMxNy45MTY2IDEzLjAwNzIgMTYuMzMzMyAxNC41OTA1IDEzLjk1ODMgMTQuNTkwNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgOC45OTQxNFY4LjgyNzkyQzEwIDguMjg5NTkgMTAuMzMyNSA4LjAwNDU3IDEwLjY2NSA3Ljc3NDk5QzEwLjk4OTYgNy41NTMzMiAxMS4zMTQxIDcuMjY4MzMgMTEuMzE0MSA2Ljc0NTgzQzExLjMxNDEgNi4wMTc1IDEwLjcyODMgNS40MzE2NCAxMCA1LjQzMTY0QzkuMjcxNjYgNS40MzE2NCA4LjY4NTg1IDYuMDE3NSA4LjY4NTg1IDYuNzQ1ODMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuOTk2NDYgMTAuODg2MUgxMC4wMDM2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") center center/100% no-repeat;

      &:hover {
        opacity: 1;
      }
    }

    .wps-notifications {
      width: 19px;
      height: 19px;
      transition: 0.3s all ease-out;
      opacity: 70%;
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGc+CjxwYXRoIGQ9Ik0xNS4zNDMgNy42ODczOVY3LjEyOTU5QzE1LjM0MyA0LjA2NjgzIDEyLjk1MDkgMS41ODM5OCAxMCAxLjU4Mzk4QzcuMDQ5MTEgMS41ODM5OCA0LjY1Njk0IDQuMDY2ODMgNC42NTY5NCA3LjEyOTU5VjcuNjg3MzlDNC42NTY5NCA4LjM1Njg1IDQuNDY2MDMgOS4wMTEyNCA0LjEwODI2IDkuNTY4MjZMMy4yMzE1NCAxMC45MzMyQzIuNDMwNzMgMTIuMTc5OSAzLjA0MjA4IDEzLjg3NDUgNC40MzQ4NyAxNC4yNjg4QzguMDc4NDIgMTUuMzAwMiAxMS45MjE2IDE1LjMwMDIgMTUuNTY1MSAxNC4yNjg4QzE2Ljk1OCAxMy44NzQ1IDE3LjU2OTMgMTIuMTc5OSAxNi43Njg0IDEwLjkzMzJMMTUuODkxNyA5LjU2ODI2QzE1LjUzNCA5LjAxMTI0IDE1LjM0MyA4LjM1Njg1IDE1LjM0MyA3LjY4NzM5WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTYuNDM3NSAxNS4wNDFDNi45NTYwNyAxNi40MjQ3IDguMzU1MjggMTcuNDE2IDEwIDE3LjQxNkMxMS42NDQ3IDE3LjQxNiAxMy4wNDQgMTYuNDI0NyAxMy41NjI1IDE1LjA0MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=") center center/100% no-repeat;
      cursor: pointer;

      &--has-items {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGc+CjxwYXRoIGQ9Ik05LjUgMS41ODM5OEMxMi40NTA5IDEuNTgzOTggMTQuODQzIDQuMDY2ODMgMTQuODQzIDcuMTI5NTlWNy42ODczOUMxNC44NDMgOC4zNTY4NSAxNS4wMzQgOS4wMTEyNCAxNS4zOTE3IDkuNTY4MjZMMTYuMjY4NCAxMC45MzMyQzE3LjA2OTMgMTIuMTc5OSAxNi40NTggMTMuODc0NSAxNS4wNjUxIDE0LjI2ODhDMTEuNDIxNiAxNS4zMDAyIDcuNTc4NDIgMTUuMzAwMiAzLjkzNDg3IDE0LjI2ODhDMi41NDIwOCAxMy44NzQ1IDEuOTMwNzMgMTIuMTc5OSAyLjczMTU0IDEwLjkzMzJMMy42MDgyNiA5LjU2ODI2QzMuOTY2MDMgOS4wMTEyNCA0LjE1Njk0IDguMzU2ODUgNC4xNTY5NCA3LjY4NzM5VjcuMTI5NTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik01LjkzNzUgMTUuMDQxQzYuNDU2MDcgMTYuNDI0NyA3Ljg1NTI4IDE3LjQxNiA5LjUgMTcuNDE2QzExLjE0NDcgMTcuNDE2IDEyLjU0NCAxNi40MjQ3IDEzLjA2MjUgMTUuMDQxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxjaXJjbGUgY3g9IjUuNSIgY3k9IjIuNSIgcj0iMi41IiBmaWxsPSIjRkYzQTNBIi8+CjwvZz4KPC9zdmc+Cg==") center center/100% no-repeat;
      }

      &:hover, &.active {
        opacity: 1;
      }
    }

    .wps-adminHeader__mobileMenu {
      display: none;
      @media(max-width: 1030px) {
        display: block;
        margin-bottom: -8px;

        .wps-bundle {


          .wps-license-status {
            background-color: transparent;
            border: none;
            opacity: 1;
            padding: 10px 14px;
            color: #5100FD !important;

            &.wps-license-status--custom {
              padding: 0 0 0 24px;
              position: relative;

              span {
                color: #1E1E20 !important;
              }

              &:after {
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDkgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjI4MzkzIDQuODY1MDNMMS41IDEuMDgxMTFMMi41ODExMiAwTDcuNDQ2MTQgNC44NjUwM0wyLjU4MTEyIDkuNzNMMS41IDguNjQ4OUw1LjI4MzkzIDQuODY1MDNaIiBmaWxsPSIjMUUxRTIwIi8+Cjwvc3ZnPgo=");
              }

              &:before {
                display: none;
              }

              span {
                max-width: 210px;
                overflow: hidden;
                text-overflow: ellipsis;
              }

              img {
                width: 14px !important;
                min-width: 14px !important;
                height: 14px !important;
              }

              .rtl & {
                padding: 0 0 0 24px;
              }
            }

            &:before {
              background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE0IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTQgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC4wODU5IDIuOTE0NTlMMTAuMDQ1MSA1LjEyNTQxQzEwLjAzOTIgNS40Mjg3NCAxMC4yMzE4IDUuODMxMjUgMTAuNDc2OCA2LjAxMjA5TDExLjkyMzQgNy4xMDg3NEMxMi44NTA5IDcuODA4NzQgMTIuNjk5MiA4LjY2NjI1IDExLjU5MDkgOS4wMTYyNUw5LjcwNjc1IDkuNjA1NDFDOS4zOTE3NSA5LjcwNDU3IDkuMDU5MjUgMTAuMDQ4OCA4Ljk3NzU4IDEwLjM2OTZMOC41Mjg0IDEyLjA4NDZDOC4xNzI1NyAxMy40Mzc5IDcuMjg1OSAxMy41NzIxIDYuNTUwOSAxMi4zODIxTDUuNTI0MjIgMTAuNzE5NkM1LjMzNzU2IDEwLjQxNjIgNC44OTQyMyAxMC4xODg4IDQuNTQ0MjMgMTAuMjA2M0wyLjU5NTkxIDEwLjMwNTRDMS4yMDE3NSAxMC4zNzU0IDAuODA1MDc1IDkuNTcwNDIgMS43MTUwNyA4LjUwODc1TDIuODcwMDYgNy4xNjcwOEMzLjA4NTkgNi45MTYyNCAzLjE4NTA2IDYuNDQ5NTggMy4wODU4OSA2LjEzNDU4TDIuNDk2NzYgNC4yNTA0MUMyLjE1MjU5IDMuMTQyMDggMi43NzA5MiAyLjUyOTU4IDMuODczNDIgMi44OTEyNUw1LjU5NDI2IDMuNDU3MDlDNS44ODU5MiAzLjU1MDQyIDYuMzIzNDEgMy40ODYyNSA2LjU2ODQxIDMuMzA1NDFMOC4zNjUwOSAyLjAxMDQxQzkuMzMzNDIgMS4zMTA0MSAxMC4xMDkyIDEuNzE4NzYgMTAuMDg1OSAyLjkxNDU5WiIgc3Ryb2tlPSIjNTEwMEZEIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMi43ODA5IDEzLjMzMkwxMS4wMTM0IDExLjU2NDUiIHN0cm9rZT0iIzUxMDBGRCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
            }

            &:after {
              background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjgiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCA4IDExIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC43ODM5MyA1LjM2NTAzTDEgMS41ODExMUwyLjA4MTEyIDAuNUw2Ljk0NjE0IDUuMzY1MDNMMi4wODExMiAxMC4yM0wxIDkuMTQ4OUw0Ljc4MzkzIDUuMzY1MDNaIiBmaWxsPSIjNTEwMEZEIi8+Cjwvc3ZnPgo=");
            }

            &:hover {
              color: rgb(31, 38, 144) !important;
            }
          }
        }
      }
    }

  }


  #wps-menu-toggle {
    display: none;
  }

  #wps-menu-toggle:checked ~ .wps-menu-content {
    display: block;
  }

  #wps-menu-toggle:checked ~ .hamburger-menu-container {
    background: #FFFFFF33;
  }

  #wps-menu-toggle:checked ~ .hamburger-menu-container .menu-bar:nth-child(2) {
    opacity: 0;
  }

  #wps-menu-toggle:checked ~ .hamburger-menu-container .menu-bar:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
    opacity: 1;
  }

  #wps-menu-toggle:checked ~ .hamburger-menu-container .menu-bar:nth-child(3) {
    transform: translateY(-2.5px) rotate(-45deg);
    opacity: 1;
  }


  .wps-adminHeader__menuFlex {
    display: flex;
    align-items: center;
    justify-content: center;

    .wps-adminHeader__menuItem {
      border-radius: 4px;
      background-color: rgba(white, 0);
      transition: 0.3s all ease-out;
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      margin: 0 2px;
      font-size: 15px;
      text-decoration: none;

      svg {
        width: 25px;
        margin-right: 3px;
        display: block;
      }

      &:hover {
        background-color: rgba(white, 0.2);
      }

      &.mega {
        position: relative;
        z-index: 9999;

        &:hover {
          background-color: rgba(white, 0);

          .wps-adminHeader__submenu {
            display: block;
          }
        }

        svg.chevron {
          width: 30px;
          margin-left: 5px;
          margin-right: 0;
          display: block;
        }

        .wps-adminHeader__submenu {
          padding: 10px 0;
          border-radius: 8px;
          background-color: white;
          box-shadow: 0 2px 25px rgba(black, 0.1);
          top: 40px;
          left: 15px;
          width: 250px;
          position: absolute;
          z-index: 50;
          display: none;

          &:before {
            content: "";
            width: 100%;
            height: 20px;
            position: absolute;
            top: -10px;
            left: 0;
          }

          .wps-adminHeader__submenuItem {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 15px;
            transition: 0.3s all ease-out;
            color: #56585a;
            font-size: 15px;
            font-weight: 500;
            text-decoration: none;

            &.active-item {
              color: #404bf2;
              background-color: #f0f5ff;
            }

            &.with-badge {
              display: flex;
              align-items: center;
              justify-content: space-between;

              span.badge {
                background-color: #f0f5ff;
                border-radius: 4px;
                padding: 4px 6px;
                text-align: center;
                color: #404bf2;
                font-weight: 300;
                font-size: 13px;
                transition: 0.3s all ease-out;
              }
            }

            &:hover {
              background-color: #f0f5ff;
              color: #404bf2;

              &.with-badge {
                span.badge {
                  background-color: white;
                }
              }
            }
          }
        }
      }
    }
  }

  .wps-adminHeader__activation {
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transform: translateY(18px);

    span {
      background: url("../images/activation-badge.svg") right center/auto 100% no-repeat;
      width: 15px;
      height: 15px;
      margin-right: 7px;
      display: block;
    }
  }

  @media (max-width: 1100px) {
    justify-content: flex-start;

    .wps-adminHeader__activation {
      display: none;
    }
  }

  @media (max-width: 785px) {
    position: relative;
    z-index: 1;
    padding: 15px;
    flex-wrap: wrap;

    .wps-adminHeader__menuFlex {
      justify-content: flex-start;
      flex-wrap: wrap;
      margin-top: 25px;

      .wps-adminHeader__menuItem {
        font-size: 16px;
        margin: 0 15px 15px 0;
        padding: 0;

        svg {
          width: 20px;
        }

        &.mega {
          .wps-adminHeader__submenu {
            top: 30px;
            left: 0;
            width: 220px;

            .wps-adminHeader__submenuItem {
              font-size: 14px;
            }
          }
        }
      }
    }

    .wps-adminHeader__activation {
      display: none;
    }

    .wps-adminHeader__burgerIcon {
      .wp-statistics-settings & {
        display: block;
        position: absolute;
        top: 20px;
        right: 15px;
        width: 35px;
      }
    }
  }
}


.wps-adminHeader__premium {
  background: #12121B
}

.wps-wrap input[type="text"].small-text {
  padding: 12px 8px !important;
  min-width: 80px;
}

.wps-wrap .notice:not(.hidden) {
  padding: 2px 41px 2px 14px;
  border-radius: 4px;
  color: #242a31;
  font-weight: normal;
  line-height: 24px;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  border-left: 6px solid #f2bb08;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  margin: 10px 0 24px;
  display: flex;
  align-items: flex-start;

  &.notice-success {
    border-left-color: #22bb3f;
  }

  &.notice-error {
    border-left-color: #ff0000;
  }

  &.notice-info {
    border-left-color: #0090ad;
  }

  .rtl & {
    padding: 2px 14px 2px 41px;
  }
}

.wps-wrap .notice::before {
  content: "";
  min-width: 20px;
  min-height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 10px;
  background: center center/auto no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 13.5C11 13.7761 10.7761 14 10.5 14H9.5C9.22386 14 9 13.7761 9 13.5V12.5C9 12.2239 9.22386 12 9.5 12H10.5C10.7761 12 11 12.2239 11 12.5V13.5ZM10.53 10C10.6572 10.0009 10.7647 9.90624 10.78 9.78L11.18 6.56C11.1972 6.41735 11.1523 6.27417 11.0566 6.16698C10.9609 6.05979 10.8237 5.99896 10.68 6H9.32C9.17631 5.99896 9.03912 6.05979 8.94342 6.16698C8.84771 6.27417 8.80275 6.41735 8.82 6.56L9.22 9.78C9.23526 9.90624 9.34284 10.0009 9.47 10H10.53Z' fill='%23F2BB08'/%3E%3C/svg%3E%0A");
}

.wps-wrap .notice-warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.88 12.88L15.71 13.71C15.8947 13.8963 15.9989 14.1477 16 14.41V15C16 15.5523 15.5523 16 15 16H1C0.447715 16 0 15.5523 0 15V14.41C0.00110462 14.1477 0.105256 13.8963 0.29 13.71L1.12 12.88C1.68277 12.3179 1.9993 11.5554 2 10.76V8C2 6.70178 2.42107 5.43858 3.2 4.4L4.1 3.2C4.66656 2.44458 5.55573 2 6.5 2H7V0.5C7 0.223858 7.22386 0 7.5 0H8.5C8.77614 0 9 0.223858 9 0.5V2H9.5C10.4443 2 11.3334 2.44458 11.9 3.2L12.8 4.4C13.5789 5.43858 14 6.70178 14 8V10.76C14.0007 11.5554 14.3172 12.3179 14.88 12.88ZM8 20C9.10457 20 10 19.1046 10 18H6C6 19.1046 6.89543 20 8 20Z' fill='%23F2BB08'/%3E%3C/svg%3E%0A");
}

.wps-wrap .notice-error::before {
  min-width: 23px;
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.9055 17.63L11.8131 0.37C11.6763 0.141211 11.4296 0.0008087 11.163 0H10.8629C10.5963 0.0008087 10.3496 0.141211 10.2127 0.37L0.100349 17.63C-0.0295434 17.8667 -0.0295434 18.1533 0.100349 18.39L0.240382 18.62C0.370004 18.8573 0.620158 19.0035 0.890536 19H21.1153C21.3857 19.0035 21.6359 18.8573 21.7655 18.62L21.9055 18.39C22.0354 18.1533 22.0354 17.8667 21.9055 17.63ZM12.0032 14.5C12.0032 14.7761 11.7793 15 11.503 15H10.5028C10.2266 15 10.0027 14.7761 10.0027 14.5V13.5C10.0027 13.2239 10.2266 13 10.5028 13H11.503C11.7793 13 12.0032 13.2239 12.0032 13.5V14.5ZM11.5331 11C11.6602 11.0009 11.7679 10.9062 11.7831 10.78L12.1832 7.56C12.2005 7.41735 12.1555 7.27417 12.0598 7.16698C11.964 7.05979 11.8268 6.99896 11.6831 7H10.3228C10.179 6.99896 10.0418 7.05979 9.9461 7.16698C9.85037 7.27417 9.8054 7.41735 9.82265 7.56L10.2227 10.78C10.238 10.9062 10.3456 11.0009 10.4728 11H11.5331Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
}

.wps-wrap .notice-info::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 13.5C11 13.7761 10.7761 14 10.5 14H9.5C9.22386 14 9 13.7761 9 13.5V10.5C9 10.2239 9.22386 10 9.5 10H10.5C10.7761 10 11 10.2239 11 10.5V13.5ZM10.5 8C10.7761 8 11 7.77614 11 7.5V6.5C11 6.22386 10.7761 6 10.5 6H9.5C9.22386 6 9 6.22386 9 6.5V7.5C9 7.77614 9.22386 8 9.5 8H10.5Z' fill='%230090AD'/%3E%3C/svg%3E%0A");
}

.wps-wrap .notice-success::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM8.73 13.35L14.35 7.73C14.5341 7.53685 14.5341 7.23315 14.35 7.04L13.82 6.51C13.6256 6.31943 13.3144 6.31943 13.12 6.51L8.38 11.25L6.88 9.76C6.78927 9.66332 6.66259 9.60848 6.53 9.60848C6.39741 9.60848 6.27073 9.66332 6.18 9.76L5.65 10.29C5.55534 10.3839 5.5021 10.5117 5.5021 10.645C5.5021 10.7783 5.55534 10.9061 5.65 11L8.03 13.35C8.12073 13.4467 8.24741 13.5015 8.38 13.5015C8.51259 13.5015 8.63927 13.4467 8.73 13.35Z' fill='%2322BB3F'/%3E%3C/svg%3E%0A");
}

.wps-wrap .notice-warning.update-nag.inline {
  line-height: 1.5;
  gap: 4px;
  flex-wrap: wrap;
  padding: 11px 15px;
  font-size: 14px;

  &:before {
    margin-top: 0;
  }
}

.rtl .wps-wrap .notice {
  border-left: 0;
  border-right: 6px solid #f2bb08;
}

.rtl .wps-wrap .notice::before {
  margin-right: 0;
  margin-left: 10px;
}

.rtl .wps-wrap .notice-warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.88 12.88L15.71 13.71C15.8947 13.8963 15.9989 14.1477 16 14.41V15C16 15.5523 15.5523 16 15 16H1C0.447715 16 0 15.5523 0 15V14.41C0.00110462 14.1477 0.105256 13.8963 0.29 13.71L1.12 12.88C1.68277 12.3179 1.9993 11.5554 2 10.76V8C2 6.70178 2.42107 5.43858 3.2 4.4L4.1 3.2C4.66656 2.44458 5.55573 2 6.5 2H7V0.5C7 0.223858 7.22386 0 7.5 0H8.5C8.77614 0 9 0.223858 9 0.5V2H9.5C10.4443 2 11.3334 2.44458 11.9 3.2L12.8 4.4C13.5789 5.43858 14 6.70178 14 8V10.76C14.0007 11.5554 14.3172 12.3179 14.88 12.88ZM8 20C9.10457 20 10 19.1046 10 18H6C6 19.1046 6.89543 20 8 20Z' fill='%23F2BB08'/%3E%3C/svg%3E%0A");
}

.rtl .wps-wrap .notice-danger {
  border-right-color: #ff0000;
}

.rtl .wps-wrap .notice-danger::before {
  margin-right: 0;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.9055 17.63L11.8131 0.37C11.6763 0.141211 11.4296 0.0008087 11.163 0H10.8629C10.5963 0.0008087 10.3496 0.141211 10.2127 0.37L0.100349 17.63C-0.0295434 17.8667 -0.0295434 18.1533 0.100349 18.39L0.240382 18.62C0.370004 18.8573 0.620158 19.0035 0.890536 19H21.1153C21.3857 19.0035 21.6359 18.8573 21.7655 18.62L21.9055 18.39C22.0354 18.1533 22.0354 17.8667 21.9055 17.63ZM12.0032 14.5C12.0032 14.7761 11.7793 15 11.503 15H10.5028C10.2266 15 10.0027 14.7761 10.0027 14.5V13.5C10.0027 13.2239 10.2266 13 10.5028 13H11.503C11.7793 13 12.0032 13.2239 12.0032 13.5V14.5ZM11.5331 11C11.6602 11.0009 11.7679 10.9062 11.7831 10.78L12.1832 7.56C12.2005 7.41735 12.1555 7.27417 12.0598 7.16698C11.964 7.05979 11.8268 6.99896 11.6831 7H10.3228C10.179 6.99896 10.0418 7.05979 9.9461 7.16698C9.85037 7.27417 9.8054 7.41735 9.82265 7.56L10.2227 10.78C10.238 10.9062 10.3456 11.0009 10.4728 11H11.5331Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
}

.rtl .wps-wrap .notice-info {
  border-right-color: #0090ad;
}

.rtl .wps-wrap .notice-info::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 13.5C11 13.7761 10.7761 14 10.5 14H9.5C9.22386 14 9 13.7761 9 13.5V10.5C9 10.2239 9.22386 10 9.5 10H10.5C10.7761 10 11 10.2239 11 10.5V13.5ZM10.5 8C10.7761 8 11 7.77614 11 7.5V6.5C11 6.22386 10.7761 6 10.5 6H9.5C9.22386 6 9 6.22386 9 6.5V7.5C9 7.77614 9.22386 8 9.5 8H10.5Z' fill='%230090AD'/%3E%3C/svg%3E%0A");
}

.rtl .wps-wrap .notice-success {
  border-right-color: #22bb3f;
}

.rtl .wps-wrap .notice-success::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM8.73 13.35L14.35 7.73C14.5341 7.53685 14.5341 7.23315 14.35 7.04L13.82 6.51C13.6256 6.31943 13.3144 6.31943 13.12 6.51L8.38 11.25L6.88 9.76C6.78927 9.66332 6.66259 9.60848 6.53 9.60848C6.39741 9.60848 6.27073 9.66332 6.18 9.76L5.65 10.29C5.55534 10.3839 5.5021 10.5117 5.5021 10.645C5.5021 10.7783 5.55534 10.9061 5.65 11L8.03 13.35C8.12073 13.4467 8.24741 13.5015 8.38 13.5015C8.51259 13.5015 8.63927 13.4467 8.73 13.35Z' fill='%2322BB3F'/%3E%3C/svg%3E%0A");
}

.wps-wrap .postbox {
  background: #ffffff;
  border: 0;
  border-radius: 8px;

  &:focus-within,
  &.has-focus {
    z-index: 99;
    position: relative;
  }
}

.wps-wrap .postbox-header {
  border-bottom: 0;
}

.wps-wrap .thickbox.button,
.wps-wrap .button {
  background: #fff;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  color: #000;
  transition: 0.2s;
  margin: 10px 0;
}

.wps-wrap .wpsms-button-group {
  margin-top: 20px;
}

.wps-wrap .button:hover {
  background: #fff;
  border-color: #404bf2;
  color: #000;
}

.wps-wrap .button,
.wps-wrap .thickbox.button {
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 24px;
  border-radius: 2px;
  transition: 0.2s;
}

.rtl .wps-wrap .button {
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 16px;
  border-radius: 2px;
  transition: 0.2s;
}

.wps-wrap .button:disabled {
  background-color: #808080 !important;
}

.wps-wrap .button-primary {
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 24px;
  border-radius: 2px;
  transition: 0.2s;
  background: #404bf2;
  border-color: #404bf2;
  color: #fff !important;
  margin: 10px 0;
}

.wps-wrap textarea {
  max-width: calc(100% - 45px);
}

.wps-wrap .button-primary:hover {
  background-color: #1e27bf;
  border-color: #1e27bf;
}

.wps-wrap .button:focus {
  background-color: #fff;
  border-color: #1e27bf;
  color: #000 !important;
  box-shadow: 0 0 0 1px #1e27bf;
  outline: 2px solid transparent;
}

.wps-wrap .button-primary:focus {
  background-color: #1e27bf;
  border-color: #1e27bf;
  box-shadow: 0 0 0 1px #1e27bf;
  outline: 2px solid transparent;
  color: #fff !important;
}

.wps-wrap input[type="checkbox"]:focus {
  box-shadow: none !important;
  outline: unset !important;
}

.wps-wrap,
.chosen-container-multi .chosen-choices {
  input[type="text"],
  input[type="password"],
  input[type="number"],
  select {
    padding: 12px 16px !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #5b5b5b !important;
    box-sizing: border-box;
    border-radius: 2px;
  }

  select {
    padding: 12px 24px 12px 8px !important;
  }
}

.rtl .wps-wrap select {
  padding: 12px 8px 12px 24px !important;
}

.wps-wrap input[type="text"]:focus,
.wps-wrap input[type="number"]:focus,
.wps-wrap select:focus {
  border-color: #404bf2;
  box-shadow: 0 0 0 1px #404bf2;
  outline: 2px solid transparent;
}

.wps-wrap input[type="text"]::placeholder,
.wps-wrap input[type="number"]::placeholder,
.wps-wrap select::placeholder {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.wps-wrap input[type="checkbox"],
.wps-wrap input[type="radio"] {
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #5b5b5b !important;
  transition: 0.2s;
}

.wps-wrap input[type="radio"] {
  border-radius: 50%;
  transition: 0.2s;
}

.wps-wrap input[type="radio"]:checked {
  background-color: #404af2 !important;
  border-color: #404af2 !important;
}

.wps-wrap input[type="radio"]:checked::before {
  background-color: #fff !important;
  transition: 0.2s;
  width: 8px;
  height: 8px;
  margin: 5px !important;
}

.wps-wrap input[type="checkbox"]:hover {
  border-color: #404bf2 !important;
}

.wps-wrap input[type="checkbox"]:checked {
  background: #404bf2;
  border-color: #404bf2 !important;
}

.wps-wrap input[type="checkbox"]:checked::before {
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E") !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
}

.wps-wrap .btn-danger:hover {
  background: #c20000 !important;
  background-color: rgb(194, 0, 0);
  border-color: #990000 !important;
  color: #fff;
}

.wps-wrap .wps-inline select {
  padding: 12px 24px 12px 16px !important;
}

.wps-wrap .wp-statistics-sub-fullwidth input {
  padding: 6px !important;
}

.wps-wrap .wp-statistics-sub-fullwidth .button-primary {
  padding: 7px 14px !important;
}

#wp-statistics-platforms-table-widget .inside {
  overflow-x: auto;
}

.statistics_page_wps_visitors_page .wps-wrap .meta-box-sortables {
  .inside {
    overflow-x: hidden;
  }
}

.wps-wrap .meta-box-sortables {

  .inside-no-padding {
    margin-bottom: 20px;
    display: flex;
  }

  .postbox-header {

  }
}

.wps-wrap__top .wps_description {
  color: #0C0C0D;
  font-size: 0.81rem;
  line-height: 24px;
}

.statistics_page_wps_categories_page,
.statistics_page_wps_categories_page,
.statistics_page_wps_countries_page,
.statistics_page_wps_tags_page,
.statistics_page_wps_authors_page,
.statistics_page_wps_pages_page {
  .wps-wrap .postbox {
    //padding: 10px 3px !important;
  }
}

.statistics_page_wps_optimization_page,
.statistics_page_wps_settings_page,
.-d8-a2-d9-85-d8-a7-d8-b1_page_wps_settings_page {
  .wps-wrap .postbox {
    //padding: 15px;
    overflow: hidden;
  }
}

.statistics_page_wps_download_tracker_page, .statistics_page_wps_link_tracker_page {
  .wps_title .wps-tooltip {
    margin-left: 0;

    .wps-tooltip-icon {
      width: 13.3px;
      height: 13.3px;
      margin-bottom: -2px;
      background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljk5ODcgMC4zNDM3NUMzLjMxNjcgMC4zNDM3NSAwLjMzMjAzMSAzLjMyODQyIDAuMzMyMDMxIDcuMDEwNDJDMC4zMzIwMzEgMTAuNjkyNCAzLjMxNjcgMTMuNjc3MSA2Ljk5ODcgMTMuNjc3MUMxMC42ODA3IDEzLjY3NzEgMTMuNjY1NCAxMC42OTI0IDEzLjY2NTQgNy4wMTA0MkMxMy42NjU0IDMuMzI4NDIgMTAuNjgwNyAwLjM0Mzc1IDYuOTk4NyAwLjM0Mzc1Wk02Ljk5ODcgMS42NzcwOEM4LjQxMzE5IDEuNjc3MDggOS43Njk3NCAyLjIzODk5IDEwLjc2OTkgMy4yMzkxOEMxMS43NzAxIDQuMjM5MzcgMTIuMzMyIDUuNTk1OTMgMTIuMzMyIDcuMDEwNDJDMTIuMzMyIDguNDI0OSAxMS43NzAxIDkuNzgxNDYgMTAuNzY5OSAxMC43ODE3QzkuNzY5NzQgMTEuNzgxOCA4LjQxMzE5IDEyLjM0MzcgNi45OTg3IDEyLjM0MzdDNS41ODQyMSAxMi4zNDM3IDQuMjI3NjYgMTEuNzgxOCAzLjIyNzQ2IDEwLjc4MTdDMi4yMjcyNyA5Ljc4MTQ2IDEuNjY1MzYgOC40MjQ5IDEuNjY1MzYgNy4wMTA0MkMxLjY2NTM2IDUuNTk1OTMgMi4yMjcyNyA0LjIzOTM3IDMuMjI3NDYgMy4yMzkxOEM0LjIyNzY2IDIuMjM4OTkgNS41ODQyMSAxLjY3NzA4IDYuOTk4NyAxLjY3NzA4Wk02Ljk5ODcgMy42NzcwOEM2LjgyMTg5IDMuNjc3MDggNi42NTIzMiAzLjc0NzMyIDYuNTI3MjkgMy44NzIzNUM2LjQwMjI3IDMuOTk3MzcgNi4zMzIwMyA0LjE2Njk0IDYuMzMyMDMgNC4zNDM3NUM2LjMzMjAzIDQuNTIwNTYgNi40MDIyNyA0LjY5MDEzIDYuNTI3MjkgNC44MTUxNUM2LjY1MjMyIDQuOTQwMTggNi44MjE4OSA1LjAxMDQyIDYuOTk4NyA1LjAxMDQyQzcuMTc1NTEgNS4wMTA0MiA3LjM0NTA4IDQuOTQwMTggNy40NzAxIDQuODE1MTVDNy41OTUxMyA0LjY5MDEzIDcuNjY1MzYgNC41MjA1NiA3LjY2NTM2IDQuMzQzNzVDNy42NjUzNiA0LjE2Njk0IDcuNTk1MTMgMy45OTczNyA3LjQ3MDEgMy44NzIzNUM3LjM0NTA4IDMuNzQ3MzIgNy4xNzU1MSAzLjY3NzA4IDYuOTk4NyAzLjY3NzA4Wk02LjMzMjAzIDUuNjc3MDhDNi4xNTUyMiA1LjY3NzA4IDUuOTg1NjUgNS43NDczMiA1Ljg2MDYzIDUuODcyMzVDNS43MzU2IDUuOTk3MzcgNS42NjUzNiA2LjE2Njk0IDUuNjY1MzYgNi4zNDM3NUM1LjY2NTM2IDYuNjY1MDggNS45MDQ3IDYuOTA1MDggNi4yMDY3IDYuOTY5MDhMNS44MTEzNiA4Ljg4NTA4QzUuNjU2NyA5LjY1OTA4IDYuMjEwMDMgMTAuMzQzNyA2Ljk5ODAzIDEwLjM0MzdINy42NjQ3QzcuODQxNTEgMTAuMzQzNyA4LjAxMTA4IDEwLjI3MzUgOC4xMzYxIDEwLjE0ODVDOC4yNjExMyAxMC4wMjM1IDguMzMxMzYgOS44NTM4OSA4LjMzMTM2IDkuNjc3MDhDOC4zMzEzNiA5LjUwMDI3IDguMjYxMTMgOS4zMzA3IDguMTM2MSA5LjIwNTY4QzguMDExMDggOS4wODA2NSA3Ljg0MTUxIDkuMDEwNDIgNy42NjQ3IDkuMDEwNDJINy4xNDQ3TDcuNjQ0NyA2LjQ2OTA4QzcuNjY0NzggNi4zNzMxNCA3LjY2MzE1IDYuMjczOTEgNy42Mzk5MyA2LjE3ODY4QzcuNjE2NyA2LjA4MzQ0IDcuNTcyNDcgNS45OTQ2IDcuNTEwNDggNS45MTg2N0M3LjQ0ODQ4IDUuODQyNzQgNy4zNzAyOCA1Ljc4MTY0IDcuMjgxNjIgNS43Mzk4NEM3LjE5Mjk1IDUuNjk4MDQgNy4wOTYwNiA1LjY3NjU5IDYuOTk4MDMgNS42NzcwOEg2LjMzMjAzWiIgZmlsbD0iIzU2NTg1QSIvPgo8L3N2Zz4K");
    }
  }

  .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #222;
    top: 0;
  }

  .tooltipster-flat.tooltipster-right, .tooltipster-flat.tooltipster-left {
    .tooltipster-arrow .tooltipster-arrow-border, .tooltipster-arrow .tooltipster-arrow-background {
      border-top-color: transparent;
    }
  }

  .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #222;
  }

  .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #222;
  }

  .tooltipster-flat {
    .tooltipster-box {
      max-width: 300px;
    }
  }
}


.c-pages-date-range {
  .c-footer__filter__btn-group .c-footer__filter__btn {
    border: 1px solid $light-color;
    border-radius: 3px;
  }

  .c-footer__filter__btn--sm {
    display: none;
  }
}

.wps-wrap .btn-danger {
  background: rgba(186, 0, 0, 0.74) !important;
  border-color: rgba(170, 0, 0, 0.77) rgba(153, 0, 0, 0.74) rgba(153, 0, 0, 0.74) !important;
  box-shadow: 0 1px 0 rgba(153, 0, 0, 0.74);
  color: #fff;
  text-decoration: none;
  padding: 12px 16px !important;
  text-shadow: 0 -1px 1px rgba(153, 0, 0, 0.74), 1px 0 1px rgba(153, 0, 0, 0.74), 0 1px 1px rgba(153, 0, 0, 0.74), -1px 0 1px rgba(153, 0, 0, 0.74);
}

.wps-wrap #wps-plugins-support .button {
  padding: 12px !important;
  margin-top: 8px;
}

.wps-wrap ul.tabs {
  background-color: #fff;
  margin-bottom: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  padding: 0 20px;
  display: flex;
}

.wps-wrap ul.tabs li {
  border: 0;
  border-bottom: 4px solid transparent !important;
  padding: 20px 8px;
  margin-right: 8px;
  transition: 0.2s;
  color: #4a4a4a;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  word-break: keep-all;
  white-space: nowrap;
}

.wps-wrap ul.tabs li:hover {
  color: #000;
}

.wps-wrap ul.tabs li.current {
  border: 0;
  border-bottom-color: #404bf2 !important;
  padding: 20px 8px;
  color: #000;
}

@media screen and (max-width: 1460px) {
  .wps-wrap ul.tabs {
    overflow-x: auto;
  }
}

// .wp-statistics-settings #update_geoip {
//   padding: 5px 15px;
// }

.wps-wrap #poststuff .postbox-container {
  margin-top: 0 !important;
}

.wps-wrap #poststuff {
  h2.wps-settings-box__title {
    color: #0C0C0D;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    padding: 0;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    & > span {
      display: inline-flex;
      gap: 6px;
      align-items: center;
    }

    a {
      font-weight: 500;
      font-size: 13px;
      text-decoration: underline;
      text-decoration-style: solid;
      text-decoration-thickness: 0%;
    }
  }

  .wps-settings-box__head {

  }
}

/* Widget Add-on */

.wps-widgets-settings-wrap #tab_container,
.wps-mini-chart-settings-wrap #tab_container,
.wps-rest-api-settings-wrap #tab_container,
.wps-customization-settings-wrap #tab_container,
.wps-realtime-stats-settings-wrap #tab_container {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
}

.wps-widgets-settings-wrap .nav-tab-wrapper,
.wps-mini-chart-settings-wrap .nav-tab-wrapper,
.wps-rest-api-settings-wrap .nav-tab-wrapper,
.wps-customization-settings-wrap .nav-tab-wrapper,
.wps-realtime-stats-settings-wrap .nav-tab-wrapper {
  padding-top: 0 !important;
}

.wps-rest-api-settings-wrap .nav-tab-wrapper .nav-tab-active,
.wps-customization-settings-wrap .nav-tab-wrapper .nav-tab-active,
.wps-widgets-settings-wrap .nav-tab-wrapper .nav-tab-active,
.wps-mini-chart-settings-wrap .nav-tab-wrapper .nav-tab-active,
.wps-realtime-stats-settings-wrap .nav-tab-wrapper .nav-tab-active {
  background-color: #fff;
  border-bottom-color: #fff;
}

.wps-widgets-settings-wrap .nav-tab-wrapper,
.wps-mini-chart-settings-wrap .nav-tab-wrapper,
.wps-rest-api-settings-wrap .nav-tab-wrapper,
.wps-customization-settings-wrap .nav-tab-wrapper,
.wps-realtime-stats-settings-wrap .nav-tab-wrapper {
  background-color: #fff;
  margin: 20px 0 !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  padding: 0 15px;
  display: flex;
  border: none !important;
}

.wps-widgets-settings-wrap .nav-tab-wrapper a,
.wps-mini-chart-settings-wrap .nav-tab-wrapper a,
.wps-rest-api-settings-wrap .nav-tab-wrapper a,
.wps-customization-settings-wrap .nav-tab-wrapper a,
.wps-realtime-stats-settings-wrap .nav-tab-wrapper a {
  border: 0;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  padding: 20px 8px;
  margin-right: 8px;
  transition: 0.2s;
  color: #4a4a4a;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  word-break: keep-all;
  white-space: nowrap;
  background-color: transparent !important;
}

.wps-widgets-settings-wrap .nav-tab-wrapper a:hover,
.wps-mini-chart-settings-wrap .nav-tab-wrapper a:hover,
.wps-rest-api-settings-wrap .nav-tab-wrapper a:hover,
.wps-customization-settings-wrap .nav-tab-wrapper a:hover,
.wps-realtime-stats-settings-wrap .nav-tab-wrapper a:hover {
  color: #000;
}

.wps-widgets-settings-wrap .nav-tab-wrapper a.nav-tab-active,
.wps-mini-chart-settings-wrap .nav-tab-wrapper a.nav-tab-active,
.wps-rest-api-settings-wrap .nav-tab-wrapper a.nav-tab-active,
.wps-customization-settings-wrap .nav-tab-wrapper a.nav-tab-active,
.wps-realtime-stats-settings-wrap .nav-tab-wrapper a.nav-tab-active {
  border: 0;
  border-bottom-color: #404bf2 !important;
  padding: 20px 8px;
  color: #000;
}

.wps-widgets-settings-wrap input[type="checkbox"],
.wps-widgets-settings-wrap input[type="radio"],
.wps-mini-chart-settings-wrap input[type="checkbox"],
.wps-mini-chart-settings-wrap input[type="radio"],
.wps-rest-api-settings-wrap input[type="checkbox"],
.wps-rest-api-settings-wrap input[type="radio"],
.wps-customization-settings-wrap input[type="checkbox"],
.wps-customization-settings-wrap input[type="radio"],
.wps-rest-api-settings-wrap input[type="checkbox"],
.wps-rest-api-settings-wrap input[type="radio"],
.wps-realtime-stats-settings-wrap input[type="checkbox"],
.wps-realtime-stats-settings-wrap input[type="radio"] {
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #5b5b5b !important;
  transition: 0.2s;
}

.wps-widgets-settings-wrap input[type="radio"],
.wps-mini-chart-settings-wrap input[type="radio"],
.wps-rest-api-settings-wrap input[type="radio"],
.wps-customization-settings-wrap input[type="radio"],
.wps-realtime-stats-settings-wrap input[type="radio"] {
  border-radius: 50%;
  transition: 0.2s;
}

.wps-widgets-settings-wrap input[type="radio"]:checked,
.wps-mini-chart-settings-wrap input[type="radio"]:checked,
.wps-rest-api-settings-wrap input[type="radio"]:checked,
.wps-customization-settings-wrap input[type="radio"]:checked,
.wps-realtime-stats-settings-wrap input[type="radio"]:checked {
  background-color: #404af2 !important;
  border-color: #404af2 !important;
}

.wps-widgets-settings-wrap input[type="radio"]:checked::before,
.wps-mini-chart-settings-wrap input[type="radio"]:checked::before,
.wps-rest-api-settings-wrap input[type="radio"]:checked::before,
.wps-customization-settings-wrap input[type="radio"]:checked::before,
.wps-realtime-stats-settings-wrap input[type="radio"]:checked::before {
  background-color: #fff !important;
  transition: 0.2s;
  width: 10px;
  height: 10px;
  margin: 0.38rem !important;
}

.wps-widgets-settings-wrap input[type="checkbox"]:hover,
.wps-mini-chart-settings-wrap input[type="checkbox"]:hover,
.wps-rest-api-settings-wrap input[type="checkbox"]:hover,
.wps-customization-settings-wrap input[type="checkbox"]:hover,
.wps-realtime-stats-settings-wrap input[type="checkbox"]:hover {
  border-color: #404bf2 !important;
}

.wps-widgets-settings-wrap input[type="checkbox"]:checked,
.wps-mini-chart-settings-wrap input[type="checkbox"]:checked,
.wps-rest-api-settings-wrap input[type="checkbox"]:checked,
.wps-customization-settings-wrap input[type="checkbox"]:checked,
.wps-realtime-stats-settings-wrap input[type="checkbox"]:checked {
  background: #404bf2;
  border-color: #404bf2 !important;
}

.wps-widgets-settings-wrap input[type="checkbox"]:checked::before,
.wps-mini-chart-settings-wrap input[type="checkbox"]:checked::before,
.wps-rest-api-settings-wrap input[type="checkbox"]:checked::before,
.wps-customization-settings-wrap input[type="checkbox"]:checked::before,
.wps-realtime-stats-settings-wrap input[type="checkbox"]:checked::before {
  margin: -0.07rem 0 0 -0.12rem !important;
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E") !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
}

.wps-widgets-settings-wrap .thickbox.button,
.wps-widgets-settings-wrap .button,
.wps-widgets-settings-wrap input[type="button"],
.wps-mini-chart-settings-wrap .thickbox.button,
.wps-mini-chart-settings-wrap .button,
.wps-mini-chart-settings-wrap input[type="button"],
.wps-rest-api-settings-wrap .thickbox.button,
.wps-rest-api-settings-wrap .button,
.wps-rest-api-settings-wrap input[type="button"],
.wps-customization-settings-wrap .thickbox.button,
.wps-rest-api-settings-wrap .button,
.wps-customization-settings-wrap input[type="button"],
.wps-rest-api-settings-wrap .thickbox.button,
.wps-customization-settings-wrap .button,
.wps-rest-api-settings-wrap input[type="button"],
.wps-rest-api-settings-wrap .thickbox.button,
.wps-rest-api-settings-wrap .button,
.wps-rest-api-settings-wrap input[type="button"],
.wps-realtime-stats-settings-wrap .thickbox.button,
.wps-realtime-stats-settings-wrap .button,
.wps-realtime-stats-settings-wrap input[type="button"] {
  background: #fff;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  color: #000;
  transition: 0.2s;
}

.wps-widgets-settings-wrap .wpsms-button-group,
.wps-mini-chart-settings-wrap .wpsms-button-group,
.wps-rest-api-settings-wrap .wpsms-button-group,
.wps-customization-settings-wrap .wpsms-button-group,
.wps-realtime-stats-settings-wrap .wpsms-button-group {
  margin-top: 20px;
}

.wps-widgets-settings-wrap .button:hover,
.wps-widgets-settings-wrap input[type="button"]:hover,
.wps-mini-chart-settings-wrap .button:hover,
.wps-mini-chart-settings-wrap input[type="button"]:hover,
.wps-rest-api-settings-wrap .button:hover,
.wps-rest-api-settings-wrap input[type="button"]:hover,
.wps-customization-settings-wrap .button:hover,
.wps-customization-settings-wrap input[type="button"]:hover,
.wps-rest-api-settings-wrap .button:hover,
.wps-rest-api-settings-wrap input[type="button"]:hover,
.wps-realtime-stats-settings-wrap .button:hover,
.wps-realtime-stats-settings-wrap input[type="button"]:hover {
  background: #fff;
  border-color: #404bf2;
  color: #000;
}

.wps-widgets-settings-wrap .button,
.wps-widgets-settings-wrap input[type="button"],
.wps-widgets-settings-wrap .thickbox.button,
.wps-mini-chart-settings-wrap .button,
.wps-mini-chart-settings-wrap input[type="button"],
.wps-mini-chart-settings-wrap .thickbox.button,
.wps-rest-api-settings-wrap .button,
.wps-rest-api-settings-wrap input[type="button"],
.wps-rest-api-settings-wrap .thickbox.button,
.wps-customization-settings-wrap .button,
.wps-rest-api-settings-wrap input[type="button"],
.wps-customization-settings-wrap .thickbox.button,
.wps-rest-api-settings-wrap .button,
.wps-customization-settings-wrap input[type="button"],
.wps-rest-api-settings-wrap .thickbox.button,
.wps-rest-api-settings-wrap .button,
.wps-rest-api-settings-wrap input[type="button"],
.wps-rest-api-settings-wrap .thickbox.button,
.wps-realtime-stats-settings-wrap .button,
.wps-realtime-stats-settings-wrap input[type="button"],
.wps-realtime-stats-settings-wrap .thickbox.button {
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 17px;
  padding: 14px 24px;
  border-radius: 2px;
  transition: 0.2s;
}

.rtl .wps-widgets-settings-wrap .button,
.rtl .wps-mini-chart-settings-wrap .button,
.rtl .wps-rest-api-settings-wrap .button,
.rtl .wps-customization-settings-wrap .button,
.rtl .wps-realtime-stats-settings-wrap .button {
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 16px;
  border-radius: 2px;
  transition: 0.2s;
}

.wps-widgets-settings-wrap .button:disabled,
.wps-mini-chart-settings-wrap .button:disabled,
.wps-rest-api-settings-wrap .button:disabled,
.wps-customization-settings-wrap .button:disabled,
.wps-realtime-stats-settings-wrap-wrap .button:disabled {
  background-color: #808080 !important;
}

.wps-widgets-settings-wrap .button-primary,
.wps-mini-chart-settings-wrap .button-primary,
.wps-rest-api-settings-wrap .button-primary,
.wps-customization-settings-wrap .button-primary,
.wps-realtime-stats-settings-wrap .button-primary {
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 17px;
  padding: 15px 24px;
  border-radius: 2px;
  transition: 0.2s;
  background: #404bf2;
  border-color: #404bf2;
  color: #fff !important;
}

.wps-widgets-settings-wrap textarea,
.wps-mini-chart-settings-wrap textarea,
.wps-rest-api-settings-wrap textarea,
.wps-customization-settings-wrap textarea,
.wps-realtime-stats-settings-wrap textarea {
  max-width: calc(100% - 45px);
}

.wps-widgets-settings-wrap .button-primary:hover,
.wps-mini-chart-settings-wrap .button-primary:hover,
.wps-rest-api-settings-wrap .button-primary:hover,
.wps-customization-settings-wrap .button-primary:hover,
.wps-realtime-stats-settings-wrap .button-primary:hover {
  background-color: #1e27bf;
  border-color: #1e27bf;
}

.wps-widgets-settings-wrap .button:focus,
.wps-widgets-settings-wrap input[type="button"]:focus,
.wps-mini-chart-settings-wrap .button:focus,
.wps-mini-chart-settings-wrap input[type="button"]:focus,
.wps-rest-api-settings-wrap .button:focus,
.wps-rest-api-settings-wrap input[type="button"]:focus,
.wps-customization-settings-wrap .button:focus,
.wps-customization-settings-wrap input[type="button"]:focus,
.wps-rest-api-settings-wrap .button:focus,
.wps-rest-api-settings-wrap input[type="button"]:focus,
.wps-realtime-stats-settings-wrap .button:focus,
.wps-realtime-stats-settings-wrap input[type="button"]:focus {
  background-color: #fff;
  border-color: #1e27bf;
  color: #000 !important;
  box-shadow: 0 0 0 1px #1e27bf;
  outline: 2px solid transparent;
}

.wps-widgets-settings-wrap .button-primary:focus,
.wps-mini-chart-settings-wrap .button-primary:focus,
.wps-rest-api-settings-wrap .button-primary:focus,
.wps-customization-settings-wrap .button-primary:focus,
.wps-realtime-stats-settings-wrap .button-primary:focus {
  background-color: #1e27bf;
  border-color: #1e27bf;
  box-shadow: 0 0 0 1px #1e27bf;
  outline: 2px solid transparent;
  color: #fff !important;
}

.wps-widgets-settings-wrap input[type="text"],
.wps-widgets-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-widgets-settings-wrap .chosen-container-multi .chosen-choices,
.wps-widgets-settings-wrap select,
.wps-mini-chart-settings-wrap input[type="text"],
.wps-mini-chart-settings-wrap input[type="number"],
.wps-mini-chart-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-mini-chart-settings-wrap .chosen-container-multi .chosen-choices,
.wps-mini-chart-settings-wrap select,
.wps-rest-api-settings-wrap input[type="text"],
.wps-rest-api-settings-wrap input[type="number"],
.wps-rest-api-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-mini-chart-settings-wrap .chosen-container-multi .chosen-choices,
.wps-rest-api-settings-wrap select,
.wps-customization-settings-wrap input[type="text"],
.wps-rest-api-settings-wrap input[type="number"],
.wps-rest-api-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-mini-chart-settings-wrap .chosen-container-multi .chosen-choices,
.wps-customization-settings-wrap select,
.wps-rest-api-settings-wrap input[type="text"],
.wps-rest-api-settings-wrap input[type="number"],
.wps-customization-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-mini-chart-settings-wrap .chosen-container-multi .chosen-choices,
.wps-rest-api-settings-wrap select,
.wps-rest-api-settings-wrap input[type="text"],
.wps-customization-settings-wrap input[type="number"],
.wps-rest-api-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-mini-chart-settings-wrap .chosen-container-multi .chosen-choices,
.wps-rest-api-settings-wrap select,
.wps-rest-api-settings-wrap input[type="text"],
.wps-rest-api-settings-wrap input[type="number"],
.wps-rest-api-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-mini-chart-settings-wrap .chosen-container-multi .chosen-choices,
.wps-rest-api-settings-wrap select,
.wps-realtime-stats-settings-wrap input[type="text"],
.wps-realtime-stats-settings-wrap input[type="number"],
.wps-rest-api-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-realtime-stats-settings-wrap .chosen-container-multi .chosen-choices,
.wps-realtime-stats-settings-wrap select .wps-realtime-stats-settings-wrap input[type="text"],
.wps-realtime-stats-settings-wrap input[type="number"],
.wps-customization-settings-wrap input[type="date"],
.wps-widgets-settings-wrap input[type="number"],
.wps-realtime-stats-settings-wrap .chosen-container-multi .chosen-choices,
.wps-realtime-stats-settings-wrap select {
  padding: 12px 16px !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #5b5b5b !important;
  box-sizing: border-box;
  border-radius: 2px;
  min-width: 76px;
}

.wps-mini-chart-settings-wrap input[type="number"],
.wps-rest-api-settings-wrap input[type="number"],
.wps-customization-settings-wrap input[type="number"],
.wps-realtime-stats-settings-wrap input[type="number"] {
  padding-right: 2px !important;
}

.wps-widgets-settings-wrap .button.insert-media.add_media,
.wps-mini-chart-settings-wrap .button.insert-media.add_media,
.wps-rest-api-settings-wrap .button.insert-media.add_media,
.wps-customization-settings-wrap .button.insert-media.add_media,
.wps-realtime-stats-settings-wrap .button.insert-media.add_media {
  padding: 3px 12px !important;
}

.wps-widgets-settings-wrap select,
.wps-mini-chart-settings-wrap select,
.wps-realtime-stats-settings-wrap select {
  padding: 12px 24px 12px 14px !important;
}

.wps-widgets-settings-wrap input[type="text"] + .button,
.wps-mini-chart-settings-wrap input[type="text"] + .button,
.wps-rest-api-settings-wrap input[type="text"] + .button,
.wps-customization-settings-wrap input[type="text"] + .button,
.wps-realtime-stats-settings-wrap input[type="text"] + .button {
  margin-left: 5px;
}

.wps-wrap .notice .notice-dismiss,
.wps-widgets-settings-wrap .notice .notice-dismiss,
.wps-mini-chart-settings-wrap .notice .notice-dismiss,
.wps-rest-api-settings-wrap .notice .notice-dismiss,
.wps-customization-settings-wrap .notice .notice-dismiss,
.wps-realtime-stats-settings-wrap .notice .notice-dismiss {
  margin-top: 1px;
}

.wps-wrap .notice .notice-dismiss::before,
.wps-widgets-settings-wrap .notice .notice-dismiss::before,
.wps-mini-chart-settings-wrap .notice .notice-dismiss::before,
.wps-rest-api-settings-wrap .notice .notice-dismiss::before,
.wps-customization-settings-wrap .notice .notice-dismiss::before,
.wps-realtime-stats-settings-wrap .notice .notice-dismiss::before {
  font-size: 20px;
}

.wps-widgets-settings-wrap .notice,
.wps-mini-chart-settings-wrap .notice,
.wps-rest-api-settings-wrap .notice,
.wps-customization-settings-wrap .notice,
.wps-realtime-stats-settings-wrap .notice {
  padding: 2px 14px;
  border-radius: 4px;
  color: #242a31;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  border-left: 6px solid #f2bb08;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  margin: 10px 0 24px;
  display: flex;
  align-items: flex-start;
}

.wps-widgets-settings-wrap .notice::before,
.wps-mini-chart-settings-wrap .notice::before,
.wps-rest-api-settings-wrap .notice::before,
.wps-customization-settings-wrap .notice::before,
.wps-realtime-stats-settings-wrap .notice::before {
  content: "";
  min-width: 20px;
  min-height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 10px;
  background: center center/auto no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 13.5C11 13.7761 10.7761 14 10.5 14H9.5C9.22386 14 9 13.7761 9 13.5V12.5C9 12.2239 9.22386 12 9.5 12H10.5C10.7761 12 11 12.2239 11 12.5V13.5ZM10.53 10C10.6572 10.0009 10.7647 9.90624 10.78 9.78L11.18 6.56C11.1972 6.41735 11.1523 6.27417 11.0566 6.16698C10.9609 6.05979 10.8237 5.99896 10.68 6H9.32C9.17631 5.99896 9.03912 6.05979 8.94342 6.16698C8.84771 6.27417 8.80275 6.41735 8.82 6.56L9.22 9.78C9.23526 9.90624 9.34284 10.0009 9.47 10H10.53Z' fill='%23F2BB08'/%3E%3C/svg%3E%0A");
}

.wps-widgets-settings-wrap .notice-warning::before,
.wps-mini-chart-settings-wrap .notice-warning::before,
.wps-rest-api-settings-wrap .notice-warning::before,
.wps-customization-settings-wrap .notice-warning::before,
.wps-realtime-stats-settings-wrap .notice-warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.88 12.88L15.71 13.71C15.8947 13.8963 15.9989 14.1477 16 14.41V15C16 15.5523 15.5523 16 15 16H1C0.447715 16 0 15.5523 0 15V14.41C0.00110462 14.1477 0.105256 13.8963 0.29 13.71L1.12 12.88C1.68277 12.3179 1.9993 11.5554 2 10.76V8C2 6.70178 2.42107 5.43858 3.2 4.4L4.1 3.2C4.66656 2.44458 5.55573 2 6.5 2H7V0.5C7 0.223858 7.22386 0 7.5 0H8.5C8.77614 0 9 0.223858 9 0.5V2H9.5C10.4443 2 11.3334 2.44458 11.9 3.2L12.8 4.4C13.5789 5.43858 14 6.70178 14 8V10.76C14.0007 11.5554 14.3172 12.3179 14.88 12.88ZM8 20C9.10457 20 10 19.1046 10 18H6C6 19.1046 6.89543 20 8 20Z' fill='%23F2BB08'/%3E%3C/svg%3E%0A");
}

.wps-widgets-settings-wrap .notice-error,
.wps-mini-chart-settings-wrap .notice-error,
.wps-rest-api-settings-wrap .notice-error,
.wps-customization-settings-wrap .notice-error,
.wps-realtime-stats-settings-wrap .notice-error {
  border-left-color: #ff0000;
}

.wps-widgets-settings-wrap .notice-error::before,
.wps-mini-chart-settings-wrap .notice-error::before,
.wps-rest-api-settings-wrap .notice-error::before,
.wps-customization-settings-wrap .notice-error::before,
.wps-realtime-stats-settings-wrap .notice-error::before {
  min-width: 23px;
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.9055 17.63L11.8131 0.37C11.6763 0.141211 11.4296 0.0008087 11.163 0H10.8629C10.5963 0.0008087 10.3496 0.141211 10.2127 0.37L0.100349 17.63C-0.0295434 17.8667 -0.0295434 18.1533 0.100349 18.39L0.240382 18.62C0.370004 18.8573 0.620158 19.0035 0.890536 19H21.1153C21.3857 19.0035 21.6359 18.8573 21.7655 18.62L21.9055 18.39C22.0354 18.1533 22.0354 17.8667 21.9055 17.63ZM12.0032 14.5C12.0032 14.7761 11.7793 15 11.503 15H10.5028C10.2266 15 10.0027 14.7761 10.0027 14.5V13.5C10.0027 13.2239 10.2266 13 10.5028 13H11.503C11.7793 13 12.0032 13.2239 12.0032 13.5V14.5ZM11.5331 11C11.6602 11.0009 11.7679 10.9062 11.7831 10.78L12.1832 7.56C12.2005 7.41735 12.1555 7.27417 12.0598 7.16698C11.964 7.05979 11.8268 6.99896 11.6831 7H10.3228C10.179 6.99896 10.0418 7.05979 9.9461 7.16698C9.85037 7.27417 9.8054 7.41735 9.82265 7.56L10.2227 10.78C10.238 10.9062 10.3456 11.0009 10.4728 11H11.5331Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
}

.wps-widgets-settings-wrap .notice-info,
.wps-mini-chart-settings-wrap .notice-info,
.wps-rest-api-settings-wrap .notice-info,
.wps-customization-settings-wrap .notice-info,
.wps-realtime-stats-settings-wrap .notice-info {
  border-left-color: #0090ad;
}

.wps-widgets-settings-wrap .notice-info::before,
.wps-mini-chart-settings-wrap .notice-info::before,
.wps-rest-api-settings-wrap .notice-info::before,
.wps-customization-settings-wrap .notice-info::before,
.wps-realtime-stats-settings-wrap .notice-info::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 13.5C11 13.7761 10.7761 14 10.5 14H9.5C9.22386 14 9 13.7761 9 13.5V10.5C9 10.2239 9.22386 10 9.5 10H10.5C10.7761 10 11 10.2239 11 10.5V13.5ZM10.5 8C10.7761 8 11 7.77614 11 7.5V6.5C11 6.22386 10.7761 6 10.5 6H9.5C9.22386 6 9 6.22386 9 6.5V7.5C9 7.77614 9.22386 8 9.5 8H10.5Z' fill='%230090AD'/%3E%3C/svg%3E%0A");
}

.wps-widgets-settings-wrap .notice-success,
.wps-mini-chart-settings-wrap .notice-success,
.wps-rest-api-settings-wrap .notice-success,
.wps-customization-settings-wrap .notice-success,
.wps-realtime-stats-settings-wrap .notice-success {
  border-left-color: #22bb3f;
}

.wps-widgets-settings-wrap .notice-success::before,
.wps-mini-chart-settings-wrap .notice-success::before,
.wps-rest-api-settings-wrap .notice-success::before,
.wps-customization-settings-wrap .notice-success::before,
.wps-realtime-stats-settings-wrap .notice-success::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM8.73 13.35L14.35 7.73C14.5341 7.53685 14.5341 7.23315 14.35 7.04L13.82 6.51C13.6256 6.31943 13.3144 6.31943 13.12 6.51L8.38 11.25L6.88 9.76C6.78927 9.66332 6.66259 9.60848 6.53 9.60848C6.39741 9.60848 6.27073 9.66332 6.18 9.76L5.65 10.29C5.55534 10.3839 5.5021 10.5117 5.5021 10.645C5.5021 10.7783 5.55534 10.9061 5.65 11L8.03 13.35C8.12073 13.4467 8.24741 13.5015 8.38 13.5015C8.51259 13.5015 8.63927 13.4467 8.73 13.35Z' fill='%2322BB3F'/%3E%3C/svg%3E%0A");
}

.rtl .wps-widgets-settings-wrap .notice,
.rtl .wps-mini-chart-settings-wrap .notice,
.rtl .wps-rest-api-settings-wrap .notice,
.rtl .wps-customization-settings-wrap .notice,
.rtl .wps-realtime-stats-settings-wrap .notice {
  border-left: 0;
  border-right: 6px solid #f2bb08;
}

.rtl .wps-widgets-settings-wrap .notice::before,
.rtl .wps-mini-chart-settings-wrap .notice::before,
.rtl .wps-rest-api-settings-wrap .notice::before,
.rtl .wps-customization-settings-wrap .notice::before,
.rtl .wps-realtime-stats-settings-wrap .notice::before {
  margin-right: 0;
  margin-left: 10px;
}

.rtl .wps-widgets-settings-wrap .notice-warning::before,
.rtl .wps-mini-chart-settings-wrap .notice-warning::before,
.rtl .wps-rest-api-settings-wrap .notice-warning::before,
.rtl .wps-customization-settings-wrap .notice-warning::before,
.rtl .wps-realtime-stats-settings-wrap .notice-warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.88 12.88L15.71 13.71C15.8947 13.8963 15.9989 14.1477 16 14.41V15C16 15.5523 15.5523 16 15 16H1C0.447715 16 0 15.5523 0 15V14.41C0.00110462 14.1477 0.105256 13.8963 0.29 13.71L1.12 12.88C1.68277 12.3179 1.9993 11.5554 2 10.76V8C2 6.70178 2.42107 5.43858 3.2 4.4L4.1 3.2C4.66656 2.44458 5.55573 2 6.5 2H7V0.5C7 0.223858 7.22386 0 7.5 0H8.5C8.77614 0 9 0.223858 9 0.5V2H9.5C10.4443 2 11.3334 2.44458 11.9 3.2L12.8 4.4C13.5789 5.43858 14 6.70178 14 8V10.76C14.0007 11.5554 14.3172 12.3179 14.88 12.88ZM8 20C9.10457 20 10 19.1046 10 18H6C6 19.1046 6.89543 20 8 20Z' fill='%23F2BB08'/%3E%3C/svg%3E%0A");
}

.rtl .wps-widgets-settings-wrap .notice-danger,
.rtl .wps-mini-chart-settings-wrap .notice-danger,
.rtl .wps-rest-api-settings-wrap .notice-danger,
.rtl .wps-customization-settings-wrap .notice-danger,
.rtl .wps-realtime-stats-settings-wrap .notice-danger {
  border-right-color: #ff0000;
}

.rtl .wps-widgets-settings-wrap .notice-danger::before,
.rtl .wps-mini-chart-settings-wrap .notice-danger::before,
.rtl .wps-rest-api-settings-wrap .notice-danger::before,
.rtl .wps-customization-settings-wrap .notice-danger::before,
.rtl .wps-realtime-stats-settings-wrap .notice-danger::before {
  margin-right: 0;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.9055 17.63L11.8131 0.37C11.6763 0.141211 11.4296 0.0008087 11.163 0H10.8629C10.5963 0.0008087 10.3496 0.141211 10.2127 0.37L0.100349 17.63C-0.0295434 17.8667 -0.0295434 18.1533 0.100349 18.39L0.240382 18.62C0.370004 18.8573 0.620158 19.0035 0.890536 19H21.1153C21.3857 19.0035 21.6359 18.8573 21.7655 18.62L21.9055 18.39C22.0354 18.1533 22.0354 17.8667 21.9055 17.63ZM12.0032 14.5C12.0032 14.7761 11.7793 15 11.503 15H10.5028C10.2266 15 10.0027 14.7761 10.0027 14.5V13.5C10.0027 13.2239 10.2266 13 10.5028 13H11.503C11.7793 13 12.0032 13.2239 12.0032 13.5V14.5ZM11.5331 11C11.6602 11.0009 11.7679 10.9062 11.7831 10.78L12.1832 7.56C12.2005 7.41735 12.1555 7.27417 12.0598 7.16698C11.964 7.05979 11.8268 6.99896 11.6831 7H10.3228C10.179 6.99896 10.0418 7.05979 9.9461 7.16698C9.85037 7.27417 9.8054 7.41735 9.82265 7.56L10.2227 10.78C10.238 10.9062 10.3456 11.0009 10.4728 11H11.5331Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
}

.rtl .wps-widgets-settings-wrap .notice-info,
.rtl .wps-mini-chart-settings-wrap .notice-info,
.rtl .wps-rest-api-settings-wrap .notice-info,
.rtl .wps-customization-settings-wrap .notice-info,
.rtl .wps-realtime-stats-settings-wrap .notice-info {
  border-right-color: #0090ad;
}

.rtl .wps-widgets-settings-wrap .notice-info::before,
.rtl .wps-mini-chart-settings-wrap .notice-info::before,
.rtl .wps-rest-api-settings-wrap .notice-info::before,
.rtl .wps-customization-settings-wrap .notice-info::before,
.rtl .wps-realtime-stats-settings-wrap .notice-info::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM11 13.5C11 13.7761 10.7761 14 10.5 14H9.5C9.22386 14 9 13.7761 9 13.5V10.5C9 10.2239 9.22386 10 9.5 10H10.5C10.7761 10 11 10.2239 11 10.5V13.5ZM10.5 8C10.7761 8 11 7.77614 11 7.5V6.5C11 6.22386 10.7761 6 10.5 6H9.5C9.22386 6 9 6.22386 9 6.5V7.5C9 7.77614 9.22386 8 9.5 8H10.5Z' fill='%230090AD'/%3E%3C/svg%3E%0A");
}

.rtl .wps-widgets-settings-wrap .notice-success,
.rtl .wps-mini-chart-settings-wrap .notice-success,
.rtl .wps-rest-api-settings-wrap .notice-success,
.rtl .wps-customization-settings-wrap .notice-success,
.rtl .wps-realtime-stats-settings-wrap .notice-success {
  border-right-color: #22bb3f;
}

.rtl .wps-widgets-settings-wrap .notice-success::before,
.rtl .wps-mini-chart-settings-wrap .notice-success::before,
.rtl .wps-rest-api-settings-wrap .notice-success::before,
.rtl .wps-customization-settings-wrap .notice-success::before,
.rtl .wps-realtime-stats-settings-wrap .notice-success::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10C0 4.47715 4.47715 0 10 0C12.6522 0 15.1957 1.05357 17.0711 2.92893C18.9464 4.8043 20 7.34784 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM8.73 13.35L14.35 7.73C14.5341 7.53685 14.5341 7.23315 14.35 7.04L13.82 6.51C13.6256 6.31943 13.3144 6.31943 13.12 6.51L8.38 11.25L6.88 9.76C6.78927 9.66332 6.66259 9.60848 6.53 9.60848C6.39741 9.60848 6.27073 9.66332 6.18 9.76L5.65 10.29C5.55534 10.3839 5.5021 10.5117 5.5021 10.645C5.5021 10.7783 5.55534 10.9061 5.65 11L8.03 13.35C8.12073 13.4467 8.24741 13.5015 8.38 13.5015C8.51259 13.5015 8.63927 13.4467 8.73 13.35Z' fill='%2322BB3F'/%3E%3C/svg%3E%0A");
}

.wps-mini-chart-settings-wrap input[type="text"].wp-color-picker,
.wps-rest-api-settings-wrap input[type="text"].wp-color-picker,
.wps-customization-settings-wrap input[type="text"].wp-color-picker,
.wps-realtime-stats-settings-wrap input[type="text"].wp-color-picker {
  padding: 2px 3px !important;
}

.wps-wrap label {
  color: #000;
}

.wps-wrap td .description {
  margin-top: 12px !important;
  color: #5b5b5b;

  b, strong {
    font-weight: bold;
  }
}

.wps-wrap select + input[type="submit"],
.wps-wrap select + button {
  margin-left: 4px;
}

.wps-flag {
  width: 18px;
  border-radius: 2px;
  overflow: hidden;
}

.wps-today-datepicker {
  position: absolute;
  top: 13px;
  right: 32px;
  display: flex;
  flex-direction: row-reverse;
  @media (max-width: 698px) {
    margin-top: 20px;
    position: relative;
    transform: none;
    right: unset;
    left: unset;
    top: unset;
  }

  div {
    position: relative;

    &:before {
      content: "";
      width: 16px;
      height: 16px;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+CiAgICAgICAgICAgICAgICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI0EpIiBzdHJva2U9IiM2NjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTMgMi41SDNhLjUuNSAwIDAgMC0uNS41djEwYS41LjUgMCAwIDAgLjUuNWgxMGEuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSAxLjV2Mm0tNi0ydjJtLTIuNSAyaDExIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPGRlZnM+CiAgICAgICAgICAgICAgICAgICAgICAgIDxjbGlwUGF0aCBpZD0iQSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDE2djE2SDB6Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9kZWZzPgogICAgICAgICAgICAgICAgPC9zdmc+");
      position: absolute;
      top: 50%;
      left: 16px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      transform: translateY(-50%);
    }

    &:after {
      content: "";
      width: 12px;
      height: 12px;
      background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDggNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMDAwMDkgNC4wMDAwOUMzLjkzNDI5IDQuMDAwNDcgMy44NjkwNiAzLjk4Nzg2IDMuODA4MTQgMy45NjI5OEMzLjc0NzIyIDMuOTM4MDkgMy42OTE4MSAzLjkwMTQzIDMuNjQ1MDkgMy44NTUwOUwwLjY0NTA5MyAwLjg1NTA5M0MwLjU1MDk0MSAwLjc2MDk0MSAwLjQ5ODA0NyAwLjYzMzI0MyAwLjQ5ODA0NyAwLjUwMDA5M0MwLjQ5ODA0NyAwLjM2Njk0MiAwLjU1MDk0MSAwLjIzOTI0NSAwLjY0NTA5MyAwLjE0NTA5M0MwLjczOTI0NSAwLjA1MDk0MDkgMC44NjY5NDIgLTAuMDAxOTUzMTIgMS4wMDAwOSAtMC4wMDE5NTMxMkMxLjEzMzI0IC0wLjAwMTk1MzEyIDEuMjYwOTQgMC4wNTA5NDA5IDEuMzU1MDkgMC4xNDUwOTNMNC4wMDAwOSAyLjc5NTA5TDYuNjQ1MDkgMC4xNTAwOTNDNi43NDA3NCAwLjA2ODE3OTYgNi44NjM3OCAwLjAyNTM3NjQgNi45ODk2MiAwLjAzMDIzN0M3LjExNTQ2IDAuMDM1MDk3NSA3LjIzNDgzIDAuMDg3MjY0IDcuMzIzODcgMC4xNzYzMTFDNy40MTI5MiAwLjI2NTM1OCA3LjQ2NTA5IDAuMzg0NzI4IDcuNDY5OTUgMC41MTA1NjZDNy40NzQ4MSAwLjYzNjQwNCA3LjQzMiAwLjc1OTQ0MiA3LjM1MDA5IDAuODU1MDkzTDQuMzUwMDkgMy44NTUwOUM0LjI1Njk2IDMuOTQ3NDYgNC4xMzEyNiAzLjk5OTU0IDQuMDAwMDkgNC4wMDAwOVoiIGZpbGw9IiNBOUFBQUUiLz4KPC9zdmc+Cg==);
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 21px;
      background-position: center;
    }
  }

  #search-date-input.wps-search-date__input {
    width: 136px;
    min-width: unset;
    min-height: unset;
    border: 1px solid #dadce0 !important;
    border-radius: 3px !important;
    background: #fff;
    text-align: center;
    cursor: pointer;
    padding: 4px 8px !important;
    color: #0c0c0d;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;

    &:focus, &:hover {
      box-shadow: none !important;
      outline: none !important;
      background-color: #eeeff1;
    }
  }
}

.wps-head-filters {
  position: absolute;
  top: 18px;
  right: 23px;
  display: flex;
  flex-direction: row-reverse;
  gap: 9px;
  z-index: 1;
  flex-wrap: wrap;
  justify-content: flex-end;

  &.wps-head-filters--custom {
    @media(max-width: 1162px) {
      position: relative;
      transform: none;
      right: unset !important;
      left: unset !important;
      top: unset;
    }
  }

  @media(max-width: 1122px) {
    margin-top: 20px;
    position: relative;
    transform: none;
    right: unset !important;
    left: unset !important;
    top: unset;
  }


  .wps-head-filters--search-box {
    display: flex;
    gap: 8px;
    position: relative;
    margin-top: 10px;
    border: 1px solid #DADCE0 !important;
    border-radius: 3px;
    padding: 4px 21px;
    align-items: center;
    max-width: 100%;

    &:before {
      content: '';
      width: 15px;
      height: 15px;
      display: inline-block;
      background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTExLjc2OTQgMTAuODg1NUwxNC40NDYxIDEzLjU2MjJMMTMuNTYyMiAxNC40NDYxTDEwLjg4NTUgMTEuNzY5NEM5LjkyMzA2IDEyLjUzOTQgOC43MDI1IDEzIDcuMzc1IDEzQzQuMjcgMTMgMS43NSAxMC40OCAxLjc1IDcuMzc1QzEuNzUgNC4yNyA0LjI3IDEuNzUgNy4zNzUgMS43NUMxMC40OCAxLjc1IDEzIDQuMjcgMTMgNy4zNzVDMTMgOC43MDI1IDEyLjUzOTQgOS45MjMwNiAxMS43Njk0IDEwLjg4NTVaTTEwLjUxNTQgMTAuNDIxOEMxMS4yNzk3IDkuNjM0MTIgMTEuNzUgOC41NTk3NSAxMS43NSA3LjM3NUMxMS43NSA0Ljk1NzgxIDkuNzkyMTkgMyA3LjM3NSAzQzQuOTU3ODEgMyAzIDQuOTU3ODEgMyA3LjM3NUMzIDkuNzkyMTkgNC45NTc4MSAxMS43NSA3LjM3NSAxMS43NUM4LjU1OTc1IDExLjc1IDkuNjM0MTIgMTEuMjc5NyAxMC40MjE4IDEwLjUxNTRMMTAuNTE1NCAxMC40MjE4WiIgZmlsbD0iIzM4M0EzRCIvPgo8L3N2Zz4=") center center no-repeat;
    }
  }

  input.js-date-range-picker-input {
    height: 0;
    position: absolute !important;
    top: 100% !important;
  }

  .wps-head-filters__item.loading {
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .12);
    cursor: wait;
    mask-image: radial-gradient(#fff, #000);
    border-radius: 4px;
    height: 33px;
    min-width: 122px;

    &:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
      background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .4), transparent);
      -webkit-animation: skeleton-animate-wave 1.75s linear infinite;
      animation: skeleton-animate-wave 1.75s linear infinite;
    }

    & > div {
      display: none !important;
    }
  }

  .wps-dropdown {
    border: 1px solid #DADCE0;
    background: #fff;
    padding: 4px 16px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    flex-wrap: nowrap;
    display: inline-flex;
    gap: 4px;

    &:hover {
      background: #eeeff1;
    }

    .selectedItemLabel {
      font-size: 13px;
      font-weight: 400;
      line-height: 24px;
      color: #747578;
      cursor: pointer;
      white-space: nowrap;
      vertical-align: middle;
    }

    .wps-search-dropdown {
      border: 1px solid #dadce0 !important;
      width: calc(100% - 8px);
      box-sizing: border-box;
      padding: 0 12px !important;
      line-height: 36px !important;
      min-height: 32px;
      border-radius: 2px;
      box-shadow: none !important;
      outline: none !important;
      background-color: #fff;
      color: #2c3338;
      margin: 4px;
    }

    .dropbtn {
      font-size: 13px;
      color: #0C0C0D;
      line-height: 24px;
      box-shadow: none !important;
      outline: none !important;
      border: none !important;
      padding: 0 !important;
      background: transparent;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      gap: 4px;

      &:after {
        content: '';
        width: 7px;
        height: 4px;
        display: inline-block;
        background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDggNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMDAwMDkgNC4wMDAwOUMzLjkzNDI5IDQuMDAwNDcgMy44NjkwNiAzLjk4Nzg2IDMuODA4MTQgMy45NjI5OEMzLjc0NzIyIDMuOTM4MDkgMy42OTE4MSAzLjkwMTQzIDMuNjQ1MDkgMy44NTUwOUwwLjY0NTA5MyAwLjg1NTA5M0MwLjU1MDk0MSAwLjc2MDk0MSAwLjQ5ODA0NyAwLjYzMzI0MyAwLjQ5ODA0NyAwLjUwMDA5M0MwLjQ5ODA0NyAwLjM2Njk0MiAwLjU1MDk0MSAwLjIzOTI0NSAwLjY0NTA5MyAwLjE0NTA5M0MwLjczOTI0NSAwLjA1MDk0MDkgMC44NjY5NDIgLTAuMDAxOTUzMTIgMS4wMDAwOSAtMC4wMDE5NTMxMkMxLjEzMzI0IC0wLjAwMTk1MzEyIDEuMjYwOTQgMC4wNTA5NDA5IDEuMzU1MDkgMC4xNDUwOTNMNC4wMDAwOSAyLjc5NTA5TDYuNjQ1MDkgMC4xNTAwOTNDNi43NDA3NCAwLjA2ODE3OTYgNi44NjM3OCAwLjAyNTM3NjQgNi45ODk2MiAwLjAzMDIzN0M3LjExNTQ2IDAuMDM1MDk3NSA3LjIzNDgzIDAuMDg3MjY0IDcuMzIzODcgMC4xNzYzMTFDNy40MTI5MiAwLjI2NTM1OCA3LjQ2NTA5IDAuMzg0NzI4IDcuNDY5OTUgMC41MTA1NjZDNy40NzQ4MSAwLjYzNjQwNCA3LjQzMiAwLjc1OTQ0MiA3LjM1MDA5IDAuODU1MDkzTDQuMzUwMDkgMy44NTUwOUM0LjI1Njk2IDMuOTQ3NDYgNC4xMzEyNiAzLjk5OTU0IDQuMDAwMDkgNC4wMDAwOVoiIGZpbGw9IiNBOUFBQUUiLz4KPC9zdmc+Cg==") center center /contain no-repeat;
      }

      span {
        max-width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 82px;
        white-space: nowrap;
      }
    }

    .dropdown-content {
      display: none;
      border-radius: 4px;
      position: absolute;
      background-color: #fff;
      min-width: 192px;
      border: 1px solid #DADCE0;
      z-index: 1;
      left: 0;
      top: calc(100% + 7.5px);
      max-height: 306px;
      overflow-y: auto;

      @media(max-width: 1122px) {
        left: 0;
      }

      .dropdown-scroll {
        max-height: 306px;
        overflow-y: auto;

        &::-webkit-scrollbar {
          width: 4px !important;
          border-radius: 4px !important;
        }

        &::-webkit-scrollbar-track {
          width: 4px !important;
          background: #FAFAFB !important;
        }

        &::-webkit-scrollbar-thumb {
          border: 5px solid transparent;
          border-radius: 100px;
          background-color: #DADCE0;
          background-clip: content-box;
        }
      }

      &.show {
        display: block;
      }

      a {
        display: block;
        padding: 10px 12px;
        font-size: 14px;
        font-weight: 400;
        color: #56585A;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 192px;
        white-space: nowrap;
        line-height: 24px;

        &:first-child {
          margin-top: 4px;
        }

        &:last-child {
          margin-bottom: 4px;
        }

        @media(max-width: 1122px) {
          max-width: 100%;
          width: unset;
        }

        &:hover {
          background-color: #F8F8F8 !important;
        }

        &.selected {
          background-color: #f2f2f2 !important;
          color: #404BF2;
          font-weight: 500;
        }

        &.disabled, &.selected.disabled {
          background: #FAFAFB !important;
          color: #BFC2C9 !important;
          display: flex;
          gap: 6px;
          align-items: center;


          &:after {
            content: '';
            width: 12px;
            height: 12px;
            display: inline-block;
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDAwMTcgMC43MDcwMzFDMy4wNzMyOCAwLjcwNzAzMSAwLjcwNjA1NSAzLjA3NDI2IDAuNzA2MDU1IDYuMDAxMTVDMC43MDYwNTUgNy4wOTc3OSAxLjAzMTI2IDguMTAzNjcgMS41OTA5MyA4Ljk0MzE3QzIuNDA3NzQgMTAuMTUzMiAzLjcwMTAxIDExLjAwNzkgNS4yMDYwNSAxMS4yMjcyQzUuNDYzMiAxMS4yNzI2IDUuNzI3OSAxMS4yOTUzIDYuMDAwMTcgMTEuMjk1M0M2LjI3MjQ0IDExLjI5NTMgNi41MzcxNSAxMS4yNzI2IDYuNzk0MjkgMTEuMjI3MkM4LjI5OTMzIDExLjAwNzkgOS41OTI2MSAxMC4xNTMyIDEwLjQwOTQgOC45NDMxN0MxMC45NjkxIDguMTAzNjcgMTEuMjk0MyA3LjA5Nzc5IDExLjI5NDMgNi4wMDExNUMxMS4yOTQzIDMuMDc0MjYgOC45MjcwNiAwLjcwNzAzMSA2LjAwMDE3IDAuNzA3MDMxWk04LjMxNDQ2IDUuODM0NzZMNy42ODY3MyA2LjQ2MjQ5QzcuNTgwODQgNi41NjgzOCA3LjUyMDM0IDYuNzcyNTggNy41NTgxNiA2LjkyMzg0TDcuNzM5NjcgNy43MDI4M0M3Ljg4MzM3IDguMzE1NDMgNy41NTgxNiA4LjU1NzQ1IDcuMDEzNjIgOC4yMzIyNEw2LjI1NzMyIDcuNzg2MDJDNi4xMjExOCA3LjcwMjgzIDUuODk0MjkgNy43MDI4MyA1Ljc1ODE2IDcuNzg2MDJMNS4wMDE4NSA4LjIzMjI0QzQuNDU3MzIgOC41NDk4OSA0LjEzMjExIDguMzE1NDMgNC4yNzU4IDcuNzAyODNMNC40NTczMiA2LjkyMzg0QzQuNDg3NTcgNi43ODAxNCA0LjQzNDYzIDYuNTY4MzggNC4zMjg3NCA2LjQ2MjQ5TDMuNjg1ODkgNS44MzQ3NkMzLjMxNTMgNS40NjQxNyAzLjQzNjMxIDUuMDkzNTkgMy45NTA1OSA1LjAxMDM5TDQuNzU5ODQgNC44NzQyNkM0Ljg5NTk3IDQuODUxNTcgNS4wNTQ3OSA0LjczMDU2IDUuMTE1MyA0LjYwOTU1TDUuNTYxNTIgMy43MTcxMkM1LjgwMzUzIDMuMjMzMDggNi4xOTY4MSAzLjIzMzA4IDYuNDM4ODMgMy43MTcxMkw2Ljg4NTA1IDQuNjA5NTVDNi45NDU1NSA0LjczMDU2IDcuMTA0MzcgNC44NTE1NyA3LjI0ODA3IDQuODc0MjZMOC4wNTczMiA1LjAxMDM5QzguNTY0MDQgNS4wOTM1OSA4LjY4NTA1IDUuNDY0MTcgOC4zMTQ0NiA1LjgzNDc2WiIgZmlsbD0iI0JGQzJDOSIvPgo8L3N2Zz4K") center center/contain no-repeat;
          }

          &:hover {
            color: #ADB4C1 !important;
            background: #F4F4FB !important;

            &:after {
              content: '';
              width: 12px;
              height: 12px;
              display: inline-block;
              background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDAwMTcgMC43MDcwMzFDMy4wNzMyOCAwLjcwNzAzMSAwLjcwNjA1NSAzLjA3NDI2IDAuNzA2MDU1IDYuMDAxMTVDMC43MDYwNTUgNy4wOTc3OSAxLjAzMTI2IDguMTAzNjcgMS41OTA5MyA4Ljk0MzE3QzIuNDA3NzQgMTAuMTUzMiAzLjcwMTAxIDExLjAwNzkgNS4yMDYwNSAxMS4yMjcyQzUuNDYzMiAxMS4yNzI2IDUuNzI3OSAxMS4yOTUzIDYuMDAwMTcgMTEuMjk1M0M2LjI3MjQ0IDExLjI5NTMgNi41MzcxNSAxMS4yNzI2IDYuNzk0MjkgMTEuMjI3MkM4LjI5OTMzIDExLjAwNzkgOS41OTI2MSAxMC4xNTMyIDEwLjQwOTQgOC45NDMxN0MxMC45NjkxIDguMTAzNjcgMTEuMjk0MyA3LjA5Nzc5IDExLjI5NDMgNi4wMDExNUMxMS4yOTQzIDMuMDc0MjYgOC45MjcwNiAwLjcwNzAzMSA2LjAwMDE3IDAuNzA3MDMxWk04LjMxNDQ2IDUuODM0NzZMNy42ODY3MyA2LjQ2MjQ5QzcuNTgwODQgNi41NjgzOCA3LjUyMDM0IDYuNzcyNTggNy41NTgxNiA2LjkyMzg0TDcuNzM5NjcgNy43MDI4M0M3Ljg4MzM3IDguMzE1NDMgNy41NTgxNiA4LjU1NzQ1IDcuMDEzNjIgOC4yMzIyNEw2LjI1NzMyIDcuNzg2MDJDNi4xMjExOCA3LjcwMjgzIDUuODk0MjkgNy43MDI4MyA1Ljc1ODE2IDcuNzg2MDJMNS4wMDE4NSA4LjIzMjI0QzQuNDU3MzIgOC41NDk4OSA0LjEzMjExIDguMzE1NDMgNC4yNzU4IDcuNzAyODNMNC40NTczMiA2LjkyMzg0QzQuNDg3NTcgNi43ODAxNCA0LjQzNDYzIDYuNTY4MzggNC4zMjg3NCA2LjQ2MjQ5TDMuNjg1ODkgNS44MzQ3NkMzLjMxNTMgNS40NjQxNyAzLjQzNjMxIDUuMDkzNTkgMy45NTA1OSA1LjAxMDM5TDQuNzU5ODQgNC44NzQyNkM0Ljg5NTk3IDQuODUxNTcgNS4wNTQ3OSA0LjczMDU2IDUuMTE1MyA0LjYwOTU1TDUuNTYxNTIgMy43MTcxMkM1LjgwMzUzIDMuMjMzMDggNi4xOTY4MSAzLjIzMzA4IDYuNDM4ODMgMy43MTcxMkw2Ljg4NTA1IDQuNjA5NTVDNi45NDU1NSA0LjczMDU2IDcuMTA0MzcgNC44NTE1NyA3LjI0ODA3IDQuODc0MjZMOC4wNTczMiA1LjAxMDM5QzguNTY0MDQgNS4wOTM1OSA4LjY4NTA1IDUuNDY0MTcgOC4zMTQ0NiA1LjgzNDc2WiIgZmlsbD0iI0FEQjRDMSIvPgo8L3N2Zz4K") center center/contain no-repeat;
            }
          }

        }
      }
    }
  }

  .js-date-range-picker-btn {
    padding: 4px 16px !important;


    &:after {
      content: '';
      width: 12px;
      height: 12px;
      background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDggNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuOTk5OTcgNC4wMDAwOUMzLjkzNDE3IDQuMDAwNDcgMy44Njg5NCAzLjk4Nzg2IDMuODA4MDIgMy45NjI5OEMzLjc0NzEgMy45MzgwOSAzLjY5MTY5IDMuOTAxNDMgMy42NDQ5NyAzLjg1NTA5TDAuNjQ0OTcxIDAuODU1MDkzQzAuNTUwODE5IDAuNzYwOTQxIDAuNDk3OTI1IDAuNjMzMjQzIDAuNDk3OTI1IDAuNTAwMDkzQzAuNDk3OTI1IDAuMzY2OTQyIDAuNTUwODE5IDAuMjM5MjQ1IDAuNjQ0OTcxIDAuMTQ1MDkzQzAuNzM5MTIyIDAuMDUwOTQwOSAwLjg2NjgyIC0wLjAwMTk1MzEyIDAuOTk5OTcxIC0wLjAwMTk1MzEyQzEuMTMzMTIgLTAuMDAxOTUzMTIgMS4yNjA4MiAwLjA1MDk0MDkgMS4zNTQ5NyAwLjE0NTA5M0wzLjk5OTk3IDIuNzk1MDlMNi42NDQ5NyAwLjE1MDA5M0M2Ljc0MDYyIDAuMDY4MTc5NiA2Ljg2MzY2IDAuMDI1Mzc2NCA2Ljk4OTUgMC4wMzAyMzdDNy4xMTUzMyAwLjAzNTA5NzUgNy4yMzQ3IDAuMDg3MjY0IDcuMzIzNzUgMC4xNzYzMTFDNy40MTI4IDAuMjY1MzU4IDcuNDY0OTYgMC4zODQ3MjggNy40Njk4MiAwLjUxMDU2NkM3LjQ3NDY5IDAuNjM2NDA0IDcuNDMxODggMC43NTk0NDIgNy4zNDk5NyAwLjg1NTA5M0w0LjM0OTk3IDMuODU1MDlDNC4yNTY4NCAzLjk0NzQ2IDQuMTMxMTQgMy45OTk1NCAzLjk5OTk3IDQuMDAwMDlaIiBmaWxsPSIjQTlBQUFFIi8+Cjwvc3ZnPgo=");
      background-repeat: no-repeat;
      transform: rotate(0);
      margin-top: 3px;
      background-position: center;
    }

    svg g {
      stroke: #383A3D;
    }

    span {
      color: #0C0C0D;
      font-size: 13px;
      font-weight: 400;
      line-height: 24px;
      white-space: nowrap;
    }

    &.custom-range {
      padding: 4px 8px !important;

      svg {
        display: none !important;
      }
    }

    &.wps-disabled {
      pointer-events: none !important;

      &:after {
        margin-top: 0;
        background: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2aWV3Qm94PScwIDAgMjAwIDIwMCc+PHJhZGlhbEdyYWRpZW50IGlkPSdhMTInIGN4PScuNjYnIGZ4PScuNjYnIGN5PScuMzEyNScgZnk9Jy4zMTI1JyBncmFkaWVudFRyYW5zZm9ybT0nc2NhbGUoMS41KSc+PHN0b3Agb2Zmc2V0PScwJyBzdG9wLWNvbG9yPScjM0M0MzRBJz48L3N0b3A+PHN0b3Agb2Zmc2V0PScuMycgc3RvcC1jb2xvcj0nIzNDNDM0QScgc3RvcC1vcGFjaXR5PScuOSc+PC9zdG9wPjxzdG9wIG9mZnNldD0nLjYnIHN0b3AtY29sb3I9JyMzQzQzNEEnIHN0b3Atb3BhY2l0eT0nLjYnPjwvc3RvcD48c3RvcCBvZmZzZXQ9Jy44JyBzdG9wLWNvbG9yPScjM0M0MzRBJyBzdG9wLW9wYWNpdHk9Jy4zJz48L3N0b3A+PHN0b3Agb2Zmc2V0PScxJyBzdG9wLWNvbG9yPScjM0M0MzRBJyBzdG9wLW9wYWNpdHk9JzAnPjwvc3RvcD48L3JhZGlhbEdyYWRpZW50PjxjaXJjbGUgdHJhbnNmb3JtLW9yaWdpbj0nY2VudGVyJyBmaWxsPSdub25lJyBzdHJva2U9J3VybCgjYTEyKScgc3Ryb2tlLXdpZHRoPScxNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtZGFzaGFycmF5PScyMDAgMTAwMCcgc3Ryb2tlLWRhc2hvZmZzZXQ9JzAnIGN4PScxMDAnIGN5PScxMDAnIHI9JzcwJz48YW5pbWF0ZVRyYW5zZm9ybSB0eXBlPSdyb3RhdGUnIGF0dHJpYnV0ZU5hbWU9J3RyYW5zZm9ybScgY2FsY01vZGU9J3NwbGluZScgZHVyPScyJyB2YWx1ZXM9JzM2MDswJyBrZXlUaW1lcz0nMDsxJyBrZXlTcGxpbmVzPScwIDAgMSAxJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjxjaXJjbGUgdHJhbnNmb3JtLW9yaWdpbj0nY2VudGVyJyBmaWxsPSdub25lJyBvcGFjaXR5PScuMicgc3Ryb2tlPScjM0M0MzRBJyBzdHJva2Utd2lkdGg9JzE1JyBzdHJva2UtbGluZWNhcD0ncm91bmQnIGN4PScxMDAnIGN5PScxMDAnIHI9JzcwJz48L2NpcmNsZT48L3N2Zz4=") no-repeat center;
      }
    }
  }

  #visitors-filter, #referral-filter,
  #wps-modal-filter {
    background: #fff;
    border: 1px solid #DADCE0;
    padding: 4px 21px;
    margin-top: 0 !important;
    border-radius: 3px;
    align-items: center;
    display: flex;
    gap: 8px;
    cursor: pointer;
    color: #666;

    @media(max-width: 698px) {
      padding: 4px 12px !important;
    }

    &:after {
      content: '';
      width: 12px;
      height: 12px;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggNi4wNjgyN0M4LjAwMDM4IDYuMTM0MDcgNy45ODc3NyA2LjE5OTMgNy45NjI4OSA2LjI2MDIyQzcuOTM4IDYuMzIxMTQgNy45MDEzNCA2LjM3NjU1IDcuODU1IDYuNDIzMjdMNC44NTUgOS40MjMyN0M0Ljc2MDg1IDkuNTE3NDIgNC42MzMxNSA5LjU3MDMxIDQuNSA5LjU3MDMxQzQuMzY2ODUgOS41NzAzMSA0LjIzOTE1IDkuNTE3NDIgNC4xNDUgOS40MjMyN0M0LjA1MDg1IDkuMzI5MTEgMy45OTc5NiA5LjIwMTQyIDMuOTk3OTYgOS4wNjgyN0MzLjk5Nzk2IDguOTM1MTIgNC4wNTA4NSA4LjgwNzQyIDQuMTQ1IDguNzEzMjdMNi43OTUgNi4wNjgyN0w0LjE1IDMuNDIzMjdDNC4wNjgwOSAzLjMyNzYyIDQuMDI1MjggMy4yMDQ1OCA0LjAzMDE1IDMuMDc4NzRDNC4wMzUwMSAyLjk1MjkgNC4wODcxNyAyLjgzMzUzIDQuMTc2MjIgMi43NDQ0OUM0LjI2NTI3IDIuNjU1NDQgNC4zODQ2NCAyLjYwMzI3IDQuNTEwNDcgMi41OTg0MUM0LjYzNjMxIDIuNTkzNTUgNC43NTkzNSAyLjYzNjM1IDQuODU1IDIuNzE4MjdMNy44NTUgNS43MTgyN0M3Ljk0NzM3IDUuODExNCA3Ljk5OTQ1IDUuOTM3MSA4IDYuMDY4MjdaIiBmaWxsPSIjQTlBQUFFIi8+Cjwvc3ZnPgo=");
      background-repeat: no-repeat;
      transform: rotate(0);
      background-position: center;
      margin-bottom: -2px;

      .rtl & {
        transform: rotate(180deg);
      }
    }

    .wps-visitor-filter__text {
      display: flex;
      gap: 3px;
      align-items: center;
    }

    .dashicons-filter {
      width: 15px;
      height: 15px;
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzUgOS4zMTgzNlYxMy4wNjg0TDYuMjUgMTQuMzE4NFY5LjMxODM2TDIuNSAzLjY5MzM2VjIuNDQzMzZIMTIuNVYzLjY5MzM2TDguNzUgOS4zMTgzNlpNNC4wMDIzMSAzLjY5MzM2TDcuNSA4LjkzOTg2TDEwLjk5NzcgMy42OTMzNkg0LjAwMjMxWiIgZmlsbD0iIzI5MkQzMiIvPgo8L3N2Zz4K") no-repeat center;

      &:before {
        display: none;
      }
    }

    .filter-text {
      color: #0C0C0D;
      font-size: 13px;
      font-weight: 400;
      line-height: 14px;
    }
  }

  #visitors-filter.wp-visitors-filter--active, #referral-filter.wp-referral-filter--active,
  #wps-modal-filter.wp-modal-filter--active {
    background: #404BF21A !important;
    border: 1px solid #7981F6 !important;

    .wps-head-filters & {
      border: 1px solid rgba(121, 129, 246, 1)
    }

    .filter-text {
      color: #404BF2 !important;
      font-weight: 500;
    }

    .wps-badge {
      color: #404bf2;
      padding: 4px;
      border-radius: 18px;
      font-size: 12px;
      font-weight: 600;
      line-height: 14px;
      min-width: 15px;
      height: 14px;
      background: #404BF21A;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }

    .dashicons-filter {
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTAgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjI1IDcuMjVWMTFMMy43NSAxMi4yNVY3LjI1TDAgMS42MjVWMC4zNzVIMTBWMS42MjVMNi4yNSA3LjI1Wk0xLjUwMjMxIDEuNjI1TDUgNi44NzE1TDguNDk3NjkgMS42MjVIMS41MDIzMVoiIGZpbGw9IiM0MDRCRjIiLz4KPC9zdmc+Cg==") no-repeat center center;
    }

    &:after {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggNi4wNjgyN0M4LjAwMDM4IDYuMTM0MDcgNy45ODc3NyA2LjE5OTMgNy45NjI4OSA2LjI2MDIyQzcuOTM4IDYuMzIxMTQgNy45MDEzNCA2LjM3NjU1IDcuODU1IDYuNDIzMjdMNC44NTUgOS40MjMyN0M0Ljc2MDg1IDkuNTE3NDIgNC42MzMxNSA5LjU3MDMxIDQuNSA5LjU3MDMxQzQuMzY2ODUgOS41NzAzMSA0LjIzOTE1IDkuNTE3NDIgNC4xNDUgOS40MjMyN0M0LjA1MDg1IDkuMzI5MTEgMy45OTc5NiA5LjIwMTQyIDMuOTk3OTYgOS4wNjgyN0MzLjk5Nzk2IDguOTM1MTIgNC4wNTA4NSA4LjgwNzQyIDQuMTQ1IDguNzEzMjdMNi43OTUgNi4wNjgyN0w0LjE1IDMuNDIzMjdDNC4wNjgwOSAzLjMyNzYyIDQuMDI1MjggMy4yMDQ1OCA0LjAzMDE1IDMuMDc4NzRDNC4wMzUwMSAyLjk1MjkgNC4wODcxNyAyLjgzMzUzIDQuMTc2MjIgMi43NDQ0OUM0LjI2NTI3IDIuNjU1NDQgNC4zODQ2NCAyLjYwMzI3IDQuNTEwNDcgMi41OTg0MUM0LjYzNjMxIDIuNTkzNTUgNC43NTkzNSAyLjYzNjM1IDQuODU1IDIuNzE4MjdMNy44NTUgNS43MTgyN0M3Ljk0NzM3IDUuODExNCA3Ljk5OTQ1IDUuOTM3MSA4IDYuMDY4MjdaIiBmaWxsPSIjNDA0QkYyIi8+Cjwvc3ZnPgo=") center center no-repeat;
      margin-bottom: -2px
    }
  }
}

.statistics_page_wps_geographic_page .wps-tabs {
  @media (max-width: 669px) {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
  }
}

.wps-steps {
  width: 768px;
  display: flex;
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 2px auto 22px;

  .wps-step-link {

    &.disabled {
      a {
        pointer-events: none;
        cursor: default;
      }
    }

    a {
      display: flex;
      gap: 8px;
      align-items: center;

      &.disabled {
        pointer-events: none;
        cursor: default;
      }

    }

    &__badge {
      width: 16px;
      height: 16px;
      border-radius: 250px;
      background: #eeeff1;
      font-size: 12px;
      font-weight: 500;
      line-height: 14.06px;
      color: #444F5C;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 16px;
    }

    &__title {
      color: #444F5C;
      font-size: 14px;
      font-weight: 400;
      line-height: 16.41px;
    }

    &.current {
      .wps-step-link__badge {
        background: #404BF2;
        color: #FFFFFF
      }

      .wps-step-link__title {
        color: #090B0F;
        font-weight: 500;
      }
    }

    &.completed {
      a {
        pointer-events: auto;
        cursor: pointer;
      }

      span.screen-reader-text {
        color: #fff;
      }

      .wps-step-link__badge {
        background-color: #165E2E;
      }

      .wps-step-link__title {
        color: #165E2E;
      }
    }
  }
}

.wps-tabs {
  margin: 20px 0 0;
  gap: 10px;
}

@media (max-width: 1100px) {
  .tabbed_page .wps-tabs {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}

@media (max-width: 669px) {
  .statistics_page_wps_visitors_page, .statistics_page_wps_pages_page {
    .wps-tabs {
      width: 100%;
      white-space: nowrap;
      overflow-x: auto;
    }
  }
}

.wps-tab-link {
  display: inline-block;
  position: relative;
  margin-bottom: 0;

  .wps-tab-link--pin {
    gap: 6px;

    .wps-pin {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgNi41TDguODc1IDQuNjI1TDYuMjUgMy41TDQuMzc1IDAuNUwxIDMuODc1TDQgNS43NUw1LjEyNSA4LjM3NUw3IDYuNVpNNyA2LjVMMTAgOS41IiBzdHJva2U9IiM1NjU4NUEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
      width: 9px;
      height: 9px;
    }
  }

  &__online-visitors {
    a {
      position: relative;

      .wps-dot {
        position: relative;
        padding-right: 27px !important;

        &:after {
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          background-color: #196140;
          position: absolute;
          right: 12px;
          top: 50%;
          display: inline-block;
          transform: translateY(-50%);
          animation: animated_online_bg 45s ease infinite;
        }

        &:before {
          content: "";
          position: absolute;
          display: block;
          width: 10px;
          height: 10px;
          box-sizing: border-box;
          right: 10px;
          border-radius: 50%;
          transform-origin: center center;
          background-color: rgba(25, 97, 64, .1);
          animation: animated_online_bg 45s ease infinite;
          top: 50%;
          transform: translateY(-50%);
        }
      }


    }

    @keyframes animated_online_bg {
      0% {
        transform: translateY(-50%) scale(1);
      }

      5%, 20%, 35%, 50%, 65%, 80%, 95% {
        transform: translateY(-50%) scale(1.1);
      }

      10%, 25%, 40%, 55%, 70%, 85%, 100% {
        transform: translateY(-50%) scale(1);
      }
    }

    .rtl & {
      a .wps-dot {
        padding-right: 10px !important;
        padding-left: 27px !important;

        &:before {
          right: unset;
          left: 10px;
        }

        &:after {
          right: unset;
          left: 12.75px;
        }
      }
    }
  }
}

.wps-tab-link a {
  padding: 0 10px 6px;
  color: #5F636C;
  text-decoration: none;
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  gap: 2px;
  align-items: center;
  margin-bottom: -1px;

  &:hover {
    border-bottom: 2px solid #404BF2 !important;
  }

  @media (max-width: 360px) {
    font-size: 12px;
  }

  .wps-tooltip {
    margin: 0 !important;
  }
}

.wps-tab-link a .wps-tooltip .wps-tooltip-icon.info {
  margin-bottom: -2px;
  display: inline-block;
  width: 12px;
  height: 12px;
}

.wps-tab-link.current a .wps-tooltip .wps-tooltip-icon.info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMS4wMDc4MUMzLjIzODUgMS4wMDc4MSAxIDMuMjQ2MzEgMSA2LjAwNzgxQzEgOC43NjkzMSAzLjIzODUgMTEuMDA3OCA2IDExLjAwNzhDOC43NjE1IDExLjAwNzggMTEgOC43NjkzMSAxMSA2LjAwNzgxQzExIDMuMjQ2MzEgOC43NjE1IDEuMDA3ODEgNiAxLjAwNzgxWk02IDIuMDA3ODFDNy4wNjA4NyAyLjAwNzgxIDguMDc4MjggMi40MjkyNCA4LjgyODQzIDMuMTc5MzlDOS41Nzg1NyAzLjkyOTUzIDEwIDQuOTQ2OTUgMTAgNi4wMDc4MUMxMCA3LjA2ODY4IDkuNTc4NTcgOC4wODYwOSA4LjgyODQzIDguODM2MjRDOC4wNzgyOCA5LjU4NjM5IDcuMDYwODcgMTAuMDA3OCA2IDEwLjAwNzhDNC45MzkxMyAxMC4wMDc4IDMuOTIxNzIgOS41ODYzOSAzLjE3MTU3IDguODM2MjRDMi40MjE0MyA4LjA4NjA5IDIgNy4wNjg2OCAyIDYuMDA3ODFDMiA0Ljk0Njk1IDIuNDIxNDMgMy45Mjk1MyAzLjE3MTU3IDMuMTc5MzlDMy45MjE3MiAyLjQyOTI0IDQuOTM5MTMgMi4wMDc4MSA2IDIuMDA3ODFaTTYgMy41MDc4MUM1Ljg2NzM5IDMuNTA3ODEgNS43NDAyMSAzLjU2MDQ5IDUuNjQ2NDUgMy42NTQyNkM1LjU1MjY4IDMuNzQ4MDMgNS41IDMuODc1MiA1LjUgNC4wMDc4MUM1LjUgNC4xNDA0MiA1LjU1MjY4IDQuMjY3NiA1LjY0NjQ1IDQuMzYxMzdDNS43NDAyMSA0LjQ1NTEzIDUuODY3MzkgNC41MDc4MSA2IDQuNTA3ODFDNi4xMzI2MSA0LjUwNzgxIDYuMjU5NzkgNC40NTUxMyA2LjM1MzU1IDQuMzYxMzdDNi40NDczMiA0LjI2NzYgNi41IDQuMTQwNDIgNi41IDQuMDA3ODFDNi41IDMuODc1MiA2LjQ0NzMyIDMuNzQ4MDMgNi4zNTM1NSAzLjY1NDI2QzYuMjU5NzkgMy41NjA0OSA2LjEzMjYxIDMuNTA3ODEgNiAzLjUwNzgxWk01LjUgNS4wMDc4MUM1LjM2NzM5IDUuMDA3ODEgNS4yNDAyMSA1LjA2MDQ5IDUuMTQ2NDUgNS4xNTQyNkM1LjA1MjY4IDUuMjQ4MDMgNSA1LjM3NTIgNSA1LjUwNzgxQzUgNS43NDg4MSA1LjE3OTUgNS45Mjg4MSA1LjQwNiA1Ljk3NjgxTDUuMTA5NSA3LjQxMzgxQzQuOTkzNSA3Ljk5NDMxIDUuNDA4NSA4LjUwNzgxIDUuOTk5NSA4LjUwNzgxSDYuNDk5NUM2LjYzMjExIDguNTA3ODEgNi43NTkyOSA4LjQ1NTEzIDYuODUzMDUgOC4zNjEzN0M2Ljk0NjgyIDguMjY3NiA2Ljk5OTUgOC4xNDA0MiA2Ljk5OTUgOC4wMDc4MUM2Ljk5OTUgNy44NzUyIDYuOTQ2ODIgNy43NDgwMyA2Ljg1MzA1IDcuNjU0MjZDNi43NTkyOSA3LjU2MDQ5IDYuNjMyMTEgNy41MDc4MSA2LjQ5OTUgNy41MDc4MUg2LjEwOTVMNi40ODQ1IDUuNjAxODFDNi40OTk1NiA1LjUyOTg1IDYuNDk4MzQgNS40NTU0MyA2LjQ4MDkyIDUuMzg0MDFDNi40NjM1IDUuMzEyNTggNi40MzAzMyA1LjI0NTk1IDYuMzgzODMgNS4xODkwMUM2LjMzNzM0IDUuMTMyMDYgNi4yNzg2OSA1LjA4NjIzIDYuMjEyMTkgNS4wNTQ4OEM2LjE0NTY5IDUuMDIzNTMgNi4wNzMwMiA1LjAwNzQ1IDUuOTk5NSA1LjAwNzgxSDUuNVoiIGZpbGw9IiMwQzBDMEQiLz4KPC9zdmc+Cg==")
}

.wps-tab-link .wps-tooltip--coming_soon {
  padding: 0 10px 6px;
  color: #5f636c;
  text-decoration: none;
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: -1px;

  .coming-soon {
    background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjEzNjY4IDEuNDU0NjdWMEg1LjU5MTM1VjEuNDU0NjdIOS45NTUzN1YwSDExLjQxVjEuNDU0NjdIMTQuMzE5NEMxNC43MjExIDEuNDU0NjcgMTUuMDQ2NyAxLjc4MDMxIDE1LjA0NjcgMi4xODIwMVY1LjUwNjk0SDEzLjU5MlYyLjkwOTM0SDExLjQxVjQuMzY0MDJIOS45NTUzN1YyLjkwOTM0SDUuNTkxMzVWNC4zNjQwMkg0LjEzNjY4VjIuOTA5MzRIMS45NTQ2N1YxMy4wOTJINC44NjQwMlYxNC41NDY3SDEuMjI3MzRDMC44MjU2NDMgMTQuNTQ2NyAwLjUgMTQuMjIxMSAwLjUgMTMuODE5NFYyLjE4MjAxQzAuNSAxLjc4MDMxIDAuODI1NjQzIDEuNDU0NjcgMS4yMjczNCAxLjQ1NDY3SDQuMTM2NjhaIiBmaWxsPSIjOTM5NzlGIi8+CjxwYXRoIGQ9Ik0xMC42ODI3IDcuNTEzNTJDOC44MDgxMSA3LjUxMzUyIDcuMjg4NDMgOS4wMzMyMSA3LjI4ODQzIDEwLjkwNzhDNy4yODg0MyAxMi43ODIzIDguODA4MTEgMTQuMzAyIDEwLjY4MjcgMTQuMzAyQzEyLjU1NzIgMTQuMzAyIDE0LjA3NjkgMTIuNzgyMyAxNC4wNzY5IDEwLjkwNzhDMTQuMDc2OSA5LjAzMzIxIDEyLjU1NzIgNy41MTM1MiAxMC42ODI3IDcuNTEzNTJaTTUuNTkxMzEgMTAuOTA3OEM1LjU5MTMxIDguMDk1ODkgNy44NzA3OSA1LjgxNjQxIDEwLjY4MjcgNS44MTY0MUMxMy40OTQ1IDUuODE2NDEgMTUuNzc0IDguMDk1ODkgMTUuNzc0IDEwLjkwNzhDMTUuNzc0IDEzLjcxOTYgMTMuNDk0NSAxNS45OTkxIDEwLjY4MjcgMTUuOTk5MUM3Ljg3MDc5IDE1Ljk5OTEgNS41OTEzMSAxMy43MTk2IDUuNTkxMzEgMTAuOTA3OFpNOS44MzQxIDguMzYyMDhWMTEuMjU5MkwxMS43Nzk4IDEzLjIwNDlMMTIuOTc5OCAxMi4wMDQ5TDExLjUzMTIgMTAuNTU2M1Y4LjM2MjA4SDkuODM0MVoiIGZpbGw9IiM5Mzk3OUYiLz4KPC9zdmc+Cg==");
    margin-bottom: -2px;
    display: inline-block;
    width: 11px;
    height: 11px;
  }
}

.wps-tab-link.current a {
  color: #0C0C0D;
  border-bottom: 2px solid #404bf2;
}

.wps-tab-link.wps-locked a {
  padding-right: 30px;
}

.wps-tab-link.wps-locked a:after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  background: url("../images/preview-lock.png");
  margin-left: 4px;
  margin-top: 3px;
}

.c-pages-date-range .js-date-range-picker-input {
  position: relative !important;
  top: -15px !important;
  left: 0 !important;
}

.c-pages-select-page {
  margin-top: 4px;

  @media screen and (min-width: 768px) {
    float: right;
  }

  form {
    margin-top: 0;
  }
}

.rtl .c-pages-select-page {
  @media screen and (min-width: 768px) {
    float: left;
  }
}

.c-capitalize {
  text-transform: capitalize
}

#dashboard-widgets {
  .wps-refresh {
    line-height: unset !important;
    padding: 5px;
    position: relative;
    border-radius: 100%;
    width: 21px;
    height: 21px;
    top: -3px;
    background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTIgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDEuN0M0LjM1MDg2IDEuNyAyLjg5NTA1IDIuNTMxNzYgMi4wMzA2NiAzLjhIMy42VjVIMFYxLjRIMS4yVjIuODk5NjJDMi4yOTQyOSAxLjQ0MyA0LjAzNjU4IDAuNSA2IDAuNUM5LjMxMzY4IDAuNSAxMiAzLjE4NjI5IDEyIDYuNUgxMC44QzEwLjggMy44NDkwMyA4LjY1MDk4IDEuNyA2IDEuN1pNMS4yIDYuNUMxLjIgOS4xNTA5OCAzLjM0OTAzIDExLjMgNiAxMS4zQzcuNjQ5MTYgMTEuMyA5LjEwNDk0IDEwLjQ2ODIgOS45NjkzNiA5LjJIOC40VjhIMTJWMTEuNkgxMC44VjEwLjEwMDRDOS43MDU3MiAxMS41NTcgNy45NjM0NCAxMi41IDYgMTIuNUMyLjY4NjI5IDEyLjUgMCA5LjgxMzY4IDAgNi41SDEuMloiIGZpbGw9IiMwMDAiLz4KPC9zdmc+Cg==) center center no-repeat !important;
    opacity: 0.5;

    &:hover {
      opacity: 1;
      box-shadow: none !important;
      outline: none !important;
    }

    &:focus, &:active {
      box-shadow: none !important;
      outline: none !important;
    }
  }

  .wps-unit-time-chart {
    display: none !important;
  }
}

.wps-adminHeader a.wps-license-status {
  font-size: 12px;
  color: #fff !important;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid #0E0E2233;
  background: #0E0E224D;
  padding: 6px 12px 6px 6px;
  border-radius: 22px;
  transition: 0.3s all ease-out;
  gap: 3px;
  opacity: 70%;
  text-transform: uppercase;
  line-height: 14px;

  &:before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnPgo8cGF0aCBkPSJNMTAuNTg1OCAyLjkxNDU5TDEwLjU0NSA1LjEyNTQxQzEwLjUzOTIgNS40Mjg3NCAxMC43MzE3IDUuODMxMjUgMTAuOTc2NyA2LjAxMjA5TDEyLjQyMzMgNy4xMDg3NEMxMy4zNTA4IDcuODA4NzQgMTMuMTk5MiA4LjY2NjI1IDEyLjA5MDggOS4wMTYyNUwxMC4yMDY3IDkuNjA1NDFDOS44OTE2OSA5LjcwNDU3IDkuNTU5MTkgMTAuMDQ4OCA5LjQ3NzUyIDEwLjM2OTZMOS4wMjgzNCAxMi4wODQ2QzguNjcyNTEgMTMuNDM3OSA3Ljc4NTgzIDEzLjU3MjEgNy4wNTA4MyAxMi4zODIxTDYuMDI0MTYgMTAuNzE5NkM1LjgzNzUgMTAuNDE2MiA1LjM5NDE3IDEwLjE4ODggNS4wNDQxNyAxMC4yMDYzTDMuMDk1ODUgMTAuMzA1NEMxLjcwMTY5IDEwLjM3NTQgMS4zMDUwMSA5LjU3MDQyIDIuMjE1MDEgOC41MDg3NUwzLjM3IDcuMTY3MDhDMy41ODU4NCA2LjkxNjI0IDMuNjg1IDYuNDQ5NTggMy41ODU4MyA2LjEzNDU4TDIuOTk2NyA0LjI1MDQxQzIuNjUyNTMgMy4xNDIwOCAzLjI3MDg1IDIuNTI5NTggNC4zNzMzNSAyLjg5MTI1TDYuMDk0MTkgMy40NTcwOUM2LjM4NTg2IDMuNTUwNDIgNi44MjMzNSAzLjQ4NjI1IDcuMDY4MzUgMy4zMDU0MUw4Ljg2NTAzIDIuMDEwNDFDOS44MzMzNiAxLjMxMDQxIDEwLjYwOTIgMS43MTg3NiAxMC41ODU4IDIuOTE0NTlaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy4yODA4IDEzLjMzMkwxMS41MTMzIDExLjU2NDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L3N2Zz4K") center center/100% no-repeat
  }

  &.wps-license-status--custom {
    position: relative;
    cursor: pointer;

    &.wps-marketing-campaign-text__light {
      color: #fff !important;
    }

    &.wps-marketing-campaign-text__dark {
      color: #56585A !important;
    }

    &.wps-marketing-campaign {
      &__danger {
        background: #D5201C66;
        border: 1px solid #D5201C66
      }

      &__info {
        background: #1E1E2066;
        border: 1px solid #1E1E2066
      }

      &__warning {
        background: #FACE0D66;
        border: 1px solid #FACE0D66
      }

      &__success {
        background: #27A76566;
        border: 1px solid #27A76566
      }
    }

    img {
      width: 16px !important;
      height: 16px !important;
      min-width: 16px;
      object-fit: scale-down;
      position: relative;
    }

    &:before {
      display: none !important;
    }
  }

  &--valid {
    opacity: 1;

    span:first-child {
      margin-right: 9px;

      .rtl & {
        margin-right: 0;
        margin-left: 9px;
      }
    }

    &:after, span:last-child {
      opacity: 70%;
    }
  }

  &:after {
    content: "";
    width: 8px;
    height: 10px;
    background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjYiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCA2IDExIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy43ODM5MyA1LjQ5OThMMCAxLjcxNTg4TDEuMDgxMTIgMC42MzQ3NjZMNS45NDYxNCA1LjQ5OThMMS4wODExMiAxMC4zNjQ4TDAgOS4yODM2NkwzLjc4MzkzIDUuNDk5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") no-repeat center;
  }

  &:hover {
    opacity: 1;

    &:after, span:last-child {
      opacity: 1;
    }
  }
}

.hamburger-menu {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
}

.menu-bar {
  display: block;
  width: 13px;
  height: 1px;
  margin: 0 auto;
  background-color: #fff;
  opacity: 60%;
  border-radius: 3px;
  transition: background-color 0.3s, transform 0.3s;
}

.hamburger-menu-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  justify-content: center;
}

.hamburger-menu-container {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 4px;
  padding: 8px;
  border-radius: 4px;
  background: transparent;
  transition: background-color 0.3s;

  span {
    color: #fff;
    opacity: 70%;
  }

  &:hover {
    background: rgba(255, 255, 255, 0.2);

    span {
      opacity: 1;
    }
  }
}

.wps-admin-header__menu-item {
  position: relative;

  a.wps-admin-header__link--has-dropdown {

    &.is-open:after {
      transform: rotate(180deg);
    }

    &:after {
      content: '';
      width: 17px;
      height: 17px;
      display: inline-block;
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjQ5OTk2IDEwLjI3MzZMMTIuMDA2MSA2Ljc2NzU4TDEzLjAwNzggNy43NjkzMUw4LjQ5OTk2IDEyLjI3NzJMMy45OTIxOSA3Ljc2OTMxTDQuOTkzOTIgNi43Njc1OEw4LjQ5OTk2IDEwLjI3MzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K") center center no-repeat;
    }
  }

  .wps-admin-header__dropdown-menu {
    position: absolute;
    background: #fbffff;
    flex-direction: column;
    padding: 6px;
    border: 1px solid #DADCE0;
    border-radius: 4px;
    align-items: flex-start;
    min-width: 200px;
    display: none;

    &.is-open {
      display: flex;
    }

    li {
      width: 100%;
    }

    a {
      color: #292D32;
      font-size: 14px;
      font-weight: 500;
      justify-content: flex-start;
      white-space: nowrap;
      padding: 12px 10px;

      &.active, &:hover {
        background-color: #00000008;
      }

      .icon {
        &.author-analytics {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAySDZDMyAyIDEuNSAzLjUgMS41IDYuNVYxNi4yNUMxLjUgMTYuNjYyNSAxLjgzNzUgMTcgMi4yNSAxN0gxMkMxNSAxNyAxNi41IDE1LjUgMTYuNSAxMi41VjYuNUMxNi41IDMuNSAxNSAyIDEyIDJaIiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNjgyNTkgNi4zODA2TDUuNzkwMDkgMTAuMjczMUM1LjY0MDA5IDEwLjQyMzEgNS40OTc1OSAxMC43MTU2IDUuNDY3NTkgMTAuOTI1Nkw1LjI1NzU5IDEyLjQxMDZDNS4xODI1OSAxMi45NTA2IDUuNTU3NTkgMTMuMzI1NiA2LjA5NzU5IDEzLjI1MDZMNy41ODI1OCAxMy4wNDA2QzcuNzkyNTggMTMuMDEwNiA4LjA4NTA5IDEyLjg2ODEgOC4yMzUwOSAxMi43MTgxTDEyLjEyNzYgOC44MjU2QzEyLjc5NTEgOC4xNTgxIDEzLjExNzYgNy4zNzgxIDEyLjEyNzYgNi4zODgxQzExLjEzNzYgNS4zOTA2IDEwLjM1NzYgNS43MDU2IDkuNjgyNTkgNi4zODA2WiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMTI3NjkgNi45MzU1NUM5LjQ1NzY5IDguMTEzMDUgMTAuMzgwMiA5LjA0MzA1IDExLjU2NTIgOS4zNzMwNSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
        }

        &.top-pages {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS43NSA1Ljc1VjEzLjI1QzE1Ljc1IDE1LjUgMTQuNjI1IDE3IDEyIDE3SDZDMy4zNzUgMTcgMi4yNSAxNS41IDIuMjUgMTMuMjVWNS43NUMyLjI1IDMuNSAzLjM3NSAyIDYgMkgxMkMxNC42MjUgMiAxNS43NSAzLjUgMTUuNzUgNS43NVoiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42MjUgMlY3Ljg5NDk5QzExLjYyNSA4LjIyNDk5IDExLjIzNSA4LjM4OTk5IDEwLjk5NSA4LjE3MjQ5TDkuMjU1MDIgNi41Njc1MkM5LjExMjUyIDYuNDMyNTIgOC44ODc0OCA2LjQzMjUyIDguNzQ0OTggNi41Njc1Mkw3LjAwNTAyIDguMTcyNDlDNi43NjUwMiA4LjM4OTk5IDYuMzc1IDguMjI0OTkgNi4zNzUgNy44OTQ5OVYySDExLjYyNVoiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjkzNzUgMTFIMTMuMTI1IiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi43NSAxNEgxMy4xMjUiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        }

        &.content-analytics {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc1IDE3SDExLjI1QzE1IDE3IDE2LjUgMTUuNSAxNi41IDExLjc1VjcuMjVDMTYuNSAzLjUgMTUgMiAxMS4yNSAySDYuNzVDMyAyIDEuNSAzLjUgMS41IDcuMjVWMTEuNzVDMS41IDE1LjUgMyAxNyA2Ljc1IDE3WiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42MjUgMTQuMzc1QzEyLjQ1IDE0LjM3NSAxMy4xMjUgMTMuNyAxMy4xMjUgMTIuODc1VjYuMTI1QzEzLjEyNSA1LjMgMTIuNDUgNC42MjUgMTEuNjI1IDQuNjI1QzEwLjggNC42MjUgMTAuMTI1IDUuMyAxMC4xMjUgNi4xMjVWMTIuODc1QzEwLjEyNSAxMy43IDEwLjc5MjUgMTQuMzc1IDExLjYyNSAxNC4zNzVaIiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMzc1IDE0LjM3NUM3LjIgMTQuMzc1IDcuODc1IDEzLjcgNy44NzUgMTIuODc1VjEwLjI1QzcuODc1IDkuNDI1IDcuMiA4Ljc1IDYuMzc1IDguNzVDNS41NSA4Ljc1IDQuODc1IDkuNDI1IDQuODc1IDEwLjI1VjEyLjg3NUM0Ljg3NSAxMy43IDUuNTQyNSAxNC4zNzUgNi4zNzUgMTQuMzc1WiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        }

      }
    }
  }

}

.wps-mobileMenuContent {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 190px;
  z-index: 3;
  right: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 4px 12px 0 #0000001A;
  top: calc(100% + 4px);
  padding: 6px;

  a {
    text-decoration: none;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #292D32;
    display: flex;
    padding: 14px 10px;
    position: relative;
    align-items: center;
    margin-bottom: 2px;

    &.integrations {
      padding-bottom: 17px;
    }

    &.active, &:hover {
      background: #F3F3F5;
    }

    &:focus {
      box-shadow: none !important;
      outline: none !important;
    }

    &.integrations::after {
      content: '';
      width: 80%;
      position: absolute;
      left: 10%;
      bottom: 0;
      height: 1px;
      background: #DADCE0;
    }
  }
}

#wps-menu-toggle {
  display: none;

  &:checked {
    ~ .wps-mobileMenuContent {
      display: block;

      a {
        opacity: 1;
        display: flex;
        align-items: center;
        width: 100%;
        height: unset;
        box-sizing: border-box;
        border-radius: 4px;
        gap: 8px;
        padding: 14px 10px;

        &.wps-license-status--custom {
          position: relative;

          .rtl & {
            padding-left: 10px;
          }

          &.wps-marketing-campaign {
            &__success {
              background: #27A76514;

              &:hover {
                background: #27a7651a;
              }
            }

            &__danger {
              background: #D5201C14;

              &:hover {
                background: #d5201c1a;
              }
            }

            &__info {
              background: #1E1E2014;

              &:hover {
                background: #1e1e201a;
              }
            }

            &__warning {
              background: #FACE0D14;

              &:hover {
                background: #face0d1a;
              }
            }
          }
        }

        &.optimization .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNjg2NF8xNzY4OTYpIj4KPHBhdGggZD0iTTMuNzUgOUMzLjc1IDYuMTAwNTEgNi4xMDA1MSAzLjc1IDkgMy43NU0xMi4zNzQ5IDUuNjI1TDguOTk5OTMgOU0xNi41IDlDMTYuNSAxMy4xNDIxIDEzLjE0MjEgMTYuNSA5IDE2LjVDNC44NTc4NiAxNi41IDEuNSAxMy4xNDIxIDEuNSA5QzEuNSA0Ljg1Nzg2IDQuODU3ODYgMS41IDkgMS41QzEzLjE0MjEgMS41IDE2LjUgNC44NTc4NiAxNi41IDlaTTkuNzUgOUM5Ljc1IDkuNDE0MjMgOS40MTQyMyA5Ljc1IDkgOS43NUM4LjU4NTc4IDkuNzUgOC4yNSA5LjQxNDIzIDguMjUgOUM4LjI1IDguNTg1NzggOC41ODU3OCA4LjI1IDkgOC4yNUM5LjQxNDIzIDguMjUgOS43NSA4LjU4NTc4IDkuNzUgOVoiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE2ODY0XzE3Njg5NiI+CjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
        }

        &.addons .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05Ljc1NzM5IDIuMTkwMjNMMTQuMTgyNCA0LjE1NTIzQzE1LjQ1NzQgNC43MTc3MyAxNS40NTc0IDUuNjQ3NzMgMTQuMTgyNCA2LjIxMDIzTDkuNzU3MzkgOC4xNzUyM0M5LjI1NDg5IDguNDAwMjMgOC40Mjk4OSA4LjQwMDIzIDcuOTI3MzkgOC4xNzUyM0wzLjUwMjM5IDYuMjEwMjNDMi4yMjczOSA1LjY0NzczIDIuMjI3MzkgNC43MTc3MyAzLjUwMjM5IDQuMTU1MjNMNy45MjczOSAyLjE5MDIzQzguNDI5ODkgMS45NjUyMyA5LjI1NDg5IDEuOTY1MjMgOS43NTczOSAyLjE5MDIzWiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjI1IDguMjVDMi4yNSA4Ljg4IDIuNzIyNSA5LjYwNzUgMy4zIDkuODYyNUw4LjM5MjUgMTIuMTI3NUM4Ljc4MjUgMTIuMyA5LjIyNSAxMi4zIDkuNjA3NSAxMi4xMjc1TDE0LjcgOS44NjI1QzE1LjI3NzUgOS42MDc1IDE1Ljc1IDguODggMTUuNzUgOC4yNSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjI1IDEyQzIuMjUgMTIuNjk3NSAyLjY2MjUgMTMuMzI3NSAzLjMgMTMuNjEyNUw4LjM5MjUgMTUuODc3NUM4Ljc4MjUgMTYuMDUgOS4yMjUgMTYuMDUgOS42MDc1IDE1Ljg3NzVMMTQuNyAxMy42MTI1QzE1LjMzNzUgMTMuMzI3NSAxNS43NSAxMi42OTc1IDE1Ljc1IDEyIiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
        }

        &.top-pages .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS43NSA1Ljc1VjEzLjI1QzE1Ljc1IDE1LjUgMTQuNjI1IDE3IDEyIDE3SDZDMy4zNzUgMTcgMi4yNSAxNS41IDIuMjUgMTMuMjVWNS43NUMyLjI1IDMuNSAzLjM3NSAyIDYgMkgxMkMxNC42MjUgMiAxNS43NSAzLjUgMTUuNzUgNS43NVoiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42MjUgMlY3Ljg5NDk5QzExLjYyNSA4LjIyNDk5IDExLjIzNSA4LjM4OTk5IDEwLjk5NSA4LjE3MjQ5TDkuMjU1MDIgNi41Njc1MkM5LjExMjUyIDYuNDMyNTIgOC44ODc0OCA2LjQzMjUyIDguNzQ0OTggNi41Njc1Mkw3LjAwNTAyIDguMTcyNDlDNi43NjUwMiA4LjM4OTk5IDYuMzc1IDguMjI0OTkgNi4zNzUgNy44OTQ5OVYySDExLjYyNVoiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjkzNzUgMTFIMTMuMTI1IiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi43NSAxNEgxMy4xMjUiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        }

        &.content-analytics .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc1IDE3SDExLjI1QzE1IDE3IDE2LjUgMTUuNSAxNi41IDExLjc1VjcuMjVDMTYuNSAzLjUgMTUgMiAxMS4yNSAySDYuNzVDMyAyIDEuNSAzLjUgMS41IDcuMjVWMTEuNzVDMS41IDE1LjUgMyAxNyA2Ljc1IDE3WiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS42MjUgMTQuMzc1QzEyLjQ1IDE0LjM3NSAxMy4xMjUgMTMuNyAxMy4xMjUgMTIuODc1VjYuMTI1QzEzLjEyNSA1LjMgMTIuNDUgNC42MjUgMTEuNjI1IDQuNjI1QzEwLjggNC42MjUgMTAuMTI1IDUuMyAxMC4xMjUgNi4xMjVWMTIuODc1QzEwLjEyNSAxMy43IDEwLjc5MjUgMTQuMzc1IDExLjYyNSAxNC4zNzVaIiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMzc1IDE0LjM3NUM3LjIgMTQuMzc1IDcuODc1IDEzLjcgNy44NzUgMTIuODc1VjEwLjI1QzcuODc1IDkuNDI1IDcuMiA4Ljc1IDYuMzc1IDguNzVDNS41NSA4Ljc1IDQuODc1IDkuNDI1IDQuODc1IDEwLjI1VjEyLjg3NUM0Ljg3NSAxMy43IDUuNTQyNSAxNC4zNzUgNi4zNzUgMTQuMzc1WiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        }

        &.wps-notifications {
          .icon {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgPgo8cGF0aCBkPSJNMTUuMzQzIDcuNjg3MzlWNy4xMjk1OUMxNS4zNDMgNC4wNjY4MyAxMi45NTA5IDEuNTgzOTggMTAgMS41ODM5OEM3LjA0OTExIDEuNTgzOTggNC42NTY5NCA0LjA2NjgzIDQuNjU2OTQgNy4xMjk1OVY3LjY4NzM5QzQuNjU2OTQgOC4zNTY4NSA0LjQ2NjAzIDkuMDExMjQgNC4xMDgyNiA5LjU2ODI2TDMuMjMxNTQgMTAuOTMzMkMyLjQzMDczIDEyLjE3OTkgMy4wNDIwOCAxMy44NzQ1IDQuNDM0ODcgMTQuMjY4OEM4LjA3ODQyIDE1LjMwMDIgMTEuOTIxNiAxNS4zMDAyIDE1LjU2NTEgMTQuMjY4OEMxNi45NTggMTMuODc0NSAxNy41NjkzIDEyLjE3OTkgMTYuNzY4NCAxMC45MzMyTDE1Ljg5MTcgOS41NjgyNkMxNS41MzQgOS4wMTEyNCAxNS4zNDMgOC4zNTY4NSAxNS4zNDMgNy42ODczOVoiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTYuNDM3NSAxNS4wNDFDNi45NTYwNyAxNi40MjQ3IDguMzU1MjggMTcuNDE2IDEwIDE3LjQxNkMxMS42NDQ3IDE3LjQxNiAxMy4wNDQgMTYuNDI0NyAxMy41NjI1IDE1LjA0MSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=");
          }

          &.wps-notifications--has-items {
            .icon {
              background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGc+CjxwYXRoIGQ9Ik05LjUgMS41ODM5OEMxMi40NTA5IDEuNTgzOTggMTQuODQzIDQuMDY2ODMgMTQuODQzIDcuMTI5NTlWNy42ODczOUMxNC44NDMgOC4zNTY4NSAxNS4wMzQgOS4wMTEyNCAxNS4zOTE3IDkuNTY4MjZMMTYuMjY4NCAxMC45MzMyQzE3LjA2OTMgMTIuMTc5OSAxNi40NTggMTMuODc0NSAxNS4wNjUxIDE0LjI2ODhDMTEuNDIxNiAxNS4zMDAyIDcuNTc4NDIgMTUuMzAwMiAzLjkzNDg3IDE0LjI2ODhDMi41NDIwOCAxMy44NzQ1IDEuOTMwNzMgMTIuMTc5OSAyLjczMTU0IDEwLjkzMzJMMy42MDgyNiA5LjU2ODI2QzMuOTY2MDMgOS4wMTEyNCA0LjE1Njk0IDguMzU2ODUgNC4xNTY5NCA3LjY4NzM5VjcuMTI5NTkiIHN0cm9rZT0iIzI5MmQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPHBhdGggZD0iTTUuOTM3NSAxNS4wNDFDNi40NTYwNyAxNi40MjQ3IDcuODU1MjggMTcuNDE2IDkuNSAxNy40MTZDMTEuMTQ0NyAxNy40MTYgMTIuNTQ0IDE2LjQyNDcgMTMuMDYyNSAxNS4wNDEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGNpcmNsZSBjeD0iNS41IiBjeT0iMi41IiByPSIyLjUiIGZpbGw9IiNGRjNBM0EiLz4KPC9nPgo8L3N2Zz4K");
            }
          }
        }

        &.author-analytics .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTggMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMiAySDZDMyAyIDEuNSAzLjUgMS41IDYuNVYxNi4yNUMxLjUgMTYuNjYyNSAxLjgzNzUgMTcgMi4yNSAxN0gxMkMxNSAxNyAxNi41IDE1LjUgMTYuNSAxMi41VjYuNUMxNi41IDMuNSAxNSAyIDEyIDJaIiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNjgyNTkgNi4zODA2TDUuNzkwMDkgMTAuMjczMUM1LjY0MDA5IDEwLjQyMzEgNS40OTc1OSAxMC43MTU2IDUuNDY3NTkgMTAuOTI1Nkw1LjI1NzU5IDEyLjQxMDZDNS4xODI1OSAxMi45NTA2IDUuNTU3NTkgMTMuMzI1NiA2LjA5NzU5IDEzLjI1MDZMNy41ODI1OCAxMy4wNDA2QzcuNzkyNTggMTMuMDEwNiA4LjA4NTA5IDEyLjg2ODEgOC4yMzUwOSAxMi43MTgxTDEyLjEyNzYgOC44MjU2QzEyLjc5NTEgOC4xNTgxIDEzLjExNzYgNy4zNzgxIDEyLjEyNzYgNi4zODgxQzExLjEzNzYgNS4zOTA2IDEwLjM1NzYgNS43MDU2IDkuNjgyNTkgNi4zODA2WiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMTI3NjkgNi45MzU1NUM5LjQ1NzY5IDguMTEzMDUgMTAuMzgwMiA5LjA0MzA1IDExLjU2NTIgOS4zNzMwNSIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
        }

        &.settings {
          position: relative;

          .icon {
            background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05IDExLjI1QzEwLjI0MjYgMTEuMjUgMTEuMjUgMTAuMjQyNiAxMS4yNSA5QzExLjI1IDcuNzU3MzYgMTAuMjQyNiA2Ljc1IDkgNi43NUM3Ljc1NzM2IDYuNzUgNi43NSA3Ljc1NzM2IDYuNzUgOUM2Ljc1IDEwLjI0MjYgNy43NTczNiAxMS4yNSA5IDExLjI1WiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEuNSA5LjY1OTFWOC4zMzkxQzEuNSA3LjU1OTEgMi4xMzc1IDYuOTE0MSAyLjkyNSA2LjkxNDFDNC4yODI1IDYuOTE0MSA0LjgzNzUgNS45NTQxIDQuMTU1IDQuNzc2NkMzLjc2NSA0LjEwMTYgMy45OTc1IDMuMjI0MSA0LjY4IDIuODM0MUw1Ljk3NzUgMi4wOTE2QzYuNTcgMS43MzkxIDcuMzM1IDEuOTQ5MSA3LjY4NzUgMi41NDE2TDcuNzcgMi42ODQxQzguNDQ1IDMuODYxNiA5LjU1NSAzLjg2MTYgMTAuMjM3NSAyLjY4NDFMMTAuMzIgMi41NDE2QzEwLjY3MjUgMS45NDkxIDExLjQzNzUgMS43MzkxIDEyLjAzIDIuMDkxNkwxMy4zMjc1IDIuODM0MUMxNC4wMSAzLjIyNDEgMTQuMjQyNSA0LjEwMTYgMTMuODUyNSA0Ljc3NjZDMTMuMTcgNS45NTQxIDEzLjcyNSA2LjkxNDEgMTUuMDgyNSA2LjkxNDFDMTUuODYyNSA2LjkxNDEgMTYuNTA3NSA3LjU1MTYgMTYuNTA3NSA4LjMzOTFWOS42NTkxQzE2LjUwNzUgMTAuNDM5MSAxNS44NyAxMS4wODQxIDE1LjA4MjUgMTEuMDg0MUMxMy43MjUgMTEuMDg0MSAxMy4xNyAxMi4wNDQxIDEzLjg1MjUgMTMuMjIxNkMxNC4yNDI1IDEzLjkwNDEgMTQuMDEgMTQuNzc0MSAxMy4zMjc1IDE1LjE2NDFMMTIuMDMgMTUuOTA2NkMxMS40Mzc1IDE2LjI1OTEgMTAuNjcyNSAxNi4wNDkxIDEwLjMyIDE1LjQ1NjZMMTAuMjM3NSAxNS4zMTQxQzkuNTYyNSAxNC4xMzY2IDguNDUyNSAxNC4xMzY2IDcuNzcgMTUuMzE0MUw3LjY4NzUgMTUuNDU2NkM3LjMzNSAxNi4wNDkxIDYuNTcgMTYuMjU5MSA1Ljk3NzUgMTUuOTA2Nkw0LjY4IDE1LjE2NDFDMy45OTc1IDE0Ljc3NDEgMy43NjUgMTMuODk2NiA0LjE1NSAxMy4yMjE2QzQuODM3NSAxMi4wNDQxIDQuMjgyNSAxMS4wODQxIDIuOTI1IDExLjA4NDFDMi4xMzc1IDExLjA4NDEgMS41IDEwLjQzOTEgMS41IDkuNjU5MVoiIHN0cm9rZT0iIzI5MkQzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
          }

          &:before {
            content: "";
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            height: 1px;
            background: #eeeff1;
          }
        }

        &.help .icon {
          background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMi43NSAxMy44MjIzSDkuNzVMNi40MTI0OSAxNi4wNDIzQzUuOTE3NDkgMTYuMzcyMyA1LjI1IDE2LjAxOTggNS4yNSAxNS40MTk4VjEzLjgyMjNDMyAxMy44MjIzIDEuNSAxMi4zMjIzIDEuNSAxMC4wNzIzVjUuNTcyMjdDMS41IDMuMzIyMjcgMyAxLjgyMjI3IDUuMjUgMS44MjIyN0gxMi43NUMxNSAxLjgyMjI3IDE2LjUgMy4zMjIyNyAxNi41IDUuNTcyMjdWMTAuMDcyM0MxNi41IDEyLjMyMjMgMTUgMTMuODIyMyAxMi43NSAxMy44MjIzWiIgc3Ryb2tlPSIjMjkyRDMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuMDAwMTEgOC41MTk1M1Y4LjM2MjA2QzkuMDAwMTEgNy44NTIwNiA5LjMxNTEzIDcuNTgyMDUgOS42MzAxMyA3LjM2NDU1QzkuOTM3NjMgNy4xNTQ1NSAxMC4yNDUxIDYuODg0NTYgMTAuMjQ1MSA2LjM4OTU2QzEwLjI0NTEgNS42OTk1NiA5LjY5MDExIDUuMTQ0NTMgOS4wMDAxMSA1LjE0NDUzQzguMzEwMTEgNS4xNDQ1MyA3Ljc1NTEzIDUuNjk5NTYgNy43NTUxMyA2LjM4OTU2IiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguOTk2NjIgMTAuMzEyNUg5LjAwMzM3IiBzdHJva2U9IiMyOTJEMzIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
        }

        &.active {
          background: rgba(243, 243, 245, 1);
        }

        .icon {
          display: inline-flex;
          width: 18px;
          height: 18px;
          background: center center / contain no-repeat;
        }
      }
    }

    ~ .hamburger-menu-container {
      background: rgba(255, 255, 255, 0.2);

      span {
        opacity: 1;
      }
    }

    ~ .hamburger-menu-container .menu-bar:nth-child(2) {
      opacity: 0;
    }

    ~ .hamburger-menu-container .menu-bar:nth-child(1) {
      transform: translateY(6px) rotate(45deg);
    }

    ~ .hamburger-menu-container .menu-bar:nth-child(3) {
      transform: translateY(-4px) rotate(-45deg);
    }
  }
}

.wps_page {
  .daterangepicker td {
    line-height: 28px !important;
  }

  .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.in-range:hover {
    border-radius: 50%;
  }

  .daterangepicker .ranges li.active {
    background-color: #f2f2f2 !important;
    color: #404BF2;
    font-weight: 500;
  }
}

.wps-filter-visitor {
  .select2-container {
    right: 0 !important;
    left: unset !important;
  }

  .select2-dropdown {
    margin-left: unset !important;
    margin-right: unset !important;
    max-width: 100% !important;
  }
}

#wps-filter-page {
  .dropbtn {
    display: none !important;
  }
}

.wps-filter-page, .wps-filter-visitor, #wps-filter-page {

  .wps-dropdown.active {
    background: #eeeff1;
  }

  .select2-container {
    min-width: 32px !important;
  }

  .select2-container--default .select2-selection--single {
    border: none !important;
    background: transparent !important;
    line-height: 24px;
    height: unset !important;
    outline: none !important;
    max-width: 80px;
    min-height: unset !important;

    &:focus-visible {
      outline: none !important;
    }

    .select2-selection__rendered, .select2-selection__placeholder {
      padding-left: 0 !important;
      padding-right: 11px !important;
      line-height: 24px;
      font-size: 13px;
      color: #0c0c0d !important;
      outline: none !important;

      &:focus-visible {
        outline: none !important;
      }

      .rtl & {
        padding-left: 11px !important;
        padding-right: 0px !important;
      }
    }

    .select2-selection__arrow {
      width: 7px;
      height: 4px;
      display: inline-block;
      top: 50% !important;
      right: 0 !important;
      transform: translateY(-50%);
      background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDggNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMDAwMDkgNC4wMDAwOUMzLjkzNDI5IDQuMDAwNDcgMy44NjkwNiAzLjk4Nzg2IDMuODA4MTQgMy45NjI5OEMzLjc0NzIyIDMuOTM4MDkgMy42OTE4MSAzLjkwMTQzIDMuNjQ1MDkgMy44NTUwOUwwLjY0NTA5MyAwLjg1NTA5M0MwLjU1MDk0MSAwLjc2MDk0MSAwLjQ5ODA0NyAwLjYzMzI0MyAwLjQ5ODA0NyAwLjUwMDA5M0MwLjQ5ODA0NyAwLjM2Njk0MiAwLjU1MDk0MSAwLjIzOTI0NSAwLjY0NTA5MyAwLjE0NTA5M0MwLjczOTI0NSAwLjA1MDk0MDkgMC44NjY5NDIgLTAuMDAxOTUzMTIgMS4wMDAwOSAtMC4wMDE5NTMxMkMxLjEzMzI0IC0wLjAwMTk1MzEyIDEuMjYwOTQgMC4wNTA5NDA5IDEuMzU1MDkgMC4xNDUwOTNMNC4wMDAwOSAyLjc5NTA5TDYuNjQ1MDkgMC4xNTAwOTNDNi43NDA3NCAwLjA2ODE3OTYgNi44NjM3OCAwLjAyNTM3NjQgNi45ODk2MiAwLjAzMDIzN0M3LjExNTQ2IDAuMDM1MDk3NSA3LjIzNDgzIDAuMDg3MjY0IDcuMzIzODcgMC4xNzYzMTFDNy40MTI5MiAwLjI2NTM1OCA3LjQ2NTA5IDAuMzg0NzI4IDcuNDY5OTUgMC41MTA1NjZDNy40NzQ4MSAwLjYzNjQwNCA3LjQzMiAwLjc1OTQ0MiA3LjM1MDA5IDAuODU1MDkzTDQuMzUwMDkgMy44NTUwOUM0LjI1Njk2IDMuOTQ3NDYgNC4xMzEyNiAzLjk5OTU0IDQuMDAwMDkgNC4wMDAwOVoiIGZpbGw9IiNBOUFBQUUiLz4KPC9zdmc+Cg==) center center / contain no-repeat;

      .rtl & {
        right: unset !important;
        left: 0 !important;
      }

      b {
        display: none !important;
      }
    }
  }
}

.wps-select2-filter-dropdown {
  border: 1px solid #dadce0 !important;
  border-radius: 4px !important;
  min-width: 192px !important;
  margin-top: 12px !important;
  margin-left: -53px !important;
  max-width: 200px;

  .rtl & {
    margin-left: -23px !important;
  }

  .select2-results__option {
    font-size: 12px !important;
    margin: 0;
    color: #56585a !important;
    word-break: break-word;
    line-height: 24px;
    padding: 5px 12px;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;

    &:last-child {
      margin-bottom: 4px;
    }
  }


  .select2-results__option--highlighted:not(.select2-results__option--selected),
  .select2-results__option--highlighted.select2-results__option[aria-selected="true"]:not(.select2-results__option--selected) {
    background-color: #F8F8F8 !important;
    color: #56585a !important;
    font-weight: 400;
  }

  .select2-search--dropdown .select2-search__field {
    border: 1px solid #dadce0 !important;
  }

  .select2-results__option--selected, .select2-results__option--selected.select2-results__option--highlighted.select2-results__option[aria-selected="true"], .select2-results__option[aria-selected="true"] {
    background-color: #f2f2f2 !important;
    color: #404BF2 !important;
    font-weight: 500;
  }
}

@media screen and (max-width: 1280px) {
  .wps-adminHeader__menu {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1030px) {
  .wps_page #show-settings-link {
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    min-height: 33px;
  }
}

.wps-previous-url {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
  margin-top: -10px;
  display: flex;
  align-items: center;
  gap: 4px;

  &:hover:before {
    filter: brightness(0);
  }

  &:before {
    content: '';
    width: 9.33px;
    height: 9px;
    display: inline-flex;
    background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTAgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjU2NjI2IDQuNDE2ODVIOS42NjYzNFY1LjU4MzUySDIuNTY2MjZMNS42OTUyNCA4LjcxMjQ2TDQuODcwMjkgOS41Mzc0MUwwLjMzMzAwOCA1LjAwMDE5TDQuODcwMjkgMC40NjI4OTFMNS42OTUyNCAxLjI4Nzg1TDIuNTY2MjYgNC40MTY4NVoiIGZpbGw9IiM0MDRCRjIiLz4KPC9zdmc+Cg==") center center/contain no-repeat;

    .rtl & {
      transform: rotate(180deg);
    }
  }
}

.wps-browser-name, .wps-platform-name {
  display: flex;
  align-items: center;
  gap: 6px;
}

.wps-wrap__top, .wps_comparison__head, .c-live {
  .wps-realtime-btn {
    background: #196140;
    padding: 8px;
    gap: 10px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.41px;
    color: #fff !important;
    display: flex;
    align-items: center;

    &:hover {
      background: rgb(25 97 64 / 80%);
    }

    &.disabled {
      background: #F9F9FA !important;
      color: #4F5461 !important;

      .rtl & {
        direction: rtl;
      }

      &:hover {
        background: #F3F3FA !important;
        color: #4A5161 !important;
      }

      &:after {
        width: 15px;
        height: 15px;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNDk5OTcgMS43Mjk5OEMzLjg0MTM2IDEuNzI5OTggMC44ODIzMjQgNC42ODkwMSAwLjg4MjMyNCA4LjM0NzYzQzAuODgyMzI0IDkuNzE4NDMgMS4yODg4NCAxMC45NzU4IDEuOTg4NDIgMTIuMDI1MUMzLjAwOTQzIDEzLjUzNzggNC42MjYwMiAxNC42MDYgNi41MDczMiAxNC44ODAyQzYuODI4NzUgMTQuOTM2OSA3LjE1OTY0IDE0Ljk2NTMgNy40OTk5NyAxNC45NjUzQzcuODQwMzEgMTQuOTY1MyA4LjE3MTE5IDE0LjkzNjkgOC40OTI2MiAxNC44ODAyQzEwLjM3MzkgMTQuNjA2IDExLjk5MDUgMTMuNTM3OCAxMy4wMTE1IDEyLjAyNTFDMTMuNzExMSAxMC45NzU4IDE0LjExNzYgOS43MTg0MyAxNC4xMTc2IDguMzQ3NjNDMTQuMTE3NiA0LjY4OTAxIDExLjE1ODYgMS43Mjk5OCA3LjQ5OTk3IDEuNzI5OThaTTEwLjM5MjggOC4xMzk2NEw5LjYwODE2IDguOTI0MzFDOS40NzU4MSA5LjA1NjY2IDkuNDAwMTggOS4zMTE5MSA5LjQ0NzQ1IDkuNTAwOTlMOS42NzQzNCAxMC40NzQ3QzkuODUzOTYgMTEuMjQwNSA5LjQ0NzQ1IDExLjU0MyA4Ljc2Njc4IDExLjEzNjVMNy44MjE0IDEwLjU3ODdDNy42NTEyMyAxMC40NzQ3IDcuMzY3NjIgMTAuNDc0NyA3LjE5NzQ1IDEwLjU3ODdMNi4yNTIwNyAxMS4xMzY1QzUuNTcxNCAxMS41MzM2IDUuMTY0ODkgMTEuMjQwNSA1LjM0NDUxIDEwLjQ3NDdMNS41NzE0IDkuNTAwOTlDNS42MDkyMiA5LjMyMTM3IDUuNTQzMDQgOS4wNTY2NiA1LjQxMDY5IDguOTI0MzFMNC42MDcxMSA4LjEzOTY0QzQuMTQzODggNy42NzY0MSA0LjI5NTE0IDcuMjEzMTcgNC45MzggNy4xMDkxOEw1Ljk0OTU1IDYuOTM5MDFDNi4xMTk3MiA2LjkxMDY1IDYuMzE4MjUgNi43NTkzOSA2LjM5Mzg4IDYuNjA4MTNMNi45NTE2NSA1LjQ5MjU5QzcuMjU0MTcgNC44ODc1NCA3Ljc0NTc3IDQuODg3NTQgOC4wNDgyOSA1LjQ5MjU5TDguNjA2MDYgNi42MDgxM0M4LjY4MTY5IDYuNzU5MzkgOC44ODAyMiA2LjkxMDY1IDkuMDU5ODQgNi45MzkwMUwxMC4wNzE0IDcuMTA5MThDMTAuNzA0OCA3LjIxMzE3IDEwLjg1NjEgNy42NzY0MSAxMC4zOTI4IDguMTM5NjRaIiBmaWxsPSIjNEE1MTYxIi8+Cjwvc3ZnPgo=") center center no-repeat;

        .rtl & {
          transform: rotate(0deg);
        }
      }

      &:before {
        width: 11px;
        height: 11px;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNzUgMTAuMTA0NlYyLjU5MTg4QzIuNzUgMi4yMzE4OSAzLjE0NTk4IDIuMDEyNDIgMy40NTEyNSAyLjIwMzIxTDkuNDYxNDYgNS45NTk2MkM5Ljc0ODcgNi4xMzkxIDkuNzQ4NyA2LjU1NzQyIDkuNDYxNDYgNi43MzY5NUwzLjQ1MTI1IDEwLjQ5MzNDMy4xNDU5OCAxMC42ODQxIDIuNzUgMTAuNDY0NyAyLjc1IDEwLjEwNDZaIiBmaWxsPSIjNEE1MTYxIi8+Cjwvc3ZnPgo=") center center no-repeat;
      }
    }

    &:after {
      content: '';
      width: 13px;
      height: 13px;
      display: inline-block;
      margin-left: -4px;
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMTAgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjkxNjY3IDEuNzVWMi44MzMzM0gxLjIwODMzVjguNzkxNjdINy4xNjY2N1Y2LjA4MzMzSDguMjVWOS4zMzMzM0M4LjI1IDkuNjMyNSA4LjAwNzUgOS44NzUgNy43MDgzMyA5Ljg3NUgwLjY2NjY2N0MwLjM2NzUxNSA5Ljg3NSAwLjEyNSA5LjYzMjUgMC4xMjUgOS4zMzMzM1YyLjI5MTY3QzAuMTI1IDEuOTkyNTIgMC4zNjc1MTUgMS43NSAwLjY2NjY2NyAxLjc1SDMuOTE2NjdaTTkuODc1IDAuMTI1VjQuNDU4MzNIOC43OTE2N0w4Ljc5MTYxIDEuOTczNzFMNC41NzA1MSA2LjE5NTUxTDMuODA0NDggNS40Mjk0OUw4LjAyNTE1IDEuMjA4MzNINS41NDE2N1YwLjEyNUg5Ljg3NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") center center no-repeat;

      .rtl & {
        transform: rotate(270deg);
        margin-left: 0;
        margin-right: -4px;
      }
    }

    &:before {
      content: '';
      width: 11px;
      height: 11px;
      display: inline-block;
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjgiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA4IDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4yNSA4Ljc1Njk5VjEuMjQ0MjJDMC4yNSAwLjg4NDIzNCAwLjY0NTk3NyAwLjY2NDc2MSAwLjk1MTI1IDAuODU1NTU2TDYuOTYxNDYgNC42MTE5NkM3LjI0ODcgNC43OTE0NCA3LjI0ODcgNS4yMDk3NiA2Ljk2MTQ2IDUuMzg5MjlMMC45NTEyNSA5LjE0NTY1QzAuNjQ1OTc3IDkuMzM2NDYgMC4yNSA5LjExNzAxIDAuMjUgOC43NTY5OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=") center center no-repeat;

      .rtl & {
        transform: rotate(180deg);
      }
    }

  }

}

.wps_comparison__head, .c-live {
  .wps-realtime-btn {
    background: #E8F0EC;
    color: #196140E5 !important;

    &:hover {
      background: #dee5e2;
    }

    &:before {
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjQ4MTIgOS44NDY4M1YyLjMzNDA3QzMuNDgxMiAxLjk3NDA4IDMuODc3MTggMS43NTQ2IDQuMTgyNDUgMS45NDU0TDEwLjE5MjcgNS43MDE4QzEwLjQ3OTkgNS44ODEyOSAxMC40Nzk5IDYuMjk5NjEgMTAuMTkyNyA2LjQ3OTE0TDQuMTgyNDUgMTAuMjM1NUMzLjg3NzE4IDEwLjQyNjMgMy40ODEyIDEwLjIwNjkgMy40ODEyIDkuODQ2ODNaIiBmaWxsPSIjMTk2MTQwIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8L3N2Zz4K") center center no-repeat;
    }

    &:after {
      background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjE0Nzg3IDMuODM5ODRWNC45MjMxOEgzLjQzOTUzVjEwLjg4MTVIOS4zOTc4N1Y4LjE3MzE4SDEwLjQ4MTJWMTEuNDIzMkMxMC40ODEyIDExLjcyMjMgMTAuMjM4NyAxMS45NjQ4IDkuOTM5NTMgMTEuOTY0OEgyLjg5Nzg3QzIuNTk4NzIgMTEuOTY0OCAyLjM1NjIgMTEuNzIyMyAyLjM1NjIgMTEuNDIzMlY0LjM4MTUxQzIuMzU2MiA0LjA4MjM2IDIuNTk4NzIgMy44Mzk4NCAyLjg5Nzg3IDMuODM5ODRINi4xNDc4N1pNMTIuMTA2MiAyLjIxNDg0VjYuNTQ4MThIMTEuMDIyOUwxMS4wMjI4IDQuMDYzNTVMNi44MDE3MSA4LjI4NTM2TDYuMDM1NjggNy41MTkzM0wxMC4yNTY0IDMuMjk4MThINy43NzI4N1YyLjIxNDg0SDEyLjEwNjJaIiBmaWxsPSIjMTk2MTQwIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8L3N2Zz4K") center center no-repeat;
    }

  }
}

@keyframes animated_bg_coparison {
  0% {
    transform: scale(1);
  }
  5%, 20%, 35%, 50%, 65%, 80%, 95% {
    transform: scale(1.1);
  }
  10%, 25%, 40%, 55%, 70%, 85%, 100% {
    transform: scale(1);
  }
}

.wps-flex-container {
  display: flex;
}

.wps-tab-link .wps-locked {
  color: #717375fa;
  cursor: pointer;
  align-items: center;

  &:hover {
    color: #717375fa !important;
    border-bottom: 2px solid #ADB4C1 !important;

    .wps-tooltip-icon.info {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDAwMTcgMC43MDcwMzFDMy4wNzMyOCAwLjcwNzAzMSAwLjcwNjA1NSAzLjA3NDI2IDAuNzA2MDU1IDYuMDAxMTVDMC43MDYwNTUgNy4wOTc3OSAxLjAzMTI2IDguMTAzNjcgMS41OTA5MyA4Ljk0MzE3QzIuNDA3NzQgMTAuMTUzMiAzLjcwMTAxIDExLjAwNzkgNS4yMDYwNSAxMS4yMjcyQzUuNDYzMiAxMS4yNzI2IDUuNzI3OSAxMS4yOTUzIDYuMDAwMTcgMTEuMjk1M0M2LjI3MjQ0IDExLjI5NTMgNi41MzcxNSAxMS4yNzI2IDYuNzk0MjkgMTEuMjI3MkM4LjI5OTMzIDExLjAwNzkgOS41OTI2MSAxMC4xNTMyIDEwLjQwOTQgOC45NDMxN0MxMC45NjkxIDguMTAzNjcgMTEuMjk0MyA3LjA5Nzc5IDExLjI5NDMgNi4wMDExNUMxMS4yOTQzIDMuMDc0MjYgOC45MjcwNiAwLjcwNzAzMSA2LjAwMDE3IDAuNzA3MDMxWk04LjMxNDQ2IDUuODM0NzZMNy42ODY3MyA2LjQ2MjQ5QzcuNTgwODQgNi41NjgzOCA3LjUyMDM0IDYuNzcyNTggNy41NTgxNiA2LjkyMzg0TDcuNzM5NjcgNy43MDI4M0M3Ljg4MzM3IDguMzE1NDMgNy41NTgxNiA4LjU1NzQ1IDcuMDEzNjIgOC4yMzIyNEw2LjI1NzMyIDcuNzg2MDJDNi4xMjExOCA3LjcwMjgzIDUuODk0MjkgNy43MDI4MyA1Ljc1ODE2IDcuNzg2MDJMNS4wMDE4NSA4LjIzMjI0QzQuNDU3MzIgOC41NDk4OSA0LjEzMjExIDguMzE1NDMgNC4yNzU4IDcuNzAyODNMNC40NTczMiA2LjkyMzg0QzQuNDg3NTcgNi43ODAxNCA0LjQzNDYzIDYuNTY4MzggNC4zMjg3NCA2LjQ2MjQ5TDMuNjg1ODkgNS44MzQ3NkMzLjMxNTMgNS40NjQxNyAzLjQzNjMxIDUuMDkzNTkgMy45NTA1OSA1LjAxMDM5TDQuNzU5ODQgNC44NzQyNkM0Ljg5NTk3IDQuODUxNTcgNS4wNTQ3OSA0LjczMDU2IDUuMTE1MyA0LjYwOTU1TDUuNTYxNTIgMy43MTcxMkM1LjgwMzUzIDMuMjMzMDggNi4xOTY4MSAzLjIzMzA4IDYuNDM4ODMgMy43MTcxMkw2Ljg4NTA1IDQuNjA5NTVDNi45NDU1NSA0LjczMDU2IDcuMTA0MzcgNC44NTE1NyA3LjI0ODA3IDQuODc0MjZMOC4wNTczMiA1LjAxMDM5QzguNTY0MDQgNS4wOTM1OSA4LjY4NTA1IDUuNDY0MTcgOC4zMTQ0NiA1LjgzNDc2WiIgZmlsbD0iI0FEQjRDMSIvPgo8L3N2Zz4K") !important;
    }
  }

  .wps-tooltip {
    margin-top: 1px !important;
    height: 12px;
  }

  .wps-tooltip-icon.info {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDAwMTcgMC43MDcwMzFDMy4wNzMyOCAwLjcwNzAzMSAwLjcwNjA1NSAzLjA3NDI2IDAuNzA2MDU1IDYuMDAxMTVDMC43MDYwNTUgNy4wOTc3OSAxLjAzMTI2IDguMTAzNjcgMS41OTA5MyA4Ljk0MzE3QzIuNDA3NzQgMTAuMTUzMiAzLjcwMTAxIDExLjAwNzkgNS4yMDYwNSAxMS4yMjcyQzUuNDYzMiAxMS4yNzI2IDUuNzI3OSAxMS4yOTUzIDYuMDAwMTcgMTEuMjk1M0M2LjI3MjQ0IDExLjI5NTMgNi41MzcxNSAxMS4yNzI2IDYuNzk0MjkgMTEuMjI3MkM4LjI5OTMzIDExLjAwNzkgOS41OTI2MSAxMC4xNTMyIDEwLjQwOTQgOC45NDMxN0MxMC45NjkxIDguMTAzNjcgMTEuMjk0MyA3LjA5Nzc5IDExLjI5NDMgNi4wMDExNUMxMS4yOTQzIDMuMDc0MjYgOC45MjcwNiAwLjcwNzAzMSA2LjAwMDE3IDAuNzA3MDMxWk04LjMxNDQ2IDUuODM0NzZMNy42ODY3MyA2LjQ2MjQ5QzcuNTgwODQgNi41NjgzOCA3LjUyMDM0IDYuNzcyNTggNy41NTgxNiA2LjkyMzg0TDcuNzM5NjcgNy43MDI4M0M3Ljg4MzM3IDguMzE1NDMgNy41NTgxNiA4LjU1NzQ1IDcuMDEzNjIgOC4yMzIyNEw2LjI1NzMyIDcuNzg2MDJDNi4xMjExOCA3LjcwMjgzIDUuODk0MjkgNy43MDI4MyA1Ljc1ODE2IDcuNzg2MDJMNS4wMDE4NSA4LjIzMjI0QzQuNDU3MzIgOC41NDk4OSA0LjEzMjExIDguMzE1NDMgNC4yNzU4IDcuNzAyODNMNC40NTczMiA2LjkyMzg0QzQuNDg3NTcgNi43ODAxNCA0LjQzNDYzIDYuNTY4MzggNC4zMjg3NCA2LjQ2MjQ5TDMuNjg1ODkgNS44MzQ3NkMzLjMxNTMgNS40NjQxNyAzLjQzNjMxIDUuMDkzNTkgMy45NTA1OSA1LjAxMDM5TDQuNzU5ODQgNC44NzQyNkM0Ljg5NTk3IDQuODUxNTcgNS4wNTQ3OSA0LjczMDU2IDUuMTE1MyA0LjYwOTU1TDUuNTYxNTIgMy43MTcxMkM1LjgwMzUzIDMuMjMzMDggNi4xOTY4MSAzLjIzMzA4IDYuNDM4ODMgMy43MTcxMkw2Ljg4NTA1IDQuNjA5NTVDNi45NDU1NSA0LjczMDU2IDcuMTA0MzcgNC44NTE1NyA3LjI0ODA3IDQuODc0MjZMOC4wNTczMiA1LjAxMDM5QzguNTY0MDQgNS4wOTM1OSA4LjY4NTA1IDUuNDY0MTcgOC4zMTQ0NiA1LjgzNDc2WiIgZmlsbD0iI0JGQzJDOSIvPgo8L3N2Zz4K");
    margin-bottom: 4px !important;
    width: 12px !important;
    min-width: 12px !important;
    height: 12px !important;
  }

}

.wps-tab-link.current {
  a.wps-locked {
    color: #ADB4C1 !important;
    border-bottom: 2px solid #ADB4C1 !important;

    .wps-tooltip-icon.info {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDAwMTcgMC43MDcwMzFDMy4wNzMyOCAwLjcwNzAzMSAwLjcwNjA1NSAzLjA3NDI2IDAuNzA2MDU1IDYuMDAxMTVDMC43MDYwNTUgNy4wOTc3OSAxLjAzMTI2IDguMTAzNjcgMS41OTA5MyA4Ljk0MzE3QzIuNDA3NzQgMTAuMTUzMiAzLjcwMTAxIDExLjAwNzkgNS4yMDYwNSAxMS4yMjcyQzUuNDYzMiAxMS4yNzI2IDUuNzI3OSAxMS4yOTUzIDYuMDAwMTcgMTEuMjk1M0M2LjI3MjQ0IDExLjI5NTMgNi41MzcxNSAxMS4yNzI2IDYuNzk0MjkgMTEuMjI3MkM4LjI5OTMzIDExLjAwNzkgOS41OTI2MSAxMC4xNTMyIDEwLjQwOTQgOC45NDMxN0MxMC45NjkxIDguMTAzNjcgMTEuMjk0MyA3LjA5Nzc5IDExLjI5NDMgNi4wMDExNUMxMS4yOTQzIDMuMDc0MjYgOC45MjcwNiAwLjcwNzAzMSA2LjAwMDE3IDAuNzA3MDMxWk04LjMxNDQ2IDUuODM0NzZMNy42ODY3MyA2LjQ2MjQ5QzcuNTgwODQgNi41NjgzOCA3LjUyMDM0IDYuNzcyNTggNy41NTgxNiA2LjkyMzg0TDcuNzM5NjcgNy43MDI4M0M3Ljg4MzM3IDguMzE1NDMgNy41NTgxNiA4LjU1NzQ1IDcuMDEzNjIgOC4yMzIyNEw2LjI1NzMyIDcuNzg2MDJDNi4xMjExOCA3LjcwMjgzIDUuODk0MjkgNy43MDI4MyA1Ljc1ODE2IDcuNzg2MDJMNS4wMDE4NSA4LjIzMjI0QzQuNDU3MzIgOC41NDk4OSA0LjEzMjExIDguMzE1NDMgNC4yNzU4IDcuNzAyODNMNC40NTczMiA2LjkyMzg0QzQuNDg3NTcgNi43ODAxNCA0LjQzNDYzIDYuNTY4MzggNC4zMjg3NCA2LjQ2MjQ5TDMuNjg1ODkgNS44MzQ3NkMzLjMxNTMgNS40NjQxNyAzLjQzNjMxIDUuMDkzNTkgMy45NTA1OSA1LjAxMDM5TDQuNzU5ODQgNC44NzQyNkM0Ljg5NTk3IDQuODUxNTcgNS4wNTQ3OSA0LjczMDU2IDUuMTE1MyA0LjYwOTU1TDUuNTYxNTIgMy43MTcxMkM1LjgwMzUzIDMuMjMzMDggNi4xOTY4MSAzLjIzMzA4IDYuNDM4ODMgMy43MTcxMkw2Ljg4NTA1IDQuNjA5NTVDNi45NDU1NSA0LjczMDU2IDcuMTA0MzcgNC44NTE1NyA3LjI0ODA3IDQuODc0MjZMOC4wNTczMiA1LjAxMDM5QzguNTY0MDQgNS4wOTM1OSA4LjY4NTA1IDUuNDY0MTcgOC4zMTQ0NiA1LjgzNDc2WiIgZmlsbD0iI0FEQjRDMSIvPgo8L3N2Zz4K") !important;
    }
  }
}

.wps_page {
  .tooltipster-base {
    max-width: 98%;
    @media (min-width: 500px) {
      max-width: 398px;
    }
  }
}

.wps-notice {
  margin-bottom: 12px;
  gap: 8px;
  display: flex;
  border-radius: 8px;
  padding: 16px;

  &:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-flex;
    min-width: 16px;
    margin-top: 2px;
  }

  &--success {
    border: 1px solid #489E4E66;
    background: linear-gradient(0deg, rgba(72, 158, 78, 0.04), rgba(72, 158, 78, 0.04)), #FFFFFF;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTZDMy41ODE3MiAxNiAwIDEyLjQxODIgMCA4QzAgMy41ODE3MiAzLjU4MTcyIDAgOCAwQzEyLjQxODIgMCAxNiAzLjU4MTcyIDE2IDhDMTYgMTIuNDE4MiAxMi40MTgyIDE2IDggMTZaTTcuMjAyMDggMTEuMkwxMi44NTkgNS41NDMxNEwxMS43Mjc2IDQuNDExNzhMNy4yMDIwOCA4LjkzNzI4TDQuOTM5MzcgNi42NzQ0OEwzLjgwNzk5IDcuODA1OTJMNy4yMDIwOCAxMS4yWiIgZmlsbD0iIzQ4OUU0RSIvPgo8L3N2Zz4K") center center no-repeat;
    }

  }

  &--danger {
    background: linear-gradient(0deg, rgba(249, 89, 89, 0.04), rgba(249, 89, 89, 0.04)), #FFFFFF;
    border: 1px solid #F9595966;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTZDMy41ODE3MiAxNiAwIDEyLjQxODIgMCA4QzAgMy41ODE3MiAzLjU4MTcyIDAgOCAwQzEyLjQxODIgMCAxNiAzLjU4MTcyIDE2IDhDMTYgMTIuNDE4MiAxMi40MTgyIDE2IDggMTZaTTcuMiAxMC40VjEySDguOFYxMC40SDcuMlpNNy4yIDRWOC44SDguOFY0SDcuMloiIGZpbGw9IiNGOTU5NTkiLz4KPC9zdmc+Cg==") center center no-repeat;
    }
  }

  &--warning {
    background: linear-gradient(0deg, rgba(230, 140, 63, 0.04), rgba(230, 140, 63, 0.04)), #FFFFFF;
    border: 1px solid #E68C3F66;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjczNyAxLjM1Mjc4TDE1LjkxMzcgMTMuODkyN0MxNi4xMjM2IDE0LjI1NjIgMTUuOTk5IDE0LjcyMTEgMTUuNjM1NSAxNC45MzA5QzE1LjUyIDE0Ljk5NzYgMTUuMzg4OSAxNS4wMzI3IDE1LjI1NTUgMTUuMDMyN0gwLjc3NTYyMUMwLjM1NTg5IDE1LjAzMjcgMC4wMTU2MjUgMTQuNjkyNSAwLjAxNTYyNSAxNC4yNzI3QzAuMDE1NjI1IDE0LjEzOTMgMC4wNTA3NDQ0IDE0LjAwODMgMC4xMTc0NDkgMTMuODkyN0w3LjM1NzM5IDEuMzUyNzhDNy41NjcyMiAwLjk4OTI3OCA4LjAzMjA0IDAuODY0NzM4IDguMzk1NTUgMS4wNzQ2QzguNTExMDYgMS4xNDEzMSA4LjYwNzA1IDEuMjM3MjUgOC42NzM3IDEuMzUyNzhaTTcuMjU1NTUgMTEuMjMyOFYxMi43NTI3SDguNzc1NTRWMTEuMjMyOEg3LjI1NTU1Wk03LjI1NTU1IDUuOTEyNzZWOS43MTI3Nkg4Ljc3NTU0VjUuOTEyNzZINy4yNTU1NVoiIGZpbGw9IiNFNjhDM0YiLz4KPC9zdmc+Cg==") center center no-repeat;
    }
  }

  &--info {
    background: linear-gradient(0deg, rgba(48, 136, 236, 0.04), rgba(48, 136, 236, 0.04)), #FFFFFF;
    border: 1px solid #3088EC66;

    &:before {
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTZDMy41ODE3MiAxNiAwIDEyLjQxODIgMCA4QzAgMy41ODE3MiAzLjU4MTcyIDAgOCAwQzEyLjQxODIgMCAxNiAzLjU4MTcyIDE2IDhDMTYgMTIuNDE4MiAxMi40MTgyIDE2IDggMTZaTTcuMiAxMC40VjEySDguOFYxMC40SDcuMlpNNy4yIDRWOC44SDguOFY0SDcuMloiIGZpbGw9IiMzMDg4RUMiLz4KPC9zdmc+Cg==") center center no-repeat;
    }
  }

  &__title {
    color: #1E1E20;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    padding: 0;
    margin: 0 0 12px 0;
  }

  &__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #292D32;
    padding: 0;
    margin: 0;

    a {
      color: #10188D;

    }
  }
}

.wps-no-scroll {
  overflow: hidden;
  padding-right: var(--scrollbar-width);

  .rtl & {
    padding-right: unset;
    padding-left: var(--scrollbar-width);
  }
}

.wps-last-updated {
  background: #FAFAFB;
  padding: 4px 21px;
  border-radius: 3px;
  display: flex;
  align-items: center;

  span {
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    height: 15px;
    display: inline-flex;
    color: #717275;

    &:last-child {
      color: #0C0C0D;
      margin-left: 5px;

      .rtl & {
        margin-right: 5px;
        margin-left: 0;
      }

      &.wps-loading {
        width: 100px;
        margin-right: 5px;
        margin-left: 5px;
      }
    }
  }
}

span.wps_search-console_icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  display: inline-flex;
  background: url("data:image/svg+xml;base64, ") center center no-repeat;
  border: 1px solid #dadce0;
  border-radius: 3px;
  background-size: 100%;
}

.wps-no-result {
  height: auto !important;
}

.wps-wrap .wps-loading {
  background-color: #e0e0e0;
  background-image: linear-gradient(90deg, rgba(224, 224, 224, 0.6) 0%, rgba(245, 245, 245, 0.8) 50%, rgba(224, 224, 224, 0.6) 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
  display: inline-block;
  box-shadow: none !important;
  border: none !important;
  color: transparent !important;
}

@keyframes skeleton-animate-wave {
  0% {
    transform: translateX(-100%)
  }
  to {
    transform: translateX(100%)
  }
}

.wps_title .wps-button {
  &.wps-button--outline-primary {
    border-radius: 4px;
    padding: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    color: #404bf2;
    box-sizing: border-box;
    line-height: 14px;
    display: inline-block;
    border: 1px solid #404BF2;

    &:hover, &:focus, &:active {
      background: #D9DBFC;
      color: #404bf2;
    }

    &:disabled {
      background: #F5F6FE !important;
      border: 1px solid #404BF23D !important;
      color: #B2B2CF !important;
    }
  }
}

.wps-premium-btn {
  border: 1px solid #DADCE0;
  background: #FFFFFF;
  color: #1E1E20;
  border-radius: 3px;
  gap: 8px;
  padding: 4px 21px;
  display: inline-flex;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  align-items: center;
  cursor: pointer;

  &:hover {
    background-color: #eeeff1;
  }


  @media (max-width: 698px) {
    padding: 4px 12px !important;
  }

  &:after {
    content: '';
    display: inline-flex;
    width: 12px;
    min-width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgOC4wMDAwOUM1LjkzNDIgOC4wMDA0NyA1Ljg2ODk3IDcuOTg3ODYgNS44MDgwNSA3Ljk2Mjk4QzUuNzQ3MTMgNy45MzgwOSA1LjY5MTcyIDcuOTAxNDMgNS42NDUgNy44NTUwOUwyLjY0NSA0Ljg1NTA5QzIuNTUwODUgNC43NjA5NCAyLjQ5Nzk2IDQuNjMzMjQgMi40OTc5NiA0LjUwMDA5QzIuNDk3OTYgNC4zNjY5NCAyLjU1MDg1IDQuMjM5MjQgMi42NDUgNC4xNDUwOUMyLjczOTE1IDQuMDUwOTQgMi44NjY4NSAzLjk5ODA1IDMgMy45OTgwNUMzLjEzMzE1IDMuOTk4MDUgMy4yNjA4NSA0LjA1MDk0IDMuMzU1IDQuMTQ1MDlMNiA2Ljc5NTA5TDguNjQ1IDQuMTUwMDlDOC43NDA2NSA0LjA2ODE4IDguODYzNjkgNC4wMjUzOCA4Ljk4OTUzIDQuMDMwMjRDOS4xMTUzNiA0LjAzNTEgOS4yMzQ3MyA0LjA4NzI2IDkuMzIzNzggNC4xNzYzMUM5LjQxMjgzIDQuMjY1MzYgOS40NjQ5OSA0LjM4NDczIDkuNDY5ODUgNC41MTA1N0M5LjQ3NDcyIDQuNjM2NCA5LjQzMTkxIDQuNzU5NDQgOS4zNSA0Ljg1NTA5TDYuMzUgNy44NTUwOUM2LjI1Njg3IDcuOTQ3NDYgNi4xMzExNyA3Ljk5OTU0IDYgOC4wMDAwOVoiIGZpbGw9IiM2RjcwNzMiLz4KPC9zdmc+Cg==");
  }


  &.disabled {
    background: #f9f9fa;
    color: #707276;
    font-size: 12px;
    font-weight: 400;

    &:hover {
      background-color: #f9f9fa;
      color: #707276;
    }

    &:after {
      width: 12px;
      min-width: 12px;
      height: 12px;
      background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTYgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjgzMzQ3IDAuODgyODEyQzQuMTc0ODUgMC44ODI4MTIgMS4yMTU4MiAzLjg0MTg1IDEuMjE1ODIgNy41MDA0NkMxLjIxNTgyIDguODcxMjYgMS42MjIzMyAxMC4xMjg2IDIuMzIxOTEgMTEuMTc4QzMuMzQyOTIgMTIuNjkwNiA0Ljk1OTUyIDEzLjc1ODkgNi44NDA4MiAxNC4wMzNDNy4xNjIyNSAxNC4wODk3IDcuNDkzMTMgMTQuMTE4MSA3LjgzMzQ3IDE0LjExODFDOC4xNzM4IDE0LjExODEgOC41MDQ2OSAxNC4wODk3IDguODI2MTEgMTQuMDMzQzEwLjcwNzQgMTMuNzU4OSAxMi4zMjQgMTIuNjkwNiAxMy4zNDUgMTEuMTc4QzE0LjA0NDYgMTAuMTI4NiAxNC40NTExIDguODcxMjYgMTQuNDUxMSA3LjUwMDQ2QzE0LjQ1MTEgMy44NDE4NSAxMS40OTIxIDAuODgyODEyIDcuODMzNDcgMC44ODI4MTJaTTEwLjcyNjMgNy4yOTI0OEw5Ljk0MTY2IDguMDc3MTRDOS44MDkzMSA4LjIwOTQ5IDkuNzMzNjggOC40NjQ3NSA5Ljc4MDk1IDguNjUzODJMMTAuMDA3OCA5LjYyNzU2QzEwLjE4NzUgMTAuMzkzMyA5Ljc4MDk1IDEwLjY5NTggOS4xMDAyNyAxMC4yODkzTDguMTU0OSA5LjczMTU1QzcuOTg0NzMgOS42Mjc1NiA3LjcwMTEyIDkuNjI3NTYgNy41MzA5NSA5LjczMTU1TDYuNTg1NTcgMTAuMjg5M0M1LjkwNDkgMTAuNjg2NCA1LjQ5ODM4IDEwLjM5MzMgNS42NzgwMSA5LjYyNzU2TDUuOTA0OSA4LjY1MzgyQzUuOTQyNzEgOC40NzQyIDUuODc2NTMgOC4yMDk0OSA1Ljc0NDE4IDguMDc3MTRMNC45NDA2MSA3LjI5MjQ4QzQuNDc3MzcgNi44MjkyNCA0LjYyODY0IDYuMzY2MDEgNS4yNzE0OSA2LjI2MjAxTDYuMjgzMDUgNi4wOTE4NUM2LjQ1MzIyIDYuMDYzNDkgNi42NTE3NCA1LjkxMjIyIDYuNzI3MzggNS43NjA5Nkw3LjI4NTE1IDQuNjQ1NDJDNy41ODc2NyA0LjA0MDM4IDguMDc5MjcgNC4wNDAzOCA4LjM4MTc5IDQuNjQ1NDJMOC45Mzk1NiA1Ljc2MDk2QzkuMDE1MTkgNS45MTIyMiA5LjIxMzcyIDYuMDYzNDkgOS4zOTMzNCA2LjA5MTg1TDEwLjQwNDkgNi4yNjIwMUMxMS4wMzgzIDYuMzY2MDEgMTEuMTg5NiA2LjgyOTI0IDEwLjcyNjMgNy4yOTI0OFoiIGZpbGw9IiNCRkMyQzkiLz4KPC9zdmc+Cg==) center center/contain no-repeat;
    }
  }

  &:before {
    content: '';
    display: inline-flex;
    width: 20px;
    min-width: 20px;
    height: 20px;
  }

  &__export {
    &:before {
      margin-right: -4px;
      background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTk1ODIgMTIuNTUxM0M5LjkwNjUyIDEyLjU1MTMgOS44MjM0NiAxMi41MzUzIDkuNzQ2NjYgMTIuNTAzMkM5LjY2OTg1IDEyLjQ3MTMgOS41OTkzNyAxMi40MjMyIDkuNTM1MiAxMi4zNTlMNi45ODU2MSA5LjgwOTQ2QzYuODc1NjEgOS43MDA3MSA2LjgyMTM4IDkuNTczMzUgNi44MjI5MSA5LjQyNzM3QzYuODI0NTcgOS4yODE0IDYuODgyNDIgOS4xNTA3MSA2Ljk5NjQ1IDkuMDM1MjlDNy4xMTg1MyA4LjkyMDAxIDcuMjQ5NSA4Ljg2MzY5IDcuMzg5MzYgOC44NjYzM0M3LjUyOTM3IDguODY4OTcgNy42NTcwNyA4LjkyOCA3Ljc3MjQ5IDkuMDQzNDJMOS40NTgzMiAxMC43NTAxVjMuOTU4NDFDOS40NTgzMiAzLjgwNDY2IDkuNTA5NzggMy42NzU5OCA5LjYxMjcgMy41NzIzN0M5LjcxNTQ4IDMuNDY4NjIgOS44NDMxMiAzLjQxNjc1IDkuOTk1NjIgMy40MTY3NUMxMC4xNDgxIDMuNDE2NzUgMTAuMjc3MiAzLjQ2ODYyIDEwLjM4MjkgMy41NzIzN0MxMC40ODg3IDMuNjc1OTggMTAuNTQxNyAzLjgwNDY2IDEwLjU0MTcgMy45NTg0MVYxMC43NTAxTDEyLjI0ODMgOS4wNDM0MkMxMi4zNTM3IDguOTMzNDIgMTIuNDc4OSA4Ljg3OTE4IDEyLjYyMzkgOC44ODA3MUMxMi43Njg4IDguODgyMzcgMTIuOTAyMyA4Ljk0MDg1IDEzLjAyNDQgOS4wNTYxMkMxMy4xMzg0IDkuMTcxNTQgMTMuMTk0MSA5LjMwMDU3IDEzLjE5MTQgOS40NDMyMUMxMy4xODg4IDkuNTg1ODQgMTMuMTI5OCA5LjcxNDg3IDEzLjAxNDQgOS44MzAyOUwxMC40NjQ4IDEyLjM1OUMxMC4zOTUxIDEyLjQyMzIgMTAuMzIxOCAxMi40NzEzIDEwLjI0NSAxMi41MDMyQzEwLjE2ODIgMTIuNTM1MyAxMC4wODUxIDEyLjU1MTMgOS45OTU4MiAxMi41NTEzWk01Ljc1MDYxIDE1LjU4MzRDNS4zNzUyIDE1LjU4MzQgNS4wNTkwMiAxNS40NTM5IDQuODAyMDcgMTUuMTk0OUM0LjU0NTEzIDE0LjkzNTggNC40MTY2NiAxNC42MTg4IDQuNDE2NjYgMTQuMjQzNlYxMy41MjU3QzQuNDE2NjYgMTMuMzcyIDQuNDY4MTEgMTMuMjQzMyA0LjU3MTAzIDEzLjEzOTdDNC42NzM4MSAxMy4wMzU5IDQuODAxNDUgMTIuOTg0IDQuOTUzOTUgMTIuOTg0QzUuMTA2NDUgMTIuOTg0IDUuMjM1NTUgMTMuMDM1OSA1LjM0MTI0IDEzLjEzOTdDNS40NDcwNyAxMy4yNDMzIDUuNDk5OTkgMTMuMzcyIDUuNDk5OTkgMTMuNTI1N1YxNC4yNDM2QzUuNDk5OTkgMTQuMzA3OCA1LjUyNjczIDE0LjM2NjUgNS41ODAyIDE0LjQxOTlDNS42MzM1MyAxNC40NzMzIDUuNjkyMjggMTQuNTAwMSA1Ljc1NjQ1IDE0LjUwMDFIMTQuMjQzNUMxNC4zMDc3IDE0LjUwMDEgMTQuMzY2NCAxNC40NzMzIDE0LjQxOTggMTQuNDE5OUMxNC40NzMzIDE0LjM2NjUgMTQuNSAxNC4zMDc4IDE0LjUgMTQuMjQzNlYxMy41MjU3QzE0LjUgMTMuMzcyIDE0LjU1MTQgMTMuMjQzMyAxNC42NTQyIDEzLjEzOTdDMTQuNzU3MSAxMy4wMzU5IDE0Ljg4NDggMTIuOTg0IDE1LjAzNzMgMTIuOTg0QzE1LjE4OTggMTIuOTg0IDE1LjMxODkgMTMuMDM1OSAxNS40MjQ2IDEzLjEzOTdDMTUuNTMwNCAxMy4yNDMzIDE1LjU4MzMgMTMuMzcyIDE1LjU4MzMgMTMuNTI1N1YxNC4yNDM2QzE1LjU4MzMgMTQuNjE4OCAxNS40NTM3IDE0LjkzNTggMTUuMTk0NiAxNS4xOTQ5QzE0LjkzNTQgMTUuNDUzOSAxNC42MTgxIDE1LjU4MzQgMTQuMjQyNyAxNS41ODM0SDUuNzUwNjFaIiBmaWxsPSIjMUUxRTIwIi8+Cjwvc3ZnPgo=");

      .rtl & {
        margin-right: 0;
        margin-left: 4px;
      }
    }

    &.disabled {
      &:before {
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTk1ODIgMTIuNTUxM0M5LjkwNjUyIDEyLjU1MTMgOS44MjM0NiAxMi41MzUzIDkuNzQ2NjYgMTIuNTAzMkM5LjY2OTg1IDEyLjQ3MTMgOS41OTkzNyAxMi40MjMyIDkuNTM1MiAxMi4zNTlMNi45ODU2MSA5LjgwOTQ2QzYuODc1NjEgOS43MDA3MSA2LjgyMTM4IDkuNTczMzUgNi44MjI5MSA5LjQyNzM3QzYuODI0NTcgOS4yODE0IDYuODgyNDIgOS4xNTA3MSA2Ljk5NjQ1IDkuMDM1MjlDNy4xMTg1MyA4LjkyMDAxIDcuMjQ5NSA4Ljg2MzY5IDcuMzg5MzYgOC44NjYzM0M3LjUyOTM3IDguODY4OTcgNy42NTcwNyA4LjkyOCA3Ljc3MjQ5IDkuMDQzNDJMOS40NTgzMiAxMC43NTAxVjMuOTU4NDFDOS40NTgzMiAzLjgwNDY2IDkuNTA5NzggMy42NzU5OCA5LjYxMjcgMy41NzIzN0M5LjcxNTQ4IDMuNDY4NjIgOS44NDMxMiAzLjQxNjc1IDkuOTk1NjIgMy40MTY3NUMxMC4xNDgxIDMuNDE2NzUgMTAuMjc3MiAzLjQ2ODYyIDEwLjM4MjkgMy41NzIzN0MxMC40ODg3IDMuNjc1OTggMTAuNTQxNyAzLjgwNDY2IDEwLjU0MTcgMy45NTg0MVYxMC43NTAxTDEyLjI0ODMgOS4wNDM0MkMxMi4zNTM3IDguOTMzNDIgMTIuNDc4OSA4Ljg3OTE4IDEyLjYyMzkgOC44ODA3MUMxMi43Njg4IDguODgyMzcgMTIuOTAyMyA4Ljk0MDg1IDEzLjAyNDQgOS4wNTYxMkMxMy4xMzg0IDkuMTcxNTQgMTMuMTk0MSA5LjMwMDU3IDEzLjE5MTQgOS40NDMyMUMxMy4xODg4IDkuNTg1ODQgMTMuMTI5OCA5LjcxNDg3IDEzLjAxNDQgOS44MzAyOUwxMC40NjQ4IDEyLjM1OUMxMC4zOTUxIDEyLjQyMzIgMTAuMzIxOCAxMi40NzEzIDEwLjI0NSAxMi41MDMyQzEwLjE2ODIgMTIuNTM1MyAxMC4wODUxIDEyLjU1MTMgOS45OTU4MiAxMi41NTEzWk01Ljc1MDYxIDE1LjU4MzRDNS4zNzUyIDE1LjU4MzQgNS4wNTkwMiAxNS40NTM5IDQuODAyMDcgMTUuMTk0OUM0LjU0NTEzIDE0LjkzNTggNC40MTY2NiAxNC42MTg4IDQuNDE2NjYgMTQuMjQzNlYxMy41MjU3QzQuNDE2NjYgMTMuMzcyIDQuNDY4MTEgMTMuMjQzMyA0LjU3MTAzIDEzLjEzOTdDNC42NzM4MSAxMy4wMzU5IDQuODAxNDUgMTIuOTg0IDQuOTUzOTUgMTIuOTg0QzUuMTA2NDUgMTIuOTg0IDUuMjM1NTUgMTMuMDM1OSA1LjM0MTI0IDEzLjEzOTdDNS40NDcwNyAxMy4yNDMzIDUuNDk5OTkgMTMuMzcyIDUuNDk5OTkgMTMuNTI1N1YxNC4yNDM2QzUuNDk5OTkgMTQuMzA3OCA1LjUyNjczIDE0LjM2NjUgNS41ODAyIDE0LjQxOTlDNS42MzM1MyAxNC40NzMzIDUuNjkyMjggMTQuNTAwMSA1Ljc1NjQ1IDE0LjUwMDFIMTQuMjQzNUMxNC4zMDc3IDE0LjUwMDEgMTQuMzY2NCAxNC40NzMzIDE0LjQxOTggMTQuNDE5OUMxNC40NzMzIDE0LjM2NjUgMTQuNSAxNC4zMDc4IDE0LjUgMTQuMjQzNlYxMy41MjU3QzE0LjUgMTMuMzcyIDE0LjU1MTQgMTMuMjQzMyAxNC42NTQyIDEzLjEzOTdDMTQuNzU3MSAxMy4wMzU5IDE0Ljg4NDggMTIuOTg0IDE1LjAzNzMgMTIuOTg0QzE1LjE4OTggMTIuOTg0IDE1LjMxODkgMTMuMDM1OSAxNS40MjQ2IDEzLjEzOTdDMTUuNTMwNCAxMy4yNDMzIDE1LjU4MzMgMTMuMzcyIDE1LjU4MzMgMTMuNTI1N1YxNC4yNDM2QzE1LjU4MzMgMTQuNjE4OCAxNS40NTM3IDE0LjkzNTggMTUuMTk0NiAxNS4xOTQ5QzE0LjkzNTQgMTUuNDUzOSAxNC42MTgxIDE1LjU4MzQgMTQuMjQyNyAxNS41ODM0SDUuNzUwNjFaIiBmaWxsPSIjNjQ2QTdBIi8+Cjwvc3ZnPgo=");
      }
    }
  }
}

.export-overlay {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 2;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, .25);
}

.export-overlay.active {
  display: block;
}

body:has(.export-overlay.active) #wpadminbar {
  z-index: 1;
}

.wps-export-dropdown {
  position: absolute;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07);
  z-index: 20;
  padding: 16px;
  top: 49px;
  right: 0;
  min-width: 188px;
  display: none;

  .rtl & {
    right: unset;
    left: 0;
  }


  & > span {
    color: #1E1E20;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 12px;
    display: block;
  }

  ul {
    margin: 0;

    li {
      margin: 0;
      padding: 0;
    }

    a {
      border-radius: 3px;
      gap: 4px;
      padding: 12px 10px;
      display: inline-flex;
      align-items: center;
      color: #1E1E20;
      font-weight: 400;
      font-size: 12px;
      line-height: 24px;
      width: 100%;
      box-sizing: border-box;
      height: 32px;

      span:not(.wps-export-loading) {
        display: flex;
        gap: 4px;
        align-items: center;
      }

      &:focus {
        box-shadow: 0 0 0 1px #ffffff;
      }

      &:hover {
        color: #666FF5;

        svg path {
          fill: #666FF5;
        }
      }


      &.disabled {
        pointer-events: none;
        background: #F9F9FA;
        color: #646A7A;

        svg path {
          fill: #646A7A;
        }

        &:hover {
          background: #F3F3FA;
          color: #4A5161;

          svg path {
            fill: #4A5161;
          }
        }
      }

      .wps-export-loading {
        display: none;
      }

      &.loading {
        color: #666FF5;
        pointer-events: none;

        span:not(.wps-export-loading) {
          display: none
        }

        .wps-export-loading {
          display: flex;
          align-items: center;
          gap: 4px;
        }

        .spinner {
          width: 16px;
          height: 16px;
          margin: 0 4px 0 0;

          .rtl & {
            margin-right: 0;
            margin-left: 4px;
          }

          &:before {
            content: '';
            width: 20px;
            min-width: 20px;
            animation: spin 0.8s linear infinite;
            height: 20px;
            display: inline-block;
            visibility: visible;
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUwMDQgMTUuNzkxNkM4Ljg5MjUgMTUuNzkxNiA3LjUxNDg2IDE1LjIyIDYuMzY3NSAxNC4wNzY4QzUuMjIgMTIuOTMzNiA0LjY2NzA4IDExLjUzMyA0LjcwODc1IDkuODc0OTJWOS4zNzAxM0wzLjY4OTU4IDEwLjM4OTNDMy41NzQxNyAxMC41MDQ3IDMuNDQ2NDYgMTAuNTYzNyAzLjMwNjQ2IDEwLjU2NjRDMy4xNjY2IDEwLjU2OSAzLjAzNjI1IDEwLjUxIDIuOTE1NDIgMTAuMzg5M0MyLjc5NDcyIDEwLjI2ODYgMi43MzQzOCAxMC4xMzk2IDIuNzM0MzggMTAuMDAyNEMyLjczNDM4IDkuODY1MDYgMi43OTQ3MiA5LjczNjAzIDIuOTE1NDIgOS42MTUzNEw0Ljc4NTYyIDcuNzQ1MTNDNC45MjI0MyA3LjYwODMyIDUuMDc3MzYgNy41Mzk5MiA1LjI1MDQyIDcuNTM5OTJDNS40MjM0NyA3LjUzOTkyIDUuNTc4NCA3LjYwODMyIDUuNzE1MjEgNy43NDUxM0w3LjU4NTQyIDkuNjE1MzRDNy43MDA2OSA5LjczMDc1IDcuNzU5NzIgOS44NTQ5MiA3Ljc2MjUgOS45ODc4NEM3Ljc2NTE0IDEwLjEyMDkgNy43MDYxMSAxMC4yNDc4IDcuNTg1NDIgMTAuMzY4NUM3LjQ2NDU4IDEwLjQ4OTIgNy4zMzU1NiAxMC41NDk1IDcuMTk4MzMgMTAuNTQ5NUM3LjA2MTExIDEwLjU0OTUgNi45MzIwOCAxMC40ODkyIDYuODExMjUgMTAuMzY4NUw1Ljc5MjA4IDkuMzcwMTNWOS44NzQ5MkM1Ljc2NDMxIDExLjIzOTIgNi4yMTQ4NiAxMi4zODU5IDcuMTQzNzUgMTMuMzE0OUM4LjA3Mjc4IDE0LjI0MzggOS4xOTE2NyAxNC43MDgzIDEwLjUwMDQgMTQuNzA4M0MxMC42ODg1IDE0LjcwODMgMTAuODc5MiAxNC42OTUyIDExLjA3MjUgMTQuNjY5MUMxMS4yNjYgMTQuNjQyOCAxMS40NTI0IDE0LjYxMDUgMTEuNjMxOSAxNC41NzJDMTEuNzgxNSAxNC41NDY0IDExLjkyNDYgMTQuNTYyNSAxMi4wNjEyIDE0LjYyMDFDMTIuMTk4MSAxNC42Nzc4IDEyLjI5MjEgMTQuNzc3MSAxMi4zNDMzIDE0LjkxODNDMTIuMzk0NiAxNS4wNTM5IDEyLjM4NTggMTUuMTg1MyAxMi4zMTY5IDE1LjMxMjRDMTIuMjQ4IDE1LjQzOTUgMTIuMTQ1NyAxNS41MjI4IDEyLjAxIDE1LjU2MjRDMTEuNzY1NCAxNS42MzE5IDExLjUyMDggMTUuNjg3NCAxMS4yNzYgMTUuNzI5MUMxMS4wMzE1IDE1Ljc3MDggMTAuNzcyOSAxNS43OTE2IDEwLjUwMDQgMTUuNzkxNlpNMTAuNTAwNCA1LjI5MTU5QzEwLjMxMjQgNS4yOTE1OSAxMC4xMjE3IDUuMzA0NjQgOS45MjgzMyA1LjMzMDc1QzkuNzM0ODYgNS4zNTcgOS41NDg0IDUuMzg5MzYgOS4zNjg5NiA1LjQyNzgzQzkuMjE5MzggNS40NTMzOSA5LjA3NzU3IDUuNDM3MzUgOC45NDM1NCA1LjM3OTcxQzguODA5NTEgNS4zMjIwNyA4LjcyMzc1IDUuMjIyNyA4LjY4NjI1IDUuMDgxNThDOC42NDg4OSA0Ljk0MDYxIDguNjU2MzkgNC44MDY1OSA4LjcwODc1IDQuNjc5NUM4Ljc2MTExIDQuNTUyMjggOC44NTc3OCA0LjQ2ODk1IDguOTk4NzUgNC40Mjk1QzkuMjM4MDYgNC4zNjAwNiA5LjQ4NDg2IDQuMzA1ODIgOS43MzkxNyA0LjI2Njc5QzkuOTkzNDcgNC4yMjc3NyAxMC4yNDcyIDQuMjA4MjUgMTAuNTAwNCA0LjIwODI1QzEyLjEyMjIgNC4yMDgyNSAxMy41MDMzIDQuNzc5ODUgMTQuNjQzOCA1LjkyMzA0QzE1Ljc4NDMgNy4wNjYyNCAxNi4zMzM4IDguNDY2ODYgMTYuMjkyMSAxMC4xMjQ5VjEwLjYyOTdMMTcuMzExMyA5LjYxMDU0QzE3LjQyNjcgOS40OTUxMyAxNy41NTQ0IDkuNDM2MSAxNy42OTQ0IDkuNDMzNDZDMTcuODM0MiA5LjQzMDgyIDE3Ljk2NDYgOS40ODk4NSAxOC4wODU0IDkuNjEwNTRDMTguMjA2MSA5LjczMTI0IDE4LjI2NjUgOS44NjAyIDE4LjI2NjUgOS45OTc0MkMxOC4yNjY1IDEwLjEzNDggMTguMjA2MSAxMC4yNjM4IDE4LjA4NTQgMTAuMzg0NUwxNi4yMTUyIDEyLjI1NDdDMTYuMDc4NCAxMi4zOTE1IDE1LjkyMzUgMTIuNDU5OSAxNS43NTA0IDEyLjQ1OTlDMTUuNTc3NCAxMi40NTk5IDE1LjQyMjQgMTIuMzkxNSAxNS4yODU2IDEyLjI1NDdMMTMuNDE1NCAxMC4zODQ1QzEzLjMwMDEgMTAuMjY5MSAxMy4yNDQ2IDEwLjE0MTQgMTMuMjQ4NyAxMC4wMDE2QzEzLjI1MzEgOS44NjE1OSAxMy4zMTU2IDkuNzMxMjQgMTMuNDM2MyA5LjYxMDU0QzEzLjU1NzEgOS40ODk4NSAxMy42ODYxIDkuNDI5NSAxMy44MjMzIDkuNDI5NUMxMy45NjA2IDkuNDI5NSAxNC4wODk2IDkuNDg5ODUgMTQuMjEwNCA5LjYxMDU0TDE1LjIwODggMTAuNjI5N1YxMC4xMjQ5QzE1LjIzNjUgOC43NjA2MSAxNC43ODYgNy42MTM5NSAxMy44NTcxIDYuNjg0OTJDMTIuOTI4MSA1Ljc1NjAzIDExLjgwOTIgNS4yOTE1OSAxMC41MDA0IDUuMjkxNTlaIiBmaWxsPSIjNjY2RkY1Ii8+Cjwvc3ZnPgo=")
          }
        }

        svg path {
          fill: #666FF5;
        }
      }
    }
  }
}

.wps-export-dropdown.active {
  display: block;
}


.wps-head-filters.drop-down-open {
  z-index: 3;

  .c-pages-date-range, .wps-dropdown, .wps-modal-filter, .wps-last-updated, .wps-realtime-btn {
    pointer-events: none;
    opacity: .5;
    filter: blur(2px);
  }
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
