// Define color variables
$grayOne: #151515;
$grayTwo: #616060;
$grayThree: #d9d9d9;
$graySix: #eeeeee;
$grayFour: #f3f3f3;
$grayFive: #f8f8f8;
$wpBlue: #2b76f6;
$Green: #24cb7d;
$brand: #e8294c;
$lightBrand: #fccfd4;
$veryLightBrand: #fff4f5;
$error: #ff3636;

@import "./charts.scss";

:root {
  --box-bar-color: #eff6ff;
}

body {
  &.toplevel_page_slimview1,
  &.slimstat_page_slimview2,
  &.slimstat_page_slimview3,
  &.slimstat_page_slimview4,
  &.slimstat_page_slimview5,
  &.slimstat_page_slimconfig,
  &.slimstat_page_slimpro,
  &.slimstat_page_slimlayout {
    background: #f5f6fa !important;
  }
}

#slimstat-load-saved-filters {
  margin: 0 5px !important;
}

body.index-php {
  .slimstat-tooltip-bar-wrap {
    margin: 0 5px !important;
  }

  .slimstat-tooltip-trigger:has(.slimstat-tooltip-bar-wrap) {
    border: none !important;
  }

  span.slimstat-tooltip-bar {
    display: block;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
    background-color: var(--box-bar-color);
    border-radius: 6px;
  }

  .postbox p.slimstat-tooltip-trigger {
    margin-bottom: 4px;
    margin-top: 4px;
  }

  .slimstat-browser-icon,
  span.slimstat-flag-container {
    position: relative !important;
    width: 18px;
    height: auto !important;
    float: left !important;
    margin: 0px 10px 0px 0px;
    transform: translateY(1px);
    border-radius: 60px;
  }

  .slimstat-author-link {
    img {
      position: relative !important;
      width: 18px;
      height: auto !important;
      float: left !important;
      margin: 0px 10px 0px 0px;
      transform: translateY(1px);
      border-radius: 60px;
    }
  }

  .slimstat-tooltip-trigger {
    .slimstat-tooltip-bar-wrap {
      z-index: 0 !important;
      position: absolute;
      display: block;
      width: calc(100% - 30px);
      height: 100%;
      top: 0;
      left: 0;
      margin: 0px 15px;
      box-sizing: border-box;
    }

    * {
      z-index: 2 !important;
      position: relative;
    }

    a {
      max-width: 80%;
      display: inline-block;
      color: #202224;
      font-weight: 600;
      vertical-align: middle;
      font-size: 12px;
    }
  }

  .inside:has(.map-container) {
    height: auto !important;
  }

  .map-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 20px;
    height: 720px !important;
  }

  #map_slim_p6_01 {
    width: 100%;
    height: 395px;
    min-height: 395px;
    flex: 1;

    @media (max-width: 768px) {
      height: 310px;
      min-height: 310px;
      max-height: 310px;
    }
  }

  .top-countries-wrap {
    min-width: 370px;
    max-width: 370px;
    margin-left: 0px;
    display: flex;
    justify-content: center;
    // align-items: center;

    @media (max-width: 768px) {
      margin-left: 0;
      min-width: 100%;
      max-width: 100%;
    }
  }

  .top-countries {
    flex: 1;

    h4 {
      font-weight: 700;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: -0.43px;
    }
  }

  .country-bar {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    height: 36px;

    .country-flag-container {
      width: 24px;
      height: 24px;
      border-radius: 100px;
      overflow: hidden;
      margin: 0px 10px 0 0px;
      display: inline-block;
      min-width: 24px;
    }

    strong {
      font-weight: 700;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 0px;
      vertical-align: middle;
      position: absolute;
      top: 3px;
      left: 43px;
      color: #202224;
    }

    span {
      color: #202224;
      font-weight: 800;
      font-size: 12px;
      line-height: 100%;
      letter-spacing: 0px;
      vertical-align: middle;
      margin-left: 5px;
      margin-top: 23px;
    }
  }

  .country-flag {
    height: auto;
    transform: translateX(-13%);
  }

  .bar-container {
    background-color: #e5e6e9;
    height: 8px;
    width: 100%;
    margin-left: 10px;
    border-radius: 4px;
    margin-top: 25px;
    overflow: hidden;
  }

  .bar-fill {
    height: 100%;
    background-color: #e7294b;
  }

  .map-container {
    flex-direction: column;
  }
  .top-countries {
    margin-left: 0;
    margin-top: 20px;
  }
}

[id^="slim_"] .inside:has(.slimstat-postbox-chart--canvas) {
  margin-bottom: 20px !important;
  height: 265px !important;
  .slimstat-postbox-chart--canvas {
    height: 240px !important;
    width: 100% !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }
}

// FIXME: Remove this in the next version of Pro
#slim_p8_01 .inside,
#slim_p8_02 .inside,
.report-pages-by-user .inside {
  margin-bottom: 10px !important;
}
// FIXME: Remove this in the next version of Pro
#slim_p8_01 .pagination,
#slim_p8_02 .pagination,
.report-pages-by-user .pagination {
  position: relative !important;
}

.wrap.slimstat {
  overflow-x: hidden !important;

  .postbox:has(p.loading) a.refresh svg {
    animation: spin 1s linear infinite;
  }

  .map-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 20px;

    @media (min-width: 782px) {
      overflow: hidden;
      height: 370px;
    }
  }

  #map_slim_p6_01 {
    width: 100%;
    height: 395px;
    min-height: 395px;
    flex: 1;

    @media (max-width: 768px) {
      height: 310px;
      min-height: 310px;
      max-height: 310px;
    }
  }

  .top-countries-wrap {
    min-width: 430px;
    max-width: 430px;
    margin-left: 30px;
    display: flex;
    justify-content: center;
    // align-items: center;

    @media (max-width: 768px) {
      margin-left: 0;
      min-width: 100%;
      max-width: 100%;
    }
  }

  .top-countries {
    flex: 1;

    h4 {
      font-weight: 700;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: -0.43px;
    }
  }

  .country-bar {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    height: 36px;

    .country-flag-container {
      width: 24px;
      height: 24px;
      border-radius: 100px;
      overflow: hidden;
      margin: 0px 10px 0 0px;
      display: inline-block;
      min-width: 24px;
    }

    strong {
      font-weight: 700;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 0px;
      vertical-align: middle;
      position: absolute;
      top: 3px;
      left: 43px;
      color: #202224;
    }

    span {
      color: #202224;
      font-weight: 800;
      font-size: 12px;
      line-height: 100%;
      letter-spacing: 0px;
      vertical-align: middle;
      margin-left: 5px;
      margin-top: 23px;
    }
  }

  .country-flag {
    height: auto;
    transform: translateX(-13%);
  }

  .bar-container {
    background-color: #e5e6e9;
    height: 8px;
    width: 100%;
    margin-left: 10px;
    border-radius: 4px;
    margin-top: 25px;
    overflow: hidden;
  }

  .bar-fill {
    height: 100%;
    background-color: #e7294b;
  }

  @media (max-width: 768px) {
    .map-container {
      flex-direction: column;
    }
    .top-countries {
      margin-left: 0;
      margin-top: 20px;
    }
  }
}

body {
  &.index-php,
  &.toplevel_page_slimview1,
  &.slimstat_page_slimview2,
  &.slimstat_page_slimview3,
  &.slimstat_page_slimview4,
  &.slimstat_page_slimview5,
  &.slimstat_page_slimconfig,
  &.slimstat_page_slimpro,
  &.slimstat_page_slimlayout {
    .jqvmap-label {
      z-index: 999999;
      position: absolute !important;
      background-color: #2b2b2b !important;
      color: #ffffff !important;
      padding: 10px !important;
      transform: translateY(-15px) translateX(50%) !important;
      max-width: 280px !important;
      min-width: 50px !important;
      font-size: 1em !important;
      line-height: 1.5em !important;
      direction: ltr !important;
      border-radius: 8px !important;
      backdrop-filter: blur(34px) !important;
      box-shadow: 0px 2px 4px 0px #0000000a !important;

      & h3 {
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 100% !important;
        font-weight: bold !important;
        background-color: #2b2b2b !important;
        color: #ffffff !important;
        letter-spacing: 1px !important;
      }

      & p {
        font-family: Inter !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        line-height: 100% !important;
        letter-spacing: 1px !important;
        background-color: #2b2b2b !important;
        color: #ffffff !important;
      }

      & canvas {
        position: absolute;
        color: #2b2b2b !important;
        background: #2b2b2b !important;
        border: 0 dashed transparent;
        background-color: #2b2b2b !important;
        width: 12px !important;
        height: 12px !important;
        transform: rotate(135deg) translateX(0px) translateY(1px);
        line-height: unset !important;
        border-top-right-radius: 4px;
        display: inline-block;
        bottom: -5px;
        left: calc(50% - 6px);
      }
    }
  }
}

// .postbox.tall + .postbox.normal .inside {
//   height: 372px;
// }

.export-pro-badge {
  margin-left: 3px;
  margin-bottom: -5px;
}

// Old Styles
/* Links */
.wrap.slimstat a,
[id^="slim_"] a {
  outline: none;
  text-decoration: none;
}

[id^="slim_"] a.slimstat-delete-entry:before {
  color: $error;
}

.slimstat-float-right {
  float: right;
}

/* Filters */
#slimstat-filters-post {
  display: none;
}

#slimstat-filters-form {
  margin-top: 10px;
  padding: 5px;
  position: relative;
  border-radius: 5px;
}

#slimstat-filters input.text,
#slimstat-filters select {
  vertical-align: initial;
  width: 15%;
}

#screen-meta-links {
  position: absolute;
  right: 0;
  z-index: 1;

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

#slimstat-date-filters {
  padding: 4px 10px 6px 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: $brand;
  border-radius: 50px;
}

#slimstat-date-filters > a {
  color: #fff;
  white-space: nowrap;
}

#slimstat-date-filters > a::after {
  content: "\f140";
  font: normal 20px/1 "dashicons";
  vertical-align: bottom;
}

#slimstat-date-filters > a.open::after {
  content: "\f142";
}

#slimstat-date-filters .dropdown {
  background-color: #fff;
  box-shadow: 5px 0px 30px rgba(0, 0, 0, 0.1);
  color: #222;
  display: none;
  padding: 12px;
  position: absolute;
  right: -4px;
  top: 35px;
  width: 410px;
  z-index: 120;
  border-radius: 8px;

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

#slimstat-date-filters .dropdown strong {
  clear: both;
  display: block;
  font-weight: normal;
  padding: 10px 5px 5px 0;
  text-transform: uppercase;
}

#slimstat-date-filters .dropdown select,
#slimstat-date-filters .dropdown input {
  margin: 0 5px 5px 0;
  height: 27px;
  width: 130px;
}

#slimstat-date-filters .dropdown select.short,
#slimstat-date-filters .dropdown input.short {
  width: 65px;
}

#slimstat-date-filters .dropdown .ui-datepicker-trigger {
  float: right;
  margin: 2px 5px 0 0;

  .rtl & {
    margin: 2px 0 0 5px;
  }
}

#slimstat-current-filters {
  margin-bottom: 5px;
  background-color: white;
  color: #616060;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 10px;
  position: relative;
  border-radius: 5px;
  margin-top: 0px;
  border: solid 1px #f0f0f0;

  @media (max-width: 400px) {
    .button-secondary {
      margin: 2px auto;
    }
  }
}

#slimstat-current-filters .slimstat-remove-filter {
  color: #fff;
}

#slimstat-current-filters .slimstat-filter-list {
  float: left;
  margin: 0;
  padding: 4px 0 5px 5px;
}

#slimstat-current-filters .slimstat-filter-list li {
  display: inline;
  margin: 0 20px 0 0;
  vertical-align: middle;
}

.slimstat-filter-action-button {
  float: right;
  margin-left: 10px !important;
}

/* Reports: Container */
.wrap.slimstat .meta-box-sortables {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -1.3%;

  @media (max-width: 1560px) {
    margin-right: -0.5%;
  }

  .rtl & {
    margin-right: 0;
    margin-left: -1.3%;

    @media (max-width: 1560px) {
      margin-left: -0.5%;
    }
  }
}

/* Single Report */
.wrap.slimstat .postbox,
.wrap.slimstat .sortable-placeholder {
  box-sizing: border-box;
  float: left;
  margin-bottom: 15px;
  min-width: 24.3%;
  overflow: hidden;
  width: 24.3%;
}

.wrap.slimstat .postbox.large {
  width: 49.1%;
}

.wrap.slimstat .postbox.extralarge {
  width: 73.9%;
}

.wrap.slimstat .postbox.full-width {
  width: 98.7%;
}

.sortable-placeholder {
  background-color: #ccc;
  border: 1px dashed #bbb;
  margin-bottom: 9px;
}

/* Single Report: Header and Header Buttons */
.wrap.slimstat .postbox h3 {
  border-bottom: 1px solid #ddd;
  font-size: 1.2em;
  margin: 0;
  padding: 10px;
}

.wrap.slimstat .postbox.tall h3 {
  cursor: auto;
}

.slimstat-tooltip-content {
  display: none;
}

.slimstat .no-refresh .refresh {
  display: none;
}

/* Single Report: Header and Header Buttons - Pagination */
[id^="slim_"] p.pagination {
  font-weight: 600;
  color: black;
  font-size: 14px;
}

[id^="slim_"] p.pagination a {
  color: $grayOne;
  float: right;
  margin-left: 5px;
}

/* Single Report: Inside */
[id^="slim_"] .inside {
  height: 240px;
  margin: 0 !important;
  overflow: auto;
  padding: 0 !important;
  margin-bottom: 45px !important;
}

.wrap.slimstat .postbox.tall .inside {
  height: 465px;
}

.map-wrap {
  .inside {
    height: 370px !important;
    @media (max-width: 767px) {
      height: auto !important;
    }
  }
}

[id^="slim_"] p {
  border-bottom: 1px solid $graySix;
  line-height: 1.5em;
  margin: 0;
  min-height: 20px;
  padding: 10px 10px;
  position: relative;
  word-wrap: break-word;
}

[id^="slim_"] p:last-child {
  border-bottom: 0;
}

[id^="slim_"] p .slimstat-tooltip-trigger.corner {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  left: 0;
}

[id^="slim_"] p span {
  float: right;
}

[id^="slim_"] p span.pageview-screenres {
  margin-left: 10px;
}

[id^="slim_"] .inline-icon {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px;
  filter: grayscale(40%);
  transition: 0.3s all ease-out;

  &:hover {
    filter: grayscale(0);
  }
}

[id^="slim_"] .spaced {
  margin-left: 15px;
}

#dashboard-widgets-wrap .whois {
  display: none;
}

/* Single Report: Debug Message */
[id^="slim_"] .debug {
  background-color: #000;
  color: #fff;
  display: block;
  font-family: monospace;
  opacity: 0.8;
  padding: 20px;
  position: relative;
}

/* Single Report: Color Coded Entries */
.little-color-box {
  background-color: #eee;
  border: 1px solid #aaa;
  display: block;
  float: left;
  height: 15px;
  margin-right: 10px;
  width: 15px;
}

[id^="slim_"] .header {
  background-color: $grayFive;
  color: #111;
}

[id^="slim_"] .header.is-search-engine,
.little-color-box.is-search-engine {
  background-color: #e2dbff;
  color: $grayOne;
}

[id^="slim_"] .header.is-direct,
.little-color-box.is-direct {
  background-color: $grayFive;
  color: #111;
}

[id^="slim_"] .header.is-known-user,
.little-color-box.is-known-user {
  background-color: #ddf0ff;
}

[id^="slim_"] .header.is-known-visitor,
.little-color-box.is-known-visitor {
  background-color: #ffe9c8;
}

[id^="slim_"] .header.is-spam,
.little-color-box.is-spam {
  background-color: #eeff89;
  color: #222;
}

[id^="slim_"] p.loading {
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 0;
  top: 50%;
  line-height: 0;
  transform: translateY(-50%);
  overflow: hidden;
}

[id^="slim_"] p.nodata {
  border: 0;
  color: #999;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

/* Single Report: Chart */
.chart-placeholder {
  height: 280px;
  overflow: hidden;
}

body {
  &.toplevel_page_slimview1,
  &.slimstat_page_slimview2,
  &.slimstat_page_slimview3,
  &.slimstat_page_slimview4,
  &.slimstat_page_slimview5,
  &.slimstat_page_slimconfig,
  &.slimstat_page_slimpro,
  &.slimstat_page_slimlayout {
    /* Hide all non-Slimstat notices in the admin */
    div[class*="-notice"]:not(.slimstat-notice),
    div[class*="admin-notice"]:not(.slimstat-notice),
    .notice:not(.slimstat-notice),
    .update-nag:not(.slimstat-notice),
    .error:not(.slimstat-notice) {
      display: none !important;
    }
  }
}

/* Single Report: Modal Window */
.ui-widget-overlay {
  background-color: #222;
  filter: alpha(opacity=60);
  height: 100%;
  opacity: 0.6;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100 !important;
}

.ui-dialog.slimstat .ui-dialog-titlebar {
  background: #4b8df8;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  height: 22px;
  line-height: 1.3em;
  margin: 0;
  padding: 5px 10px;
}

.tooltip-item-title {
  font-size: 13px;
  font-weight: 500;
}
.tooltip-item-content {
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
}

.ui-dialog.slimstat .ui-dialog-titlebar-close {
  background-color: transparent;
  border: 0;
  color: #fff;
  float: right;
  line-height: 1.3em;
  padding: 0;
}

.ui-dialog.slimstat .ui-dialog-titlebar-close:before {
  content: "\e803";
  font-family: slimstat;
}

.ui-dialog .ui-dialog-content {
  clear: both;
}

#slimstat-modal-dialog {
  background-color: #fff;
  display: none;
  max-height: 650px !important;
  overflow: auto;
  padding: 0;
  width: auto;
}

#slimstat-modal-dialog p {
  margin: 0;
  padding: 10px;
}

/* Dashboard Widgets */
#dashboard-widgets [id*="slim_p"].postbox .inside {
  height: 281px;
}

#dashboard-widgets [id*="slim_p"][id*="_01"].postbox .inside {
  height: 290px;
}

#dashboard-widgets #slim_p7_02.postbox .inside {
  height: 320px;
}

.closed .slimScrollDiv {
  height: 0 !important;
}

.nav-tabs {
  margin: 20px 1px 0;
}

.nav-tab {
  font-size: 14px;
  margin: 0 5px 0 0;
}

.nav-tab a {
  color: $grayOne;
  display: block;
  text-decoration: none;
}

.form-table {
  border: 1px solid #ccc;
  margin-top: 0;
}

.form-table th {
  font-weight: 400;
  padding: 15px 10px;
}

.slimstat-options-section-header {
  background-color: #ffffff !important;
  font-size: 1.4em;
  font-weight: bold !important;
  margin: 0;
  padding: 5px 10px;
}

.form-table h3 {
  margin-top: 0;
}

.form-table td span.block-element {
  padding: 0 30px 0 0;
}

.form-table .description {
  color: #999;
  display: block;
  font-style: normal;
  margin-top: 5px;
}

.form-table #slimstat-filter-name,
.form-table #slimstat-filter-operator,
.form-table #slimstat-filter-value {
  width: 20%;
}

[id*="form-slimstat-options"] input[type="number"].small-text {
  width: 85px;
}

[class*="bootstrap-switch-id-addon_network_settings"] {
  float: right;
}

/* Settings */
.CodeMirror {
  height: auto !important;
}

/* Add-ons Page */
.wp-list-table.slimstat-addons {
  margin-bottom: 20px;
}

.wp-list-table.slimstat-addons tbody th {
  border-left: 5px solid #ccc;
}

.wp-list-table.slimstat-addons th,
.wp-list-table.slimstat-addons td {
  border-bottom: 1px solid #ccc;
}

.wp-list-table.slimstat-addons .active th {
  border-color: #10a062;
  border-style: solid;
  border-radius: 0 0 0 5px;
}

.wp-list-table.slimstat-addons .active td {
  border: 0;
}

/* Edit Posts Page */
.column-wp-slimstat {
  text-align: center !important;
  width: 3em;
}

.slimstat-icon:before {
  content: "\f239";
  font-family: dashicons;
}

/* RTL Support */
.rtl #slimstat-current-filters .slimstat-filter-list {
  padding: 0 0 0 75px;
}

.rtl #slimstat-current-filters .slimstat-filter-list li {
  margin-left: 20px;
  margin-right: 0;
}

.rtl #slimstat-remove-all-filters {
  left: 5px;
  right: inherit;
}

.rtl #slimstat-date-filters {
  left: 5px;
  right: inherit;
}

.rtl #slimstat-date-filters span {
  left: 0;
  right: inherit;
}

.rtl .wrap.slimstat .postbox {
  float: right;
}

.rtl .slimScrollBar {
  left: 2px !important;
  right: inherit !important;
}

.rtl [id^="slim_"] p.pagination a {
  float: left;
}

.rtl [id^="slim_"] p span {
  float: left;
}

.rtl .qtip-content {
  text-align: right;
}

.rtl .form-table td span.block-element {
  padding: 0 0 0 30px;
}

/* Customizer */
.slimstat-layout .postbox-container {
  float: none;
  margin-top: 20px;
  overflow: hidden;
  border: solid 1px #f0f0f0;
  border-radius: 10px;
}

.slimstat-layout .meta-box-sortables {
  overflow: hidden;
  padding: 10px;
}

.slimstat-layout .postbox-container span.title {
  background-color: #c0c0c0;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  padding: 10px;
}

.slimstat-layout .postbox,
.slimstat-layout .sortable-placeholder {
  float: left;
  margin: 0 10px 10px 0;
  min-width: 285px;
}

.slimstat-layout h3 {
  border: 0;
  font-weight: 300;
  font-size: 1.1em;
  margin: 0;
  padding: 5px 10px;
}

/* Responsive */
@media screen and (max-width: 1560px) {
  .wrap.slimstat .postbox {
    width: 32.8%;
  }
  .wrap.slimstat .postbox.large {
    width: 66.1%;
  }
  .wrap.slimstat .postbox.extralarge,
  .wrap.slimstat .postbox.full-width {
    width: 99.4%;
  }
  .wrap.slimstat .postbox h3 {
    font-size: 1em;
    line-height: 1.2em;
  }
  .wrap.slimstat .postbox p {
    font-size: 1em;
    line-height: 1.5em;
  }
  .wrap.slimstat .postbox p span.details {
    float: none !important;
    display: block;
    padding: 0px !important;
    margin-top: 10px;
    align-items: center;

    & > *:nth-last-child(1) {
      position: relative;
      float: right;
      right: -25px;
    }

    & > *:nth-last-child(2) {
      position: relative;
      float: right;
      right: 25px;
    }
  }
  [id^="slim_"] .spaced {
    margin: 0;
  }
}

.index-php {
  div#slim_p7_02.postbox {
    .pageview-screenres {
      float: none;
    }
    .details {
      position: relative;
      float: none;
      display: block;

      .slimstat-font-edit {
        float: right;
      }
      .spaced {
        margin-left: 0px;
      }
    }
  }
}

@media screen and (max-width: 1080px) {
  .wrap.slimstat .postbox {
    width: 49.125%;
  }
  .wrap.slimstat .postbox.large,
  .wrap.slimstat .postbox.extralarge,
  .wrap.slimstat .postbox.full-width {
    width: 99%;
  }
}

@media screen and (max-width: 800px) {
  #slimstat-filters input.text,
  #slimstat-filters select {
    margin: 0 0.5% 0 0;
    width: 26%;
  }
  .wp-core-ui .button-secondary {
    height: 35px;
  }
  #slimstat-date-filters {
    margin-top: 5px;
    position: relative;
    right: inherit;
    top: inherit;
  }
  .wrap.slimstat .postbox,
  .wrap.slimstat .postbox.large,
  .wrap.slimstat .postbox.extralarge,
  .wrap.slimstat .postbox.full-width {
    margin: 0 0 10px;
    width: 99.5%;
  }
  .wrap.slimstat .postbox h3 {
    font-size: 1.4em;
    line-height: 1em;
  }
  .wrap.slimstat .postbox p {
    // font-size: 1.1em;
    line-height: 1.4em;
  }

  /* Settings */
  .nav-tab {
    display: block;
    margin: 0;
  }
  .form-table th {
    font-size: 1.4em;
  }
  .form-table th label {
    font-size: 1em;
  }
  .form-table td {
    padding: 10px;
  }
  .form-table .button-primary,
  .form-table .button-secondary {
    height: 30px;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
  }
  .form-table #slimstat-filter-name,
  .form-table #slimstat-filter-operator,
  .form-table #slimstat-filter-value {
    width: 100%;
  }

  /* Add-on: WP SlimStat - User Overview */
  [id^="slim_"] .users .column-name {
    display: none;
  }

  /* Real-Time Access Log Responsive Improvements */
  [id^="slim_"] p {
    padding: 8px 10px;
    word-break: break-all;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  [id^="slim_"] p .slimstat-filter-link {
    max-width: 100%;
    display: inline-block;
    word-break: break-all;
    overflow-wrap: break-word;
  }

  [id^="slim_"] p .details {
    display: block;
    margin-top: 5px;
    font-size: 0.9em;
    line-height: 1.3em;
  }

  [id^="slim_"] p .spaced {
    margin-left: 8px;
    margin-right: 8px;
  }

  [id^="slim_"] .inline-icon {
    margin-right: 3px;
  }

  [id^="slim_"] p span.pageview-screenres {
    margin-left: 5px;
    font-size: 0.8em;
  }

  /* URL truncation and tooltip improvements */
  [id^="slim_"] p .slimstat-filter-link {
    position: relative;
  }

  [id^="slim_"] p .slimstat-filter-link[title] {
    cursor: help;
  }

  /* Ensure long URLs don't break the layout */
  [id^="slim_"] p {
    min-width: 0;
    flex-shrink: 1;
  }

  [id^="slim_"] p .slimstat-filter-link {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
  }

  /* Show full URL on hover for truncated links */
  [id^="slim_"] p .slimstat-filter-link:hover {
    white-space: normal;
    word-break: break-all;
    overflow: visible;
    position: relative;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    padding: 4px;
    border-radius: 3px;
  }

  /* Access Log Entry specific styles */
  [id^="slim_"] p.access-log-entry {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  [id^="slim_"] p.access-log-entry .details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 0.85em;
    color: #666;
    margin-top: 4px;
  }

  /* Responsive improvements for access log entries */
  [id^="slim_"] p.access-log-entry {
    flex-direction: column;
    align-items: stretch;
  }

  [id^="slim_"] p.access-log-entry .details {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  [id^="slim_"] p.access-log-entry .details > * {
    margin-bottom: 2px;
  }
}
/* Additional responsive improvements for very small screens */
@media screen and (max-width: 600px) {
  [id^="slim_"] p {
    padding: 6px 8px;
    font-size: 0.9em;
  }

  [id^="slim_"] p .details {
    font-size: 0.8em;
    margin-top: 3px;
  }

  [id^="slim_"] .spaced {
    margin-left: 5px;
    margin-right: 5px;
  }

  [id^="slim_"] .inline-icon {
    margin-right: 2px;
    width: 14px;
    height: 16px;
  }

  [id^="slim_"] p span.pageview-screenres {
    font-size: 0.7em;
    margin-left: 3px;
  }

  /* Stack header elements vertically on very small screens */
  [id^="slim_"] p.header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  [id^="slim_"] p.header .inline-icon {
    margin-bottom: 2px;
  }

  /* Access Log Entry specific styles for very small screens */
  [id^="slim_"] p.access-log-entry .details {
    font-size: 0.8em;
  }
}

/* URL truncation and tooltip improvements - moved to media queries */

/* Access Log Entry specific styles - moved to media queries */

/* Fontello - Custom Icon Fonts for SlimStat | Uses Fontelico (C) 2012 by Fontello project, Elusive (C) 2013 by Aristeides Stathopoulos, Font Awesome (C) 2012 by Dave Gandy | https://www.fontello.com */
@font-face {
  font-family: "slimstat";
  src: url("slimstat.eot?58272494");
  src: url("slimstat.eot?58272494#iefix") format("embedded-opentype"), url("slimstat.svg?58272494#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "slimstat";
  src: url("data:application/octet-stream;base64,d09GRgABAAAAABvsAA8AAAAALlwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY+UEk6Y21hcAAAAdgAAADDAAACzg4H7jVjdnQgAAACnAAAABMAAAAgBzP+pGZwZ20AAAKwAAAFkAAAC3CKkZBZZ2FzcAAACEAAAAAIAAAACAAAABBnbHlmAAAISAAAD8QAABhCKXIj12hlYWQAABgMAAAAMgAAADYOp0OgaGhlYQAAGEAAAAAgAAAAJAfKA/ZobXR4AAAYYAAAAEcAAABsW2r/+WxvY2EAABioAAAAOAAAADhIdk6NbWF4cAAAGOAAAAAgAAAAIAFJC/luYW1lAAAZAAAAAY4AAAMJSEJEcXBvc3QAABqQAAAA3QAAAVJ0zYSJcHJlcAAAG3AAAAB6AAAAhuVBK7x4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgZE5mnMDAysDAVMW0h4GBoQdCMz5gMGRkAooysDIzYAUBaa4pDA4vGF5IMgf9z2KIYm5kOAYUZgTJAQDkzwwIAHic7ZLtbUIxEATHwXkQQj6AQMKrIYWkgBSUX9S6XcCe35YRS3OST7Zl3SzwCKzMt+nQrjRq/bnbRn/FdvQ7v+NMr74ut5srVb3voz74bPeLE2s2PPneMzteeOWNd/YcOPLBiTOffHFh9qWJ/7Wr0n6ym2uuC2PSwdNFoYwp1OwVyqaCLaBgHyjYDAp2hEJZVrA3FOp3CnaJgq2iYL8o2DQKdo6C7aPgHKDgRKDgbKDglKDgvKDg5KDgDDmJC8x3F5s9LgB4nGNgQAMSEMjc+N8KhAETIgPbAHicrVZpd9NGFB15SZyELCULLWphxMRpsEYmbMGACUGyYyBdnK2VoIsUO+m+8Ynf4F/zZNpz6Dd+Wu8bLySQtOdwmpOjd+fN1czbZRJaktgL65GUmy/F1NYmjew8CemGTctRfCg7eyFlisnfBVEQrZbatx2HREQiULWusEQQ+x5ZmmR86FFGy7akV03KLT3pLlvjQb1V334aOsqxO6GkZjN0aD2yJVUYVaJIpj1S0qZlqPorSSu8v8LMV81QwohOImm8GcbQSN4bZ7TKaDW24yiKbLLcKFIkmuFBFHmU1RLn5IoJDMoHzZDyyqcR5cP8iKzYo5xWsEu20/y+L3mndzk/sV9vUbbkQB/Ijuzg7HQlX4RbW2HctJPtKFQRdtd3QmzZ7FT/Zo/ymkYDtysyvdCMYKl8hRArP6HM/iFZLZxP+ZJHo1qykRNB62VO7Es+gdbjiClxzRhZ0N3RCRHU/ZIzDPaYPh788d4plgsTAngcy3pHJZwIEylhczRJ2jByYCVliyqp9a6YOOV1WsRbwn7t2tGXzmjjUHdiPFsPHVs5UcnxaFKnmUyd2knNoykNopR0JnjMrwMoP6JJXm1jNYmVR9M4ZsaERCICLdxLU0EsO7GkKQTNoxm9uRumuXYtWqTJA/Xco/f05la4udNT2g70s0Z/VqdiOtgL0+lp5C/xadrlIkXp+ukZfkziQdYCMpEtNsOUgwdv/Q7Sy9eWHIXXBtju7fMrqH3WRPCkAfsb0B5P1SkJTIWYVYhWQGKta1mWydWsFqnI1HdDmla+rNMEinIcF8e+jHH9XzMzlpgSvt+J07MjLj1z7UsI0xx8m3U9mtepxXIBcWZ5TqdZlu/rNMfyA53mWZ7X6QhLW6ejLD/UaYHlRzodY3lBC5p038GQizDkAg6QMISlA0NYXoIhLBUMYbkIQ1gWYQjLJRjC8mMYwnIZhrC8rGXV1FNJ49qZWAZsQmBijh65zEXlaiq5VEK7aFRqQ54SbpVUFM+qf2WgXjzyhjmwFkiXyJpfMc6Vj0bl+NYVLW8aO1fAsepvH472OfFS1ouFPwX/1dZUJb1izcOTq/Abhp5sJ6o2qXh0TZfPVT26/l9UVFgL9BtIhVgoyrJscGcihI86nYZqoJVDzGzMPLTrdcuan8P9NzFCFlD9+DcUGgvcg05ZSVnt4KzV19uy3DuDcjgTLEkxN/P6VvgiI7PSfpFZyp6PfB5wBYxKZdhqA60VvNknMQ+Z3iTPBHFbUTZI2tjOBIkNHPOAefOdBCZh6qoN5E7hhg34BWFuwXknXKJ6oyyH7kXs8yik/Fun4kT2qGiMwLPZG2Gv70LKb3EMJDT5pX4MVBWhqRg1FdA0Um6oBl/G2bptQsYO9CMqdsOyrOLDxxb3lZJtGYR8pIjVo6Of1l6iTqrcfmYUl++dvgXBIDUxf3vfdHGQyrtayTJHbQNTtxqVU9eaQ+NVh+rmUfW94+wTOWuabronHnpf06rbwcVcLLD2bQ7SUiYX1PVhhQ2iy8WlUOplNEnvuAcYFhjQ71CKjf+r+th8nitVhdFxJN9O1LfR52AM/A/Yf0f1A9D3Y+hyDS7P95oTn2704WyZrqIX66foNzBrrblZugbc0HQD4iFHrY64yg18pwZxeqS5HOkh4GPdFeIBwCaAxeAT3bWM5lMAo/mMOT7A58xh0GQOgy3mMNhmzhrADnMY7DKHwR5zGHzBnHWAL5nDIGQOg4g5DJ4wJwB4yhwGXzGHwdfMYfANc+4DfMscBjFzGCTMYbCv6dYwzC1e0F2gtkFVoANTT1jcw+JQU2XI/o4Xhv29Qcz+wSCm/qjp9pD6Ey8M9WeDmPqLQUz9VdOdIfU3Xhjq7wYx9Q+DmPpMvxjLZQa/jHyXCgeUXWw+5++J9w/bxUC5AAEAAf//AA94nJ1YDWwU151//zfz3szOrvdzdsb4Y70f3l177Rq8nwaMWWzADl7AmA3BoXXcKx85jDGKCKQJRG2TVoQQSF2ONjR3ChU9UNWmBNIURZE4EfdUJdGFRIlPOqLqFKEeiXK5u15VqQiG+7/ZNZiEpHfH4jcz72Pe+//+X7//EErIze1SlzRMFOIkE4NnfEMbiwkChMA3iCwxSWYTCjC2kwKRJDKMFyLdx0Ei0mB9MY4TYfIvzRsp6qpKiOpUnZoD91F8Pp/KzDZfLpLLBCNB8EV8EPkTRK7/N/2QfvOZUumZ6/9FT974KsF33Lxx8yXpAclJdBIhHaRYXOIGoA6gBGg/oRJIFCYIJxLl0pg4twxkjMiMyWUiy2wjYTIrBY2gEUvEFFbfBkGdt0E0sQSy+cWQE03aMLMd4JZCtAcKuhuiHXiTDgH8UVPPqpqm7teUZlW7Onzw7w8N0fKBn31vw2MP/ePV3+7kj772x1cfp9FrimbPmMbJb60/WKZDh39yGGceXP/w9O7d0x+LBmWhN28i1iekGqKiLOni/CYA4gapIgjdRWREXcbTgyRBmQBIGwnKVzJjesDP2Lw2wGPyEPQA6Dw6H3hMnFQOUVNXTIM+cfStY/Lh9w5BtH2RfmHzY0NTDxZp947DJw/t6pJWXAjCd7ZN0WNv/Igfso43poIXVvRsf/Ynh3cuknu3Hlv92OYLQTyiAPDmf9D36PdIMwkV66PzvIpMKPTjIQmdxPOSrXqDrsusti2ue0AcQxFNIrsUkqLJp5ugIBoDh/FU73lK3nbvyZPYlLzi6r397PGcPOnZZYibn/7U8/mJng4xQcBy88+I2zDi5iNJspRMFZ3doDoceDJC+wfPuNBoM8ShOiY1UGV1kigykxU2QRgB9g0OMs67E9kRgezq+mL27qtkRsa/eNlI0bt0yaKuuBH1xxeibpyssS0+q5uCsCUw8AYtTYlEE0k0skzENNJLIZI2JKOCWqJQMb9CJm0owUyavqGHDOqPer+vh/3UaKhdGTauv2mGIGyANBjZECmBZIRf0fzXtJB2zefQzCOG+4jbgCO1mz06ra2rpbpn9ubQOQMXBs8Z4VIY/0OL6bum4SozeM2jg+G+ZmP6EmLaYWPaSorkaNGZAwRjFlOHjSn6rEDHgeg4mGOScESUb0FPF9AwMiYByDKU8QLyCPqebGN6l1WMk4kvWzZS9C/p7spnFsSi6XgugKi6bFQTbghBOl/AG2rgFUGNVUE1MyFYLMYQQonbnq3ExBA2FUM0vgTVT1352JFovuZTRNVRe0T3HEFojpgBnw2wv9GN68K67q1en0EwwwY20NTS0hSCYaMKZXsF2qp//1legLGqlmRIb3FpCoB3xphkhyrOgHGYEABIGCNt2yQMxogky1IZg6a8EQOpXIq15A09FrVjVTbRhjaCTZQ3QizKdRQJzSjPKpZVQPNJonFhABNNUFdCQN+w49UORduvamyaefEPtuy7/8aJbUdhTS+c3nPfs5GW3OKyOTAKpUrMUqc1MY1N8z0j+2DqwYF9odo9p/9qKFZe3Bb17SGfk21FsTcFBGVDaWqAgtQ/q2LUKBGhWYhna5pQWaZlQqkQjwrxcnosrlfEQzeIojvoxmJUniF0uQQy6S8XryrTHCm/ULxdakUqz6yUz91VPJEDX6LdKJuK0iWKMTIrA6U7iYRJSKiHbMQbUjLNgF9EP9QN6kNYpK5ImDMSSSmBNpk24BflPWX8f9j/pqM5kVDe8p/+5DT8+2LRV168JGkN+Q3DD2eSS/acPm3v/dfSVYxtbtJI1hXX1OqUcbck8ifaidQfBHmFqmCfQNi2Hk5gHP2XM5l/LlV4PJ5GT2M00Bz1R30OxDjoiyhGRvgIl5PRpJRvzqTNgi9SSKA5KTD1wo5j+y9GDsasT869PfVUDPRzb/9gytpZ6T6G4+PHHv7F72EKpl+8MiUG8Nm2Bzsmj9BpRKxIhoqrXZiVoT+C51tJJIUrEkf4OHCRnYXhs3EiUjGRJ5ABcKrg2UWYLRPM1GgZTC61x1PJgBHTVdbQBrqCURKTdKzi6oUMNoYJRsFXSd+FJLp4D5hCNF82kYxFs4k8mlO106B/47TecYb0qpPqISfMd06P9p1V8KDiqKp6Np6FfPPLXKN0tqdvFEbdTuuSpntOGO4ZXHsC3d+BHb+yHukb1VSng9coKi6DA7hapqpc7Rm9hck4fR1zVFH4v45vBXQNyigXaUWiTELVISeSyYQwMg5U+P8dBmbE5sVT8aRwkLiOycINIqjlfBWmEjTtrqTQnk83UNQQnQuWoDW3wIItdFYulBwd5U7BKaeUC5gajGtuA1EyGgRKHdTP3A4ZRvvgwB0yW49UZIb2u2NU5Q/YjNJ1JEjMoo6RTiBgs0SkDuY8ygxUrmAGNntIInEoVEI1jPLLlzlvYG5uXeeYfJlXbuAUA+EHl7kb+xnIeMUG76v7lGb3cd65T4Ne2UeBz3ATAUoJ34+bNPDqfl5MPxwWKaKbNeAWlz+oDOOz0CkqNmvv00YaivNaA1RsJeIcTAov3Wo2mnP40ByJbDHNu/aisJ8RVBxmxt6+0lkR+YMP2LDyGdm9MgKi3LWXVM8bvX3eiPOz522obbDPe3d4zP8DaDMMz2qf8/LlCnQozBcgqX4hvshDNmHsbSb95GvF+/vilDvmY8QwkdmrGNjkfqRoXHVwQR/QZhmdkIFKnKIrifIC0JVUjIYqRhSRWOe40soViXg8H0/k9GYNyQToQbcdUBQ+y//TBvcgvxBRJF+wnwPV+iC/FOwQiT873uR6QCQipLaGNNh85bl1P+oeQMdBrxHWv7plc2HVd5LcZK5xVXPr3krv8K7BSuckhp3m3z+37rhYVAtMgmOv9iwccNrL0e1Wx1tW9WhdNS44X+1YXXnmcnWiqIXsPPWGnac8JCYqCI8of/oxklKJ0VGcgQAgpcDKhwzjChFZiVzKLfQFIl7O6trMiM+OqBGWSaCOk8xXpVM+wVHTRhOC0U+7ryJDsj6Ere8w5ZfcC40h88aJChXdYuQ9L3oNBX4eNq7OeJUXFX7FcglqRJFI1bp/6cnbXGGT9DHmtCayjLQWE7Ko1vo7AZZLIrNOIsWkk2iVW4FEwnqANEGTzHSEGdHuRD2g1+APkcc9C0ik84lkBxqjPY4/ozKOGuvEp2RC/PJiUgL+cN+68vINO7Zv2762NxLhcXedN+OTNBqDeOLZ0U0Wq/XI6OzNtDkxsOmxvd/c/3UxeRwnh1lc5W6/NNwYWrgiqIfCa3s3rD+3rrXeCz7Jw+9/feRrzybi1qdemav208Cm5mjtvHVz5gYjbr9wP2bngSuop1asWHOkhwwAKfoGctnMV9rboiqDBkAzRo6tIcdegPkQiIJpkgHnbAuxeRMqkasYbLn8AOpWshmUyPFUKtUPnnHiutbqfAX+FwvM/9dGxc65S9D7Jv7impGRkWIglepdlu5cMD/VkeroznVlHBhtRAIrRNKoUYyHyQQaXSWBRQTnE2EGq6CKLcZzYEIyE8wUkkrBwJEErgjcqikxLV2KhRySUq9qNS5rgZ3M4FI8y5rVWhy1FmAW3wJ7T1hPjefCxXuLux2OaYcf/65lsLa81+vNHIdLvaPglgO8QZWlbLz6kpUKvkJ1bcds2fkC7H0BX5Bfdu+ybbPrYVnG6y3jO7IEcRFx6yrmeh+pQ18UWu4nQ+TrxdE8MGVpPZV5O4Ypqd+Bj1wR2HFZ4fI4AicpsjTuRNdVJIq0iCiMKGOaIAu0jBcKG5F9QmntmsFVK1f0LlvSvbALC6JgQXehC+eyPRSTPrJhgVYyUUAS2gNYJombvKg9A1iH2v5QwEcu6EJgdsi8NWf2ZujJ13772pNDazX9+h90bW1/qruFtnd17Ewtapebe6PvO9s3rqpx1NUvlLx1DVJXJD+vOvKn6nUbXmlLT+LtrecPrFlz4PzW7+/z+R6bakzZ/ZerV+uHbaXajrZIMfC+u467vO9L7XC0OnZwds6/VW+qPrRI+pn0bdJCOkkvGSRl8q3i/nqNytAEGnLgGg2rDhlE+kNoNeDaOHHUKDUOZcIDGqlxaDVjqCbVpahjXnARJ3M5Rd0JdCOaq2vADYyJPEFqyD2rS8v7Uq3rhkrl1eWB/r7B5YPFpYsK2XTHV1o7U521sUyL7hPfX7AGwYCay/oLObvKxNiEBAztORZUgoYpkqVIKBwLGW9C5l4jgDlDx+FKvsFKP5k2/Jh9/PmADT81pPvWW59Yj1uf/OdZmgmGaYN5KRii0UAWnn+I13tSYequY9buH87MWO/OzLz5YDAcDj6PTSoM2W+/Ql+1XpNffmL8OD32L8focTrv4aMXrU8pGP/wMmgBkDLhFIbtlihkQPLtcNR5Qu2eOnbjuzPQMUPftf7pXfi7EL4pZDxvhELG3563rPPngZ6/cfH4jP1KWw/b7fqkiURJHGu/brKrOBHD6q8RHCQZpgpDPUjiCxwfdWEscjDiGMV1isyUMURLU2VtDDMWdap0rAacAM5hvDiFkTuhlM0CyXZnuxcvzOcWzO9ob22JN0cjdabb5eCYGEJukRgw8fpmP6ZUs5Ug+vanu2A+40HxlIxZyMWCAmxfBPkv+KoP0lk7c934SOS0d7AxvFc8eUOkuESk/9Qp68enTk2cmQmZHyEMNPHPIfMq3Yfz77eXvYA5by/mvCteI2z82tx7Cvafunjmo4+MMFg/PmLkrTX0iavi4Xg1P8uPSC6Utp2sJXuLu9vjVFPCTW4MkukAlVWEChTkqIqmTLqBaDVoqBPEWUNrnHTCJczWiWaLZQEDSaUS4ibLapmoqrzRAbIql4CsHlw1sGL5sqX5TOf81pbmaEO9GfR7NQeTiQqqx86jaJghZEr2pyX99peRO8spUSaZoBuFTNCOuxhYmCkCtCBDWCUi+wnCUyOP00dfeYQ/Ca9PI4fBItrFkeH8RtHAxX+jqeN4Y21JNR5JLLRq+4Zllz+UWBRxOtvLm8vtTuc9C/Y3pmD08TPfovtefvSez6+tvNS60NgO321Y0xfq6s13ReuoFsV/Wj7VSGZ5j/xQFdc1pFxcdw9mpeZ6PzLENJaYAlUZJpEOK/KkAxSiTGqAkyeJStVJCbDQmSScI90YWLm8T0CXTEQjQd3rqYDmnAtatTL5ku+aCgZ0vQnmgmakbciwVtPN25hR+WnGSszDnn4amxIT1zuerQe2BIMdzpo7oNtwfoPT6fF63BC8hdyvDvK5L+AH8QV8sPI8iENPb9G7gx10DoDLl2uyp84fCpLqN4aPpfUIiYs0FusEpJMiXd9mYj5/5bOGL4suS/GvEMlFIAHPQ4ts/av1VevDd2jPjYsw+jYkqPU7a9T6HYXE/pPkfwD6vR2xeJxjYGRgYADiDSWrj8fz23xl4GZ+ARRhuNrZwACj///9b8VSwdwI5HIwMIFEAXZDDSkAAHicY2BkYGAO+p/FwMBS9v/v/18sFQxAERQgDQCi2gbHeJxjfsHAwGwBxJH//zIv+P+fWRDIXgDBLPr//4MwkzWQD1IXCRFnTIVgkDhYDijOdApIvwTqfwFVuwpCs5RBMIgNALUMGKgAAAAAAABQALYBCAFSAfwCpgMUA4IDwAQcBKYFKAVcBZAF6AZABtYHKgeqCJwJTAoQCqYLUgvyDCEAAQAAABsAVQAHAAAAAAACACIAMgBzAAAAkQtwAAAAAHicfZHNSsNAFIVPaluxRRcKLlwNCGKRpj8ghYJQLFTEnYvuYztNUqaZMpkWigufwldw69qX8Vk8SYZihZoQ5rvnnjtz5wbAKb7hoXhu+RXs4ZhRwSUc4t7xAfVHx2Xy2HEFdUwcV6knjmu4wavjOs7wwR288hGjOb4ce7jwLh2XcOLdOT6g/uS4TJaOKzj33hxXqb87rmHsfTqu46pUGerlxsRhZMX1sCG67U5PvGyEphQngRLBykbapGIgZjqxUintT/QiVfEitYFtZuKzDFcqMDvaTjCWJo11Ijp+e0d/kIk0gZXT7MR0HXatnYmZ0QsxcmeJpdFzObF+ZO2y32r97gFDaCyxgUGMEBEsBK6pNrh20UYHPdILHYLOwhVz6AEUlQArVkR5JmU84DdjlFCVdCiyz9+lsWBesTJbLessmlvnM70hd1LUzT++/Zkxd8gq4zwW7Npn7/v9D/QneU2Qdzrd3jHFmr10qVq6s9uYvHuB0Z97Cc4ty82pTKj7+fQs1T5afPfM4QcvoJTgAAB4nG1M204DIRDltAt2d9tq6936Czw06Q8h4C6RwoZL9vfFoiYmzsPMuc0hC1KnI//PAQss0YCC4QortOjQY40NtrjGDXbY4xZ3uMcDHvGEZ7zggFdCUxBxpNJ6+cGiFkGOTAontV0pPzvrhWJ5+jrbH85LOKt1VSvpyrtIxjt+7EUIfo5czvxIrR+MY2X7nDrhBqu51e+przCYYUy7ipXPb9/u/o9yCbW/pUvlJY2TcadGK5PoIPKg25j8NIskx6bYsc1RBz7ZHLsLSuas4+ZsXC4NJkirFSGfna1bCwAAAHicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZWJ02MTAyaIEYm7mYGDkgLD4GMIvNaRfTAaA0J5DN7rSLwQHCZmZw2ajC2BEYscGhI2Ijc4rLRjUQbxdHAwMji0NHckgESEkkEGzmYWLk0drB+L91A0vvRiYGFwAMdiP0AAA=")
      format("woff"),
    url("data:application/octet-stream;base64,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")
      format("truetype");
}

[class^="slimstat-font-"]:before,
[class*=" slimstat-font-"]:before {
  color: $grayTwo;
  font-family: "slimstat";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  text-decoration: inherit;
  width: 1em;
  margin: 0 0.2em;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
}

.slimstat-font-trash:before {
  content: "\e800";
}

/* '' */
.slimstat-font-clock:before {
  content: "\e801";
}

/* '' */
.slimstat-font-search:before {
  content: "\e802";
}

/* '' */
.slimstat-font-cancel:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_417_931)'%3E%3Cpath d='M5.89353 4.99459L8.95228 1.93609C9.06613 1.81821 9.12912 1.66034 9.1277 1.49646C9.12628 1.33259 9.06055 1.17583 8.94466 1.05995C8.82878 0.944073 8.67203 0.878342 8.50815 0.876918C8.34428 0.875494 8.18641 0.938491 8.06853 1.05234L5.00978 4.11084L1.95128 1.05234C1.89328 0.994263 1.8244 0.94819 1.74858 0.916756C1.67276 0.885321 1.59148 0.869141 1.5094 0.869141C1.42733 0.869141 1.34605 0.885321 1.27023 0.916756C1.19441 0.94819 1.12553 0.994263 1.06753 1.05234C1.00945 1.11034 0.96338 1.17922 0.931945 1.25504C0.90051 1.33086 0.88433 1.41214 0.88433 1.49421C0.88433 1.57629 0.90051 1.65757 0.931945 1.73339C0.96338 1.80921 1.00945 1.87809 1.06753 1.93609L4.12603 4.99459L1.06053 8.06034C0.972939 8.14767 0.913252 8.25904 0.889038 8.38033C0.864824 8.50162 0.877172 8.62737 0.924517 8.74164C0.971862 8.85591 1.05207 8.95354 1.15498 9.02216C1.25788 9.09078 1.37884 9.1273 1.50253 9.12709C1.66253 9.12709 1.82253 9.06609 1.94453 8.94409L5.01003 5.87834L8.06853 8.93684C8.12652 8.99495 8.19542 9.04103 8.27127 9.07244C8.34712 9.10384 8.42843 9.11995 8.51053 9.11984C8.63411 9.11981 8.75491 9.08315 8.85765 9.01449C8.9604 8.94583 9.04049 8.84825 9.08779 8.73408C9.1351 8.61991 9.14749 8.49429 9.12342 8.37308C9.09934 8.25186 9.03987 8.14051 8.95253 8.05309L5.89353 4.99459Z' fill='%23FF3636'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_417_931'%3E%3Crect width='9' height='9' fill='white' transform='translate(0.509766 0.494141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
    no-repeat center center/contain;
  width: 12px;
  height: 12px;
  display: inline-block;
  transform: translateY(1px);
}

/* '' */
.slimstat-font-upload:before {
  content: "\e805";
}

/* '' */
.slimstat-font-download-cloud:before {
  content: "\e806";
}

/* '' */
.slimstat-font-upload-cloud:before {
  content: "\e807";
}

/* '' */
.slimstat-font-location-1:before {
  content: "\e808";
}

/* '' */
.slimstat-font-arrows-cw-1:before {
  content: "\e809";
}

/* '' */
.slimstat-font-login:before {
  content: "\e80a";
}

/* '' */
.slimstat-font-logout:before {
  content: "\e80b";
}

/* '' */
.slimstat-font-angle-left:before {
  content: "\e80c";
}

/* '' */
.slimstat-font-angle-right:before {
  content: "\e80d";
}

/* '' */
.slimstat-font-angle-double-left:before {
  content: "\e80e";
}

/* '' */
.slimstat-font-angle-double-right:before {
  content: "\e80f";
}

/* '' */
.slimstat-font-arrows-cw:before {
  content: "\e810";
}

/* '' */
.slimstat-font-doc:before {
  content: "\e811";
}

/* '' */
.slimstat-font-spin4:before {
  content: "\e812";
  font-size: 26px;
  overflow: hidden;
  margin: 0;
}

/* '' */
.slimstat-font-edit:before {
  content: "\e813";
}

/* '' */
.slimstat-font-gauge:before {
  content: "\e814";
}

/* '' */
.slimstat-font-stopwatch:before {
  content: "\e815";
}

/* '' */
.slimstat-font-docs:before {
  content: "\e816";
}

/* '' */
.slimstat-font-user-plus:before {
  content: "\e817";
}

/* '' */
.slimstat-font-user-times:before {
  content: "\e818";
}

/* '' */
.slimstat-font-minus-circled:before {
  content: "\e819";
}

/* '' */

.animate-spin {
  -moz-animation: spin 3s infinite linear;
  -o-animation: spin 3s infinite linear;
  -webkit-animation: spin 3s infinite linear;
  animation: spin 3s infinite linear;
  display: inline-block;
  line-height: 1em;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* qTip2 v3.0.3 basic | https://qtip2.com */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 1em;
  line-height: 1.5em;
  direction: ltr;
  box-shadow: none;
  border-radius: 5px;
  padding: 0;
}

.qtip-content,
.qtip-titlebar {
  position: relative;
  overflow: hidden;
}

.qtip-content {
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  padding: 5px 35px 5px 10px;
  border-radius: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  cursor: pointer;
  outline: 0;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 1.5em;
  text-align: center;
  text-indent: 0;
  font: normal 700 1em Tahoma, sans-serif;
  color: inherit;
  background: -100em -100em no-repeat;
}

.qtip-default {
  background-color: #2b2b2b;
  font-style: italic;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  border-radius: 12px;
  color: #9ba1a6;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  font-style: normal;
  text-decoration: none !important;
  transform: translateX(9px) translateY(-1px);

  strong {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    font-style: normal;
    text-decoration: none !important;
  }
}

.qtip-default .qtip-titlebar {
  background-color: #ffef93;
}

.qtip-default .qtip-icon {
  border-color: #ccc;
  background: #f1f1f1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #aaa;
  color: #111;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.qtip .qtip-tip,
x:-o-prefocus {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #2b2b2b !important;
  background: #2b2b2b !important;
  border: 0 dashed transparent;
  background-color: #2b2b2b !important;
  width: 12px !important;
  height: 12px !important;
  transform: rotate(135deg) translateX(0px) translateY(1px);
  line-height: unset !important;
  border-top-right-radius: 4px;
  display: inline-block;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
  display: none !important;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

/*! jQuery UI - v1.10.3 | https://jqueryui.com */
#ui-datepicker-div {
  display: none;
}

.ui-datepicker {
  background-color: #fff;
  width: 17em;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 5px 0px 40px rgba(0, 0, 0, 0.2);
  border: none !important;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 4px;
  width: 26px;
  height: 26px;
  cursor: pointer;

  &:hover {
    background-color: white;
  }

  span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    font-weight: 600;
    color: $grayTwo;
    transition: 0.3s all ease-out;

    &:hover {
      color: $brand;
    }
  }
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/*! bootstrap-switch - v3.3.4 | https://www.bootstrap-switch.org */
.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on {
  text-align: center;
  z-index: 1;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #fff;
  background: #337ab7;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  color: #fff;
  background: $brand;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
  color: #000;
  background: #eee;
}

.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333;
  background: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch input[type="radio"],
.bootstrap-switch input[type="checkbox"] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0 !important;
  filter: alpha(opacity=0);
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-indeterminate,
.bootstrap-switch.bootstrap-switch-readonly {
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-radius: 0 3px 3px 0;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-radius: 3px 0 0 3px;
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

/* jQuery tagEditor v1.0.21 | https://github.com/Pixabay/jQuery-tagEditor */
.tag-editor {
  list-style-type: none;
  padding: 0 5px 0 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #eee;
  cursor: text;
  font: normal 14px sans-serif;
  color: #555;
  background: #fff;
  line-height: 20px;
}

.tag-editor li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 3px 0;
}

.tag-editor div {
  float: left;
  padding: 0 4px;
}

.tag-editor .placeholder {
  padding: 0 8px;
  color: #bbb;
}

.tag-editor .tag-editor-spacer {
  padding: 0;
  width: 8px;
  overflow: hidden;
  color: transparent;
  background: none;
}

.tag-editor input {
  vertical-align: inherit;
  border: 0;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: text;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  box-shadow: none;
  background: none;
  color: $grayOne;
}

.tag-editor-hidden-src {
  position: absolute !important;
  left: -99999px;
}

.tag-editor ::-ms-clear {
  display: none;
}

.tag-editor .tag-editor-tag {
  padding-left: 5px;
  color: #46799b;
  background: #e0eaf1;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px 0 0 2px;
}

.tag-editor .tag-editor-delete {
  background: #e0eaf1;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
  padding-left: 3px;
  padding-right: 4px;
}

.tag-editor .tag-editor-delete i {
  line-height: 18px;
  display: inline-block;
}

.tag-editor .tag-editor-delete i:before {
  font-size: 16px;
  color: #8ba7ba;
  content: "×";
  font-style: normal;
}

.tag-editor .tag-editor-delete:hover i:before {
  color: #d65454;
}

.tag-editor .tag-editor-tag.active + .tag-editor-delete,
.tag-editor .tag-editor-tag.active + .tag-editor-delete i {
  visibility: hidden;
  cursor: text;
}

.tag-editor .tag-editor-tag.active {
  background: none !important;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  font-size: 14px;
}

.ui-front {
  z-index: 9999;
}

.ui-menu {
  list-style: none;
  padding: 1px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.4;
  min-height: 0;
}

.ui-widget-content {
  border: 1px solid #bbb;
  background: #fff;
  color: #555;
}

.ui-widget-content a {
  color: #46799b;
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #e0eaf1;
}

.ui-helper-hidden-accessible {
  display: none;
}

.backdrop-container {
  position: relative;
  background-color: #f5f6fa;

  @media (min-width: 780px) {
    margin-left: -20px;
    margin-top: -20px;
    padding-left: 20px;
    padding-top: 20px;
  }
}

.slimstat-filter-link .avatar {
  border-radius: 50px;
  overflow: hidden;
  display: inline-block;
  transform: translateY(3px);
  margin-right: 2px;
  border: solid 1px #fff;
}

// New Styles
.wrap.slimstat-config,
.wrap.slimstat {
  box-sizing: border-box;
  overflow: hidden;

  * {
    box-sizing: border-box;
    text-decoration: none;
  }

  .upgrade-pro-background {
    width: 100%;
  }

  select,
  input,
  textarea {
    &:focus {
      outline: none;
      box-shadow: none;
      border-color: $brand !important;
    }
  }

  .button-secondary {
    background-color: white;
    border-radius: 50px;
    border: 1px solid $brand;
    color: $brand;
    padding: 0px 12px;
    height: auto;
  }

  .button-primary {
    background-color: $brand;
    border-radius: 50px;
    border: none;
    color: white;
    padding: 0px 12px;
    height: auto;
  }

  #datepicker-backdrop {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 2;
    display: none;
  }

  #slimstat-date-filters {
    a.slimstat-filter-link {
      background-color: $grayFive;
      display: block;
      float: left;
      margin: 0 5px 5px 0;
      padding: 7px 5px;
      width: 123px;
      border-radius: 50px;
      text-align: center;
      color: $grayOne;
      transition: 0.3s all ease-out;

      &:hover {
        background-color: $grayFour;
      }
    }

    input,
    select {
      border: 2px solid $grayFour;
      border-radius: 50px;
    }

    input[type="submit"] {
      background-color: $brand;
      border: none;
      border-radius: 50px;
      transition: 0.3s all ease-out;

      &:hover {
        background-color: black;
      }
    }
  }

  .button-primary {
    &.slimstat-settings-button {
      background-color: $brand;
      color: white;
      border-radius: 50px;
      border: none;
      transition: 0.3s all ease-out;
      padding-left: 12px;
      padding-right: 12px;

      &:hover {
        background-color: black;
      }
    }
  }

  h2 {
    color: black;
    font-weight: 600;
    font-size: 24px;
  }

  .nav-tabs {
    display: flex;
    background-color: white;
    border-radius: 5px;
    overflow-y: hidden;

    .nav-tab {
      transition: 0.3s all ease-out;
      border: none;
      background-color: transparent;
      padding: 0;

      a {
        color: $grayOne;
        font-size: 14px;
        padding: 15px 15px;

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

        &:hover {
          color: $brand;
        }
      }

      &.nav-tab-active {
        border-bottom: 5px solid $brand;

        a {
          color: $brand;
        }
      }
    }

    @media (max-width: 900px) {
      overflow-x: scroll;
    }
  }

  .form-table {
    border: none;
    margin-top: 25px;
    border-radius: 10px;

    tr {
      &:first-of-type {
        .slimstat-options-section-header {
          border-radius: 10px 10px 0 0;
        }
      }

      border-bottom: 1px solid $graySix;

      &.alternate {
        background-color: white;
      }

      th {
        padding: 25px 20px;
        color: $grayOne;
      }

      td {
        padding: 25px 20px;
        color: $grayOne;

        input {
          border: 2px solid $grayFour;
          border-radius: 50px;
        }

        textarea {
          border: 2px solid $grayFour;
          border-radius: 10px;
        }

        select {
          border: 2px solid $grayFour;
          border-radius: 50px;
        }

        .button-primary {
          border: 1px solid $brand;
          color: $brand;
          background-color: white;
          border-radius: 50px;
        }

        .tag-editor {
          border-radius: 6px;
          padding: 6px 4px;

          .tag-editor-tag {
            color: $brand;
            background-color: $veryLightBrand;
          }

          .tag-editor-delete {
            color: $brand;
            background-color: $veryLightBrand;

            i::before {
              color: $brand;
            }
          }
        }

        .bootstrap-switch-wrapper {
          border: 2px solid $grayFour;
          border-radius: 50px;

          .bootstrap-switch-container {
            span.bootstrap-switch-handle-on {
              border-radius: 50px;
              padding: 5px 0px;
            }

            span.bootstrap-switch-handle-off {
              border-radius: 50px;
              padding: 5px 0px;
              background-color: $grayFive;
              color: $grayOne;
            }
          }
        }
      }

      .description {
        color: $grayTwo;
        margin-top: 7px;
        display: block;
      }
    }
  }

  .slimstat-options-section-header {
    background-color: $grayFive;
    padding: 20px 20px;
    font-weight: 500;
    color: $grayOne;
    font-size: 16px;
  }

  #slimstat-filters {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 5px;

    .form-field {
      position: relative;
    }

    select {
      border: 1px solid $graySix;
      border-radius: 5px;
      display: block;
      width: 100%;
      margin: 0;
    }

    input {
      border: 1px solid $graySix;
      border-radius: 5px;
      display: block;
      width: 100%;
      margin: 0;
      max-width: 95%;

      &[type="submit"] {
        border: 1px solid $brand;
        background-color: white;
        color: $brand;
        width: auto;

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

    @media (max-width: 400px) {
      margin-bottom: 12px;

      .form-field {
        flex: 0 0 50%;
        margin-bottom: 10px;
      }
    }
  }

  .meta-box-sortables {
    form {
      display: none;
    }

    .postbox {
      border: solid 1px #f0f0f0;
      border-radius: 10px;
      // -webkit-box-shadow: 3px 0px 15px 0px rgba(0, 0, 0, 0.02);
      // -moz-box-shadow: 3px 0px 15px 0px rgba(0, 0, 0, 0.02);
      // box-shadow: 3px 0px 15px 0px rgba(0, 0, 0, 0.02);
      margin-right: 0.5%;

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

      .slimScrollDiv {
        .slimstat-tooltip-trigger.corner {
          display: inline-block;
          float: none;
          margin-right: 3px;
          cursor: help;

          &::before {
            color: #aaaaaa;
            transform: scaleX(-1);
            display: block;
          }
        }
      }

      .slimstat-header-buttons {
        padding: 15px 10px 0 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        float: right;

        .dashicons {
          width: auto;
          height: auto;
        }

        a {
          &:focus {
            box-shadow: none;
          }

          &.refresh {
            padding: 5px 5px;

            &::before {
              transform: translateY(-1px);
              display: block;
              color: $grayTwo;
              transition: 0.3s all ease-out;
            }
          }

          &.slimstat-font-download {
            padding: 5px 5px;
            border-radius: 5px;
            font-weight: 700;
            font-size: 12px;
            line-height: 100%;
            letter-spacing: 0px;
            color: rgb(103, 110, 116);
            transition: 0.3s all ease-out;
            cursor: pointer;
            position: relative;
            top: 0px;

            // &.is-not-pro {
            //   top: -2px;
            //   color: #e7294b;
            // }

            &:not(.is-not-pro):hover {
              color: #202224;

              span.dashicons::before {
                color: #202224;
              }
            }
            span.dashicons {
              &::before {
                color: rgb(103, 110, 116);
                font-size: 14px;
                margin-right: 2px;
                display: block;
                transform: translateY(1px);
                transition: 0.3s all ease-out;
              }
            }
          }
        }

        .rtl & {
          float: left;

          a.slimstat-font-download span.dashicons::before {
            margin-right: 0px;
            margin-left: 3px;
          }
        }
      }

      h3 {
        background-color: #ffffff;
        color: #202224;
        padding: 18px 15px;
        border: none;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -0.43px;

        .header-tooltip {
          margin: 0px 5px;
          display: inline-block;
          transform: translateY(3px);

          &:hover svg path {
            fill: #202224;
          }
        }
      }

      .slimstat-browser-icon,
      span.slimstat-flag-container {
        position: relative !important;
        width: 18px;
        height: auto !important;
        float: left !important;
        margin: 0px 10px 0px 0px;
        transform: translateY(1px);
        border-radius: 60px;
      }

      .slimstat-author-link {
        img {
          position: relative !important;
          width: 18px;
          height: auto !important;
          float: left !important;
          margin: 0px 10px 0px 0px;
          transform: translateY(1px);
          border-radius: 60px;
        }
      }

      .slimstat-tooltip-trigger {
        .slimstat-tooltip-bar-wrap {
          z-index: 0 !important;
          position: absolute;
          display: block;
          width: calc(100% - 30px);
          height: 100%;
          top: 0;
          left: 0;
          margin: 0px 15px;
          box-sizing: border-box;
        }

        * {
          z-index: 2 !important;
          position: relative;
        }

        a {
          max-width: 80%;
          display: inline-block;
          color: #202224;
          font-weight: 600;
          vertical-align: top;
          font-size: 12px;
        }
      }
    }
  }

  p.slimstat-tooltip-trigger {
    border: none !important;
    margin-bottom: 8px;
  }

  .pagination {
    color: #6f7478;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 2;
    width: 100%;
    padding: 10px 15px;
  }
  a.refresh.slimstat-font-angle-double-right,
  a.refresh.slimstat-font-angle-right,
  a.refresh.slimstat-font-angle-double-left,
  a.refresh.slimstat-font-angle-left {
    width: 24px;
    border: solid 1px #dadce0;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
  }

  a.refresh.slimstat-font-angle-double-right:before,
  a.refresh.slimstat-font-angle-right:before,
  a.refresh.slimstat-font-angle-double-left:before,
  a.refresh.slimstat-font-angle-left:before {
    color: #676e74 !important;
    font-size: 13px;
  }

  span.slimstat-tooltip-bar {
    display: block;
    height: 100%;
    max-width: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
    background-color: var(--box-bar-color);
    border-radius: 6px;
  }

  .slimScrollDiv {
    p {
      padding: 10px 25px;

      &.header {
        //background-color: $grayFive;
        border: none;
      }
    }

    code {
      border-radius: 3px;
      background-color: white;
      padding: 3px 7px;
    }
  }
}

.wrap.slimstat {
  table.widefat {
    border: none;

    tbody {
      tr {
        &:nth-child(even) {
          background-color: $grayFive;
        }

        td {
          vertical-align: middle;
        }
      }
    }

    thead {
      background-color: $veryLightBrand;

      th {
        white-space: nowrap;
        border: none;
        border-top: 1px solid $brand;
        border-bottom: 1px solid $brand;
        color: black;
        padding: 8px 10px;
        vertical-align: middle;

        a {
          color: $brand;
        }
      }
    }
  }
}

.slimstat-header {
  padding: 30px 25px;
  margin-bottom: 20px;
  background-color: #2b2b2b;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-left: -20px;
  box-sizing: border-box;

  .logo {
    width: 180px;
    height: auto;
  }

  .vr-line {
    background-color: #9a9a9a;
    margin: 0 40px;
    display: block;
    width: 1px;
    height: 40px;
  }

  .go-pro {
    text-align: left;

    a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 3px;
      color: white;
      text-decoration: none;
      font-size: 15px;
      font-weight: 400;
      cursor: pointer;

      .icon {
        background: url("../images/white-right-chevron.png") no-repeat center center/contain;
        width: 10px;
        height: 10px;
        margin-left: 5px;
        display: block;
      }
    }

    p {
      text-align: left;
      font-weight: 300;
      color: white;
      margin: 0;
    }
  }

  .pro-badge {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: white;

    p {
      margin: 0;
    }

    .icon {
      background: url("../images/pro-badge.png") no-repeat center center/contain;
      width: 16px;
      height: 16px;
      margin-right: 7px;
      display: block;
    }
  }

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

    .pro-badge {
      right: auto;
      left: 20px;

      .icon {
        margin-left: 7px;
        margin-right: 0;
      }
    }

    .go-pro {
      a .icon {
        background: url(../images/white-right-chevron.png) no-repeat center center/contain;
        margin-left: 0px;
        margin-right: 5px;
        transform: scaleX(-1);
      }

      p {
        text-align: right;
      }
    }
  }

  @media (max-width: 500px) {
    display: block;

    .vr-line {
      margin: 20px 0;
      width: 100%;
      height: 1px;
    }

    .go-pro {
      margin-top: 20px;
    }

    .pro-badge {
      right: 10px;

      .rtl & {
        left: 10px;
        right: auto;
      }
    }
  }
}

.slimstat-layout {
  position: relative;

  .postbox-container {
    border: solid 1px #f0f0f0;

    &:has(.ui-sortable-placeholder) {
      border: dashed 1px #ff8080;
    }

    .meta-box-sortables,
    h2 {
      background-color: #fff !important;
      color: #202224;
      padding: 18px 15px;
      font-size: 16px !important;
      font-weight: bold !important;
      letter-spacing: -0.43px;
    }
  }
  .postbox {
    border-radius: 8px !important;
    box-shadow: none !important;
    background-color: #fff;

    h3 {
      font-weight: 400 !important;
      padding: 12px 15px !important;
      background-color: #f1f1f1 !important;
      font-size: 14px !important;
    }
  }
}

#dashboard-widgets-wrap {
  .postbox {
    .slimstat-tooltip-trigger.corner {
      display: inline-block;
      float: none;
      margin-right: 3px;
      cursor: help;

      &::before {
        color: #aaaaaa;
        display: block;
        transform: scaleX(-1);
      }
    }
  }
}

.slimstat-pro-modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px);
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 20;
  display: none;
}

.slimstat-pro-modal {
  position: fixed;
  z-index: 30;
  transform: translateX(-50%);
  background-color: white;
  border-radius: 25px;
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.15);
  padding: 40px 4%;
  text-align: center;
  box-sizing: border-box;
  max-width: 720px;
  margin-top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  top: 45%;
  transform: translateX(-50%) translateY(-50%);

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  #slimstat-pro-modal-close {
    position: absolute;
    cursor: pointer;
    top: 30px;
    right: 10%;
    width: 30px;
    height: 30px;
    opacity: 0.3;
    transition: 0.3s all ease-out;
    background: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6172 31.1641C24.9015 31.1641 31.6172 24.4483 31.6172 16.1641C31.6172 7.87979 24.9015 1.16406 16.6172 1.16406C8.33292 1.16406 1.61719 7.87979 1.61719 16.1641C1.61719 24.4483 8.33292 31.1641 16.6172 31.1641Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.1172 11.6641L12.1172 20.6641' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.1172 11.6641L21.1172 20.6641' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / contain;

    &:hover {
      opacity: 1;
    }
  }

  h2 {
    .subtitle {
      font-size: 18px;
      margin-bottom: 12px;
      color: $grayOne;
      display: block;
    }

    .title {
      color: $brand;
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 25px;
      display: block;
    }
  }

  .description {
    color: $grayTwo;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 25px;
  }

  .scroller {
    max-height: 45vh;
    overflow-y: auto;
    /* Customize scrollbar styles for Webkit browsers (Chrome, Safari, newer versions of Opera) */
    scrollbar-width: thin;
    scrollbar-color: #333333 #f5f5f5;

    /* Customize scrollbar styles for older versions of Webkit browsers */
    scrollbar-face-color: #f5f5f5; /* Scrollbar background color */
    scrollbar-arrow-color: #333333; /* Up and down arrow color */
    scrollbar-track-color: #f5f5f5; /* Track color */
    scrollbar-shadow-color: #333333; /* Shadow color */
    scrollbar-highlight-color: #333333; /* Highlight color */
    scrollbar-3dlight-color: #333333; /* 3D light shadow color */
    scrollbar-darkshadow-color: #333333; /* Dark shadow color */

    &::-webkit-scrollbar {
      width: 5px;
    }

    /* Customize scrollbar thumb */
    &::-webkit-scrollbar-thumb {
      background-color: #333333; /* Thumb color */
      border-radius: 10px; /* Rounded corners for the thumb */
    }

    /* Customize scrollbar track */
    &::-webkit-scrollbar-track {
      background-color: #f5f5f5; /* Track color */
    }
  }

  .features-flex-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    .feature-item {
      flex: 0 0 45%;
      border-bottom: 1px solid $grayFour;
      padding: 15px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;

      h6 {
        color: $grayOne;
        font-weight: 500;
        font-size: 16px;

        .icon {
          transform: translateY(6px);
          width: 20px;
          height: 20px;
          margin-right: 7px;
          display: inline-block;
          background: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4463 7.90039V8.57696C16.4454 10.1628 15.9319 11.7058 14.9823 12.976C14.0328 14.2461 12.6982 15.1753 11.1774 15.625C9.65665 16.0746 8.03129 16.0206 6.54373 15.471C5.05617 14.9215 3.78612 13.9057 2.92298 12.5754C2.05985 11.245 1.64988 9.67128 1.75422 8.08889C1.85857 6.50649 2.47163 5.00021 3.50198 3.79471C4.53233 2.5892 5.92476 1.74905 7.4716 1.39956C9.01844 1.05007 10.6368 1.20997 12.0854 1.8554' stroke='%23E8294C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.445 2.69531L9.09097 10.0567L6.88477 7.85047' stroke='%23E8294C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / contain;
        }
      }

      .more-info-icon {
        display: block;
        width: 20px;
        height: 20px;
        margin-left: 3px;
        background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.20996 15.4014C12.1434 15.4014 15.332 12.2127 15.332 8.2793C15.332 4.34589 12.1434 1.15723 8.20996 1.15723C4.27655 1.15723 1.08789 4.34589 1.08789 8.2793C1.08789 12.2127 4.27655 15.4014 8.20996 15.4014Z' stroke='%23C3C4C7' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.13672 6.14245C6.30416 5.66645 6.63466 5.26508 7.06968 5.00942C7.5047 4.75376 8.01616 4.6603 8.51348 4.7456C9.0108 4.83091 9.46188 5.08946 9.78683 5.47548C10.1118 5.8615 10.2896 6.35007 10.2889 6.85465C10.2889 8.27907 8.15226 8.99127 8.15226 8.99127' stroke='%23C3C4C7' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.21094 11.8398H8.21769' stroke='%23C3C4C7' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / contain;
      }
    }
  }

  .go-pro-button {
    display: inline-block;
    padding: 15px 10px;
    width: 250px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    color: white;
    text-align: center;
    background-color: $brand;
    text-decoration: none;
    margin-top: 35px;
    transition: 0.3s all ease-out;

    &:hover {
      background-color: black;
    }
  }

  .rtl & {
    .features-flex-box {
      .feature-item {
        h6 .icon {
          margin-left: 7px;
          margin-right: 0;
        }
      }
    }

    #slimstat-pro-modal-close {
      left: 10%;
      right: auto;
    }
  }

  @media (max-width: 780px) {
    border-radius: 15px;
    padding: 20px 20px;
    width: 95%;

    #slimstat-pro-modal-close {
      top: 20px;
      right: 20px;
    }

    h2 {
      .subtitle {
        font-size: 15px;
      }

      .title {
        font-size: 18px;
      }
    }

    .features-flex-box {
      .feature-item {
        flex: 0 0 100%;

        h6 {
          .icon {
            transform: translateY(4px);
          }
        }
      }
    }
  }
}