/* app css stylesheet */
h4{
  margin-bottom: 5px;
  font-weight: bold;
}
.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em;
}

.menu:before {
  content: "[";
}

.menu:after {
  content: "]";
}

.menu > li {
  display: inline;
}

.radio-inline:first-child {
  padding-left: 0;
}

.immediate-action {
  padding-top: 20px;
  font-weight: normal;
}

.menu > li + li:before {
  content: "|";
  padding-right: 0.3em;
}
.audit-result-first{
  margin-top: 10px;
}
.audit-result{
  padding-left: 10px;
  margin-bottom: 10px;
}

#page-title{
  overflow: auto;
}

.back-to-top {
  position: fixed;
  bottom: 60px;
  right: 0px;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: none;
  opacity: 0.5;
  display: none;
}

.go-to-bottom {
  position: fixed;
  bottom: 10px;
  right: 0px;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: none;
  opacity: 0.5;
  display: none;
}

.back-to-top:hover, .go-to-bottom:hover, .glyph-icon {
  opacity: 1;
  cursor: pointer;
}

.back-to-top i, .go-to-bottom i{
  font-size: 25px;
  padding: 8px;
  color: #003e7e;
}

.green-text {
  color: #229753;
}
.red-text{
  color: #D61717;
}
span.counter{
  margin-right: 10px;
}

label.red div[id^="uniform-"] input:checked + span, table .red, .color0{
  background-color: #D61717;
  border-color: #dfe8f1;
}

label.green div[id^="uniform-"] input:checked + span, table .green, .color2{
  background-color: #0EA448;
  border-color: #dfe8f1;
}
label.grey div[id^="uniform-"] input:checked + span, table .grey, .color-1 {
  background-color: #9d9d9d;
  border-color: #dfe8f1;
}

label div[id^="uniform-"] input:checked + span, table .yellow, .color1{
  background-color: #ffff00;
  border-color: #dfe8f1;
}

div[id^="uniform-"] i{
  color: transparent !important;
}

.controls{
  bottom:0;
  text-align: right;
  padding: 5px 0;
}

.options-label, .question{
  padding-top: 9px;
}

.content-box-header label{
  padding:0;
}

.process-products-table .cell, .form-horizontal .process-products-table .cell-label{
  padding-top: 7px;
  text-align: center;
}

.process-products-table .cell-label span{
  padding-left: 7px;
}

.space-row{
  height: 15px;
}

.grade-table table{
  border: solid 1px black;
  padding-left: 10px;
}

.grade-table td{
  padding: 0 3px;
}

.grade-table tr> td:first-child{
  text-align: center;
  font-weight: bold;
  color: white;
}

.grade-table tr> td.yellow:first-child{
  color: black;
}

.grade-table tr> td:last-child{
  padding-left: 5px;
}

.total-points-table td{
  height: 40px;
}

.total-points-table .line{
  border-bottom: solid 1px black;
  margin-right: 10px;
}

.total-points-table .large{
  font-size: xx-large;
  border: solid 1px black;
}

.total-points-table .medium{
  font-size: medium;
}
.total-points-table small{
  vertical-align: bottom;
}

h2{
  margin-bottom: 5px;
}

#audit-result-table{
  font-weight: bold;
  font-size: medium;
}

 .eg span{
  font-size: 10px;
}

#audit-result-table td{
  padding: 4px;
  text-align: center;
}

#audit-result-table td:first-child {
  text-align: left;
}

#audit-result-table .table-header td{
  background-color: #9d9d9d;
}

#audit-result-table td.col-white{
  background-color: #fff;
}

.border-transparent-table, .analysis-table{
  border: solid 1px black;
  margin-bottom: 10px;
}

.border-transparent-table td,.border-transparent-table th, .analysis-table td {
  font-size: large;
  text-align: center;
  border: solid 3px white;
  height: 24px;
}
.border-transparent-table tr th{
  font-size: large;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid black;
}

.content-box-header button{
  margin-left: 10px;
}

.action-plan-block{
  margin-bottom: 20px;
  border-bottom: 1px dashed #dfe8f1;
}
.action-plan-block:last-child{
  border-bottom: none;
}
.action-plan-block{
  margin-bottom: 20px;
}

.question{
  font-weight: bold;
}
#sidebar-menu{
  height: 100%;
  padding: 5px 10px;
}
#page-title h2{
  padding-bottom: 10px;
}
.tile-box{
  background-color: #f7f7f7;
  border: none;
  color: #003e7e;
}
.tile-box:hover {
  background-color: #ddd;
  cursor: pointer;
  color: #003e7e;
}
.tile-box .tile-header{
  font-size: 18px;
  font-weight: 700;
}
#header-nav-right{
  margin: 0;
  padding: 2px 15px 2px 0;
}
#header-nav-right img {
  margin: 3px;
  max-height:65px;
}
.bootstrap-touchspin .btn .glyph-icon {
margin-top: 0;
}
.btn .glyph-icon{
  margin-top: 4px;
  display: block;
}
.explanation{
  margin-bottom: 20px;
}

.red-border{
  border-color: #c6080d;
}
.counter-line{
  margin-top: 10px;
  margin-left: 20px;
}
#view-container{
  margin: 20px 30px;
}
.counter {
  display: inline-block;
  margin-right: 10px;
}

.btn input + span{
  padding-top:6px;
  display: inline-block;
}

#page-title h2{
  font-weight: bold;
}

.customer-logo{
  width:300px;
}
.div-toggle-button{
  display: inline-block;
}
label.not-required{
  font-weight: normal;
}
.page-header-row{
  margin-left: -10px;
}

.datepicker .btn{
  padding: 0 !important;
}
.datepicker table{
  min-width: 200px;
}

a.link {
  color: #003e7e !important;
}