:root {
    --m-white: white;
    --m-black: black;
    --m-dark-white: #f2f2f2;
    --m-light-grey: #ddd;
    --m-light-grey-alt: #eee;
    --m-grey: #cecece;
    --m-grey-medium: #666;
    --m-grey-medium-alt: #888;
    --m-dark-grey: #444;
    --m-dark-grey-alt: #555;
    --m-snow-table-grey: #cfcfcf;
    --m-yellow: #ffbf4e;
    --m-blue: #3979b4;
    --m-azure: #4679b2;
    --m-widget-grey: #595959;

    --m-border-color: #efefef;
    --m-dark-border-color: #7f7f7f;
    --m-form-color: #a4a4a4;
    --m-triangle-color: #969696;
    --m-search-color: #007ab9;
    --m-menu-color: #5c5c5c;
    --m-weather-color: #9c9c9c;
    --m-table-row-color: #ebebeb;
    --m-border-int: #bfbfbf;
    --m-button-maps: #e7e9e9;
  }

  /* *** common *** */
  body {
    background-color: var(--m-white);
  }
  body, h1, h2, h3, h4, h5, h6, p, a {
    color: var(--m-black);
  }
  a:hover {
    color: var(--m-dark-grey);
  }
  /* *** common end *** */

  /* *** simplebar *** */
  .simplebar-scrollbar::before {
    background: var(--m-black);
  }
  /* *** simplebar end *** */

  /* *** menu *** */
  .menu:not(ul) {
    text-transform: uppercase;
    position: relative;
    z-index: 2;
  }
  .menu:not(ul) ul {
    padding: 0;
    margin: 0;
  }
  .menu:not(ul) ul li {
    flex: 1;
    list-style: none;
  }
  .menu:not(ul) ul li::marker {
    content: "";
  }
  .menu:not(ul) ul li a {
    height: 100%;
    font-size: 90%;
    letter-spacing: -.0025em;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem;
    transition: all .2s ease-in-out;
  }
  #toggleMenu {
    font-size: 3.75rem;
    color: var(--m-search-color);
    line-height: 1;
    background-color: transparent;
    border-width: 0;
    padding: 0;
  }
  .form-control:focus,
  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: none;
  }
  .menu:not(ul) a {
    color: var(--m-white);
    background-color: var(--m-menu-color);
  }
  .menu:not(ul) a:hover,
  .menu:not(ul) a.on {
    background-color: var(--m-search-color);
  }
  @media (max-width: 767.98px) {
    .menu:not(ul) ul {
      width: calc(100vw - var(--bs-gutter-x,.75rem));
      max-width: 516px;
      max-height: 0;
      opacity: 0;
      flex-wrap: wrap;
      transition: all .4s ease-in-out;
      overflow: hidden;
      position: absolute;
      right: 0;
    }
    .menu:not(ul) ul.open {
      opacity: 1;
    }
    .menu:not(ul) ul li {
      width: 100%;
      flex: auto;
    }
    .menu:not(ul) {
      margin-top: 1rem;
      margin-right: -10px;
      padding-left: 10px;
    }
  }
  @media (min-width: 768px) {
    #toggleMenu {
      display: none;
    }
    .menu:not(ul) {
      margin-top: 2.25rem;
    }
  }
  /* *** menu end *** */

  /* *** map *** */
  #toggleMenu {
    border-color: var(--m-black);
  }
  .menu:not(ul) ul {
    background-color: var(--m-white);
  }
  .meteo .nav-pills .nav-link {
      color: var(--m-search-color);
    background-color: var(--m-white);
  }
  .meteo #add-hour.nav-pills .nav-link {
      color: var(--m-black);
  }
  .meteo #add-weather.nav-pills .nav-link {
    color: var(--m-white);
    background-color: var(--m-weather-color);
  }
  .meteo .nav-pills .active .nav-link, .meteo .nav-pills .show > .nav-link,
  .meteo #add-hour.nav-pills .active .nav-link,
  .meteo #add-weather.nav-pills .active .nav-link {
      color: var(--m-white);
      background-color: var(--m-search-color);
  }
  .meteo-hour-link.active {
    background-color: var(--m-black);
    color: var(--m-white);
  }
  .table,
  .table-striped > tbody > tr:nth-of-type(2n+1),
  .table-striped > thead > tr th {
    color: var(--m-black);
  }
  .table-striped > tbody > tr:nth-of-type(2n+1) {
      --bs-table-accent-bg: var(--m-table-row-color);
  }
  .table-striped > tbody > tr:nth-of-type(2n) {
      --bs-table-accent-bg: var(--m-white);
  }
  .table-hover > tbody > tr:hover {
    color: var(--m-white);
      --bs-table-accent-bg: var(--m-grey-medium-alt);
  }
  .btn-meteo {
    background-color: var(--m-dark-white);
  }
  .btn-meteo.on {
    background-color: var(--m-yellow);
  }
  .t-min {
    color: var(--m-white);
    background-color: #1e96e1;
  }
  .t-max {
    color: var(--m-white);
    background-color: #b4003b;
  }
  .table-striped > thead > tr.t-head th {
    color: var(--m-white);
    background-color: var(--m-search-color);
  }
  .map-bg {
    background-color: var(--m-dark-white);
  }
  .cableway.red { color: #ed2024 !important; }
  .cableway.grey { color: #737373 !important; }
  .cableway.green { color: #11a249 !important; }
  /* *** map end *** */

  /* *** news + sidebar *** */
  .main-news,
  .sidebar-news,
  .date.internal,
  .m-border-int {
    border-color: var(--m-border-int);
  }
  .news-main-title {
    color: var(--m-black);
  }
  /* *** news + sidebar end *** */

  /* *** autocomplete *** */
  .meteo-autocomplete .input-group {
    border-color: var(--m-border-color);
  }
  .form-control {
    color: var(--m-form-color);
    background-color: transparent;
    border-color: var(--m-border-color);
  }
  .form-control:focus {
    color: var(--m-form-color);
    background-color: transparent;
  }
  .form-control::placeholder {
    color: var(--m-form-color);
  }
  .btn-outline-secondary {
    color: var(--m-search-color);
    border-color: var(--m-border-color);
  }
  .btn-outline-secondary:hover {
    border-color: var(--m-border-color);
  }
  /* *** autocomplete end *** */

  /* *** maps *** */
  .map-anim-control button:not(.round) {
    background-color: var(--m-button-maps);
  }
  /* *** maps end *** */

  /* *** spinner *** */
  .spinner-border {
    color: var(--m-search-color);
  }
  /* *** spinner end *** */

  /* *** snow *** */
  .snow-regions .col {
    border-color: var(--m-border-int);
  }
  .snow-table-index .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: var(--m-snow-table-grey);
  }
  .blue-label {
    color: var(--m-white);
    background-color: var(--m-blue);
  }
  .snow-table-index .table-striped > thead > tr.t-head th {
      color: var(--m-black);
      background-color: transparent;
  }
  .snow-table-detail .table-striped > thead > tr.t-head th {
      background-color: var(--m-weather-color);
  }
  .snow-table-detail tbody th {
    color: var(--m-azure);
  }
  .snow-table-detail tbody tr:hover th {
    color: var(--m-white);
  }
  .widget-snow {
    color: var(--m-widget-grey);
    background-color: var(--m-table-row-color);
    padding: .375rem;
  }
  .widget-snow .widget-info span + span {
    border-top-color: var(--m-widget-grey);
  }
  .widget-snow a,
  .iski a {
    color: var(--m-azure);
  }
  /* *** snow end *** */