html, body {
  height: 100%;
}

/* enforces full height bg */
#app, div[data-reactid=".0"] {
  height: 100%;
  min-height: 100%;
}

.signin-row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.signin-feature {
  margin-top: 200px;
}

.signin-welcome {
  color: white;
  font-weight: normal;
}

.signin-date {
  color: rgba(255,255,255,0.5);
  font-weight: normal;
  margin-bottom: 33px;
}

.signin-copyright {
  color: rgba(255,255,255,0.5);
  font-weight: normal;
  text-align: center;
}

.navbar-right {
  margin-right: 0 !important;
}

#logo {
  width: 64px;
  height: auto;
  position: relative;
  bottom: 9px;
}

.root-nav {
  margin-bottom: 0 !important;
}

.fill {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.signin-container {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-image: url('/images/bg_login.png');
  background-repeat: no;
  background-size: cover;
}

.cars-index-controls {
  padding: 1em;
  padding-bottom: 0;
}

.cars-show-nav {
  background-color: white !important;
  padding-top: 14px;
}

.cars-show-nav .breadcrumb {
  background-color: white !important;
  font-size: 1.3em;
  margin-bottom: 9px !important;
}

.active-case {
  color: rgb(28,28,28) !important;
}

.active-case .timestamp {
  font-size: 0.7em;
}

span.user-name {
  color: rgb(225,225,225);
  padding-bottom: 3px;
  border-bottom: 1px solid rgb(225,225,225);
}

.search-form-container {
  padding: 1em;
}

.borderless>tbody>tr>td, .borderless>tbody>tr>td {
  border: none !important;
}

.img-thumbnail {
  background-size: cover;
  display: block !important;
  float: left;
  width: 120px !important;
  height: 120px !important;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

.img-remove-btn {
  right: 1px;
  border-radius: 2px;
  float: right;
  background: white;
  width: 20px;
  height: 20px;
  padding: 3px;
}

.car-row-staff-link {
  text-decoration: underline;
  color: black;
}

.car-status {
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid transparent;
  border-radius: 4px;
}

.car-status-link:hover {
  text-decoration: none !important;
}

.car-status-unverified {
  color: rgb(85,85,86);
  background-color: rgb(235,238,240);
}

.car-status-unverifiable {
  color: white;
  background-color: rgb(222,104,89);
}

.car-status-verified {
  color: white;
  background-color: rgb(91,192,222);
}

.car-status-rfq_phase_open {
  color: white;
  background-color: rgb(211,162,77);
}

.car-status-rfq_phase_closed, .car-status-quote_selected {
  color: white;
  background-color: rgb(63,137,201);
}

.car-status-consideration {
  color: white;
  background-color: rgb(137,137,137);
}

.car-status-accepted {
  color: white;
  background-color: rgb(89,188,126);
}

.car-status-rejected {
  color: rgb(235,118,118);
  border-color: rgb(235,118,118);
  background-color: white;
}

.car-status-archived_failed {
  color: white;
  background-color: #999;
}

.car-status-archived_success {
  color: white;
  background-color: #228B22;
}

.car-row-action-link {
  text-decoration: underline;
}

.fail-reason {
  margin: 0;
  list-style-type: none;
}

.timeline-day {
  border-bottom: 1px solid #ddd;
}

.timeline-day:last-child {
  border-bottom: none;
}

.dealer-checkbox {
  margin-left: 1em;
}

.dealer-checkbox-disabled {
  color: #999;
  cursor: not-allowed !important;
}

.dealer-checkbox-status {
  padding: 3px 3px 0px 3px;
  margin: 0px 10px;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: rgb(250,250,250);
}

.num-selected-dealers {
  font-weight: normal;
  padding-left: 6px;
}

.car-addon-icon {
  background-color: rgb(225,225,225);
  margin-left: 1em;
  padding: 3px;
  color: rgb(142,142,142);
  font-size: 11px;
  border-radius: 3px;
}

.dealers-replied-header {
  color: gray;
  margin-left: 0.5em;
}

.expiry-edit-link {
  margin-left: 0.5em;
}

.btn-assignee {
  cursor: pointer;
}

.btn-bid-cancel {
  color: rgb(93,154,209) !important;
}

.btn-left {
  margin-right: 1em;
}

.btn-clear {
  border: 1px solid rgb(102,161,212) !important;
  color: rgb(102,161,212) !important;
  background-color: rgb(240,248,255) !important;
}

.btn-clear:hover {
  background-color: rgb(220,228,235) !important;
}

.rfq-expiring-relax {
  color: rgb(102,193,136);
}

.rfq-expiring-urgent {
  color: rgb(223,115,101);
}

.td-quote-when {
  color: rgb(172,172,172);
}

.confirm-cancel-rfq {
  padding: 15px;
  border-radius: 3px;
}

.td-rfq-fresh, .td-rfq-reopened, .td-rfq-cancelled {
  color: rgb(172,172,172);
}

.td-rfq-rejected {
  color: rgb(227,124,111);
}

.alert-error {
  background-color: #f2dede;
  color: #a94442;
  border-color: #ebccd1;
}

.communication-handling-feature {
  border: 1px solid rgb(216,223,228);
  margin-bottom: 2em;
}

.comm-module-child, .container-set-case-state {
  background-color: white;
  padding: 2em;
}

.container-set-case-state h5 {
  margin-top: 0;
  color: rgb(141,141,141)
}

.container-comments {
  margin-top: 2em;
}

.comment {
  color: #666;
  margin-bottom: 1em;
}

.commenter {
  color: #333;
  font-weight: bold;
  font-style: italic;
}

.comm-handling {
  padding: 0.5em;
  padding-left: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

.comm-handling-quote_selected {
  color: white;
  background-color: rgb(66,139,202);
}

.comm-handling-accepted {
  color: white;
  background-color: rgb(85,189,124);
}

.comm-handling-consideration {
  color: white;
  background-color: rgb(66,139,202);
}

.comm-handling-rejected {
  color: white;
  background-color: rgb(224,103,85);
}

.comm-handling-archived_failed {
  color: white;
  background-color: #999;
}

.notify-customer {
  margin-top: 0px;
  padding: 2em;
  background-color: rgb(232,244,250);
  border-top: 1px solid rgb(197,234,242);
  border-bottom: 1px solid rgb(197,234,242);
}

.notify-option {
  margin-left: 2em;
  padding: 1em 1em 1em 0;
  border-bottom: 1px solid rgb(208,226,235);
}

.notify-option em {
  color: rgb(141,141,141);
}

.btn-notify {
  min-width: 4em;
  border: 1px solid rgb(102,161,212) !important;
  color: rgb(102,161,212) !important;
  background-color: transparent !important;
  position: relative;
  bottom: 6px;
  margin-right: 1em;
}

h4 .accent {
  color: rgb(92,155,209);
  font-size: 14px;
}

.summary-of-bids {
  border: 1px solid rgb(219,221,226);
  padding: 2em;
}

.summary-of-bids-title {
  background-color: rgb(244,246,247);
  padding: 10px;
  margin-left: -28px;
  margin-right: -28px;
  margin-top: -28px !important;
  text-indent: 15px;
}

.summary-of-bids-timestamp {
  color: #999;
}

.accent-selected {
  color: #999;
}

.bid-description {
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
}

.bid-by-dealer {
  font-size: 12px;
}

.dealer-link, .dealer-link:hover {
  color: white;
  text-decoration: underline;
}

.contact-record-note {
  color: #999;
  margin-bottom: 0;
}

.contact-record-staff {
  font-style: italic;
  font-weight: bold;
  font-size: 0.8em;
}

.contact-record-time {
  font-style: italic;
  color: #999;
  font-size: 0.8em;
}

.contact-reminder, .push-record, .email-record, .sms-record {
  color: #666;
  font-size: 11px;
}

.contact-reminder-desc {
  margin-left: 0.5em;
}

.comm-record-history {
  padding-top: 0.75em;
}

.comm-record-history-dealer-link {
  text-decoration: underline;
  color: #666;
}

.comm-record-history-list {
  padding-left: 15px;
  color: #999;
}

.comm-record-history-list li .timestamp {
  font-weight: bold;
}

.call-notes-link {
  padding-left: 0.5em;
}

.prev-quote-tooltip {
  top: 2px !important;
  left: 5px;
}

.text-help, .help-block {
  color: red;
  font-weight: bold;
}

.radio-successful {
  margin-left: 10px;
}

.search-col {
  padding: 0 !important;
}

.control-col {
  padding-top: 1em;
}

.profile-label {
  font-weight: bold;
}

.profile-row {
  margin: 1em !important;
  padding-bottom: 0.5em;
  border-bottom: 1px solid rgb(239,239,239);
}

.profile-edit {
  margin-right: 0.5em;
}

.has-feedback-left .form-control-feedback {
  left: 0;
}

.has-feedback-left input {
  padding-left: 42.5px;
  padding-right: 12px;
}

.form-inline > * {
  margin-right: 1em;
}

.form-inline > .form-group > label {
  margin-right: 0.5em;
}

.table>thead>tr>th {
  vertical-align: baseline !important;
}

.bulk-action-selector {
  display: inline-block;
  font-weight: bold;
  margin-left: 8px;
}

.bulk-action-selector-dropdown {
  max-width: 12em;
  margin-left: 2em;
  display: inline-block !important;
}

.bulk-action-selector-checkbox {
  margin-top: 0 !important;
  display: block;
}

.deal-image-container {
  position: relative;
  display: inline-block;
}

.deal-img-remove-btn {
  position: absolute !important;
  cursor: pointer;
  right: 10px;
  top: 5px !important;
}

.overlay-loader {
  display: block;
  margin: auto;
  width: 100%;
  min-height: 320px;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 97px;
  height: 97px;
  animation-name: rotateAnim;
    -o-animation-name: rotateAnim;
    -ms-animation-name: rotateAnim;
    -webkit-animation-name: rotateAnim;
    -moz-animation-name: rotateAnim;
  animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    -ms-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
  animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
  animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}
.loader div {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid rgb(0,0,0);
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.loader div:nth-child(odd) {
  border-top: none;
  border-left: none;
}
.loader div:nth-child(even) {
  border-bottom: none;
  border-right: none;
}
.loader div:nth-child(2) {
  border-width: 2px;
  left: 0px;
  top: -4px;
  width: 12px;
  height: 12px;
}
.loader div:nth-child(3) {
  border-width: 2px;
  left: -1px;
  top: 3px;
  width: 18px;
  height: 18px;
}
.loader div:nth-child(4) {
  border-width: 3px;
  left: -1px;
  top: -4px;
  width: 23px;
  height: 23px;
}
.loader div:nth-child(5) {
  border-width: 3px;
  left: -1px;
  top: 4px;
  width: 31px;
  height: 31px;
}
.loader div:nth-child(6) {
  border-width: 4px;
  left: 0px;
  top: -4px;
  width: 39px;
  height: 39px;
}
.loader div:nth-child(7) {
  border-width: 4px;
  left: 0px;
  top: 6px;
  width: 49px;
  height: 49px;
}


@keyframes rotateAnim {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@-o-keyframes rotateAnim {
  from {
    -o-transform: rotate(360deg);
  }
  to {
    -o-transform: rotate(0deg);
  }
}

@-ms-keyframes rotateAnim {
  from {
    -ms-transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
  }
}

@-webkit-keyframes rotateAnim {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes rotateAnim {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0deg);
  }
}