html,body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

body {
  padding-top: 91px;
}

.sidebar-nav {
  padding: 9px 0;
}

.cursor{
  cursor : pointer;
}

/* Themes for different contexts */
.alert {
  border-left: 5px solid #F3E5A7;
}

.alert-danger {
  border-left: 5px solid #DFAAA9;
}

.alert-info {
  border-left: 5px solid #B3D7EF;
}
.alert-success {
  border-left: 5px solid #94C680;
}

.pull-right{
  float: right;
  margin-left: 5px;
}

.pull-left{
  float: left;
  margin-right: 5px;
}

.form-actions{
  margin-top: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .dashboard-widget {
    float : left;
  }
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading{
  margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin input[type="text"]:focus,
.form-signin input[type="password"]:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Docs sidebar
-------------------------------------------------- */

/* First level of nav */
.bs-sidenav {
  margin-bottom: 10px;
  padding:    10px;
  text-shadow: 0 1px 0 #fff;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.bs-sidebar.affix {
  position: static;
}

/* All levels of nav */
.bs-sidebar .nav > li > a:not(.btn) {
  display: block;
  color: #716b7a;
  padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #e5e3e9;
  border-right: 1px solid #dbd8e0;
}
.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-right: 1px solid #563d7c;
}
.bs-sidebar .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 30px;
  font-size: 90%;
}
.bs-sidebar .bs-sidenav {
  margin-top: 0;
  margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .bs-sidebar .nav > .active > ul {
    display: block;
  }
  .bs-sidebar.affix, .bs-sidebar.affix-bottom {
    width: 193px;
  }
  .bs-sidebar.affix {
    position: fixed;
    top: 60px;
  }
  .bs-sidebar.affix-bottom {
    position: absolute;
  }
  .bs-sidebar.affix-bottom .bs-sidenav, .bs-sidebar.affix .bs-sidenav {
    margin-bottom: 10px;
    margin-top: 0;
  }
}
@media (min-width: 1600px) {
  .bs-sidebar.affix-bottom, .bs-sidebar.affix {
    width: 263px;
  }
}

html,
body {
  height: 100%;
}

/* ADD FOR SERVICE VIEW */

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.rangeslider {
  background: #e6e6e6;
  position: relative;
}
.rangeslider--horizontal {
  height: 3px;
  width: 100%;
}
.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.rangeslider__fill {
  background: #93cc01;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider__handle {
  background: #93cc01;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  width: 7.8em;
  height: 2.2em;
  position: absolute;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  line-height: 2.2em;
  text-align: center;
}
.rangeslider__handle:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f060";
  font-weight: 900;
  font-size: 11px;
  opacity: 0.5;
  margin: 0 3px;
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  bottom: 0;
}
.rangeslider__handle:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f061";
  font-weight: 900;
  font-size: 11px;
  opacity: 0.5;
  margin: 0 3px;
  color: #fff;
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
}
.rangeslider--horizontal .rangeslider__handle {
  top: -15px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
/* CSS used here will be applied after bootstrap.css */
@media only screen and (min-width : 481px) {
  .row.equal-height {
    display: flex;
    flex-wrap: wrap;
  }
  .row.equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .row.equal-height.row:after,
  .row.equal-height.row:before {
    display: flex;
  }
  
  .row.equal-height > [class*='col-'] > .thumbnail,
  .row.equal-height > [class*='col-'] > .thumbnail > .caption {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
  }
  .row.equal-height > [class*='col-'] > .thumbnail > .caption > .flex-text {
    flex-grow: 1;
  }
  .row.equal-height > [class*='col-'] > .thumbnail > img {
    width: 100%;
    height: 200px; /* force image's height */
    
    /* force image fit inside it's "box" */
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.cookieAcceptBar {
  display:none;
  position: fixed;
  bottom: -60px;
  left:0;
  right: 0;
  text-align: center;
  background-color: #333;
  color: #fff;
  padding: 20px 0;
  z-index: 99999;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cookieAcceptBar a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#cookieAcceptBarConfirm {
  cursor: pointer;
  border: none;
  background-color: #2387c0;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}