/* purgecss start ignore */

footer.footer{
  padding:1.5rem 2.25rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  font-size:1.25rem;
  text-align:center;
  background-color:white;
  grid-area:footer
}

.footer-center{
  margin:1rem 0
}

.footer-center a{
  margin:0 5px;
  color:#0a0a0a
}

.footer-end{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:200px
}

.footer-bottom{
  display:flex;
  justify-content:center
}

.footer-bottom .footer-center{
  font-size:15px;
  font-weight:bold;
  color:black
}

@media screen and (min-width: 1024px){
  footer.footer{
    padding:2rem 4.5rem
  }

  .footer-bottom{
    flex-direction:row
  }

  .footer-center{
    margin:0
  }

  .footer-center a{
    margin:0 10px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }

  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }

  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }

  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* purgecss end ignore */
/* purgecss start ignore */

.create-ticket .truck-types-container .button,.create-ticket .truck-features-container .button,.create-ticket .load-model-container .button{
  height:unset
}

.create-ticket .input{
  display:flex;
  text-align:center;
  width:100%
}

.create-ticket .load-dimensions{
  display:flex;
  flex-direction:row;
  justify-content:flex-start
}

.create-ticket .load-time-range{
  display:flex;
  flex-direction:row
}

.create-ticket select,.create-ticket .select{
  font-family:'Open Sans', sans-serif;
  width:100%
}

.create-ticket .financial-container .price-container{
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-end
}

.create-ticket .addresses-inputs .input,.create-ticket .addresses-inputs-mobile .input{
  text-align:left;
  font-size:1.3rem;
  font-weight:600;
  color:#363636
}

.create-ticket .addresses-inputs .input::-moz-placeholder, .create-ticket .addresses-inputs-mobile .input::-moz-placeholder{
  font-size:1.3rem;
  font-weight:600;
  display:inline-block;
  color:#363636
}

.create-ticket .addresses-inputs .input::placeholder,.create-ticket .addresses-inputs-mobile .input::placeholder{
  font-size:1.3rem;
  font-weight:600;
  display:inline-block;
  color:#363636
}

.create-ticket .addresses-inputs :last-child .places-autocomplete img,.create-ticket .addresses-inputs-mobile :last-child .places-autocomplete img{
  transform:scaleX(-1)
}

.create-ticket .places-autocomplete{
  width:100%
}

.create-ticket .places-autocomplete .input{
  font-size:1rem
}

.create-ticket .places-autocomplete .input::-moz-placeholder{
  font-size:1rem
}

.create-ticket .places-autocomplete .input::placeholder{
  font-size:1rem
}

.create-ticket .places-autocomplete .icon img{
  width:24px;
  height:24px
}

.create-ticket .time-range-input{
  justify-content:space-between
}

.create-ticket .time-range-input .is-flex-tablet{
  justify-content:space-between
}

.create-ticket .time-range-input .field{
  width:48%;
  margin-bottom:0px
}

.create-ticket .create-ticket-map canvas{
  -o-object-fit:cover;
     object-fit:cover;
  image-rendering:-webkit-crisp-edges;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  width:100vh;
  height:100vh
}

@media screen and (max-width: 1200px){
  .create-ticket .time-range-input,.create-ticket .addresses-inputs{
    width:50%
  }

  .create-ticket .is-flex-tablet{
    flex-wrap:wrap
  }
}

.time-range-input .label{
  margin-bottom:0
}

.time-range-input .field{
  width:50%;
  margin-bottom:0px
}

@media screen and (max-width: 769px){
  .create-ticket .time-range-input{
    margin:0px
  }

  .create-ticket .places-autocomplete,.create-ticket .time-range-input,.create-ticket .addresses-inputs{
    width:100%
  }

  .create-ticket .places-autocomplete .field-body,.create-ticket .places-autocomplete .field,.create-ticket .time-range-input .field-body,.create-ticket .time-range-input .field,.create-ticket .addresses-inputs .field-body,.create-ticket .addresses-inputs .field{
    width:100%
  }

  .create-ticket .places-autocomplete .field-body .input,.create-ticket .places-autocomplete .field .input,.create-ticket .time-range-input .field-body .input,.create-ticket .time-range-input .field .input,.create-ticket .addresses-inputs .field-body .input,.create-ticket .addresses-inputs .field .input{
    font-size:14px
  }

  .create-ticket .places-autocomplete .field-body .input::-moz-placeholder, .create-ticket .places-autocomplete .field .input::-moz-placeholder, .create-ticket .time-range-input .field-body .input::-moz-placeholder, .create-ticket .time-range-input .field .input::-moz-placeholder, .create-ticket .addresses-inputs .field-body .input::-moz-placeholder, .create-ticket .addresses-inputs .field .input::-moz-placeholder{
    font-size:14px
  }

  .create-ticket .places-autocomplete .field-body .input::placeholder,.create-ticket .places-autocomplete .field .input::placeholder,.create-ticket .time-range-input .field-body .input::placeholder,.create-ticket .time-range-input .field .input::placeholder,.create-ticket .addresses-inputs .field-body .input::placeholder,.create-ticket .addresses-inputs .field .input::placeholder{
    font-size:14px
  }
}

.places-autocomplete .field-body{
  width:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

#options{
  position:relative;
  min-height:100vh;
  width:100%;
  height:auto;
  top:0
}

.form-wrapper{
  height:100%
}

.load-options-modal-container{
  background-color:#ffffff;
  margin:auto;
  padding:30px
}

.load-options-modal-container h2{
  font-size:22px;
  font-weight:bold
}

.load-options-modal-container .times-icon{
  cursor:pointer;
  font-size:28px;
  color:#0000006e
}

.load-options-modal-container .load-options-cards-container{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  height:100%;
  justify-content:space-between;
  margin:40px auto 20px
}

.load-options-modal-container .load-options-cards-container .option-box{
  display:flex;
  flex-direction:column;
  width:30%;
  height:220px;
  margin:1%;
  min-width:150px;
  min-height:150px
}

.load-options-modal-container .load-options-cards-container .option-box label{
  font-size:11px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:10px;
  border:1px solid #f8c44f;
  border-radius:8px;
  background-color:#fff
}

.load-options-modal-container .load-options-cards-container .option-box input{
  position:absolute;
  opacity:0
}

.load-options-modal-container .load-options-cards-container .option-box input[type='radio']:checked+label{
  background-color:#ffdd00ab;
  border:1px solid #6e6e6e6b !important;
  font-weight:700
}

.load-options-modal-container .load-options-cards-container .option-box img{
  width:110px;
  height:100px
}

.load-options-modal-container .load-options-cards-container .option-box p{
  margin-top:30px;
  margin-bottom:0
}

@media screen and (max-width: 769px){
  .load-options-modal-container{
    width:100%;
    padding:30px 20px
  }

  .load-options-modal-container h2{
    font-size:16px;
    text-align:left;
    width:80%
  }

  .load-options-modal-container .times-icon{
    font-size:20px
  }

  .load-options-modal-container .load-options-cards-container{
    justify-content:center
  }

  .load-options-modal-container .load-options-cards-container .option-box{
    height:120px;
    min-width:120px;
    min-height:120px
  }

  .load-options-modal-container .load-options-cards-container .option-box img{
    width:70px;
    height:50px
  }

  .load-options-modal-container .load-options-cards-container .option-box p{
    margin-top:10px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.homepageCreateTicketCheckmark{
  width:100px;
  height:100px;
  border-radius:50%;
  display:block;
  stroke-width:0;
  stroke:#4bb71b;
  stroke-miterlimit:10;
  box-shadow:inset 0px 0px 0px #4bb71b;
  animation:fill 0.4s ease-in-out 1.4s forwards, scale 0.3s ease-in-out 2.1s both;
  position:relative;
  top:5px;
  right:5px;
  margin:0 auto
}

.homepageCreateTicketCheckmarkCircle{
  stroke-dasharray:166;
  stroke-dashoffset:166;
  stroke-width:6;
  stroke-miterlimit:10;
  stroke:#4bb71b;
  fill:#f6f4f3;
  animation:stroke 1.2s cubic-bezier(0.65, 0, 0.45, 1) 1s forwards
}

.homepageCreateTicketCheckmarkCheck{
  transform-origin:50% 50%;
  stroke-dasharray:48;
  stroke-dashoffset:48;
  stroke-width:4;
  animation:stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 2s forwards
}

@keyframes stroke{
  100%{
    stroke-dashoffset:0
  }
}

@keyframes scale{
  0%,100%{
    transform:none
  }

  50%{
    transform:scale3d(1.1, 1.1, 1)
  }
}

@keyframes fill{
  100%{
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.section{
  border-bottom:1px solid rgba(222,174,119,0.41)
}

/* purgecss end ignore */

/* purgecss start ignore */

.section-label{
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:0.75rem;
  font-weight:bold
}

.section-label .line{
  width:4.6em;
  height:2px;
  background-color:#FD3C65;
  margin-left:1rem;
  margin-right:1rem;
  display:block
}

.section-label .text{
  font-size:1em;
  color:#FD3C65;
  text-transform:uppercase;
  text-align:center
}

@media screen and (min-width: 1024px){
  .section-label{
    font-size:1rem
  }
}

@media screen and (min-width: 1216px){
  .section-label{
    font-size:1.25rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.section-title{
  font-weight:bold;
  font-size:2rem;
  text-align:left;
  color:#151D42
}

@media screen and (min-width: 1024px){
  .section-title{
    font-size:2rem
  }
}

@media screen and (min-width: 1216px){
  .section-title{
    font-size:5rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.section-content{
  margin-top:2.5rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.contact-us{
  padding:30px
}

.contact-us h2{
  font-weight:500;
  font-size:30px;
  line-height:42px
}

.contact-us form{
  margin-top:15px;
  padding:1rem
}

.contact-us form input,.contact-us form textarea{
  box-shadow:none
}

.contact-us form .select,.contact-us form select{
  width:100%
}

.contact-us .logo-image-column{
  display:none
}

@media screen and (min-width: 769px){
  .contact-us{
    padding:160px 130px
  }

  .contact-us .logo-image-column{
    display:flex;
    justify-content:flex-end;
    align-items:flex-end
  }

  .contact-us .logo-image-column img{
    width:292px;
    transform:translateY(115px)
  }
}

.contact-details{
  color:#0a0a0a
}

.contact-details a{
  color:#0a0a0a
}

.contact-details .contact-detail-line{
  margin-top:24px;
  display:flex;
  flex-direction:row;
  align-items:center;
  font-size:18px;
  line-height:32px
}

.contact-details .contact-detail-line svg{
  font-size:26px;
  margin-right:18px
}

.newsletter-form{
  padding-top:4rem
}

.newsletter-form .input{
  background-color:#BEBEBE
}

.newsletter-form .button{
  padding:0;
  width:3rem;
  border:none
}

/* purgecss end ignore */

/* purgecss start ignore */

.add-driver-container{
  background-color:#ECECEC
}

.add-driver-form{
  max-width:1600px
}

.add-driver-form .select{
  display:flex
}

.personal-info .select{
  display:flex
}

.add-driver{
  font-family:'Poppins', sans-serif
}

.add-driver .subtitle{
  margin-bottom:1.5rem
}

.add-driver .select{
  display:flex
}

.add-driver .input{
  display:flex;
  text-align:center;
  border-radius:15px;
  box-shadow:0 3px 6px #00000029;
  border:none;
  width:100%
}

.add-driver .input,.add-driver .button{
  height:60px
}

.add-driver .checkbox-container{
  margin-right:0.5em
}

.add-driver select,.add-driver .select{
  width:100%;
  height:60px;
  border-radius:15px
}

.add-driver .select{
  box-shadow:0 3px 6px #00000029
}

.add-driver select{
  padding-left:1.5em !important
}

.add-driver .field .label{
  font-weight:500;
  font-size:1.3rem
}

.add-driver .not-empty>.field{
  display:initial !important
}

.add-driver .not-empty label{
  margin-left:0 !important
}

.add-driver .not-empty .input-label-container{
  margin-left:1em !important
}

.add-driver .not-empty .places-image-right,.add-driver .not-empty .places-image-left{
  width:0 !important;
  height:0 !important
}

.add-driver .radio input{
  margin-right:0.5em
}

.add-driver .radio+.radio{
  margin-left:1em
}

.add-driver .main-title{
  color:black;
  font-weight:800;
  margin:68px 0
}

.add-driver .driver-details{
  padding:0
}

.add-driver .driver-details>.field:first-child{
  width:450px;
  min-width:250px
}

@media screen and (max-width: 520px){
  .add-driver .driver-details>.field:first-child{
    width:300px
  }
}

.add-driver .driver-details .label{
  font-weight:500;
  font-size:1.3rem
}

@media screen and (max-width: 769px){
  .add-driver .driver-features{
    flex-wrap:wrap
  }
}

.add-driver .type{
  display:flex;
  flex-direction:row
}

.add-driver .type label{
  display:flex;
  align-items:center;
  margin-left:0
}

.add-driver .icon{
  background:white
}

.add-driver .columns{
  margin-left:0;
  margin-right:0;
  margin-top:0
}

@media screen and (max-width: 520px){
  .add-driver .column,.add-driver .columns{
    padding-left:0
  }
}

.add-driver .label{
  margin-bottom:0.5em
}

/* purgecss end ignore */

/* purgecss start ignore */

.my-fleet-item{
  margin-bottom:4rem;
  display:flex;
  flex-direction:column
}

.my-fleet-item>button{
  align-self:flex-end;
  margin-top:1em
}

.my-fleet-item .card-content{
  padding:1.5rem 0;
  margin-left:1rem;
  width:calc(100% - 2rem)
}

.my-fleet-item .card-content td:first-of-type{
  position:sticky;
  left:0;
  background-color:#FFFFFF;
  z-index:10
}

.trucks-grid>div{
  grid-template-columns:repeat(4, minmax(200px, 450px)) !important
}

.trucks-grid>div span{
  padding-left:7px;
  padding-right:7px
}

.trucks-grid>div span.edit-button{
  display:none
}

.trucks-grid>div span:nth-child(5){
  display:flex;
  flex-direction:column;
  justify-content:space-between
}

.trucks-grid>div span:nth-child(6)>div>div{
  display:flex;
  flex-direction:column;
  justify-content:space-between
}

.trucks-grid>div span:nth-child(6)>div>div span{
  width:-moz-max-content;
  width:max-content
}

@media screen and (min-width: 1408px){
  .trucks-grid>div{
    grid-template-columns:repeat(6, minmax(200px, 450px)) !important
  }
}

@media screen and (max-width: 1408px){
  .trucks-grid>div span:nth-child(5){
    grid-column-start:2
  }
}

@media screen and (max-width: 1024px){
  .trucks-grid>div{
    grid-template-columns:repeat(auto-fill, minmax(33%, 1fr)) !important
  }

  .trucks-grid>div:not(:last-of-type){
    padding-bottom:15px;
    border-bottom:1px solid #E5E7EB
  }

  .trucks-grid>div span:first-of-type{
    grid-column:1 / span 3;
    margin-bottom:20px
  }

  .trucks-grid>div span:nth-of-type(2){
    text-align:left;
    grid-column:1 / span 1
  }

  .trucks-grid>div span:not(:first-of-type){
    padding-top:0 !important
  }

  .trucks-grid>div span:nth-child(5){
    grid-column-start:1
  }
}

@media screen and (max-width: 640px){
  .trucks-grid>div{
    grid-template-columns:repeat(auto-fill, minmax(100%, 1fr)) !important
  }

  .trucks-grid>div:not(:last-of-type){
    padding-bottom:15px
  }

  .trucks-grid>div span:first-of-type{
    grid-column:1
  }

  .trucks-grid>div span:nth-of-type(3){
    text-align:left;
    grid-column:1
  }

  .trucks-grid>div span:not(:first-of-type){
    padding-top:0 !important
  }

  .trucks-grid>div span.edit-button{
    margin-bottom:25px
  }
}

.H_ib.H_ib_top.H_el{
  width:0;
  height:0
}

/* purgecss end ignore */

/* purgecss start ignore */

.my-drivers-edit{
  align-self:center !important
}

.my-drivers-image{
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid black;
  margin-right:1em;
  min-width:50px
}

.my-drivers-name{
  width:auto
}

.my-drivers-name h4{
  font-size:16px
}

.my-drivers-name>h4,.my-drivers-name>p{
  white-space:nowrap;
  text-overflow:ellipsis
}

.my-drivers-image-name-details{
  display:flex;
  max-width:initial !important
}

@media screen and (max-width: 769px){
  .my-drivers-image-name-details{
    flex-direction:row-reverse
  }

  .my-drivers-image-name-details .my-drivers-image{
    margin-right:0
  }
}

.my-drivers-item-change-vehicle,.my-drivers-item-add-vehicle{
  border-radius:5px;
  padding-left:1.25rem;
  padding-right:1.25rem;
  height:2em;
  font-weight:bold;
  border:none
}

.my-drivers-item-change-vehicle:hover,.my-drivers-item-change-vehicle:active,.my-drivers-item-change-vehicle:focus,.my-drivers-item-add-vehicle:hover,.my-drivers-item-add-vehicle:active,.my-drivers-item-add-vehicle:focus{
  color:white;
  box-shadow:none !important
}

.my-drivers-item-change-vehicle{
  background-color:#e65454;
  color:white
}

.my-drivers-item-add-vehicle{
  background-color:#54e662;
  color:black
}

.my-drivers-vehicle-search{
  max-width:350px !important;
  margin-left:-0.75rem
}

@media screen and (max-width: 769px){
  .my-drivers-vehicle-search{
    left:17px
  }
}

.table-drivers-list td:first-of-type{
  position:sticky;
  left:0;
  background-color:#FFFFFF;
  z-index:10
}

.table-drivers-list td p{
  display:flex
}

.drivers-grid>div{
  grid-template-columns:repeat(auto-fill, minmax(25%, 1fr)) !important
}

.drivers-grid>div span{
  padding-left:7px;
  padding-right:7px
}

.drivers-grid>div span.edit-button{
  display:none
}

@media screen and (max-width: 1024px){
  .drivers-grid>div{
    grid-template-columns:repeat(auto-fill, minmax(33%, 1fr)) !important
  }

  .drivers-grid>div:not(:last-of-type){
    border-bottom:1px solid #E5E7EB;
    margin-bottom:20px
  }

  .drivers-grid>div span:first-of-type{
    grid-column:1 / span 3;
    margin-bottom:20px
  }

  .drivers-grid>div span:nth-of-type(2){
    text-align:left;
    grid-column:1 / span 1
  }

  .drivers-grid>div span:not(:first-of-type){
    padding-top:0 !important
  }
}

@media screen and (max-width: 640px){
  .drivers-grid>div{
    grid-template-columns:repeat(auto-fill, minmax(100%, 1fr)) !important
  }

  .drivers-grid>div:not(:last-of-type){
    padding-bottom:15px
  }

  .drivers-grid>div span:first-of-type{
    grid-column:1
  }

  .drivers-grid>div span:nth-of-type(3){
    text-align:left;
    grid-column:1
  }

  .drivers-grid>div span:not(:first-of-type){
    padding-top:0 !important
  }

  .drivers-grid>div span.edit-button{
    margin-bottom:25px
  }
}

.my-drivers-item-details{
  width:70%;
  margin-bottom:0 !important
}

.my-drivers-item-details-item{
  max-width:200px
}

@media screen and (max-width: 769px){
  .my-drivers-item-details-item{
    display:flex;
    justify-content:space-between;
    margin-bottom:1em;
    max-width:initial
  }
}

@media screen and (max-width: 769px){
  .my-drivers-item-car-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-end
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.root-page{
  width:100%;
  padding:0 1rem 1rem
}

.map-container{
  border-radius:1rem;
  overflow:hidden;
  height:245px;
  position:'absolute';
  top:0;
  left:0;
  right:0;
  bottom:0;
  justify-content:'flex-end';
  align-items:'center'
}

.ticket-details-container{
  margin:1rem 0;
  padding:1rem;
  box-shadow:0 3px 6px rgba(0,0,0,0.160784);
  border-radius:1em;
  background-color:#fff
}

@media screen and (min-width: 769px){
  .ticket-details-container .offer-input-container{
    max-width:700px
  }

  .ticket-details-container .offer-input-container .select:not(.is-multiple):not(.is-loading)::after{
    margin-top:0
  }
}

@media screen and (max-width: 769px){
  .ticket-details-container{
    margin-bottom:4rem
  }

  .ticket-details-container .offer-input-container .select{
    display:initial;
    width:100%
  }

  .ticket-details-container .offer-input-container .select select{
    margin-bottom:10px;
    width:100%
  }
}

@media screen and (max-width: 1024px){
  .ticket-details-container .ticket-details-location{
    min-width:48%
  }
}

.buttons-container-2{
  display:flex
}

@media screen and (max-width: 769px){
  .buttons-container-2{
    background-color:#fff;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    justify-content:center;
    justify-items:flex-start;
    justify-self:center;
    padding:1rem;
    z-index:5;
    flex-direction:column
  }
}

@media screen and (max-width: 769px){
  .button-mobile-option{
    margin:2px
  }
}

.map-container-div{
  position:'absolute';
  top:0;
  left:0;
  right:0;
  bottom:0;
  justify-content:'flex-end';
  align-items:'center'
}

/* purgecss end ignore */

/* purgecss start ignore */

.selected-filters-list{
  margin-bottom:1rem
}

.selected-filters-list .buttons-container{
  margin:0 -0.5em
}

.selected-filters-list .button{
  margin:0.25em 0.5em;
  border:1px solid #CCC;
  white-space:break-spaces;
  height:unset;
  padding:0.5em 0.75em;
  display:flex;
  align-items:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.order-view{
  max-width:1000px;
  margin:1rem;
  padding:1rem;
  box-shadow:0 3px 6px #00000029;
  border-radius:1em;
  background-color:white
}

.order-view .is-flex-1{
  flex:1
}

@media screen and (max-width: 769px){
  .order-view .is-flex-1{
    flex:unset
  }
}

.order-view .order-view-header{
  display:flex;
  align-items:center;
  justify-content:space-between
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-item{
  margin:0 0 0.5rem;
  padding:0.5rem
}

.chat-item.is-chat-selected{
  background-color:#F8C44F
}

.chat-item.is-chat-selected a{
  color:white;
  display:flex
}

.chat-item.with-opacity{
  opacity:0.5
}

.chat-item figure.chat-profile-picture{
  margin-left:0.5rem;
  margin-right:0.5rem;
  margin-bottom:0
}

.chat-list .chat-item-text{
  text-transform:uppercase
}

.chat-list .last-message-preview{
  font-size:0.8em;
  text-transform:none;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}

.chat-list .last-message-preview .time-passed{
  font-size:0.8em
}

.chat-list .nickname{
  text-decoration:underline
}

.chat-list .chat-item{
  width:100%
}

.chat-list .chat-item a{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:left;
  width:100%;
  color:black;
  min-height:50px;
  padding:0rem 1.25rem
}

.chat-list .chat-item a .chat-item-text{
  margin-right:20px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1;
  display:flex;
  flex-direction:column
}

.chat-list .chat-item svg{
  justify-self:flex-end
}

.chat-list .chat-item .tag{
  background-color:transparent;
  color:#2562FF;
  width:2rem;
  height:2rem;
  border-radius:25px;
  border:2px solid #2562FF;
  font-size:0.8rem
}

.chat-list .with-opacity{
  opacity:0.5
}

.chat-list .box{
  border-radius:8px;
  margin-bottom:0.8rem;
  padding:1.25rem 0rem
}

.chat-list .box .box-addresses{
  font-weight:bold;
  font-size:1.15rem !important;
  margin-bottom:3px
}

.chat-list .box .box-date{
  margin-bottom:0.4rem
}

.chat-list .circle{
  width:1.7rem;
  height:1.7rem
}

.chat-list .unread-messages{
  font-size:0.8em;
  margin-right:0.5em
}

/* purgecss end ignore */

/* purgecss start ignore */

.profile-picture.chat-profile-picture{
  width:2.5rem;
  height:2.5rem;
  border:0.1rem solid #e5e5e5;
  border-radius:50%;
  overflow:hidden;
  margin-left:0;
  margin-right:0
}

.profile-picture.chat-profile-picture img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}

/* purgecss end ignore */

/* purgecss start ignore */

.date-input-container label{
  margin-bottom:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1.2rem;
  font-weight:400
}

.date-input-container input{
  text-align:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.truck-features-container{
  display:flex;
  flex-flow:row nowrap;
  flex-grow:0;
  align-items:center
}

.truck-features-container .truck-feature{
  margin-right:15px;
  font-size:1.1rem;
  font-weight:600;
  border:solid 1px #fff
}

.truck-features-container .truck-feature.selected{
  color:#fff;
  background:#f1c40f;
  border:solid 1px #f1c40f
}

.truck-features-container .truck-feature:hover{
  border:solid 1px #f1c40f
}

.truck-features-container button{
  color:#363636
}

/* purgecss end ignore */

/* purgecss start ignore */

.load-models-container{
  display:flex;
  flex-flow:row nowrap;
  flex-grow:0;
  align-items:center
}

.load-models-container .load-model{
  margin-right:15px;
  font-size:1.1rem;
  font-weight:600;
  border:solid 1px #fff
}

.load-models-container .load-model.selected{
  color:#fff;
  background:#f1c40f;
  border:solid 1px #f1c40f
}

.load-models-container .load-model:hover{
  border:solid 1px #f1c40f
}

.load-models-container button{
  color:#363636
}

/* purgecss end ignore */

/* purgecss start ignore */

.add-available-truck-container{
  display:flex;
  flex-flow:column nowrap;
  align-self:center;
  margin:auto
}

.add-available-truck-container .vehicle-details-input-container,.add-available-truck-container .price-details-input-container,.add-available-truck-container .other-details-input-container{
  justify-content:center
}

.add-available-truck-container .vehicle-details-input-container .select,.add-available-truck-container .price-details-input-container .select,.add-available-truck-container .other-details-input-container .select{
  width:100%
}

.add-available-truck-container .vehicle-details-input-container .select select,.add-available-truck-container .price-details-input-container .select select,.add-available-truck-container .other-details-input-container .select select{
  width:100%
}

.add-available-truck-container h3.vehicle-details-title,.add-available-truck-container h3.price-details-title,.add-available-truck-container h3.other-details-title{
  margin-top:3em
}

.add-available-truck-container .truck-features-label,.add-available-truck-container .truck-load-preference-label{
  margin-top:2em;
  font-size:1.2rem;
  font-weight:400
}

.add-available-truck-container .truck-features,.add-available-truck-container .load-models{
  margin-top:10px
}

.add-available-truck-container .other-details-input-container .field:first-of-type{
  grid-column:1 / span 2
}

.add-available-truck-container .other-details-input-container .field:not(:first-of-type){
  grid-column:3 / span 2
}

@media screen and (max-width: 1024px){
  .add-available-truck-container .other-details-input-container .field:first-of-type{
    grid-column:1 / span 1
  }

  .add-available-truck-container .other-details-input-container .field:not(:first-of-type){
    grid-column:2 / span 1
  }
}

@media screen and (max-width: 769px){
  .add-available-truck-container .other-details-input-container .field:first-of-type{
    grid-column:1 / span 1
  }

  .add-available-truck-container .other-details-input-container .field:not(:first-of-type){
    grid-column:1 / span 1
  }
}

.gps-dropdown .select{
  width:100%
}

.gps-dropdown .select select{
  width:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.conference-account-link{
  word-break:break-all
}

.cv-container,.photo-container{
  display:flex;
  flex-direction:column;
  align-items:center
}

.cv-container .upload-container,.photo-container .upload-container{
  display:flex;
  flex-direction:column;
  align-items:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.profile-picture{
  border-radius:5rem;
  width:10rem;
  height:10rem;
  margin-bottom:1rem;
  overflow:hidden;
  border:0.25rem solid #e5e5e5
}

.profile-picture img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-message{
  flex:0 0 auto;
  max-width:80%;
  display:flex;
  align-items:flex-end;
  position:relative;
  color:white
}

.chat-message p{
  white-space:pre;
  word-wrap:break-word
}

.chat-message figure.profile-picture{
  position:absolute;
  margin-bottom:0;
  bottom:1rem;
  background-color:#0a0a0a
}

.chat-message .message-container{
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.chat-message .message-container .message-text{
  margin-bottom:0.5rem;
  white-space:pre-line;
  word-break:break-word;
  background-color:#0a0a0a;
  color:white
}

.chat-message .message-container .username-text{
  font-size:smaller;
  color:black
}

.chat-message.is-own-message{
  align-self:flex-end;
  flex-direction:row-reverse
}

.chat-message.is-own-message .message-container{
  align-items:flex-end;
  margin-right:3rem
}

.chat-message.is-own-message .time-passed{
  text-align:right
}

.chat-message:not(.is-own-message){
  align-self:flex-start
}

.chat-message:not(.is-own-message) .message-container{
  margin-left:3rem
}

.chat-message .time-passed{
  font-size:.75rem;
  margin-bottom:1rem;
  color:black
}

.chat-message.is-own-message .chat-profile-picture{
  right:.25rem
}

.chat-message:not(.is-own-message) .chat-profile-picture{
  left:.25rem
}

.chat-message .message-file-container{
  display:flex;
  max-width:210px;
  flex-wrap:wrap
}

.chat-message .message-file-container .message-file{
  color:black;
  width:60px;
  text-overflow:ellipsis;
  overflow:hidden;
  height:60px;
  margin:5px 5px;
  box-shadow:0 3px 6px #00000029;
  padding:15px 5px 20px;
  border-radius:10px;
  font-size:0.8rem;
  background-color:#F4F4F4
}

.chat-message .message-file-container .message-file svg{
  color:black;
  opacity:0.6;
  width:100%;
  font-size:1.1rem
}

.chat-message.is-own-message .message-file-container{
  justify-content:flex-end
}

/* purgecss end ignore */

/* purgecss start ignore */

.send-message{
  display:flex;
  flex:0 1 1%;
  height:100%;
  padding:0.75rem;
  flex-direction:row;
  width:100%;
  align-items:center;
  justify-content:space-between
}

.send-message .content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:90%;
  position:relative;
  border:1px solid #707070A0;
  padding:calc(0.6em - 1px) calc(1.25em - 1px);
  border-radius:31px;
  box-shadow:0 3px 6px #00000029;
  overflow-x:hidden
}

.send-message .content .field{
  width:90%;
  margin-bottom:0
}

.send-message .content .files-upload .file-display-input-container{
  display:none !important
}

.send-message .content .files-upload .button{
  font-size:1.5rem;
  position:absolute;
  right:8px;
  top:calc(50% - 20px);
  background-color:transparent;
  color:black;
  padding:0.75rem;
  transform:rotate(-45deg);
  height:auto !important
}

.send-message .content .selected-files-to-upload{
  margin:0;
  display:flex;
  overflow-y:hidden;
  width:90%;
  overflow-x:auto
}

.send-message .content .selected-files-to-upload li{
  margin:2px 5px 15px 5px;
  box-shadow:0 3px 6px #00000029;
  padding:10px 10px 5px;
  position:relative;
  border-radius:10px;
  font-size:0.8rem;
  background-color:#F4F4F4
}

.send-message .content .selected-files-to-upload li a{
  position:absolute;
  right:-4px;
  top:-4px
}

.send-message .textarea{
  width:90%;
  box-shadow:none;
  border:none;
  resize:none;
  margin:10px 0 0
}

.send-message .textarea:not([rows]){
  min-height:40px;
  max-height:100px;
  height:40px
}

.send-message .textarea:focus{
  outline:none !important;
  border:none;
  box-shadow:none !important
}

.send-message .send-button{
  width:10%;
  color:white;
  border:none;
  margin-top:-7px;
  background-color:transparent;
  position:relative
}

.send-message .send-button:focus{
  outline:none !important;
  border:none;
  box-shadow:none !important
}

@media screen and (min-width: 980px){
  .send-message .send-button-text{
    color:white;
    background-color:#F8C44F;
    padding:0.5rem 1.75rem;
    border-radius:5px;
    font-weight:500
  }
}

@media screen and (max-width: 980px){
  .send-message{
    justify-content:space-between;
    align-items:center
  }

  .send-message .content{
    width:90%;
    margin-bottom:0;
    padding-bottom:0;
    border-radius:20px
  }

  .send-message .content .field{
    width:94%
  }

  .send-message .textarea{
    width:90%;
    background-color:transparent;
    margin:3px 0 0
  }

  .send-message .textarea:not([rows]){
    min-height:35px;
    max-height:100px;
    height:35px
  }

  .send-message .textarea:focus{
    outline:none !important;
    border:none;
    box-shadow:none !important
  }

  .send-message .send-button{
    width:10%;
    color:white;
    border:none;
    background-color:transparent;
    margin-top:0;
    font-size:1.3rem
  }

  .send-message .send-button:focus{
    outline:none !important;
    border:none;
    box-shadow:none !important
  }

  .send-message .send-button .send-button-text{
    display:none
  }

  .send-message .send-button .icon{
    display:initial
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.messages{
  grid-area:messages;
  overflow-y:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 0.5em 1em -0.125em rgba(10,10,10,0.1),0 0px 0 1px rgba(10,10,10,0.02);
  margin:24px 20px 0px;
  padding:0px 10px 20px;
  background-color:white;
  border-radius:5px
}

.messages .chat-message:not(.is-own-message) .message-text{
  background-color:#E4E6EB;
  color:#000000
}

.messages .chat-message figure.profile-picture{
  bottom:50%
}

.messages .notification{
  padding:1rem 2rem
}

.messages-list-container{
  flex:1;
  overflow:auto;
  display:flex;
  flex-direction:column
}

.messages-list-container::-webkit-scrollbar{
  display:none
}

.messages-list-container{
  -ms-overflow-style:none;
  scrollbar-width:none
}

.whatsapp_button{
  padding:5px 15px 5px;
  overflow:hidden;
  margin:10px 10px 0;
  width:auto;
  max-width:250px;
  border:1px solid #e9e9e9;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#4a4a4a
}

.whatsapp_button img{
  width:25px;
  height:25px;
  margin-right:15px
}

.whatsapp_button:hover{
  border:1px solid #707070A0;
  color:black
}

@media screen and (max-width: 980px){
  .messages{
    background-color:#ECECEC;
    box-shadow:none;
    margin:0;
    height:100%;
    align-self:flex-end;
    padding:0 10px
  }

  .messages .profile-picture.chat-profile-picture{
    display:none
  }

  .messages .first-child{
    padding:0 !important
  }

  .messages .chat-message .message-container{
    margin:0px
  }

  .messages .chat-message:nth-of-type(1){
    margin-top:10px
  }

  .messages .chat-message:not(.is-own-message) .message-text{
    background-color:#FFFFFF;
    color:#000000
  }

  .whatsapp_button{
    border:1px solid #707070A0;
    background:transparent;
    max-width:230px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-header{
  grid-area:chat-header;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:3.7rem 1rem 0rem;
  font-weight:600;
  font-size:1.5rem;
  color:black
}

.chat-header .button{
  display:none
}

.chat-header .chat-title{
  text-transform:uppercase;
  align-items:center;
  display:flex;
  flex-direction:row;
  margin-left:8px
}

@media screen and (max-width: 980px){
  .chat-header{
    background-color:#F8C44F;
    height:80px;
    padding:1rem;
    z-index:1
  }

  .chat-header .button{
    color:white;
    display:flex;
    background-color:#F8C44F
  }

  .chat-header .chat-title{
    margin-left:0
  }
}

.details-navbar{
  display:none
}

@media screen and (max-width: 980px){
  .details-navbar{
    display:flex;
    justify-content:unset;
    background-color:#D2D2D2
  }

  .details-navbar .chat-title{
    width:100%;
    justify-content:center
  }

  .details-navbar .button{
    background-color:transparent
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-details{
  height:100%;
  overflow-y:hidden;
  grid-area:chat-details;
  padding-top:20px
}

.chat-details .button{
  background-color:#0a0a0a;
  color:white
}

.chat-details .chat-scrollable-area{
  padding:0px 20px 0px 0px
}

@media screen and (max-width: 980px){
  .chat-details .chat-scrollable-area{
    padding:50px 20px
  }
}

.chat-details .company-details{
  background-color:white;
  padding:1.5rem;
  border-radius:5px
}

.chat-details .company-details .box{
  box-shadow:none;
  border-radius:0;
  padding-left:0
}

.chat-details .company-details .box:not(:last-child){
  border-bottom:2px solid #ECECEC
}

.chat-details .company-details .company-details-info{
  font-size:1.1em;
  color:#0a0a0a
}

.chat-details .button-ticket{
  display:flex;
  width:86%;
  margin:auto;
  padding:2.5rem 1rem;
  font-size:1.3rem;
  border-radius:13px;
  border:none;
  font-weight:600;
  color:black;
  background-color:white
}

.chat-details .button-ticket.not-assigned{
  background-color:#F8C44F
}

.chat-details .button-ticket.assigned{
  background-color:#54E662
}

.chat-details .files-upload{
  width:100%;
  align-items:center;
  margin-top:10px
}

.chat-details .files-upload .input{
  box-shadow:0 3px 6px rgba(0,0,0,0.160784);
  padding:2rem 4rem 2rem 1rem;
  height:50px;
  border-radius:25px;
  text-overflow:ellipsis
}

.chat-details .files-upload .input::-moz-placeholder{
  font-style:italic !important
}

.chat-details .files-upload .input::placeholder{
  font-style:italic !important
}

.chat-details .files-upload .file-display-input-container{
  flex:1;
  margin-bottom:0;
  position:relative
}

.chat-details .files-upload .input-label-container{
  position:absolute;
  right:5%;
  top:calc(50% - 17px);
  z-index:1;
  font-size:25px
}

.chat-details .files-upload .button{
  width:30%;
  color:#FFFFFF;
  border-radius:20px;
  padding:0.25rem 1rem;
  background-color:#2562FF;
  font-size:15px;
  margin-left:0.75em;
  border:none;
  height:50px
}

.chat-details .files-upload.has-file .button{
  background-color:#FF2525
}

@media screen and (max-width: 1400px){
  .chat-details .files-upload{
    display:flex;
    flex-direction:column
  }

  .chat-details .files-upload .file-display-input-container{
    width:100%
  }

  .chat-details .files-upload .button{
    width:60%;
    margin-left:auto;
    margin-top:10px
  }
}

@media screen and (max-width: 980px){
  .chat-details .files-upload .file-display-input-container{
    width:100%
  }

  .chat-details .files-upload .button{
    width:50%
  }
}

@media screen and (max-width: 420px){
  .chat-details .files-upload .button{
    width:70%;
    margin:10px auto 0px
  }
}

.chat-details .button-upload{
  background-color:transparent;
  border:none
}

.chat-details .button-upload:focus{
  outline:none !important;
  box-shadow:none !important
}

.chat-details .attachments-links .link-details{
  display:none !important
}

.chat-details .attachments-links a{
  border-bottom:none !important;
  padding:0;
  margin-bottom:5px;
  color:#2562FF;
  text-decoration:underline
}

.chat-details .attachments-links a strong{
  font-weight:400
}

.chat-details .attachments-links a:hover strong{
  font-weight:500
}

@media screen and (max-width: 980px){
  .chat-details{
    margin-bottom:10px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-company-details{
  margin-top:1rem;
  margin-bottom:0.75rem
}

.chat-company-details .chat-title,.chat-company-details .chat-header-title,.chat-company-details .company-title{
  font-weight:600;
  color:#000000
}

.chat-company-details .chat-header-title{
  font-size:1em
}

.chat-company-details .company-title{
  font-size:1.25em
}

.chat-company-details .chat-line{
  background-color:black;
  height:1px
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-list-header{
  grid-area:chat-list-header;
  display:flex;
  flex-direction:column;
  padding:3rem 1.5rem 2rem;
  font-size:1.5rem;
  font-weight:600 !important;
  border-right:1px solid rgba(0,0,0,0.1);
  color:#000000
}

@media screen and (max-width: 980px){
  .chat-list-header .chat-list-title{
    text-align:center;
    margin-bottom:10px
  }
}

.chat-list-header figure.profile-picture{
  width:2.5rem;
  height:2.5rem;
  border-radius:1.25rem;
  margin:0 0.5rem 0 0;
  border-width:1.5px
}

.chat-list-header .chat-filter{
  font-size:1.1rem;
  margin:8px 0px !important;
  font-weight:500
}

.chat-list-header .chat-input{
  width:100%;
  font-weight:500
}

.chat-list-header .chat-input .input{
  border-radius:25px;
  padding:0.7rem 1rem 0.7rem 2rem;
  font-size:1.1rem;
  height:3.5em
}

.chat-list-header .chat-input .input::-moz-placeholder{
  font-style:italic
}

.chat-list-header .chat-input .input::placeholder{
  font-style:italic
}

.input:focus,.textarea:focus,.select select:focus,.is-focused.input,.is-focused.textarea,.select select.is-focused,.input:active,.textarea:active,.select select:active,.is-active.input,.is-active.textarea,.select select.is-active{
  border-color:#F8C44F;
  box-shadow:0 0 0 0.125em rgba(248,196,79,0.4)
}

/* purgecss end ignore */

/* purgecss start ignore */

.chat-container{
  background:#ECECEC;
  border-top:1px solid rgba(0,0,0,0.1);
  height:100%;
  display:grid;
  overflow-y:auto;
  grid-template-areas:'chat-list-header chat-header chat-header chat-header' 'chat-list messages messages chat-details';
  grid-template-rows:60px 1fr;
  grid-template-columns:repeat(4, 25%);
  position:relative
}

.chat-container .ticket-list-item nav{
  display:none
}

.chat-nav-buttons{
  display:none
}

.chat-scrollable-area{
  height:100%;
  min-height:unset;
  overflow-y:auto;
  padding:0.75rem 20px
}

@media screen and (max-width: 980px){
  .chat-container{
    grid-template-areas:'chat-list-header chat-header chat-details' 'chat-list messages chat-details';
    grid-template-columns:repeat(3, 33.33%);
    width:300%;
    transform:translateX(0);
    transition:transform ease .25s
  }

  .chat-container.is-on-messages{
    transform:translateX(-33.33%)
  }

  .chat-container.is-on-chat-details{
    transform:translateX(-66.66%)
  }

  .chat-scrollable-area{
    padding-bottom:50px
  }
}

@media screen and (max-width: 980px){
  .chat-nav-buttons{
    display:flex;
    position:relative;
    background-color:#D2D2D2;
    height:80px;
    padding:1rem
  }

  .chat-back-button{
    margin-right:5px;
    width:40px;
    border:none;
    background-color:transparent
  }

  .chat-back-button .icon{
    width:1.7rem;
    height:1.7rem
  }

  .chat-info-button{
    width:30px;
    border:none
  }

  .chat-info-button .icon{
    width:2em;
    height:2.3rem;
    padding:5px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.profile-file-upload .profile-picture{
  margin-left:0
}

.profile-file-upload .button{
  color:rgba(0,0,0,0.7)
}

.profile-file-upload .files-upload.has-file .button{
  color:#FFFFFF
}

@media screen and (max-width: 400px){
  .profile-file-upload .files-upload{
    flex-direction:column
  }

  .profile-file-upload .files-upload .button{
    margin:10px 0 0;
    height:42px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.truck-search-container{
  padding-bottom:3.75rem;
  padding-top:4.125rem;
  background-color:#EBEBEB;
  height:100%
}

.truck-search-container .container{
  text-align:center;
  min-height:100vh;
  height:100%;
  position:relative
}

.truck-search-container .add-cargo-title{
  font-size:32px;
  padding-bottom:10px;
  clear:both;
  color:#24292e;
  font-weight:600;
  margin-top:24px;
  margin-bottom:15px;
  line-height:1.2
}

.truck-search-container .btn{
  display:inline-block;
  background-color:#003BFF;
  font-weight:bold;
  border-radius:0;
  margin-bottom:1.5rem;
  padding:0.7rem 1.1rem;
  font-size:20px;
  line-height:1.5;
  color:#FFFFFF
}

.truck-search-container p{
  margin-bottom:1.5em;
  font-size:16px;
  font-weight:400
}

.truck-search-container .form{
  max-width:600px;
  margin:auto
}

.truck-search-container .form .map{
  max-height:300px
}

.truck-search-container .form .map canvas{
  width:100% !important
}

.truck-search-container .form .route-distance{
  font-size:16px;
  font-weight:800;
  margin-top:10px;
  width:100%;
  text-align:end;
  margin-bottom:30px
}

.truck-search-container .form input{
  width:100%;
  color:#444;
  border:none;
  line-height:40px;
  font-size:16px
}

.truck-search-container .form input::-moz-placeholder{
  color:#444;
  opacity:0.7
}

.truck-search-container .form input::placeholder{
  color:#444;
  opacity:0.7
}

.truck-search-container .form .column{
  padding:0.75rem 0.75rem 0
}

.truck-search-container .form .autocomplete-input,.truck-search-container .form .input-date,.truck-search-container .form .input-number,.truck-search-container .form .input-note{
  background-color:#fff;
  border-radius:8px;
  padding:2px 16px;
  line-height:40px;
  margin-top:10px;
  margin-bottom:30px !important;
  box-shadow:0 3px 6px #00000029
}

.truck-search-container .form .autocomplete-input h3,.truck-search-container .form .input-date h3,.truck-search-container .form .input-number h3,.truck-search-container .form .input-note h3,.truck-search-container .form .autocomplete-input .publish-message,.truck-search-container .form .input-date .publish-message,.truck-search-container .form .input-number .publish-message,.truck-search-container .form .input-note .publish-message,.truck-search-container .form .autocomplete-input .input-label-container,.truck-search-container .form .input-date .input-label-container,.truck-search-container .form .input-number .input-label-container,.truck-search-container .form .input-note .input-label-container{
  display:none
}

.truck-search-container .form .autocomplete-input .places-autocomplete,.truck-search-container .form .input-date .places-autocomplete,.truck-search-container .form .input-number .places-autocomplete,.truck-search-container .form .input-note .places-autocomplete{
  margin-bottom:0 !important;
  width:100%
}

.truck-search-container .form .autocomplete-input .places-autocomplete input,.truck-search-container .form .input-date .places-autocomplete input,.truck-search-container .form .input-number .places-autocomplete input,.truck-search-container .form .input-note .places-autocomplete input{
  height:unset;
  padding:0;
  text-align:left
}

.truck-search-container .form .autocomplete-input input,.truck-search-container .form .input-date input,.truck-search-container .form .input-number input,.truck-search-container .form .input-note input{
  background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns= "http://www.w3.org/2000/svg" width= "50" height= "50" viewBox= "0 0 50 50"> <g id= "Location" transform= "translate(7.292 4.167)"> <path id= "Location-2" data-name= "Location" d= "M16.367,41.415A49.944,49.944,0,0,1,4.5,30.383,22.093,22.093,0,0,1,0,17.736,17.742,17.742,0,0,1,17.708,0h.069a17.718,17.718,0,0,1,17.64,17.754v.195c-.133,6.968-4.322,12.75-7.811,16.373a42.556,42.556,0,0,1-3.142,2.959,1.553,1.553,0,1,1-2.017-2.362,39.933,39.933,0,0,0,2.918-2.749c3.105-3.223,6.831-8.318,6.943-14.278A14.64,14.64,0,0,0,17.766,3.105h-.058a14.6,14.6,0,0,0-14.6,14.522A19,19,0,0,0,6.984,28.513a46.619,46.619,0,0,0,11.081,10.3,1.554,1.554,0,0,1-1.7,2.6Zm-5.4-23.469a1.555,1.555,0,0,1,3.111,0A3.629,3.629,0,1,0,17.7,14.319a1.552,1.552,0,1,1,0-3.1,6.729,6.729,0,1,1-6.739,6.729Z" /> </g> </svg>');
  background-position:center right;
  background-size:20px;
  background-repeat:no-repeat;
  box-shadow:none
}

.truck-search-container .form .autocomplete-input input:focus,.truck-search-container .form .input-date input:focus,.truck-search-container .form .input-number input:focus,.truck-search-container .form .input-note input:focus{
  outline:none
}

.truck-search-container .form .autocomplete-input .input-options,.truck-search-container .form .input-date .input-options,.truck-search-container .form .input-number .input-options,.truck-search-container .form .input-note .input-options{
  background-image:url('data:image/svg+xml;charset=UTF-8,<svg id="Iconly_Light-outline_Arrow_-_Right_Circle" data-name="Iconly/Light-outline/Arrow - Right Circle" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"> <g id="Arrow_-_Right_Circle" data-name="Arrow - Right Circle" transform="translate(3.333 36.666) rotate(-90)"> <path id="Arrow_-_Right_Circle-2" data-name="Arrow - Right Circle" d="M0,16.667A16.667,16.667,0,1,1,16.667,33.333,16.685,16.685,0,0,1,0,16.667Zm2.5,0A14.167,14.167,0,1,0,16.667,2.5,14.183,14.183,0,0,0,2.5,16.667Zm13.42,4.41-.141-.122L10,15.146a1.25,1.25,0,0,1,1.63-1.885l.141.121,4.9,4.919,4.9-4.919a1.248,1.248,0,0,1,1.627-.125l.141.12A1.252,1.252,0,0,1,23.458,15l-.122.141-5.785,5.809a1.251,1.251,0,0,1-1.631.122Z" transform="translate(0)"/> </g> </svg>');
  background-position:center right;
  background-size:20px;
  background-repeat:no-repeat
}

.truck-search-container .form .autocomplete-input .input-options:focus,.truck-search-container .form .input-date .input-options:focus,.truck-search-container .form .input-number .input-options:focus,.truck-search-container .form .input-note .input-options:focus{
  outline:none
}

.truck-search-container .form .label,.truck-search-container .form .load-options,.truck-search-container .form .order-details{
  font-size:16px;
  font-weight:500;
  margin-bottom:0;
  margin-top:0;
  text-align:left
}

.truck-search-container .form .load-options{
  position:relative
}

.truck-search-container .form .load-options,.truck-search-container .form .order-details{
  font-size:19px
}

.truck-search-container .form h3{
  font-size:20px;
  color:green;
  padding-bottom:1.5em;
  margin:10px 0
}

.truck-search-container .form h3 span{
  font-weight:bold
}

.truck-search-container .form .input-date:focus,.truck-search-container .form .input-number:focus,.truck-search-container .form .input-note:focus{
  outline:none
}

.truck-search-container .form .input-note{
  height:200px
}

.truck-search-container .form .note{
  width:100%;
  height:100%;
  resize:none;
  border:none;
  padding:15px 0;
  font-size:16px
}

.truck-search-container .form .note:focus{
  outline:none
}

.truck-search-container .form .button{
  background-color:#000;
  color:#fff;
  margin-top:40px;
  font-size:18px;
  padding:15px;
  font-weight:700;
  min-width:300px
}

.truck-search-container .form-display-none{
  display:none
}

@media screen and (min-width: 1024px){
  .truck-search-container .container{
    max-width:1140px !important
  }
}

@media screen and (max-width: 1024px){
  .truck-search-container .container{
    max-width:960px
  }
}

@media screen and (max-width: 769px){
  .truck-search-container .container{
    max-width:92%
  }

  .truck-search-container .container p{
    font-size:13px
  }

  .truck-search-container .container h3{
    font-size:15px
  }

  .truck-search-container .container .form input,.truck-search-container .container .form textarea{
    font-size:14px !important
  }

  .truck-search-container .container .form input::-moz-placeholder, .truck-search-container .container .form textarea::-moz-placeholder{
    font-size:14px !important
  }

  .truck-search-container .container .form input::placeholder,.truck-search-container .container .form textarea::placeholder{
    font-size:14px !important
  }

  .truck-search-container .container .form .autocomplete-input,.truck-search-container .container .form .input-date,.truck-search-container .container .form .input-number,.truck-search-container .container .form .input-note{
    margin-bottom:10px !important
  }

  .truck-search-container .container .form .places-autocomplete .field-body{
    width:100%
  }

  .truck-search-container .container .form .columns{
    width:100%;
    margin:0
  }

  .truck-search-container .container .form .columns .column{
    padding:0.75rem 0
  }

  .truck-search-container .container .form .columns .input-date,.truck-search-container .container .form .columns .input-number,.truck-search-container .container .form .columns .input-options{
    margin-bottom:10px !important
  }

  .truck-search-container .container .form .load-options,.truck-search-container .container .form .order-details{
    font-size:18px;
    margin-top:20px
  }

  .truck-search-container .container .form .button{
    font-size:16px;
    padding:10px
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.create-complaint-page{
  display:flex;
  flex-direction:column;
  max-width:768px;
  width:100%;
  margin:auto;
  padding:2rem 0
}

.create-complaint-page .form-complaint{
  border-bottom:2px solid #F1C40F
}

.create-complaint-page .form-complaint input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none
}

.create-complaint-page .files-upload .file-display-input-container,.create-complaint-page .files-upload .button{
  margin-top:0px !important
}

/* purgecss end ignore */

/* purgecss start ignore */

@media (min-width: 768px){
  .invoice{
    padding-left:80px;
    padding-right:80px
  }
}

.invoice-header{
  font-size:32px;
  font-weight:800;
  background-color:#003bff;
  color:white;
  padding:10px;
  margin:5px
}

.invoice-description{
  font-size:32px;
  font-weight:800;
  color:#24292e
}

.invoice-number{
  margin-top:10px
}

.invoice-number-input{
  background-color:black;
  color:white;
  padding:10px;
  font-size:16px
}

.invoice-number-button{
  background-color:#007bff;
  color:white;
  font-weight:600;
  font-size:16px;
  padding:21px;
  border-color:none !important;
  margin-left:5px
}

.input::-moz-placeholder{
  color:grey
}

.input::placeholder{
  color:grey
}

.textarea::-moz-placeholder{
  color:grey
}

.textarea::placeholder{
  color:grey
}

/* purgecss end ignore */

/* purgecss start ignore */

.invoice-form{
  scroll-behavior:smooth !important;
  overflow-y:auto;
  width:100vw;
  height:100vh;
  background-color:#fff
}

.invoice-qr{
  height:100px;
  width:100px
}

.invoice-title{
  border-bottom:2px solid black
}

.invoice-number{
  margin-top:40px
}

.table-border{
  border:2px solid black;
  padding:8px;
  margin-top:5px
}

.title-details{
  background-color:#f8c44f;
  padding:2px 10px;
  margin-bottom:3px;
  font-size:20px;
  font-weight:600
}

.container-invoice{
  background-color:white !important;
  color:black !important
}

/* purgecss end ignore */

/* purgecss start ignore */

.checkbox-container{
  display:flex;
  flex-direction:row;
  align-items:center;
  padding:1rem
}

.checkbox-container .icon{
  width:18px;
  height:18px;
  margin-right:8px;
  border:1px solid black
}

/* purgecss end ignore */

/* purgecss start ignore */

.document-entry-button{
  margin-left:20px;
  align-self:center
}

.document-entry-input{
  margin-top:10px;
  width:-moz-min-content;
  width:min-content
}

.document-entry-row{
  height:-moz-fit-content;
  height:fit-content;
  flex-direction:row
}

.document-entry-file-display{
  background-color:blue;
  align-self:center;
  width:-moz-fit-content;
  width:fit-content;
  margin-left:20px;
  flex-direction:column
}

/* purgecss end ignore */

/* purgecss start ignore */

.custom-dropdown-menu{
  position:absolute;
  z-index:600;
  background:white;
  margin-top:0.1em;
  box-shadow:0 3px 6px #00000029;
  max-width:430px;
  width:100%;
  border-radius:5px
}

.custom-dropdown-content{
  margin-top:0 !important;
  margin-left:0 !important;
  list-style:none !important;
  overflow:auto;
  max-height:400px
}

.custom-dropdown-content>.field{
  margin-bottom:0
}

.custom-dropdown-content li{
  padding:1em
}

.custom-dropdown-content li:hover{
  color:white;
  cursor:pointer;
  background-color:#f8c44f
}

.custom-dropdown-content li.disabled-item{
  opacity:0.3;
  pointer-events:none
}

.custom-dropdown-search{
  border:none !important;
  border-bottom:1px solid #ECECEC !important;
  border-radius:0 !important
}

@media screen and (max-width: 400px){
  .custom-dropdown-menu{
    width:92%
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.order-status-dropdown-container .dropdown-anchor{
  width:140px;
  border-radius:4px;
  border:1px solid #ccc;
  height:36px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-right:8px;
  cursor:pointer;
  padding:0 8px
}

.order-status-dropdown-container .dropdown-anchor.is-updating{
  pointer-events:none;
  color:#ccc;
  border-color:#eee
}

.order-status-dropdown-container .order-status-dropdown{
  width:200px;
  margin-top:1rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.modal.is-active{
  z-index:1000000
}

@keyframes slideInRight{
  from{
    transform:translate3d(100%, 0, 0);
    visibility:visible
  }

  to{
    transform:translate3d(0, 0, 0)
  }
}

.fix-select .select{
  display:block
}

.slideInRight{
  animation-name:slideInRight
}

.sidebar-root{
  box-shadow:0 4px 7px #00000040;
  width:660px !important;
  height:100% !important;
  max-height:100% !important;
  min-height:100% !important;
  margin:0 0 0 0 !important;
  position:absolute !important;
  right:0 !important;
  background-color:white !important;
  animation-duration:250ms;
  animation-fill-mode:both
}

.overflow-x-hidden{
  overflow-x:hidden
}

.horizontal-separator{
  min-height:1px;
  max-height:1px;
  background-color:#4b5563;
  opacity:0.1
}

.vertical-separator{
  min-width:1px;
  max-width:1px;
  background-color:#4b5563;
  opacity:0.4
}

.sidebar-open{
  transform:translateX(0) !important;
  right:660px
}

.modal-background{
  background-color:#374151 !important;
  opacity:0.2 !important
}

.modal-close{
  top:10px !important;
  background-color:#d1d5db !important;
  transition:background-color 200ms
}

.modal-close:hover{
  background-color:#9ca3af !important
}

.sticky-bottom{
  position:sticky;
  bottom:0;
  background-color:#fff
}

.h-100{
  height:100%
}

@media screen and (max-width: 769px){
  .bid-prev-buttons{
    width:70%
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.loads-pagination{
  justify-content:center;
  align-self:center;
  margin-bottom:10px;
  align-items:center
}

.loads-pagination li{
  list-style:none
}

.loads-pagination ul{
  margin-top:10px
}

.loads-pagination ul:not(:last-child){
  margin-bottom:0.25rem
}

.loads-pagination .pagination-link.is-current{
  background-color:transparent;
  color:#000000;
  font-weight:bold;
  border-color:#000000
}

.loads-pagination .pagination-link:hover{
  color:#000000;
  font-weight:bold
}

.loads-pagination .pagination-list{
  display:flex;
  justify-content:center;
  margin-left:0
}

.loads-pagination .pagination-dots{
  font-size:1.5rem;
  letter-spacing:2px
}

.loads-pagination .pagination-previous{
  order:initial
}

.loads-pagination .pagination-next,.loads-pagination .pagination-previous{
  margin-top:calc(0.25rem + 10px)
}

.loads-pagination .pagination-link,.loads-pagination .pagination-next,.loads-pagination .pagination-previous{
  height:3rem;
  min-width:3rem
}

@media screen and (max-width: 768px){
  .loads-pagination{
    margin-bottom:10px
  }

  .loads-pagination .hide-page{
    display:none
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.company-document{
  min-width:12.5rem
}

/* purgecss end ignore */

/* purgecss start ignore */

.user-row.is-active{
  background-color:#FFF
}

.user-row.is-inactive{
  background-color:#F3F1F5
}

.user-row.is-blocked{
  background-color:#ED7575
}

.user-row.is-black-list{
  background-color:#ED7575
}

.user-row.is-pending{
  background-color:#ED7575
}

/* purgecss end ignore */

/* purgecss start ignore */

.admin-table-radio{
  margin-left:1.25rem !important
}

.table-user-list{
  padding:9px 0;
  align-items:center
}

.table-user-list:not(:last-child){
  border-bottom:1px solid #A8A8A8
}

.company-gps-device{
  border-bottom:1px solid #DBDBDB
}

/* purgecss end ignore */

/* purgecss start ignore */

.modal.is-active{
  z-index:1000000
}

@keyframes slideInRight{
  from{
    transform:translate3d(100%, 0, 0);
    visibility:visible
  }

  to{
    transform:translate3d(0, 0, 0)
  }
}

.slideInRight{
  animation-name:slideInRight
}

.sidebar-root{
  box-shadow:0 4px 7px #00000040;
  width:660px !important;
  height:100% !important;
  max-height:100% !important;
  min-height:100% !important;
  margin:0 0 0 0 !important;
  position:absolute !important;
  right:0 !important;
  background-color:white !important;
  animation-duration:250ms;
  animation-fill-mode:both
}

.overflow-x-hidden{
  overflow-x:hidden
}

.horizontal-separator{
  min-height:1px;
  max-height:1px;
  background-color:#4b5563;
  opacity:0.1
}

.vertical-separator{
  min-width:1px;
  max-width:1px;
  background-color:#4b5563;
  opacity:0.4
}

.sidebar-open{
  transform:translateX(0) !important;
  right:660px
}

.modal-background{
  background-color:#374151 !important;
  opacity:0.2 !important
}

.modal-close{
  border:1px solid black !important;
  background-color:#FFFFFF !important;
  transition:background-color 200ms
}

.modal-close::before,.modal-close::after{
  background-color:#000000 !important
}

.modal-close:hover{
  background-color:#f3f4f6 !important
}

.sticky-bottom{
  position:sticky;
  bottom:0;
  background-color:#fff
}

.h-100{
  height:100%
}

/* purgecss end ignore */

/* purgecss start ignore */

.load .details{
  display:flex;
  flex-direction:column
}

/* purgecss end ignore */

/* purgecss start ignore */

.tickets-filters-container{
  display:flex;
  flex-direction:column;
  max-width:100%;
  width:100%;
  padding:0 0 1rem;
  background:transparent;
  border-radius:7px 0 0 7px;
  flex-wrap:wrap;
  margin-bottom:15px
}

@media screen and (max-width: 700px){
  .tickets-filters-container{
    display:flex
  }
}

.tickets-filters-container .places-autocomplete-filters-container{
  width:40%;
  min-width:500px
}

.tickets-filters-container .places-autocomplete-filters-container .places-autocomplete,.tickets-filters-container .places-autocomplete-filters-container .range-desktop{
  width:53%;
  min-width:230px;
  margin:0px 10px
}

.tickets-filters-container .places-autocomplete-filters-container .places-autocomplete .field-body,.tickets-filters-container .places-autocomplete-filters-container .range-desktop .field-body{
  width:100%
}

.tickets-filters-container .places-autocomplete-filters-container .places-autocomplete .input,.tickets-filters-container .places-autocomplete-filters-container .range-desktop .input{
  text-align:left;
  font-size:1rem;
  font-weight:400;
  margin-bottom:0;
  color:#18181A;
  border:none
}

.tickets-filters-container .places-autocomplete-filters-container .places-autocomplete .input::-moz-placeholder, .tickets-filters-container .places-autocomplete-filters-container .range-desktop .input::-moz-placeholder{
  color:#18181A
}

.tickets-filters-container .places-autocomplete-filters-container .places-autocomplete .input::placeholder,.tickets-filters-container .places-autocomplete-filters-container .range-desktop .input::placeholder{
  color:#18181A
}

.tickets-filters-container .places-autocomplete-filters-container .filter-input-load img{
  transform:rotate(90deg)
}

.tickets-filters-container .places-autocomplete-filters-container .filter-input-unload img{
  width:30px;
  height:30px;
  transform:rotate(270deg)
}

.tickets-filters-container .places-autocomplete-filters-container .input-without-label{
  min-width:230px;
  width:44%;
  margin:0px 10px
}

.tickets-filters-container .places-autocomplete-filters-container .input-without-label .input{
  padding-left:30px
}

.tickets-filters-container .places-autocomplete-filters-container .input-without-label .input::-moz-placeholder{
  color:#18181A
}

.tickets-filters-container .places-autocomplete-filters-container .input-without-label .input::placeholder{
  color:#18181A
}

.tickets-filters-container .places-autocomplete-filters-container .input-without-label .select{
  display:flex
}

.tickets-filters-container .places-autocomplete-filters-container .range{
  width:100%
}

.tickets-filters-container .places-autocomplete-filters-container .range-label{
  margin:10px 0px
}

@media screen and (max-width: 769px){
  .tickets-filters-container .places-autocomplete-filters-container{
    width:100%;
    min-width:100%
  }

  .tickets-filters-container .places-autocomplete-filters-container .places-autocomplete,.tickets-filters-container .places-autocomplete-filters-container .input-without-label,.tickets-filters-container .places-autocomplete-filters-container .range-mobile{
    width:100%;
    min-width:100%;
    margin:0px 10px 20px
  }
}

.tickets-filters-container .places-autocomplete-filters-container.mini{
  width:20%;
  min-width:230px;
  flex-direction:row;
  flex-wrap:wrap;
  display:flex
}

.tickets-filters-container .places-autocomplete-filters-container.mini .input-without-label{
  width:100%;
  margin:0px 10px
}

@media screen and (max-width: 1600px){
  .tickets-filters-container .places-autocomplete-filters-container.mini{
    min-width:100%;
    justify-content:flex-start
  }

  .tickets-filters-container .places-autocomplete-filters-container.mini .input-without-label{
    width:480px;
    margin:0px 10px 20px
  }
}

.tickets-filters-container .truck-details-filters{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-right:1rem
}

.tickets-filters-container .weight-volume-filters{
  display:flex;
  margin:0 auto
}

.tickets-filters-container .weight-volume-filters input{
  width:75px;
  margin-right:1em
}

.tickets-filters-container .weight-volume-filters .is-small.input{
  border-radius:0
}

.tickets-filters-container .tags-filters{
  font-size:1.1rem;
  margin:5px 2rem 5px 10px;
  color:#18181A;
  display:flex
}

.tickets-filters-container .tags-filters label{
  margin-right:10px;
  margin-left:5px
}

.tickets-filters-container .tags-filters .checkbox input{
  margin-right:5px
}

.tickets-filters-container .tags-filters input[type=checkbox]{
  transform:scale(1.4);
  padding:10px;
  outline:none
}

.tickets-filters-container .tags-filters span{
  cursor:pointer;
  color:white;
  width:75px;
  padding:0.25rem 1.2rem
}

.tickets-filters-container .tags-filters .blue-tag{
  background-color:#2562FF
}

.tickets-filters-container .truck-features-filters{
  font-size:1rem;
  font-weight:500;
  margin-bottom:1rem;
  margin-top:1rem;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  color:#18181A
}

.tickets-filters-container .truck-features-filters span{
  cursor:pointer;
  margin-right:1em;
  white-space:nowrap
}

.tickets-filters-container .truck-features-filters span:last-child{
  margin-right:10px
}

.tickets-filters-container .truck-types-container{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:1.25rem;
  margin-right:1rem
}

.tickets-filters-container .truck-types-container .button{
  width:106px;
  margin-top:0.5rem;
  padding-left:0;
  padding-right:0
}

.tickets-filters-container .truck-types-container .button:last-child{
  margin-right:0
}

.tickets-filters-container .search-button{
  background-color:black;
  max-width:106px;
  margin-left:auto;
  margin-right:1rem
}

.tickets-filters-container .feature{
  background-color:#e5e7eb;
  opacity:0.8;
  padding:4px 12px;
  border-radius:50px;
  line-height:2rem
}

.tickets-filters-container .feature.active-feature{
  font-weight:bold;
  background-color:#ffc019;
  opacity:1
}

.tickets-filters-container .active-model{
  color:black !important;
  background-color:#f8c44f !important
}

.show-filters{
  display:flex
}

.select:after{
  border-color:#000000 !important
}

.dropdown{
  display:block
}

.dropdown .dropdown-menu a{
  padding:6px 30px;
  font-size:0.94rem
}

.mobile-close{
  display:none
}

@media screen and (max-width: 1200px){
  .mobile-close{
    display:flex;
    justify-content:flex-end;
    font-size:1.3rem;
    padding:1.5rem
  }
}

.filters-last-row{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start
}

@media screen and (max-width: 1600px){
  .filters-last-row .truck-features-filters{
    margin-left:15px
  }
}

@media screen and (max-width: 1124px){
  .filters-last-row{
    flex-direction:column
  }

  .filters-last-row .truck-features-filters{
    justify-content:start
  }
}

@media screen and (max-width: 769px){
  .filters-last-row{
    justify-content:center
  }

  .filters-last-row .truck-features-filters{
    justify-content:center
  }
}

.filter-input-container{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  width:100%
}

.filter-input-container-middle{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between
}

@media screen and (min-width: 769px){
  .range-mobile{
    display:none
  }

  .range-desktop{
    width:53% !important
  }

  .range-desktop .places-autocomplete{
    width:98% !important
  }
}

@media screen and (max-width: 769px){
  .filter-input-container{
    flex-direction:column;
    justify-content:center
  }

  .filter-input-container-middle{
    flex-direction:column !important
  }

  .places-autocomplete-filters-container.mini{
    justify-content:space-between !important
  }

  .mobile-order-data{
    order:1
  }

  .mobile-order-range{
    order:2
  }

  .range-desktop{
    display:none
  }

  .tickets-filters-container .tags-filters{
    margin:5px auto
  }
}

.focus-className{
  background-color:transparent !important
}

/* purgecss end ignore */

/* purgecss start ignore */

.status-container{
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-bottom:25px
}

.status-container .label{
  font-size:1.2rem;
  margin:0 10px 0 0
}

.status-container .multi-select{
  max-width:100%;
  width:100%
}

.status-container .multi-select:focus-visible{
  outline:none !important
}

.status-container .option-row{
  height:100% !important
}

@media screen and (max-width: 769px){
  .status-container{
    flex-direction:column;
    align-items:start
  }

  .status-container .label{
    font-size:1rem;
    margin:10px 0
  }

  .status-container .multi-select{
    max-width:100%;
    width:100%
  }

  .status-container .multi-select .css-13jmfyo-multiValue{
    min-width:auto !important
  }

  .status-container .multi-select .css-g1d714-ValueContainer{
    display:flex;
    flex-direction:row;
    width:100%;
    overflow:hidden;
    overflow-x:auto;
    flex-wrap:nowrap
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.places-autocomplete{
  width:450px;
  max-width:100%
}

.places-autocomplete input{
  width:450px
}

.places-autocomplete>.field{
  display:flex;
  align-items:center
}

.places-autocomplete .input-label-container{
  position:absolute;
  z-index:30;
  display:flex;
  align-items:center;
  margin-left:1.5rem
}

.places-autocomplete .input-label-container .label{
  margin-left:1em;
  font-size:1.3rem;
  font-weight:500;
  margin-bottom:0
}

.places-autocomplete .places-image-right{
  width:30px;
  height:30px;
  min-width:25px
}

.places-autocomplete .places-image-right.flip-horizontal{
  transform:scaleX(-1)
}

.places-autocomplete .places-image-left{
  width:30px;
  height:30px;
  min-width:25px
}

.places-autocomplete .places-image-left.flip-horizontal{
  transform:scaleX(-1)
}

@media screen and (max-width: 1025px){
  .places-autocomplete .places-image-left{
    width:22px;
    height:22px;
    min-width:22px
  }
}

.places-autocomplete-container{
  max-width:450px;
  min-width:250px;
  margin-right:2em
}

.places-autocomplete .input{
  display:flex;
  text-align:center;
  width:100%
}

.places-autocomplete .suggestions-dropdown-menu{
  position:absolute;
  z-index:600;
  background:white;
  margin-top:0.1em;
  box-shadow:0 3px 6px #00000029;
  max-width:430px;
  width:100%;
  border-radius:5px
}

.places-autocomplete .suggestions-dropdown-content{
  margin-top:0;
  margin-left:0;
  list-style:none
}

.places-autocomplete .suggestions-dropdown-content li{
  padding:1em
}

.places-autocomplete .suggestions-dropdown-content li:hover{
  color:white;
  cursor:pointer;
  background-color:#f8c44f
}

@media screen and (max-width: 400px){
  .places-autocomplete .suggestions-dropdown-menu{
    width:92%
  }
}

@media screen and (max-width: 520px){
  .places-autocomplete input{
    width:300px
  }
}

.not-empty>.field{
  display:initial !important
}

.not-empty label{
  margin-left:0 !important
}

.not-empty .input-label-container{
  margin-left:1em !important
}

.not-empty .places-image-right,.not-empty .places-image-left{
  width:0 !important;
  height:0 !important
}

/* purgecss end ignore */

/* purgecss start ignore */

.filters-input-container-middle{
  display:flex;
  flex-flow:row nowrap;
  justify-content:space-between
}

@media screen and (max-width: 769px){
  .filters-input-container-middle{
    flex-direction:column
  }
}

.filters-input-container-middle:not(:first-child){
  margin-top:0
}

/* purgecss end ignore */

/* purgecss start ignore */

.tickets-container{
  width:100%;
  border-radius:10px;
  margin-bottom:1rem;
  padding-top:1.5rem
}

.tickets-container .card-content{
  padding-top:0
}

@media screen and (max-width: 1200px){
  .tickets-container{
    margin-top:20px
  }
}

@media screen and (min-width: 769px){
  .all-tickets-container .container{
    padding-right:0
  }
}

@media screen and (max-width: 769px){
  .all-tickets-container .page-content{
    padding-left:0;
    padding-right:0
  }

  .all-tickets-container h2.title{
    font-size:1.7rem
  }
}

@media screen and (max-width: 1200px){
  .tickets-filters-container{
    max-width:100%;
    width:100%;
    transition:transform 400ms;
    position:relative;
    z-index:1000
  }

  .tickets-filters-container.show-filters{
    transition:transform 400ms;
    transform:translateX(93%)
  }
}

@media screen and (max-width: 756px){
  .tickets-filters-container{
    max-width:100%;
    margin-left:-10px
  }

  .tickets-filters-container.show-filters{
    transform:translateX(-2.5rem) !important
  }
}

.placeholder{
  background-color:#f8c44f;
  border-radius:10px;
  color:white;
  padding:0.25rem
}

.date-picker-loads-container{
  display:flex;
  flex-direction:column;
  margin-bottom:1em
}

.show-filters.date-picker-loads-container .date-picker-loads{
  margin-right:1rem
}

@media screen and (max-width: 700px){
  .date-picker-loads{
    align-self:flex-start
  }
}

#__range-picker-container .calendar.visible{
  z-index:1000
}

.filters-action-container{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap
}

@media screen and (max-width: 1200px){
  .filters-action-container{
    display:none
  }
}

.filters-action-container-mobile{
  display:none
}

@media screen and (max-width: 1200px){
  .filters-action-container-mobile{
    display:flex;
    justify-content:left;
    width:100%;
    margin:auto
  }
}

.filters-buttons-mobile{
  display:none
}

.filters-buttons-mobile .button{
  margin:0px 10px 10px
}

@media screen and (max-width: 1200px){
  .filters-buttons-mobile{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    width:98%;
    margin:auto
  }
}

@media screen and (max-width: 1200px){
  .hide-filters{
    display:none !important
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.loader-container{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.reply-line{
  background:silver;
  height:1px
}

.td-text{
  width:200px
}

/* purgecss end ignore */

/* purgecss start ignore */

.reply-line{
  background:silver;
  height:1px
}

/* purgecss end ignore */

/* purgecss start ignore */

.assigned-order-item .details-container-with-vat{
  width:200px
}

.assigned-order-item .column-information{
  align-items:center
}

.assigned-order-item .column-information .details-container{
  width:180px
}

.assigned-order-item .column-information .details-container-with-vat{
  width:200px
}

@media screen and (max-width: 769px){
  .assigned-order-item .column-information{
    flex-direction:column;
    align-items:start !important
  }

  .assigned-order-item .column-information .details-container{
    width:100% !important;
    flex-direction:column
  }
}

@media screen and (max-width: 769px){
  .assigned-order-item .order-button{
    background-color:#0a0a0a;
    border-color:transparent;
    color:white
  }
}

.assigned-order-item .d-none{
  display:none
}

.assigned-order-item .media-content{
  overflow-x:inherit !important
}

/* purgecss end ignore */

/* purgecss start ignore */

.route-location-container{
  display:flex;
  flex-flow:column nowrap;
  justify-content:flex-start
}

.route-location-container .places-label{
  margin-bottom:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1.2rem;
  font-weight:400
}

.route-location-container .places-autocomplete input{
  text-align:left;
  padding-left:80px;
  font-weight:600;
  margin-bottom:0
}

.route-location-container .places-autocomplete .input-label-container{
  transform:scale(0.4);
  margin:0
}

/* purgecss end ignore */

/* purgecss start ignore */

.add-route-container{
  display:flex;
  flex-flow:column nowrap;
  max-width:1216px;
  align-self:center;
  margin:auto;
  padding:50px 100px
}

.add-route-container .route-location-date-group{
  display:grid;
  grid-gap:1em;
  grid-template-columns:2fr 1fr 30px;
  align-items:center;
  margin-bottom:1em
}

.add-route-container .route-location-date-group .places-autocomplete{
  width:unset
}

.add-route-container .route-location-date-group .remove-route-entry-button{
  margin-top:25px;
  height:30px;
  padding:0;
  font-weight:600;
  font-size:2rem
}

.add-route-container .add-route-details-container{
  display:grid;
  grid-template-rows:auto auto;
  grid-template-columns:repeat(5, 1fr);
  grid-gap:15px;
  justify-content:center
}

.add-route-container .add-route-details-container label{
  margin-bottom:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1.2rem;
  font-weight:400
}

.add-route-container .add-route-details-container [disabled]{
  background:#ededed;
  border:solid 1px #b5b5b5
}

.add-route-container h3.add-route-title,.add-route-container h3.add-route-details-title{
  margin-top:3em
}

.add-route-container .truck-load-preference-label{
  font-size:1.2rem;
  font-weight:400
}

.add-route-container .load-models{
  margin-top:10px;
  margin-bottom:1.5em
}

.add-route-container .add-new-destination{
  margin-top:1em;
  border:solid 1px #fff;
  font-size:1.1rem;
  font-weight:600
}

.add-route-container .add-new-destination:hover{
  border:solid 1px #f1c40f
}

.add-route-container .add-new-destination:focus:not(:active){
  color:#363636;
  border:solid 1px #fff;
  box-shadow:none
}

.add-route-container .add-new-destination:focus:hover{
  color:#f1c40f;
  border:solid 1px #f1c40f
}

.add-route-container .add-route-submit-section{
  margin-top:3em;
  display:flex;
  flex-flow:row nowrap;
  font-size:1.1rem;
  font-weight:600;
  align-items:center;
  justify-content:flex-end
}

.add-route-container .add-route-submit-section .submit-error,.add-route-container .add-route-submit-section .submit-success{
  margin-right:20px;
  margin-bottom:0
}

.add-route-container .add-route-submit-section .submit-error{
  color:#e74c3c
}

.add-route-container .add-route-submit-section .submit-success{
  color:#2ecc71
}

.add-route-container button{
  color:#363636
}

/* purgecss end ignore */

/* purgecss start ignore */

.create-truck{
  font-family:'Poppins', sans-serif
}

.create-truck .main-container{
  display:flex;
  flex-direction:column;
  justify-content:flex-start
}

.create-truck .availableTime{
  width:100%;
  margin-left:1rem
}

.create-truck .containerType{
  width:100%;
  margin-bottom:1rem
}

.create-truck .time-range-input{
  display:flex;
  align-items:center;
  justify-content:space-evenly;
  flex-direction:column
}

@media screen and (min-width: 769px){
  .create-truck .time-range-input{
    display:flex;
    flex-direction:row
  }
}

.create-truck .checkbox-container{
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center
}

.create-truck .radio{
  font-weight:bold;
  display:flex
}

.create-truck .other-details{
  justify-content:space-evenly;
  margin-top:1rem;
  width:100%
}

.create-truck .other-details .textarea{
  width:100%
}

.create-truck .main-title{
  color:black
}

.create-truck .price-container{
  flex-direction:row;
  display:flex;
  align-items:flex-end
}

.create-truck .price-container .checkbox-container{
  display:flex;
  padding:0;
  margin-left:1rem;
  align-items:flex-start;
  text-align:center
}

/* purgecss end ignore */

/* purgecss start ignore */

.addresses-inputs,.addresses-inputs-mobile{
  width:120%
}

.addresses-inputs .input,.addresses-inputs-mobile .input{
  text-align:left;
  font-size:1.3rem;
  font-weight:600;
  color:#363636
}

.addresses-inputs .input::-moz-placeholder, .addresses-inputs-mobile .input::-moz-placeholder{
  font-size:1.3rem;
  font-weight:600;
  display:inline-block;
  color:#363636
}

.addresses-inputs .input::placeholder,.addresses-inputs-mobile .input::placeholder{
  font-size:1.3rem;
  font-weight:600;
  display:inline-block;
  color:#363636
}

.addresses-inputs :last-child .places-autocomplete img,.addresses-inputs-mobile :last-child .places-autocomplete img{
  transform:scaleX(-1)
}

.react-dropdown-select-input::-moz-placeholder{
  font-size:1rem
}

.react-dropdown-select-input::placeholder{
  font-size:1rem
}

.places-autocomplete{
  width:100%
}

.places-autocomplete .input{
  font-size:1rem
}

.places-autocomplete .input::-moz-placeholder{
  font-size:1rem
}

.places-autocomplete .input::placeholder{
  font-size:1rem
}

.places-autocomplete .icon img{
  width:24px;
  height:24px
}

.scroller{
  height:110px;
  overflow-y:scroll;
  scroll-snap-type:y mandatory
}

.scroller section{
  margin-top:10px;
  scroll-snap-align:start
}

@media screen and (max-width: 1200px){
  .time-range-input,.addresses-inputs{
    width:50%
  }

  .is-flex-tablet{
    flex-wrap:wrap
  }
}

@media screen and (max-width: 769px){
  .create-ticket .time-range-input{
    margin:0px
  }

  .create-ticket .places-autocomplete,.create-ticket .time-range-input,.create-ticket .addresses-inputs{
    width:100%
  }

  .create-ticket .places-autocomplete .field-body,.create-ticket .places-autocomplete .field,.create-ticket .time-range-input .field-body,.create-ticket .time-range-input .field,.create-ticket .addresses-inputs .field-body,.create-ticket .addresses-inputs .field{
    width:100%
  }

  .create-ticket .places-autocomplete .field-body .input,.create-ticket .places-autocomplete .field .input,.create-ticket .time-range-input .field-body .input,.create-ticket .time-range-input .field .input,.create-ticket .addresses-inputs .field-body .input,.create-ticket .addresses-inputs .field .input{
    font-size:14px
  }

  .create-ticket .places-autocomplete .field-body .input::-moz-placeholder, .create-ticket .places-autocomplete .field .input::-moz-placeholder, .create-ticket .time-range-input .field-body .input::-moz-placeholder, .create-ticket .time-range-input .field .input::-moz-placeholder, .create-ticket .addresses-inputs .field-body .input::-moz-placeholder, .create-ticket .addresses-inputs .field .input::-moz-placeholder{
    font-size:14px
  }

  .create-ticket .places-autocomplete .field-body .input::placeholder,.create-ticket .places-autocomplete .field .input::placeholder,.create-ticket .time-range-input .field-body .input::placeholder,.create-ticket .time-range-input .field .input::placeholder,.create-ticket .addresses-inputs .field-body .input::placeholder,.create-ticket .addresses-inputs .field .input::placeholder{
    font-size:14px
  }
}

.places-autocomplete .field-body{
  width:100%
}

.button-confirm-status[disabled]{
  opacity:1 !important;
  background-color:#ffc019B0 !important
}

/* purgecss end ignore */

/* purgecss start ignore */

.my-driver-list-container,.my-trucks-list-container{
  margin-bottom:2rem
}

.my-driver-list-container .card-content,.my-trucks-list-container .card-content{
  padding:1.5rem 0;
  margin-left:1rem;
  overflow:hidden;
  overflow-x:auto;
  width:calc(100% - 2rem)
}

.my-list-item p{
  word-wrap:break-word
}

.my-list-item-details{
  width:80%;
  display:flex;
  flex-wrap:wrap;
  margin-bottom:2em;
  justify-content:space-between
}

@media screen and (max-width: 769px){
  .my-list-item-details{
    width:100% !important
  }
}

.my-list-item .modify-truck{
  display:flex;
  align-items:flex-end
}

.my-list-item .my-list-item-edit,.my-list-item .my-list-item-add-route{
  background-color:#2562ff;
  color:white;
  border-radius:5px;
  border:none;
  width:130px;
  height:50px;
  margin-left:auto
}

.my-list-item .my-list-item-edit.my-list-item-add-route,.my-list-item .my-list-item-add-route.my-list-item-add-route{
  background:#2a2a2a;
  margin-bottom:1em
}

.my-list-item .my-list-item-edit:hover,.my-list-item .my-list-item-add-route:hover{
  color:white
}

.my-list-item .my-list-button-container{
  display:flex;
  flex-flow:column nowrap;
  justify-content:flex-end;
  align-items:flex-end
}

@media screen and (max-width: 769px){
  .my-list-item{
    flex-direction:column
  }

  .my-list-item-edit{
    width:70px
  }

  .my-list-item .my-list-item-details{
    flex-direction:column
  }
}

.my-list-container{
  padding:2em;
  padding-top:5rem
}

.my-list-container .my-list-header{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin-bottom:5rem
}

.my-list-container .my-list-header .my-list-add-item{
  background-color:black
}

.my-list-container .my-list-view{
  border-radius:5px;
  font-weight:bold
}

@media screen and (max-width: 400px){
  .my-list-container{
    padding:0
  }

  .my-list-container .my-list-header{
    flex-direction:column;
    align-items:center;
    margin-bottom:1.5rem
  }

  .my-list-container .my-list-header h2{
    align-self:flex-start;
    font-size:1.5rem
  }

  .my-list-container .my-list-header button{
    font-size:1rem
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.table-column{
  align-items:flex-start;
  align-content:flex-start;
  align-self:flex-start
}

.table-entry{
  align-self:flex-start;
  text-align:left
}

/* purgecss end ignore */

/* purgecss start ignore */

.truck-sidebar-content{
  flex:auto;
  padding:50px 25px;
  height:auto
}

.separator{
  background-color:lightgray;
  height:2px;
  margin-top:40px;
  margin-bottom:40px
}

.vehicle-data-content{
  flex:auto;
  flex-direction:row
}

.vertical-separator{
  border-left:2px solid gray;
  height:auto;
  margin-left:30px;
  margin-right:30px;
  left:50%;
  top:0
}

@media screen and (max-width: 600px){
  .vehicle-data-content{
    flex-direction:column
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.truck-document-line-container:last-child .thin_separator{
  display:none
}

.truck-document-line{
  margin-top:10px
}

.truck-document-line .field{
  max-width:100%;
  width:100%
}

.truck-document-line .field input{
  width:100%;
  max-width:100%
}

.truck-document-line:last-of-type{
  display:none
}

.document-entry-button{
  margin-left:20px;
  align-self:center
}

.document-entry-input{
  margin-top:10px;
  width:100%;
  max-width:60%
}

.thin_separator{
  background-color:lightgray;
  height:1px;
  margin-top:20px;
  margin-bottom:20px
}

.dialog-content{
  max-width:90vw;
  overflow:auto
}

.add-document-modal h3{
  color:#363636;
  font-weight:600;
  line-height:1.125
}

.add-document-modal .files-upload{
  margin-top:20px;
  padding-bottom:6px
}

.add-document-modal .info-field{
  flex-direction:column
}

.add-document-modal .info-field .field-label{
  text-align:left
}

.add-document-modal .add-document-button{
  background-color:black;
  border-radius:10px;
  color:white;
  width:50%;
  margin:1em auto 0;
  min-width:160px
}

.add-document-modal .cancel-button{
  background-color:transparent;
  border:none;
  color:black
}

@media screen and (min-width: 769px){
  .dialog-content{
    width:640px !important
  }
}

@media screen and (min-width: 1216px){
  .dialog-content{
    width:570px !important
  }
}

@media screen and (max-width: 600px){
  .document-entry-button{
    margin-left:0 !important;
    width:100%
  }

  .upload-document-line{
    flex-direction:column
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.divider{
  min-width:1px;
  max-width:1px;
  height:100%;
  margin:0 10px 0 10px;
  background-color:#d1d5db
}

@media screen and (max-width: 769px){
  .divider{
    height:40px
  }
}

/* purgecss end ignore */