@import url("./../shared/css/fonts.css");
@import url("./colors.css");

:root {
  --menu-desktop-logo-height: 25px;
  
  --menu-desktop-bg-color-hover: rgba(var(--theme-color-primary-rgb), 0.08);
  --menu-desktop-bg-color-active: rgba(var(--theme-color-primary-rgb), 0.04);

  --menu-mobile-bg-color: rgb(var(--theme-color-core-rgb));
  --menu-mobile-bg-color-active: rgb(var(--theme-color-core-rgb));
  --menu-mobile-bg-color-hover: rgb(var(--theme-color-core-rgb));
  --menu-mobile-color: rgb(var(--theme-color-core-contrast-rgb));

  --copyright-logo-height: 55px;

  --disabled-component-color: #737373;

  --theme-empty-chart-color-rgb: 234, 234, 234;
  --theme-bar-chart-color-rgb: 10, 165, 245;
  --theme-line-chart-color-rgb: 10, 165, 245;
  --theme-progressbar-chart-color-rgb: 10, 165, 245;
}

* {
  --theme-font-family: "Rubik", sans-serif;
  --theme-h1-font: normal normal 600 32px/30px var(--theme-font-family);
  --theme-h2-font: normal normal 600 26px/30px var(--theme-font-family);
  --theme-h3-font: normal normal 600 22px/26px var(--theme-font-family);
  --theme-h4-font: normal normal 600 20px/20px var(--theme-font-family);
  --theme-h5-font: normal normal 600 18px/24px var(--theme-font-family);
  --theme-h6-font: normal normal 600 16px/20px var(--theme-font-family);
  --theme-subtitle-font: normal normal 300 13px/15px var(--theme-font-family);
  --theme-body-font: normal normal 300 15px/24px var(--theme-font-family);
  --theme-strong-font: normal normal bold 16px/19px var(--theme-font-family);
  --theme-small-font: normal normal 300 14px/18px var(--theme-font-family);
  --theme-small-strong-font: normal normal bold 14px/20px var(--theme-font-family);
  --theme-button-font: normal normal 600 13px/20px var(--theme-font-family);
}

.nav {
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

.nav--core,
.nav--core .nav-btn,
.nav--core .nav-dropdown__btn {
  background: transparent !important;
  color: var(--theme-color-text) !important;
  --color-core-hover: rgb(var(--theme-color-core-rgb)) !important;
  --color-core-hover-rgb: var(--theme-color-core-rgb) !important;
  --color-core-focus: rgb(var(--theme-color-core-rgb)) !important;
  --color-core-focus-rgb: var(--theme-color-core-rgb) !important;
  --color-core-active: rgb(var(--theme-color-core-rgb)) !important;
  --color-core-active-rgb: var(--theme-color-core-rgb) !important;
  --background-opacity-hover: 0.04 !important;
  --background-opacity-focus: 0.04 !important;
  --background-opacity-active: 0.04 !important;
}

.nav--core .nav-btn,
.nav--core .nav-dropdown__btn {
  margin-bottom: 1px !important;
}

.app-top-header-profile-icon {
  border: 1px solid #fff !important;
}

.cui-tab-bar-btn-link {
  opacity: 0.3 !important;
}

.cui-tab-bar-btn-link.active {
  opacity: 1 !important;
}

.cui-select__item {
  --cui-color-hover: rgba(var(--theme-color-hover-rgb), 0.4) !important;
}

.cui-pill {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.action-menu--desktop .cui-dropdown .action-menu--desktop__btn ion-icon {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.subscription-detail__name {
  color: var(--color-text) !important;
}

.webcontent-filter-settings__presets__btn.inactive {
  --color-base: rgba(var(--color-hover-rgb), 0.35) !important;
  --color-contrast: rgb(var(--color-primary-rgb)) !important;
}

.protection-status--success {
  color: #fff !important;
  background: rgb(81, 103, 138) !important;
}

.protection-status .icon-ok-outline {
  --icon-ok-outline: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDYwIDYwIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yKSI+CiAgICAgICAgPHBhdGggZmlsbD0iIzU5YWU1YyIKICAgICAgICAgICAgZD0iTTIxLDBIMzlBMjEsMjEsMCwwLDEsNjAsMjFWMzlBMjEsMjEsMCwwLDEsMzksNjBIMjFBMjEsMjEsMCwwLDEsMCwzOVYyMUEyMSwyMSwwLDAsMSwyMSwwWiIKICAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAwKSIgLz4KICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICAgIGQ9Ik00Mi44NzIsMjAuMDFhMi4xODQsMi4xODQsMCwwLDEsLjExLDMuMDg2TDMyLjgxNSwzNC4wMjNsMCwwLTQuMSw0LjQtLjQxMi40NDMtLjUyMS41NmEyLjEzMiwyLjEzMiwwLDAsMS0uMi4xOTIsMS45NDgsMS45NDgsMCwwLDEtMi43NDQtLjIzMmwtNC43MTItNS4zNjRoLjAxNmwtMy42LTQuMTA5YTIuMTgzLDIuMTgzLDAsMCwxLDIuOTgzLTMuMTY0bDYuNTEyLDUuMDQxLDEzLjktMTEuODU5YTIuMTgyLDIuMTgyLDAsMCwxLDIuODY2LjAyOWwuMDE3LjAxNS4wMzcuMDMzIgogICAgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjk5MSAwLjU4OSkiIC8+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-image: var(--icon-ok-outline);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  mask: unset !important;
  -webkit-mask: unset !important;
  background-color: unset !important;
}