/* Custom Button Colors */
.btn-inactive {
  background-color: #B2B2B2;
  color: #ffffff;
}

.btn-inactive:hover,
.btn-inactive:focus {
  background-color: #A1A1A1;
  color: #ffffff;
}

.btn-inactive:active {
  background-color: #909090;
  color: #ffffff;
}

.btn-payment {
  background-color: #85bb65;
  color: #ffffff;
}

.btn-payment:hover,
.btn-payment:focus {
  background-color: #74aa54;
  color: #ffffff;
}

.btn-payment:active {
  background-color: #639943;
  color: #ffffff;
}

.btn-packingSlip {
  background-color: #D69574;
  color: #ffffff;
}

.btn-packingSlip:hover,
.btn-packingSlip:focus {
  background-color: #C58463;
  color: #ffffff;
}

.btn-packingSlip:active {
  background-color: #B47354;
  color: #ffffff;
}

.btn-tracking {
  background-color: #97518C;
  color: #ffffff;
}

.btn-tracking:hover,
.btn-tracking:focus {
  background-color: #86407B;
  color: #ffffff;
}

.btn-tracking:active {
  background-color: #753f6a;
  color: #ffffff;
}

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

.tab-content {
  margin-bottom: 20px;
  border-left: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  padding: 15px;
  background-color: #FFF;
}

.print {
  page-break-after: auto;
}

.print:last-child {
     page-break-after: auto;
}

.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.showPointer {
  cursor: pointer;
}

/* Fleet Landing Page CSS - FROM 3RD PARTY DEV */
.fleet-body {
  width: 100%; padding: 3% 4%;
  background-color: #fff 20%;
  background-image: radial-gradient(farthest-corner ellipse at 50% 0,#fff 20%,#c0ddef);
  background-image: -moz-radial-gradient(50% 0,farthest-corner ellipse,#fff 20%,#c0ddef);
  background-attachment: fixed,fixed;
  color: #000;
  line-height: 1.5;
  font-size: 1.5rem;
  max-width: 1200px;
}
.fleet-body h2 {
  font-size: 3rem;
  line-height: 1.2;
}
.fleet-body .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.fleet-body .row-widgets {
  display: flex;
  flex-wrap: wrap;
}
.fleet-quote-logo {margin-bottom: 40px; margin-left: 50px;}
.fleet-quote-logo, .main-title-section {text-align: center;}
.main-title-section {margin-bottom: 40px;}
.main-sub-section, .reviews-widgets {max-width: 800px; margin-left: auto; margin-right: auto; text-align:center;}
.reviews-widgets {padding: 40px 0px;}
.ez-fleet-container {padding: 0% 8%; margin-left: auto; margin-right: auto; max-width: 1200px;}
.ez-fleet-intro {max-width: 800px; margin: 40px auto 0px auto; text-align: center;}