body { color: #000; }

.login-header { height: 75px; border-bottom: 5px solid #f8ad17; box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.15) inset; }

.wrapper > h1 { margin: 0px 0px 0px 15px; } 
.wrapper-content { padding: 12px 5px; } 

legend { font-size: 18px; color: #67909a; margin-bottom: 8px; }
.well-small { min-height: 10px; padding: 2px; }

.bg-lt-gray { background-color: #fff; }
.bg-md-gray { background-color: #e0f0e8; }
.wrapper-gray-bg { background-color: #f8f8f8; }

#wrapper #providers .row_selected, #wrapper #servicingProviders .row_selected { background-color: #ff8;}

.nav > li > a { padding: 8px 20px 8px 25px; color: #c0d0d0; } // tighten up menu vertical spacing

/* provider tables formatting
/* swap provider tables filter and  length elements */
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}

div.dataTables_wrapper div.dataTables_length {
    float: right;
}

.dataTable > thead > tr > th {
    padding: 8px;
}

#providers > tbody > tr.row_selected, #requesting-providers > tbody > tr.row_selected, #servicing-providers > tbody > tr.row_selected {
    background-color: #ffa;
}

.dataTable > tbody > tr > td { padding: .25em 1em }
.dataTables_wrapper { padding-bottom: .2em; }

.pa_notify {
    background-color: #ffa !important;
}



/* form formatting */
.form-group { margin-bottom: 10px; }
.form-group label { margin-top: 8px; }  

/* stripes message and  error formatting */
.messages { margin: .5em; padding: 1em; background-color: #dff0d8; }
.messages > li { padding-left: 1em; list-style: none; }

.stripes-errors { margin: .5em; padding: 1em; }


/* tabs formatting */
.fh-breadcrumb { margin: 0px 5px; }
.fh-column { width: 240px; }


.alert { list-style-type: none; }
                                             


/* elig benefit detail tab */
.elg.nav > li > a, .elg.nav > .slimScrollDiv > .full-height-scroll > li > a  {
  color: #67909a;
  font-weight: 600;
  font-size:  13px;
  padding: 3px 5px 3px 10px;
  border: none;
}

.elg.ibox {
    clear: none;
    margin-bottom: 5px;
}

.elg.ibox-title {
    min-height: 36px;
    padding: 10px 15px;
}

.elg.ibox-content {
    padding: 5px 15px 2px 5px;
    display: flex;
    flex-wrap: nowrap;
}


.elg.element-detail-box {
    padding: 2px;
}

.elg.panel-body {
    padding: 2px 10px 2px 10px;
}



.elg-plan-benefits-fh-column {
    background: #fff;
    width: 200px;
/*    float: left; */
}


.elg-benefits-fh-column {
    background: #fff;
    height: 500px;
    width: 200px;
    float: left;
}


.elg.list-group-item.active  {
    background-color: #eee;
    border-color: #ccc;
}

.bold-dates {
    font-weight: 600;
    color: #cc1111;
}

.elg-date {
    margin-right: 3em;
}


/* style tabs */
.big-target {
    color: #2f7080;
    font-weight: 600;
    font-size:  13px;
    border: none;
}

/* allow click in entire tab */
.big-target:after {
    content:"";
    padding: 20px 85px 20px 85px;  
    position: absolute;
    left: 0px;
    top: 5px;
} 


/* some dataTables have too much padding (e.g provider tables) */
.table-condensed {
    margin-bottom: 5px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 4px;

}

.dataTables_wrapper {
    padding-bottom: 0px;
}


/* attachment upload links */
.pa-browse-link, .fu-browse-link {
    cursor: pointer;
}

.line-header {
    background-color: #b7e0ea !important;
}

/* Courtesy of w3schools.com */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
/*  border: 16px solid #f3f3f3;  */
  border: 16px solid #8f8c8c;
  border-radius: 50%;
  border-top: 16px solid #1ab394;
  border-bottom: 16px solid #1ab394;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}