.pd-left {
        display: inline-block;
        padding-left: 100%;
}

.view h2 {
  /*color: #6F6F6F;*/
}

.view .columns.strings {
  /*border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
  margin-right:0.7rem;*/
}

.view .numbers {
  background-color: #B7E3EC;
  color: #FFF;
  /*border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
  margin-right: 0.7rem;*/
}

.view .columns.dates {
  /*border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
  margin-right:0.7rem;*/
  background-color:#DCE47E;
  color: #fff;
}

.view .columns.booleans {
  /*border-radius: 3px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.24);
  margin-right:0.7rem;*/
  background-color: #8D6E65;
  color: #fff;
}

.view .strings p {
  border-bottom: 1px solid #eee;
}
.view .numbers .subheader, .view .dates .subheader {
  color:#747474;
}
.view .booleans .subheader {
  color: #E9E9E9
}

.view .texts .columns {
  margin-top:1.2rem;
  border-bottom: 1px solid #eee;
}

.page-footer {
  padding-top: 9px;
  margin-top: 20px;
  margin-bottom: 40px;
  border-top: 1px solid #eee;
}

.page-header {
  min-height: 10em;
  max-height: 15vh;
}

.header-logo {
  min-height: 8em;
  max-height: 14vh;
}

.clearer {
    clear: both;
}

/* for highlighting rows in tables. opting to do this row warning instead. */
.table-row-red {
  background-color: red !important;
}

.hide {
  visibility: hidden;
}

.show {
  visibility: visible;
}

.grouped-time-slot-subtable {

  /* padding: 5px 20px 20px 30px; */
  border-bottom: 2px solid #ddd;


}

.grouped-time-slot-subtable th{
  font-size: .75em;
  font-weight: bolder;
}

.faq-admin-actions a, #closed-pay-period a, .resource-admin-actions a, .contact-admin-actions a, .newHireTask-admin-actions a, .faq-delete, .newHireTask-delete {
  color: #8faac0;
}

.newHireTask-admin-actions, .faq-admin-actions, .contact-admin-actions, .resource-admin-action {
  white-space: nowrap;
}

.contact-admin-actions{
  padding-top: 3em;
}

.resource-item, .contact-item, .newHireTask-item {
    display: flex;
    justify-content: space-between;
    margin-right: 15%;
}

@media only screen and (max-width: 600px) {
  .breadcrumb {
    margin-top: 10rem;
  }
  .resource-item, .contact-item, .newHireTask-item {
    margin-right: 3%;
  }
}
@media only screen and (min-width: 1050px) {
  .resource-item, .contact-item, .newHireTask-item {
    margin-right: 45%;
  }
}

.page-header {border-bottom: none;}

#conflict-list {
  list-style-type: circle;
}

#conflict-section {
  color: red;
}

#conflict-section p, #conflict-section h4 {
  font-weight: bolder;
}
#conflict-section h4 {
  font-size: 1.5em;
}
#conflict-section p {
  font-size: 1.25em;
}

section.faq-example {
  border: 1px dashed rgb(185, 185, 185);
  padding: 5px 5px 0px 5px;
  margin-right: 20%;
  margin-bottom: 10px;
  color: rgb(100, 100, 100);
}

.faq-delete {
  color: #8faac0;
}

.category-heading td, .category-heading th {
  background-color: white;
}

.preamble-words {
  border: 1px dotted grey;
  padding: 10px;
}

.copy-params-message {
  font-size: 1.3em;
}

.error-message {
    color: red;
}

.radio label {
    padding-bottom: 5px;
    padding-top: 5px;
}

.pager li.active > a {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.radio label.control-label {
  font-weight: bold;
  padding: 5px 0px 10px 0px;
}

.actions > *:not(:last-child) {
  padding-right: 4px;
  border-right: 1px dotted grey;
}