/*

OPW - Flood Risk Management
Styles for Past Flood Events

*/

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.modal {
    z-index: 10500 !important;
}
.form-horizontal .control-label {
  text-align: left !important;
}
.clearablefileinput{
  padding-bottom: 31px;
}
.select2-container .select2-selection--single {
  height: 36px;
}
.select2-container .select2-search--inline .select2-search__field {
  padding-left: 6px;
}
/* Glossary banner */
#glossary-banner {
padding-top: 120px;
padding-bottom: 120px;
background: #006981;
}

/* Glossary main */
#glossary-main {
padding-top: 50px;
padding-bottom: 150px;
background: #f2f2f2;
}
#glossary-main .bg-graphic {
position: absolute;
top: 0;
right: 0;
width: 60%;
}
.submit-icon {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/static/floodmaps/img/submit_loader.gif) center no-repeat rgba(0, 0, 0, 0.5);
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 10px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #d3cfcf;
}
.breadcrumb>.active {
  color: #795548;
}
.history{
  float: right;
}
.history:before {
  content: none !important;
}
.btn {
  padding: 6px 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  border-radius: 4px !important;
}

.nav-tabs {
  border-bottom: 1px solid #000;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  font-size: 19px;
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #000;
  border-bottom-color: transparent;
  text-decoration: none;
}
.nav-tabs>li>a {
  font-size: 19px;
}
.nav-tabs>li>a:hover {
  border-color: #cdcdcd #cdcdcd #000;
}
.tab-content>.active {
  padding: 10px;
  border: 1px solid #000;
  border-top: transparent;
  background-color: #fff;
  display: block;
}
@media screen and (max-width: 1500px) {

} /* end max-width 1500px */







@media screen and (max-width: 1199px) {

  /* Glossary banner */
  #glossary-banner {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #006981;
  }
  #glossary-main .bg-graphic {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  }

} /* end max-width 1199px */






@media screen and (max-width: 991px) {
  /* Glossary banner */
  #glossary-banner {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #006981;
  }

  

} /* end max-width 991px */






@media screen and (max-width: 768px) {

} /* end max-width 768px */






@media screen and (max-width: 450px) {

  /* Glossary banner */
  #glossary-banner {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #006981;
  }
  #glossary-main .bg-graphic {
  position: absolute;
  top: 0;
  right: -150px;
  width: auto;
  height: 500px;
  }

} /* end max-width 450px */