.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.picker {
font-size: 16px;
text-align: left;
line-height: 1.2;
color: #000000;
position: absolute;
z-index: 10000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .picker__input {
cursor: default;
} .picker__input.picker__input--active {
border-color: #0089ec;
} .picker__holder {
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}   .picker--opened .picker__frame {
top: 100px !important;
}
.picker__holder,
.picker__frame {
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .picker__holder {
position: fixed;
transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
transition: background 0.15s ease-out, transform 0s 0.15s;
-webkit-backface-visibility: hidden;
} .picker__frame {
position: absolute;
margin: 0 auto;
min-width: 256px;
max-width: 666px;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
.picker__frame {
overflow: visible;
top: auto;
bottom: -100%;
max-height: 80%;
}
}
@media (min-height: 40.125em) {
.picker__frame {
margin-bottom: 7.5%;
}
} .picker__wrap {
display: table;
width: 100%;
height: 100%;
}
@media (min-height: 33.875em) {
.picker__wrap {
display: block;
}
} .picker__box {
background: #ffffff;
display: table-cell;
vertical-align: middle;
}
@media (min-height: 26.5em) {
.picker__box {
font-size: 1.25em;
}
}
@media (min-height: 33.875em) {
.picker__box {
display: block;
font-size: 1.33em;
border: 1px solid #777777;
border-top-color: #898989;
border-bottom-width: 0;
border-radius: 5px 5px 0 0;
box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
}
}
@media (min-height: 40.125em) {
.picker__box {
font-size: 1.5em;
border-bottom-width: 1px;
border-radius: 5px;
}
} .picker--opened .picker__holder {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
zoom: 1;
background: rgba(0, 0, 0, 0.32);
transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
@media (min-height: 33.875em) {
.picker--opened .picker__frame {
top: auto;
bottom: 0;
}
}.picker__box {
padding: 0 1em;
} .picker__header {
text-align: center;
position: relative;
margin-top: .75em;
top: 0 !important;
} .picker__month,
.picker__year {
font-weight: 500;
display: inline-block;
margin-left: .25em;
margin-right: .25em;
}
.picker__year {
color: #999999;
font-size: .8em;
font-style: italic;
} .picker__select--month,
.picker__select--year {
border: 1px solid #b7b7b7;
height: 2em;
padding: .5em;
margin-left: .25em;
margin-right: .25em;
}
@media (min-width: 24.5em) {
.picker__select--month,
.picker__select--year {
margin-top: -0.5em;
}
}
.picker__select--month {
width: 35%;
}
.picker__select--year {
width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
border-color: #0089ec;
} .picker__nav--prev,
.picker__nav--next {
position: absolute;
padding: .5em 1.25em;
width: 1em;
height: 1em;
box-sizing: content-box;
top: -0.25em;
}
@media (min-width: 24.5em) {
.picker__nav--prev,
.picker__nav--next {
top: -0.33em;
}
}
.picker__nav--prev {
left: -1em;
padding-right: 1.25em;
}
@media (min-width: 24.5em) {
.picker__nav--prev {
padding-right: 1.5em;
}
}
.picker__nav--next {
right: -1em;
padding-left: 1.25em;
}
@media (min-width: 24.5em) {
.picker__nav--next {
padding-left: 1.5em;
}
}
.picker__nav--prev:before,
.picker__nav--next:before {
content: " ";
border-top: .5em solid transparent;
border-bottom: .5em solid transparent;
border-right: 0.75em solid #000000;
width: 0;
height: 0;
display: block;
margin: 0 auto;
}
.picker__nav--next:before {
border-right: 0;
border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
cursor: pointer;
color: #000000;
background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
cursor: default;
background: none;
border-right-color: #f5f5f5;
border-left-color: #f5f5f5;
} .picker__table {
text-align: center;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
font-size: inherit;
width: 100%;
margin-top: .75em;
margin-bottom: .5em;
}
@media (min-height: 33.875em) {
.picker__table {
margin-bottom: .75em;
}
}
.picker__table td {
margin: 0;
padding: 0;
} .picker__weekday {
width: 14.285714286%;
font-size: .75em;
padding-bottom: .25em;
color: #999999;
font-weight: 500; }
@media (min-height: 33.875em) {
.picker__weekday {
padding-bottom: .5em;
}
} .picker__day {
padding: .3125em 0;
font-weight: 200;
border: 1px solid transparent;
background: #fff;
}
.picker__day--today {
word-wrap: normal !important;
position: relative;
}
.picker__day--today:before {
content: " ";
position: absolute;
top: 2px;
right: 2px;
width: 0;
height: 0;
border-top: 0.5em solid #0059bc;
border-left: .5em solid transparent;
}
.picker__day--disabled:before {
border-top-color: #aaaaaa;
}
.picker__day--outfocus {
color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
cursor: pointer;
color: #000000;
background: #b1dcfb;
}
.picker__day--highlighted {
border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
cursor: pointer;
color: #000000;
background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
background: #0089ec;
color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
background: #f5f5f5;
border-color: #f5f5f5;
color: #dddddd;
cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
background: #bbbbbb;
} .picker__footer {
text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
border: 1px solid #ffffff;
font-size: .8em;
padding: .66em 0;
font-weight: bold;
width: 33%;
background: #ffffff;
color: #000;
display: inline-block;
vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
cursor: pointer;
color: #000000;
background: #b1dcfb;
border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
background: #b1dcfb;
border-color: #0089ec;
outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
position: relative;
display: inline-block;
height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
content: " ";
margin-right: .45em;
}
.picker__button--today:before {
top: -0.05em;
width: 0;
border-top: 0.66em solid #0059bc;
border-left: .66em solid transparent;
}
.picker__button--clear:before {
top: -0.25em;
width: .66em;
border-top: 3px solid #ee2200;
}
.picker__button--close:before {
content: "\D7";
top: -0.1em;
vertical-align: top;
font-size: 1.1em;
margin-right: .35em;
color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
background: #f5f5f5;
border-color: #f5f5f5;
color: #dddddd;
cursor: default;
}
.picker__button--today[disabled]:before {
border-top-color: #aaaaaa;
}.wbk-outer-container{
padding: 0 0 0 0 !important;
margin: 0 0 0 0 !important;
border: 1px none #000000 !important;
border-radius: 0 !important;
background-color: #ffffff !important;
}
.wbk-inner-container{
padding: 0 0 0 0 !important;
border: 1px none #2e8b57 !important;
border-radius: 0 !important;
background-color: #ffffff !important;
}
.wbk-separator{
margin: 20px 0 10px 0 !important;
border-top: 1px solid #8b7e66 !important;
}
.wbk-hours-separator{
margin: 10px 0 30px 0 !important;
border-top: 1px dotted #8b7e66 !important;
}
.wbk-day-separator{
margin: 10px 0 10px 0 !important;
border-top: 1px dotted #8b7e66 !important;
}
.wbk-form-separator{
margin: 0 0 20px 0 !important;
border-top: 1px dotted #8b7e66 !important;
}
.wbk-input-label{
padding: 0 0 0 0 !important;
margin: 10px 0 2px 0 !important;
color: #8b7e66 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: normal !important;
}
.wbk-input, .wbk-text, .wbk-textarea, .wbk-select, .StripeElement {
padding: 0 0 0 10px !important;
background-color: #ffffff !important;
color: #8b7e66 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: normal !important;
height: 45px !important;
border: 1px solid #8b7e66 !important;
border-radius: 0 !important;
}
.wbk-checkbox + label::before, .wbk-checkbox + span::before{
height: 45px !important;
width: 45px !important;
line-height: 45px !important;
font-size: 30px !important;
color: #8b7e66 !important;
background-color: #ffffff !important;
border: 1px solid #8b7e66 !important;
border-radius: 0 !important;
}
.wbk-checkbox-label{
color: #8b7e66 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: normal !important;
}
.wbk-button{
margin: 20px 0 20px 0 !important;
height: 45px !important;
background-color: #8b7e66 !important;
color: #ffffff !important;
border: 1px solid #8b7e66 !important;
border-radius: 0 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: bold !important;
}
.wbk-day-title{
text-align: left !important;
font-size: 14px !important;
color: #8b7e66 !important;
font-style: normal !important;
font-weight: bold !important;
line-height: 36px !important;
}
.wbk-slot-inner{
margin: 5px 5px 5px 5px !important;
padding: 0 0 0 0 !important;
border: 1px solid #574f3f !important;
border-radius: 0 !important;
background-color: #dbd2c0 !important;
}
.wbk-slot-time{
font-size: 14px !important;
color: #574f3f !important;
font-style: normal !important;
font-weight: bold !important;
line-height: 24px !important;
}
.wbk-slot-available{
font-size: 14px !important;
color: #574f3f !important;
font-style: normal !important;
font-weight: normal !important;
line-height: 24px !important;
}
.wbk-slot-button{
margin: 0 0 0 0 !important;
background-color: #574f3f !important;
border: 1px none #574f3f !important;
color: #ffffff !important;
font-size: 14px !important;
line-height: 24px !important;
font-style: normal !important;
font-weight: normal !important;
}
.wbk-slot-active-button{
background-color: #8b7e66 !important;
color: #ffffff !important;
}
.wbk-slot-disabled-button{
background-color: #b4b4b4 !important;
color: #ffffff !important;
}
.wbk-details-title{
text-align: left !important;
font-size: 12px !important;
color: #8b7e66 !important;
font-style: normal !important;
font-weight: normal !important;
line-height: 36px !important;
}
.wbk-details-sub-title{
text-align: left !important;
font-size: 14px !important;
color: #8b7e66 !important;
font-style: normal !important;
font-weight: normal !important;
line-height: 36px !important;
}
.wbk-multiple-service-title{
text-align: left !important;
padding: 0 0 0 0 !important;
margin: 10px 0 2px 0 !important;
color: #383838 !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: normal !important;
}.wbk-input-label{
width: 100%;
display: block !important;
clear: both !important;
}
.wbk-input, .wbk-select, .wbk-text, .wbk-email-custom, .StripeElement {
width: 100% !important;
max-width: 100% !important;;
margin: 0!important;
display: block;
box-sizing: border-box!important;
outline: none !important;
}
.wbk-textarea{
height: 150px !important;
width: 100% !important;
margin: 0 !important;
}
.wbk-input:disabled{
color:#CECCCC !important;
}
.wbk-frontend-row{
width: 100% !important;
display: inline-block !important;
overflow: visible !important;
}
.wbk-time_table{
border: none !important;
width: 100% !important;
display: table !important;
border-collapse: separate !important;
border-spacing: 0 !important;
}
.wbk-time_table tr td{
border: none !important;
padding: 0 0 5px 0 !important;
display: table-cell !important;
vertical-align: top !important;
}
.wbk-checkbox{
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
background: transparent !important;
position: relative !important;
margin: 0 !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
}
.wbk-checkbox span{
visibility: visible !important;
}
.wbk-checkbox,
.wbk-checkbox + label::before, .wbk-checkbox + span::before   {
cursor: pointer !important;
vertical-align: middle !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
}
.wbk-checkbox + label::before, .wbk-checkbox + span::before {
content: '';
cursor: pointer !important;
text-align: center !important;
display: inline-block !important;
pointer-events: none !important;
opacity: 1 !important;
margin: 0 5px 0 0 !important;
}
.wbk-checkbox:checked + label::before, .wbk-checkbox:checked + span::before {
content: '\2713';
}
.wbk-clear{
clear: both !important;
}
.wbk-clear-block{
clear: both !important;
display: block;
}
.wbk-checkbox:before {
content: '';
width:0 !important;
height: 0 !important;
}
.wbk-checkbox:after {
content: '' !important;
width:0 !important;
height: 0 !important;
}
.wbk-checkbox:checked:after {
content: '\2713' !important;
}
.wbk-col-3-12{
width: 25% !important;
float: left !important;
}
.wbk-col-9-12{
width: 75% !important;
float: left !important;
}
@media (max-width: 768px) {
.wbk-col-9-12 {
width: 100% !important;
}
}
@media (max-width: 768px) {
.wbk-col-3-12 {
width: 100% !important;
}
}
.wbk-col-12-12{
width: 100% !important;
overflow: visible !important;
}
.wbk-table-cell{
display: table-cel !importantl;
}
.wbk-checkbox-label{
display: block !important;
float: left !important;
cursor: pointer !important;
margin-right: 5px !important;
}
.wbk-separator, .wbk-hours-separator, .wbk-day-separator,.wbk-form-separator{
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
background: none !important;
display: block !important;
}
.wbk-button,.wbk-button:focus{
width: 100% !important;
padding: 0 !important;
cursor: pointer !important;
text-transform: none !important;
outline: none !important;
line-height: normal !important;
}
.wbk-col-4-6-12{
width: 25%;
float: left !important;
margin: 0 !important;
}
@media (max-width: 1024px) {
.wbk-col-4-6-12{
width: 50% !important;
}
}
@media (max-width: 768px) {
.wbk-col-4-6-12{
width: 100% !important;
}
}
.wbk-slot-button,.wbk-slot-button:focus {
width: 100% !important;
cursor: pointer !important;
outline: none !important;
border-radius: 0 !important;
}
.wbk-slot-inner{
display: block !important;
position: relative !important;
overflow: hidden !important;
}
.wbk-text-center{
text-align: center !important;
}
.wbk-timeslot-list{
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
overflow: auto !important;
}
.wbk-timeslot-list li{
list-style: none !important;
}
.wbk-day-title{
border-top: none !important;
border-left: none !important;
border-right: none !important;
margin-top: 20px !important;
}
.wbk-loading{
width: 100%  !important;
height: 64px  !important;
float: left  !important;
display: block  !important;;
background-image: url(//villavodicka.sk/wp-content/plugins/webba-booking/frontend/images/loading.svg) !important;
margin: 10px 0 10px 0  !important;
clear: both  !important;
background-repeat: no-repeat  !important;
background-position: center !important;
}
.wbk-input:focus{
box-shadow: none !important;
outline: none !important;
}
.wbk-input-error{
border-left: 2px solid #FF2A2A !important;
}
.wbk_error_message{
color: #FF2A2A !important;
}
.wbk-acceptance{
clear: both !important;
display: block !important;
padding-top: 15px !important;
vertical-align: top !important;
height: 1px !important;
}
#wbk-booking-form-container label{
display:block;
}
.wbk-slot-booked{
background: #aaaaaa;
border: none !important;
cursor: default !important;
}
.wbk-mb-20{
margin-bottom: 20px;
}
.wbk-align-right{
text-align: right !important;
}
@media (max-width: 768px) {
.wbk-align-right{
text-align: left !important;
}
}
.picker__day--infocus{
font-weight: normal; !important;
}
.picker__day--disabled{
font-weight: normal !important;
}
.picker__table td {
text-align: center !important;
border: none !important;
}
.picker__table{
border: 0 !important;
}
.picker__weekday{
text-align: center;
border: none !important;
}
.picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled {
background: #fff;
border-color: #fff;
color: #ddd;
cursor: default  !important;
}
html{
overflow-y: visible !important;
}
#wbk-to-checkout{
position:fixed;
top:0;
z-index:10000;
text-align: center;
width: 100% !important;
padding: 5px;
cursor: pointer;
outline: none;
}
.picker__day--outfocus{
color:#000000 !important;
}
.picker__day--disabled{
color:#b3b3b3 !important;
}
@media (max-width: 768px) {
.wbk-input, .StripeElement{
font-size: 16px !important;
}
}
.wbk_hidden{
display: none !important
}
.wbk_mt_25{
margin-top: 25px;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.wbk-service_chk_label{
margin-bottom: 5px;
}
.wbk-textarea{
padding-top: 12px !important;
padding-bottom: 5px !important;
}
.wbk-multiple-service-title{
display: inline-block;
width: 100%;
}
.picker__day {
word-wrap: normal !important;
}
#wbk-date{
cursor: pointer !important;
}