/*add padding to all rows*/
.row {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  /*width: 100%*/
}
/*button stylings*/
.btn-primary {
  font-family: 'Lato', sans-serif;
  border-radius: 0px;
  background-color: #2578b3;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  /*height: 40px;*/
}
.h5, h5 {
  margin-bottom: 0px;
}
tr.model {
  background-color: #3875a9 !important;
  color: #FFFFFF;
}
tr.model2 {
  background-color: #ddd !important;
  color: #000000;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
  /*background-color: #2578b3;*/
  background-color: #1f689c;
}
.dropdown-menu {
  width: 100%;
  border-radius: 0px;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px
}
.dropdown-menu>li>a {
  color: #2578b3;
  font-family: 'Lato', sans-serif;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #1f689c;
  font-weight: 900;
}
.model-pane {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  font-weight: 900;
  color: #2578b3;
}
/*slider stylings*/
.slider-div {
  min-height: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #d3d3d3;
}
.slider{
  -webkit-appearance: none;
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #dce4e8; /* Grey background */
  outline: #cbd3d6 solid 0.25px; 
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  
}
/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 24px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #1f689c; 
  cursor: pointer; /* Cursor on hover */
}
.slider::-moz-range-thumb {
  width: 24px; /* Set a specific slider handle width */
  height: 10px; /* Slider handle height */
  background: #d3d3d3; 
  cursor: pointer; /* Cursor on hover */
}
.slider:focus {
    outline: none;
}
#inittime {
  text-align: center;
  font-family: 'Lato', sans-serif;
  padding: 2px;
}
#overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        background: #999;
        width: 100%;
        height: 100%;
        opacity: 0.8;
        z-index: 100; 
}
#popup {
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        width: 500px;
        height: 500px;
        margin-left: -250px; /*Half the value of width to center div*/
        margin-top: -250px; /*Half the value of height to center div*/
        z-index: 200;
}
#model,
#domain {
  text-align: center;
  font-family: 'Lato', sans-serif;
  padding: 2px;
}
#esa {
  text-align: center;
  font-family: 'Lato', sans-serif;
  padding: 2px;
}
#sensvariable {
  text-align: center;
  font-family: 'Lato', sans-serif;
  padding: 2px;
}
#ens {
  text-align: center;
  font-family: 'Lato', sans-serif;
  padding: 2px;
}

#dprog,
#field {
  text-align: center;
  font-family: 'Lato', sans-serif;
  padding: 2px;
}
#firstHeading {
  font-family: 'Lato', sans-serif;
}
#bodyContent {
  font-family: 'Lato', sans-serif;
}
#vtime {
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-weight: 900;
  font-size: 1.2em;
  padding-left: auto;
  padding-right: auto;
}
#fieldname {
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-size: .8em;
}
/* For all large devices,
cap container width*/
@media (min-width: 992px) {
  .container {
    max-width: 950px;
  }
  .container-fluid {
    max-width: 950px;
  }
  .navbar-nav {
    font-size: 16px;
  }
}
/*navbar links*/
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-nav {
    font-size: 12px;
  }
  .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 567px) and (max-width: 767px) {
  .navbar-nav {
    font-size: 14px;
  }
}
/* For all xs devices,
shrink font size*/
@media (min-width: 356px) and (max-width: 566px) {
  .navbar-brand {
    font-size: 14px;
  }
  .select-bar {
    font-size: 10px;
  }
  .dropdown-menu {
    min-width: 0px;
  }
  .dropdown-menu > li > a {
    font-size: 10px;
    padding-left: 0px;
    padding-right: 2px;
  }
  .xsfield,
  .tsfield {
    font-size: 10px;
  }
  .navbar-nav {
    font-size: 14px;
  }
  .model-pane {
    width: 100% !important;
  }
  .progress span {
    font-size: 8px;
  }
}

/* For sara's phone*/
@media (max-width: 355px) {
  .navbar-brand {
    font-size: 11px;
  }
  .select-bar {
    font-size: 9px;
  }
  .dropdown-menu {
    min-width: 0px;
  }
  .dropdown-menu > li > a {
    font-size: 9px;
    padding-left: 0px;
    padding-right: 2px;
  }
  .xsfield,
  .tsfield {
    font-size: 9px;
  }
  .navbar-nav {
    font-size: 13px;
  }
  .model-pane {
    width: 100% !important;
  }
}