@font-face {
    font-family: "Play";
    src: url("/img/Play-Regular.ttf");
}



a:visited {
    text-decoration: none;
}
a {
    text-decoration: none;
}
table {
    border-collapse: collapse;
}

a.dlink {
  font-family: Monospace;
  font-size: 18px;
  text-align: center;
  color: #000088;
  text-decoration: underline;
}

/* Кнопка выпадающего списка */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-family: "Play";
  font-size: 18px;
  border: none;
  min-width: 120px;
}

/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Ссылки внутри выпадающего списка */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-family: "Play";
}

/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content a:hover {background-color: #ddd;}

/* Показать выпадающее меню при наведении курсора */
.dropdown:hover .dropdown-content {display: block;}

/* Изменение цвета фона кнопки раскрывающегося списка при отображении содержимого раскрывающегося списка */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

/* Надпись заголовка */
.main_title {
  font-family: "Play";
  font-size: 24px;
  color: #005555
}

/* Footer */
.footer {
  font-family: "Play";
  font-size: 16px;
  text-align: center;
  color: #004444;
}

/* Left bar */
.left_title {
  font-family: "Play";
  font-size: 16px;
  text-align: center;
  color: #004444;
}

h2 {
  font-family: "Play";
  font-size: 24px;
  text-align: center;
  color: #004444;
}

h3 {
  font-family: "Play";
  font-size: 20px;
  text-align: center;
  color: #004444;
}



.rasp_name_shop {
  text-align: center;
  background-color: #FFFFBB;
  background: linear-gradient(to top, #FFFFFF, #FFFFAA);
  font-weight: bold;
}
.rasp_name_mup {
  text-align: center;
  background-color: #D5D5FF;
  background: linear-gradient(to top, #FFFFFF, #C5C5FF);
  font-weight: bold;
}
.rasp_name_bank {
  text-align: center;
  background-color: #CCFFCC;
  background: linear-gradient(to top, #FFFFFF, #CCFFCC);
  font-weight: bold;
}

.forecast_wind0 {
    background: linear-gradient(to top, #FFFFFF, #FFFFFF);
}
.forecast_wind2 {
    background: linear-gradient(to top, #BBFFBB, #FFFFFF);
}
.forecast_wind4 {
    background: linear-gradient(to top, #99FF99, #FFFFFF);
}
.forecast_wind6 {
    background: linear-gradient(to top, #BBFF77, #FFFFFF);
}
.forecast_wind9 {
    background: linear-gradient(to top, #FFFF77, #FFFFFF);
}
.forecast_wind12 {
    background: linear-gradient(to top, #FFAA77, #FFFFFF);
}
.forecast_wind15 {
    background: linear-gradient(to top, #FF7777, #FFFFFF);
}
.forecast_wind18 {
    background: linear-gradient(to top, #BB5555, #FFFFFF);
}
.forecast_wind24 {
    background: linear-gradient(to top, #993333, #FFFFFF);
}
.forecast_wind30 {
    background: linear-gradient(to top, #333333, #FFFFFF);
}

.forecast_windg0 {
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}
.forecast_windg2 {
    background: linear-gradient(to bottom, #BBFFBB, #FFFFFF);
}
.forecast_windg4 {
    background: linear-gradient(to bottom, #99FF99, #FFFFFF);
}
.forecast_windg6 {
    background: linear-gradient(to bottom, #BBFF77, #FFFFFF);
}
.forecast_windg9 {
    background: linear-gradient(to bottom, #FFFF77, #FFFFFF);
}
.forecast_windg12 {
    background: linear-gradient(to bottom, #FFAA77, #FFFFFF);
}
.forecast_windg15 {
    background: linear-gradient(to bottom, #FF7777, #FFFFFF);
}
.forecast_windg18 {
    background: linear-gradient(to bottom, #BB5555, #FFFFFF);
}
.forecast_windg24 {
    background: linear-gradient(to bottom, #993333, #FFFFFF);
}
.forecast_windg30 {
    background: linear-gradient(to bottom, #333333, #FFFFFF);
}
.forecast_powered {
    font-family: 'Lato', sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
}
.forecast_powered_logo {
    font-size: 12pt;
    color: #FFFFFF;
}
.forecasth_head {
    background-color: #BBBBBB;
    background: linear-gradient(to right, #AAAAAA, #FFFFFF);
}
.forecast_updated {
    color: #999999;
    background-color: #000000;
    padding: 0px;
}
.forecasth_prec00 {
    color: #000000;
    background-color: #FFFFFF;
}
.forecasth_prec05 {
    color: #000020;
    background-color: #D8D8FF;
    background: linear-gradient(to bottom, #FFFFFF, #D8D8FF);
}
.forecasth_prec10 {
    color: #000030;
    background-color: #CFCFFF;
    background: linear-gradient(to bottom, #FFFFFF, #CFCFFF);
}
.forecasth_prec20 {
    color: #000040;
    background-color: #BFBFFF;
    background: linear-gradient(to bottom, #FFFFFF, #BFBFFF);
}
.forecasth_prec30 {
    color: #000050;
    background-color: #AFAFFF;
    background: linear-gradient(to bottom, #FFFFFF, #AFAFFF);
}
.forecasth_prec40 {
    color: #000060;
    background-color: #9F9FFF;
    background: linear-gradient(to bottom, #FFFFFF, #9F9FFF);
}
.forecasth_prec60 {
    color: #000070;
    background-color: #8F8FFF;
    background: linear-gradient(to bottom, #FFFFFF, #8F8FFF);
}
.forecasth_prec80 {
    color: #000080;
    background-color: #7F7FFF;
    background: linear-gradient(to bottom, #FFFFFF, #7F7FFF);
}
.forecasth_prec100 {
    color: #000090;
    background-color: #6F6FFF;
    background: linear-gradient(to bottom, #FFFFFF, #6F6FFF);
}
.forecasth_precover {
    color: #0000A0;
    background-color: #5F5FFF;
    background: linear-gradient(to bottom, #FFFFFF, #5F5FFF);
}


.forecasth_prec_prob00 {
    color: #000000;
    background-color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}
.forecasth_prec_prob10 {
    color: #000020;
    background-color: #D8D8FF;
    background: linear-gradient(to bottom, #D8D8FF, #FFFFFF);
}
.forecasth_prec_prob20 {
    color: #000030;
    background-color: #CFCFFF;
    background: linear-gradient(to bottom, #CFCFFF, #FFFFFF);
}
.forecasth_prec_prob30 {
    color: #000040;
    background-color: #BFBFFF;
    background: linear-gradient(to bottom, #BFBFFF, #FFFFFF);
}
.forecasth_prec_prob40 {
    color: #000050;
    background-color: #AFAFFF;
    background: linear-gradient(to bottom, #AFAFFF, #FFFFFF);
}
.forecasth_prec_prob50 {
    color: #000060;
    background-color: #9F9FFF;
    background: linear-gradient(to bottom, #9F9FFF, #FFFFFF);
}
.forecasth_prec_prob60 {
    color: #000070;
    background-color: #8F8FFF;
    background: linear-gradient(to bottom, #8F8FFF, #FFFFFF);
}
.forecasth_prec_prob70 {
    color: #000080;
    background-color: #7F7FFF;
    background: linear-gradient(to bottom, #7F7FFF, #FFFFFF);
}
.forecasth_prec_prob80 {
    color: #000090;
    background-color: #6F6FFF;
    background: linear-gradient(to bottom, #6F6FFF, #FFFFFF);
}
.forecasth_prec_prob90 {
    color: #0000A0;
    background-color: #5F5FFF;
    background: linear-gradient(to bottom, #5F5FFF, #FFFFFF);
}

.forecasth_cloud00 {
    color: #000000;
    background-color: #FFFFFF;
    background: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}
.forecasth_cloud10 {
    color: #000020;
    background-color: #EFEFEF;
    background: linear-gradient(to bottom, #EFEFEF, #FFFFFF);
}
.forecasth_cloud20 {
    color: #000030;
    background-color: #DFDFDF;
    background: linear-gradient(to bottom, #DFDFDF, #FFFFFF);
}
.forecasth_cloud30 {
    color: #000040;
    background-color: #CFCFCF;
    background: linear-gradient(to bottom, #CFCFCF, #FFFFFF);
}
.forecasth_cloud40 {
    color: #000050;
    background-color: #BFBFBF;
    background: linear-gradient(to bottom, #BFBFBF, #FFFFFF);
}
.forecasth_cloud50 {
    color: #000060;
    background-color: #AFAFAF;
    background: linear-gradient(to bottom, #AFAFAF, #FFFFFF);
}
.forecasth_cloud60 {
    color: #000070;
    background-color: #9F9F9F;
    background: linear-gradient(to bottom, #9F9F9F, #FFFFFF);
}
.forecasth_cloud70 {
    color: #000080;
    background-color: #8F8F8F;
    background: linear-gradient(to bottom, #8F8F8F, #FFFFFF);
}
.forecasth_cloud80 {
    color: #000090;
    background-color: #7F7F7F;
    background: linear-gradient(to bottom, #7F7F7F, #FFFFFF);
}
.forecasth_cloud90 {
    color: #0000A0;
    background-color: #6F6F6F;
    background: linear-gradient(to bottom, #6F6F6F, #FFFFFF);
}


.forecasth_visibility500 {
    color: #000000;
    background-color: #FFFFFF;
    background: linear-gradient(to top, #FFFFFF, #FFFFFF);
}
.forecasth_visibility160 {
    color: #000020;
    background-color: #BFBFBF;
    background: linear-gradient(to top, #CFCFCF, #FFFFFF);
}
.forecasth_visibility120 {
    color: #000030;
    background-color: #AFAFAF;
    background: linear-gradient(to top, #AFAFAF, #FFFFFF);
}
.forecasth_visibility080 {
    color: #000040;
    background-color: #CFCFCF;
    background: linear-gradient(to top, #8F8F8F, #FFFFFF);
}
.forecasth_visibility050 {
    color: #000050;
    background-color: #BFBFBF;
    background: linear-gradient(to top, #7F7F7F, #FFFFFF);
}
.forecasth_visibility030 {
    color: #000060;
    background-color: #AFAFAF;
    background: linear-gradient(to top, #6F6F6F, #FFFFFF);
}
.forecasth_visibility020 {
    color: #000070;
    background-color: #9F9F9F;
    background: linear-gradient(to top, #5F5F5F, #FFFFFF);
}
.forecasth_visibility012 {
    color: #000080;
    background-color: #8F8F8F;
    background: linear-gradient(to top, #4F4F4F, #FFFFFF);
}
.forecasth_visibility007 {
    color: #000090;
    background-color: #7F7F7F;
    background: linear-gradient(to top, #3F3F3F, #FFFFFF);
}
.forecasth_visibility003 {
    color: #0000A0;
    background-color: #6F6F6F;
    background: linear-gradient(to top, #2F2F2F, #FFFFFF);
}