/**
* The rest of these variables are stored in /node_modules/bootstrap/scss/_variables.scss
* Copy any varaible you want to edit from there, then edit them in this file.
*/
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 80px;
  padding-top: 5rem;
}

.text-bold {
  font-weight: bold;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  line-height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #343a40;
  z-index: 999;
}
.footer a {
  color: #393939;
}
.footer .logo {
  max-height: 30px;
  padding-top: 3px;
}

.saveOnChange {
  min-width: 85px;
}
.saveOnChange::-webkit-inner-spin-button, .saveOnChange::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.markFinalPrice button {
  padding: 5px;
}
.markFinalPrice .far {
  font-size: 1em;
}

.formError {
  border: 2px solid red;
}

.formSuccess {
  border: 2px solid #0e74b3;
}

.errorMessage {
  font-weight: bold;
  color: red;
}

td {
  position: relative;
}

.navbar {
  font-size: 0.9em;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item.active {
  background-color: #1074B4;
  color: #fff;
}

.navbar-dark .navbar-nav .nav-item {
  color: rgba(255, 255, 255, 0.5);
  border-right: 1px solid #666666;
}

.navbar-dark .navbar-nav .nav-item:last-child {
  border-right: none;
}

/** Links **/
/**====**/
.deleteUser {
  color: #007bff;
  display: inline;
}
.deleteUser:hover {
  color: #0056b3;
  cursor: pointer;
}

/** Sign in page **/
/** ======== **/
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 100px auto auto auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control :focus {
  z-index: 2;
}
.form-signin input[type=email] {
  margin-bottom: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type=password] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/** Leads tables **/
/** ======== **/
table.leadList {
  border-collapse: collapse !important;
}
table.leadList td {
  border-top: 1px solid #393939;
  border-bottom: 1px solid #393939;
  vertical-align: middle;
}
table.leadList .datetime {
  font-size: 0.7em;
  font-style: italic;
  font-weight: bold;
}
table.leadList .shoreCarsLead {
  border: #ffa500 5px dashed;
}

.form-control.success {
  background-color: #a0ff93;
  font-weight: bold;
}

.table-danger, .table-danger > th, .table-danger.active > td {
  background-color: transparent;
}

/** Action Required **/
/** ========== **/
#actionRequired .reasonCol hr {
  margin: 0.5em 0;
  border-color: black;
}
#actionRequired .reasonCol hr:last-child {
  display: none;
}

/** Salvage Works Tables **/
/** ============== **/
table.salvageWorks.dataTable.table-sm {
  font-size: 1em;
}
table.salvageWorks.dataTable.table-sm thead > tr > th {
  padding-right: 5px;
}
table.salvageWorks.dataTable.table-sm .saveOnChange {
  padding: 2px 2px 2px 2px;
  min-width: 55px;
}

.ui-datepicker {
  z-index: 999 !important;
}

.flatpickr-wrapper {
  width: 100%;
}