@media screen and (max-width: 768px){
.input-group{
    width: 100% !important;
     }
.ol-geocoder{
    max-width: 300px;
}
#map-placeholder{
margin-left: 3px;
     }
#date-time{
    margin-top: 0 !important;
     }
}
.tooltip{
    font-size: 12px;
}
.dtp_modal-content {
  line-height: 1;
}

.w-15{
    width: 15%;
}
.w-10{
    width: 10%;
}
.w-20{
    width: 20%;
}
.w-33{
    width: 33%;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: darkgrey;
}

.selectpicker{
  font-size: 20px !important;
}
.nav>li>a:focus, .nav>li>a:hover {
  background-color: #eee;
}
.card-header .fa {
  transition: .3s transform ease-in-out;
}
.card-header .collapsed .fa {
  transform: rotate(90deg);
}

.dropdown-menu {
    max-width: 100% !important;
}

.utci-table-row{
    opacity: 0.3;

    filter: alpha(opacity=30); /* For IE8 and earlier */
  }
.utci-table-row-active{
           border:black solid 2px !important;
        display: block;
    }

div.huta_navbar_container {
  position: -webkit-sticky;
  position: sticky;
  border-radius: 5px;
  background-color: rgba(39, 39, 104, 0.9);
  top: 112px;
  z-index: 1000;
  
}
div.huta_navbar_container a{
  color: white;
}
div.huta_navbar_container a:hover{
  color: #000080;
}
@media only screen and (max-width: 990px){
 .calculate-btn-div {
     display:none;
    }
  div.huta_navbar_container {
    top: 0;
  }
#mainnav{
    display: none !important;
    }
.site-header {
      position: relative !important;
      padding: 0px !important;
      display: none !important;
    }
.page-wrap{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    }
  footer.site-footer{
      display: none !important;
    }
 .hutas-mobile-only{
     display: inline-block !important;
    }
 .mobile-calculate{
    position: fixed;
    bottom: 0; 
    left:0;
    width: 100%; 
    font-size: 20px !important;
    vertical-align: middle;
    margin: 0px 0px 0px 0px !important;
    padding: 5px 0px 5px 0px !important;
    background-color: rgba(146, 181, 215, 0.70);
    z-index: 2;

    }
.ol-geocoder.gcd-txt-container {
    position: absolute;
    width: 100% !important;
    height: 4.375em;
    top: .5em;
    left: 0 !important;
    box-sizing: border-box;
}
}

/*Custom BootStrap CSS */

.btn-strava-load { 
  color: #ffffff; 
  background-color: #FC4C02; 
  border-color: #FC4C02; 
} 
 
.btn-strava-load:hover, 
.btn-strava-load:focus, 
.btn-strava-load:active, 
.btn-strava-load.active, 
.open .dropdown-toggle.btn-strava-load { 
  color: #ffffff; 
  background-color: #FF7236; 
  border-color: #FF7236; 
} 
 
.btn-strava-load:active, 
.btn-strava-load.active, 
.open .dropdown-toggle.btn-strava-load { 
  background-image: none; 
} 
 
.btn-strava-load.disabled, 
.btn-strava-load[disabled], 
fieldset[disabled] .btn-strava-load, 
.btn-strava-load.disabled:hover, 
.btn-strava-load[disabled]:hover, 
fieldset[disabled] .btn-strava-load:hover, 
.btn-strava-load.disabled:focus, 
.btn-strava-load[disabled]:focus, 
fieldset[disabled] .btn-strava-load:focus, 
.btn-strava-load.disabled:active, 
.btn-strava-load[disabled]:active, 
fieldset[disabled] .btn-strava-load:active, 
.btn-strava-load.disabled.active, 
.btn-strava-load[disabled].active, 
fieldset[disabled] .btn-strava-load.active { 
  background-color: #FC4C02; 
  border-color: #FC4C02; 
} 
 
.btn-strava-load .badge { 
  color: #FC4C02; 
  background-color: #ffffff; 
}