/*/////////////WeatherAlert///////////////////////////////*/

#WeatherAlert .widget_header {
    background: rgb(40, 116, 156);
}

#WeatherAlert .widget_title a {
    height: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
}

#WeatherAlert .widget_body {
    background-image: url('../../images/weather/ksamap.jpg');
    background-size: 373px;
    background-position: left -7px;
    height: 300px;
    text-align: right;
    display: inline-block;
    width: 100%;
}

.WeatherTitle {
    background-image: url('../../images/logonot.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 29px;
    font-size: 16px;
    padding-right: 40px;
    margin-top: 10px;
    vertical-align: top;
    margin-right: 6px;
    color: #fff;
    font-weight: bold;
}


    .WeatherTitle h4 {
        border-bottom: 1px solid #000;
        width: 192px;
        display: inline;
    }


#Weathersid {
    background-image: url('../../images/weather/wethMap.png');
    background-position: right -2px;
    background-repeat: no-repeat;
    background-size: 25px;
    padding-right: 30px;
    border-bottom: 2px solid #188498;
    margin: 7px;
    padding-bottom: 6px;
    font-weight: bold;
}

    #Weathersid a {
        color: #fff
    }

#hintAlert {
    padding-left: 4px;
    padding-right: 3px;
    background-color:#6bf2ff41;
}

    #hintAlert table {
        direction: rtl;
        font-size: 12px;
        width: 100%;
    }

        #hintAlert table td {
            text-align: right;
            color: #fff;
            font-weight:bold
        }

            #hintAlert table td img {
                width: 20px;
            }

#WeatherAlert #WeatherCarousel {
    height: 74%;
    text-align: right;
}

    #WeatherAlert #WeatherCarousel .carousel-inner {
        height: 100%;
        margin-top: 15px;
    }

        #WeatherAlert #WeatherCarousel .carousel-inner .item {
            height: 100%;
            padding: 10px 8px 8px 8px;
            background-color: #6bf2ff41;
        }

            #WeatherAlert #WeatherCarousel .carousel-inner .item h4 {
                color: #fff;
                margin-bottom: 40px;
                font-weight: bold;
            }

            #WeatherAlert #WeatherCarousel .carousel-inner .item .WeatherText {
                line-height: 26px;
                font-weight: bold;
                font-size: 14px;
                word-spacing: 4px;
                color: #fff
            }

            #WeatherAlert #WeatherCarousel .carousel-inner .item .WeatherIcon {
                position: absolute;
                top: 30px;
                left: 56px;
                width: 30px;
                height: 30px;
                display: block;
            }


    #WeatherAlert #WeatherCarousel .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    #WeatherAlert #WeatherCarousel .carousel-control.right {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    #WeatherAlert #WeatherCarousel .glyphicon-right:hover {
        background-image: url('../../images/weather/rightArrowWit.png');
    }

    #WeatherAlert #WeatherCarousel .glyphicon-left:hover {
    }

    #WeatherAlert #WeatherCarousel .glyphicon-right {
        display: inline-block;
        height: 100%;
        background-position: right 86px;
        background-repeat: no-repeat;
        background-size: 17px;
        width: 17px;
        right: -23px;
    }

    #WeatherAlert #WeatherCarousel .glyphicon-left {
        background-image: url('../../images/weather/leftArrowWit.png');
        display: inline-block;
        height: 100%;
        background-position: right 86px;
        background-repeat: no-repeat;
        background-size: 17px;
        width: 17px;
        left: -23px;
    }