body {
  font-family: "Dosis", arial;
  background-color: #c8d9f1;
}

.bg-susco {
  background-color: #0f3f6a;
  --bs-bg-opacity: 1;
}

.input-right .pack_name:hover {
  cursor: pointer;
}
.input-right .pack_name:hover .explanation {
  display: block !important;
}

.input-right input {
  text-align: right;
}
.input-right input.red {
  color: #f00;
}
.input-right input.strong {
  font-weight: 900;
}

.input-classic input:disabled {
  background-color: #eee;
}
.input-classic .error {
  border: solid 1px #f00;
}

.active {
  color: #0f3f6a;
}

.user-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: #0f3f6a;
  display: flex;
}
.user-bar .name {
  margin: 5px 1%;
  text-align: right;
}

.addbase .view0,
.accordion .view0,
.col.components .view0 {
  visibility: hidden;
}
.addbase .error,
.accordion .error,
.col.components .error {
  border: solid 1px #f00;
}

.col.components:nth-of-type(odd) {
  background: #eee;
}
.col.components:nth-of-type(even) {
  background: #ddd;
}

.form-select-sm,
.form-control-sm {
  padding-top: 0.22rem;
  padding-bottom: 0.2rem;
  padding-left: 0.3rem;
  font-size: 0.775rem;
  border-radius: 0.25rem;
}

.form-control-plaintext {
  font-size: 0.75rem;
}

.modal-dialog.modal-lg.xl {
  min-width: 70%;
}
.modal-dialog.modal-lg.xxl {
  min-width: 80%;
}

.npd_2,
.npd_3,
.npd_4 {
  display: none;
}

.col.components .form-label {
  min-width: 140px;
  margin-right: 10px;
}

.page_comparison .add_component {
  background: orange;
  border-radius: 5px;
  padding: 0px 10px;
  cursor: pointer;
}

#modal-total .form-control-plaintext {
  font-size: 1rem;
}
#modal-total #base_values input {
  text-align: right;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid green;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00;
}

.select-image {
  min-width: 150px;
  min-height: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: solid 3px #fff;
}
.select-image.active {
  border: solid 10px orange;
}

.group {
  text-align: right;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
}
.group > div {
  display: inline-block;
  border-left: solid 1px #555;
  border-radius: 10px;
  padding-left: 5px;
}

.susco-card {
  padding: 1.5em;
  border-bottom: solid 15px;
  border-top-right-radius: 30px;
  border-right: solid 15px;
  border-bottom-left-radius: 30px;
  border-top: solid 5px;
  border-left: solid 5px;
  background: #fff;
}

.susco-warning {
  border-color: #ffc107;
}

.susco-info {
  border-color: #0d6efd;
}

.susco-success {
  border-color: #198754;
}

.susco-danger {
  border-color: #dc3545;
}

.susco_value {
  font-weight: bold;
}

.tippy-content {
  background-color: #c8d9f1;
  color: #555;
  font-size: 1.1rem;
  box-shadow: 1px 1px 5px #aaa;
}

.users *,
.select2-container *,
#message {
  font-size: 13px !important;
}

.note-editor {
  background-color: #fff;
}
.note-editor .note-editing-area {
  border-top: solid 1px #ccc;
}
.note-editor .note-editing-area p {
  margin: 0;
}
.note-editor .note-editable,
.note-editor .note-placeholder {
  font-size: 14px;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px;
  }
}/*# sourceMappingURL=style.css.map */