body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   overflow-x: visible;
   overflow-y: visible;
}
.wb-theme-header
{
   background-color: #E9E9E9;
   background-image: none;
   border: 1px solid #DDDDDD;
   border-radius: 0px;
   color: #333333;
   --background-color: rgba(233,233,233,1.00);
   --border-color: #DDDDDD;
   --border-width: 1px;
   --color: #333333;
}
.wb-theme-content
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DDDDDD;
   border-radius: 0px;
   color: #333333;
   --background-color: rgba(255,255,255,1.00);
   --border-color: #DDDDDD;
   --border-width: 1px;
   --color: #333333;
   --icon-color: #444444;
   --colorize: invert(25%) sepia(14%) saturate(19%) hue-rotate(38deg) brightness(94%) contrast(91%);
}
.wb-theme-button, .wb-theme-static
{
   background-color: #F6F6F6;
   background-image: none;
   border: 1px solid #C5C5C5;
   border-radius: 0px;
   color: #454545;
   --background-color: rgba(246,246,246,1.00);
   --border-color: #C5C5C5;
   --border-width: 1px;
   --color: #454545;
}
.wb-theme-button:hover
{
   background-color: #EDEDED;
   background-image: none;
   border: 1px solid #CCCCCC;
   border-radius: 0px;
   color: #2B2B2B;
   --background-color: rgba(237,237,237,1.00);
   --border-color: #CCCCCC;
   --border-width: 1px;
   --color: #2B2B2B;
}
.wb-theme-button.active, .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #3370B7;
   background-image: none;
   border: 1px solid #2E6DA4;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(51,112,183,1.00);
   --border-color: #2E6DA4;
   --border-width: 1px;
   --color: #FFFFFF;
}
.darktheme .wb-theme-header
{
   background-color: #272B2F;
   background-image: none;
   border: 1px solid #424549;
   border-radius: 0px;
   color: #CCCCCC;
   --background-color: rgba(39,43,47,1.00);
   --border-color: #424549;
   --border-width: 1px;
   --color: #CCCCCC;
}
.darktheme .wb-theme-content
{
   background-color: #212529;
   background-image: none;
   border: 1px solid #495057;
   border-radius: 0px;
   color: #CCCCCC;
   --background-color: rgba(33,37,41,1.00);
   --border-color: #495057;
   --border-width: 1px;
   --color: #CCCCCC;
   --icon-color: #3370B7;
   --colorize: invert(35%) sepia(85%) saturate(439%) hue-rotate(171deg) brightness(99%) contrast(93%);
}
.darktheme .wb-theme-button, .darktheme .wb-theme-static
{
   background-color: #090909;
   background-image: none;
   border: 1px solid #3A3A3A;
   border-radius: 0px;
   color: #BABABA;
   --background-color: rgba(9,9,9,1.00);
   --border-color: #3A3A3A;
   --border-width: 1px;
   --color: #BABABA;
}
.darktheme .wb-theme-button:hover
{
   background-color: #121212;
   background-image: none;
   border: 1px solid #333333;
   border-radius: 0px;
   color: #D4D4D4;
   --background-color: rgba(18,18,18,1.00);
   --border-color: #333333;
   --border-width: 1px;
   --color: #D4D4D4;
}
.darktheme .wb-theme-button.active, .darktheme .wb-theme-button:active, .active > .wb-theme-button
{
   background-color: #3370B7;
   background-image: none;
   border: 1px solid #2E6DA4;
   border-radius: 0px;
   color: #FFFFFF;
   --background-color: rgba(51,112,183,1.00);
   --border-color: #2E6DA4;
   --border-width: 1px;
   --color: #FFFFFF;
}
#PageHeader1
{
   background-color: #000000;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageHeader1
{
   transition: opacity 500ms linear 0ms;
   opacity: 1;
}
#PageHeader1.scroll-up
{
   opacity: 0;
}
#wb_Temperature
{
   margin: 0;
   vertical-align: top;
}
#Temperature
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#FlexGrid2
{
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
   padding: 5px 5px 5px 5px;
}
#FlexGrid2-grid
{
   display: grid;
   height: 685px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
   font-size: 0;
   grid-column-gap: 5px;
   grid-row-gap: 5px;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-rows: auto auto 190px 190px 190px;
   grid-template-areas:
      "Header Header Header Header Header Header Header"
      "ReadTime ReadTime ReadTime ReadTime Readed Readed Readed"
      "Temperature Humidity WindDirection WindSpeed WindGust Relative Apsolute"
      "UV SOLAR RainRate RainEvent DailyRain WeeklyRain MonthlyRain"
      "DewPoint WindChill HeatIndex SSI EstLCL Theta-E SaturVAPOR";
}
#FlexGrid2 .Header
{
   display: flex;
   grid-area: Header;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#FlexGrid2 .ReadTime
{
   display: flex;
   grid-area: ReadTime;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#FlexGrid2 .Readed
{
   display: flex;
   grid-area: Readed;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#FlexGrid2 .Temperature
{
   display: flex;
   grid-area: Temperature;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .Humidity
{
   display: flex;
   grid-area: Humidity;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .WindDirection
{
   display: flex;
   grid-area: WindDirection;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .WindSpeed
{
   display: flex;
   grid-area: WindSpeed;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .WindGust
{
   display: flex;
   grid-area: WindGust;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .Relative
{
   display: flex;
   grid-area: Relative;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .Apsolute
{
   display: flex;
   grid-area: Apsolute;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .UV
{
   display: flex;
   grid-area: UV;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .SOLAR
{
   display: flex;
   grid-area: SOLAR;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .RainRate
{
   display: flex;
   grid-area: RainRate;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .RainEvent
{
   display: flex;
   grid-area: RainEvent;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .DailyRain
{
   display: flex;
   grid-area: DailyRain;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .WeeklyRain
{
   display: flex;
   grid-area: WeeklyRain;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .MonthlyRain
{
   display: flex;
   grid-area: MonthlyRain;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FF0000;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .DewPoint
{
   display: flex;
   grid-area: DewPoint;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .WindChill
{
   display: flex;
   grid-area: WindChill;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .HeatIndex
{
   display: flex;
   grid-area: HeatIndex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .SSI
{
   display: flex;
   grid-area: SSI;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .EstLCL
{
   display: flex;
   grid-area: EstLCL;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .Theta-E
{
   display: flex;
   grid-area: Theta-E;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid2 .SaturVAPOR
{
   display: flex;
   grid-area: SaturVAPOR;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#MediaPlayer2
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #000000;
   border-radius: 0px;
}
#wb_MediaPlayer2
{
   display: block;
   position: relative;
   margin: 0;
   height: 75px;
   vertical-align: top;
}
#SocialLayer
{
   background-color: transparent;
   background-image: none;
   border-radius: 0px;
}
#Picture3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: push 4000ms linear 0ms infinite normal both;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Picture4
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: push 6000ms linear 0ms infinite normal both;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Picture5
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: push 3000ms linear 0ms infinite normal both;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Picture6
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: push 5000ms linear 0ms infinite normal both;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Picture6:hover
{
   background-color: #FFFFFF;
   transition: background-color 500ms ease 0ms;
}
#Picture7
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: push 7000ms linear 0ms infinite normal both;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Picture8
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: push 1000ms linear 0ms infinite normal both;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Picture10
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: push 300ms linear 0ms infinite normal both;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text5 div
{
   text-align: center;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text6 div
{
   text-align: center;
}
#wb_Text6
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text9 div
{
   text-align: center;
}
#wb_Text9
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_TxtREADED 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_TxtREADED div
{
   text-align: center;
}
#wb_TxtREADED
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text3 div
{
   text-align: center;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text11 div
{
   text-align: center;
}
#wb_Text11
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text16 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text16 div
{
   text-align: center;
}
#wb_Text16
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_NaslovDATA 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_NaslovDATA div
{
   text-align: center;
}
#wb_NaslovDATA
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_home
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('images/Meteo.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100% 100%;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#home
{
   box-sizing: border-box;
   padding: 0 10px 10px 10px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1210px;
}
#home > .row
{
   margin-right: -10px;
   margin-left: -10px;
}
#home > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
   position: relative;
}
#home
{
   width: 1224px;
}
#home > .row > .col-1
{
   float: left;
}
#home > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#home:before,
#home:after,
#home .row:before,
#home .row:after
{
   display: table;
   content: " ";
}
#home:after,
#home .row:after
{
   clear: both;
}
@media (max-width: 0px)
{
#home
{
   width: 100%;
}
#home > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#FooterDesktop
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#FooterDesktop-grid
{
   display: grid;
   margin-right: auto;
   margin-left: auto;
   max-width: 1210px;
   font-size: 0;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: auto auto auto;
   grid-template-areas:
      "Question Question Question"
      "PortalLinks SocialLinks PartnerLinks"
      "Footer Footer Footer";
}
#FooterDesktop .Question
{
   display: flex;
   grid-area: Question;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#FooterDesktop .PortalLinks
{
   display: flex;
   grid-area: PortalLinks;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: flex-start;
   align-content: flex-start;
}
#FooterDesktop .SocialLinks
{
   display: flex;
   grid-area: SocialLinks;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#FooterDesktop .PartnerLinks
{
   display: flex;
   grid-area: PartnerLinks;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#FooterDesktop .Footer
{
   display: flex;
   grid-area: Footer;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_CopyRIGHT 
{
   background-color: #000000;
   background-image: none;
   border: 2px solid #FFFFFF;
   border-radius: 10px;
   padding: 5px 5px 5px 5px;
   margin: 0;
   text-align: center;
   animation: animate-border 500ms linear 0ms infinite normal both;
}
#wb_CopyRIGHT div
{
   text-align: center;
}
#wb_CopyRIGHT
{
   display: inline-block;
   margin: 0;
   width: 716px;
   height: 67px;
}
#wb_Picture1
{
   margin: 0;
   vertical-align: top;
}
#Picture1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: push 5000ms linear 0ms infinite normal both;
   display: inline-block;
   width: 48px;
   height: 45px;
   vertical-align: top;
}
#Picture1:hover
{
   background-color: #FFFFFF;
   transition: background-color 500ms ease 0ms;
}
#wb_Picture2
{
   margin: 0;
   vertical-align: top;
}
#Picture2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: push 4000ms linear 0ms infinite normal both;
   display: inline-block;
   width: 48px;
   height: 45px;
   vertical-align: top;
}
#wb_Picture9
{
   margin: 0;
   vertical-align: top;
}
#Picture9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: push 6000ms linear 0ms infinite normal both;
   display: inline-block;
   width: 48px;
   height: 45px;
   vertical-align: top;
}
#wb_Picture11
{
   margin: 0;
   vertical-align: top;
}
#Picture11
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: push 3000ms linear 0ms infinite normal both;
   display: inline-block;
   width: 48px;
   height: 45px;
   vertical-align: top;
}
#wb_Picture12
{
   margin: 0;
   vertical-align: top;
}
#Picture12
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: push 7000ms linear 0ms infinite normal both;
   display: inline-block;
   width: 48px;
   height: 45px;
   vertical-align: top;
}
#wb_Picture13
{
   margin: 0;
   vertical-align: top;
}
#Picture13
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: push 1000ms linear 0ms infinite normal both;
   display: inline-block;
   width: 48px;
   height: 45px;
   vertical-align: top;
}
#wb_Picture14
{
   margin: 0;
   vertical-align: top;
}
#Picture14
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   animation: push 300ms linear 0ms infinite normal both;
   display: inline-block;
   width: 48px;
   height: 45px;
   vertical-align: top;
}
#wb_Text21 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text21 div
{
   text-align: center;
}
#wb_Text21
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text22 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text22 div
{
   text-align: center;
}
#wb_Text22
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text23 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text23 div
{
   text-align: center;
}
#wb_Text23
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image2
{
   margin: 0;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image3
{
   margin: 0;
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image4
{
   margin: 0;
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image7
{
   margin: 0;
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Humidity
{
   margin: 0;
   vertical-align: top;
}
#Humidity
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image9
{
   margin: 0;
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image10
{
   margin: 0;
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image11
{
   margin: 0;
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image12
{
   margin: 0;
   vertical-align: top;
}
#Image12
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image13
{
   margin: 0;
   vertical-align: top;
}
#Image13
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image14
{
   margin: 0;
   vertical-align: top;
}
#Image14
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image15
{
   margin: 0;
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image16
{
   margin: 0;
   vertical-align: top;
}
#Image16
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image17
{
   margin: 0;
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image18
{
   margin: 0;
   vertical-align: top;
}
#Image18
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image19
{
   margin: 0;
   vertical-align: top;
}
#Image19
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image20
{
   margin: 0;
   vertical-align: top;
}
#Image20
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image21
{
   margin: 0;
   vertical-align: top;
}
#Image21
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image22
{
   margin: 0;
   vertical-align: top;
}
#Image22
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
#wb_Image23
{
   margin: 0;
   vertical-align: top;
}
#Image23
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   display: inline-block;
   width: 150px;
   height: 150px;
   vertical-align: top;
}
.WindDirection_ToolTip
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.WindDirection_ToolTip.show
{
   opacity: 0.9;
}
.WindDirection_ToolTip .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.WindDirection_ToolTip .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.WindDirection_ToolTip .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.WindDirection_ToolTip.bs-tooltip-top, .WindDirection_ToolTip.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.WindDirection_ToolTip.bs-tooltip-top .tooltip-arrow, .WindDirection_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.WindDirection_ToolTip.bs-tooltip-top .tooltip-arrow::before, .WindDirection_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.WindDirection_ToolTip.bs-tooltip-top .tooltip-arrow::after, .WindDirection_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.WindDirection_ToolTip .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.WindDirection_ToolTip.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Temp_ToolTip
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Temp_ToolTip.show
{
   opacity: 0.9;
}
.Temp_ToolTip .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Temp_ToolTip .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Temp_ToolTip .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Temp_ToolTip.bs-tooltip-top, .Temp_ToolTip.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Temp_ToolTip.bs-tooltip-top .tooltip-arrow, .Temp_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Temp_ToolTip.bs-tooltip-top .tooltip-arrow::before, .Temp_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Temp_ToolTip.bs-tooltip-top .tooltip-arrow::after, .Temp_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Temp_ToolTip .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Temp_ToolTip.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.WindSpeed_ToolTip
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.WindSpeed_ToolTip.show
{
   opacity: 0.9;
}
.WindSpeed_ToolTip .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.WindSpeed_ToolTip .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.WindSpeed_ToolTip .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.WindSpeed_ToolTip.bs-tooltip-top, .WindSpeed_ToolTip.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.WindSpeed_ToolTip.bs-tooltip-top .tooltip-arrow, .WindSpeed_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.WindSpeed_ToolTip.bs-tooltip-top .tooltip-arrow::before, .WindSpeed_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.WindSpeed_ToolTip.bs-tooltip-top .tooltip-arrow::after, .WindSpeed_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.WindSpeed_ToolTip .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.WindSpeed_ToolTip.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Humidity_ToolTip
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Humidity_ToolTip.show
{
   opacity: 0.9;
}
.Humidity_ToolTip .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Humidity_ToolTip .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Humidity_ToolTip .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Humidity_ToolTip.bs-tooltip-top, .Humidity_ToolTip.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Humidity_ToolTip.bs-tooltip-top .tooltip-arrow, .Humidity_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Humidity_ToolTip.bs-tooltip-top .tooltip-arrow::before, .Humidity_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Humidity_ToolTip.bs-tooltip-top .tooltip-arrow::after, .Humidity_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Humidity_ToolTip .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Humidity_ToolTip.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.WindGust_ToolTip
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.WindGust_ToolTip.show
{
   opacity: 0.9;
}
.WindGust_ToolTip .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.WindGust_ToolTip .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.WindGust_ToolTip .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.WindGust_ToolTip.bs-tooltip-top, .WindGust_ToolTip.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.WindGust_ToolTip.bs-tooltip-top .tooltip-arrow, .WindGust_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.WindGust_ToolTip.bs-tooltip-top .tooltip-arrow::before, .WindGust_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.WindGust_ToolTip.bs-tooltip-top .tooltip-arrow::after, .WindGust_ToolTip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.WindGust_ToolTip .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.WindGust_ToolTip.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Relative_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Relative_ToolTip1.show
{
   opacity: 0.9;
}
.Relative_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Relative_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Relative_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Relative_ToolTip1.bs-tooltip-top, .Relative_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Relative_ToolTip1.bs-tooltip-top .tooltip-arrow, .Relative_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Relative_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .Relative_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Relative_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .Relative_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Relative_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Relative_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Apsolute_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Apsolute_ToolTip1.show
{
   opacity: 0.9;
}
.Apsolute_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Apsolute_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Apsolute_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Apsolute_ToolTip1.bs-tooltip-top, .Apsolute_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Apsolute_ToolTip1.bs-tooltip-top .tooltip-arrow, .Apsolute_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Apsolute_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .Apsolute_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Apsolute_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .Apsolute_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Apsolute_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Apsolute_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.UV_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.UV_ToolTip1.show
{
   opacity: 0.9;
}
.UV_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.UV_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.UV_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.UV_ToolTip1.bs-tooltip-top, .UV_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.UV_ToolTip1.bs-tooltip-top .tooltip-arrow, .UV_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.UV_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .UV_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.UV_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .UV_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.UV_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.UV_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Solar_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Solar_ToolTip1.show
{
   opacity: 0.9;
}
.Solar_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Solar_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Solar_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Solar_ToolTip1.bs-tooltip-top, .Solar_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Solar_ToolTip1.bs-tooltip-top .tooltip-arrow, .Solar_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Solar_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .Solar_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Solar_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .Solar_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Solar_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Solar_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Rain_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Rain_ToolTip1.show
{
   opacity: 0.9;
}
.Rain_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Rain_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Rain_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Rain_ToolTip1.bs-tooltip-top, .Rain_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Rain_ToolTip1.bs-tooltip-top .tooltip-arrow, .Rain_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Rain_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .Rain_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Rain_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .Rain_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Rain_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Rain_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.RainEvent_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.RainEvent_ToolTip1.show
{
   opacity: 0.9;
}
.RainEvent_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.RainEvent_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.RainEvent_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.RainEvent_ToolTip1.bs-tooltip-top, .RainEvent_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.RainEvent_ToolTip1.bs-tooltip-top .tooltip-arrow, .RainEvent_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.RainEvent_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .RainEvent_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.RainEvent_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .RainEvent_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.RainEvent_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.RainEvent_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.DailyRain_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.DailyRain_ToolTip1.show
{
   opacity: 0.9;
}
.DailyRain_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.DailyRain_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.DailyRain_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.DailyRain_ToolTip1.bs-tooltip-top, .DailyRain_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.DailyRain_ToolTip1.bs-tooltip-top .tooltip-arrow, .DailyRain_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.DailyRain_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .DailyRain_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.DailyRain_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .DailyRain_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.DailyRain_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.DailyRain_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Weekly_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Weekly_ToolTip1.show
{
   opacity: 0.9;
}
.Weekly_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Weekly_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Weekly_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Weekly_ToolTip1.bs-tooltip-top, .Weekly_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Weekly_ToolTip1.bs-tooltip-top .tooltip-arrow, .Weekly_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Weekly_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .Weekly_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Weekly_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .Weekly_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Weekly_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Weekly_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.Monthly_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.Monthly_ToolTip1.show
{
   opacity: 0.9;
}
.Monthly_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.Monthly_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.Monthly_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.Monthly_ToolTip1.bs-tooltip-top, .Monthly_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.Monthly_ToolTip1.bs-tooltip-top .tooltip-arrow, .Monthly_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.Monthly_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .Monthly_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.Monthly_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .Monthly_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.Monthly_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.Monthly_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.DewPoint_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.DewPoint_ToolTip1.show
{
   opacity: 0.9;
}
.DewPoint_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.DewPoint_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.DewPoint_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.DewPoint_ToolTip1.bs-tooltip-top, .DewPoint_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.DewPoint_ToolTip1.bs-tooltip-top .tooltip-arrow, .DewPoint_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.DewPoint_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .DewPoint_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.DewPoint_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .DewPoint_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.DewPoint_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.DewPoint_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.WindChill_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.WindChill_ToolTip1.show
{
   opacity: 0.9;
}
.WindChill_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.WindChill_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.WindChill_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.WindChill_ToolTip1.bs-tooltip-top, .WindChill_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.WindChill_ToolTip1.bs-tooltip-top .tooltip-arrow, .WindChill_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.WindChill_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .WindChill_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.WindChill_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .WindChill_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.WindChill_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.WindChill_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.HeatIndex_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.HeatIndex_ToolTip1.show
{
   opacity: 0.9;
}
.HeatIndex_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.HeatIndex_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.HeatIndex_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.HeatIndex_ToolTip1.bs-tooltip-top, .HeatIndex_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.HeatIndex_ToolTip1.bs-tooltip-top .tooltip-arrow, .HeatIndex_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.HeatIndex_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .HeatIndex_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.HeatIndex_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .HeatIndex_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.HeatIndex_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.HeatIndex_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.SSI_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.SSI_ToolTip1.show
{
   opacity: 0.9;
}
.SSI_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.SSI_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.SSI_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.SSI_ToolTip1.bs-tooltip-top, .SSI_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.SSI_ToolTip1.bs-tooltip-top .tooltip-arrow, .SSI_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.SSI_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .SSI_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.SSI_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .SSI_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.SSI_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.SSI_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.LCL_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.LCL_ToolTip1.show
{
   opacity: 0.9;
}
.LCL_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.LCL_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.LCL_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.LCL_ToolTip1.bs-tooltip-top, .LCL_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.LCL_ToolTip1.bs-tooltip-top .tooltip-arrow, .LCL_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.LCL_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .LCL_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.LCL_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .LCL_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.LCL_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.LCL_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.TheteE_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.TheteE_ToolTip1.show
{
   opacity: 0.9;
}
.TheteE_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.TheteE_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.TheteE_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.TheteE_ToolTip1.bs-tooltip-top, .TheteE_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.TheteE_ToolTip1.bs-tooltip-top .tooltip-arrow, .TheteE_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.TheteE_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .TheteE_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.TheteE_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .TheteE_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.TheteE_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.TheteE_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
.VAPOR_ToolTip1
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.VAPOR_ToolTip1.show
{
   opacity: 0.9;
}
.VAPOR_ToolTip1 .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 20px;
   height: 10px;
}
.VAPOR_ToolTip1 .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.VAPOR_ToolTip1 .tooltip-arrow:after
{
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   z-index: -1;
}
.VAPOR_ToolTip1.bs-tooltip-top, .VAPOR_ToolTip1.bs-tooltip-auto[x-placement^="top"]
{
   padding: 11px 0;
}
.VAPOR_ToolTip1.bs-tooltip-top .tooltip-arrow, .VAPOR_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 2px;
}
.VAPOR_ToolTip1.bs-tooltip-top .tooltip-arrow::before, .VAPOR_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 10px 10px 0;
   border-top-color: rgba(255,255,255,1.00);
}
.VAPOR_ToolTip1.bs-tooltip-top .tooltip-arrow::after, .VAPOR_ToolTip1.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::after
{
   bottom: -1px;
   left: 50%;
   margin-left: -11px;
   border-width: 11px 11px 0;
   border-top-color: #DDDDDD;
}
.VAPOR_ToolTip1 .tooltip-inner 
{
   max-width: 500px;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
.VAPOR_ToolTip1.animate-show
{
   animation-duration: 500ms;
   animation-fill-mode: both;
   animation-name: transform-bounce-in;
}
#wb_Text1 
{
   background-color: #000000;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   text-decoration: underline;
   font-size: 19px;
   line-height: 21px;
}
#wb_Text1 p, #wb_Text1 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text2 
{
   background-color: #000000;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   text-decoration: underline;
   font-size: 16px;
   line-height: 18px;
}
#wb_Text2 p, #wb_Text2 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text4 
{
   background-color: #000000;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 20px 20px 20px;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text7 div
{
   text-align: left;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #404040;
   border-radius: 0px;
}
#wb_ResponsiveMenu1
{
   display: block;
   background-color: #000000;
   font-family: Arial;
   font-weight: bold;
   text-align: center;
   width: 100%;
   margin: 0;
}
#ResponsiveMenu1
{
   display: inline-block;
   background-color: #000000;
   height: 53px;
}
#wb_ResponsiveMenu1 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu1 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu1 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu1 ul li i
{
   font-size: 18px;
   width: 18px;
   margin-bottom: 0px;
}
#wb_ResponsiveMenu1 ul li a
{
   background-color: #000000;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 10px 20px 10px 20px;
   text-align: center;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: 33px;
}
.ResponsiveMenu1 a 
{
   display: block;
}
#wb_ResponsiveMenu1 li:hover > a, #wb_ResponsiveMenu1 li .active
{
   background-color: #7F7F7F;
   color: #424242;
}
#wb_ResponsiveMenu1 ul ul
{
   display: none;
   position: absolute;
   top: 53px;
}
#wb_ResponsiveMenu1 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu1 ul ul li 
{
   float: none;
   position: relative;
   width: 252px;
}
#wb_ResponsiveMenu1 ul ul li a
{
   background-color: rgba(191,191,191,0.80);
   border-color: #000000;
   border-style: solid;
   border-width: 0 2px 0 2px;
   color: #000000;
}
#wb_ResponsiveMenu1 ul ul > :first-child > a
{
   border-top-width: 2px;
}
#wb_ResponsiveMenu1 ul ul > :last-child > a
{
   border-bottom-width: 2px;
}
#wb_ResponsiveMenu1 ul ul li:hover > a, #wb_ResponsiveMenu1 ul ul li .active
{
   background-color: rgba(165,165,165,0.50);
   color: #FF0000;
}
#wb_ResponsiveMenu1 ul ul li i 
{
   margin-right: 6px;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul li a 
{
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 15px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   left: 252px;
   position: relative;
   top: -53px;
}
#wb_ResponsiveMenu1 .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0px;
   vertical-align: middle;
   border-top: 4px solid #FFFFFF;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu1 .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0px;
   vertical-align: middle;
   border-left: 4px solid #000000;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu1 li:hover > a .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{ 
   border-top-color: #424242;
}
#wb_ResponsiveMenu1 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left
{ 
   border-left-color: #FF0000;
}
#wb_ResponsiveMenu1 .toggle,[id^=ResponsiveMenu1-submenu]
{
   display: none;
}
@media all and (max-width:1024px) 
{
#wb_ResponsiveMenu1
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   border-width: 0 !important;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 10px 20px 15px 20px;
}
#wb_ResponsiveMenu1 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu1 
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu1 
{
   background-color: transparent;
   display: none;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu1 .toggle 
{
   display: block;
   background-color: #000000;
   color: #FFFFFF;
   padding: 0 20px 0 20px;
   line-height: 43px;
   text-decoration: none;
   border: none;
}
#wb_ResponsiveMenu1 .toggle:hover
{
   background-color: #7F7F7F;
   color: #424242;
}
[id^=ResponsiveMenu1-submenu]:checked + ul 
{
   display: block !important;
}
#ResponsiveMenu1-title
{
   height: 53px !important;
   line-height: 53px !important;
   text-align: center;
}
#wb_ResponsiveMenu1 ul li 
{
   display: block;
   width: 100% !important;
   text-align: center;
}
#wb_ResponsiveMenu1 ul ul .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   padding: 0 40px;
}
#wb_ResponsiveMenu1 a:hover,
#wb_ResponsiveMenu1 ul ul ul a 
{
   background-color: rgba(191,191,191,0.80);
   color: #000000;
}
#wb_ResponsiveMenu1 ul li ul li .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   background-color: rgba(191,191,191,0.80);
   color: #000000;
}
#wb_ResponsiveMenu1 ul ul ul a 
{
   padding: 10px 20px 15px 60px;
}
#wb_ResponsiveMenu1 ul li a 
{
   text-align: center;
}
#wb_ResponsiveMenu1 ul li a br 
{
   display: none;
}
#wb_ResponsiveMenu1 ul li i 
{
   margin-right: 6px;
}
#wb_ResponsiveMenu1 ul ul 
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu1 ul ul li:hover > ul,
#wb_ResponsiveMenu1 ul li:hover > ul 
{
   display: none;
}
#wb_ResponsiveMenu1 ul ul li 
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   position: static;
}
#ResponsiveMenu1-icon 
{
   display: block;
   position: absolute;
   left: 20px;
   top: 14px;
   user-select: none;
}
#ResponsiveMenu1-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   width: 24px;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover
{
   background-color: #A5A5A5;
   color: #FF0000;
}
#wb_ResponsiveMenu1 .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{
   border-top-color: #424242;
}
#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down 
{
   border-top-color: #000000;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down
{
   border-top-color: #FF0000;
}
}
#ResponsiveMenu1 i
{
   position: relative;
   left: 0;
   top: 0;
   display: inline-block;
   font-family: "Material Icons";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
}
#ResponsiveMenu1 .home:before
{
   content: "\e88a";
}
#ResponsiveMenu1 .interpreter-mode:before
{
   content: "\e83b";
}
#ResponsiveMenu1 .wb-sunny:before
{
   content: "\e430";
}
#ResponsiveMenu1 .connecting-airports:before
{
   content: "\e7c9";
}
#ResponsiveMenu1 .backup:before
{
   content: "\e864";
}
#ResponsiveMenu1 .location-city:before
{
   content: "\e7f1";
}
#ResponsiveMenu1 .category:before
{
   content: "\e574";
}
#ResponsiveMenu1 .flight-takeoff:before
{
   content: "\e905";
}
#ResponsiveMenu1 .party-mode:before
{
   content: "\e7fa";
}
#ResponsiveMenu1 .hotel-class:before
{
   content: "\e743";
}
#ResponsiveMenu1 .lunch-dining:before
{
   content: "\ea61";
}
#ResponsiveMenu1 .bedroom-parent:before
{
   content: "\efe2";
}
#ResponsiveMenu1 .pending-actions:before
{
   content: "\f1bb";
}
#ResponsiveMenu1 .fireplace:before
{
   content: "\ea43";
}
#ResponsiveMenu1 .settings-input-component:before
{
   content: "\e8c0";
}
#ResponsiveMenu1 .policy:before
{
   content: "\ea17";
}
#ResponsiveMenu1 .arrow-forward:before
{
   content: "\e5c8";
}
#ResponsiveMenu1 .kayaking:before
{
   content: "\e50c";
}
#ResponsiveMenu1 .people-alt:before
{
   content: "\ea21";
}
#ResponsiveMenu1 .model-training:before
{
   content: "\f0cf";
}
#ResponsiveMenu1 .schedule-send:before
{
   content: "\ea0a";
}
#ResponsiveMenu1 .bookmarks:before
{
   content: "\e98b";
}
#ResponsiveMenu1 .fact-check:before
{
   content: "\f0c5";
}
#ResponsiveMenu1 .paragliding:before
{
   content: "\e50f";
}
#ResponsiveMenu1 .switch-access-shortcut:before
{
   content: "\e7e1";
}
#ResponsiveMenu1 .switch-access-shortcut-add:before
{
   content: "\e7e2";
}
#ResponsiveMenu1 .verified:before
{
   content: "\ef76";
}
#ResponsiveMenu1 .library-books:before
{
   content: "\e02f";
}
#ResponsiveMenu1 .games:before
{
   content: "\e021";
}
#ResponsiveMenu1 .language:before
{
   content: "\e894";
}
#ResponsiveMenu1 .contact-mail:before
{
   content: "\e0d0";
}
@media all and (max-width:760px)
{
*
{
   transition-property: none !important;
   animation: none !important;
}
}
@media (prefers-reduced-motion: reduce)
{
*
{
   transition-property: none !important;
   animation: none !important;
}
}
#wb_header
{
   position: fixed !important;
   float: none !important;
   transition: all 500ms linear;   
   z-index: 9990 !important;
}
#wb_header.affix
{
   background: #5E85C0;
   transition: all 500ms linear;   
}
#wb_header.affix #ThemeableMenu1 a
{
   color: #FFFFFF;
}
#wb_header.affix .ThemeableMenu1 .navbar-nav > .dropdown > a .caret 
{
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}
        .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .temp-colored-div {
            opacity: 0.8;
            background-color: #ff0000; /* Set the background color to red */
#            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
             .colored-div {
            opacity: 0.7;
            background-color: #ff0000; /* Set the background color to red */
            color: #ffffff; /* Set the text color to white */
            font-family: "Courier New";
            text-align: center;
        }
     