html, body{
  background-color: lightslategray !important;
}
.main-panel{
  /* gainsboro */
  background-color: lightslategray !important;
  overflow-y: auto;
}

#page_title{
  color: #fff !important;
}

.navbar .navbar-toggler-bar {
  background: #fff; 
}

.inspection-radio{
  margin-left: -1em;
  padding-left: 0.2em;
  margin-right: -1em;
}

.inspection-label {
    padding-left: 1.1em !important;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}

.form-check .form-check-sign::after {
  font-family: 'nucleo-icons';
  content: "\ea21";
  top: -1px;
  text-align: left;
  font-size: 15px;
  opacity: 0;
  border: 0;
  background-color: inherit; }

.inspection-group {
    text-align: left;
    padding-left: 20px;
    margin-left: -0.5em;
}

.inspection-group:first-child{
  margin-top: 10px;
}

.custom-nav-link{
  
  display: flex !important;
  vertical-align: top !important;
  align-items: center !important;
  font-size: 1.2em !important;

}

.custom-nav-link-text{
  padding-left:1em !important;
}


.bg-success .inspection-radio:after{
    background-color: #6bd098 !important; }
  
  .bg-danger .inspection-radio:after{
    background-color: #ef8157 !important; }
  
  .bg-warning .inspection-radio:after{
    background-color: #fbc658 !important; }

.inspect_text{
  text-align: left;
  display: block ruby;
  padding-bottom: 15px;
  padding-left: 5px;
}

.inspect_text > .form-check-label {
  display: inline;
}
.half-width {
  width: 50%;
}

.status-icon{
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

#reports {
  table-layout: fixed;
  width: 100% !important;
}
#reports td,
#reports th{
  width: auto !important;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.summary_table td{
 padding:5px;
 
}

.navbar {
  padding-top: env(safe-area-inset-top, 0)!important;
}

.sidebar {
  padding-top: env(safe-area-inset-top, 0)!important;
}