/** weather widget **/

.weather {
   display: none;

   cursor: pointer;
   color: white;

   position: absolute;
   left: 330px;
   top: 9px;
   text-align: right;
   width: 170px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -ms-user-select: none;
}

.weather .dropdown-toggle:active,
.weather :active {
   outline: 0;
}

.weather a {
   color: white;
}

.weather .dropdown-toggle {
   height: 15px;
   width: 12px;
   display: inline-block;
   background-repeat: no-repeat;
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik04IDBsLTQgOC00LThoOHoiLz48L3N2Zz4%3D');
   background-position: 0px 6px;
}

.weather .dropdown-toggle:hover {
   background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGZpbGw9IiNjZGQwZDQiIGQ9Ik04IDBsLTQgOC00LThoOHoiLz48L3N2Zz4=');
}

/* For old browsers use a PNG */
.weather.nosvg .dropdown-toggle,
.weather.nosvg .dropdown-toggle:hover {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAABmJLR0QA/wD2AACCbnORAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gcdDAs1SO5gIQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAACRSURBVAjXY+xaeem/jjw/AzZw5eFHBpYbzz4r5wZo3eVgY8ZQsOvCKQamD9//3Nt//imG5PaTjxgevfvByMTAwMAwZ98Dxg+ff8Ilf/z6y7Dm+BNlBgYGBiaY4Oztt+AKVh24x/Dh+597DAwMDCwwwRN33zPee/bpPyc7M8PGs88ZYeIsyPZO3nyDgZeTFcUtAPy9NiWjUymDAAAAAElFTkSuQmCC');
   background-position: 0px 8px;
}

.weather .dropdown-menu {
   outline: none;
   height: 0px;
   text-align:left;
   /** visibility can be transitioned **/
   visibility: hidden;
   overflow: hidden;
   width: 120px;

   background-color: #06406e;
   opacity: 0.9;
   margin: 10px 0px 0px 0px;

   padding: 8px 0px 0px 10px;
   line-height: 18px;
   font-size: 12px;
   position: absolute;
   transition: visibility,height 0.05s ease;
}

.weather .dropdown-menu div:hover {
   text-decoration: underline;
}

.weather .dropdown-menu div.selected {
   color: #abbfd2;
}

.weather.open .dropdown-menu {
   visibility: visible;
   height: 168px;
   z-index: 1000;
}

.weather .weather-content {
   font-family: "ORF ON Condensed", sans-serif;
   font-weight: 500;
   font-size: 15px;
}

.weather .weather-content a {
   text-decoration: none;
}

.weather .weather-content a:hover {
   color: #d9dce0;
}

.weather .weather-content .icon {
   display: inline-block;
   width: 37px;
   height: 37px;
   position: relative;
   top: 13px;
}