/* FONT */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=latin-ext');
body {
  font-family: 'Open Sans', sans-serif;
}

/* PRIMARY COLOR */
.skin-color-primary,
.skin-color-hover-primary:hover {
  color: #00adef;
}
::selection,
.skin-bg-primary,
.skin-bg-hover-primary:hover,
.skin-bg-hover-pseudo-primary:hover:after,
.skin-bg-hover-pseudo-primary:hover:before {
  background-color: #00adef;
}
.skin-border-primary {
  border-color: #00adef;
}

/* PRIMARY DARK COLOR */
.skin-color-dark,
.wysiwyg h2,
.wysiwyg h1,
.wysiwyg h3,
.skin-color-hover-dark:hover:not(.skin-bg-dark),
.env-dark .skin-bg-hover-dark:hover,
.env-primary .skin-bg-hover-dark:hover,
.skin-color-pseudo-dark:after {
  color: #06038d;
}
.skin-bg-dark,
.skin-bg-hover-dark:hover,
.skin-bg-focus-dark:hover,
.skin-bg-pseudo-dark:after,
.skin-bg-pseudo-dark:before,
.skin-bg-hover-pseudo-dark:hover:after,
.skin-bg-hover-pseudo-dark:hover:before,
.env-primary .skin-bg-primary {
  background-color: #06038d;
}
.skin-border-dark {
  border-color: #06038d;
}

.chevron path {
  fill: #fff;
}
.chevron-slider path {
  fill: #e7e3e3;
}

/* SECONDARY COLOR */
.skin-color-secondary {
  color: #fe0000;
}

.skin-bg-secondary,
.skin-bg-hover-secondary:hover {
  background-color: #fe0000;
}

.skin-border-secondary {
  border-color: #fe0000;
}

/* CUSTOM CSS */
.foo {
  display: flex;
}

.pairing-btn-decline:hover {
  background: #e7e3e3;
}
.button-decline-logout:hover {
  background: #e7e3e3;
}

/* TOAST NOTIFICATIONS (LIKE "ADD TO CART" MESSAGE) */
.toast-message {
  background-color: #06038d;
  color: #fff;
  border-color: #fff;
}

/* The color of separator(border) in the header top items(social, login, language switcher) - white by default */
.header__block.header__block--links .header__link:before,
.header__block.header__block--links .selectbox:before {
  background: #fff;
}

/*SIDEBAR BACKGROUND AND FONT COLORS*/
.header__block.drawer.header__block--nav.skin-bg-dark {
  background-color: #fff;
  color: #06038d;
}

/*COLOR OF NAV ITEMS IN THE HEADER AND MENU ITEMS NAME */
.nav--stack .nav__link,
.nav__list .nav__link {
  color: #fff;
}

.drawer .nav--stack .nav__link,
.drawer .nav__list .nav__link {
  @media only screen and (max-width: 720px) {
    color: #06038d;
  }
}

.drawer .nav__list__item {
  background-color: #fff;
}

/*COLOR OF LANG CHANGE SELECTBOX*/
.drawer .selectbox__element {
  background-color: #06038d;
}

.drawer .selectbox--primary::after {
  color: #fff;
}

/*COLOR OF SVG's IN SIDEBAR */
.header__show-more svg path,
.header__block__drop--down svg path {
  fill: #06038d;
}

/*COLORS OF LOGOUT SIDEBAR BUTTON*/
.header__link.header__logout {
  background-color: #06038d;
  color: #fff;
}

/*FONT-WEIGHT OF LOGIN AND REGISTRATION BUTTONS IN SIDEBAR*/
.drawer .header__link--wrapper a {
  font-weight: bolder;
}

/*HOVER COLOR OF SOCIAL ICONS*/
.social-links .social-links__item__icon:hover {
  fill: #ffeb3b;
}

.details-cell__name,
.details-cell__name-clickable {
  color: #06038d;
}
.details-cell__name-clickable:hover {
  color: #00adef;
}

/*DEFINITIONS USED FOR COMBOBOX IN CUSTOMERFIELDS*/
.combobox .skin-color-dark {
  color: #06038d !important;
}

.combobox .skin-color-primary {
  color: #fff !important;
}

.combobox .skin-bg-dark {
  background-color: #06038d !important;
}

.combobox .skin-bg-hover-dark {
  background-color: rgba(20, 92, 130, 0.3) !important;
}

.combobox .skin-border-dark {
  border-color: #06038d !important;
}

/*DEFINITIONS USED FOR VIRTUAL NUMPAD ON TOPUP PAGE*/
.numpad .skin-color-dark {
  color: #06038d !important;
}

.numpad .skin-bg-chosen {
  background-color: #00adef !important;
  border-color: #00adef !important;
  color: #fff !important;
}

.numpad .skin-bg-dark {
  background-color: #06038d !important;
}

.numpad .skin-color-primary {
  color: #fff !important;
}

.numpad .skin-bg-primary {
  background-color: #00adef !important;
}