/*
    * Mixin used to add style and states to buttons
*/
/*
    * Mixin used for adding browser vendor specific prefixes    
*/
/*
    * Mixin used to add style for the filter component using different versions of colors   
*/
.trip-details-header {
  background: #24282c;
  height: 60px;
  width: 100%;
  line-height: 60px;
  z-index: 2;
  position: relative;
}
.trip-details-header .trip-details-header-button {
  align-items: center;
  display: flex;
  float: left;
  margin-top: 10px;
}
.trip-details-header .trip-details-header-container .trip-details-header-container-left {
  float: left;
  color: #757575;
}
.trip-details-header .trip-details-header-container .trip-details-header-container-left div {
  float: left;
}
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-title {
  font-size: 28px;
  margin-left: 36px;
}
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-title .trip-details-title-number {
  color: #ffffff;
  font-family: "Roboto-Medium";
}
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-start,
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-subcontractor,
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-gate {
  margin-top: 36px;
  margin-left: 36px;
  line-height: 0px;
}
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-start .trip-details-info-value,
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-subcontractor .trip-details-info-value,
.trip-details-header .trip-details-header-container .trip-details-header-container-left .trip-details-gate .trip-details-info-value {
  color: #ffffff;
}
.trip-details-header .trip-details-header-container .trip-details-header-container-right {
  float: right;
}
.trip-details-tabs {
  width: 100%;
  clear: both;
}