/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./FrontEnd/Styles/style.scss ***!
  \********************************************************************************************************************************************************************************************/
.plot-card-inner {
  border-width: 2px;
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  display: grid;
  height: 100%;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.legend-item:hover {
  text-decoration: underline;
}

.error-line {
  fill: none;
  stroke: rgb(169, 169, 169);
  stroke-dasharray: 4 1;
}

.error-cap {
  fill: none;
  stroke: rgb(169, 169, 169);
  stroke-width: 2;
}

.single-bar {
  background: rgb(55, 126, 184);
  fill: rgb(55, 126, 184);
}

.legend-container {
  height: 100%;
  overflow: auto;
  padding: 5px;
  scrollbar-color: #90a4ae #cfd8dc;
  scrollbar-width: thin;
  width: 100%;
}

.legend-container::-webkit-scrollbar {
  width: 11px;
}

.legend-container::-webkit-scrollbar-track {
  background: #cfd8dc;
}

.legend-container::-webkit-scrollbar-thumb {
  background-color: #90a4ae;
  border: 3px solid #cfd8dc;
  border-radius: 6px;
}

.legend-ico {
  display: inline-block;
  margin-right: 5px;
}

div.legend-ico {
  border: solid 1px #000;
  height: 15px;
  width: 15px;
}

svg.legend-ico {
  vertical-align: inherit;
}

.tool-tip {
  background: #fff;
  border: 1px solid rgb(128, 128, 128);
  color: #000;
  display: none;
  font: 12px sans-serif;
  height: auto;
  min-width: 80px;
  padding: 14px;
  position: absolute;
  text-align: left;
  z-index: 2000;
}

.grid line {
  stroke-opacity: 0.3;
}

.grid path {
  display: none;
}

.axis text {
  font-weight: bold;
}

.y-axis text {
  text-anchor: end;
}

.axis path {
  display: none;
}

.axis line {
  stroke-opacity: 0.3;
}

.legend-item {
  cursor: pointer;
}

.legend-item:hover {
  text-decoration: underline;
}

.project-summary-panel {
  background: #ddd;
  border-radius: 10px 0 0 10px;
  padding: 15px;
}

.form-section {
  background: #f3f3f3;
  border-radius: 5px;
}

.form-section-subsection {
  background: #ddd;
}

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

.map {
  border: 2px solid #666;
  border-radius: 0.25rem;
}

.ol-control button,
.ol-control button:focus {
  background-color: rgb(0, 163, 188);
  border-radius: 0;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  outline: 0;
}

.ol-control button:hover,
.ol-control button:active {
  background-color: #007789;
}

.ol-control, .ol-control:hover, .ol-control:focus, .ol-control:active {
  background-color: #666;
  border-radius: 0.25rem;
}

.ol-control button:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}

.ol-control button:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}

.ol-control button:only-child {
  border-radius: 0.25rem;
}

.ol-control.ol-form-close-button-container {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  right: -24px;
  top: 0;
}

.ol-control.ol-help-button-container {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  right: -24px;
  top: 28px;
  z-index: 1;
}

.ol-control.ol-help-container {
  background-color: #fff;
  border: 2px solid #666;
  display: none;
  padding-right: 24px;
  position: absolute;
  right: -24px;
  top: 28px;
}

.ol-control.ol-help-button-container:hover {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
}

.ol-control.ol-help-button-container:hover + .ol-control.ol-help-container {
  display: block;
}

.ol-control.ol-help-button-container:hover button:only-child {
  background-color: #007789;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0;
}

.ol-control.ol-help-button-container button:only-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  cursor: default;
}

.ol-control > .button-grey, .ol-control > .button-grey:focus {
  background-color: #aaa;
}

.ol-control > .button-grey:hover, .ol-control > .button-grey:active {
  background-color: #666;
}

.ol-control.map-info-note {
  background-color: rgb(0, 163, 188) !important;
  border: 2px solid #666;
  border-radius: 0.25rem;
  color: #fff;
  padding-bottom: 0;
  padding-top: 0;
  right: 2.5rem;
  top: 0.5rem;
}

.ol-selection-filter-container {
  bottom: 0.5rem;
  right: 0.5rem;
}

.ol-selection-filter-container div {
  margin-bottom: 2px;
}

.ol-selection-filter-container div:last-child {
  margin-bottom: 0;
}

.ol-selection-button {
  padding: 0 0.5rem 0 0.5rem !important;
  width: 100% !important;
}

.ol-layer-group-toggle-container {
  bottom: 0.5rem;
  right: 0.5rem;
}

.ol-layer-group-toggle-container div {
  margin-bottom: 2px;
}

.ol-layer-group-toggle-container div:last-child {
  margin-bottom: 0;
}

.ol-layer-group-toggle-button {
  padding: 0 0.5rem 0 0.5rem !important;
  width: 100% !important;
}

.ol-form-container {
  background-color: #666;
  border-radius: 0.25rem;
  border-top-right-radius: 0;
  bottom: 0.5rem;
  left: 0.5rem;
  padding: 2px;
  position: absolute;
  top: 0.5rem;
  z-index: 10;
}

.ol-form-container > .container {
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 15px;
  padding-top: 10px;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.ol-form-close-button-container button:only-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.ol-form-open-button-container {
  left: 0.5rem;
  top: 0.5rem;
}

.ol-coordinate-container {
  background-color: rgb(0, 163, 188) !important;
  border: 2px solid #666;
  color: #fff;
  padding-bottom: 0;
  padding-top: 0;
  right: 2.5rem;
  top: 2.5rem;
}

.ol-full-screen {
  margin: auto;
  right: 0.5rem;
  top: 0.5rem;
}

.ol-dragbox {
  background-color: rgba(0, 163, 188, 0.2);
  border: 2px solid rgb(0, 163, 188);
}

.ol-form-strecher {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 20%;
  position: absolute;
  right: -1.3em;
  top: 40%;
  width: 1.375em;
}

.ol-hover {
  background-color: #fff;
  border: 2px solid #666;
  border-radius: 0.25rem;
  bottom: 0;
  padding: 2px;
  position: absolute;
  right: 0;
}

.ol-zoom {
  left: 0.5rem;
  top: 0.5rem;
}

.ol-summary-container {
  background-color: transparent;
  border-radius: 0.25rem;
  border-top-right-radius: 0;
  bottom: 0.5rem;
  padding: 2px;
  padding-right: 0;
  position: absolute;
  right: 0;
  top: 6rem;
  z-index: 10;
}

.ol-summary-container > .container {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 15px;
  padding-right: 0;
  padding-top: 10px;
}

.ol-summary-close-button-container button:only-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.ol-summary-open-button-container {
  right: 0.5rem;
  top: 6rem;
}

.simulation-completed-category {
  background: #dcf5e7;
  border: solid;
  border-color: #6dcc73;
  border-radius: 10px;
  border-width: medium;
  color: #6dcc73;
}

.simulation-completed-category .category-text::before {
  color: #6dcc73;
  content: "\f058";
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-size: x-large;
  margin-right: 0.5em;
}

.simulation-required-category {
  background: #fccfcf;
  border: solid;
  border-color: #d82b2b;
  border-radius: 10px;
  border-width: medium;
  color: #d82b2b;
}

.simulation-required-category .category-text::before {
  color: #d82b2b;
  content: "\f057";
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-size: x-large;
  margin-right: 0.5em;
}

.simulation-optional-category {
  background: #fff;
  border: solid;
  border-color: #cccaca;
  border-radius: 10px;
  border-width: medium;
  color: #cccaca;
}

.simulation-optional-category .category-text::before {
  color: #cccaca;
  content: "\f111";
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-size: x-large;
  margin-right: 0.5em;
}

.simulation-category-flex {
  -ms-flex-preferred-size: 18rem;
      flex-basis: 18rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.simulation-placeholder-flex {
  color: transparent;
  -ms-flex-preferred-size: 18rem;
      flex-basis: 18rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
}

.simulation-required-message {
  background: #fccfcf;
  border: solid;
  border-color: #d82b2b;
  border-width: medium;
  color: #d82b2b;
}

.btn.btn-primary.simulation-disabled-button {
  background-color: #666;
  border-color: #666;
  -webkit-box-shadow: 0 3px 0 #666;
          box-shadow: 0 3px 0 #666;
  color: #fff;
  cursor: default;
}

.simulation-summary {
  background: #fff;
  border: 3px solid;
  border-radius: 10px;
}

.summary-overflow {
  max-height: 400px;
  overflow: auto;
}

.colour-warning {
  color: #e97c02;
}

.navbar.navbar-fcm-colours {
  background-color: #102c3e;
  padding: 0;
}

.navbar-brand img {
  height: 30px;
}

.navbar li a,
.navbar li button {
  padding: 1rem 0;
}

.navbar-nav.navbar-nav-fcm-colours a:hover,
.navbar-nav.navbar-nav-fcm-colours .active a,
.navbar-nav.navbar-nav-fcm-colours button:hover {
  background-color: #fff;
}

.navbar-nav.navbar-nav-fcm-colours .nav-link:hover,
.navbar-nav.navbar-nav-fcm-colours .nav-link:focus {
  color: #102c3e;
}

.navbar-nav.navbar-nav-fcm-colours .nav-link {
  color: #fff;
}

.navbar-default .navbar-toggle {
  border-color: transparent;
  color: #fff;
}

.navbar-brand.navbar-brand-compressed {
  padding-bottom: 0.8125rem;
  padding-top: 0.3125rem;
}

.navbar-brand.navbar-brand-compressed img {
  height: 20px;
}

.nav-link {
  line-height: 2;
}

.navbar-expand-sm {
  padding: 0;
}

.footer {
  background-color: #102c3e;
  bottom: -1px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  color: #fff;
  height: 45px; /* Set the fixed height of the footer here */
  line-height: 45px; /* Vertically center the text there */
  position: absolute;
  width: 100%;
}

.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.font-size-1 {
  font-size: 1rem;
}

.cards {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cards.cards-expansive {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cards.cards-expansive .card {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.cards-transferable-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cards.cards-bordered {
  border: 2px solid #dddddc;
  border-radius: 0.25rem;
  min-height: 106px;
}

.card.card-emphasis {
  border: 2px dashed #00a3bc;
}

.card.card-emphasis:hover {
  border-style: solid;
}

.card.card-emphasis .card-main-icon {
  color: #00a3bc;
}

.card {
  border-width: 2px;
  -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  margin: 10px;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.card:hover:not(.disabled) {
  border: 2px solid #00a3bc;
  -webkit-box-shadow: 6px 6px 12px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 12px 4px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.card:hover.disabled {
  cursor: default;
}

.card img {
  height: 120px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 250px;
}

.card > .card-end {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

.card.card-min-height {
  min-height: 250px;
}

.card-plus {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100px;
}

.card-new {
  background-color: #dcf5e7;
}

.card-row {
  width: 100%;
}

.card .text {
  padding: 5px 30px 0;
  text-align: justify;
  z-index: 25;
}

.card .text > h3 {
  font-size: 1.25rem;
  text-align: center;
}

.card .text > button {
  background: #00a3bc;
  border: 0;
  color: #fff;
  padding: 10px;
  width: 100%;
}

.card .text > button:hover {
  background: #c5c5c5;
}

.card .card-full-link {
  bottom: 0;
  display: inline;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 50;
}

.resource-group-select.selected {
  background-color: #b0bed9;
}

.card-content {
  padding: 0.5rem;
}

.card-button-delete {
  background-color: #00a3bc;
  border: solid #c5c5c5 2px;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  font-weight: 400;
  height: 1.75rem;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 0.5rem;
  text-rendering: auto;
  top: 0.5rem;
  width: 1.75rem;
  z-index: 55;
}

.card-button-delete::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "\f2ed";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.card-button-delete:hover {
  background-color: #102c3e;
  color: #fff;
}

.card-icon {
  font-size: 1.5rem;
  height: 1.65rem;
  line-height: 1;
  position: absolute;
  top: 0.25rem;
  width: 1.65rem;
  z-index: 75;
}

.card-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.card-main-icon {
  color: #c5c5c5;
}

.card-category-icon {
  color: #00a3bc;
  left: 0.25rem;
}

.card-category-icon.card-category-icon-secondary {
  color: #0f8964;
  top: 2rem;
}

.default-icon::before {
  content: "\f6d1";
}

.custom-icon::before {
  content: "\f7d9";
}

.card-footer:empty {
  display: none;
}

.btn-primary,
.btn-danger,
.btn-secondary,
.btn-warning,
.btn-dark {
  border: 2px solid transparent;
  cursor: pointer;
  margin-bottom: 32px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, margin 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, margin 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, margin 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, margin 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn-primary.mb-0,
.btn-danger.mb-0,
.btn-secondary.mb-0,
.btn-warning.mb-0,
.btn-dark.mb-0 {
  margin-bottom: 3px !important;
}

.btn-primary.mb-0:active,
.btn-danger.mb-0:active,
.btn-secondary.mb-0:active,
.btn-warning.mb-0:active,
.btn-dark.mb-0:active {
  margin-bottom: 0 !important;
}

.btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-danger:active,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-warning:active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled):active:focus {
  margin-bottom: 29px;
  margin-top: 3px;
}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
  background-color: rgb(0, 163, 188);
  border-color: rgb(0, 163, 188);
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
  -webkit-box-shadow: 0 3px 0 #007789;
          box-shadow: 0 3px 0 #007789;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {
  background-color: #007789;
  border-color: #007789;
}

.btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: 0 0 0 #007789;
          box-shadow: 0 0 0 #007789;
}

.dropdown-primary, .dropdown-primary:hover, .dropdown-primary:focus {
  -webkit-box-shadow: 0 3px 0 #007789;
          box-shadow: 0 3px 0 #007789;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
}

.dropdown-primary > .dropdown-item, .dropdown-primary > .dropdown-item.disabled, .dropdown-primary > .dropdown-item:disabled,
.dropdown-primary,
.dropdown-primary.disabled,
.dropdown-primary:disabled {
  background-color: rgb(0, 163, 188);
  border-color: rgb(0, 163, 188);
}

.dropdown-primary > .dropdown-item:active, .dropdown-primary > .dropdown-item:not(:disabled):not(.disabled):active, .dropdown-primary > .dropdown-item:not(:disabled):not(.disabled):active:focus,
.dropdown-primary:active,
.dropdown-primary:not(:disabled):not(.disabled):active,
.dropdown-primary:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: 0 0 0 #007789;
          box-shadow: 0 0 0 #007789;
}

.dropdown-primary > a, .dropdown-primary > a:hover {
  color: #fff;
}

.dropdown-primary > a:hover, .dropdown-primary > a:active, .dropdown-primary > a:not(:disabled):not(.disabled):active, .dropdown-primary > a:not(:disabled):not(.disabled):active:focus {
  background-color: #007789;
  border-color: #007789;
}

.btn-danger, .btn-danger.disabled, .btn-danger:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus {
  -webkit-box-shadow: 0 3px 0 #bd2130;
          box-shadow: 0 3px 0 #bd2130;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active:focus {
  background-color: #bd2130;
  border-color: #bd2130;
}

.btn-danger:active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: 0 0 0 #bd2130;
          box-shadow: 0 0 0 #bd2130;
}

.btn-icon-disabled {
  color: #666 !important;
}

.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #808080;
  border-color: #808080;
  color: #fff !important;
}

.btn-secondary, .btn-secondary:focus {
  -webkit-box-shadow: 0 3px 0 #666;
          box-shadow: 0 3px 0 #666;
}

.btn-secondary:hover {
  -webkit-box-shadow: 0 3px 0 #666;
          box-shadow: 0 3px 0 #666;
  color: #fff !important;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus {
  background-color: #666;
  border-color: #666;
  color: #fff !important;
}

.btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: 0 0 0 #666;
          box-shadow: 0 0 0 #666;
  color: #fff !important;
}

.btn-dark, .btn-dark.disabled, .btn-dark:disabled {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff !important;
}

.btn-dark, .btn-dark:focus {
  -webkit-box-shadow: 0 3px 0 #23272b;
          box-shadow: 0 3px 0 #23272b;
}

.btn-dark:hover {
  -webkit-box-shadow: 0 3px 0 #23272b;
          box-shadow: 0 3px 0 #23272b;
  color: #fff !important;
}

.btn-dark:hover, .btn-dark:active, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled):active:focus {
  background-color: #23272b;
  border-color: #23272b;
  color: #fff !important;
}

.btn-dark:active, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: 0 0 0 #23272b;
          box-shadow: 0 0 0 #23272b;
  color: #fff !important;
}

.btn-warning, .btn-warning.disabled, .btn-warning:disabled {
  background-color: #ffa500;
  border-color: #ffa500;
}

.btn-warning, .btn-warning:hover, .btn-warning:focus {
  -webkit-box-shadow: 0 3px 0 #cc8400;
          box-shadow: 0 3px 0 #cc8400;
}

.btn-warning:hover, .btn-warning:active, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled):active:focus {
  background-color: #cc8400;
  border-color: #cc8400;
}

.btn-warning:active, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: 0 0 0 #cc8400;
          box-shadow: 0 0 0 #cc8400;
}

.draggable {
  cursor: -webkit-grab;
  cursor: grab;
}

.draggable:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.draggable-ghost {
  background: #dfeef0;
}

/************* direction picker *************/

.unsafe-area {
  fill: #ff6961;
  stroke: #000;
  stroke-width: 2;
}

.safe-area {
  fill: #bdecb6;
}

.spoke {
  cursor: -webkit-grab;
  cursor: grab;
  fill: #000;
  stroke: #000;
  stroke-linecap: round;
  stroke-linejoin: bevel;
  stroke-width: 3;
}

/* apply a "closed-hand" cursor during drag operation. */

.spoke:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.tick-mark {
  stroke: #000;
  stroke-linecap: round;
  stroke-width: 1;
}

/***********************************************/

/************* tolerance slider style *************/

/** disable style rule for external (noUiSlider) style override **/

/* stylelint-disable selector-class-pattern */

.tolerance-slider .noUi-connects {
  background: #ff6961;
}

.tolerance-slider .noUi-connect {
  background: #bdecb6;
}

/* stylelint-enable */

/***********************************************/

.tolerances[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.time-periods[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.table-fixed-width {
  table-layout: fixed;
}

.table-fixed-width td,
.table-fixed-width tr {
  overflow: visible;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.table-fixed-width .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-min-width {
  width: 0;
}

.twitter-typeahead {
  width: 100%;
}

.tt-menu {
  background-color: #fff;
  border: 1px solid #888;
  border-left: 1px solid #000;
  padding: 0.375rem 0.75rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  width: 100%;
}

.tt-input::-webkit-input-placeholder {
  color: #666;
}

.tt-input::-moz-placeholder {
  color: #666;
}

.tt-input:-ms-input-placeholder {
  color: #666;
}

.tt-input::-ms-input-placeholder {
  color: #666;
}

.tt-input::placeholder,
.tt-selectable {
  color: #666;
}

.required::after {
  color: #a94442;
  content: " *";
  display: inline;
}

.cursor-pointer {
  cursor: pointer;
}

.inventory-item-tooltip {
  margin-right: -24px;
}

.asset-in-asset-map {
  cursor: pointer;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  text-align: center;
}

.asset-in-asset-map hr {
  margin: 0;
  width: 100%;
}

.card.active {
  background-color: hsl(209.3, 78.18%, 89.22%);
}

.card > td > hr {
  margin-bottom: 0.3rem;
  margin-left: -0.3rem;
  margin-right: -0.3rem;
  margin-top: 0.3rem;
}

.bottom-border {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 5px;
}

.one-component {
  margin-left: 1rem;
}

.components:last-child {
  margin-bottom: 4rem;
}

.schedule-top-row,
.schedule-work-packages-row,
.schedule-bottom-row,
.work-packages {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.schedule-top-row.hide,
.schedule-work-packages-row.hide,
.schedule-bottom-row.hide,
.work-packages.hide {
  opacity: 0;
}