body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body > main {
  flex-grow: 1;
}

body > footer {
  min-height: 3rem;
  padding: 1em;
  margin-top: 1em;
  background-color: #eee;
  font-size: .75rem;
  color: #808080;
}

body > footer a {
  text-decoration: underline;
  color: inherit;
}

#login { max-width: 400px; }
#wrapper { padding-left: 0; }
.login { background: #fff; }


.fa-times { color: #ff0000; }
.fa-check { color: #169b41; }
body {background:#fff; margin-top:0;}
.recipients table i { font-size: 20px; text-align: center; }

h1 { margin-top: 0px !important; }

.icon-bar {background:#666;}

.btn-top { margin-top: 25px; }
.alert { margin-top: 25px; }


.modal table { width: 100% !important; }

#file-upload {display:none;}
.box-grey {margin-top:25px;padding:10px;background:#eee;}
    .box-grey p { font-size: 16px; }
    #upload-info span {color:forestgreen;}
    .mapping-row {margin-bottom:20px;}

.dashboard-activity .success, .box-grey.success {background:#DFF0D8;}
.dashboard-activity .error, .box-grey.error {background:#F2DEDE;}
.error-list li {list-style-type:none;padding:5px 0;margin:0;border-bottom:1px solid #ccc;}
.error-list {padding:0;margin:0;border-top:1px solid #ccc;margin-top:25px;display:none;}

ol.breadcrumb {margin-bottom:0 !important;}

h1 {margin-bottom:10px !important;}

#page-wrapper {padding-bottom:50px;}
div.vendor-row, div.modality-row {margin-bottom:10px;padding:5px;}
div.vendor-row:nth-child(even), div.modality-row:nth-child(even) {
    background:#eee;
}

.table-candidates tr:hover td, .table-jobs tr:hover td {background:#ccc;cursor:pointer;}

/* h3 {color:#337ab7;} */
.job-details {border-right:1px solid #ccc;}

.navbar-main {
    background:#000;
    margin-bottom: 2ex;
    padding: 0.25em;
}

.navbar .dropdown-item {
    padding: 0.5rem;
}
.navbar .dropdown-menu {
    padding: 0;
}
/* .navbar-nav {background:#000;width:100%;} */
/* .navbar-brand {padding:0 0 0 15px !important;} */
.navbar-main .nav-item .nav-link { color:#B199C2;}
/* .navbar-right {margin:0;} */
/* .navbar-collapse {padding:0;} */
.add-submittal h4 {border-top:1px solid #ccc;padding:15px 0;margin-top:20px;}

.panel-heading {padding:0;}
.placement-center-card .card-header {padding:10px 15px;display:block;text-decoration:none;outline:none;background:#666;color:#fff;}
.placement-center-card .card-header.collapsed {background:#f5f5f5;color:#333;}
.placement-center-card .card-body {
    padding: 0;
}
.placement-center-card .placement-center-table {
    margin-top: 0 !important;
}

.phone-row:first-child button {display:none;}

.btn-delete-phone {margin-top:25px;}

.modality-row {margin-top:15px;}

input.error, select.error, textarea.error {
    border:1px solid #ff0000;
}

#search_states_chosen .chosen-choices, #search_modalities_chosen .chosen-choices{
    max-height:100px;overflow:auto;
}

.row.spacer {margin-bottom: 20px;}
#delete-jobs-btn {margin-top:20px;}

/* Spinner */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin { animation: spin 1s infinite linear; visibility: hidden; }





.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "Glyphicons Halflings";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}

.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

.checkbox.styled {position:absolute !important;}

input[type="checkbox"].styled:checked + label:after
 {
  font-family: 'Glyphicons Halflings';
content:"\e013";
cursor:pointer;
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

.collection-add-row.fa {
  color: #008000;
  cursor: pointer;
}

.collection-remove-row.fa {
  color: #f00;
  cursor: pointer;
}

.unmatched-alias {
  color: #f00;
}

.comma-list-item:not(:last-child) {
  margin-right: 0.5em;
}

.comma-list-item:not(:last-child)::after {
  content: ",";
}

.cursor-pointer {
  cursor: pointer;
}

.collapse-indicator-90 {
  transition: transform ease-out 0.35s;
  margin-right: 0.5em;
}

.collapsed .collapse-indicator-90 {
  transform: rotate(-90deg);
}

label, legend {
  font-weight: bold;
}

label > .select2-container {
  font-weight: initial;
}

.submittal-info-form .form-group {
  margin-bottom: 0;
}

#compliance-table > tbody > tr:not(.child-row) {
  cursor: pointer;
}

.inline-checkboxes {
  display: flex;
  justify-content: space-around;
}

.collection-row {
  display: flex;
}

.collection-row > * {
  flex-grow: 1;
}

.collection-row .collection-remove-row {
  flex-grow: 0;
  align-self: center;
  margin-top: 1em;
  margin-left: 1em;
  cursor: pointer;
}

.collection-add-row {
  cursor: pointer;
}

.table-striped tbody tr.collection-add-row {
  background-color: initial;
}

input:invalid {
  box-shadow: 0 0 2px 1px red;
}

.table-controls-top, .table-controls-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#jobs tbody tr td {
  white-space: nowrap;
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: .25rem;
}

#jobs tbody tr td a.rowlink {
  padding: .25rem; /* Matches padding for td */
  margin: -.25rem; /* Subtract same amount as padding so it fully covers the td */
  display: block;
  text-decoration: inherit;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: content-box; /* size based on content so margins don't cause empty cells to be too short */
}

#jobs, #jobs tbody, #jobs tbody tr, #jobs tbody tr td, #jobs tbody tr td a.rowlink {
  /* Make empty cells fill height */
  height: 100%;
}

.delete-popup-button {
  cursor: pointer;
}

.icon-btn {
  padding: 0;
  background: transparent;
  border: none;
}

.form-inline .form-check {
  justify-content: start;
}

.job-info h3 {
  text-decoration: underline;
}