/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 780px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
@media only screen and (max-device-width: 768px) {
    /* CSS Styles go here..... */
    .border-right {
        border-right: 0px solid #e7eaec !important;
    }
    h1 {
        font-size: 24px !important;
    }
    .topMargin {
        margin-top: 10px !important;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {
    .widthLaptop{
        width:100% !important;
    }
    #imgHeader{
        width:100% !important;
    }
    .topMarginwidthLaptop {
        margin-top: 10px !important;
    }
}
    @media only screen and (max-device-width: 1440px) {
        h1 {
            font-size: 24px !important;
        }
    }

    @media (min-width: 768px) {
        /*  .topMargin{
        margin-top:0px !important;
    }*/
        #rowselect {
            display: block;
            margin-bottom: 15px !important;
            vertical-align: middle;
        }

        #rowselectdate {
            margin-bottom: 15px;
        }

        #rowselecttime {
            margin-bottom: 15px;
        }

        #rowselectdatestart {
            margin-bottom: 15px;
        }

        #rowselecttimestart {
            margin-bottom: 15px;
        }

        #rowselectdatestop {
            margin-bottom: 15px;
        }

        #rowselecttimestop {
            margin-bottom: 15px;
        }
    }

    @media (min-width: 1200px) {
        #col_2_all_col1 {
            width: 35% !important;
        }

        #col_2_all_col2 {
            width: 55% !important;
        }

        #col_2_all_col3 {
            width: 10% !important;
        }

        #icon_desc_col_1 {
            width: 33.33%;
        }

        #icon_desc_col_2 {
            padding-left: 0px !important;
        }

        #icon_desc_col_3 {
            padding-left: 0px !important;
            width: 33.33%;
        }

        #icon_desc_col_4 {
            padding-left: 0px !important;
        }

        #icon_desc_col_5 {
            padding-left: 0px !important;
            padding-right: 0px !important;
            width: 33.33%;
        }

        #icon_desc_col_6 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #rowselectdatestart {
            margin-bottom: 15px;
            width: 19%;
        }

        #rowselecttimestart {
            margin-bottom: 15px;
            width: 19%;
        }

        #rowselectdatestop {
            margin-bottom: 15px;
            width: 19%;
        }

        #rowselecttimestop {
            margin-bottom: 15px;
            width: 19%;
        }

        #lblheadersearch {
            width: 11.666667%;
        }

        #btn_right {
            width: 11.666667%;
        }
        /*.col-lg-2 {
    width: 33.33367%;
}*/
        /*.col-lg-2 {
    width: 12%;
}
        .col-lg-3 {
    width: 19%;
}*/
        .text-right-1200-w {
            width: 100%;
            text-align: right;
        }

        .text-right-1200 {
            text-align: right;
        }

        #div_lblStation {
            text-align: right;
        }

        #div_lblStdate {
            text-align: right;
        }

        #div_lblEnddate {
            text-align: right;
        }

        #div_lblRdMore {
            text-align: right;
        }

        #div_lblRdLess {
            text-align: right;
        }

        #chkFill {
            text-align: right;
        }

        #div_col6txtmore {
            text-align: right;
        }

        #div_col6txtless {
            text-align: right;
        }

        #div_col6txtamount {
            text-align: right;
        }
    }

    @media (min-width: 992px) {
        #col_md_2_date {
            width: 40% !important;
        }

        #col_md_2_time {
            width: 40% !important;
        }
    }
    /*@media (min-width: 1365px) {
    #weather_station {
        max-width:280px !important;        
    }
    #div_datePick_start {
        max-width:200px !important;
        padding-right:20px !important;
    }
    #div_StationTime_start {
        max-width:100px !important;
    }
    #div_datePick_end {
        max-width:200px !important;
        padding-right:20px !important;
    }
    #div_StationTime_end {
        max-width:100px !important;
    }
    #div_weather_station {
    padding-right:10px !important;
    }
    
    #btn_right {
    padding-top:0px !important;
    }
    #div_datePick_text {
    padding-left:10px !important;
    }
}*/
    /*@media (max-width: 1366px) {
    #weather_station {
        max-width:280px !important;
        
    }
    #div_datePick_start {
        max-width:185px !important;
        padding-right:20px !important;
    }
    #div_StationTime_start {
        max-width:100px !important;
    }
    #div_datePick_end {
        max-width:185px !important;
        padding-right:20px !important;
    }
    #div_StationTime_end {
        max-width:100px !important;
    }
    #div_weather_station {
    padding-right:10px !important;
    }
}*/
    @media (max-width:767px) {
        h1 {
            font-size: 24px !important;
        }

        .border-right {
            border-right: 0px solid #e7eaec !important;
        }

        .topMargin {
            margin-top: 10px !important;
        }

        #tab_map_1 {
            padding: 10px 10px 10px 5px;
        }

        #tab_map_2 {
            padding: 10px 10px 10px 5px;
        }

        #tab_map_3 {
            padding: 10px 10px 10px 5px;
        }

        #tab_map_4 {
            padding: 10px 10px 10px 5px;
        }

        #tab_map_5 {
            padding: 10px 10px 10px 5px;
        }

        #tab_map_6 {
            padding: 10px 10px 10px 5px;
        }

        #tab_map_7 {
            padding: 10px 10px 10px 5px;
        }

        #tab_map_8 {
            padding: 10px 10px 10px 5px;
        }
        /*#rain_station {
        max-width:100% !important;
    }*/
    }


    @media (min-width: 1600px) {
        /*#div_datePick_start {
        max-width:300px !important;
        padding-right:20px !important;
    }*/
        /*#div_StationTime_start {
        max-width:200px !important;
    }
    #div_datePick_end {
        max-width:300px !important;
        padding-right:20px !important;
    }
    #div_StationTime_end {
        max-width:200px !important;
    }*/
        #water_station {
            max-width: 200px !important;
        }

        #div_water_station {
            padding-right: 20px !important;
        }
        /*#div_datePick_text {
    padding-left:0px !important;
    }*/
    }

    @media (min-width: 1601px) {
        /*#div_datePick_start {
        max-width:300px !important;
        padding-right:20px !important;
    }
    #div_StationTime_start {
        max-width:200px !important;
    }
    #div_datePick_end {
        max-width:300px !important;
        padding-right:20px !important;
    }
    #div_StationTime_end {
        max-width:200px !important;
    }*/
        #water_station {
            max-width: 420px !important;
        }

        #div_water_station {
            padding-right: 20px !important;
        }
    }

    @media screen\0,screen\9 {
        #txtFilterMore {
            display: inline
        }

        #txtFilterLess {
            display: inline
        }

        #txtFilterAmount {
            display: inline
        }
    }