.infoimg {
    position: relative;
    top: -12px;
    right: 39px;
    float: right;
    width: 25px;
    height: 25px;
}
.onoffimagedetail {
    width: 45px;
    height: 32px;
    position: relative;
    cursor: pointer;
    float: right;
    top: -1px;
    left: -2px;
}

#img31 {
    display: block;
    right: 53px;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, mark, menu, nav, nav li, nav ul, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

.txt-rt {
    text-align: right;
}

.txt-lt {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.float-rt {
    float: right;
}

.float-lt {
    float: left;
}

.clear {
    clear: both;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.vertical-base {
    vertical-align: baseline;
}

.vertical-top {
    vertical-align: top;
}

.underline {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px 0;
}

nav.vertical ul li {
    display: block;
}

nav.horizontal ul li {
    display: inline-block;
}

img {
    max-width: 100%;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    background: #1f253d;
}

.wrap {
    width: 97%;
    margin: 0 auto;
}

.header_top {
    background: #394264;
    position: relative;
}

.profile_details {
    margin: 0 10px;
    padding: 10px 5px;
}

.user-info {
    text-align: left;
}

    .user-info h4 {
        font-size: 1em;
        color: #fff;
        padding-bottom: 8px;
        text-align: left;
    }

        .user-info h4 a {
            color: #11a8ab;
        }

    .user-info ul li {
        display: inline-block;
    }

    .user-info ul li {
        color: #fff;
    }

        .user-info ul li a {
            color: #fff;
            font-size: .85em;
            border: none;
        }

            .user-info ul li a:hover, .user-info ul li.active a {
                color: #e64c65;
            }

.profile_img {
    float: right;
}

    .profile_img img {
        display: block;
    }

.main {
    padding: 0;
}

.column_middle {
    margin: 10px 0;
}

.menu_box h3 {
    color: #fff;
    font-size: 14px;
    padding: 0 !important;
    text-align: center;
}

    .menu_box h3 img {
        position: relative;
        top: 3px;
        padding-top: 3px;
    }

.menu_box_list {
    background: #394264;
}

    .menu_box_list li a {
        display: block;
        color: #fff;
        font-size: 1em;
        border-bottom: 1px solid #1f253d;
        padding: 15px 10px;
    }

        .menu_box_list li a:hover, .menu_box_list li.active a {
            background: #50597b;
        }

        .menu_box_list li a span {
            padding-left: 35px;
            text-transform: none;
        }

        .menu_box_list li a label {
            background: #50597b;
            color: #fff;
            font-size: .8em;
            float: right;
            padding: 3px 10px;
        }

            .menu_box_list li a label.active, .menu_box_list li a:hover label {
                background: #e64c65;
            }

        .menu_box_list li a.SSR {
            background-image: url(../images/home.png);
            background-size: 32px 32px;
            background-repeat: no-repeat;
            background-position: 7px 6px;
        }

            .menu_box_list li a.SSR:hover {
                background-image: url(../images/home.png);
            }

        .menu_box_list li a.accesscontrol {
            background-image: url(../images/AccessControl.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.accesscontrol:hover {
                background-image: url(../images/AccessControl.png);
            }

        .menu_box_list li a.OnOffControl {
            background-image: url(../images/switch_off.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.OnOffControl:hover {
                background-image: url(../images/switch_off.png);
            }

        .menu_box_list li a.keyLockControl {
            background-image: url(../images/key.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.keyLockControl:hover {
                background-image: url(../images/key.png);
            }

        .menu_box_list li a.mixerControl {
            background-image: url(../images/MixerIcon.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.mixerControl:hover {
                background-image: url(../images/MixerIcon.png);
            }

        .menu_box_list li a.securityAlarmsControl {
            background-image: url(../images/SecurityAlarm1.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.securityAlarmsControl:hover {
                background-image: url(../images/SecurityAlarm1.png);
            }

        .menu_box_list li a.specialPara {
            background-image: url(../images/SpecialPara.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.specialPara:hover {
                background-image: url(../images/SpecialPara.png);
            }

        .menu_box_list li a.specialDataPoint {
            background-image: url(../images/SpecialDataPoint.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.specialDataPoint:hover {
                background-image: url(../images/SpecialDataPoint.png);
            }

        .menu_box_list li a.schoolBell {
            background-image: url(../images/SchoolBell.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.schoolBell:hover {
                background-image: url(../images/SchoolBell.png);
            }

        .menu_box_list li a.CarCharger {
            background-image: url(../images/carcharger.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.CarCharger:hover {
                background-image: url(../images/carcharger.png);
            }

        .menu_box_list li a.CurtainCtrl {
            background-image: url(../images/curtainctrls.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.CurtainCtrl:hover {
                background-image: url(../images/curtainctrls.png);
            }

        .menu_box_list li a.ComponentsCtrl {
            background-image: url(../images/components.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.ComponentsCtrl:hover {
                background-image: url(../images/components.png);
            }

        .menu_box_list li a.AuxMeasuredValuesCtrl {
            background-image: url(../images/heata.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.AuxMeasuredValuesCtrl:hover {
                background-image: url(../images/heata.png);
            }


        .menu_box_list li a.Notifications {
            background-image: url(../images/chatwhite.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.Notifications:hover {
                background-image: url(../images/chatwhite.png);
            }

        .menu_box_list li a.messages {
            background-image: url(../images/mail.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
        }

            .menu_box_list li a.messages:hover {
                background-image: url(../images/mail-hover.png);
            }

        .menu_box_list li a.heatcontrol {
            background-image: url(../images/HeatControl.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.heatcontrol:hover, .menu_box_list li.active a {
                background-image: url(../images/HeatControl.png);
            }

        .menu_box_list li a.heatcontrolm2 {
            background-image: url(../images/HeatControlM2.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

            .menu_box_list li a.heatcontrolm2:hover, .menu_box_list li.active a {
                background-image: url(../images/HeatControlM2.png);
            }

        .menu_box_list li a.hotwater {
            background-image: url(../images/HotWater.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.heatpumpAc:hover, .menu_box_list li.active a {
            background-image: url(../images/HeatPump_icon226x22.png);
        }

        .menu_box_list li a.heatpumpAc {
            background-image: url(../images/HeatPump_icon226x22.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.hotwater:hover, .menu_box_list li.active a {
            background-image: url(../images/HotWater.png);
        }

        .menu_box_list li a.ventilationcontrol {
            background-image: url(../images/Ventilation.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.weatherstation {
            background-image: url(../images/weather.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.Command {
            background-image: url(../images/Command.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.lidocument {
            background-image: url(../images/Document.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.lipowerprice {
            background-image: url(../images/statisticsel.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.liStageComponent {
            background-image: url(../images/window.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }

        .menu_box_list li a.liSurpluscontrol {
            background-image: url(../images/SurplusSontrol.png);
            background-repeat: no-repeat;
            background-position: 7px 9px;
            background-size: 32px 32px;
        }


    .menu_box_list li aliPriceAwareEnergySwitch {
        background-image: url(../images/PriceAwareEnergySwitch.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

    .menu_box_list li a.liPowerPlant {
        background-image: url(../images/powerplant.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }


    .menu_box_list li a.limessage {
        background-image: url(../images/Message.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

    .menu_box_list li a.liinstallation {
        background-image: url(../images/Search.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

    .menu_box_list li a.weatherstation:hover, .menu_box_list li.active a {
        background-image: url(../images/weather.png);
    }

    .menu_box_list li a.StatusActive {
        background-image: url(../images/Commn.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

        .menu_box_list li a.StatusActive:hover, .menu_box_list li.active a {
            background-image: url(../images/Commn.png);
        }

    .menu_box_list li a.StatusNotActive {
        background-image: url(../images/NoCommnRed.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

        .menu_box_list li a.StatusNotActive:hover, .menu_box_list li.active a {
            background-image: url(../images/NoCommnRed.png);
        }

    .menu_box_list li a.heatpump {
        background-image: url(../images/HeatPump.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

        .menu_box_list li a.heatpump:hover, .menu_box_list li.active a {
            background-image: url(../images/HeatPump.png);
        }

    .menu_box_list li a.invites {
        background-image: url(../images/HeatControl.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
    }

        .menu_box_list li a.invites:hover, .menu_box_list li.active a {
            background-image: url(../images/HeatControl.png);
        }

    .menu_box_list li a.light {
        background-image: url(../images/Light.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

    .menu_box_list li a.TemperatureSensor {
        background-image: url(../images/temperatures.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

    .menu_box_list li a.light:hover {
        background-image: url(../images/Light.png);
    }

    .menu_box_list li a.lightOutdoor {
        background-image: url(../images/LightOutdoor.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
        background-size: 32px 32px;
    }

        .menu_box_list li a.lightOutdoor:hover {
            background-image: url(../images/Light.png);
        }

    .menu_box_list li a.events {
        background-image: url(../images/events.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
    }

        .menu_box_list li a.events:hover {
            background-image: url(../images/events-hover.png);
        }

    .menu_box_list li a.account_settings {
        background-image: url(../images/settings.png);
        background-repeat: no-repeat;
        background-position: 7px 9px;
    }

        .menu_box_list li a.account_settings:hover {
            background-image: url(../images/settings-hover.png);
        }

menu_box_list li a.InstallationFinder {
    background-image: url(../images/Search.png);
    background-repeat: no-repeat;
    background-position: 7px 9px;
}

.menu_box_list li a.InstallationFinder:hover {
    background-image: url(../images/Search.png);
}

.menu_box_list li a.statistics {
    background-image: url(../images/Meter.png);
    background-repeat: no-repeat;
    background-position: 7px 9px;
    background-size: 32px 32px;
}

    .menu_box_list li a.statistics:hover {
        background-image: url(../images/Meter.png);
    }

.menu_box_list li a.favorites {
    background-image: url(../images/Alarm.png);
    background-repeat: no-repeat;
    background-position: 7px 9px;
    background-size: 32px 32px;
}

.menu_box_list li a.appear {
    background-image: url(../images/red_bell.png) !important;
    background-repeat: no-repeat;
    background-position: 7px 9px;
    background-size: 32px 32px;
}

.menu_box_list li a.disappear {
    background-image: url(../images/green_bell.png) !important;
    background-repeat: no-repeat;
    background-position: 7px 9px;
    background-size: 32px 32px;
}

.menu_box_list li a.favorites:hover {
    background-image: url(../images/Alarm.png);
}

.menu_box_list li a.Settings {
    background-image: url(../images/settings.png);
    background-repeat: no-repeat;
    background-position: 7px 9px;
    background-size: 32px 32px;
}

    .menu_box_list li a.Settings:hover {
        background-image: url(../images/settings.png);
    }

menu_box_list li a.InstallationFinder {
    background-image: url(../images/Search.png);
    background-repeat: no-repeat;
    background-position: 7px 9px;
    background-size: 32px 32px;
}

.menu_box_list li a.InstallationFinder:hover {
    background-image: url(../images/Search.png);
}

.chart {
    margin-top: 10px;
    background: #394264;
    text-align: center;
    padding: 1em 0 0 0;
    text-align: center;
}

    .chart h3 {
        color: #fff;
        font-size: 1em;
        font-weight: 700;
        text-transform: uppercase;
    }

.chart_list {
    background: #50597b;
    text-align: center;
}

    .chart_list li {
        float: left;
        width: 24.6%;
        border-right: 1px solid #1f253d;
    }

        .chart_list li a {
            display: block;
            color: #9099b7;
            font-size: 1em;
            padding: 10px 0;
        }

            .chart_list li a:hover {
                background: #3f4663;
            }

        .chart_list li:nth-child(4) {
            border-right: none;
        }

        .chart_list li a.red {
            border-top: 5px solid #e64c65;
        }

        .chart_list li a.purple {
            border-top: 5px solid #11a8ab;
        }

        .chart_list li a.yellow {
            border-top: 5px solid #fcb150;
        }

        .chart_list li a.blue {
            border-top: 5px solid #4fc4f6;
        }

    .chart_list p {
        font-size: 1.2em;
        color: #fff;
        padding-top: 5px;
    }

    .chart_list em {
        font-size: .7em;
        vertical-align: top;
    }

.graph {
    margin-top: 0;
}

    .graph canvas {
        padding: 20px 0;
        display: block;
        background: #11a8ab;
    }

    .graph img {
        display: block;
        width: 100%;
    }

.smiley img {
    display: block;
    width: 5%;
}

.graph_list {
    padding: 15px;
    background: #394264;
}

.week-month-year {
    text-align: center;
    padding: 8px 0;
}

    .week-month-year p {
        display: inline-block;
        margin-left: 5px;
    }

        .week-month-year p:first-child {
            margin-left: 0;
        }

        .week-month-year p a {
            padding: 5px 5px;
            color: #fff;
            font-size: .85em;
            border: none;
            display: block;
            background: #50597b;
        }

            .week-month-year p a.active, .week-month-year p a:hover {
                background: #e64c65;
            }

.graph_list li a {
    display: block;
    color: #9099b7;
    font-size: 1em;
    text-transform: uppercase;
    padding: 7px 0;
}

    .graph_list li a span {
        color: #fff;
    }

    .graph_list li a label {
        color: #fff;
        font-size: 1em;
        float: right;
        letter-spacing: 1px;
    }

        .graph_list li a label span {
            color: #e64c65;
        }

        .graph_list li a label em {
            font-size: .7em;
            vertical-align: top;
        }

.video_palyer {
    margin-top: 10px;
}

.social_network_likes {
    margin-top: 10px;
    text-align: center;
}

    .social_network_likes li {
        float: left;
        width: 25%;
    }

        .social_network_likes li a {
            display: block;
        }

            .social_network_likes li a > i {
                display: block;
                background: #1a4e95;
                padding: 10px 0;
            }

            .social_network_likes li a span {
                display: block;
                font-size: .85em;
                color: #fff;
                text-transform: uppercase;
                padding: 10px 0;
            }

            .social_network_likes li a.facebook {
                background: #1a4e95;
            }

                .social_network_likes li a.facebook:hover {
                    background: #094291;
                }

                .social_network_likes li a.facebook > i {
                    background: #3468af;
                }

            .social_network_likes li a.twitter {
                background: #35aadc;
            }

                .social_network_likes li a.twitter:hover {
                    background: #0c94ce;
                }

                .social_network_likes li a.twitter > i {
                    background: #4fc4f6;
                }

            .social_network_likes li a.googleplus {
                background: #cc324b;
            }

                .social_network_likes li a.googleplus:hover {
                    background: #ca2540;
                }

                .social_network_likes li a.googleplus > i {
                    background: #e64c65;
                }

            .social_network_likes li a.mail {
                background: #363f61;
            }

                .social_network_likes li a.mail:hover {
                    background: #30395a;
                }

                .social_network_likes li a.mail > i {
                    background: #50597b;
                }

.column_middle_grid1 {
    background: #394264;
}

.profile_picture {
    padding: 1em 1em;
    text-align: center;
    position: relative;
}

    .profile_picture span {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .profile_picture a {
        display: block;
    }

    .profile_picture > a > img {
        display: block;
        margin: 0 auto;
    }

.profile_picture_name {
    padding-top: .5em;
}

    .profile_picture_name h2 {
        font-size: 1.5em;
        color: #fff;
        margin-bottom: 5px;
    }

    .profile_picture_name p {
        font-size: .85em;
        color: #9099b7;
        line-height: 1.6em;
    }

.articles_list {
    background: #50597b;
    text-align: center;
}

    .articles_list li {
        float: left;
        width: 33%;
        border-right: 1px solid #1f253d;
    }

        .articles_list li a {
            display: block;
            color: #fff;
            font-size: 1em;
            padding: 10px 0;
        }

            .articles_list li a:hover {
                background: #3f4663;
            }

            .articles_list li a img {
                vertical-align: middle;
            }

        .articles_list li:nth-child(3) {
            border-right: none;
        }

        .articles_list li a.red {
            border-top: 5px solid #e64c65;
        }

        .articles_list li a.purple {
            border-top: 5px solid #11a8ab;
        }

        .articles_list li a.yellow {
            border-top: 5px solid #fcb150;
        }

.tweets, .weather {
    margin-top: 10px;
}

    .tweets h3, .weather h3 {
        color: #fff;
        font-size: 1em;
        font-weight: 700;
        text-transform: uppercase;
        padding: 6px 0;
        text-align: center;
        background: #cc324b;
    }

        .tweets h3 i img, .weather h3 i img {
            vertical-align: middle;
            margin-bottom: 5px;
        }

.today_temp {
    padding: .5em 0;
    background: #e64c65;
    text-align: center;
}

    .today_temp img {
        vertical-align: bottom;
        margin-bottom: 5px;
    }

.temp {
    display: inline-block;
}

    .temp figure {
        font-size: 1.2em;
        color: #fff;
        text-align: center;
        padding: 0;
        margin-bottom: 10px;
    }

        .temp figure span {
            font-size: 2.5em;
            color: #fff;
            display: block;
            margin-top: 0;
        }

            .temp figure span em {
                font-size: .5em;
                vertical-align: top;
            }

.temp_list {
    background: #394264;
}

    .temp_list li a {
        display: block;
        font-size: 1em;
        padding: 13px 10px;
    }

        .temp_list li a span {
            color: #fff !important;
            padding: 0;
        }

        .temp_list li a:hover span, .temp_list li.active a span {
            color: #e64c65;
        }

        /*.temp_list li a:hover, .temp_list li.active a {
            background: #50597b;
        }*/

        .temp_list li a label {
            color: #fff;
            font-size: 1em;
            float: right;
            letter-spacing: 1px;
        }

            .temp_list li a label em {
                font-size: .5em;
                vertical-align: top;
            }

            .temp_list li a label i > img {
                vertical-align: middle;
                margin-top: -5px;
            }

.tweets h3 {
    background: #35aadc;
}

.tweets_list {
    background: #394264;
}

    .tweets_list li {
        color: #fff;
        font-size: .85em;
        line-height: 1.6em;
        padding: 1em;
        border-bottom: 1px solid #1f253d;
    }

        .tweets_list li:last-child {
            border-bottom: none;
        }

        .tweets_list li a {
            color: #4fc4f6;
        }

        .tweets_list li span {
            display: block;
            color: #9099b7;
            padding: 10px 0;
        }

.social_networks {
    margin-top: 15px;
}

    .social_networks li a {
        display: block;
        margin-bottom: 10px;
    }

        .social_networks li a > i {
            background: #1a4e95;
            float: left;
            padding: 10px;
        }

        .social_networks li a span {
            float: left;
            font-size: .8em;
            color: #fff;
            text-transform: uppercase;
            padding: 20px 8px;
        }

        .social_networks li a.facebook {
            background: #3468af;
        }

            .social_networks li a.facebook:hover {
                background: #0d4797;
            }

            .social_networks li a.facebook > i {
                background: #1a4e95;
            }

        .social_networks li a.twitter {
            background: #4fc4f6;
        }

            .social_networks li a.twitter:hover {
                background: #0c94ce;
            }

            .social_networks li a.twitter > i {
                background: #35aadc;
            }

        .social_networks li a.googleplus {
            background: #e64c65;
            margin-bottom: 0;
        }

            .social_networks li a.googleplus:hover {
                background: #ca2540;
            }

            .social_networks li a.googleplus > i {
                background: #cc324b;
            }

.column_right_grid {
    background: #394264;
    text-align: center;
    padding: 1em 0;
}

    .column_right_grid h3 {
        color: #fff;
        font-weight: 700;
        font-size: .85em;
        text-transform: uppercase;
    }

    .column_right_grid span {
        background: #50597b;
        border: 1px solid #1f253d;
        padding: 5px 0;
        margin: 10px;
        display: block;
        outline: 0;
    }

        .column_right_grid span:hover {
            border: 1px solid #11a8ab;
        }

        .column_right_grid span i img {
            vertical-align: middle;
            margin-bottom: 4px;
        }

    .column_right_grid input[type=password], .column_right_grid input[type=text] {
        padding: 8px;
        color: #fff;
        font-size: 1em;
        background: 0 0;
        outline: 0;
        border: none;
        margin: 0 auto;
        width: 70%;
        -webkit-apperance: none;
    }

.newsletter input[type=submit], .sign_in input[type=submit] {
    padding: 10px 1.5em;
    color: #fff;
    font-size: .85em;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    outline: 0;
    background: #11a8ab;
    -webkit-apperance: none;
}

    .newsletter input[type=submit]:hover {
        background: #0d9092;
    }

.cursorpointer {
    cursor: pointer
}
.sign-in {
    padding: 1em 0 0 0;
}

.sign_in {
    padding-bottom: 1em;
}

    .sign_in input[type=submit] {
        background: #e64c65;
    }

        .sign_in input[type=submit]:hover {
            background: #d4465d;
        }

    .sign_in h4 {
        margin-top: 10px;
    }

        .sign_in h4 a {
            font-size: .85em;
            color: #9099b7;
        }

            .sign_in h4 a:hover {
                color: #fff;
                text-decoration: underline;
            }

.signin_facebook {
    background: #3468af;
    padding: 10px 0 15px 0;
    text-align: center;
}

    .signin_facebook p a {
        font-size: 1em;
        color: #fff;
    }

    .signin_facebook a > i > img {
        margin: 0 5px -10px 0;
    }

.downloading_uploading {
    margin-top: 10px;
    padding: .5em 10px 1em 10px;
}

    .downloading_uploading p {
        color: #fff;
        font-size: .85em;
    }

        .downloading_uploading p img {
            vertical-align: middle;
        }

        .downloading_uploading p.downloading {
            float: left;
        }

        .downloading_uploading p.percentage {
            float: right;
            padding-top: 6px;
        }

    .downloading_uploading em {
        font-size: .7em;
        vertical-align: top;
    }

.progress {
    margin: 10px 0;
    background: #50597b;
    height: 20px;
}

.progress-bar {
    background: #11a8ab;
    height: 20px;
}

.uploading {
    background: #4fc4f6;
}

.date_events {
    margin-top: 10px;
    padding: 0 0 1em 0;
    background: #3468af;
}

    .date_events h3 {
        color: #fff;
        font-size: 1em;
        text-transform: uppercase;
        padding: 20px 6px;
        text-align: center;
        background: #1a4e95;
    }

        .date_events h3 em {
            vertical-align: -webkit-baseline-middle;
        }

        .date_events h3 a img {
            display: block;
        }

        .date_events h3 a#slide_prev {
            float: left;
        }

        .date_events h3 a#slide_next {
            float: right;
        }

.event_dates li {
    font-size: 5em;
    color: #fff;
}

.button a {
    display: inline-block;
    background: #4fc4f6;
    padding: 15px 1.5em;
    color: #fff;
    font-size: .85em;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    -webkit-apperance: none;
}

    .button a:hover {
        background: #48b2df;
    }

.calender {
    margin-top: 10px;
    padding: 0;
}

.copy-right {
    text-align: center;
    padding: 1em 0;
}

    .copy-right p {
        color: #9099b7;
        font-size: .85em;
        line-height: 1.8em;
    }

        .copy-right p a {
            color: #11a8ab;
        }

            .copy-right p a:hover {
                color: #fff;
                text-decoration: underline;
            }

.selectOption {
    background: #1f639b;
    padding: 5px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    position: relative;
    top: -10px;
    color: #fff;
    border: 1px solid;
    border-radius: 3px;
    font-weight: 400;
}

.menu_box {
    width: 100%;
    position: relative;
    height: 10px;
    background: #11a8ab;
    padding: 19px 0;
}

.dd {
    position: absolute;
    right: 10px;
    top: 6px;
}

.dddd {
    position: absolute;
    right: 10px;
    top: 4px;
}

.df {
    position: absolute;
    left: 10px;
    top: 10px;
}

.vv {
    width: 100%;
    position: relative;
}

.dv {
    height: 26px;
    position: absolute;
    left: 5px;
    top: 8px;
}

.dp {
    height: 31px;
    position: absolute;
    left: 21px;
    top: 8px;
}

.da {
    height: 29px;
    position: absolute;
    right: 83px;
    top: 8px;
}

.db {
    height: 31px;
    position: absolute;
    right: 42px;
    top: 8px;
}

.dc {
    position: absolute;
    right: -3px;
    top: 10px;
}

.vd {
    border-bottom: 2px solid #1f253d;
}

.dn {
    position: absolute;
    left: 5px;
    top: 8px;
    height: 26px !important;
    width: 35px;
}

.dm {
    position: absolute;
    right: 5px;
    top: 8px;
    height: 26px !important;
}

.fy {
    position: absolute;
    left: 5px;
    top: 8px;
    height: 26px !important;
    width: 35px;
}

.ft {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 26px !important;
}

.ftBellimg {
    position: absolute;
    top: 7px;
    width: 81px;
    right: 25px;
}

.fyy {
    height: 26px !important;
    position: absolute;
    left: 9px;
    top: 8px;
    width: 35px;
}

.ftt {
    height: 26px !important;
    position: absolute;
    right: 10px;
    top: 8px;
}

.dk {
    height: 26px !important;
    position: absolute;
    left: 5px;
    top: 8px !important;
    width: 35px;
}

.dl {
    height: 26px !important;
    position: absolute;
    right: 8px;
    top: 8px;
}

@media screen and (max-width:300px) {
    .ll {
        width: 30px !important;
    }

    .lll {
        width: 30px !important;
    }
}

.wrap {
    position: relative;
}

.dq {
    height: 26px;
    position: absolute;
    left: 5px;
    top: 8px;
    width: 35px;
}

.dw {
    height: 26px;
    position: absolute;
    right: -2px;
    top: 8px;
}

.de {
    height: 26px;
    position: absolute;
    right: 43px;
    top: 8px;
}

.dr {
    height: 26px;
    position: absolute;
    right: 85px;
    top: 8px;
}

.fcd {
    position: absolute;
    left: 551px;
    top: 2px;
}

.aakk {
    float: right;
    margin-right: 48% !important;
    margin-top: 10px !important;
}

.xxx {
    position: absolute;
}

@media screen and (max-width:860px) {
    .aakk {
        float: right;
        margin-right: 44% !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width:670px) {
    .aakk {
        float: right;
        margin-right: 42% !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width:500px) {
    .aakk {
        float: right;
        margin-right: 38% !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width:340px) {
    .aakk {
        float: right;
        margin-right: 33% !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width:300px) {
    .aakk {
        float: right;
        margin-right: 30% !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width:360px) {
    .k-toolbar .k-split-button, span.k-colorpicker, span.k-combobox, span.k-datepicker, span.k-datetimepicker, span.k-dropdown, span.k-numerictextbox, span.k-timepicker {
        width: 140px;
    }
}

.fh {
    position: absolute;
    left: 5px;
    top: 8px;
    height: 26px;
    width: 35px;
}

.fj {
    height: 26px;
    position: absolute;
    right: 8px;
    top: 8px;
}

@media screen and (max-width:300px) {
    .one {
        font-size: 11px !important;
    }
}

@media screen and (max-width:360px) {
    .onea {
        margin-top: 133px !important;
        margin-left: 4% !important;
        position: absolute !important;
    }

    .oneb {
        position: absolute !important;
        margin-top: 273px !important;
        margin-left: 4% !important;
    }

    .onec {
        position: absolute !important;
        margin-top: 366px !important;
        margin-left: 28% !important;
    }

    .oned {
        position: absolute !important;
        margin-top: 366px !important;
        margin-left: 55% !important;
    }
}

@media screen and (max-width:320px) {
    .onea {
        margin-top: 133px !important;
        margin-left: 3% !important;
        position: absolute !important;
    }

    .oneb {
        position: absolute !important;
        margin-top: 273px !important;
        margin-left: 3% !important;
    }
}

@media screen and (max-width:768px) {
    .oned {
        position: absolute !important;
        margin-top: 366px !important;
        margin-left: 56% !important;
    }
}

@media screen and (max-width:800px) {
    .oned {
        position: absolute !important;
        margin-top: 366px !important;
        margin-left: 56% !important;
    }
}

@media screen and (max-width:264px) {
    .onea {
        margin-top: 133px !important;
        margin-left: 2% !important;
        position: absolute !important;
    }

    .oneb {
        position: absolute !important;
        margin-top: 273px !important;
        margin-left: 2% !important;
    }

    .oned {
        position: absolute !important;
        margin-top: 366px !important;
        margin-left: 54% !important;
    }
}

.oneli {
    background: #a3b8ef !important;
}

.fp {
    position: absolute;
    left: 66px;
    top: 4px;
}

.fg {
    position: absolute;
    left: 66px;
    top: 5px;
}

.fl {
    position: absolute;
    left: 66px;
    top: 7px;
}

.days {
    text-align: center;
    padding-top: 10px !important;
}

.timeone {
    font-size: 14px;
}

.onelia {
    background: #525d8b;
}

.oneliaa {
    background: #394264;
}

.oneliaaa {
    background: #424b6b;
}

.oneliaaab {
    background: #353b55;
}

.oneliaa-one {
    background: #1f639b;
}

.oneliaa-onee {
    background: #1f639b;
}

.oneliaa-two {
    background: #48506e;
}

.oneliaa-a {
    background: #616986;
}

.colora {
    background: #454d6b;
}

.float-right {
    float: right;
}

.fa {
    font-size: .8em;
    line-height: 22px !important;
}

dropdown {
    display: inline-block;
    margin: 20px 50px;
}

    dropdown label, dropdown ul li {
        display: block;
        width: 200px;
        background: #ecf0f1;
        padding: 15px 20px;
    }

        dropdown label:hover, dropdown ul li:hover {
            background: #1abc9c;
            color: #fff;
            cursor: pointer;
        }

    dropdown label {
        color: #1abc9c;
        border-left: 4px solid #1abc9c;
        border-radius: 0 5px 0 0;
        position: relative;
        z-index: 2;
    }

    dropdown input {
        display: none;
    }

        dropdown input ~ ul {
            position: relative;
            visibility: hidden;
            opacity: 0;
            top: -20px;
            z-index: 1;
        }

        dropdown input:checked + label {
            background: #1abc9c;
            color: #fff;
        }

        dropdown input:checked ~ ul {
            visibility: visible;
            opacity: 1;
            top: 0;
        }

&:hover {
    background: nth($colors,$i);
    color: #fff;
}

.imgonepart {
    background: url(../images/heat.png) no-repeat;
    left: 10% !important;
}

.timea {
    width: 48%;
    float: left;
    position: relative;
    padding-bottom: 10px;
}

.timeb {
    width: 48%;
    float: left;
    margin-left: 5px;
    position: relative;
}

.spnMenu {
    position: relative;
    bottom: 8px;
    margin-left: 10px;
}

.dlOuterDiv {
    background: #394264;
}

.dvForAlarm {
    width: 100%;
    padding: 10px;
}

.leftrow {
    width: 35%;
    float: left;
}

.rightrow {
    float: right;
    width: 60%;
}

    .rightrow span {
        float: right;
        margin-right: 2%;
    }

.dvFontsize {
    font-size: 1em;
    color: #fff;
}

.HeatPumpAlarm {
    position: fixed;
    z-index: 90;
    left: 1.5%;
    width: 97%;
}

.ssrLicls {
    position: relative;
    left: 41%;
}

    .ssrLicls > div {
        float: left;
    }

@media screen and (max-width:1000px) {
    .rightrow span {
        float: right;
        margin-right: 4%;
    }

    .ssrLicls {
        position: relative;
        left: 38%;
    }
}

@media screen and (max-width:650px) {
    .rightrow span {
        float: right;
        margin-right: 6%;
    }
}

@media screen and (max-width:480px) {
    .rightrow span {
        float: right;
        margin-right: 6%;
    }
}

@media screen and (max-width:400px) {
    .rightrow span {
        float: right;
        margin-right: 7%;
    }
}

@media screen and (max-width:343px) {
    .dvFontsize {
        font-size: .9em;
    }

    .rightrow span {
        float: right;
        margin-right: 7%;
    }
}

@media screen and (max-width:327px) {
    .dvFontsize {
        font-size: .8em;
    }

    .rightrow span {
        float: right;
        margin-right: 7%;
    }
}

@media screen and (max-width:300px) {
    .dvFontsize {
        font-size: .75em;
    }

    .rightrow span {
        float: right;
        margin-right: 8%;
    }
}

.dlOuterDiv tr:nth-child(odd) {
    background: #3c435e;
}

.headinimg {
    width: 25px;
    height: 25px;
    position: relative;
    top: 4px;
    right: 4px;
}

.headinimg1 {
    position: relative;
    top: 8px;
    right: 3px;
}

.oneliaa-twoa {
    background-color: #454d6b;
}

.oneliaa-twob {
    background-color: #454d6b;
}

.loadingImage {
    height: 55px;
    width: 55px;
    position: fixed;
    top: 43%;
    left: 48%;
    z-index: 105;
}

@media screen and (max-width:343px) {
    .loadingImage {
        height: 55px !important;
        width: 55px !important;
        position: fixed;
        top: 43%;
        left: 41%;
        z-index: 1000;
    }
}

.lblforstartdate {
    color: #fff;
    font-size: 1em;
}

@media screen and (max-width:343px) {
    .lblforstartdate {
        color: #fff;
        font-size: .75em;
    }
}

.dlOuterDiv1 {
    background: #394264;
}

.divHeatControl {
    width: 100%;
    font-size: 1em;
}

.divHeatControlmid.divbackground {
    position: relative;
    top: 4px;
}

.divHeatControlInner {
    width: 100%;
    height: 39px;
}

.divHeatControlInnerlist {
    width: 100%;
    height: 50px;
}

.divHeatControlheading {
    width: 100%;
    height: 25px;
    text-align: center;
}

    .divHeatControlheading span {
        color: #fff;
        position: relative;
        top: 18px;
        left: 4%;
    }

.divHeatControlImages img {
    width: 27px;
    height: 32px;
    float: right;
    position: relative;
    top: 11px;
    cursor: pointer;
}

.divHeatControlM2Images img {
    width: 27px;
    height: 32px;
    float: right;
    position: relative;
    cursor: pointer;
}

.divbackground {
    background-color: #1f639b;
    height: 30px;
}

.divHeatControlfirst {
    width: 70%;
}

    .divHeatControlfirst span {
        color: #fff;
        position: relative;
        top: 11px;
        left: 3%;
    }

.divHeatControlmid {
    width: 20%;
}

    .divHeatControlmid span {
        color: #fff;
        position: relative;
        top: 9px;
        text-align: center;
        left: 42%;
    }

.divHeatControlM2mid span {
    color: #fff;
    position: relative;
    top: 9px;
    text-align: center;
    left: 0;
}

.divHeatControllast {
    width: 10%;
}

    .divHeatControllast img {
        margin-top: 3px;
        float: right;
        height: 32px;
        width: 32px;
    }

div.divHeatControlfirst, div.divHeatControllast, div.divHeatControlmid {
    float: left;
}

.logoimg {
    position: relative;
    margin: 10px auto;
    height: 50px;
    width: 230px;
    padding: 5px;
}

.alertDivContainer {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background-color: rgba(22,22,22,.5);
}

.alertDiv {
    padding: 18px;
    width: 220px;
    height: 100px;
    z-index: 100;
    background-color: #fff;
    margin-top: -15px;
}

.alertDiv1 {
    position: fixed;
    margin: auto;
    top: 36%;
    left: 39%;
}

.alertDivTR {
    height: 60px;
}

.alertDivOk {
    margin-left: 25px;
    cursor: pointer;
    color: #38c !important;
    background: #38c;
    border-radius: 5px;
    padding: 7px;
}

    .alertDivOk:hover {
        background: #ccc;
    }

.alertDivCancel {
    margin-left: 40px;
    cursor: pointer;
    color: #38c !important;
    background: #38c;
    border-radius: 5px;
    padding: 7px;
}

    .alertDivCancel:hover {
        background: #ccc;
    }

.alertNoinstalattion {
    top: 1px;
    position: absolute;
    background-color: #000 !important;
    width: 100%;
    height: 100%;
    z-index: 5000;
}

.alertDiv2 {
    width: 178px;
    height: 60px;
}

.alertDiv2Ok {
    margin-left: 69px;
}

@media screen and (max-width:1000px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 39%;
    }
}

@media screen and (max-width:950px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 38%;
    }

    .ssrLicls {
        position: relative;
        left: 36%;
    }
}

@media screen and (max-width:900px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 37.5%;
    }

    .ssrLicls {
        position: relative;
        left: 36%;
    }
}

@media screen and (max-width:850px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 36.5%;
    }

    .ssrLicls {
        position: relative;
        left: 35%;
    }
}

@media screen and (max-width:800px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 36%;
    }

    .ssrLicls {
        position: relative;
        left: 34%;
    }
}

@media screen and (max-width:750px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 35%;
    }

    .ssrLicls {
        position: relative;
        left: 33%;
    }
}

@media screen and (max-width:700px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 32.5%;
    }

    .ssrLicls {
        position: relative;
        left: 33%;
    }
}

@media screen and (max-width:650px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 32%;
    }

    .ssrLicls {
        position: relative;
        left: 32%;
    }
}

@media screen and (max-width:600px) {
    .divHeatControlheading span {
        color: #fff;
        position: relative;
        top: 18px;
        left: 5%;
    }

    .divHeatControlmid span {
        color: #fff;
        position: relative;
        top: 9px;
        text-align: center;
        left: 36%;
    }

    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 30%;
    }

    .ssrLicls {
        position: relative;
        left: 30%;
    }
}

@media screen and (max-width:560px) {
    .divHeatControlmid span {
        color: #fff;
        position: relative;
        top: 9px;
        text-align: center;
        left: 33%;
    }

    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 29%;
    }

    .ssrLicls {
        position: relative;
        left: 28%;
    }
}

@media screen and (max-width:520px) {
    .divHeatControlmid span {
        color: #fff;
        position: relative;
        top: 9px;
        text-align: center;
        left: 30%;
    }

    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 28%;
    }

    .ssrLicls {
        position: relative;
        left: 27.5%;
    }
}

@media screen and (max-width:500px) {
    .divHeatControlmid span {
        color: #fff;
        position: relative;
        top: 9px;
        text-align: center;
        left: 30%;
    }

    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 27%;
    }

    .ssrLicls {
        position: relative;
        left: 27%;
    }
}

@media screen and (max-width:450px) {
    .divHeatControlmid span {
        color: #fff;
        position: relative;
        top: 9px;
        text-align: center;
        left: 27%;
    }

    .divHeatControl {
        width: 100%;
        font-size: .9em;
    }

    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 24%;
    }

    .ssrLicls {
        position: relative;
        left: 24%;
    }
}

@media screen and (max-width:490px) {
    .divHeatControlheading span {
        color: #fff;
        position: relative;
        top: 18px;
        left: 7%;
    }

    .divHeatControl {
        width: 100%;
        font-size: .9em;
    }

    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 24%;
    }

    .ssrLicls {
        position: relative;
        left: 23%;
    }
}

@media screen and (max-width:450px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 24%;
    }
}

@media screen and (max-width:400px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 21%;
    }

    .ssrLicls {
        position: relative;
        left: 20%;
    }
}

@media screen and (max-width:375px) {
    .alertDiv1 {
        position: absolute;
        margin: auto;
        top: 36%;
        left: 14%;
    }

    .ssrLicls {
        position: relative;
        left: 18%;
    }
}

@media screen and (max-width:343px) {
    .divHeatControlheading span {
        color: #fff;
        position: relative;
        top: 18px;
        left: 8%;
    }

    .divHeatControlmid span {
        color: #fff;
        position: relative;
        top: 9px;
        text-align: center;
        left: 20%;
    }

    .divHeatControl {
        width: 100%;
        font-size: .75em;
    }

    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 5%;
    }

    .ssrLicls {
        position: relative;
        left: 16%;
    }
}

@media screen and (max-width:335px) {
    .ssrLicls {
        position: relative;
        left: 13.5%;
    }
}

@media screen and (max-width:325px) {
    .ssrLicls {
        position: relative;
        left: 12%;
    }
}

@media screen and (max-width:300px) {
    .alertDiv1 {
        position: fixed;
        top: 36%;
        left: 0;
    }

    .ssrLicls {
        position: relative;
        left: 9%;
    }
}

.loginagain {
    font-size: large;
    background-color: #d4465d;
    position: relative;
    left: .5%;
    padding: 5px;
    color: #fff;
}

.Loggoutcls {
    position: relative;
    top: 40px;
    width: 100%;
}

    .Loggoutcls li {
        text-align: center;
    }

.clickhere {
    color: #fff;
}

.Menuaspx {
    padding-top: 35px;
    position: relative;
    z-index: 80;
    font-size: .8em !important;
}

    .Menuaspx h2 {
        font-size: 1em;
        padding: 0 6px 6px 5px;
        position: relative;
        left: -19%;
    }

.menuascxxx {
    overflow: scroll !important;
}

    .menuascxxx ul li a div {
        text-align: initial !important;
        margin-left: 33px !important;
    }

    .menuascxxx ul li a span {
        font-size: 1em !important;
        text-transform: none !important;
    }

.profilelogout li a:hover, .profilelogout li.active a {
    background: #396f8b !important;
    color: #fff;
}

.fadediv {
    width: 100%;
    height: 100%;
    opacity: .6;
    position: fixed;
    z-index: 100;
    background-color: #000;
    margin-top: -27px;
    left: 0;
}

.line-part ul li {
    display: inline-block !important;
}

.InstalationDiv {
    float: left;
    font-size: 14px;
    color: #fff;
    padding: 10px 0 0 0;
}

.nightRateLi a {
    padding: 7px 10px !important;
}

.grayLine {
    width: 100%;
    background-color: #1f253d;
    height: 1px;
}

.nightStartDiv {
    background-color: #254989;
    color: #fff;
    width: 100px;
    height: 30px;
    position: relative;
    top: -4px;
}

    .nightStartDiv span {
        top: 8px;
        position: relative;
        left: 37%;
    }

.menuFont {
    color: #fff;
    font-size: 1em !important;
    text-transform: none;
}

.standardDiv a {
    padding: 0;
}

.standardDiv input[type=text] {
    width: 12%;
    text-align: center;
    vertical-align: top;
    padding-right: 2px;
    margin-top: -14px;
    margin-left: 0;
    border: solid;
    border-width: 1px;
    position: absolute;
    font-size: 13px;
    height: 30px;
    color: #1f639b;
    background-color: #fff;
}

.btnAddtd {
    padding-right: 10px;
    padding-left: 5px;
    width: 10%;
}

    .btnAddtd input[type=image] {
        vertical-align: top;
        float: right;
        margin-right: -5px;
        margin-bottom: 8px;
        margin-top: 9px;
        height: 20px;
        width: 20px;
    }

.weakDays {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
    font-size: 12px;
}

    .weakDays p {
        border: solid;
        border-color: #fff;
        border-width: 1px;
    }

.labelStanderdves {
    background-color: #1f639b;
    color: #fff;
    border: solid;
    border-color: #fff;
    border-width: 2px;
    padding: 3px;
    margin: 0 8px 0 4px;
}

.labelStanderd {
    background-color: #fff;
    color: #abadb3;
    border: solid;
    border-color: #fff;
    border-width: 2px;
    padding: 3px;
    margin: 0 8px 0 4px;
}

.divstander {
    float: left;
    margin-left: 55%;
    margin-top: -51px;
}

.divstanderdheading {
    margin-left: -25%;
    margin-top: 9px;
}

    .divstanderdheading input[type=text] {
        width: 100%;
        text-align: center;
        padding-right: 2px;
        font-size: 13px;
        background-color: #1f477d;
        color: #fff;
        height: 30px;
    }

.standerddivv {
    float: left;
    margin-top: 0;
    margin-left: 10px;
    font-size: 12px;
}

.MenuHeading {
    background-color: #394264;
    height: 28px;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

.degreedaysclass {
    border: solid;
    border-width: 1px;
    border-color: #fff;
    width: 100%;
    padding: 10px 0 10px 0;
    color: #fff;
    vertical-align: central;
}

    .degreedaysclass span {
        margin-left: 10px;
    }

.gryheight {
    height: 2px;
}

.oneline-onediv {
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 10px 0 0 0;
    position: relative;
    top: -5px;
}

.userinfoH4 {
    position: relative;
    left: 8px;
    top: 3px;
}

.allFontSize {
    color: #fff !important;
    font-size: 14px !important;
    text-transform: none !important;
}

.allFontSizeH {
    color: #fff !important;
    font-size: 16px !important;
    text-transform: none !important;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    color: #fff !important;
}

#Doyouwanttoreset {
    color: #000 !important;
}

#btnok {
    color: #fff !important;
}

#btncancel {
    color: #fff !important;
}

.ssrDivLeft {
    width: 60%;
    position: relative;
    top: 8px;
}

.ssrDivRight {
    cursor: pointer;
    width: 40%;
}

.ssrno {
    float: left;
}

.ssrContent {
    float: right;
}

div.ssrDivLeft, div.ssrDivRight {
    float: left;
}

.ssrDivRight img {
    float: right;
}

.oneliaa-one-heading {
    text-align: center;
    padding: 10px 0 0 0;
    position: relative;
    top: -5px;
}

.oneliaa-BodyL {
    padding: 10px 0 0 0;
    position: relative;
    top: -4px;
    float: left;
}

.oneliaa-BodyR {
    position: relative;
    top: 5px;
    float: right;
}

.tempcls {
    position: relative;
    top: -10px;
}

.currentgues {
    text-align: center;
    padding-top: 7px;
    width: 57px;
    height: 23px;
    background-color: #1f639b;
    position: relative;
    right: 32px;
    top: 1px;
}

.divhotwater {
    position: relative;
    top: 12px;
    left: 6px;
}

.divhotwater1 {
    float: right !important;
    position: relative;
    right: 6px;
}

.divhotwaterDetail {
    position: relative;
    top: -10px;
}

    .divhotwaterDetail span {
        position: relative;
        top: -12px;
        right: 4px;
    }

.divbackgroundHotwater {
    position: relative;
    top: 3px;
    width: 100px;
}

    .divbackgroundHotwater span {
        position: relative;
        top: 7px;
        left: 32%;
    }

.bellimg {
    position: relative;
    top: -12px;
    right: 39px;
    float: right;
    width: 25px;
    height: 25px;
}

.divHotWaterI img {
    position: relative;
    top: -6px;
    right: 4px;
}

.divhotwaterlbl {
    top: 6px;
    position: relative;
}

.btnaddcls {
    height: 20px;
    width: 20px;
    vertical-align: top;
    float: right;
    margin-bottom: 0;
    margin-top: 9px;
}

.divAddcls {
    padding-right: 5px;
    padding-left: 4px;
    width: 30%;
    font-size: 11px;
}

.divAddcls1 {
    padding-right: 5px;
    padding-left: 0;
    width: 25%;
    background-color: transparent;
    font-size: 10px;
}

.divloader {
    width: 100%;
    height: 100%;
    opacity: .6;
    position: fixed;
    z-index: 100;
    display: block;
    background-color: #000;
}

.hwweekdiv {
    position: fixed;
    z-index: 99;
    width: 100%;
}

.hwweekdivwrap {
    height: 10px;
    background-color: #11a8ab;
    color: #fff;
    padding: 19px 0;
    width: 97%;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
}

.hwweekdw {
    float: right;
    padding-right: 8px;
    left: 1211px;
}

.hwweekdr {
    float: right;
    cursor: pointer;
}

.div123cls {
    color: #9099b7;
    font-size: 1em;
    text-transform: uppercase;
    border-bottom: 1px solid #1f253d;
    padding: 15px 20px 10px 20px;
}

.div123cls1 {
    color: #9099b7;
    font-size: 1em;
    text-transform: uppercase;
    border-bottom: 1px solid #1f253d;
    padding: 10px 4px 10px 20px;
    height: 45px;
}

.divaddcls {
    padding-right: 5px;
    padding-left: 10px;
    width: 36%;
    font-size: 14px;
    position: absolute;
}

.divAddclschk {
    float: right;
    margin-top: -37px;
    position: relative;
    right: 22px;
}

.divaddcls1 {
    float: left;
    margin-top: 0;
    margin-left: 10px;
    font-size: 12px;
}

.btnactive {
    color: #fff;
    background-color: #fff;
    border-style: None;
    height: 30px;
    width: 50px;
}

.img-part-boost {
    margin-right: 15px;
}

.wrapTop {
    padding-top: 96px !important;
}

#divAdd {
    background-color: #437eaf;
    padding: 0 0 52px 0;
}

span.selectOption {
    border: none;
    position: relative !important;
    top: -7px !important;
}

.paddingcls {
    padding: 2px;
}

.stadrdcls {
    padding: 10px 0 2px 0;
    display: block;
}

.new-class {
    width: 100%;
    float: left;
    display: block;
}

.divstander-new {
    float: right !important;
    margin-left: 55%;
    margin-top: -51px;
}

.alertDivzone {
    padding: 18px;
    width: auto;
    z-index: 100;
}

table {
    margin: auto;
}

.alertDivOk {
    margin-left: 0;
}

.alertDiv {
    border-radius: 6px;
    border: 2px solid #1f639b;
    padding: 10px 15px 0;
    width: 220px;
    height: auto;
    z-index: 100;
}

.modal {
    display: none;
    opacity: 1;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0 solid #000;
}

.fade.in {
    -webkit-animation-duration: 225ms;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 225ms;
    -moz-animation-name: fadein;
    animation-duration: 225ms;
    animation-name: fadein;
}

.modal.fade {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
}

#colorbox #cboxClose {
    top: -21px !important;
    left: 0 !important;
    position: absolute !important;
    z-index: 1000 !important;
}

#cboxLoadedContent {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media only screen and (max-width:600px) {
    #colorbox {
        max-height: 90vh !important;
        top: 5vh !important;
    }

    h1.largTextWStyle {
        font-size: 4em !important;
    }

    .subpage-content * {
        max-width: 100% !important;
    }

    .column.col-md-4 div img {
        max-width: 100% !important;
    }
}
.divnavigation {
    min-height: 55px;
}

    .divnavigation .inner-box {
        cursor: pointer;
        padding: 10px 6px;
        display: flex;
        align-items: center;
        width: calc(100% - 12px);
    }