/* These styles are generated from project.scss. */


.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

body {
  background-color: #2E3237;
  color: white;
}

/* Management Home Page */
.management-title {
  padding-top: 2em;
}

.management.card {
  border-radius: 10px;
  font-size: x-large;
  padding: 1.5em;
  margin: .5em;
  text-decoration: none;
  background: #252628;
  color: whitesmoke;
}

.management.card i {
  font-size: xx-large;
}

/* Vehicles Management */

.workpackage-detail {
  color: #B1B1B1;
  margin:20px auto;
}

.vehicle-title{
  font-size:20px;
}

.page-title {
  color:#ffffff;
  padding-bottom:.5em;
}

.workpackage-shortname {
  color: white;
  font-weight:bold;
  background-color: #029EDD;
  border-radius: 3px;
  padding: .3em;
  margin-right:.3em;
}

.workpackage-title {
  font-size:24px;
  padding-top: .75em;
  padding-bottom: 1em;
}

.workpackage-video {
  width: 100%;
}

.btn-primary {
  background-color: #029edd;
  border-color:#029edd;
}

.btn-primary:hover{
  background-color:#016F9B;
  border-color:#016F9B;
}

.workpackage-stepscolumn {
  background-color: #252628;
  color: #E4E4E4;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position:relative;
  overflow-y:scroll;
  height: calc(90vh - 3vh);
}

.workpackage-steps-header{
  color: #B1B1B1;
  font-size:20px;
  padding:.3em;
}

.workpackage-steps {
  border-collapse: separate;
  border-spacing: 0 10px;
  position:relative;
}

.workpackage-steps td {
  padding-left: 5px;
}

.workpackage-step-timestamp {
  background-color: #5AC26A;
  border-radius: 3px;
  padding-left: .1em;
  padding-right: .1em;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

.workpackage-step-timestamp > input {
  width: 100%;
  background-color: #5AC26A;
  padding-left: .1em;
  padding-right: .1em;
  text-align: center;
  color: white;
  border: none;
}

.step-number {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: rgb(108,110,115);
  color: rgb(217,218,222);
  text-align: center;
  display: flex;
  place-content: center;
  position: relative;
  z-index: 10;
}

.wizard-steps {
  border-collapse: separate;
  border-spacing: 0 10px;
  position:relative;
  width: 100%;
}

.wizard-steps td {
  padding-left: 5px;
}

.wizard-step-highlight > td > a.step-text {
  background-color: rgb(67, 68, 70);
  border: 1px solid;
  border-color: #5AC26A;
  border-radius: 5px;
  display: block;
  margin-left: -55px;
  padding-left: 55px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.wizard-step-highlight > td > a > div.step-number {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: rgb(51,52,56);
  color: rgb(217,218,222);
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 10;
}

td > a, a:hover {
  color: rgb(217,218,222);
  text-decoration: none;
}

.workpackage-step-highlight > td > a.step-text {
  background-color: rgb(67, 68, 70);
  border: 1px solid;
  border-color: #5AC26A;
  border-radius: 5px;
  margin-left: -60px;
  padding-left: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 38%;
}

.step-number-line {
  width: 2px;
  height: 100%;
  background: rgb(108,110,115);
  margin: 0px auto 0 12px;
  position: absolute;
  overflow: hidden;
  top:10px;
}

.workpackage-step-highlight > td > div.step-text {
  background-color: rgb(67, 68, 70);
  border: 1px solid;
  border-color: #5AC26A;
  border-radius: 5px;
  margin-left: -35px;
  padding-left: 35px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.workpackage-step-highlight > td > div.step-number {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: rgb(51,52,56);
  color: rgb(217,218,222);
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 10;
}

#preview_content {
  height: 50vh;
  mask: linear-gradient(transparent 0%, #fff 15%, #fff 85%, transparent);
}

#preview_content .card-header {
  background-color: inherit;
}

#preview_content .qa-tag {
  word-wrap: normal !important;
  word-break: normal !important;
}

.dropdown-menu {
  background-color: var(--bs-dark);
  color: var(--bs-light);
}

.dropdown-menu > .form-control {
  background-color: var(--bs-secondary-color);
  border: 1px solid var(--bs-light);
  color: var(--bs-light);
}

.task-options-container {
  color: var(--bs-light);
}

.task-option {
  background-color: var(--bs-dark);
  color: var(--bs-light);
}

.fa-circle-check {
  color: #08C55F !important;
}

.dropdown .dropdown-toggle::after {
  display: none;
}

#progress-container {
  display: none;
}

#progress-bar {
  width: 0;
}