.step-label {
  margin-top: 8px;
  font-weight: bold;
  font-size: larger;
  padding-bottom: 10px;
}

@media only screen and (max-width: 600px) {
  #webWidget {
    width: 80% !important;
    height: 65% !important;
    bottom: 0px !important;
    right: 0px !important;

    top: inherit !important;
    left: inherit !important;
  }
}

label > input {
  visibility: hidden;
  position: absolute;
}
label > input + img {
  border: 2px solid transparent;
}

.label-tag > input:checked + img {
  border: 2px solid rgb(63, 81, 181);
}
.label-tag img {
  width: 100%;
}

.room label .border-selector {
  height: 150px;
}

label .border-selector img {
  border: 1px solid #cccccc;
  width: 100%;
  height: auto;
}
.room label .border-selector img {
  max-height: 110px;
}
label > input:checked {
  border: 4px solid rgb(63, 81, 181);
}

label > input:checked + .border-selector img,
.image-gallery-thumbnail.active img {
  border: 2px solid var(--primary-color); /*background: rgba(63, 81, 181,.2);*/
}

label {
  border: 1px solid transparent;
}
label.hover:hover {
  border: 1px solid #808080;
}

label > img {
  pointer-events: none;
  position: relative;
  z-index: -1;
}
.label-image {
  text-align: center;
  font-weight: normal;
  cursor: pointer;
}

.label-discr {
  padding-top: 10px;
  font-size: x-small;
}
.label-sub {
  padding-top: 8px;
}

.label-danger-2 {
  background: #c46868;
}

.center th {
  text-align: center;
}
.center td {
  text-align: center;
}

.summary {
  width: 300px;
  float: left;
  border: 1px solid #808080;
  padding: 7px;
  margin-right: 10px;
}

.summary table td {
  padding: 3px;
}

.table-row th {
  background-color: #f7f6f6;
}
.table-row td {
  background-color: #fcfbfb;
}

.row.mt30,
.row.mt20,
.row.mb20,
.row.mt20.mb40,
.row.mb20.logobrand {
  max-width: 100% !important;
  margin-left: 0px !important;
}

.row.mt30 > .container,
.row.mt20 > .container,
.row.mb20 > .container,
.row.mt20.mb40 > .container,
.row.mb20.logobrand > .container {
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
}

input.form-control,
.MuiInput-formControl > input,
input.qtyInput,
input.promoCode {
  font-size: 16px !important;
}

.container > .row.mt30 > .col-sm-12 > h2 {
  word-break: break-word;
}
.container > .row.mt30 > .col-sm-12 > h2 > strong {
  word-break: keep-all;
}