/*** uat fixes ***/

/*.logo {
    padding-bottom: 9px !important;
}

.logo img {
    margin-top: 0 !important;
}
.by_emillcott img {
    margin-top: 0 !important;
}*/
.markerLabel {
   /* -webkit-text-stroke: 0.2px white !important;*/
    box-shadow: none !important;
    color: #067bf6 !important;
    /*text-shadow: 0 0 2px #fff;*/
    /*text-shadow: none !important;*/
    opacity: 0.8 !important;
}

.logo img{
   margin-top: -16px !important;
}
.logo{
   padding:20px 20px 4px 40px !important;
}
.by_emillcott img{
   margin-left: 3px;
   margin-top: -14px !important;
}
.selectify .header .icon::before {
    border-bottom: 0 none !important;
    border-left: 1px solid #ddd;
    border-right: 0 none !important;
    border-top: 0 none !important;
}
.largemap .googlemaps {
    height: 700px !important;
}
.selectify .options{
  position:relative !important;
}
.selectify .options.abs{
  position:absolute !important;
}
.selectify .header .icon::before {
    background-color: #f1f0f2;
    border-left: 1px solid #b9bbbe;
    height: 36px;
    margin-left: 29px;
    margin-top: -3px;
    position: relative;
    text-align: center;
    top: 0;
    width: 35px;
    padding: 2.5px 5px;
    border: 1px solid;
    margin-right: 15px;
}
.team caption {
    color: #000;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: left;
}

.team td {
    color: #000;
    text-align: left;
}

.selectify .option
{
  color: #000 !important;
}

.checkbox label {
    color: #000;
}
.start_header_1 > span {
    color: #000;
}
#main b, strong {
    color: #000;
    font-weight: 700;
}
#data caption {
    color: #000;
}
.tabledata caption,
.manual_sess caption {
    color: #000;
}
.tabledata td {
    color: #000;
}



/*****/


.selectify .options
{
  z-index: 9999 !important;
}
.checkbox input[type="checkbox"][disabled] + label {
    cursor: not-allowed;
}
.checkbox input[type="checkbox"][disabled] + label:before{
 background:#eee;   
}
.neatalign .radio {
     float: left;
     margin-left: 37%;
     
}
.neatalign .checkbox {
     float: left;
     margin-left: 37%;
     
}
.min-max-btn .btn.btn-primary {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #0085ca;
    color: #0085ca ;
}
.min-max-btn .btn.btn-primary.active {
    background: #0085ca none repeat scroll 0 0 !important;
    color: #fff;
}

.close-x {
     padding: 12px 0 18px;
    
}
.Clear_all
{
  display: none;
}
center .checkbox
{
  padding-top: 15px;
  padding-left: 30px;  
}
.eqm-on-check td:nth-child(5) {
    text-align: left;
}
#main .table.table-bordered td {
    white-space: normal;
    color: #000;
}
  .manual_sess .radio > label {
    /*padding-left: 20px !important;*/
} 
.manual_sess .checkbox > label {
    padding-left: 35px;
}
.table-foot .btn.btn-primary {
    margin: 0 !important;
}

 .manual_sess button {
    margin-left: 30px;
    vertical-align: top;
    /*margin-top: -25px !important;*/
    padding: 4px 45px;
}
/* .manual_sess .selectify .header .selected {
    background-color: #fff;
    color: #000;
    display: block !important;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}*/
 .override_manual_sess {
    background-color: transparent !important;
    border: 0 none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.override_manual_sess .selectify .header .icon::before {
    background-color: #f1f0f2;
    border-left: 1px solid #b9bbbe;
    height: 36px;
    margin-left: -13px;
    margin-top: -3px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
}
 .manual_sess
 {
  margin-bottom: 15px;
 }
 .location thead {
    background: #edefef none repeat scroll 0 0;
 }
}
.manual_sess input {
    margin-bottom: 5px;
}
 .Clear_all span
 {
   display: none;
 }
 .mob_table .close
 {
  display: none;
 }
.manual_sess .selectify, .manual_sess button
{
  outline: none;
}

.hrs.focus, .hrs:focus, .hrs:hover
{
 color: #417fcb;
}
#left-panel
{

  height: 1300px;
}
 .responsive_fotr.visible-xs.text-center li a {
    color: #333;
}

/*}*/

/* Latest changes starts here */

.altrs .navlabel {
   background-color: #ff0000;
   font-family: arial;
   font-size: 12px !important;
   left: 0;
   line-height: 0.9;
   margin: 0 auto;
   padding: 3px 4px;
   position: absolute;
   right: -22px !important;
   text-align: center !important;
   top: 7px;
   width: 28px !important;
}
.new-view-all .view.btn.btn-default.view-click {
    margin: 0;

    width: 76px;
}
.new-view-all .view.btn.btn-default{
    margin: 0;

    width: 76px;
}
.mbo-alrt.custom_container {
    margin-left: 1px;
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    z-index: 99;
    margin-top:64px;
}
.mob_table > .yellow_chart {
    background-color: #fbf8d9 !important;
    border: 0 solid #ed8b00 !important;
    border-bottom: 1px solid #ccc !important;
}
/*.mob_table > .red_chart {

    border: 0 solid #ed8b00 !important;
}*/
.table.mob_table {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 1px;
}

.Clear_all {
    background-color: #fff;
    color: #3c4352;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0px;
    padding: 15px 18px;
    text-align: left;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 1px;
}
.data-top-banner h3 button .fa-power-color {
    color: #a8ea51;
    font-size: 18px;
    line-height: 24px;
    margin-top: -5px;
    padding-left: 9px;
    position: absolute;
}
.mob_table .red_chart {
    background-color: #fce4e7 !important;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}
.close-x {
    background-color: #fff;
    font-size: 14px;
    padding: 14px 0 27px;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 10px;
    vertical-align: middle;
    width: 57px;
    margin-top: -60px;
    z-index: -9;
}
.panelcom {
    color: #0085cf;
    font-weight: 700;
    margin: 2% auto;
    position: relative;
    width: 450px;
}
.selectify .options {
    margin-left: 1px;
    margin-top: 1px;
    width: 100% !important;
    z-index: 2;
}
.mob_table.table > tbody > tr > td, .mob_table.table > tbody > tr > th,.mob_table.table > tfoot > tr > td,.mob_table.table > tfoot > tr > th,.mob_table.table > thead > tr > td,.mob_table.table > thead > tr > th
{
  border-top: none;
}
#main fieldset ul
{
  margin-top:100px;
}
.navbar-inverse .navbar-nav>li:last-child>a:hover, .navbar-inverse .navbar-nav>li:last-child>a:focus
{
  background-color: transparent;
  outline: none;
}
@media (max-width: 1250px){
.readings .station-bar-map span:nth-child(2)
{
  width: 55%;
}


}
@media (max-width: 1250px){
  .station-list-progress-bar span:nth-child(2) {
    width: 50% !important;
}
}
@media (max-width: 1050px){
  .ht .total_head {
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 3px;
    padding-right: 5px;
}
.ht .dust_value span {
    color: #7cd323;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 4px 6px;
}
}
@media only screen and (max-width: 1025px) and (orientation: portrait){
 #left-panel
{

  height: 1385px;
}

  }
@media only screen and (max-width: 1025px) and (orientation: landscape){
.post
{
  width: 33.3333% !important;
}
#left-panel
{

  height: 1200px;
}


}
@media (max-width: 1025px){
  .location td
  {
    font-size: 14px !important;
  }
  .manual_sess input
{
  width: 100%;
}
  .new-view-all .view.btn.btn-default {
    margin: 0;
    width: 67px;
}
.ht .total_head {
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 3px;
    padding-right: 5px;
}
.ht .dust_value span {
    color: #7cd323;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 4px 6px;
}



.total_dus {
     font-size: 14px;
     padding-left: 18px;
}
.manual_sess .selectify .header .selected {
    background-color: #fff;
    color: #000;
    padding: 8.5px 15px !important;
    /*padding: 8.5px 15px !important;*/
}
.manual_sess button {
    margin-left: 20px;
    margin-top: 2px;
    padding: 4px 20px !important;
}
th:first-child {
    text-align: center;
}

}
@media (max-width: 1034px){
  .manual_sess .selectify, .manual_sess button {
    display: inline-block;
    margin-bottom: 5px;
}
input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
    width: 10px !important;
}
}
@media (max-width: 1024px) {
.mbo-alrt.custom_container {
    margin-left: 1px;
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 99% !important;
    z-index: 99;
    right: 6px !important;
}
.station-bar-map span:nth-child(2) {
    width: 65% !important;
}


  }
@media (max-width: 767px) {
  .container-fluid.padding_2 ul {
    list-style-type: none;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px !important;
}
.start_header_2 {
    font-size: 30px;
    text-align: center;
}

.mbo-alrt.custom_container {
    margin-left: 1px;
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 99% !important;
    z-index: 99;
    left: 0px;
}
  .responsive_navigation.visible-xs img
  {
    height: 20px;
  }
  li.more-cutom-mobile {
      border-radius: 0 !important;
      color: #fff;
      margin: 0;
      padding-bottom: 7px;
      padding-left: 0;
      padding-right: 0;
      padding-top: 2px !important;
  }
  .responsive_navigation li:first-child {
      color: #fff;
      display: inline-block;
      padding: 7px 0px px 0px;
      text-align: center;
  }
  .responsive_navigation span {
      font-size: 20px;
      margin-top: 1px;
      padding: 0;
  }

  .pull-left.alt-mob-bell {
    text-align: right;
    width: 32px;
  }

  .altrs .navlabel {
   background-color: #ff0000;
   font-family: arial;
   font-size: 12px !important;
   left: 0;
   line-height: 0.9;
   margin: 0 auto;
   padding: 3px 4px;
   position: absolute;
   right: -22px !important;
   text-align: center !important;
   top: 7px;
   width: 28px !important;
}

.mob_table > tbody {
   border-bottom: 1px solid #ccc !important;
   border-right: 0 none transparent !important;
   border-top: 0 solid transparent !important;
}

 .mbo-alrt.custom_container {
    margin-left: 1px;
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 99%;
    z-index: 99;
    margin-top: 21px;
}

.Clear_all {
    background-color: #fff;
    color: #3c4352;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 22px;

    padding: 15px 18px;
    text-align: left;
}

.close-x {
  display: none;
}
}
/* Latest changes ends here */

@media (max-width: 1300px) {
  .win_speed {
    font-size: 13px;
  }
  .readings .table-responsive {
     overflow-x: initial;
}

.stationdetail .banner-stat {
     z-index: 99;
}
}
@media (max-width: 991px) {

  .readings .table-responsive {
     overflow-x: initial;
}

.stationdetail .banner-stat {
     z-index: 99;
}
  .station-bar-map span:nth-child(2) {
    width: 55% !important;
}
  .responsive_custom {
    margin-top: 18px;
  }

  .ht.responsive_custom .dust_value::before {
    background: transparent url("../images/dust_border.png") no-repeat scroll 0 0/100% auto;
    content: "";
    display: block;
    height: 2px;
    left: 6px;
    margin: 29px 9px;
    position: absolute;
    top: 16px;
    width: 87%;
  }

  .ht.custom_tp .dust_value::before {
    background: transparent url("../images/dust_border.png") no-repeat scroll 0 0/100% auto;
    content: "";
    display: block;
    height: 2px;
    left: 6px;
    margin: 33px 9px;
    position: absolute;
    top: 16px;
    width: 87%;
  }

  .col-md-3.col-xs-6.col-sm-6.post {
    width: 49.99%;
  }
}
@media (max-width: 810px){
  .navig .nav.navbar-nav.main-menu a {
    padding-left: 10px;
    padding-right: 10px;
}
.station-bar-map span:nth-child(2) {
    width: 50% !important;
}
  .manual_sess button {
    margin-left: 20px;
    margin-top: 2px;
    padding: 4px 8px !important;
}
.manual_sess .selectify, .manual_sess button {
    display: inline-block;
    margin-bottom: 5px;
}
   .station-list-progress-bar span:nth-child(2) {
    width: 45% !important;
}
.fixed-hgt {
    height: 850px !important;
    overflow-y: scroll;
    padding-left: 8px;
}
.largemap .googlemaps {
    height: 750px !important;
}

}
@media (max-width: 800px){
   .left_pan
   {
    width: 96%;
   } 
}
@media (max-width: 768px) {
  .manual_sess .btn.btn-primary {
    font-size: 13px  ;
    margin-top: 0;
    padding: 5px 14px  ;
}
  .threshold-content {
    margin: 0 auto;
    width: 86%;
}

  .avgs-block .modal-content
  {
    padding-bottom: 15%;
  }
  .upadel
  {
    /*padding-bottom: 15%; */
  }
  .pop-up-update
 {
    padding-bottom: 7%;
    padding-top: 23px;
}
.alert-txt-box {
    padding-left: 37px;
}
.populate_data {
/*    margin-left: 22px !important;*/
    width: auto !important;
}
.padding-top {
    /*padding-top: 32px !important;*/
}



   .container-fluid.padding_2 ul {
    list-style-type: none;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 10px !important;
}
.editdelte {
    display: inline-block !important;
    float: none !important;
    padding-left: 25px;
    width: 36px;
}
  .log_in form {
    background-color: #fff;
    border-radius: 5px;
    font-family: "Open Sans",sans-serif;
    margin: 0 15px;
    padding: 60px 15px;
    width: 92%;
}
  /*.manual_sess .btn.btn-primary {
    font-size: 14px;
    padding: 5px 3px;
}*/
  .ital b {
    font-size: 14px;
}
#main h3 b {
    font-size: 14px;
}
.manual_sess > span {
    margin-top: -10px;
}
  #bs-example-navbar-collapse-1 ul li a
  {
    font-size: 14px;
  }
  .container-fluid.padding_2
  ul {
    list-style-type: none;
    margin-bottom: 15px;
     
    margin-top: 15px;
    padding-left: 0;
  }
  .panelcom {

    width: 100% !important;
  }
  .responsive_table table tr > th.win_speed:first-child {
    padding-left: 0px !important;
}
.col-md-11.col-md-offset-1.margin-top-med .col-md-5 {
    padding-left: 0px;
    padding-right: 0px;
}
  /*.responsive_table table tr > th:first-child, .responsive_table table tr > td:first-child
  {
    padding-left: 0px !important;
  }*/
  table.table.mob_table {
   border: 0px !important;
   border-collapse: initial;

}
  #bs-example-navbar-collapse-1
  {
    width: 100%;
  }
  .mbo-alrt.custom_container {
     margin-top: 94px;
     width: 99.5%;

}
  /* V */
  .data-top-banner h3 {
     padding-right: 0 !important;

}
  .col-sm-3.col-sm-3.emilcott-resp.visible-xs {
    border-bottom: 2px solid #1c292c;
    min-height: 0;
    margin-top: -1px;
}
  .logo {
    /*padding-bottom: 20px !important;*/
  }
  .stationdetaillong .table-background {
    width: 100%;
  }

  .stationdetail .col-md-12.padding-top {
    padding-left: 25px;
  }

  /*v */
  .navigationbar .navbar-inverse .navbar-icons {
    margin-right: 0px !important;
  }

  .custom_selctrix .selectric {
    margin-bottom: 15px;
  }

  .responsive_navigation li .label.label-danger.resnotification:hover,
  .responsive_navigation li .label.label-danger.resnotification:focus {
    background-color: #64cc00;
  }

  .responsive_navigation .active {
    background-color: #64cc00;
  }

  .responsive_navigation li:hover,
  .responsive_navigation li:focus {
    background-color: #64cc00;
    padding-top: 5px;
  }

  .map img {
    width: 100%;
  }

  .responsive_navigation.visible-xs {
    border-top: 0px solid #000;
  }

  .navigationbar {
    background: #182427;
  }

  #left-panel > .responsive_control {
    padding: 0px;
  }

  .cycle.visible-xs.col-xs-3.pull-right {
    padding-top: 24px;
    padding-right: 0px;
  }

  .reading_content {
    padding-left: 0px;
  }

  .flux {
    margin-top: 0px;
  }

  .chart_row .col-md-3.col-xs-6.col-sm-6 {
    margin-top: 20px;
  }

  .cycle .btn i {
    padding-right: 4px;
  }

  .cycle span {
    padding-left: 2px;
  }

  .cycle > .btn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cad4e0;
    border-radius: 4px;
    color: #0085ca;
    font-size: 12px;
    height: 26px;
    padding-left: 17px;
    padding-top: 4px;
    width: 63px;
    float: right;
  }

  .graph {
    margin: 5% 0%;
  }

  address {
    font-size: 12px;
  }

  .meter > img {
    height: auto;
    width: 36px;
  }

  .meter {
    padding: 6px !important;
  }

  .res_logo.visible-xs > img {
    padding-top: 5px;
    width: 40%;
  }

  .com,
  .com.tommorow {
    width: 58% !important;
  }

  .col-md-3.col-xs-6.col-sm-6.post {
    width: 49.99%;
  }

  .sensor_detals {
    left: 15px;
    right: 15px;
    top: 50%;
    width: auto;
  }

  .chart_row {
    margin-top: 1px;
    padding-left: 7px;
  }

  .col-md-3.col-xs-6.col-sm-6.post {
    padding-left: 7px;
  }

  #left-panel {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .logo img {
    margin-left: -14px;
    margin-top: -16px;
    text-align: center;
    width: 135px !important;
  }

  .altrs {
    position: relative;
  }

  .altrs .navlabel {
    background-color: #ff0000;
    font-family: arial;
    font-size: 12px !important;
    left: 0;
    line-height: 0.9;
    margin: 0 auto;
    padding: 3px 4px;
    position: absolute;
    right: -19px;
    text-align: left;
    top: 7px;
    width: 15px;
  }

  .navigationbar .navbar-inverse .navbar-nav li > a {
    font-size: 15px;
  }
}
@media (max-width: 1050px) {
  .logo {
  /*  padding-bottom: 20.5px !important;*/
  }
}
@media (max-width: 750px){
  .neatalign .radio {
     float: left;
     margin-left: 1%;
     
}
.neatalign .checkbox {
     float: left;
     margin-left: 1%;
     
}
}

@media (max-width: 767px) {
  .emilcott-resp img {
    margin-top: -26px;
    padding: 0;
    position: absolute;
    width: 93%;
}
  .responsive_fotr.visible-xs.text-center li a {
    color: #333;
    padding: 7px;
}
 .navigationbar
 {
   z-index: 999;
 }

  .logo {
    padding: 25px 1px 18px;
    text-align: center;
    background: #182427;
  }

  .by_emillcott img {
    margin-left: 5px !important;
    margin-top: -14px;
    height: 12px;
  }

  .by_emillcott.visible-xs {
    display: inline-block !important;
  }

  .logo img {
    margin-left: -14px;
    margin-top: -16px;
    text-align: center;
    width: 135px !important;
  }

  #left-panel {
    background: #182427;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .cycle span {
    padding-left: 8px;
  }

  #left-panel {
    padding-left: 32px !important;
    padding-right: 20px !important;
  }

  .com,
  .com.tommorow {
    width: 76% !important;
  }

  .cycle > .btn {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cad4e0;
    border-radius: 4px;
    color: #0085ca;
    font-size: 12px;
    height: 26px;
    padding-left: 8px;
    padding-top: 4px;
    width: 63px;
    float: right;
  }

  .flip {
    background: transparent url("../images/sld_are.png") no-repeat scroll 50% 100%;
    cursor: pointer;
    height: 10px;
    margin: 0px 0px 15px 0px;
    position: relative;
    text-align: center;
    display: none;
  }

  .flip_2 {
    background: transparent url("../images/sld_are.png") no-repeat scroll 50% 100%;
    cursor: pointer;
    height: 10px;
    margin: -18px 0px 0px 0px;
    position: relative;
    text-align: center;
    display: block !important;
    z-index: 99;
  }

  .splitter {
    border-bottom: 1px solid #d0d4db !important;
    position: relative;
  }

  .stationmobiledata .table.table-condensed thead tr {
    border-bottom: 1px solid #d0d4db;
  }
  .graphicalsec {
    padding-left: 0px;
  }
}
@media (max-width: 600px){
  .col-sm-9.col-xs-7.set-cus-alrt {
     
    padding-left: 15px;
}
.alert-txt-box {
    padding-left: 15px;
}
.set-cus-alrt select
{
  width: 91% !important;
}
}

@media (max-width: 640px) {

/*** uat Fixes *****/
  .stationmobile .table thead tr th, .stationmobile .table tbody tr td
  {
    padding: 0px !important;
    font-size: 12px !important;
  }
  .stationdetail .col-md-12.padding-top {
    padding-right: 15px;
}



  /****/
  #main span .btn.btn-primary {
    margin: 10px 0;
}

  .table-foot .btn.btn-primary {
    margin: 5px 0 !important;
}
  .manual_sess button
  {
    margin-top: 2px !important;
  }
  .manual_sess textarea
  {
    width: 100% !important;
  }
  #main li .btn.btn-primary {
    font-size: 13px;
    margin-bottom: 15px;
    width: 100%;
}
  .manual_sess .selectify .header .selected {
    background-color: #fff;
    color: #000;
    display: block !important;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
  .manual_sess button
  {
    margin-left: 0px !important;
  }
.location .table-bordered {
    border: 1px solid #eee;
}
.update-modal .modal-body.row > p {
    margin: 0 auto;
    width: 86%;
}
  .manual_sess .selectify .header .selected {
     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.manual_sess input
{
  width: 100%;
}
  .log_in form {
    background-color: #fff;
    border-radius: 5px;
    font-family: "Open Sans",sans-serif;
    margin: 0 auto;
    padding: 60px 15px;
    width: 87%;
}
/*}*/
.head {
    color: #61cb00;
    font-family: "Open Sans",sans-serif;
    font-size: 45px;
    text-align: center;
}
.sub_head h4 {
    color: #76818d;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding: 0 0 9px;
    text-align: center;
}
.footer_menu > li {
    color: #4f5964;
    display: inline-block;
    font-size: 11px;
    list-style: outside none none;
    padding: 9px;
}
.panelcom {
    color: #0085cf;
    font-weight: 700;
    margin: 4% auto;
    position: relative;
    width: 86%;
}
  .manual_sess .selectify, .manual_sess button {
    display: inline-block;
    width: 100% !important;
    margin: 5px 0px;

}
.start_header_1 {
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}
  .stationdetail .banner-stat {
    background: #f2f3f5;
    height: auto !important;
    padding-bottom: 8px;
}
  .responsive_navigation.visible-xs a {
      color: #fff;
      font-size: 11px;
  }

  .emilcott-resp img {
      margin-top: -20px;
      padding: 0;
      position: absolute;
      width: 93%;
  }
  .responsive_navigation > li {
    width: 19.4%;
  }
  .graphicalsec{
    padding-left: 0px;
  }

  .com,
  .com.tommorow {
    width: 59% !important;
  }

  .custom_selctrix .selectify {
    margin-bottom: 15px;
    margin-left: 4px;
  }

  .selectify .options {
    margin-left: 2px;
    width: 98.9% !important;
    z-index: 2;
  }
  footer span {
    /* margin-left: 15px; */
    margin-right: 10px;
    font-size: 15px;
    color: #253340;
  }
}
@media (max-width: 560px) {
  .map_heading,
  .maphd_conte {
    width: auto !important;
    font-size: 14px;
    color: #000000;
    line-height: 19px;
    text-align: left;
    font-weight: 600;
  }
  .data-top-banner h3 button .fa-power-color {
     margin-top: -5px;
   
}
.data-top-banner h3 button {
     width: 145px;
}

  .sensor_detals {
    padding-bottom: 45px;
  }

  .resp_mob_range {
    bottom: 0;
    clear: both;
    display: inline-table;
    left: 27px;
    margin: -7% auto;
    max-width: 96%;
    position: absolute;
    right: 0;
    width: 100%;
  }

  .stationdetail .banner-stat .ip {
     text-align: center !important;
  }

  .stationdetail .banner-stat .sensor-pow {
       font-size: 18px !important;

  }
}
@media (max-width: 530px) {
   .manual_sess .radio > label {
    padding-left: 0 !important;
}
  .responsive_navigation > li {
    width: 19.2%;
  }

  .reading_content {
    /* padding-left: 7px;*/
    padding-right: 7px;
  }
  .fa.fa-chevron-left {
    font-size: 20px !important;
    color: #84bd00;
    line-height: 20px !important;
    text-align: left;
}
}
@media (max-width: 420px) {
  .col-md-6.visible-xs.col-xs-9.pull-left {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 426px) {
  h1.head img {
    width: 70%;
}
  .graphicalsec {
    padding-left: 0px;
  }

  .alertpop {
    left: 0px;
    right: 0px !important;
    margin: 0 auto;
    width: 96% !important;
  }
 /* .com, .com.tommorow {
    width: 50% !important;
}*/
}
@media (max-width: 400px) {
  .responsive_navigation > li {
    width: 19%;
  }

  .responsive_navigation li {
    padding-left: 0px;
    padding-right: 0px;
  }
  .custom_selctrix .selectify {
    margin-bottom: 15px;
    margin-left: 0.5px;
  }
  .map {
    padding: 20px 0px;
  }

  .col-md-9.right-panel {
    padding-left: 25px;
    padding-right: 25px;
  }

  .view.btn.btn-default {
    margin-left: 1px;
    padding: 3px 4px;
  }

  .cycle.visible-xs.col-xs-3.pull-right {
    padding-left: 0;
    padding-right: 0;
  }

  .col-md-6.visible-xs.col-xs-9.pull-left {
    padding-left: 0;
    padding-right: 0;
  }

  .ht .dust_value::before {
    margin: 29px 9px;
    width: 100%;
  }

  .meter {
    padding: 15px;
  }

  .responsive_fotr ul li {
    padding: 7px 0px;
  }

  .ht .dust_value::before {
    margin: 29px 9px;
    width: 100%;
    top: 0px;
  }

  .responsive_table .com {
    width: 14px;
  }

  .view {
    float: right;
    margin-top: 4px;
  }

  .res_logo.visible-xs > img {
    padding-top: 5px;
    width: 60%;
  }

  .plus_add i {
    color: #a2abba;
    font-size: 18px;
    margin-top: -24px;
    position: absolute;
    right: 23px;
    vertical-align: middle;
  }
  .data-top-banner h3 {
    color: #000000;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 19px;
    padding: 0;
    text-align: left;
  }

}
@media(max-width: 380px){
  .power {
    margin-top: 0px;
}
.power .btn.btn-default
{
  font-size: 11px;
}
.data-top-banner h3 {
    color: #000000;
    font-family: Open Sans;
    font-size: 12px;
    line-height: 19px;
    padding-right: 13px;
    text-align: left;
}


}
@media (max-width: 350px) {
  .manual_sess .btn.btn-primary {
    font-size: 12px;
  
}
  .lve_sen {
    font-size: 18px;
  }
  footer span {
    /* margin-left: 15px; */
    margin-right: 0px;
    font-size: 11px;
    color: #253340;
  }
}
@media (max-width: 320px) {
  .responsive_navigation > li {
    width: 18.9%;
  }
}

/*# sourceMappingURL=responsive.css.map */





/*** for 4:3 devices ***/
@media screen and (min-width: 768px) and (max-width: 1024px) and (device-aspect-ratio: 4/3){
  .start_header_2 {
    font-size: 25px;
}
  .panel.panel-default.panelcom {
    font-size: 14px;
}

.stationdetail .col-md-12.padding-top .progress-det {
    font-size: 10px !important;
   
}
  .avgs-block {
    font-size: 10px !important;
    padding-left: 0;
    padding-right: 0;
}
.stationdetail .col-md-12.padding-top .table > thead > tr > th, .stationdetail .col-md-12.padding-top .table > tbody > tr > td {
    border-bottom: 1px solid #d0d4db;
    color: #000000;
    font-family: Open Sans;
    font-size: 11px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    
vertical-align: top;
}

.tserver
{
  font-size: 14px;
}
.lve_sen{
  font-size: 20px;
}
#left-panel address {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
}
.ht .total_head {
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 3px;
}
.ht .total_head {
    font-family: "Open Sans",sans-serif;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 3px;
}
.ht .no_application {
    font-size: 10px;
    padding-left: 24px;
    padding-top: 8px;
}
.win_calculation {
     font-size: 24px;
   
}
.win_speed {
    font-size: 11px;
}
.com {
     font-size: 12px;
   
}
.table.borderless td {
    font-size: 12px;
}
.table.table-reflow td {
    font-size: 12px;
}
.ftr ul li {
     font-size: 10px;
    padding-left: 3px;
    padding-right: 0;
}
.ftr.hidden-xs a {
    color: #fff;
}
.navigationbar .navbar-inverse .navbar-nav li > a {
    color: #fff;
    font-size: 14px;
    line-height: 33px !important;
    padding-bottom: 15px;
    padding-top: 15px;
}
.navigationbar .navbar-inverse .navbar-nav > .active > a, .navigationbar .navbar-inverse .navbar-nav > .active > a:focus, .navigationbar .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #3c4352;
    color: #80c327;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
}
.new-view-all .view.btn.btn-default.view-click {
    margin: 0;
    width: 64px;
}
.view {
     font-size: 11px;
     padding: 1px 0;
}
.cycle > .btn {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    color: #0085ca;
    font-size: 11px;
    height: 26px;
    padding-left: 20px;
    padding-top: 4px;
    width: 64px;
}
.mbo-alrt.custom_container {
    margin-left: 1px;
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32% !important;
    z-index: 99;
    right: 6px !important;
}
}
@media screen and (min-width: 864px) and (max-width: 1152px) and (device-aspect-ratio: 4/3){
  .start_header_2 {
    font-size: 25px;
}

  .panel.panel-default.panelcom {
    font-size: 14px;
}
  .stationdetail .col-md-12.padding-top .progress-det {
    font-size: 10px !important;
   
}

  .avgs-block {
    font-size: 10px !important;
    padding-left: 0;
    padding-right: 0;
}

.tserver
{
  font-size: 14px;
}
.lve_sen{
  font-size: 20px;
}
#left-panel address {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
}
.ht .total_head {
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 3px;
}
.ht .total_head {
    font-family: "Open Sans",sans-serif;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 3px;
}
.ht .no_application {
    font-size: 10px;
    padding-left: 24px;
    padding-top: 8px;
}
.win_calculation {
     font-size: 24px;
   
}
.win_speed {
    font-size: 11px;
}
.com {
     font-size: 12px;
   
}
.table.borderless td {
    font-size: 12px;
}
.table.table-reflow td {
    font-size: 12px;
}
.ftr ul li {
     font-size: 10px;
    padding-left: 3px;
    padding-right: 0;
}
.ftr.hidden-xs a {
    color: #fff;
}
.navigationbar .navbar-inverse .navbar-nav li > a {
    color: #fff;
    font-size: 14px;
    line-height: 33px !important;
    padding-bottom: 15px;
    padding-top: 15px;
}
.navigationbar .navbar-inverse .navbar-nav > .active > a, .navigationbar .navbar-inverse .navbar-nav > .active > a:focus, .navigationbar .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #3c4352;
    color: #80c327;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
}
.new-view-all .view.btn.btn-default.view-click {
    margin: 0;
    width: 64px;
}
.view {
     font-size: 11px;
     padding: 1px 0;
}
.cycle > .btn {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    color: #0085ca;
    font-size: 11px;
    height: 26px;
    padding-left: 20px;
    padding-top: 4px;
    width: 64px;
}
.mbo-alrt.custom_container {
    margin-left: 1px;
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32% !important;
    z-index: 99;
    right: 6px !important;
}
}