/* 85ccac*/
/* Additional colors */
html {
  font-size: 12px;
}
body {
  /*background-color: @bgGrey;*/
  background-color: #ffffff;
}
body .schedule-body {
  background-color: white;
}
@media print {
  body {
    background-color: white !important;
  }
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/droidsans/v18/SlGVmQWMvZQIdix7AFxXkHNSaA.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/droidsans/v18/SlGWmQWMvZQIdix7AFxXmMh3eDs1Yg.ttf) format('truetype');
}
h2 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
  color: #004b87;
}
h3 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: center;
  color: #004b87;
}
@font-face {
  font-family: 'rticons';
  src: url('../fonts/rticons.eot?ap9fik');
  src: url('../fonts/rticons.eot?ap9fik#iefix') format('embedded-opentype'), url('../fonts/rticons.ttf?ap9fik') format('truetype'), url('../fonts/rticons.woff?ap9fik') format('woff'), url('../fonts/rticons.svg?ap9fik#rticons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="rticon-"],
[class*=" rticon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rticons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: white;
  border-radius: 11px;
  font-size: 1.4rem;
}
.rticon-add:before {
  content: "\e900";
}
.rticon-delete:before {
  content: "\e901";
}
.rticon-check:before {
  content: "\e902";
}
.rticon-switch:before {
  content: "\e903";
}
.rticon-move:before {
  content: "\e904";
}
.rticon-info:before {
  content: "\e905";
}
.checkbox-column label:hover {
  cursor: pointer;
}
.form-control {
  border: 2px solid #004b87;
  /*padding: 6px 12px;*/
}
.table .form-control {
  height: 1.75rem;
  padding: 0 3px;
  border-width: 1px;
  z-index: initial;
  margin-left: 3px;
  margin-right: 3px;
  max-width: 80px;
}
.table .form-control.narrow {
  max-width: 30px;
}
.table .form-control.full-width {
  max-width: 100%;
  margin: 0px;
}
.table .calculation-resource-row .form-control {
  height: 1.5rem;
}
.with-unit {
  max-width: 50px;
}
.with-unit:focus,
.with-unit:hover {
  max-width: 100px;
}
.form-control:focus {
  border-color: inherit;
}
.has-warning .form-control {
  /*border-width: 2px;*/
  color: #e4322b;
}
.has-warning .form-control:focus {
  border-color: #e4322b;
}
/*
.form-control:focus, .form-control:hover {
    border-color: @rtBlue;
}
*/
.search-icon {
  font-size: 2rem;
  color: #004b87;
  line-height: 2.3rem;
}
.search-icon:before {
  margin-left: -10px;
  margin-right: -10px;
}
.form-check-label {
  padding-left: 0;
  /*padding-left: 9px;*/
}
.form-check-label input[type=checkbox] {
  display: none;
  border: 0;
  /* clip: rect(0 0 0 0);*/
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.form-check-label input[type=checkbox] ~ label:before {
  font-size: 12px;
  line-height: 12px;
  /*background-color: rgba(255, 255, 255, 0);*/
  color: transparent;
  background-color: white;
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f00c";
  width: 17px;
  height: 17px;
  border: 2px solid #004b87;
  padding-left: 0.5px;
  padding-top: 0.5px;
  /*padding-left: 1px;*/
  /*padding-top: 1px;*/
  /*margin-right: 9px;*/
}
.form-check-label input[type=checkbox]:checked ~ label:before {
  color: #004b87;
}
.form-check-label input[type=checkbox] ~ label {
  margin: 0;
}
.filter-group {
  margin-bottom: 1rem;
}
.filter-group select {
  max-width: 200px;
}
.filter-group.row {
  margin-right: 0;
  margin-left: 0;
  padding-left: 1rem;
}
.filter-group.row select {
  width: auto;
  height: 2.25rem;
}
.filter-group label {
  line-height: 2.25rem;
  margin-right: 0.5rem;
}
.input-group-addon {
  border: none;
}
.factorInputField::placeholder {
  color: #888888;
}
/*
.input-group {
    height: 1.5rem;
}
*/
/*
.input-group-addon {
    padding: 0px 6px;
}
*/
.rt-btn {
  border: none;
  border-radius: 0;
  padding: 15px 17px;
  color: #004b87;
  transition: none;
  text-decoration: none !important;
  font-size: 1.2rem;
  line-height: 1.2rem;
  display: inline-block;
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: transparent;
  text-align: center;
}
.rt-btn.rt-btn-small .icon {
  padding: 10px 2px;
  font-size: 2rem;
}
.btn:active,
.rt-btn:focus {
  background-image: none;
  outline: 0;
}
.rt-btn .icon {
  font-size: 2rem;
}
.rt-btn.small {
  padding: 10px 5px;
}
/*
.btn:after {
    content: none;
}
*/
.rt-btn:hover,
.rt-btn.rt-btn-active {
  background-color: rgba(0, 0, 0, 0.1);
}
/*
.btn-success {
    background-color: rgb(0, 181, 61);
}

.btn-success:hover {
    background-color: #019031;
}

.btn-primary {
    background-color: rgb(0, 68, 138);
}

.btn-primary:hover {
    background-color: #013469;
}

.btn-primary:after {
    content: none;
}

.btn-cancel {
    background-color: #c36565;
}

.btn-cancel:hover {
    background-color: #a55151;
}
*/
/*
.btn+.btn:not(.btn-block) {
    margin-left: 0;
}
*/
/*
.btn::first-letter {
    text-decoration: none !important;
}
*/
/*
.table {
    padding-right: .9375rem;;
}
*/
.table-container {
  position: relative;
  /*
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
    */
  /*padding: 0px 20px;*/
  /*border-top-width: 12px;*/
}
/*
.calculations .table-container {
    max-height: 600px;
}
*/
.table-container hr {
  border-color: #f2f2f2;
  /*
    margin-left: -20px;
    margin-right: -20px;
    */
}
/*
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
*/
/*
.table-striped .table-row:nth-of-type(odd) {
    background-color: #f9f9f9;
}
*/
.table-row,
.calculation-row,
.calculation-packet-row,
.calculation-resource-row,
.structure-row,
.packet-row,
.resource-row {
  /*padding: 8px 0 8px 6px;*/
  /*padding-left: 6px;*/
  line-height: 28px;
  font-size: 1rem;
  padding: 0 0.9375rem;
}
.structure-row .row,
.packet-row .row {
  min-height: 28px;
}
.resource-row .row,
.calculation-resource-row .row {
  min-height: 25px;
  line-height: 25px;
}
.resource-row .row.resource-row-details {
  font-size: 0.9rem;
  line-height: 20px;
}
.structure-row .row .checkbox-column {
  margin-right: 1rem;
}
.calculation-packet-row .row .checkbox-column,
.packet-row .row .checkbox-column {
  margin-right: 2rem;
}
.calculation-resource-row .row .checkbox-column,
.resource-row .row .checkbox-column {
  margin-right: 3rem;
}
.calculation-row {
  background-color: #ffbc8d;
}
.calculation-row .row,
.calculation-packet-row .row,
.structure-row .row,
.packet-row .row {
  border-bottom: 1px solid white;
}
.calculation-resource-row .row:first-child,
.resource-row .row:first-child {
  border-top: 1px solid white;
}
.calculation-row.selected {
  background-color: #ffc69e;
}
.structure-row {
  background-color: #d6e1f0;
}
.calculation-row,
.structure-row,
.calculation-packet-row {
  font-weight: 600;
}
.calculation-packet-row {
  background-color: #ffffff;
  border: 1px solid #c9d6e2;
}
.calculation-resource-row,
.packet-row,
.resource-row {
  background-color: #f3f3f3;
}
.table-striped {
  /*margin-bottom: 60px;*/
  position: relative;
  min-height: 400px;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.table-striped :nth-of-type(odd) > .table-row {
  background-color: #f9f9f9;
}
.table-striped .editable,
.table .editable {
  background-color: #b8e8cc;
}
.table-striped :nth-of-type(odd) > .editable {
  background-color: #b8e8cc;
}
.table-striped .row.dropped-in {
  background-color: rgba(0, 0, 0, 0.2);
}
/*
tr {
    border-left: 20px solid white;
    border-right: 20px solid white;
}
*/
.table .selected-row {
  border-style: solid;
  border-width: 2px;
  padding: 0px;
  margin: 0px;
}
.table .selected-row .bolded {
  font-weight: 600;
  padding: 0px;
  margin: 0px;
}
.table td,
.table th {
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1rem;
  border-top: none;
}
/*
.table .date-column {
    font-size: 0.9rem;
}
*/
.table .number-column {
  text-align: right;
}
.minimized-card .hidden-minimized {
  display: none;
}
.table .date-column,
.table .number-column {
  /*text-align: right;*/
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.table .fixed-column,
.table-header .fixed-column {
  padding-left: 0;
  padding-right: 0;
}
.table .date-column {
  width: 108px;
}
.table .fixed-column,
.table .number-column {
  width: 82px;
}
.table .fixed-column {
  text-align: center;
}
.table .key-value-column {
  width: 190px;
}
.table .key-value-column .key {
  width: 100px;
  margin-left: 20px;
  font-weight: bold;
  float: left;
}
.table .key-value-column .value {
  width: 70px;
  float: right;
}
.table .padding-column {
  width: 3%;
  text-align: center !important;
}
.table .flex-column {
  width: 7.23%;
  text-align: center !important;
}
.table .flex-column.wide {
  width: 30%;
  text-align: center;
}
.table .truncated-column {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table .tiny-column {
  width: 37px;
  text-align: center;
  /*border-left: 1px solid white;*/
}
.table .unit-column {
  width: 45px;
  text-align: center;
  padding: 0 1px 0 1px;
}
.table .emission-column {
  width: 140px;
  text-align: center;
  padding: 0 10px 0 20px;
}
.emission-column-resource {
  width: 130px;
  text-align: center;
  padding: 0px 10px 0 20px;
}
.emission-column-input {
  width: 130px;
  text-align: center;
  padding: 5px 10px 0 20px;
}
.emission-column-value {
  width: 115px;
  text-align: center;
  padding: 0 15px 0 5px;
}
.cal-emission-column {
  width: 140px;
  border-left: 1px solid white;
  text-align: right;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.table .quantity-column {
  width: 80px;
  text-align: center;
  padding-left: 1px;
}
.table .checkbox-column {
  width: 36px;
  padding-left: 0.9375rem;
}
.table .detail-column {
  width: 9%;
  font-size: 0.9rem;
  line-height: 20px;
}
.small-number-input {
  max-width: 60px;
}
.table-header {
  /*
    overflow-y: scroll;
    overflow-x: hidden;
    */
  font-size: 1.1rem;
  line-height: 1.1rem;
}
.table-header .row {
  padding: 0 0.9375rem;
}
.table .actions-column {
  width: 40px;
  padding-right: 0.9375rem;
  /*text-align: center;*/
  /*font-size: 1.4rem;*/
  /*padding-left: .9375rem;*/
  /*border-left: 1px solid rgba(0, 0, 0, 0.14);*/
}
.table .actions-column a {
  color: #004b87;
}
.table .actions-column a:hover {
  color: #5783a7;
}
.table .actions-column a:focus,
.table .actions-column a:hover {
  text-decoration: none;
}
.table .icon {
  font-size: 1.8rem;
  vertical-align: sub;
}
.table-row .fixed-column,
.calculation-row .fixed-column,
.calculation-packet-row .fixed-column,
.structure-row .fixed-column,
.packet-row .fixed-column,
.table-row .number-column,
.calculation-row .number-column,
.calculation-packet-row .number-column,
.structure-row .number-column,
.packet-row .number-column,
.table-row .tiny-column,
.calculation-row .tiny-column,
.calculation-packet-row .tiny-column,
.structure-row .tiny-column,
.packet-row .tiny-column,
.table-row .actions-column,
.calculation-row .actions-column,
.calculation-packet-row .actions-column,
.structure-row .actions-column,
.packet-row .actions-column,
.table-row .date-column,
.calculation-row .date-column,
.calculation-packet-row .date-column,
.structure-row .date-column,
.structure-row .unit-column,
.packet-row .date-column {
  border-left: 1px solid white;
}
/*
.table thead th {
    line-height: 0;
}
*/
/*
.calculation-row hr,
.structure-row hr,
.packet-row hr,
.resource-row hr {
    width: 100%;
    margin: 0;
    border-width: 1px;
}
*/
.table input,
.table-striped select {
  /*line-height: 1.5rem;*/
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  /*margin-top: 6px;*/
  /*display: block;*/
}
.table-striped .input-group {
  margin-top: 5px;
  height: 1.5rem;
}
.table select.form-control:not([size]):not([multiple]) {
  height: 1.75rem;
}
.table .calculation-resource-row select.form-control:not([size]):not([multiple]) {
  height: 1.5rem;
}
.table .detail-column input {
  width: 80%;
}
/*
.calculation-row .form-check-label {
    margin-top: 6px;
}
*/
/*
tbody::before {
    content: '';
    display: block;
    height: 10px;
}
*/
.calculation-details,
.structure-row .structure-details {
  padding-left: 3.7rem;
  min-height: 52px;
}
.calculation-details .input-group {
  min-height: 26px;
}
.calculation-structure-description {
  font-weight: 100;
  line-height: normal;
  padding-top: 7px;
  max-height: 60px;
  overflow-y: scroll;
}
/*
.structure-description {
    padding-top: 0.5rem;
    line-height: 1.1rem;
    max-height: 50px;
    overflow-y: auto;
}
*/
@media (min-width: 1024px) {
  .table .fixed-column,
  .table .number-column {
    width: 95px;
  }
}
.paginator {
  /*margin-bottom: 1rem;*/
  /*background-color: @rtOrange;*/
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.pages {
  margin: auto;
  width: fit-content;
}
.page {
  cursor: pointer;
  display: inline-block;
  width: fit-content;
  padding-left: : 10px;
  padding-right: 10px;
}
.page-size {
  width: fit-content;
  position: relative;
  right: 0;
}
.container-liquid {
  max-width: 1600px;
  padding-left: 15px;
  padding-right: 15px;
}
.flex-just-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.column-block {
  background-color: white;
  margin-bottom: 34px;
}
.column-block-container {
  position: relative;
  background-color: white;
  padding-top: 13px;
  padding-bottom: 44px;
  padding-left: 10px;
  padding-right: 10px;
}
.column-block-container.bordered {
  border: 9px solid #d6e1f0;
}
.draggable-object {
  cursor: pointer;
  height: auto;
}
.opacity-mid {
  opacity: 0.5;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.has-bg-Green {
  background-color: #00af41;
}
/*
.expandable-card {
    .transition(0.5s, ease-in-out);
}
*/
.dropdown-menu {
  position: absolute !important;
}
.allow-dropdown-overflow {
  overflow-y: initial !important;
  overflow-x: initial !important;
}
.toggle-size {
  border: none;
  background: 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.toggle-size:focus {
  outline: none;
}
.toggle-indicator {
  color: #d20a2d;
  /*margin-right: 5px;*/
  /*font-size: 20px !important;*/
  vertical-align: sub;
  padding-right: 5px;
  padding-left: 5px;
}
.caret-right,
.caret-down {
  font-size: 1.4rem;
  font-family: 'rticons' !important;
  /*speak: none;*/
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/
  line-height: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e4322b;
}
.caret-right:before {
  content: '\e907';
}
.caret-down:before {
  content: '\e906';
}
.filter-button {
  font-size: 1.15rem;
  color: #004b87;
  margin-bottom: 11px;
}
.dropdown-toggle {
  padding-top: 3px;
  padding-right: 0 !important;
  margin: 0;
  position: initial;
  z-index: 50;
  min-height: 0;
}
.header-dropdown {
  padding-left: 10px !important;
  margin-top: 29px;
}
.dropdown-toggle:after {
  content: '';
}
.dropdown-menu {
  background-color: white;
  padding: 5px 0px;
  /*width: 160px;*/
  text-align: left;
  line-height: 2rem;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
  right: 2px;
  top: 6px;
  z-index: 50;
  margin-right: 20px;
}
.dropdown-menu a {
  display: block;
  white-space: nowrap;
  padding: 0px 8px 0 1px;
  text-decoration: none;
}
.dropdown-menu a:hover {
  background-color: #d6e1f0;
  text-decoration: none;
}
.dropdown-state {
  left: 0;
}
.large-dropdown {
  /*position: absolute;*/
  top: 20px;
  right: 0;
  margin-left: 26px;
  font-size: 1.4rem;
  color: #004b87;
}
.search-field {
  align-items: center;
  white-space: nowrap;
  display: inherit;
}
.rt-btn.dropdown {
  padding: 0;
}
.rt-btn.dropdown .dropdown-toggle {
  min-height: initial;
  padding: 20px 17px !important;
}
.rt-btn.dropdown .dropdown-menu {
  font-size: 1.1rem;
  line-height: 2.2rem;
  top: 51px;
  left: 0;
  right: 0;
}
.large-dropdown .dropdown-menu {
  font-size: 1.1rem;
  line-height: 2.2rem;
  top: 28px;
  min-width: 140px;
}
.rt-btn.dropdown .dropdown-menu a,
.large-dropdown .dropdown-menu a {
  padding: 0px 11px;
}
.large-dropdown .dropdown-menu .icon {
  font-size: 1.8rem;
  padding-left: 0.5rem;
}
.large-dropdown .dropdown-menu .icon:before {
  margin-left: -10px;
  margin-right: -10px;
}
.large-dropdown .caret-down,
.large-dropdown .caret-right {
  font-size: 1.8rem;
  vertical-align: sub;
  padding-left: 1rem;
}
.spinner {
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  /*
    margin-top: 140px;
    margin-bottom: 140px;
    */
  font-size: 4rem;
  color: #d20a2d;
  z-index: 10;
}
.spinner2 {
  text-align: center;
  width: 100%;
  /*
    margin-top: 140px;
    margin-bottom: 140px;
    */
  font-size: 3rem;
  color: #004b87;
  z-index: 1;
}
.onload-overlay {
  display: block;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.login-button {
  font-size: 2rem;
}
.nav-button > i {
  color: #d20a2d;
  padding: 0 10px;
}
.clickable :hover {
  text-decoration: underline;
}
.nobr {
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .container-liquid {
    padding-left: 60px;
    padding-right: 60px;
  }
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #eaf2f8;
}
::-webkit-scrollbar-thumb {
  background: #c8ced4;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a8aeb3;
}
.header {
  background-color: white;
  height: 60px;
  margin-bottom: 1rem;
}
.header-blue {
  background-color: #004b87;
  color: #e5e5e5;
}
.header .container {
  position: relative;
  height: 100%;
}
.rt-logo {
  background-image: url('../images/rt-logo.svg');
  width: 164px;
  height: 55px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: inline-block;
}
.rt-logo-text {
  display: inline-block;
  line-height: 65px;
  font-size: 20px;
  vertical-align: top;
}
@media (min-width: 992px) {
  .rt-logo {
    width: 248px;
    height: 65px;
  }
  .rt-logo-text {
    font-size: 30px;
  }
}
.sc-header {
  position: fixed;
  top: 0;
  left: 0;
  height: 65px;
  width: 100%;
  z-index: 100;
}
.sc-header-content {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 25px;
}
.toolbar {
  /*margin-bottom: 1rem;*/
  background-color: #ffc9a4;
  padding: 4px;
  margin-left: 0;
  margin-right: 0;
}
.toolbar.small {
  border-bottom: solid #004b87 1px;
  height: 32px;
}
.toolbar.small button {
  padding: 2px 15px;
}
.toolbar.small button.date-navigator {
  font-size: 1.7em;
  font-weight: bold;
}
.toolbar.sub-toolbar {
  border-top: solid #004b87 1px;
}
.toolbar.sub-toolbar button {
  padding: 2px 15px;
}
.toolbar > button {
  vertical-align: sub;
}
.structure .toolbar,
.pricing .toolbar {
  background-color: white;
  border: 4px solid #ff8200;
  padding: 0;
}
.modal-toolbar .rt-btn {
  line-height: inherit;
}
.modal-toolbar .btn-primary:after {
  vertical-align: initial;
}
.modal-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 700px;
  max-width: 100%;
  max-height: 100%;
  min-height: 300px;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: none;
  outline: none;
  border-radius: 0;
  background: white;
  overflow: auto;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.3);
  padding: 2rem 5rem;
  font-size: 1.1rem;
  line-height: 1em;
  z-index: 100;
}
.modal-popup-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10;
}
.modal-popup-small {
  width: 0;
  min-width: 350px;
  min-height: 135px;
}
.modal-popup-large {
  width: 90%;
  min-width: 350px;
  max-width: 1280px;
  min-height: 135px;
}
.help-popup {
  border: solid 2px black;
}
.bs-modal {
  position: absolute;
  top: 9%;
  left: 18%;
  right: auto;
  bottom: auto;
  width: 62vw;
  background: white;
  max-width: 100%;
  max-height: 100%;
  min-height: 70vh;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.3);
  z-index: 100;
}
.bs-title {
  padding-top: 25px;
  text-align: center;
  font-size: 25px;
  color: #004b87;
  font-weight: bold;
}
.bs-root {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 15px;
  margin-top: 15px;
  flex-wrap: wrap;
  gap: 50px 100px;
  overflow-y: auto;
  height: 66vh;
}
.bs-card-title {
  background: #e3ecf3;
  width: 22vw;
  padding: 10px 0;
  color: #004b87;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.bs-card-body {
  background: aliceblue;
  width: 22vw;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 2px solid #e3ecf3;
  font-size: 13px;
}
.bs-card-floors {
  background: aliceblue;
  width: 22vw;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-bottom: 2px solid #e3ecf3;
  font-size: 13px;
  min-height: 18vh;
}
.bs-card-mul {
  background: aliceblue;
  width: 22vw;
  padding: 20px 0;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  border-bottom: 2px solid #e3ecf3;
  font-size: 14px;
  font-weight: bold;
}
.bs-mul-title {
  width: 32%;
  max-width: 32%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs-mul-em {
  width: 36%;
  max-width: 36%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs-mul-alert {
  width: 30%;
  max-width: 30%;
  color: #d20a2d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bs-element-small {
  padding: 4px;
  width: 18vw;
  margin-bottom: 2px;
  font-size: 12px;
}
.bs-element {
  padding: 8px;
  width: 18vw;
  margin-bottom: 5px;
}
.bs-flex {
  display: flex;
  justify-content: center;
}
.bs-floor {
  background-color: #bad2e8;
  font-weight: bold;
  padding: 4px;
  width: 18vw;
  margin-bottom: 2px;
  font-size: 12px;
}
.bs-base-input {
  display: flex;
  justify-content: space-around;
  font-weight: bold;
  padding: 4px;
  width: 18vw;
  margin-bottom: 2px;
  font-size: 12px;
}
.bs-basement {
  background-color: #f2ce8c;
  font-weight: bold;
  padding: 4px;
  width: 18vw;
  margin-bottom: 2px;
  font-size: 12px;
}
.bs-area-block {
  background-color: #f2ce8c;
  text-align: center;
  padding: 8px;
  width: 18vw;
  margin-bottom: 5px;
}
.bs-area-floor {
  background-color: #bad2e8;
  text-align: center;
  padding: 8px;
  width: 18vw;
  margin-bottom: 5px;
}
.bs-input {
  background: none;
  border: 1px solid #bad2e8;
  outline: none;
  width: 10vw;
  height: 25px;
  margin: 0 15px 0 15px;
  text-align: center;
  font-size: 12px;
}
.bs-input:hover {
  outline: 2px solid #bad2e8;
  border: none;
}
.bs-button {
  background-color: #bad2e8;
  border: none;
  outline: none;
  width: 90px;
  height: 40px;
  font-size: 15px;
  margin: 30px 0 30px 0;
  cursor: pointer;
}
.breadcrumb {
  padding: 0;
  margin-bottom: 1rem;
}
.breadcrumb-item {
  font-size: 1.3rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  font-size: 2.5rem;
  line-height: 1.7rem;
  vertical-align: top;
}
.div-no-image {
  color: #d20a2d;
  font-size: 25px;
  height: 300px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*
.table.summary td,
.table.summary th {
    font-size: 1.1rem;
    padding: 2rem;
    padding-right: 0;
}

.table.summary th {
    font-weight: 400;
    padding: 0;
    line-height: 1.5rem;
    padding-left: 2rem;
}

.table.summary tbody {
    background-color: @lighterBlue;
    font-weight: 600;
}

.table.summary td.heading {
    background-color: white;
    font-size: 1rem;
}
*/
.row.summary-heading div {
  text-align: center;
  padding-bottom: 0.2rem;
}
.row.summary div {
  text-align: right;
  background-color: #d6e1f0;
  /*padding: 1.5rem 0.9375rem;*/
  font-weight: 600;
  height: 2.5rem;
}
.row.summary div span {
  vertical-align: middle;
  display: inline-block;
}
.row.summary div:after {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  width: 0px;
  content: " ";
}
.row.summary .summary-title {
  background-color: white;
  text-align: center;
}
.row.summary-emission .summary-title {
  background-color: white;
  text-align: center;
}
.new-row {
  background-color: lightsteelblue;
}
.row .resource-name-column {
  padding-left: 40px;
}
.row .resource-link-column {
  padding-left: 90px;
}
.structure-row .caret-column {
  padding-left: 0px;
}
.calculation-packet-row .caret-column {
  padding-left: 20px;
}
.row .structure-name-column,
.row .packet-name-column {
  padding-left: 0px;
  line-height: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.row .resource-name-column {
  padding-left: 50px;
  line-height: 18px;
  padding-top: 3px;
}
a.rtt-link {
  vertical-align: middle;
  font-size: 0.9rem;
}
/*  redesign*/
/* separate the two summaries */
.total {
  padding-bottom: 10px;
  padding-right: 10px;
  width: 815px;
}
/* dis  */
.total .total--header {
  display: flex;
  font-size: 10px;
  justify-content: space-around;
  font-weight: bold;
}
.total--header .item {
  background-color: #fff;
}
.total--header .title {
  flex-grow: 1;
  max-width: 95px;
  min-width: 95px;
}
.total--values .title {
  flex-grow: 1;
  background-color: #fff;
  max-width: 95px;
  min-width: 95px;
  text-align: left;
  display: flex;
  align-items: center;
}
.item-pattern {
  flex-grow: 1;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1px;
}
.item {
  background-color: #f4f4f4;
  flex-grow: 1;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1px;
}
.item--border {
  border-bottom: 1px solid #c9d6e2;
  border-top: 1px solid #c9d6e2;
}
.border-left {
  border-left: 1px solid #c9d6e2;
}
.border-right {
  border-right: 1px solid #c9d6e2;
}
.item-em {
  background-color: #c3ebd1;
  flex-grow: 1;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1px;
}
.total .total--values {
  height: 38px;
  padding-top: 5px;
  display: flex;
  justify-content: space-around;
  font-size: 12px;
  font-weight: bold;
}
/*
.news {
    border-color: rgb(0, 71, 133);
}
*/
.news-feed {
  border-bottom: 1px solid gainsboro;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.news-feed h1 {
  font-size: 1.3rem;
  font-weight: 600;
}
.news-feed p {
  font-size: 1rem;
  margin: 0;
}
/*
.pricing {
    border-color: rgb(255, 121, 173);
}
*/
/*
.projects {
    border-color: rgb(108, 191, 55);
}
*/
/*
.structures {
    border-color: rgb(255, 192, 0);
}
*/
.schedule {
  white-space: nowrap;
}
.schedule-times-table {
  height: 93%;
  overflow: hidden;
}
.schedule-times-table-header {
  white-space: nowrap;
  height: 7%;
  overflow: hidden;
}
.schedule-name-row {
  padding: 0.5em;
}
.schedule-name {
  width: 85%;
  display: inline-block;
}
.schedule-name-actions-menu {
  width: 10%;
  display: inline-block;
  float: right;
}
.calendar-row {
  height: 30.2px;
}
.calendar_month {
  display: inline-block;
}
.calendar_day {
  background-color: #f9efdb;
  color: #333;
  display: inline-block;
  font-family: monospace;
  font-size: 1rem;
  text-align: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.calendar_day.disabled {
  background-color: #f3eded;
  color: #d4d0d0;
  cursor: auto;
}
.calendar_day.firstDay.task {
  background-color: #007fff;
}
.calendar_day.lastDay.task {
  background-color: #007fff;
}
.calendar_day.periodDay.task {
  background-color: #007fff;
}
.calendar_day.firstDay.folder {
  background-color: #62CCFE;
}
.calendar_day.lastDay.folder {
  background-color: #62CCFE;
}
.calendar_day.periodDay.folder {
  background-color: #62CCFE;
}
.measured-schedule {
  width: 100%;
}
.schedule-row {
  margin-left: 0;
  margin-right: 0;
  border-top: solid #c6c6c6 1px;
}
.schedule-content {
  position: relative;
}
.schedule-content .schedule-header {
  font-weight: bold;
  border-bottom: 1px black solid;
}
.schedule-row-grid {
  position: absolute;
  height: 100%;
}
.schedule-row-grid.additional-row {
  position: relative;
  height: 18px;
  border-bottom: solid #c6c6c6 1px;
}
.grid-column-container {
  position: relative;
  height: 100%;
  display: inline-block;
  overflow-y: hidden;
  overflow-x: hidden;
}
.grid-column {
  height: 100%;
  border-left: solid #c6c6c6 1px;
}
.exception-day-bar-container {
  position: relative;
  height: 100%;
  display: inline-block;
}
.exception-day-bar {
  height: 100%;
}
.schedule-column {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
}
.schedule-content .schedule-rows {
  overflow-y: overlay;
}
.TaskSubLevel {
  padding: 0.1em 0;
}
.TaskMainLevel {
  font-weight: bold;
  padding: 0.3em 0;
}
.CombineTaskListHeader {
  font-size: 1em;
  padding: 0.5em 0;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
[class*='schedule-column-'] {
  position: relative;
}
[class*='schedule-text-column-'] {
  padding-top: 0.25em;
}
.schedule-column-name,
.schedule-header-column-name {
  width: 22%;
  overflow: hidden;
}
.schedule-text-before-name {
  float: left;
}
.schedule-text-column-caret {
  display: inline-block;
  overflow-x: hidden;
  width: 1.8rem;
}
.schedule-text-column-order {
  display: inline-block;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.schedule-text-column-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.schedule-text-column-unit {
  margin-left: 1px;
}
.schedule-column-description {
  padding-top: 0.15em;
  font-size: 1.2em;
}
.schedule-column-actions {
  padding-top: 0.15em;
  font-size: 1.2em;
}
.schedule-column-unit,
.schedule-header-column-unit {
  padding-left: 0.1em;
}
.schedule-column-days {
  padding-right: 3px;
}
.schedule-last-text-column {
  padding-right: 0.1em;
}
.schedule-start-column,
.schedule-end-column {
  text-align: left;
}
.schedule-settings-column {
  vertical-align: top;
}
.schedule-grid-column {
  height: 100%;
  vertical-align: top;
}
.schedule-grid-row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
.schedule-task-bar {
  margin-top: 2px;
  margin-bottom: 2px;
  opacity: 0.9;
  background-color: #f79838;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.schedule-task-bar.printable {
  background-color: #f79838;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.schedule-task-bar.open {
  background-color: rgba(255, 156, 67, 0.5);
}
.schedule-task-bar.selected {
  border: black solid 2px;
}
.schedule-task-bar .handle-layer {
  width: 100%;
}
.schedule-task-bar .handle {
  width: 1rem;
  font-size: 1.4rem;
  display: inline-block;
}
.handle.handle-left {
  margin-left: -1rem;
}
.handle.handle-right {
  margin-right: -1rem;
}
.schedule-task-bar .task-name {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.schedule-task-bar .align-right {
  align-content: right;
}
.schedule-task-bar .task-name.selected {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.drop-target-block.drag-is-over .schedule-row {
  border-top: red solid 1px;
  border-bottom: red solid 1px;
  background-color: #c6c6c6;
}
.schedule-grid-row .drop-target-block.drag-is-over {
  border-top: red solid 1px;
  border-bottom: red solid 1px;
  background-color: #c6c6c6;
  opacity: 0.5;
}
.icon.red {
  color: red;
}
.schedule-task-bar .right-handle {
  width: 1rem;
  float: right;
  display: inline-block;
}
.workAchievement {
  color: #0059A3;
  font-weight: bold;
}
.combineModal {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 1060px;
  max-width: 100%;
  max-height: 100%;
  min-height: 300px;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: none;
  outline: none;
  border-radius: 0;
  background: white;
  overflow: auto;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.3);
  padding: 2rem 5rem;
  font-size: 1.1rem;
  line-height: 1em;
  z-index: 100;
}
.CombineTasksForm .form-control {
  margin: 0;
  padding: 0 0.3em;
}
.SchedulesContainer .container-liquid {
  padding-left: 0;
  padding-right: 0;
  max-width: 95%;
  min-width: 1240px;
}
.EditorBox,
.TextAreaBox,
.TaskMenu {
  display: block;
  white-space: nowrap;
  position: absolute;
  z-index: 2;
  text-align: left;
  font-weight: normal;
  background: #f2f3f4;
  border-radius: 0.3em;
  border: 1px outset #ededed;
}
.EditorBox {
  left: 0;
  top: 0;
}
.TextAreaBox {
  left: -175%;
  bottom: 120%;
  padding: 0.5em;
}
.TaskMenu {
  left: 30%;
  bottom: 120%;
  padding: 0.5em;
}
.TextAreaBox::after,
.TaskMenu::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-top: 1em solid #f2f3f4;
  top: 100%;
  right: calc(88% - 0.5rem);
}
.SplitTaskModal {
  max-width: 250px;
}
.row .milestone-row {
  line-height: 20px;
  margin-top: 3px;
  margin-bottom: 4px;
  margin-left: 0;
}
.milestone-row.new-milestone {
  border: 1px solid #ff8200;
}
.row .milestone-row:nth-child(even) {
  background-color: #f3eded;
}
.milestone-row.header-row {
  font-weight: bold;
}
.milestone-row:not(.header-row) {
  cursor: pointer;
}
.milestone-row .milestone-date-column {
  width: 100px;
}
.milestone-row .milestone-name-column {
  margin-left: 5px;
  margin-top: 4px;
  width: 270px;
}
.milestone-name-column.editing {
  border: 1px solid #c6c6c6;
  margin-top: 0;
  margin-left: 0;
}
.milestone-row .milestone-textPosition-column {
  width: 100px;
  margin-top: 4px;
}
.milestone-row .milestone-tools-column {
  width: 40px;
  margin-top: 4px;
}
.verticalbar.text-container {
  height: 33%;
  width: 20px;
  position: relative;
}
.verticalbar.text-container.bottom {
  top: 67%;
}
.verticalbar.text-container.top {
  top: 0;
}
.verticalbar.text-container.middle {
  top: 33%;
}
.verticalbar.text {
  transform: rotate(90deg);
  position: relative;
  font-size: 1.3rem;
}
.schedules > .toolbar > button {
  font-size: 1.8em;
  font-weight: bold;
  margin: 0.3em;
}
.schedules.column-block {
  margin-bottom: 0;
  border-bottom: 1px solid #c6c6c6;
}
.schedule-header-container {
  max-width: none;
  min-width: 1240px;
}
.print-modal--img {
  text-align: center;
  height: 50%;
  width: 50%;
  margin-top: 30px;
}
.print-modal--text {
  margin-top: 30px;
}
@media print {
  @page {
    margin: 10px;
  }
  .schedule-content {
    font-size: 0.8em;
    zoom: 0.9;
    scale: 0.9;
  }
  .schedule-column {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
  }
  .rt-logo,
  .rt-logo-text {
    display: none;
  }
  .pull-right.dropdown.large-dropdown {
    display: none;
  }
  .row.toolbar.small {
    display: none;
  }
  .react-datepicker-ignore-onclickoutside {
    border: 1px solid #c6c6c6;
  }
  input[type="text"] {
    border: 1px solid #c6c6c6;
  }
}
.help-block {
  background-image: url(../images/rt-logo.svg);
  background-size: cover;
  background-position-x: right;
}
.help-block .help-text {
  background: white;
  opacity: 0.95;
  padding: 1rem;
  color: #004b87;
  border: 1px solid #004b87;
}
.react-datepicker-ignore-onclickoutside {
  width: 98%;
}
.react-datepicker__input-container input {
  width: 98%;
}
.react-datepicker__day--disabled {
  color: red;
  background-color: #F0F0F0;
}
.react-datepicker__day--disabled:hover {
  color: red;
  background-color: #F0F0F0;
  border-radius: initial;
}
.Date_Exclude {
  color: lightgray;
  background-color: #F0F0F0;
}
.Date_Exclude:hover {
  color: lightgray;
  background-color: #F0F0F0;
  border-radius: initial;
}
.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-dropdown-wrapper {
  height: 30px;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}
.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.rdw-block-dropdown {
  width: 110px;
}
.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}
.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}
.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}
.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}
.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}
.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span {
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}
.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap;
}
.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}
.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}
.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}
.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0;
}
.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorPlaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
/*# sourceMappingURL=react-draft-wysiwyg.css.map*/
.has-borderBottom {
  border-bottom: solid;
  border-bottom-width: 2px;
  border-bottom-color: #004a86;
}
.SCCardMapView {
  --border: solid 1px #d3d3d3;
  box-shadow: 5px 10px rgba(0, 0, 0, 0.04);
  border: var(--border);
  background-color: #FFFF;
}
.SCCardMapView:not(:last-child) {
  border-bottom: none;
}
.SCCardBodyMapView {
  padding: 5px 10px;
  font-size: 18px;
}
.SCCardHeaderMapView {
  padding: 15px;
  font-size: 15px;
  cursor: pointer;
  max-height: 120px;
  user-select: none;
  margin-bottom: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: solid 1px #d3d3d3;
}
.SCCardHeaderMapView:hover {
  background-color: #e6f0fa;
}
.SCCardBodyMapView {
  padding: 15px;
  --border: solid 1px #d3d3d3;
  box-shadow: 8px 8px rgba(0, 0, 0, 0.06);
  border: var(--border);
  margin-bottom: 10px;
  font-size: 13px;
}
.SCAccordionProjectIcons {
  font-size: 15px;
  float: right;
  border: none;
  background-color: transparent;
}
.SCAccordionProjectIcons:active {
  outline: 0;
}
.plist-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(70vh - 70px);
}
.project-list-container {
  margin-bottom: 24px;
}
.project--header--container {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-template-areas: "name name new icon" "price price price price" "finished finished finished finished";
}
.project--header--name {
  font-size: 15px;
  grid-area: name;
}
.project--header--icon {
  grid-area: icon;
  text-align: end;
}
.project--header--price {
  grid-area: price;
}
.project--header--finished {
  grid-area: finished;
}
.option--button {
  width: 100%;
}
@font-face {
  font-family: 'Varta';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/varta/v21/Qw3AZQpJHj_6LzHUngWbrFkDH1x9tD4Eig.ttf) format('truetype');
}
.label--search {
  border: none;
  text-align: left;
  font-size: 14px;
}
.label--usearch {
  border: none;
  text-align: left;
  font-size: 18px;
}
.cost--suffix {
  color: #004b87;
  font-size: 18px;
  padding: 0;
  padding-top: 30px;
  margin: 0;
}
.finished-root {
  padding-top: 8px;
  font-size: 18px;
}
.field--selection {
  color: #004b87;
  margin-right: 6px;
  cursor: pointer;
  font-size: 15px;
}
.field--selection:hover {
  color: #d20a2d;
}
.filter--button {
  color: white;
  background-color: #336F9F;
  border: none;
  height: 38px;
  font-size: 16px;
  min-width: 80px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter-div {
  height: 38px;
  display: flex;
  align-items: center;
}
.button--section {
  display: flex;
  justify-content: space-between;
}
.search--button--icon {
  margin-left: 5px;
}
.section--root {
  grid-area: buttonSection;
  display: flex;
}
.s-root {
  height: 40px;
  width: 100%;
  justify-content: center;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-family: 'Varta';
  color: #ffffff;
  margin: 0 10px;
  text-decoration: none;
}
.s-root-active {
  height: 40px;
  width: 100%;
  justify-content: center;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-family: 'Varta';
  margin: 0 10px;
  text-decoration: none;
  background-color: #336F9F;
  color: #ffffff;
}
.s-root-nactive {
  height: 40px;
  width: 100%;
  justify-content: center;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-family: 'Varta';
  color: #ffffff;
  margin: 0 10px;
  text-decoration: none;
  color: #336F9F;
  background-color: #ffffff;
  border-style: solid;
  border-color: #336F9F;
  border-width: 1px;
}
.s-button-active {
  background-color: #336F9F;
  color: #ffffff;
}
.s-button-nactive {
  background-color: #ffffff;
  border-color: #336F9F;
}
.s-option-click--selected {
  background-color: #f57e42;
  color: white;
}
.s-option-click--normal {
  background-color: white;
}
.s-option-click--disabled {
  margin: 0 10px 20px;
}
.s-option-click {
  cursor: pointer;
  min-height: 235px;
  padding: 10px 10px 0 10px;
}
.s-option-click--shape {
  cursor: pointer;
  margin: 0 10px 20px;
}
.s-option-click--shape:hover {
  background-color: #f57e42;
  color: white;
}
.s-option-click--shape:first-child {
  margin-top: 20px;
}
.s-option-root {
  display: flex;
  align-items: center;
}
.s-option-select {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #004b87;
  padding-bottom: 10px;
}
.s-oimg {
  min-height: 150px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.s-option-simple {
  background-image: url('../images/simple.png');
  width: 50%;
  margin: auto;
}
.s-option-lshape {
  background-image: url('../images/lshape.png');
  width: 50%;
  margin: auto;
}
.s-option-long {
  background-image: url('../images/long.png');
  width: 50%;
  margin: auto;
}
.s-option-lshapecare {
  background-image: url('../images/lshapeCare.png');
  width: 50%;
  margin: auto;
}
.s-option-hshapecare {
  background-image: url('../images/UHshape.png');
  width: 50%;
  margin: auto;
}
.s-option-other {
  background-image: url('../images/other.png');
}
.s-option--container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
}
.s--font {
  margin-top: 8px;
  font-size: 15px;
}
.shape-options {
  max-width: 330px;
  text-align: center;
  width: 100%;
}
.div-pattern {
  padding-top: 30px;
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  height: calc(90vh - 60px);
}
.div-building {
  text-align: center;
  border-right-style: solid;
  border-right-color: #8dbff2;
  border-width: 1px;
  height: calc(100vh - 100px);
  overflow-y: auto;
}
@media (max-width: 1200px) {
  .div-building {
    flex: 4;
  }
}
.div-left {
  padding-top: 50px;
}
.div-card-image {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 87%;
  height: 165px;
  object-fit: contain;
}
.div-card {
  margin: 10px;
  padding: 10px;
  height: 92%;
  background-color: #b0b4b7;
  color: #ffffff;
  text-align: left;
  cursor: not-allowed;
}
.div-card.div-card-selectable {
  background-color: #114585;
  cursor: pointer;
}
.div-card.div-card-selectable:hover {
  background-color: #f57e42;
}
.div-card-text {
  padding-left: 15px;
  font-size: 18px;
  overflow-wrap: break-word;
}
.div-card.div-card-active {
  background-color: #f57e42;
}
.shape-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 20px;
  flex: 2;
  padding-top: 25px;
}
.bulding-type--name {
  padding: 6px 0;
  border-top: 1px solid #004b87;
  border-bottom: 1px solid #004b87;
}
.buttton--section {
  margin-top: auto;
}
.card-responsive {
  padding: 0;
}
.root-shape-calc {
  height: calc(100vh);
  overflow-y: auto;
}
.spacerow-root {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.spacerow-root .spacerow-column {
  font-size: 15px;
}
.spacerow-column {
  display: flex;
  flex-direction: column;
  min-width: 80px;
}
.spacerow-column-name {
  flex-grow: 1;
}
.mul-root {
  display: flex;
  background-color: #f0f5fa;
  border: 1px solid #004a86;
  border-radius: 7px;
  font-size: 16px;
  cursor: pointer;
  width: 120px;
}
.mul-root .b-info-icon {
  font-size: 14px;
}
.mul-input {
  background: none;
  border: none;
  outline: none;
  width: 40px;
  text-align: center;
}
.mul-icon {
  flex-grow: 1;
  width: 30%;
  max-width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mul-em {
  flex-grow: 1;
  width: 40%;
  max-width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apartment-root {
  background-color: #fff;
  min-height: 40px;
  font-size: 15px;
  padding: 6px;
  border-bottom: 1px solid #e6f0fa;
}
.apartment-root:hover {
  background-color: #e6f0fa;
}
.card-apartment {
  background-color: #fff;
  min-height: 40px;
  font-size: 15px;
  padding: 6px;
  border-bottom: 1px solid #e6f0fa;
}
.card-apartment:hover {
  background-color: #e6f0fa;
}
.card-apartment-model {
  background-color: #fff;
  min-height: 40px;
  font-size: 15px;
  padding: 6px;
  border-bottom: 1px solid #e6f0fa;
  border-bottom: solid 1px #8dbff2;
}
.card-apartment-model:hover {
  background-color: #e6f0fa;
}
.spacerow-name {
  color: #004a86;
}
.a-aInfo-compose {
  padding: 0;
  color: #004a86;
  word-break: break-all;
}
.a-aInfo-area {
  text-align: center;
  font-size: 14px;
}
.a-aInfo-height {
  justify-content: center;
  text-align: center;
  display: flex;
}
.a-aInfo-icon {
  cursor: pointer;
  padding: 0 0 0 10px;
}
.a-aInfo-icon:active {
  cursor: pointer;
  color: #8dbff2;
}
@media screen and (min-width: 1023px) {
  .a-aInfo-area {
    padding: 0 0 0 10px;
  }
  .a-aInfo-height {
    padding: 0 0 0 10px;
  }
}
.si-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 5px;
}
.si-element-col {
  display: flex;
  flex-direction: column;
  min-width: 80px;
}
.si-name {
  max-width: 40%;
  color: #004b87;
  font-weight: bold;
  text-align: left;
  flex-grow: 1;
}
.cv-root {
  font-family: 'Varta';
}
.cv-space-close {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 250px;
}
.cv-buildings {
  overflow-x: hidden;
  overflow-y: auto;
}
.cv-div-filters {
  height: calc(60vh - 143px);
  overflow-y: auto;
}
.info--container {
  display: flex;
  flex-direction: column;
}
.info-buttons--margin {
  margin-top: auto;
}
.btn-bef {
  color: #343433;
}
.btn-next-prev {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.btn-cnt {
  display: flex;
  justify-content: center;
}
.btn-bef:before {
  content: '‹';
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 1em;
  /*font-size: 22px;*/
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out, -o-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -o-transform 0.1s ease-in-out;
  color: #e4322b;
}
.btn-bef:active::before {
  -webkit-transform: scale(3) translateX(0.166667em);
  -ms-transform: scale(3) translateX(0.166667em);
  -o-transform: scale(3) translateX(0.166667em);
  transform: scale(3) translateX(0.166667em);
}
.sc-calculator-title {
  background: none;
  border: none;
  color: #114585;
  font-size: 18px;
  max-width: 140px;
  outline: none;
}
.sc-building-name {
  background: none;
  border: none;
  font-size: 16px;
  max-width: 140px;
  outline: none;
}
.sc-floor-name {
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  font-weight: bold;
}
.droppable-dragging-over {
  border: 2px dotted #336f9f;
}
.droppable-dragging {
  margin-top: 2px;
  height: 50px;
  border: 2px dotted #336f9f;
  animation: fadeout 6s linear infinite;
}
@keyframes fadeout {
  0% {
    background-color: #c9e4fa;
  }
  25% {
    background-color: #fff;
  }
  50% {
    background-color: #c9e4fa;
  }
  75% {
    background-color: #fff;
  }
  100% {
    background-color: #c9e4fa;
  }
}
.sc-floor-name:hover,
.sc-floor-name:focus,
.sc-building-name:hover,
.sc-building-name:focus,
.sc-calculator-title:hover,
.sc-calculator-title:focus {
  background: none;
  border: 1px solid gray;
  border-radius: 2px;
}
.sc-loading-container {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
}
.mt-10px {
  margin-top: 10px !important;
}
.mt-30px {
  margin-top: 30px !important;
}
.row-flex {
  display: flex;
  padding-top: 20px;
}
.col-min {
  width: 21vw;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.col-max {
  width: 29vw;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.col-dmax {
  width: 58vw;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.col-Mmax {
  width: 79vw;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.col-sum {
  width: 50vw;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.has-style-card {
  cursor: pointer;
  margin-top: 3px;
  user-select: none;
  padding: 5px 10px;
  margin: 8px 0px 8px 0px;
  --border: solid 1px #d3d3d3;
  border: var(--border);
}
.b-info-title {
  color: #114585;
  font-size: 18px;
  padding-top: 1px;
  margin-top: auto;
  margin-bottom: auto;
}
.b-info-number {
  --bord: solid 2px #000000;
  border-right: var(--bord);
  height: 28px;
  font-size: 17px;
  text-align: center;
}
.b-info-name {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-info-area {
  --bord: solid 2px #8dbff2;
  border-right: var(--bord);
  height: 24px;
  text-align: center;
  font-size: 12px;
}
.b-info-Area {
  padding-top: 4px;
  text-align: center;
  font-size: 14px;
}
.b-info-button {
  margin-right: auto;
  margin-left: auto;
}
.b-info-icon {
  font-size: 18px;
  float: right;
  border: none;
  background-color: transparent;
  border-radius: 5px;
}
.b-info-icon:disabled:hover {
  color: #adadad;
}
.b-info-icon:hover {
  color: #114585;
}
.b-info-icon:active,
.b-info-icon:focus {
  outline: 0;
}
.b-infoCard {
  cursor: pointer;
  font-size: 12px;
  padding-left: 10px;
}
.b-infoCard-title {
  padding-top: 10px;
  padding-left: 35px;
  font-size: 17px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.b-infoCard-mainIcon {
  color: #114585;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-card-header-main-active {
  cursor: pointer;
  margin-top: 3px;
  user-select: none;
  padding: 5px 10px;
  margin: 8px 0px 8px 0px;
  --border: solid 1px #d3d3d3;
  border: var(--border);
  background-color: #bad2e8;
}
.b-card-header-main {
  cursor: pointer;
  margin-top: 3px;
  user-select: none;
  padding: 5px 10px;
  margin: 8px 0px 8px 0px;
  --border: solid 1px #d3d3d3;
  border: var(--border);
  background-color: #ffffff;
}
.b-card-header-flag {
  cursor: pointer;
  margin-top: 3px;
  user-select: none;
  padding: 5px 10px;
  margin: 8px 0px 8px 0px;
  --border: solid 1px #d3d3d3;
  border: var(--border);
  background-color: #e1edfa;
}
.extra-list {
  margin-top: 5px;
}
.extra-model-card {
  cursor: pointer;
  user-select: none;
  margin-bottom: 3px;
  background-color: #94e0be;
  padding: 5px 10px;
}
.b-card-header-second {
  cursor: pointer;
  margin-top: 3px;
  user-select: none;
  background-color: #f2ce8c;
  padding: 5px 10px;
}
.b-card-header-second-active {
  cursor: pointer;
  user-select: none;
  background-color: #e3b45d;
  padding: 5px 10px;
  margin-top: 3px;
}
.b-div-info {
  cursor: pointer;
  margin-top: 50px;
  font-size: 15px;
  color: #ffffff;
  background-color: #114585;
  height: 45px;
}
.b-div-text {
  display: flex;
  align-items: center;
}
.b-div-icon {
  font-size: 30px;
  padding-top: 5px;
}
button[data-descr]:hover::before,
button[data-descr]:focus::before {
  content: attr(data-descr);
  position: absolute;
  top: 27px;
  min-width: 100px;
  border: 1px #aaaaaa solid;
  border-radius: 10px;
  background: rgba(255, 255, 204, 0.9);
  padding: 5px;
  color: #000000;
  font-size: 14px;
  z-index: 1;
}
.accordion-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.text-end {
  text-align: end;
}
.c-cInfo-root {
  background-color: #FFFFFF;
  min-height: 40px;
  font-size: 17px;
  padding: 5px 10px;
}
.c-cInfo-root-border {
  --border: solid 1px #8f8f8f;
  border-bottom: var(--border);
}
.c-cInfo-area {
  text-align: center;
}
.c-list-root {
  padding-top: 70px;
  z-index: 3;
  opacity: 1;
  top: 0;
  left: 0;
  font-family: 'Varta';
  height: calc(96vh);
  overflow-y: auto;
}
.cost-container {
  max-width: 1150px;
  margin: auto;
  margin-bottom: 20px;
}
.c-header {
  font-size: 30px;
  color: #114585;
  margin-top: 60px;
  margin-bottom: 20px;
  max-height: 50px;
}
.c-all-cost {
  text-align: right;
}
.c-list-title:after {
  content: '›';
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: text-bottom;
  margin-left: 1em;
  font-size: 22px;
  padding-bottom: 3px;
  -webkit-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  transition: -webkit-transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out, -o-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out, -o-transform 0.1s ease-in-out;
  color: #e4322b;
}
.c-list-body {
  height: calc(70vh - 200px);
}
.c-list-value {
  text-align: right;
}
.c-list-med-item {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(53vh - 200px);
}
.c-kerrostalo-root {
  background-color: #114585;
  color: #ffffff;
  font-size: 22px;
  margin-top: 3px;
  min-height: 45px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.cost-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-box-limit {
  height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.group-element {
  display: flex;
  align-items: center;
}
.group-element > div {
  margin-right: 15px;
}
.c-rappu-root {
  background-color: #477ca8;
  color: #ffffff;
  font-size: 22px;
  margin-top: 3px;
  min-height: 36px;
  display: flex;
  cursor: pointer;
  align-items: center;
}
.c-subitem-root {
  background-color: #bad2e8;
  color: #000000;
  font-size: 18px;
  min-height: 36px;
  margin-top: 3px;
  display: flex;
  align-items: center;
}
.c-content-number {
  color: #114585;
}
.c-content-root {
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  height: 38px;
  margin-bottom: 1.5px;
  display: flex;
  align-items: center;
}
.c-content-border {
  border-bottom-style: solid;
  border-bottom-Color: #114585;
  border-width: 1px;
  font-size: 19px;
  height: 38px;
  margin-bottom: 1.5px;
  display: flex;
  align-items: center;
}
.it-root {
  visibility: hidden;
  background-color: rgba(1, 89, 161, 0.89);
  text-align: justify;
  color: #fff;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 100;
  border-radius: 5px;
  cursor: pointer;
}
.it-ttp-cost .it-popup-cost {
  visibility: hidden;
  background-color: rgba(1, 89, 161, 0.89);
  text-align: justify;
  color: #fff;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 100;
  border-radius: 5px;
  cursor: pointer;
  width: 645px;
  padding: 15px;
  right: 8%;
  font-size: 17px;
  background-color: #f2f5fa;
  color: rgba(1, 89, 161, 0.89);
  top: 0px;
}
.it-ttp-cost:hover .it-popup-cost {
  visibility: visible;
}
.it-ttp {
  position: relative;
  cursor: pointer;
  padding-left: 10px;
}
.it-popup {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  width: 20vw;
  padding: 10px;
  background-color: rgba(1, 89, 161, 0.89);
  color: #fff;
  z-index: 10;
  border-radius: 5px;
  font-size: 15px;
}
.it-ttp:hover .it-popup {
  display: block;
}
.it-ttp-f .it-popup-f {
  visibility: hidden;
  background-color: rgba(1, 89, 161, 0.89);
  text-align: justify;
  color: #fff;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 100;
  border-radius: 5px;
  cursor: pointer;
  word-break: keep-all;
  width: 680px;
  padding: 12px;
  right: 20%;
  font-size: 14px;
  background-color: #f2f5fa;
  color: rgba(1, 89, 161, 0.89);
}
.it-ttp-f:hover .it-popup-f {
  visibility: visible;
}
.it-ttp-w .it-popup-w {
  visibility: hidden;
  background-color: rgba(1, 89, 161, 0.89);
  text-align: justify;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 100;
  border-radius: 5px;
  cursor: pointer;
  word-break: keep-all;
  width: 270px;
  padding: 12px;
  right: 15%;
  font-size: 14px;
  background-color: #d20a2d;
  color: #fff;
}
.it-ttp-w:hover .it-popup-w {
  visibility: visible;
}
.c-button-root {
  font-size: 20px;
  margin-top: 4px;
  min-height: 45px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.c-button-exp {
  font-size: 20px;
  margin-top: 4px;
  min-height: 45px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #000;
  background-color: #E3B45D;
}
.c-button-exp:hover {
  background-color: #f2ce8c;
}
.c-button-goto {
  font-size: 20px;
  margin-top: 4px;
  min-height: 45px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #477ca8;
  color: #fff;
}
.c-button-goto:hover {
  background-color: #e6f0fa;
  color: #004b87;
}
.c-button-expand {
  float: right;
  border: none;
  background-color: #114585;
  color: #fff;
  height: 40px;
  width: 40px;
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-button-expand:hover {
  background-color: #e6f0fa;
  color: #004b87;
  font-size: 30px;
}
.slider-quality {
  -webkit-appearance: none;
  /* Override default CSS styles */
  appearance: none;
  width: 90%;
  /* Full-width */
  height: 20px;
  /* Specified height */
  border-style: solid;
  border-color: #114585;
  border-radius: 15px ;
  background: #ffffff;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 0.9;
  /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: 0.2s;
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
}
.slider-quality:hover {
  opacity: 1;
}
.slider-quality::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #000000;
  cursor: pointer;
  border-radius: 20px 20px 20px 0px;
}
.slider-quality::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #000000;
  cursor: pointer;
  border-radius: 20px 20px 20px 0px;
}
.f-main-title {
  font-size: 25px;
  color: #004a86;
}
.f-title {
  font-size: 23px;
  color: #000000;
}
.p-0 {
  padding: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.break-word {
  overflow-wrap: break-word;
}
.button-divider {
  border-bottom: 1.5px solid #114585;
  margin-bottom: 10px;
}
.h-100 {
  height: 100%;
}
.mt-auto {
  margin-top: auto;
}
.f-body {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-middle {
  position: relative;
  width: 100%;
  max-width: 580px;
}
.f-slider {
  position: relative;
  width: 100%;
  z-index: 0;
  padding: 0 0 25px 0;
}
.f-track {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 4px;
  border-radius: 5px;
  background-color: #828282;
}
.f-range {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  bottom: 0;
  background-color: #004a86;
}
.f-thumb {
  position: absolute;
  top: -11.5px;
  z-index: 4;
  height: 25px;
  width: 25px;
  background-color: #e3b45d;
  border-radius: 50%;
  transition: box-shadow 0.3s ease-in-out;
}
.f-thumb-left-container {
  position: relative;
  margin-right: 25px;
}
.f-thumb-left {
  left: 0;
  background-color: #f5ca7a;
}
.f-thumb-right-container {
  position: relative;
  margin-left: 25px;
}
.f-thumb-right {
  right: 0;
  background-color: #a7874d;
}
.f-slider-area {
  position: absolute;
  pointer-events: none;
  -webkit-appearance: none;
  z-index: 2;
  height: 4px;
  width: 100%;
  opacity: 0;
}
.f-slider-area::-webkit-slider-thumb {
  cursor: pointer;
  -webkit-appearance: none;
  pointer-events: all;
  width: 25px;
  height: 25px;
  border-radius: 10px;
  border: 0 none;
  background-color: red;
}
.f-slider-area::-moz-range-thumb {
  cursor: pointer;
  -webkit-appearance: none;
  pointer-events: all;
  width: 25px;
  height: 25px;
  border-radius: 10px;
  border: 0 none;
  background-color: red;
}
.flex-reverse {
  cursor: pointer;
  display: flex;
}
@media (max-width: 1280px) {
  .button-divider {
    padding-bottom: 0 !important;
    margin-bottom: 10px !important;
  }
  .navigation-buttons {
    margin: 15 !important;
  }
  .f-body {
    padding-top: 0 !important;
  }
  .f-title {
    padding-top: 0 !important;
  }
  .fiter-tittle {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1280px) {
  .full-width {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .four-width {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-reverse {
    flex-direction: column-reverse;
  }
  .sq-title {
    padding-top: 10px !important;
    justify-content: center !important;
  }
}
@media (max-width: 1280px) {
  .sm1-width {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .sm2-width {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.has-border-left {
  border-left: solid;
  border-left-width: 4px;
  border-left-color: #004a86;
}
.has-marginLR-auto {
  margin-left: auto;
  margin-right: auto;
}
.s-list-title {
  text-align: center;
  color: #114585;
}
.s-tower-root {
  background-color: #bad2e8;
  margin-bottom: 2px;
  margin-left: 1px;
  display: flex;
  align-items: center;
  height: 30px;
  font-size: 15px;
}
.s-list-towers {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  overflow-y: auto;
  height: 70vh;
}
.s-basement-root {
  background-color: #f2ce8c;
  margin-bottom: 2px;
  margin-left: 1px;
  display: flex;
  align-items: center;
  font-size: 15px;
  height: 30px;
}
.s-info-second {
  background-color: #bad2e8;
  margin-left: auto;
  margin-right: auto;
  border-left: solid;
  border-left-width: 4px;
  border-left-color: #004a86;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-size: 17px;
  margin-top: 25px;
}
.s-info-main {
  background-color: #f2ce8c;
  margin-left: auto;
  margin-right: auto;
  border-left: solid;
  border-left-width: 4px;
  border-left-color: #004a86;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 15px;
}
.s-info-text {
  font-size: 20px;
  text-align: center;
  padding-top: 15px;
  padding-left: 20px;
}
.s-input {
  text-align: center;
  font-size: 22px;
  max-height: 34px;
  border-radius: 6px 6px 6px 0px;
}
.s-info-area {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
}
.sqmeter-text--spacing {
  margin-left: 5px;
}
.s-list-div-button {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.s-list-button {
  background-color: #bad2e8;
  width: 120px;
  height: 50px;
  font-size: 25px;
  margin-top: 15px;
  cursor: pointer;
}
.s-buildings-container {
  overflow: auto;
  white-space: nowrap;
}
.s-list-line {
  padding-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
.has-align {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sq-radio {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sq-title {
  padding-top: 0;
  font-size: 15px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.a-root {
  background-color: #477ca8;
  height: 45px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e3b45d;
  font-family: Varta;
  border-right: solid;
  border-right-color: #fff;
  border-right-width: 3px;
}
.a-tooltip .a-tooltiptext {
  visibility: hidden;
  width: 370px;
  background-color: rgba(1, 89, 161, 0.89);
  color: #fff;
  text-align: center;
  padding: 15px 5px 0;
  font-size: 18px;
  top: -5px;
  right: 80%;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 100;
}
.a-tooltip:hover .a-tooltiptext {
  visibility: visible;
}
.f-elements {
  display: flex;
  justify-content: space-between;
  overflow: auto;
  white-space: nowrap;
}
.f-message {
  width: 100%;
  font-size: 40px;
  text-align: center;
  margin-top: 100px;
  padding: auto;
  color: #004b87;
}
.f-elements-line {
  flex-grow: 1;
  height: 85%;
  margin-left: 15px;
  display: inline-block;
  background-color: aliceblue;
  box-sizing: border-box;
}
@media (min-width: 1350px) {
  .fen-width {
    width: 20vw;
  }
}
@media (max-width: 1350px) {
  .fes-width {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 350px;
  }
}
.f-t-button {
  background-color: #477ca8;
  height: 45px;
  width: 370px;
  margin-top: 10px;
  margin-bottom: 10px;
  z-index: 1;
  position: relative;
}
.f-t-button-dis {
  background-color: #ffffff;
  border: 1px solid #477ca8;
  height: 45px;
  width: 370px;
  margin-top: 10px;
  margin-bottom: 10px;
  z-index: 1;
  position: relative;
}
.f-t-sbutton {
  background-color: #477ca8;
  height: 40px;
  width: 135px;
  margin-right: 10px;
}
.f-t-button-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-t-button-title {
  color: #ffffff;
  text-align: center;
}
.f-t-button-titled {
  color: #477ca8;
  text-align: center;
}
.f-t-button-icon {
  font-size: 22px;
  color: #fff;
}
.f-oimg {
  width: 7vw;
  height: 15vh;
  background-size: 88%;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.f-small-oimg {
  width: 6vw;
  height: 12vh;
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.f-opt-A1 {
  background-image: url('../images/Foundations/A1.png');
}
.f-option-A1 {
  background-image: url('../images/Materials/A1.png');
}
.f-option-A2 {
  background-image: url('../images/Materials/A2.png');
}
.f-option-A3 {
  background-image: url('../images/Materials/A3.png');
}
.f-option-B1 {
  background-image: url('../images/Materials/B1.png');
}
.f-option-B2 {
  background-image: url('../images/Materials/B2.png');
}
.f-option-B3 {
  background-image: url('../images/Materials/B3.png');
}
.f-option-C1 {
  background-image: url('../images/Materials/C1.png');
}
.f-option-C2 {
  background-image: url('../images/Materials/C2.png');
}
.f-option-D1 {
  background-image: url('../images/Materials/D1.png');
}
.f-option-D2 {
  background-image: url('../images/Materials/D2.png');
}
.f-option-D3 {
  background-image: url('../images/Materials/D3.png');
}
.row-title {
  margin: 0;
  padding: 20px 0;
  background-color: #e3ecf3;
}
.row-img-div {
  max-height: calc(100vh - 264px);
  overflow-y: auto;
}
.img-card-container {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  padding: 0;
  object-fit: contain;
}
.img-card {
  height: 150px;
  width: 100%;
  object-fit: contain;
}
.i-root-title {
  text-align: center;
  font-size: 26px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.i-elements-root {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.i-elements-lines {
  border-right-style: solid;
  border-right-color: #8dbff2;
  border-Width: 1px;
}
.i-condition-element {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: 300px;
  width: auto;
}
.i-pinfo-save {
  color: #336F9F;
  border-width: 1px;
  border-color: #336F9F;
  background-color: #ffffff;
  height: 30px;
  font-size: 15px;
  min-width: 50px;
  text-align: center;
  padding: 10px;
}
.i-pinfo-save:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #336F9F;
}
.i--next--icon {
  font-size: 18px;
  margin-left: 3px;
}
.information-container {
  display: flex;
  flex-direction: column;
}
.project-title {
  display: flex;
}
.icon-project {
  margin-left: auto;
}
.field-inline {
  display: block;
}
.info-floors {
  display: flex;
  font-size: 16px;
  justify-content: space-around;
  align-items: center;
  background-color: #336F9F;
  color: #fff;
  height: 40px;
}
.c-oimg {
  width: 7vw;
  height: 16vh;
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.c-option-A1 {
  background-image: url('../images/Foundations/A1.png');
}
.c-option-A2 {
  background-image: url('../images/Foundations/A2.png');
}
.c-option-A3 {
  background-image: url('../images/Foundations/A3.png');
}
.c-option-B1 {
  background-image: url('../images/Foundations/B1.png');
}
.c-option-B2 {
  background-image: url('../images/Foundations/B2.png');
}
.i-option-root {
  height: 50vh;
  z-index: 5;
  position: fixed;
  width: 520px;
}
.navl-all {
  height: 100vh;
  width: 100%;
}
.navl-out {
  height: 90vh;
  width: 75vw;
  position: absolute;
  left: 470px;
  cursor: pointer;
  z-index: 100;
}
.i-option-element {
  height: 7vh;
  text-align: left;
  font-size: 18px;
  padding-top: 34px;
  padding-bottom: 30px;
  color: #ffffff;
  display: flex;
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  cursor: pointer;
  padding-left: 30px;
}
.i-option-element:hover {
  background-color: #ffffff;
  color: #004a86;
}
.i-o-root-A {
  height: 7vh;
  text-align: left;
  font-size: 18px;
  padding-top: 34px;
  padding-bottom: 30px;
  color: #ffffff;
  display: flex;
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  cursor: pointer;
  padding-left: 30px;
  background-color: #336f9f;
}
.i-o-root-A:hover {
  background-color: #ffffff;
  color: #004a86;
}
.i-o-root-B {
  height: 7vh;
  text-align: left;
  font-size: 18px;
  padding-top: 34px;
  padding-bottom: 30px;
  color: #ffffff;
  display: flex;
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  cursor: pointer;
  padding-left: 30px;
  background-color: #004a86;
}
.i-o-root-B:hover {
  background-color: #ffffff;
  color: #004a86;
}
.i-o-root-C {
  height: 7vh;
  text-align: left;
  font-size: 18px;
  padding-top: 34px;
  padding-bottom: 30px;
  color: #ffffff;
  display: flex;
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  cursor: pointer;
  padding-left: 30px;
  background-color: #03345c;
}
.i-o-root-C:hover {
  background-color: #ffffff;
  color: #004a86;
}
.mm-root {
  font-family: 'Varta';
  background-color: #ffffff;
  height: 130px;
  width: 250px;
  margin-top: 30px;
  z-index: 10;
  position: absolute;
  left: 30px;
}
.mm-title {
  padding-top: 12px;
}
.mm-name {
  font-size: 22px;
}
.mm-button {
  color: #336F9F;
  border-width: 1px;
  border-color: #336F9F;
  background-color: #ffffff;
  height: 30px;
  font-size: 14px;
  text-align: center;
  width: 150px;
  justify-content: space-around;
  align-items: center;
  display: flex;
}
.mm-button {
  color: #336F9F;
  border-width: 1px;
  border-color: #336F9F;
  background-color: #ffffff;
  height: 30px;
  font-size: 15px;
  min-width: 50px;
  text-align: center;
  padding: 10px;
  align-items: center;
  display: flex;
}
.pf-label {
  width: 55%;
  font-weight: bold;
  text-align: left;
  margin-left: 15px;
}
.pf-unit {
  width: 15%;
  font-weight: bold;
  text-align: left;
  margin-left: 30px;
}
.pf-icon {
  width: 15%;
  margin-left: 30px;
  cursor: pointer;
}
.pf-label-list {
  width: 40%;
  font-weight: bold;
  text-align: left;
  margin-left: 15px;
}
.pf-list {
  width: 60%;
  margin-left: 30px;
  margin-right: 20px;
}
.pf-input {
  background: none;
  font-size: 16px;
  border: none;
  outline: none;
  width: 20%;
  text-align: right;
}
.pf-input-enable {
  background: #e3ecf3;
  font-size: 16px;
  border: none;
  outline: none;
  width: 20%;
  text-align: right;
}
.pf-buttons {
  display: flex;
  gap: 15px;
  justify-content: space-around;
  padding-right: 15px;
}
.is-list-root {
  color: #fff;
  background-color: #336F9F;
  height: 50px;
  font-size: 18px;
  width: 95%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-family: 'Varta';
}
.is-list-item {
  font-size: 17px;
  height: 40px;
  border-bottom-style: solid ;
  border-bottom-width: 1px;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.is-list-item:hover {
  background-color: #8dbff2;
}
.is-modal-root {
  padding-top: 50px;
}
.is-modal-nav {
  border: 1px solid #000;
  cursor: pointer;
}
.is-modal-nav:hover {
  background-color: #8dbff2;
  cursor: pointer;
}
.is-list-icon {
  font-size: 20px;
  height: 40px;
  border-bottom-style: solid ;
  border-bottom-width: 1px;
  background-color: #8dbff2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.is-view-icon {
  font-size: 20px;
  height: 40px;
  border-bottom: 1px solid #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}
.is-part {
  color: #fff;
  border-style: solid;
  border-color: #fff;
  border-width: 2px;
  background-color: #336F9F;
  height: 45px;
  font-size: 18px;
  width: 95%;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: 'Varta';
  text-align: center;
}
.is-part:hover {
  color: #336F9F;
  background-color: #fff;
  border-style: solid;
  border-color: #336F9F;
  border-width: 1px;
  border-radius: 2px;
}
.e-root {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.e-group-root {
  background-color: #114585;
  color: #ffffff;
  font-size: 25px;
  margin-top: 5px;
  min-height: 50px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.e-group-root:hover {
  color: #114585;
  background-color: #dceaf7;
  border-style: solid;
  border-color: #114585;
  border-width: 2px;
}
.e-subgroup-root {
  background-color: #477ca8;
  color: #ffffff;
  font-size: 25px;
  margin-top: 5px;
  min-height: 45px;
  display: flex;
  cursor: pointer;
  align-items: center;
}
.e-subgroup-root:hover {
  color: #114585;
  background-color: #dceaf7;
  border-style: solid;
  border-color: #114585;
  border-width: 2px;
}
.e-structure-root {
  background-color: #bad2e8;
  color: #000000;
  font-size: 18px;
  min-height: 40px;
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.e-button-root {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.e-button-expand {
  float: right;
  border: none;
  background-color: #114585;
  color: #fff;
  height: 45px;
  width: 45px;
  font-size: 28px;
  margin-left: 10px;
}
.e-button-ready {
  float: right;
  border: none;
  background-color: #114585;
  color: #fff;
  height: 45px;
  width: 130px;
  font-size: 28px;
  margin-left: 10px;
}
.e-saved {
  border-color: #114585;
  border-radius: 0 0 5px 0;
  border-width: 1px;
  border-style: solid;
  color: #114585;
  font-size: 18px;
  margin-left: 10px;
  width: 130px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.ipa-btn-next {
  width: 7vw;
  justify-content: space-around;
  align-items: center;
  display: flex;
  font-size: 18px;
}
.m-root {
  font-family: 'Varta';
}
.m-projects {
  top: 65px;
  display: block;
  align-items: flex-end;
  height: calc(200vh-10px);
}
.mapview--container {
  display: flex;
}
.map {
  flex: 2;
}
.form {
  display: grid;
  grid-template-rows: 40px auto 30px;
  grid-template-areas: "buttonSection" "project" "next";
  flex: 1;
  margin-top: 65px;
  padding: 20px;
  height: calc(100vh - 88px);
}
.button--next {
  grid-area: next;
  display: flex;
  border-bottom: 1px solid #114585;
  padding-bottom: 40px;
}
.create-project {
  margin: 10px;
  grid-area: project;
  text-align: left;
}
.button--position {
  margin-left: auto;
  text-decoration: underline;
}
.login-button {
  text-decoration: underline;
}
.navigation-buttons {
  margin: 20px 0;
}
.next-button {
  margin-left: auto;
}
.previous-button {
  margin-top: 12px;
}
.map-message {
  left: 0px;
  bottom: 0px;
  background-color: #ffff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  flex-direction: column;
  font-family: 'Varta';
  cursor: pointer;
}
.map-message-f {
  position: fixed;
  height: 90%;
  width: 66%;
  top: 85px;
  left: 0px;
  bottom: 0px;
  background-color: #ffff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  flex-direction: column;
  font-family: 'Varta';
  cursor: pointer;
}
.map-message-nf {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #ffff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  flex-direction: column;
  font-family: 'Varta';
  cursor: pointer;
}
.map-message-marker {
  font-size: 5rem;
  color: #004A86;
}
.map-message-title {
  padding-top: 30px;
  font-size: 2rem;
}
.mapboxgl-ctrl-bottom-right {
  z-index: 0;
}
.m-selector {
  height: 35px;
  max-width: 240px;
  display: flex;
  align-items: center;
  background: #004b87;
  color: #fff;
}
.m-selector-disabled {
  height: 35px;
  max-width: 240px;
  display: flex;
  align-items: center;
  background-color: #e3ecf3;
  color: #000;
}
.m-element {
  height: 36px;
  font-size: 12px;
  max-width: 240px;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #000;
}
.m-element:hover {
  background-color: #e6f0fa;
}
.s-border-root {
  padding-left: 11px;
  width: 390px;
}
.s-border {
  --border: solid 1px #d3d3d3;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
  border: var(--border);
  width: 100%;
  background-color: #FFFF;
  font-family: 'Varta';
}
.s-filter-header {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 20px;
  border-left: 5px solid #004b87;
}
.s-filter-header-active {
  border-left: 5px solid #004b87;
  border-bottom: solid;
  border-bottom-width: 2px;
  border-bottom-color: #004a86;
}
.s-filter-header:hover {
  border-left: 5px solid #004b87;
}
.s-filter-body {
  padding-top: 8px;
  padding-bottom: 10px;
}
.s-filter-used {
  border-bottom-width: 4px ;
}
.s-filter-nused {
  border-width: 1px;
}
.n-root {
  background-color: #114585;
  height: 65px;
}
.n-rt-logo {
  background-image: url('../images/rt-Logo.png');
  width: 240px;
  height: 60px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  display: inline-block;
}
.n-div-cost-root {
  height: 63px;
  display: flex;
  align-items: flex-start;
  color: #ffffff;
  text-align: center;
  font-family: 'Varta';
  border-right-style: solid;
  border-right-color: #ffffff;
  border-width: 1px;
  border-left-style: solid;
  border-left-color: #ffffff;
}
.n-div-cost-text {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  padding-top: 10px;
}
.n-div-options {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  margin-left: 30px;
}
.n-div-op-root {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  margin-left: 30px;
}
.n-op-title {
  height: 65px;
  display: flex;
  align-items: center;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
}
@media (max-width: 1280px) {
  .n-op-w {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    font-size: 15px;
  }
}
.n-div-op-root-active {
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  margin-left: 30px;
  background-color: #336f9f;
}
.n-div-options-icon {
  color: #ffffff;
  padding-right: 8px;
  font-size: 25px;
  cursor: pointer;
}
.n-div-nav-icon {
  color: #ffffff;
  padding-right: 8px;
  font-size: 35px;
  cursor: pointer;
}
.has-border-clear {
  border-left: solid;
  border-left-width: 3px;
  border-left-color: #8dbff2;
  border-right: solid;
  border-right-width: 3px;
  border-right-color: #8dbff2;
  margin-bottom: 2px;
}
.p-info-root {
  font-size: 18px;
  min-height: 30px;
  color: #000000;
  z-index: 10;
}
.plan-ic-root {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  font-family: 'Varta';
  font-size: 16px;
}
.plan-ic-title {
  font-size: 16px;
  color: #004A86;
  overflow-wrap: break-word;
}
.plan-ic-area {
  font-size: 16px;
  color: #000000;
  text-align: center;
  padding: 0;
}
.p-pInfo-root {
  background-color: #FFFFFF;
  min-height: 40px;
  font-size: 15px;
  padding: 5px 10px;
  border-left: solid;
  border-left-width: 3px;
  border-left-color: #8dbff2;
  border-right: solid;
  border-right-width: 3px;
  border-right-color: #8dbff2;
  margin-bottom: 2px;
}
.p-pInfo-root-border {
  --border: solid 1px #8dbff2;
  border-bottom: var(--border);
  border-left: solid;
  border-left-width: 3px;
  border-left-color: #8dbff2;
  border-right: solid;
  border-right-width: 3px;
  border-right-color: #8dbff2;
  margin-bottom: 2px;
}
.flex-responsive {
  display: flex;
  justify-content: center;
  align-items: center;
}
.plan-area {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 15px;
}
@media (max-width: 1280px) {
  .flex-responsive {
    display: flex;
    flex-direction: column;
  }
  .full-width-responsive {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .plan-area {
    margin-top: 5px;
    align-items: center;
    justify-content: start;
  }
}
.error-modal--text {
  color: #004b87;
  text-align: center;
}
.error-modal-icon {
  color: #d20a2d;
  align-self: center;
  font-size: 28px;
  margin-bottom: 25px;
}
.error-modal--button {
  height: 40px;
  width: 120px;
  background-color: #004b8794;
  border: 0;
  color: #ffffff;
  font-size: 16px;
}
.button--position {
  margin-right: 30px;
}
.rtt-ico-btn {
  font-size: 18px;
  float: right;
  border: none;
  background-color: transparent;
}
.rtt-ico-btn:hover {
  color: #114585;
}
.rtt-ico-btn:active {
  outline: 0;
}
.popup-button {
  height: 42px;
  width: 120px;
  background-color: #004b8794;
  border: 0;
  color: #ffffff;
  font-size: 16px;
}
.pr1 {
  padding-right: 1px;
}
.pr2 {
  padding-right: 2px;
}
.pr3 {
  padding-right: 3px;
}
.pr4 {
  padding-right: 4px;
}
.pr5 {
  padding-right: 5px;
}
.pr6 {
  padding-right: 6px;
}
.pr7 {
  padding-right: 7px;
}
.pr8 {
  padding-right: 8px;
}
.pr9 {
  padding-right: 9px;
}
.pr10 {
  padding-right: 10px;
}
.pr11 {
  padding-right: 11px;
}
.pr12 {
  padding-right: 12px;
}
.pr13 {
  padding-right: 13px;
}
.pr14 {
  padding-right: 14px;
}
.pr15 {
  padding-right: 15px;
}
.pr16 {
  padding-right: 16px;
}
.pr17 {
  padding-right: 17px;
}
.pr18 {
  padding-right: 18px;
}
.pr19 {
  padding-right: 19px;
}
.pr20 {
  padding-right: 20px;
}
.pr21 {
  padding-right: 21px;
}
.pr22 {
  padding-right: 22px;
}
.pr23 {
  padding-right: 23px;
}
.pr24 {
  padding-right: 24px;
}
.pr25 {
  padding-right: 25px;
}
.pr26 {
  padding-right: 26px;
}
.pr27 {
  padding-right: 27px;
}
.pr28 {
  padding-right: 28px;
}
.pr29 {
  padding-right: 29px;
}
.pr30 {
  padding-right: 30px;
}
.pr31 {
  padding-right: 31px;
}
.pr32 {
  padding-right: 32px;
}
.pr33 {
  padding-right: 33px;
}
.pr34 {
  padding-right: 34px;
}
.pr35 {
  padding-right: 35px;
}
.pr36 {
  padding-right: 36px;
}
.pr37 {
  padding-right: 37px;
}
.pr38 {
  padding-right: 38px;
}
.pr39 {
  padding-right: 39px;
}
.pr40 {
  padding-right: 40px;
}
.pr41 {
  padding-right: 41px;
}
.pr42 {
  padding-right: 42px;
}
.pr43 {
  padding-right: 43px;
}
.pr44 {
  padding-right: 44px;
}
.pr45 {
  padding-right: 45px;
}
.pr46 {
  padding-right: 46px;
}
.pr47 {
  padding-right: 47px;
}
.pr48 {
  padding-right: 48px;
}
.pr49 {
  padding-right: 49px;
}
.pr50 {
  padding-right: 50px;
}
.pr51 {
  padding-right: 51px;
}
.pr52 {
  padding-right: 52px;
}
.pr53 {
  padding-right: 53px;
}
.pr54 {
  padding-right: 54px;
}
.pr55 {
  padding-right: 55px;
}
.pr56 {
  padding-right: 56px;
}
.pr57 {
  padding-right: 57px;
}
.pr58 {
  padding-right: 58px;
}
.pr59 {
  padding-right: 59px;
}
.pr60 {
  padding-right: 60px;
}
.pr61 {
  padding-right: 61px;
}
.pr62 {
  padding-right: 62px;
}
.pr63 {
  padding-right: 63px;
}
.pr64 {
  padding-right: 64px;
}
.pr65 {
  padding-right: 65px;
}
.pr66 {
  padding-right: 66px;
}
.pr67 {
  padding-right: 67px;
}
.pr68 {
  padding-right: 68px;
}
.pr69 {
  padding-right: 69px;
}
.pr70 {
  padding-right: 70px;
}
.pr71 {
  padding-right: 71px;
}
.pr72 {
  padding-right: 72px;
}
.pr73 {
  padding-right: 73px;
}
.pr74 {
  padding-right: 74px;
}
.pr75 {
  padding-right: 75px;
}
.pr76 {
  padding-right: 76px;
}
.pr77 {
  padding-right: 77px;
}
.pr78 {
  padding-right: 78px;
}
.pr79 {
  padding-right: 79px;
}
.pr80 {
  padding-right: 80px;
}
.pr81 {
  padding-right: 81px;
}
.pr82 {
  padding-right: 82px;
}
.pr83 {
  padding-right: 83px;
}
.pr84 {
  padding-right: 84px;
}
.pr85 {
  padding-right: 85px;
}
.pr86 {
  padding-right: 86px;
}
.pr87 {
  padding-right: 87px;
}
.pr88 {
  padding-right: 88px;
}
.pr89 {
  padding-right: 89px;
}
.pr90 {
  padding-right: 90px;
}
.pr91 {
  padding-right: 91px;
}
.pr92 {
  padding-right: 92px;
}
.pr93 {
  padding-right: 93px;
}
.pr94 {
  padding-right: 94px;
}
.pr95 {
  padding-right: 95px;
}
.pr96 {
  padding-right: 96px;
}
.pr97 {
  padding-right: 97px;
}
.pr98 {
  padding-right: 98px;
}
.pr99 {
  padding-right: 99px;
}
.pr100 {
  padding-right: 100px;
}
.border-blue {
  border-left: 5px solid #004b87;
}
.border-yellow {
  border-left: 5px solid #e3b45d;
}
.border-green {
  border-left: 5px solid #18a968;
}
.border-bottom {
  border-bottom: solid 1px #8dbff2;
}
.text-center {
  text-align: center;
}
.name-warning {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #d20a2d;
  font-size: 14px;
  padding-left: 20px;
}
.text-right {
  text-align: right;
}
.grow {
  flex-grow: 1;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-jend {
  display: flex;
  justify-content: end;
}
.flex-jcenter {
  display: flex;
  justify-content: center;
}
.flex-jsb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-around {
  display: flex;
  justify-content: space-around;
}
.flex-acenter {
  display: flex;
  align-items: center;
}
.flex-jsb {
  display: flex;
  justify-content: space-around;
}
.flex-jcol {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.w70 {
  width: 70%;
}
.w30 {
  width: 30%;
}
.simple-input {
  height: 30px;
  border: 1px #004b87 solid;
  border-radius: 2px;
  margin: 0;
  background: transparent;
  font: 13px sans-serif;
  font-size: 15px;
}
.btn-disabled {
  height: 35px;
  width: 105px;
  color: #fff;
  background-color: #b4b4af;
  border: 0;
  border-radius: 3px;
  font-size: 16px;
}
.btn-cancel {
  height: 35px;
  width: 105px;
  color: #004b87;
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  font-size: 16px;
}
.btn-cancel:hover {
  background-color: #004b8794;
  color: #004b87;
}
.btn-accept {
  height: 35px;
  width: 105px;
  background-color: #004b87;
  color: #fff;
  border: 0;
  border-radius: 3px;
  font-size: 16px;
}
.btn-accept:hover {
  background-color: #004b8794;
  color: #004b87;
}
.btn-edit {
  height: 35px;
  width: 60px;
  background-color: #004b87;
  color: #fff;
  border: 0;
  border-radius: 3px;
  font-size: 18px;
}
.btn-edit:hover {
  background-color: #004b8794;
  color: #004b87;
}
.btn-disabled {
  height: 35px;
  width: 60px;
  color: #004b87;
  background-color: #ccc;
}
.btn-restart {
  float: right;
  border: none;
  background-color: #114585;
  color: #fff;
  height: 35px;
  width: 35px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.btn-restart:hover {
  background-color: #e6f0fa;
  color: #004b87;
  border: 1px solid #004b87;
}
.load-message {
  font-size: 35px;
  color: #004b87;
  width: 950px;
  margin: auto;
}
.main-h2 {
  color: '#114585';
  font-size: '25px';
}
.alert-icon {
  font-size: 20px;
  padding-right: 15px;
  color: #d20a2d;
}
.alert-icon:hover {
  cursor: pointer;
}
.div-lines {
  border-right: 2px solid #8dbff2;
  height: calc(100vh - 142px);
  overflow-y: auto;
  overflow-x: hidden;
}
.div-lines-2 {
  border-right: 2px solid #8dbff2;
  height: calc(100vh - 180px);
  text-align: center;
  overflow-y: auto;
}
.div-lines-3 {
  border-right: 2px solid #8dbff2;
  height: calc(100vh - 147px);
  overflow-y: auto;
}
.div-olines {
  height: 85vh;
  border-right: 2px solid #8dbff2;
}
.pa-all {
  border: 1px solid #fff;
  padding: 5px;
}
.pa-root {
  padding: 5px;
  font-size: 18px;
  font-family: 'Varta';
  display: flex;
  align-items: center;
  border: 1px solid #bbb;
  margin-bottom: 5px;
}
.pa-title {
  padding-left: 25px;
}
.pa-input {
  height: 32px;
  text-align: right;
  border: 1px #004b87 solid;
  border-radius: 2px;
  margin: 0;
  background: transparent;
  font: 13px sans-serif;
  font-size: 18px;
}
.ic-root {
  display: flex;
  justify-content: space-between;
}
.navb-root {
  margin-right: 10px;
  width: 98%;
}
.navb-el {
  outline: none;
  font-size: 20px;
  text-decoration: none;
  background-color: #477ca8;
  color: #fff;
  width: 145px;
  height: 35px;
}
.s-row {
  background-color: #114585;
  color: #ffffff;
  font-size: 15px;
  margin: 3px 3px 0 3px;
  min-height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.s-row:hover {
  background-color: #bad2e8;
  color: #114585;
  border: 1px solid #114585;
}
.s-row-child {
  background-color: #bad2e8;
  color: #114585;
  border: 1px solid #114585;
  font-size: 15px;
  margin: 3px 3px 0 3px;
  min-height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 7px;
}
.s-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-root {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25vw;
  margin: auto;
}
.card-header {
  background: #e3ecf3;
  padding: 12px 0;
  color: #004b87;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.card-footer {
  background: #e3ecf3;
  padding: 12px 0;
  color: #004b87;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}
.card-body {
  background: aliceblue;
  padding: 7px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  border-bottom: 2px solid #e3ecf3;
  font-size: 15px;
}
.has-style-card-tower {
  --border: solid 1px #ffffff;
  border-top: var(--border);
  font-size: 12px;
  width: 100%;
  margin-top: 2px;
  border-left: 5px solid #004b87;
}
.has-card-style {
  cursor: pointer;
  user-select: none;
  padding: 5px 10px;
  margin-bottom: 3px;
}
.SCCardHeaderBuildings {
  background-color: #d7e7f7;
  cursor: pointer;
  user-select: none;
  padding: 5px 10px;
  margin-bottom: 3px;
}
.SCCardHeaderBuildings-active {
  background-color: #bad2e8;
  cursor: pointer;
  user-select: none;
  padding: 5px 10px;
  margin-bottom: 3px;
}
.SCCardBodyBuildings {
  border-top: var(--border);
  background-color: #FFFFFF;
  font-size: 12px;
}
.SCCardTower {
  --border: solid 1px #ffffff;
  border-top: var(--border);
  font-size: 12px;
  width: 100%;
  margin-top: 2px;
  border-left: 5px solid #004b87;
  background-color: #f0f5fa;
}
.SCCardTower-active {
  --border: solid 1px #ffffff;
  border-top: var(--border);
  font-size: 12px;
  width: 100%;
  margin-top: 2px;
  border-left: 5px solid #004b87;
  background-color: #dae8f5;
}
.SCCardBlocks {
  --border: solid 1px #000000;
  border-top: var(--border);
  width: 100%;
}
.SCCardTower:not(:last-child) {
  border-bottom: none;
}
.SCCardTower:not(:first-child) {
  margin-top: 2px;
}
.SCCardHeaderCommonAreas {
  cursor: pointer;
  user-select: none;
  background-color: #f19e50;
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
}
.SCCardApartment {
  --border: solid 1px #d3d3d3;
  border-top: var(--border);
  background-color: #FFFFFF;
  font-size: 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.SCCardFloors {
  --border: solid 1px #000000;
  border-top: var(--border);
  width: 100%;
}
.SCCardApartment:not(:last-child) {
  border-bottom: none;
}
.myFloors {
  padding: 0;
}
.f-com-info-root {
  cursor: pointer;
  padding: 5px 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 18px;
  color: #000000;
  background-color: #f2ce8c;
}
.f-com-info-root-active {
  font-size: 18px;
  color: #000000;
  background-color: #e3b45d;
  padding: 5px 10px;
  margin-top: 3px;
}
.f-panel-left {
  width: 40%;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.f-panel-large {
  width: 57%;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.f-panel-right {
  width: 40%;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1200px) {
  .floor-1200 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .floor-2 {
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
}
.SCProjectAreaHeader {
  margin-bottom: 2rem;
}
.shake-animated {
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
@keyframes shake {
  10%,
  90% {
    transform: translate(-1px, 0);
  }
  20%,
  80% {
    transform: translate(2px, 0);
  }
  30%,
  50%,
  70% {
    transform: translate(-4px, 0);
  }
  40%,
  60% {
    transform: translate(4px, 0);
  }
}