/*scrollbar style */
::-webkit-scrollbar {
  width: 5px;
  padding: 20px 0;
}

::-webkit-scrollbar-track {
  margin: 30px 0;
}

::-webkit-scrollbar-thumb {
  height: 20px;
  width: 100px;
  border-radius: 2.5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background-color: #606873;
}

/*end scrollbar*/

/*general style popup*/
.popup-title, .modal-title {
  font-family: Roboto, serif;
  font-size: 20px;
  color: #bd1550;
}

.btn-popup:disabled {
  min-width: 201px;
  height: 57px;
  margin-top: 9px;
  margin-bottom: 14px;
  background-color: #c6ccd4;
  color: #fff;
  text-transform: uppercase;
}

.btn-popup {
  min-width: 201px;
  height: 57px;
  margin-top: 9px;
  margin-bottom: 14px;
  background-color: #8a9b0f;
  color: #fff;
  text-transform: uppercase;
  transition: .2s color ease-in;
}

.btn-green {
  background-color: #8a9b0f;
  transition: .2s color ease-in;
  color: #fff;
}

/*end general style popup*/
/*upload modal*/
.modal-upload {
  width: 530px;
  top: 10%;
  left: calc((100% - 570px) / 2);
}

/*.modal-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: none;
}*/

.upload-title {
  font-family: Roboto, serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #bd1550;
  text-transform: uppercase;
}

.upload-close {
  margin: 22px 22px 0 22px !important;
  align-self: flex-end;
}

.formUpload {
  padding: 34px 34px 0 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.formUpload .form-group {
  display: flex;
}

.formUpload .form-group .fileupload-container {
  width: 100%;
  display: flex;
}

.formUpload .form-group .fileupload-container:before {
  width: 95px;
  height: 30px;
  position: absolute;
  top: 20px;
  content: 'File upload';
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: normal;
  color: #a5adb8;
}

.formUpload .form-group .fileupload-container #fileupload {
  width: 331px;
  height: 52px;
  position: absolute;
  opacity: 0;
  left: 118px;
}

.formUpload .form-group .fileupload-container #fileupload:focus {
  outline: none;
}

.formUpload .form-group .fileupload-container .fileupload-button {
  width: 52px;
  height: 52px;
  display: flex;
  margin-right: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background-color: #e97f02;
}

.formUpload .form-group .fileupload-container .fileupload-button:hover {
  cursor: pointer;
}

.formUpload .form-group .fileupload-container .fileupload-button img {
  width: 24px;
  height: 24px;
}

.formUpload .form-group .fileupload-container .fileupload-label {
  width: 360px;
  height: 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px;
  padding: 10px;
  border: solid 1px #e1e4e7;
}

.formUpload .form-group .fileupload-container .fileupload-label .title-file {
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: normal;
  color: #606873;
}

.formUpload .form-group .fileupload-container .fileupload-label img {
  width: 24px;
  height: 24px;
}

.formUpload .textarea-upload-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.formUpload .textarea-upload-container .textarea-upload {
  height: 100pt;
  padding: 20px;
  resize: none;
}

.textarea-upload:disabled {
  font-size: 14px;
  color: #a5adb8;
}

#uploadName, #uploadDesc {
  color: #000;
  font-size: 14px;
}

#uploadName::-webkit-input-placeholder,
#uploadDesc::-webkit-input-placeholder {
  color: rgba(165, 173, 184, .7);
}

#uploadName::-moz-placeholder,
#uploadDesc::-moz-placeholder {
  color: rgba(165, 173, 184, .7);
}

#uploadName:-ms-input-placeholder,
#uploadDesc:-ms-input-placeholder {
  color: rgba(165, 173, 184, .7);
}

#uploadName:-moz-placeholder,
#uploadDesc:-moz-placeholder {
  color: rgba(165, 173, 184, .7);
}

.formUpload .textarea-upload-container .textarea-upload-lable {
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: normal;
  color: #a5adb8;
}

.formUpload .btn-upload:disabled {
  min-width: 201px;
  height: 57px;
  background-color: #c6ccd4;
  color: #fff;
  text-transform: uppercase;
}

.formUpload .btn-upload {
  min-width: 201px;
  height: 57px;
  color: #fff;
  text-transform: uppercase;
  background-color: #8a9b0f;
  transition: .2s color ease-in;
}

/*end upload*/
/*style select track*/
.select-track {
  width: 570px;
  top: 10%;
  left: calc((100% - 570px) / 2);
}

.select-track .modal-body {
  padding: 16px 0;
}

.select-event {
  top: 10%;
  width: 450px;
  left: calc((100% - 450px) / 2);
}

.select-container .select-header {
  display: flex;
  width: 100%;
  padding: 0 50px;
  padding-bottom: 15px;
  padding-right: 115px;
  border-bottom: 1px solid #c6ccd4;
}

.select-container .select-header span {
  font-family: Roboto, serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.73;
  text-align: left;
  text-transform: uppercase;
  color: #606873;
}

.select-container .select-header span:hover {
  cursor: pointer;
}

.select-container .select-header .title-name {
  flex-basis: 45%;
}

.select-container .select-header .title-create {
  flex-basis: 25%;
  margin-right: 5%;
  text-align: center;
}

.select-container .select-header .title-modify {
  flex-basis: 25%;
  text-align: center;
}

.select-container .select-arrows {
  width: 10px;
  height: 10px;
}

.select-container .select-content-container {
  height: 300px;
  margin-right: 30px;
  overflow-y: scroll;
}

.select-container .select-content,
.select-container .selectEvent-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: initial;
  padding: 0 30px;
  padding-right: 15px;
}

.select-container .select-content .mess-notrack {
  margin-top: 100px;
  text-align: center;
}

.select-container .select-content .select-row {
  width: 100%;
  display: flex;
}

.select-container .select-content .select-row .select-td {
  display: flex;
  width: 100%;
  padding: 15px 20px;
}

.select-container .select-content .select-row .select-td:hover {
  cursor: pointer;
  border-radius: 3px;
  background-color: #f0f2f4;
  transition: .2s all ease-in;
}

.select-container .select-content .select-row .select-td[data-checked] {
  border-radius: 3px;
  background-color: #e9ebed;
  transition: .2s all ease-in;
}

.select-container .select-content .select-row .item-name-container {
  flex-basis: 45%;
  display: flex;
  flex-direction: column;
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.36;
  color: #606873;
}

.select-container .select-content .select-row .item-name-container .item-name {
  word-wrap: break-word;
}

.select-container .select-content .select-row .item-name-container .item-description {
  font-family: Roboto, serif;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.58;
  color: #606873;
}

.select-container .select-content .select-row .item-creat {
  flex-basis: 25%;
  text-align: center;
  margin-right: 5%;
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.36;
  color: #606873;
}

.select-container .select-content .select-row .item-modify {
  flex-basis: 25%;
  text-align: center;
  font-family: Roboto, serif;
  font-size: 14px;
  line-height: 1.36;
  color: #606873;
}

.select-container .select-content .select-row .item-delete {
  flex-basis: 4%;
  margin-left: 35px;
  margin-top: 10px;
  height: 31px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-size: 22px 22px;
  background-position: 50% 50%;
  box-sizing: content-box;
}

.select-container .select-content .select-row .item-delete:hover {
  cursor: pointer;
  background-size: 22px 22px;
  background-position: 50% 50%;
  box-sizing: content-box;
  transition: .2s all linear;
}

.select-container .select-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid #c6ccd4;
}

.select-container .select-footer .btn-select:disabled {
  min-width: 201px;
  height: 57px;
  background-color: #c6ccd4;
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: normal;
}

.select-container .select-footer .btn-select {
  min-width: 201px;
  height: 57px;
  background-color: #8a9b0f;
  color: #fff;
  text-transform: uppercase;
  font-family: Roboto, serif;
  font-size: 14px;
  font-weight: normal;
}

.table td, .table th {
  border-top: none;
}

.table thead th {
  border-bottom: solid 2px #c6ccd4;
}

/*end select track*/
/*style create new track*/
.create-track {
  width: 450px;
  top: 10%;
  left: calc((100% - 450px) / 2);
}

.form-create {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form-create .row {
  width: 100%;
}

.form-create .form-group,
.create-form-input {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.form-create .form-group label,
label[for="uploadName"], label[for="uploadDesc"] {
  font-family: Roboto, serif;
  font-size: 14px;
  color: #a5adb8;
}

.form-create .form-group .create-input,
.create-input {
  width: 100%;
  height: 52px;
  border-radius: 3px;
  border: solid 1px #e1e4e7;
  padding: 20px;
}

.form-create .form-group .create-textarea,
.create-textarea {
  width: 100%;
  height: 140px;
  border-radius: 3px;
  border: solid 1px #e1e4e7;
  padding: 20px;
  resize: none;
}

/*end create new track*/
/*style create new event*/
.create-event {
  width: 530px;
  top: 10%;
  left: calc((100% - 530px) / 2);
}

.form-event {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 34px;
}

.form-event .color-group {
  margin-bottom: 0;
  display: flex;
}

.form-event .color-group .form-group {
  display: flex;
  flex-direction: column;
}

.form-event .custom-fields {
  width: 428px;
}

.form-event .custom-fields .form-group .text-label {
  display: block;
}

.form-event .color-group .form-group .text-label,
.form-event .custom-fields .form-group .text-label {
  font-family: Roboto, serif;
  font-size: 14px;
  color: #a5adb8;
}

.form-event .color-group .form-group .event-name,
.form-event .color-group .form-group .event-id,
.form-event .form-group .custom-field,
.form-event .form-group .custom-field-select,
.form-event .form-group.custom-event-definition-field input,
.form-event .form-group.custom-event-definition-field select {
  width: 360px;
  height: 52px;
  margin-right: 16px;
  padding: 20px;
  border-radius: 3px;
  border: solid 1px #e1e4e7;
}

.modify-inline-event .event-name {
  width: 260px !important;
}

.modify-inline-event .event-id {
  width: 85px !important;
}

.form-event .form-group.custom-event-definition-field label {
  text-transform: capitalize;
}

.form-event .form-group.custom-event-definition-field input,
.form-event .form-group.custom-event-definition-field select.custom-event-definition-field-name {
  width: 210px;
}

.form-event .form-group.custom-event-definition-field select.custom-event-definition-field-name {
  width: 360px;
}

.form-event .form-group.custom-event-definition-field select {
  padding: 0 0 0 10px;
  width: 94px;
}

.form-event .form-group .custom-field-select {
  padding: 0 0 0 20px;
}

.form-event .form-group.errored .text-label {
  color: #F00;
}

.form-event .form-group.errored input,
.form-event .form-group.errored select {
  border-color: #F00 !important;
}

.form-event .color-group .form-group .btn-colorPicker {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #c6ccd4;
}

.form-event .color-group .form-group .btn-colorPicker > img {
  width: 24px;
  height: 24px;
}

.form-event .color-group .form-group .color-input {
  width: 0;
  height: 0;
  opacity: 0;
}

.custom-event-definition-field {
  width: 428px;
}

.event-description .text-label {
  font-family: Roboto, serif;
  font-size: 14px;
  color: #a5adb8;
}

/* end create new event*/
/*style change track info*/
/*end change track info*/
/*style duplicate track*/
/*end duplicate track*/
/*style publish track*/
.track-publish {
  width: 450px;
  top: 10%;
  left: calc((100% - 450px) / 2);
}

.track-publish .form-publish {
  padding: 0 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.track-publish .form-publish .mess {
  display: flex;
  flex-direction: column;
  padding: 0 50px;
  font-family: Roboto, serif;
  color: #606873;
  font-weight: 300;
}

.track-publish .form-publish .mess .mess-title {
  font-size: 18px;
  line-height: 1.56;
  padding-bottom: 35px;
}

.track-publish .form-publish .mess .mess-text {
  font-size: 14px;
  line-height: 1.5;
}

.track-publish .form-publish .mess img {
  width: 24px;
  height: 24px;
}

.track-publish .form-publish .mess-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}

.track-publish .form-publish .mess-footer .success {
  min-width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #8a9b0f;
}

.track-publish .form-publish .mess-footer .cancel {
  min-width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #d8434d;
}

/*end publish track*/
/*style discard &delete confirm*/
.discard-route,
.delete-track {
  width: 450px;
  top: 10%;
  left: calc((100% - 450px) / 2);
}

.discard-route .form-discard,
.delete-track .form-discard {
  padding: 0 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.discard-route .form-discard .mess,
.delete-track .form-discard .mess {
  display: flex;
  flex-direction: column;
  font-family: Roboto, serif;
  color: #606873;
  font-weight: 300;
}

.discard-route .form-discard .mess .mess-title,
.delete-track .form-discard .mess .mess-title {
  font-size: 18px;
  line-height: 1.56;
  padding-bottom: 35px;
}

.discard-route .form-discard .mess .mess-text,
.delete-track .form-discard .mess .mess-text {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 1.5;
}

.track-success .form-success .mess .mess-text {
  font-size: 14px;
  line-height: 1.5;
}

.discard-route .form-discard .mess img,
.delete-track .form-discard .mess img {
  align-self: center;
  margin: 0 5px 0 0;
  width: 24px;
  height: 24px;
}

.discard-route .form-discard .mess-footer,
.delete-track .form-discard .mess-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}

.discard-route .form-discard .mess-footer .success,
.delete-track .form-discard .mess-footer .success {
  min-width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #8a9b0f;
}

.discard-route .form-discard .mess-footer .cancel,
.delete-track .form-discard .mess-footer .cancel {
  min-width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #d8434d;
}
/*end discard confirm*/

/*style error */
.error-popup {
  width: 450px;
  overflow-y: scroll;
  top: 10%;
  left: calc((100% - 450px) / 2);
}

.error-popup .form-error {
  padding: 0 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.error-popup .form-error .mess {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 50px 50px;
  font-family: Roboto, serif;
  color: #606873;
  font-weight: 300;
  width: 100%;
}

.error-popup .form-error .mess .mess-title {
  font-size: 18px;
  line-height: 1.56;
  padding-bottom: 35px;
  text-align: center;
  word-break: break-word;
  width: 100%;
}

.error-popup .form-error .mess .img-error {
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3.4px solid #bd1550;
}

.error-popup .form-error .mess .img-error img {
  width: 40px;
  height: 40px;
}

.error-popup .form-error .mess-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}

.error-popup .form-error button {
  background-color: #d8434d;
}

.error-popup .form-error .mess-footer .success {
  width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #bd1550;
}

.error-popup .form-error .mess-footer .cancel {
  width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #d8434d;
}
/*end error*/

.modal-popup {
  width: 450px;
  max-width: 800px;
  min-height: 100px;
  height: 315px;
  overflow: hidden;
  top: 10%;
  left: calc((100% - 450px) / 2);
  z-index: 1000; !important;
}

#modalSelectedDevices {
  min-width: 275px;
  min-height: 400px;
}

#modalRoutingForm {
  left: calc((100% - 700px) / 2);
  min-width: 700px;
  min-height: 530px;
}

#routing-upload-confirmation-modal {
  z-index: 1100;
  min-height: 350px;
  height: 415px;
  min-width: 350px;
}

#routeTable {
  overflow: hidden;
}

.modal-popup .modal-lg {
  margin: 0;
  height: 100%;
}

.modal-popup .modal-lg .modal-content {
  height: 100%;
  min-height: 200px;
}

.modal-popup .modal-lg .modal-content .modal-body {
  overflow-y: auto;
  max-height: 80%;
}

.modal-popup .modal-lg .modal-content .modal-header {
  min-height: 10%;
  height: 70px;
  cursor: move;
}

.modal-popup .modal-lg .modal-content .modal-header .modal-title {
  margin-top: -5px;
}

.modal .modal-xl .modal-content .modal-header button, .modal-popup .modal-lg .modal-content .modal-header button {
  background-image: url("../img/window_close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  padding-right: 5px;
  padding-left: 5px;
  position: absolute;
  right: 25px;
  top: 30px;
}

.modal-popup .modal-lg .modal-content .modal-footer {
  min-height: 22px;
  height: 25px;
}

.modal-popup .error-popup .form-error .mess {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 50px 50px;
  font-family: Roboto, serif;
  color: #606873;
  font-weight: 300;
  width: 100%;
}

#routing-upload-confirmation-modal .modal-lg .modal-content .modal-footer,
#modalRoutingForm .modal-lg .modal-content .modal-footer {
  min-height: auto;
  height: auto;
}

#modalSelectedDevices {
  z-index: 1040;
}
#modalRoutingForm {
  z-index: 1040;
}
/*style success*/
.track-success {
  width: 450px;
  top: 10%;
  left: calc((100% - 450px) / 2);
}

.track-success .form-success {
  padding: 0 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.track-success .form-success .mess {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 50px;
  font-family: Roboto, serif;
  color: #606873;
  font-weight: 300;
}

.track-success .form-success .mess .mess-title {
  font-size: 18px;
  line-height: 1.56;
  padding-bottom: 35px;
}

.track-success .form-success .mess .mess-text {
  font-size: 14px;
  line-height: 1.5;
}

.track-success .form-success .mess img {
  width: 96px;
  height: 96px;
}

.track-success .form-success .mess-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 20px;
}

.track-success .form-success .mess-footer .success {
  width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #8a9b0f;
}

.track-success .form-success .mess-footer .cancel {
  width: 181px;
  height: 57px;
  border-radius: 3px;
  background-color: #d8434d;
}

/*end success*/
/* small modal error */
.error-popup-small {
  width: 300px;
  height: 200px;
  display: none;
  flex-direction: column;
  align-items: center;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: white;
  border-radius: 3px;
  z-index: 9999999;
  animation: show-error;
  animation-duration: .2s;
}

.error-popup-small .js-error-popup-small {
  width: 100%;
  font-size: 14px;
  text-align: center;
  word-wrap: break-word;
}

.error-popup-small .error-close {
  align-self: flex-end;
  font-size: 24px;
  font-weight: 700;
}

.error-popup-small .error-close:hover {
  cursor: pointer;
  opacity: 0.8;
}

@-webkit-keyframes show-error {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#createSegmentForm .row {
  width: 104%;
}

.modal-create-segment .modal-footer {
  width: 100%;
}

#modalTruckProfiles {
    left: calc((100% - 1150px) / 2);
    height: min-content;
    min-width: 1150px;
    max-width: 1200px;
}

#modalTruckProfiles #profilesList_wrapper {
  font-size: 14px;
}

#modalTruckProfiles .modal-footer {
  height: auto;
}

#modalTruckProfiles #profilesList {
  width: 100%;
}

#modalTruckProfiles #form-add-new-truck-profile {
  display: none;
}

#modalTruckProfiles form label {
  font-size: 14px;
  margin-bottom: .1rem;
  color: #8E8181;
}

#modalTruckProfiles form .form-row {
  margin-bottom: 15px;
}

.truck-profile-actions a {
  color: #626262;
  font-size: 16px;
  margin: 5px;
}

.truck-profile-actions a:hover {
  color: #0f1417;
}

.traffic .grid-container {
  display: grid;
  grid-template-columns: 2fr 1fr 4fr;
  grid-template-rows: 1fr 2fr;
  grid-column-gap: 0.25rem;
  align-items: center;
}

.traffic .left-side {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  padding: 3px;
}

.traffic .left-side .length-container {
  padding-left: 7px;
  font-size: 13px;
}

.traffic .left-side .symbol {
  padding-left: 5px;
  padding-bottom: 5px;
}

.sign-div {
  border-style: double;
  border-width: 3px;
  border-color: #bbb;
  padding-bottom: 1px !important;
}

.sign-highway {
  color: white;
  background-color: dodgerblue;
  margin-top: 3px;
  margin-bottom: 3px;
  vertical-align: middle;
  max-height: fit-content;
  max-width: fit-content;
  font-size: 14px;
}

.sign-road {
  color: black;
  background-color: #edc44a;
  margin-top: 3px;
  margin-bottom: 3px;
  vertical-align: middle;
  max-height: fit-content;
  max-width: fit-content;
  font-size: 14px;
  grid-row-start: 1;
  grid-row-end: 1;
}

.sign-highway b, .sign-road b, .sign-highway strong, .sign-road strong {
  padding: 2px;
}

.traffic .right-side-top-left {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 2;
  padding: 3px;
}

.traffic .right-side-top-right {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 3;
}

.traffic .right-side-bottom {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 4;
  padding: 3px;
}

.traffic .description {
  line-height: 1px;
  margin-top: 10px;
  font-size: 12px;
}

.traffic .description p {
    inline-size: max-content;
}

.alt-flatpicker-input {
  display: none;
  position: absolute;
  width: 150px;
  height: 25px;
}

#start-driven-at-label {
  padding-right: 0.5rem;
}