/* atmosdata CSS */

#datepicker {
  margin: 10px;
  padding-left: 75px;
}

.alert.alert-light.alert-dismissible {
   background-color: #fff;
   border-radius: 5px;
}

.alert.alert-light.alert-dismissible p  a {
  color: #298fc2;
}

.alert.alert-light.alert-dismissible p  a:hover {
  color: #000066;
}

button.close span {
   color: #000;
}

#browse-images {
   margin: 10px;
   padding: 10px 10px;
}

#browse-images div {
  padding-bottom: 10px;
}

#filters {
  list-style: none;
  padding-left: 25px;
  padding-bottom: 100px;
}

#filters li {
  display: block;
  float: left;
  width: 20%;
}

#filters li label {
  padding: 2px 2px;
  color: black;
}

#browse-img {
  margin: 5px;
  padding: 5px 5px 5px 5px;
}

#clicked-date {
  padding-top: 20px;
}

#clicked-date p {
  font-size: 2.0em;
  text-align: center;
}

#results {
  font-size: 1.5em;
  text-align: center;
}

.img-qlook {
  max-width: 100%;
  height: auto;
  padding: 5px 5px 5px 5px;
}

figcaption {
  color: #298fc2 !important;
  padding: 2px 2px 2px 10px !important;
  text-decoration: none;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}

figcaption:active {
  color: #000080 !important;
  text-decoration: none;
}

figcaption:hover {
  color: #000066 !important;
  text-decoration: none;
}

.form-check.form-check-inline {
  padding: 10px 10px 10px 10px;
}

.form-check-label {
  color: black;
}

#cboxTitle {
   background-color: white;
   color: #888888;
   float: right !important;
   font-weight: bold;
   margin-top: 1px;
   padding: 5px 5px 5px 5px;
}

#cboxCurrent, #cboxPrevious, #cboxNext, #cboxClose {
   background-color: white;
   color: #888888;
   font-weight: bold;
   margin-top: 1px;
   padding: 5px 5px 5px 5px;
   overflow: visible;
   width: auto;
}

#cboxPrevious {
   margin-left: 1px;
}
 
td.highlight .ui-state-default {
   background: #e9e9e9;
}

p.atldesc {
  font-weight: bold;
}