@import '/vs/css/flexboxgrid.min.css' screen;
@import '/vs/css/jquery-ui-1.10.4.custom.min.css' screen;
@import '/temp/web_booking_065_min.css' screen;

@font-face {
font-family: 'Mont';
src: url(/vs/css/Montserrat-Regular.ttf);
font-weight: 400;
}

@font-face {
font-family: 'Mont';
src: url(/vs/css/Montserrat-Medium.ttf);
font-weight: 500;
}

@font-face {
font-family: 'Mont';
src: url(/vs/css/Montserrat-SemiBold.ttf);
font-weight: 600;
}
@font-face {
font-family: 'Mont';
src: url(/vs/css/Montserrat-Bold.ttf);
font-weight: 700;
}

@font-face {
font-family: 'Mont';
src: url(/vs/css/Montserrat-ExtraBold.ttf);
font-weight: 900;
}

/* ponuky v admine */

.spc-block {
  display: block;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 25%;
  background: #e3e6ec;
  padding: 2% 1%;
  z-index: 99999999999;
  min-height: 50%;
  border-radius: 15px 0px 0 0;
}

.spc-url-in {
  width: 100%;
  display: table;
  background: transparent;
  border: none;
  font-size: 15px;
  line-height: 24px;
  max-width: 90%;
  text-align: center;
  white-space: normal;
  overflow: overlay;
  color: var(--c1);
  margin: 5px auto;
}

#booking-workspace-iframe .offerprop {
  display: none !important;
}

.spc-code input {
  width: 800px;
}

.spc-block textarea, .spc-block input {
  font-size: 16px;
  margin: 5px;
  font-family: 'Mont', sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 10px;
  max-width: calc(100% - 10px);
  min-width: calc(100% - 10px);
  border-radius: 2px;
  border: none;
}

.spc-firstname-field , .spc-lastname-field, .spc-email-field, .spc-phone-field, .spc-subject-field {
  width: 50%;
  display: inline-block;
  background: transparent;
  border: none;
  font-size: 15px;
  line-height: 24px;
}

.spc-subject-field {
  width: 100%;
}

.spc-sendemail {
  display: table;
  margin: 10px auto;
  background: var(--c1);
  color: var(--w);
  padding: 6px 16px;
  font-weight: 600;
  border-radius: 3px;
  cursor: pointer;
}

.spc-template-select select {
  font-size: 13px;
  padding: 4px 55px 4px 10px;
  border: none;
  line-height: 30px;
  color: #0c1742;
  font-weight: 500;
  height: 40px;
  border-radius: 3px;
  margin-right: 0px;
  clear: right;
  -webkit-appearance: initial;
  min-width: 350px !important;
  max-width: 100%;
  background: white;
  background-image: url(/vs/icons/arrow-down.png);
  background-size: 15px 15px;
  border: 1px solid #e3e6ec;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  font-weight: 600;
  font-family: 'Mont', sans-serif;
  margin-bottom: 4px;
}

.spc-info {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
  text-align: center !important;
}

.spc-crm-info {
    padding: 10px;
    border-radius: 10px;
    box-shadow: none;
    margin: 10px;
    background: white;
    overflow: hidden;
    text-align: left;
}

.spc-crm-preferences-title, .spc-crm-previous-title {
  font-weight: 700;
  text-align: left;
  font-size: 11px;
}

.spc-crm-preferences {
  font-size: 12px;
  line-height: 1.5;
  margin: 10px;
}

.spc-crm-name {
  background: var(--c1);
  color: var(--w);
  margin: -10px;
  margin-bottom: 10px;
  padding: 10px;
  text-align: center;
}

.spc-crm-previous-item {
  display: block;
  width: 100%;
}

.spc-crm-previous-date {
  float: right;
  display: block;
  text-align: left;
  width: 100%;
  font-size: 12px;
  font-weight: 500;
}

.spc-crm-boxes {
  display: flex;
  justify-content: space-around;
  align-items: center;
  vertical-align: middle;
  gap: 0px;
}

.spc-crm-vip, .spc-crm-group, .spc-crm-reservations {
  display: inline-block;
  width: calc(100% / 3 - 6px);
  text-align: center;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 5px;
  background: var(--c3);
  color: var(--c1);
  margin: 5px 3px 10px 3px;
  white-space: nowrap;
}

.spc-email-field {
  width: 100%;
}

.spc-email-field input {
  font-size: 16px;
  margin: 5px;
  font-family: 'Mont', sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 10px;
  max-width: calc(100% - 10px);
  border-radius: 2px;
  border: none;
  min-width: calc(100% - 10px);
}

.spc-crm-total, .spc-crm-total strong {
  font-weight: 600;
}

.spc-crm-previous-room {
  margin-right: 10px;
  display: inline-block;
  padding-left: 30px;
  font-weight: 700;
  position: relative;
}

.spc-crm-previous-room::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik00Ljk0NCAyNy44MzNWMTIuMjA4YTEuOTU4IDEuOTU4IDAgMSAwLTMuOTE3IDB2MjUuNTg0YTEuOTU4IDEuOTU4IDAgMSAwIDMuOTE3IDB2LTMuNjdsNDAuMTEzLS4wOTN2My42NjhhMS45NTggMS45NTggMCAxIDAgMy45MTYgMFYyNy43NHoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNNDguOTczIDI2LjE1NmgtMjkuNzdWMTguNzhhMy44NzUgMy44NzUgMCAwIDEgMy44NzQtMy44NzVINDEuMTVhNy44MjMgNy44MjMgMCAwIDEgNy44MjMgNy44MjN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PGNpcmNsZSBjeD0iMTIuMjM0IiBjeT0iMjAuNTMxIiByPSI0Ljc4MSIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9jaXJjbGU+PC9nPjwvc3ZnPg==);
  clip-path: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik00Ljk0NCAyNy44MzNWMTIuMjA4YTEuOTU4IDEuOTU4IDAgMSAwLTMuOTE3IDB2MjUuNTg0YTEuOTU4IDEuOTU4IDAgMSAwIDMuOTE3IDB2LTMuNjdsNDAuMTEzLS4wOTN2My42NjhhMS45NTggMS45NTggMCAxIDAgMy45MTYgMFYyNy43NHoiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNNDguOTczIDI2LjE1NmgtMjkuNzdWMTguNzhhMy44NzUgMy44NzUgMCAwIDEgMy44NzQtMy44NzVINDEuMTVhNy44MjMgNy44MjMgMCAwIDEgNy44MjMgNy44MjN6IiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIxIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIj48L3BhdGg+PGNpcmNsZSBjeD0iMTIuMjM0IiBjeT0iMjAuNTMxIiByPSI0Ljc4MSIgZmlsbD0iIzAwMDAwMCIgb3BhY2l0eT0iMSIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9jaXJjbGU+PC9nPjwvc3ZnPg==);
  -webkit-mask-size: 21px !important;
  mask-size: 21px !important;
  background-color: var(--c1);
  mask-repeat: no-repeat;
  mask-position: 0 1px;
}

.spc-crm-previous-res {
  padding: 10px;
  margin-bottom:0;
  display: block;
}

.spc-crm-total {
  background: var(--c2);
  text-align: center;
  color: var(--c1);
  border-radius: 5px;
  max-width: 100%;
  margin: 0 ;
  margin-top: -4px;
  padding: 4px 13px;
}

.spc-crm-previous-item .price {
  position: relative;
  background: transparent;
  padding: 0;
  margin: 0;
  text-align: center;
  display: inline-block;
  top: unset;
  left: unset;
  right: unset;
  font-size: inherit;
  font-weight: 600;
  margin-left: 10px;
  float: right;
}


.spc-crm-note {
  margin: -12px;
  background: var(--c1);
  color: var(--w);
  margin-top: 15px;
  padding: 15px;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 600;
}

.spc-crm-preferences {
  font-size: 12px;
  line-height: 1.5;
  margin: 0 10px;
  font-weight: 500;
}

.spc-code select.spc-code-val {
  font-size: 13px;
  padding: 2px 55px 2px 10px;
  border: none;
  line-height: 30px;
  color: #0c1742;
  font-weight: 500;
  height: 44px;
  border-radius: 3px;
  margin-right: 0;
  clear: right;
  -webkit-appearance: initial;
  min-width: calc(100% - 10px) !important;
  max-width: 100% !important;
  background: white;
  background-image: url(/vs/icons/arrow-down.png);
  background-size: 15px 15px;
  border: 1px solid #e3e6ec;
  background-position: 95% 50%;
  background-repeat: no-repeat;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  margin-top: 5px;
}