.report-page .events-container {
  margin-bottom: 10px; }
  .report-page .events-container h4 {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: normal; }
  .report-page .events-container.transfers .event {
    background-color: #7ce6ae; }
  .report-page .events-container.drivers .event {
    background-color: #ffc191; }
  .report-page .events-container .event {
    background-color: #7cbce6;
    height: 30px;
    color: black;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    position: relative;
    padding: 0 10px;
    border-radius: 7px; }
    .report-page .events-container .event span {
      font-size: 1em; }
    .report-page .events-container .event:before {
      content: "\f177";
      font-family: 'FontAwesome';
      position: absolute;
      right: -17px;
      font-size: 1.2em;
      color: black; }
    .report-page .events-container .event.error {
      background-color: red; }

.report-page .ui-control {
  font-size: 1.2em; }

.report-page .report-images {
  margin: 0 10px;
  padding-top: 15px; }

.report-page .comments > div {
  padding: 0 5px;
  width: 50%; }
  .report-page .comments > div label > div {
    display: block;
    margin-bottom: 5px; }
  .report-page .comments > div textarea {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    max-width: 100%;
    max-height: 200px;
    min-height: 50px;
    min-width: 100%; }

.report-page .delivery-method {
  padding: 5px;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%; }
  .report-page .delivery-method .ui-control-wrapper {
    width: 110px; }
    .report-page .delivery-method .ui-control-wrapper input {
      width: 100%; }
  .report-page .delivery-method h2 {
    font-size: 15px; }
  .report-page .delivery-method table {
    width: 100%; }
    .report-page .delivery-method table th {
      text-align: right;
      padding: 5px;
      font-size: 15px;
      font-weight: normal; }
    .report-page .delivery-method table td {
      text-align: right;
      padding: 5px;
      font-size: 15px;
      font-weight: normal;
      padding: 5px;
      border: 1px solid silver;
      border-left: none;
      border-right: none; }
    .report-page .delivery-method table input {
      border: none; }
    .report-page .delivery-method table select {
      border: none; }
  .report-page .delivery-method table.disabled {
    cursor: not-allowed;
    opacity: .2; }

.report-page button.import {
  position: absolute;
  background-color: transparent;
  border: none;
  color: #e67c7c;
  left: -25px;
  top: 18px;
  z-index: 1;
  font-size: 1.8em;
  width: 27px;
  height: 27px;
  text-align: center;
  outline: none; }
  .report-page button.import .uil-rolling-css {
    transform: scale(0.13);
    position: absolute;
    left: 18px;
    top: 3px; }
    .report-page button.import .uil-rolling-css > div > div {
      border-color: #e67c7c; }

.vehicle-page .events-container {
  margin-bottom: 10px; }
  .vehicle-page .events-container h4 {
    margin: 0;
    font-weight: normal;
    font-size: .9em;
    margin-bottom: 10px; }
  .vehicle-page .events-container .event {
    background-color: #7cbce6;
    height: 30px;
    color: black;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    position: relative;
    padding: 0 10px; }
    .vehicle-page .events-container .event:before {
      content: "\f177";
      font-family: 'FontAwesome';
      position: absolute;
      right: -28px;
      font-size: 1.2em;
      color: black; }

.vehicle-page .ui-control {
  font-size: 1.2em; }

.vehicle-page .report-images {
  margin: 0 10px;
  padding-top: 15px; }

.vehicle-page .comments > div {
  padding: 0 5px;
  width: 50%; }
  .vehicle-page .comments > div label > div {
    display: block;
    margin-bottom: 5px; }
  .vehicle-page .comments > div textarea {
    width: 100%;
    padding: 5px;
    font-size: 14px;
    max-width: 100%;
    max-height: 200px;
    min-height: 50px;
    min-width: 100%; }

.vehicle-page .delivery-method {
  padding: 5px;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%; }
  .vehicle-page .delivery-method .ui-control-wrapper {
    width: 110px; }
    .vehicle-page .delivery-method .ui-control-wrapper input {
      width: 100%; }
  .vehicle-page .delivery-method h2 {
    font-size: 15px; }
  .vehicle-page .delivery-method table {
    width: 100%; }
    .vehicle-page .delivery-method table th {
      text-align: right;
      padding: 5px;
      font-size: 15px;
      font-weight: normal; }
    .vehicle-page .delivery-method table td {
      text-align: right;
      padding: 5px;
      font-size: 15px;
      font-weight: normal;
      padding: 5px;
      border: 1px solid silver;
      border-left: none;
      border-right: none; }
    .vehicle-page .delivery-method table input {
      border: none; }
    .vehicle-page .delivery-method table select {
      border: none; }
  .vehicle-page .delivery-method table.disabled {
    cursor: not-allowed;
    opacity: .2; }

.vehicle-page button.import {
  position: absolute;
  background-color: transparent;
  border: none;
  color: #e67c7c;
  left: -25px;
  top: 18px;
  z-index: 1;
  font-size: 1.8em;
  width: 27px;
  height: 27px;
  text-align: center;
  outline: none; }
  .vehicle-page button.import .uil-rolling-css {
    transform: scale(0.13);
    position: absolute;
    left: 18px;
    top: 3px; }
    .vehicle-page button.import .uil-rolling-css > div > div {
      border-color: #e67c7c; }

.delivery-events i.fa-window-close {
  position: absolute; }

.statuses-modal {
  min-height: 400px; }
  .statuses-modal .no-alerts {
    font-weight: normal;
    color: silver;
    text-align: center;
    margin-top: 105px; }
  .statuses-modal table {
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%; }
    .statuses-modal table thead tr:nth-child(1) th {
      background: white;
      position: sticky;
      top: 0;
      z-index: 10; }
    .statuses-modal table th {
      text-align: right;
      padding: 15px;
      font-size: 15px;
      font-weight: normal; }
    .statuses-modal table td {
      text-align: right;
      padding: 15px;
      font-size: 15px;
      font-weight: normal;
      border: 1px solid silver;
      border-left: none;
      border-right: none; }
    .statuses-modal table input {
      border: none; }
    .statuses-modal table select {
      border: none; }
  .statuses-modal table.disabled {
    cursor: not-allowed;
    opacity: .2; }
  .statuses-modal .ui-form-button.save {
    border: none;
    padding: 10px 15px;
    font-size: .9em;
    background-color: #3E6F5A;
    color: white; }
  .statuses-modal .scrollable {
    max-height: 280px;
    overflow-y: auto; }
  .statuses-modal .actions {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px; }