.bgGrey {
  background-color: #eee;
}

.red {
  color: #a20000;
}

.bgRed {
  background-color: #a20000;
  color: #fff;
}

.bgOrange {
  background-color: #ff6302;
  color: #fff;
}

.bgBlue_whiteText {
  background-color: #006aa4;
  color: #fff !important;
}

.green {
  color: #00d015;
}

.bgGreen {
  background-color: #00d015;
  color: #fff;
}

.pool_item_blocked_bg {
  background-color: #FF998EFF !important;
}

.pool_item_will_call_bg {
  background-color: #72FAB4FF !important;
}

.bgRed {
  background-color: #ec3e2c !important;
}

.bgGreen {
  background-color: #0baf1f !important;
}

.greyedOut {
  color: #d5d5d5;
  background-color: rgba(232, 231, 231, 0.65) !important;
}
.greyedOut .timesheet-ok {
  color: unset;
}

.wide {
  width: 100%;
}

.dropdown-menu {
  z-index: 10000;
}

.error {
  display: inline-block;
  padding: 0 3px;
  background-color: #a20000;
  color: #fff;
  font-weight: bold;
}

label + input[type=radio] {
  margin-left: 20px;
}

.maxWidthFull {
  max-width: 100%;
  white-space: unset !important;
}

.centered {
  text-align: center;
  margin: 0 auto;
  width: fit-content;
}

.banner {
  padding: 3px 10px;
  font-size: 1.5rem;
  text-transform: capitalize;
  border: solid 1px #999;
  border-radius: 5px;
  display: inline-block;
}
.banner.logistiCare {
  background-color: rgba(255, 234, 163, 0.31);
  color: #000;
}

.stickyHeader {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 100;
}

table.stickyHeader thead {
  position: sticky;
  top: 0;
  background: #fff;
}

.nowrap {
  white-space: nowrap;
}

.btn-info {
  color: #fff;
  background-color: rgba(91, 192, 222, 0.53);
  border-color: #46b8da;
}

.btn-danger {
  color: #fff;
  background-color: rgba(217, 83, 79, 0.53);
  border-color: #d43f3a;
}

.btn-warning {
  color: #fff;
  background-color: rgba(240, 173, 78, 0.54);
  border-color: #eea236;
}

.navbar {
  margin-bottom: 0;
}

.navbar-header h1 {
  margin: 0;
}

.notifyFontSmall {
  font-size: 1.2rem;
}

.pageTitle {
  font-size: 3rem;
  margin: 2rem 0 2rem 0;
  color: #EC3E2C;
  text-align: center;
}
.pageTitle .driver {
  white-space: nowrap;
}
.pageTitle .subTitle {
  font-size: 1.5rem;
  margin-left: 2rem;
}

.pooledRide {
  background-color: #eae2ff;
  padding: 0 10px;
  font-weight: bold;
  border: solid 1px #f00;
}

.cardSelect,
.daySelect {
  font-size: 2rem;
}
.cardSelect label,
.daySelect label {
  padding: 0 2rem 0 0.3rem;
}

.selected {
  background-color: #B0BED9;
}

.logegdInName {
  display: block;
  text-align: right;
}

th {
  vertical-align: bottom;
  border-bottom: solid 2px #000;
}

td {
  vertical-align: top;
}

table.basicTable th,
table.basicTable td {
  padding-right: 20px;
  text-align: left;
}

table.dataTable tbody tr:nth-child(odd) {
  background-color: #fdfcfc;
}

table.dataTable tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

table#unscheduledRides.dataTable tbody tr {
  background-color: #fff;
}
table#unscheduledRides.dataTable tbody tr:hover {
  background-color: #b9e0f0;
  cursor: pointer;
}

tbody tr:hover {
  background-color: #b9e0f0;
  cursor: pointer;
}

.selectionBlock,
.ridesBlock {
  background-color: #fff;
  display: block;
  float: left;
  width: 25rem;
  border: solid 1px #000;
  padding: 1rem;
  margin-right: 1rem;
  margin-top: 2rem;
}

.line:hover {
  background-color: #b9e0f0;
  cursor: pointer;
}

.vehicles::before,
.drivers::before,
.unscheduledRides::before,
.selectedItems::before {
  background-color: #fff;
  border: solid 1px #000;
  position: relative;
  bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: bold;
}

.vehicles::before {
  content: "Vehicles";
}

.drivers::before {
  content: "Drivers";
}

.ridesBlock {
  width: unset;
  white-space: nowrap;
  background: linear-gradient(270deg, rgba(240, 248, 255, 0.2), rgba(212, 240, 255, 0.9));
}

.selectedItems::before {
  content: "Selected Items";
}

.selectedItems {
  width: 600px;
  min-height: 260px;
}

.restoreRide {
  display: none;
}

.assistanceRide {
  color: #008543;
}

.specialRide {
  color: #00a7ff;
}

.dataTable {
  width: 100%;
}

table.dataTable tr.complete {
  color: #cecece;
}
table.dataTable tr.complete .chngDriver {
  display: none;
}
table.dataTable tr.complete .restoreRide {
  display: unset;
}
table.dataTable tr.complete.assistanceRide {
  color: rgba(0, 129, 54, 0.26);
}
table.dataTable tr.complete.specialRide {
  color: rgba(0, 167, 255, 0.26);
}

table.dataTable tbody tr:hover {
  background-color: #b9e0f0 !important;
  color: #000;
  cursor: pointer;
}

.driverName {
  font-size: 2rem;
  font-weight: bold;
  margin: 1rem 0 2rem 0;
  color: #006aa4;
}

#selectDriver {
  font-size: 2rem;
  margin-top: 20px;
  color: #006aa4;
}

.cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-around;
}
.cards .rideDateSeparator {
  background-color: #c5f0ff;
  width: 100%;
  padding: 2px 0 2px 10px;
  font-size: 2rem;
  margin: 10px 0;
}

.rideCard {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 20px;
  border: solid 1px #006aa4;
  border-radius: 10px;
  float: left;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.75);
}
.rideCard.assistanceCard .card-title {
  background-color: #edfff4;
  background: linear-gradient(45deg, rgba(150, 255, 150, 0.2), rgba(150, 255, 150, 0.01));
  border: solid 1px rgba(0, 236, 123, 0.5);
}
.rideCard.specialRideCard .card-title {
  background-color: rgba(0, 162, 255, 0.08);
  background: linear-gradient(45deg, rgba(0, 162, 255, 0.2), rgba(0, 162, 255, 0.1));
  border: solid 1px rgba(0, 113, 159, 0.5);
}
.rideCard.complete {
  background-color: #eee;
}
.rideCard.complete .btnRideCardComplete {
  display: none;
}
.rideCard.complete .card-title {
  background-color: #eee;
}
.rideCard.complete .card-title .passenger,
.rideCard.complete .card-title .pickupTime,
.rideCard.complete .card-title .addressText {
  color: #999;
}
.rideCard.complete .card-title .complete {
  display: block;
  float: right;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}
.rideCard.complete .cardBody,
.rideCard.complete .contactInfo {
  color: #999;
}
.rideCard.complete .notes {
  background: linear-gradient(45deg, #eee, rgba(255, 245, 199, 0.2));
  color: #999;
}
.rideCard.complete.assistanceCard .card-title {
  background: linear-gradient(45deg, rgba(0, 236, 14, 0.1), rgba(217, 255, 199, 0.1));
  border-color: #ccc;
}
.rideCard .card-title {
  margin: 2px;
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 10px;
  background-color: #f8f8f8;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.03));
}
.rideCard .card-title .complete {
  display: none;
}
.rideCard .card-title .passenger {
  font-size: 2rem;
  font-weight: bold;
  color: #006aa4;
}
.rideCard .card-title .pickupTime {
  font-size: 1.5rem;
  font-weight: bold;
  color: #006aa4;
}
.rideCard .card-title .addressText {
  font-size: 1.5rem;
  font-weight: bold;
  color: #006aa4;
}
.rideCard .cardBody {
  margin: 2px;
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 10px;
}
.rideCard .cardBody .driver {
  font-weight: bold;
}
.rideCard .notes {
  margin: 2px;
  border: solid 1px #ccc;
  border-radius: 10px;
  background-color: #fff5c7;
  padding: 10px;
  background: linear-gradient(45deg, #fff5c7, rgba(255, 245, 199, 0.2));
}
.rideCard .vehicle {
  font-size: 1.5rem;
  font-weight: bold;
  float: right;
  text-align: right;
}
.rideCard .contactInfo {
  margin: 2px;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 10px;
}

#changeDriverBlock {
  background-color: #fff;
  border: solid 1px #006aa4;
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.75);
  border-radius: 10px;
}
#changeDriverBlock #btnCompleteRide {
  float: right;
  background: linear-gradient(180deg, rgba(0, 106, 164, 0.5), #006aa4);
}
#changeDriverBlock .title {
  background: linear-gradient(0deg, rgba(255, 245, 199, 0.1), rgba(255, 245, 199, 0.4));
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 5px 10px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #006aa4;
  text-align: center;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.75);
}
#changeDriverBlock .body {
  padding: 20px;
}
#changeDriverBlock .buttons {
  display: flex;
  align-content: flex-start;
  justify-content: space-around;
  padding: 10px 20px;
  border-top: solid 1px #999;
}

.selectAssistantPerson {
  margin-left: 70px;
  margin-bottom: 10px;
}

.selectAssistantVehicle {
  margin-left: 20px;
}

.btnCheckInOut {
  width: 300px;
}

.timesheet-ok {
  color: #666;
}
.timesheet-alert {
  color: #f00;
}
.timesheet-attention {
  color: #00a7ff;
}
.timesheet-time-discrepancy-ok {
  color: transparent;
}
.timesheet-time-discrepancy-alert {
  color: #000;
}

.blink {
  animation: blinkingBackground 1s infinite;
}

@keyframes blinkingBackground {
  0% {
    opacity: 0.4;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.7;
  }
  75% {
    opacity: 0.9;
  }
}
a.blueButton,
a.blueButton:visited,
a.blueButton:active,
a.blueButton:hover,
.greenButton,
.greenButton:visited,
.greenButton:active,
.yellowButton,
.yellowButton:visited,
.yellowButton:active,
.redButton,
.redButton:visited,
.redButton:active,
.blueButton,
.blueButton:visited,
.blueButton:active,
.greyButton,
.greyButton:visited,
.greyButton:active {
  padding: 1px 10px;
  text-transform: capitalize;
  text-decoration: none;
  border-radius: 5px;
  color: #000;
  font-weight: normal;
  outline: none;
  border: solid 1px #999;
  font-size: 1.5rem;
}
a.blueButton:hover,
a.blueButton:visited:hover,
a.blueButton:active:hover,
a.blueButton:hover:hover,
.greenButton:hover,
.greenButton:visited:hover,
.greenButton:active:hover,
.yellowButton:hover,
.yellowButton:visited:hover,
.yellowButton:active:hover,
.redButton:hover,
.redButton:visited:hover,
.redButton:active:hover,
.blueButton:hover,
.blueButton:visited:hover,
.blueButton:active:hover,
.greyButton:hover,
.greyButton:visited:hover,
.greyButton:active:hover {
  outline: none;
  color: #000;
}
a.blueButton:disabled,
a.blueButton:visited:disabled,
a.blueButton:active:disabled,
a.blueButton:hover:disabled,
.greenButton:disabled,
.greenButton:visited:disabled,
.greenButton:active:disabled,
.yellowButton:disabled,
.yellowButton:visited:disabled,
.yellowButton:active:disabled,
.redButton:disabled,
.redButton:visited:disabled,
.redButton:active:disabled,
.blueButton:disabled,
.blueButton:visited:disabled,
.blueButton:active:disabled,
.greyButton:disabled,
.greyButton:visited:disabled,
.greyButton:active:disabled {
  color: #eee;
  background-color: rgba(128, 128, 128, 0.5);
  cursor: not-allowed;
}
a.blueButton:disabled:hover,
a.blueButton:visited:disabled:hover,
a.blueButton:active:disabled:hover,
a.blueButton:hover:disabled:hover,
.greenButton:disabled:hover,
.greenButton:visited:disabled:hover,
.greenButton:active:disabled:hover,
.yellowButton:disabled:hover,
.yellowButton:visited:disabled:hover,
.yellowButton:active:disabled:hover,
.redButton:disabled:hover,
.redButton:visited:disabled:hover,
.redButton:active:disabled:hover,
.blueButton:disabled:hover,
.blueButton:visited:disabled:hover,
.blueButton:active:disabled:hover,
.greyButton:disabled:hover,
.greyButton:visited:disabled:hover,
.greyButton:active:disabled:hover {
  background-color: rgba(128, 128, 128, 0.7);
}
a.blueButton.small,
a.blueButton:visited.small,
a.blueButton:active.small,
a.blueButton:hover.small,
.greenButton.small,
.greenButton:visited.small,
.greenButton:active.small,
.yellowButton.small,
.yellowButton:visited.small,
.yellowButton:active.small,
.redButton.small,
.redButton:visited.small,
.redButton:active.small,
.blueButton.small,
.blueButton:visited.small,
.blueButton:active.small,
.greyButton.small,
.greyButton:visited.small,
.greyButton:active.small {
  font-size: 1rem;
}
a.blueButton.medium,
a.blueButton:visited.medium,
a.blueButton:active.medium,
a.blueButton:hover.medium,
.greenButton.medium,
.greenButton:visited.medium,
.greenButton:active.medium,
.yellowButton.medium,
.yellowButton:visited.medium,
.yellowButton:active.medium,
.redButton.medium,
.redButton:visited.medium,
.redButton:active.medium,
.blueButton.medium,
.blueButton:visited.medium,
.blueButton:active.medium,
.greyButton.medium,
.greyButton:visited.medium,
.greyButton:active.medium {
  font-size: 2rem;
}
a.blueButton.large,
a.blueButton:visited.large,
a.blueButton:active.large,
a.blueButton:hover.large,
.greenButton.large,
.greenButton:visited.large,
.greenButton:active.large,
.yellowButton.large,
.yellowButton:visited.large,
.yellowButton:active.large,
.redButton.large,
.redButton:visited.large,
.redButton:active.large,
.blueButton.large,
.blueButton:visited.large,
.blueButton:active.large,
.greyButton.large,
.greyButton:visited.large,
.greyButton:active.large {
  font-size: 2.5rem;
}

.greenButton,
.greenButton:visited,
.greenButton:active {
  background: linear-gradient(0deg, rgba(73, 255, 181, 0.5), rgba(68, 236, 167, 0.1));
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.greenButton:hover,
.greenButton:visited:hover,
.greenButton:active:hover {
  background: linear-gradient(0deg, #00ff8d, rgba(68, 236, 167, 0.1));
  box-shadow: 3px 3px 5px 0 rgba(41, 127, 86, 0.98);
}

.yellowButton,
.yellowButton:visited,
.yellowButton:active {
  background: linear-gradient(0deg, rgba(255, 225, 119, 0.4), rgba(255, 225, 119, 0.1));
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.yellowButton:hover,
.yellowButton:visited:hover,
.yellowButton:active:hover {
  background: linear-gradient(0deg, #ffe177, rgba(255, 225, 119, 0.5));
  box-shadow: 3px 3px 5px 0 #dca200;
}

.redButton,
.redButton:visited,
.redButton:active {
  background: linear-gradient(0deg, rgba(240, 0, 73, 0.5), rgba(240, 0, 73, 0.1));
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.redButton:hover,
.redButton:visited:hover,
.redButton:active:hover {
  outline: none;
  background: linear-gradient(0deg, rgba(240, 0, 73, 0.78), rgba(240, 0, 73, 0.1));
  box-shadow: 3px 3px 5px 0 #8e0035;
}

.blueButton,
.blueButton:visited,
.blueButton:active {
  background: linear-gradient(0deg, rgba(0, 167, 255, 0.5), rgba(0, 167, 255, 0.1));
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.blueButton:hover,
.blueButton:visited:hover,
.blueButton:active:hover {
  background: linear-gradient(0deg, rgba(0, 167, 255, 0.78), rgba(0, 167, 255, 0.1));
  box-shadow: 3px 3px 5px 0 #00719f;
}

.greyButton,
.greyButton:visited,
.greyButton:active {
  background: linear-gradient(0deg, rgba(180, 180, 180, 0.98), rgba(0, 95, 168, 0.1));
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
}
.greyButton:hover,
.greyButton:visited:hover,
.greyButton:active:hover {
  background: linear-gradient(0deg, rgba(169, 192, 218, 0.98), rgba(0, 95, 168, 0.1));
  box-shadow: 3px 3px 5px 0 rgba(169, 192, 218, 0.98);
}

#btnTimeSheetCheckOut,
#btnTimeSheetCheckIn {
  margin: 10px 0 10px 0;
}

table td {
  max-width: 300px;
  white-space: normal;
}

input[type=text] {
  border: solid 1px #999;
}

.margin-top {
  margin-top: 20px !important;
}

.margin-bottom {
  margin-bottom: 20px !important;
}

.margin-left {
  margin-left: 20px !important;
}

.margin-right {
  margin-right: 20px !important;
}

.padding-top {
  padding-top: 20px !important;
}

.padding-top-extra {
  padding-top: 40px !important;
}

.padding-bottom {
  padding-bottom: 20px !important;
}

.padding-left {
  padding-left: 20px !important;
}

.padding-right {
  padding-right: 20px !important;
}

.missionStatement {
  margin-top: 10px;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  color: #006aa4;
}

@media all and (max-width: 1750px) {
  .navbar-default {
    background-color: transparent;
    border: none;
  }

  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }

  #timesheetOptionBlock {
    margin-top: 20px;
    display: block;
  }
  #timesheetOptionBlock .timesheetOptionLine {
    display: block;
  }
  #timesheetOptionBlock .timesheetOptionLine span {
    margin: 0;
  }
  #timesheetOptionBlock .timesheetOptionLine span input {
    margin: 0 !important;
  }
  #timesheetOptionBlock .timesheetOptionLine a {
    text-decoration: none;
    color: inherit;
  }
  #timesheetOptionBlock .timesheetOptionLine .timesheetTimeLine {
    display: inline-block;
    margin-left: 20px;
    width: 50px;
  }
  #timesheetOptionBlock .timesheetOptionLine .timesheetTimeLine input {
    margin-left: 0 !important;
  }

  .btnCheckInOut {
    width: 100%;
  }

  #btnNav2RigCheck {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .timeSheetReportedTime {
    width: 100%;
  }

  .rideCard {
    margin: unset;
    margin-bottom: 35px;
  }

  .cardSelect,
.daySelect {
    border-bottom: 1px solid #aaa;
  }
  .cardSelect .cardSelectOption,
.daySelect .cardSelectOption {
    display: block;
  }
  .cardSelect .cardSelectOption label,
.daySelect .cardSelectOption label {
    width: 80%;
  }
}

/*# sourceMappingURL=scheduling.css.map */