html
{
  scroll-behavior: smooth;
}

.ltr
{
  direction: ltr
}

img.sub
{
  vertical-align: sub
}

.hourly_forecast_container
{
  margin: 0
}

.hourly_forecast_container span.hourly_title
{
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: baseline;
}

.hourly_title .hourly_kph
{
  margin-right: 2px;
}

.hourly_title img
{
  vertical-align: sub;
  margin-right: 2px;
}

.hourly_forecast_container td
{
  vertical-align: middle
}

.hourly_day
{
  cursor: pointer;
  font-size: 16px;
  padding: 5px 5px;
  margin: 5px 0;
  background-color: #f3f3f3;
  border-bottom: 3px solid #dbe3e8
}

.hourly_hour
{
  color: #333;
  padding: 5px 5px
}

.hourly_data
{
  border-bottom: 1px solid #dbe3e8
}

.hourly_kph, .hourly_mm
{
  font-size: 10px
}

details[open] summary ~ *
{
  animation: sweep .5s ease-in-out
}

@keyframes sweep
{
  0%
  {
    opacity: 0;
    margin-left: -10px
  }
  100%
  {
    opacity: 1;
    margin-left: 0
  }
}

.weather_box
{
  max-width: 50.25rem
}

.ltr
{
  direction: ltr;
  display: inline-block;
}

.rtl
{
  direction: rtl
}

.textaligncenter
{
  text-align: center
}

.row.row2
{
  clear: both
}

.cell
{
  display: inline-block;
  vertical-align: top;
  font-size: 16px
}

.ConditionsSummary
{
  margin: 0 0 1% 0;
  padding: 1% 0.5%;
  background: #f3f3f3;
  line-height: 30px;
  font-size: 16px;
}

@media screen and (max-width: 768px)
{
  .ConditionsSummary
  {
    padding: 1% 2%;
  }
}

.wf-1-2
{
  width: 100%;
  background: #f3f3f3;
  display: flex;
  align-items: center;
}

.forecast-banner
{
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  height: auto;
  clear: both;
  margin-top: 10px
}

.forecast-banner ins
{
  margin: 10px 0
}

.adslot_1
{
  display: inline-block;
  width: 100%;
  height: auto;
}

@media (min-width: 500px)
{
  .adslot_1
  {
    width: 100%;
    height: auto
  }
}

@media (min-width: 800px)
{
  .adslot_1
  {
    width: 100%;
    height: auto
  }
}

.day
{
  padding: 0 .2rem;
  width: 19%;
  margin-top: 4%;
  background: #fafafa
}

.current-weather .temperature
{
  font-size: 3rem;
  line-height: 1em;
  transition: color 2s ease
}

.cur_temperature .max
{
  color: red
}

.cur_temperature .min
{
  color: #00f
}

#weather_data .row2
{
  margin-top: 5%
}

#country_description
{
  margin-bottom: 1rem
}

.circle
{
  border-radius: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 2px
}

#uv-scale-0, #uv-scale-0\.0
{
  background: #dcdcdc
}

#uv-scale-1, #uv-scale-1\.0, #uv-scale-2, #uv-scale-2\.0
{
  background: #00b050
}

#uv-scale-3, #uv-scale-3\.0, #uv-scale-4, #uv-scale-4\.0, #uv-scale-5, #uv-scale-5\.0
{
  background: #cc0
}

#uv-scale-6, #uv-scale-6\.0, #uv-scale-7, #uv-scale-7\.0
{
  background: #f79646
}

#uv-scale-10, #uv-scale-10\.0, #uv-scale-8, #uv-scale-8\.0, #uv-scale-9, #uv-scale-9\.0
{
  background: red
}

#uv-scale-11, #uv-scale-11\.0, #uv-scale-12, #uv-scale-12\.0, #uv-scale-13, #uv-scale-13\.0, #uv-scale-14, #uv-scale-14\.0
{
  background: #7030a0
}

.icon_container
{
  height: 54px;
  position: relative
}

.cell.later .icon_container
{
  height: 2.4rem;
  margin-top: 10px
}

#page-forecast .large p
{
  padding: 0 5px;
  line-height: 1.7rem
}

.forecast-container, .forecast-container ul
{
  padding: 0;
  margin: 0
}

.forecast-container
{
  width: 325px;
  border: 1px solid #ccc
}

.forecast-container li
{
  list-style-type: none
}

.forecast-container .row
{
  border: none;
  border-bottom: 2px dotted #ccc;
  padding: .5em 0;
  background: url(/images/grey-up.png) bottom repeat-x
}

.forecast-container .row > li
{
  display: inline-block
}

.forecast-container .title
{
  font-size: 12px
}

.forecast-container .date
{
  width: 57%;
  padding-right: 3%
}

.forecast-container .temperatures
{
  width: 15%;
  padding: 0 5%
}

.forecast-container .image
{
  width: 15%
}

.forecast-container .weather-type
{
  color: #225bd0
}

.forecast-container .temperatures .max
{
  color: red;
  direction: ltr
}

.forecast-container .temperatures .min
{
  color: #00f;
  direction: ltr
}

.forecast-container .last-update
{
  text-align: left;
  padding-left: .5em;
  font-size: 12px
}

.forecast-details-title
{
  color: #3b5998;
  font-size: 16px;
  padding: 0 5px
}

.forecast-more-info
{
  background: url(/pics/uploads/65CnyskgOVmoEQHUehriNe/16BTHnYGflyofaUKtZPNMz.png) right 8px top 2px no-repeat #f7f7f7;
  padding-right: 30px;
  border: 1px solid #888;
  border-radius: 3px;
  box-shadow: 0 0 5px #888;
  margin-top: 20px;
  font-size: 13px;
  margin-bottom: 20px
}

.forecast-area-info
{
  float: right;
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 20px;
  width: 180px
}

.forecast-area-info .fa
{
  color: #72c02c
}

.forecast-area-contact
{
  display: block
}

.humidity_text
{
  display: inline-block;
  width: 2em;
}

.humidity_icon
{
  color: #4b93ba;
  font-size: 15px;
}

.umbrella
{
  color: #167efb;
  margin: 0 0 0 4px;
  font-size: 16px;
}

.wind_dir
{
  color: #c93e3c;
  margin: 0px 1px 0 5px;
  font-size: 21px;
}

.strong_wind
{
  color: rgb(59, 186, 199);
  margin: 0px 1px 0 5px;
  font-size: 18px;
}

@media screen and (max-width: 768px)
{
  .wf-1-2
  {
    width: 100%
  }

  .forecast-banner
  {
    width: 100%;
    height: auto
  }

  .day
  {
    width: 47%
  }

  .cell
  {
    display: inline-block
  }

  .weather_box
  {
    width: 100%
  }

  .row.current .today .temperature
  {
    font-size: 3.5rem;
    width: 36%;
    vertical-align: top;
  }
}

.highcharts-data-table table
{
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  margin: 0 auto;
  border: 1px solid #EBEBEB;
  text-align: center;
  width: 100%;
  max-width: 100%
}

.highcharts-data-table caption
{
  padding: 1em 0;
  font-size: 1.2em;
  color: #555
}

.highcharts-data-table th
{
  font-weight: 600;
  padding: .5em
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption
{
  padding: .5em
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even)
{
  background: #f8f8f8
}

.highcharts-data-table tr:hover
{
  background: #f1f7ff
}

.highcharts-container
{
}

.highcharts-crosshair-label
{
  stroke-width: 1px;
  stroke: gray
}

.highcharts-crosshair-label text
{
  fill: #000
}

.labelDay
{
  display: block;
  font-size: 12px;
  text-align: center;
}

.LabelImage
{
  height: 36px;
  margin: 0 auto;
  display: block
}

.tooltip-series
{
  direction: ltr;
  display: inline-block;
  font-weight: bold
}

.labelRain
{
  direction: rtl;
  font-family: 'open sans hebrew';
}

.LabelImage
{
  height: 36px;
  margin: 0 auto;
  display: block
}

.tooltip-series
{
  direction: ltr;
  display: inline-block;
  font-weight: bold
}

#daylight
{
  display: flex;
  text-align: center;
  margin: 10px 0 0 0;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 8px 15px;
  font-size: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  align-items: center;
}

#daylight #sun
{
  transform: translate(80px, 40px);
}

#daylight .sun
{
  color: #1c3d67;
  font-size: 18px;
  margin: 0 2px;
}

#daylight .status
{
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

#daylight .times
{
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}

#daylight .times .item
{
  display: flex;
}

#daylight .bow
{
  transform-origin: 40px 40px;
  transform: rotate(180deg);
  stroke: #e87538;
  fill: none;
  stroke-width: 3px;
  stroke-linecap: round;
}

@media only screen and (max-device-width: 736px)
{
  .labelDay
  {
    display: block;
    font-size: 10px;
    text-align: center;
  }

  .LabelImage
  {
    height: 22px;
  }
}