/**
 * @copyright	Azet.sk, a.s.
 * @author	Matej Bohac <matej.bohac@firma.azet.sk>
 * @project	Weather
 */
/** colors **/
/** borders **/
/** buttons **/
/**flags **/
.metropolies-container {
  font-size: 0;
  text-align: left;
}
.metropolies-container .city-main-container {
  display: inline-block;
  width: 33.3334%;
  padding-right: 15px;
}
.metropolies-container .city-main-container .city-main-wrapper {
  width: 100%;
  padding: 15px 0;
}
@media (max-width: 1023px) {
  .metropolies-container .city-main-container .city-main-wrapper {
    padding: 10px 0;
  }
}
.metropolies-container .city-main-container .city-main-wrapper.divider-dotted {
  border-right: 1px dashed rgba(0, 0, 0, 0.1);
}
.metropolies-container .city-main-container .city-main-wrapper .city {
  width: 100%;
  padding-right: 90px;
  position: relative;
  height: 50px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .metropolies-container .city-main-container .city-main-wrapper .city {
    height: auto;
    display: block;
    text-align: center;
    padding-right: 0;
  }
}
.metropolies-container .city-main-container .city-main-wrapper .city .city-name {
  line-height: 50px;
  text-align: left;
}
@media (max-width: 1023px) {
  .metropolies-container .city-main-container .city-main-wrapper .city .city-name {
    text-align: center;
    line-height: 14px;
  }
}
@media (max-width: 1023px) {
  .metropolies-container .city-main-container .city-main-wrapper .city .city-weather-icon .weather-img-medium {
    float: none;
    width: 50px;
  }
}
.metropolies-container .city-main-container .city-main-wrapper .city .weather-info {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 5px;
  width: 90px;
  height: 50px;
  padding-top: 5px;
}
@media (max-width: 1023px) {
  .metropolies-container .city-main-container .city-main-wrapper .city .weather-info {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0;
    line-height: 14px;
  }
}
@media (max-width: 1023px) {
  .metropolies-container .city-main-container .city-main-wrapper .city .weather-info .temperature-medium {
    line-height: 16px;
  }
}
.metropolies-container .city-main-container .city-main-wrapper .city .weather-info .forecast-text {
  font-size: 12px;
}