/* Weather Image */
div#weatherWidget, .weatherTowns {
    display: inline-block;
}

    div#weatherWidget img {
        max-width: 70px;
        border-right: 2px dotted #C7C7C7;
        padding-right: 10px;
        margin-right: 10px;
        vertical-align: middle;
        float: left;
    }

#weatherWidget a {
    float: left;
}

.weatherTowns {
    color: #999999;
    padding: 10px;
    float: left;
}

.widgetNaslov.active {
    font-size: 15px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
}

.weatherSK {
    font-size: 24px;
    line-height: 22px;
}

.todayWeather {
    font-size: 23px;
    line-height: 24px;
}

/*End of Weather Image*/

/*Date and Time*/
#todayDate {
    text-align: right;
    display: inline-block;
    float: right;
    color: #999999;
}

    #todayDate .day {
        font-family: 'Fira Sans', sans-serif;
        font-weight: 500;
        font-size: 15px;
    }

    #todayDate .date {
        font-size: 15px;
        line-height: 15px;
    }

.dateTime img {
    float: right;
    vertical-align: middle;
    margin-left: 10px;
}

.dateTime {
    padding-top: 10px;
}


@media (min-width:768px) and (max-width:991px) {
    div#weatherWidget img {
        max-width: 60px;
        border-right: 2px dotted #C7C7C7;
        padding-right: 5px;
        margin-right: 5px;
        vertical-align: middle;
        float: left;
    }

    .dateTime img {
        float: right;
        vertical-align: middle;
        margin-left: 5px;
        width: 35px;
    }

    #todayDate .day, #todayDate .date, .widgetNaslov.active {
        font-size: 13px;
    }


    .todayWeather {
        font-size: 21px;
        line-height: 24px;
    }

    .footer ul li a {
        padding: 12px 5px;
    }

    .navbar-nav > li > a {
        font-size: 12px;
    }
}
/*#endregion top sm*/


/*Weather Details*/

.weatherForCity {
    display: block;
    background-color: #e4e4e4;
    border-bottom: 2px solid #d42629;
    padding: 5px 0 2px 0;
}


    .weatherForCity span {
        text-transform: uppercase;
        color: #353535;
        margin: 0 auto;
        font-size: 25px;
        display: table;
        background-image: url(../images/weather/weather-skopje-icon.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 40px;
    }

.current-weather {
    margin-top: 15px;
    border: 1px solid #cfcfcf;
}


    .current-weather thead tr td {
        background-color: #e4e4e4;
        padding-left: 20px;
        font-size: 18px;
        padding-bottom: 5px;
        color: #393939;
        text-align: center;
    }

    .current-weather tbody tr td {
    }

    .current-weather div {
        overflow: hidden;
        display: table;
        margin: 0 auto;
    }

    .current-weather tbody img {
        width: 90px;
        display: block;
        float: left;
        margin: 0 20px;
    }

    .current-weather .currentTemp {
        color: #d42629;
        font-size: 36px;
        margin-top: 22px;
        display: block;
        float: left;
    }

    .current-weather .currentTempDegree, .currentTempMin, .currentTempMax {
        color: #8b8d90;
        font-size: 36px;
        margin-top: 22px;
        display: block;
        float: left;
    }

    .current-weather .currentTempMin {
        background-image: url(../images/weather/arrow-gray-down.png);
        background-repeat: no-repeat;
        background-position: 0 8px;
        padding-left: 37px;
    }

    .current-weather .currentTempMax {
        background-image: url(../images/weather/arrow-gray-top.png);
        background-repeat: no-repeat;
        background-position: 0 8px;
        padding-left: 37px;
    }

.currentTempDegree {
    margin-right: 15px;
}

.detail-weather-date {
    padding-bottom: 5px;
    color: #393939;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.detail-weather.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f4f2f2;
}

.detail-weather.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #e8eaec;
}

.detail-weather thead tr td {
    background-color: #e4e4e4;
    font-size: 16px;
    padding-bottom: 5px;
    color: #393939;
    padding: 10px 0 8px 0;
    text-align: center;
}

.detail-weather tbody tr td {
    padding: 0;
}

.detail-weather tbody img {
    width: 60px;
    margin: 0 auto;
    display: table;
}

.detail-weather tbody span {
    margin: 0 auto;
    display: table;
    font-size: 20px;
    margin-top: 17px;
}

.detail-weather span.tempC {
    color: #d42629;
    font-size: 23px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
}