: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: #098fd9;
  --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 a {
  color: var(--m-white);
  background-color: var(--m-search-color);
}
.menu a:hover,
.menu a.on {
  color: var(--m-white);
  background-color: #087bbb;
}
@media (max-width: 767.98px) {
  .menu ul li + li {
    margin-top: 1px;
  }
}
@media (min-width: 768px) {
  .menu ul li + li {
    margin-left: 1px;
  }
}
/* *** menu end *** */

/* *** map *** */
#toggleMenu {
  border-color: var(--m-black);
}
.menu ul {
  background-color: var(--m-white);
}
.meteo .nav-pills .nav-link {
	color: var(--m-black);
  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-black);
	background-color: #b1cde2;
}
.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 *** */

/* font family */
body {
  --mainFont: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-family: var(--mainFont);
}
.news-main-title {
  font-family: var(--mainFont);
  font-weight: bold;
}
.meteo #add-day.nav-pills .nav-link,
.menu ul li a,
.logo-meteo,
.sidebar .news-title,
.news-int .news-title,
.table-striped > thead > tr th {
  font-family: var(--mainFont);
  font-weight: bold !important;
}
.news-intro {
  font-family: var(--mainFont);
}
strong {
  font-family: inherit;
  font-weight: bold;
}

.menu ul li a {
  padding-left: 0;
  padding-right: 0;
}

/* header */
.page-header,
footer {
  font: 14px/16px Arial, 'Helvetica Neue', Helvetica, sans-serif;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #252525;
}
h1, h2, h3 {
  text-rendering: optimizeLegibility;
}
h1 a {
  color: #000;
}
.page-header img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.assistive-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* footer */
#page-footer {
  padding: 30px 10px;
  margin: -1px auto 0 auto;
  position: relative;
  clear: both;
  background-color: #f5f5f5;
  -webkit-box-shadow: inset 0 15px 15px -15px rgba(150, 150, 150, 0.3);
  -moz-box-shadow: inset 0 15px 15px -15px rgba(150, 150, 150, 0.3);
  box-shadow: inset 0 15px 15px -15px rgba(150, 150, 150, 0.3);
  padding: 30px 0;
}
.bottom-footer {
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  padding: 15px 0;
  margin-bottom: 15px;
}
ul.bottom-footer {
  list-style: none;
  list-style-type: none;
}
.bottom-footer li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  margin-right: 20px;
}
#page-footer a, #page-footer a:visited {
  text-decoration: none;
  color: #252525;
}
#page-footer a:hover, #page-footer a:visited:hover {
  color: #167fc3;
}
.bottom-footer a, .bottom-footer a:visited {
  font: 14px/21px Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #252525;
}
.bottom-footer li.last {
  margin: 0;
  padding: 0;
}
#page-footer .footer-small {
  font: 13px/22px Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
#page-footer .footer-small a, #page-footer .footer-small a:visited {
  font: 13px/22px Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #167fc3;
}
#page-footer .footer-small a:hover, #page-footer .footer-small a:visited:hover {
  color: #087bbb;
}