: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: #219c53;
    --m-menu-color: #5c5c5c;
    --m-weather-color: #9c9c9c;
    --m-table-row-color: #ebebeb;
    --m-border-int: #bfbfbf;
    --m-button-maps: #e7e9e9;
  }

  html {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  /* *** font *** */
  body {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  }
  strong {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
  }
  /* *** font end *** */

  /* *** 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 a {
    color: var(--m-white);
    background-color: var(--m-menu-color);
  }
  .menu a:hover,
  .menu a.on {
    background-color: var(--m-search-color);
  }
  /* *** menu end *** */

  /* *** map *** */
  #toggleMenu {
    border-color: var(--m-black);
  }
  .menu 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);
    display: none;
  }
  .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-search-color);
  }
  .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 *** */
