.kwiki-cart-booknow-wrapper h1,
.kwiki-cart-booknow-wrapper h2,
.kwiki-cart-booknow-wrapper h3,
.kwiki-cart-booknow-wrapper h4,
.kwiki-cart-booknow-wrapper h5,
.kwiki-cart-booknow-wrapper h6,
.kwiki-cart-booknow-wrapper span,
.kwiki-cart-booknow-wrapper div,
.kwiki-cart-booknow-wrapper input,
.kwiki-cart-booknow-wrapper ul,
.kwiki-cart-booknow-wrapper li,
.kwiki-cart-booknow-wrapper a {
font-family: 'Open Sans', sans-serif;
}
.kwiki-cart-booknow-wrapper {
font-family: 'Open Sans', sans-serif;
position: fixed;
top: 0px;
left: 0px;
z-index: 999999;
background: rgba(0, 0, 0, 0.80);
display: flex;
height: 100%;
width: 100%;
text-align: center;
color: #000;
visibility: hidden;
opacity: 0;
transition: visibility .25s, opacity .25s;
overflow-y: scroll;
max-height: 100%;
}
.kwiki-cart-booknow-wrapper p {
color: #000 !important;
}
.kwiki-cart-booknow-wrapper div,
.kwiki-cart-booknow-wrapper span,
.kwiki-cart-booknow-wrapper a,
.kwiki-cart-booknow-wrapper i,
.kwiki-cart-booknow-wrapper input {
box-sizing: border-box;
line-height: normal;
}
.kwiki-cart-booknow-outer {
font-family: 'Open Sans', sans-serif;
color: #000;
text-align: center;
max-width: 580px;
margin: 0px auto;
}
.kwiki-cart-booknow-wrapper-show {
visibility: visible;
opacity: 1;
}
.kwiki-cart-booknow-inner {
position: relative;
margin: 40px auto 0px auto;
width: 90%;
min-width: 290px;
max-width: 960px;
height: 150px;
border: 1px solid rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 25px #000;
background: #fff;
border-radius: 3px;
text-align: left;
}
.kwiki-cart-booknow-header {
display: block;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
padding: 8px;
color: #000;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
background-color: #ffcc00;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
}
.kwiki-cart-booknow-header i.fa {
font-size: 16px;
margin: 0px 8px 0px 0px;
}
.kwiki-cart-booknow-body {
border-top: 1px solid #fff;
display: block;
min-height: 200px;
padding: 5px 0px 0px 0px;
background: #fff;
}
.kwiki-cart-booknow-headbar {
background: #eee;
padding: 8px;
display: block;
margin: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.kwiki-cart-booknow-headbar a {
color: #555;
text-decoration: none;
background-color: rgba(247, 237, 177, 0.4);
padding: 3px 8px;
border: 1px solid rgba(149, 143, 106, .7);
border-radius: 2px;
font-size: 12px;
}
.kwiki-cart-booknow-headbar a:hover {
color: #7d6c00;
background-color: #f7edb1;
}
.kwiki-cart-booknow-headbar a:active {
color: #555;
background-color: #d6cb87;
border: 1px solid rgba(149, 143, 106, .4);
}
.kwiki-cart-booknow-name {
font-size: 16px;
margin: 0px 0px 0px 10px;
font-weight: bold;
}
.kwiki-cart-booknow-selected-date-time {
font-size: 12px;
margin: 0px 0px 0px 10px;
}
.kwiki-cart-booknow-page {}
.kwiki-cart-booknow-page h3 {
text-align: center;
font-size: 20px;
margin: 0px auto 5px auto;
text-shadow: none;
font-weight: bold;
line-height: normal;
color: #000;
}
.kwiki-cart-booknow-tier {
display: block;
max-width: 580px;
margin: 10px auto 0px auto;
background: #f9f9f9;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.kwiki-cart-booknow-tier-qty {
display: inline-block;
vertical-align: top;
margin-right: -4px;
text-align: center;
padding: 0px;
width: 20%;
border-right: 1px solid #fff;
background: #f2eed6;
}
.kwiki-cart-booknow-tier-qty select {
outline: none;
background: transparent;
border: 0;
overflow: hidden !important;
margin: 0px -10px 0px 0px;
padding: 19px;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
color: #555;
cursor: pointer;
z-index: 2;
position: relative;
width: 100%;
text-align: center;
text-align-last: center;
}
.kwiki-cart-booknow-tier-qty span {
margin: 0px 10px 0px -25px;
}
.kwiki-cart-booknow-tier-qty i.fa {
color: #555;
}
.kwiki-cart-booknow-tier-name {
display: inline-block;
vertical-align: top;
margin-right: -4px;
padding: 8px 10px;
width: 55%;
border-left: 1px solid rgba(0, 0, 0, 0.3);
background: #f5f5f5;
}
.kwiki-cart-booknow-tier-name span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
}
.kwiki-cart-booknow-tier-price {
display: inline-block;
vertical-align: top;
margin-right: -4px;
width: 25%;
padding: 15px;
text-align: right;
background: #f5f5f5;
}
.kwiki-cart-booknow-tier-price span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.kwiki-cart-booknow-bottombar {
border-top: 1px solid #fff;
padding: 20px;
background: #f4f4f4;
background: -moz-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
background: -webkit-linear-gradient(top, #f4f4f4 0%, #dddddd 100%);
background: linear-gradient(to bottom, #f4f4f4 0%, #dddddd 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dddddd', GradientType=0);
}
.kwiki-cart-booknow-btn {
background: #ffffff;
padding: 8px 20px;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px;
text-decoration: none;
color: #777;
display: inline-block;
text-align: center;
}
.kwiki-cart-booknow-btn:hover {
background: #ddd;
color: #111;
}
.kwiki-cart-booknow-btn:active {
background: #ccc;
color: #777;
}
a.kwiki-cart-booknow-main-btn {
background: #fc0;
color: #000;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
padding: 15px 55px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
position: relative;
margin: 5px 5px 5px 0px;
display: inline-block;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);
width: 100%;
max-width: 600px;
}
a.kwiki-cart-booknow-main-btn:hover {
background: #ffde5a;
}
a.kwiki-cart-booknow-main-btn:active {
background: #cca300;
color: #000;
}
.kwiki-cart-booknow-btn i.fa {
margin: 2px 5px;
}
.kwiki-cart-booknow-btn-action {
float: right;
color: #fff;
font-weight: bold;
background: #92e590;
background: -moz-linear-gradient(top, #92e590 0%, #79c178 100%);
background: -webkit-linear-gradient(top, #92e590 0%, #79c178 100%);
background: linear-gradient(to bottom, #92e590 0%, #79c178 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#92e590', endColorstr='#79c178', GradientType=0);
}
.kwiki-cart-booknow-btn-action:hover {
background: #61b15f;
color: #eee;
}
.kwiki-cart-booknow-btn-action:active {
background: #3e8f3c;
color: #333;
}
.kwiki-cart-booknow-btn-disabled,
.kwiki-cart-booknow-btn-disabled:hover,
.kwiki-cart-booknow-btn-disabled:active {
cursor: not-allowed;
cursor: not-allowed;
color: #999;
opacity: .5;
background: #92e590;
background: -moz-linear-gradient(top, #92e590 0%, #79c178 100%);
background: -webkit-linear-gradient(top, #92e590 0%, #79c178 100%);
background: linear-gradient(to bottom, #92e590 0%, #79c178 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#92e590', endColorstr='#79c178', GradientType=0);
}
.kwiki-cart-booknow-page-subheader {
text-align: center;
display: block;
margin: 0px auto 20px auto;
font-size: 12px;
}
.kwiki-cart-booknow-page-subheader i.fa {
color: #cf0808;
margin: 0px !important;
}
.kwiki-cart-booknow-wrapper i.fa-asterisk {
color: #cf0808;
margin: 0px 0px 0px 10px;
}
.kwiki-cart-booknow-tier-desc {
display: block;
font-size: 11px;
font-weight: normal !important;
}
.kwiki-cart-booknow-page-section {
padding: 40px 0px;
border-bottom: 1px solid #ccc;
height: auto;
transition: height .5s, padding .5s, margin .5s;
}
.kwiki-cart-booknow-page-section-hide {
height: 0px;
padding: 0;
overflow-y: hidden;
border: 0;
margin: 0;
border-top: 0 !important;
}
.kwiki-cart-booknow-page-section-dark {
background: #f5f5f5;
border-top: 1px solid #fff;
}
.kwiki-cart-booknow-upsell {
max-width: 580px;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
margin: 10px auto;
overflow: hidden;
}
.kwiki-cart-booknow-upsell-selected {}
.kwiki-cart-booknow-upsell-checkbox {
text-align: center;
padding: 0px;
width: 20%;
border-right: 1px solid #fff;
background: #f2eed6;
cursor: pointer;
}
.kwiki-cart-booknow-upsell-title {
padding: 8px 10px;
width: 55%;
border-left: 1px solid rgba(0, 0, 0, 0.3);
background: #f5f5f5;
}
.kwiki-cart-booknow-upsell-price {
width: 25%;
padding: 15px;
text-align: right;
background: #f5f5f5;
}
.kwiki-cart-booknow-options {}
.table {
display: table;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
}
.kwiki-checked {
color: #00aa00;
}
.kwiki-cart-booknow-upsell-selections {
width: 100%;
height: auto;
max-width: 580px;
margin: -12px auto 10px auto;
border: 1px solid #bbb;
background: #ddd;
padding: 10px;
transition: height .25s, padding .25s;
}
.kwiki-cart-booknow-upsell-selections-hide {
height: 0;
padding: 0;
overflow-y: hidden;
border: 0;
margin-bottom: 11px;
}
.kwiki-cart-booknow-upsell-wrapper {}
.kwiki-cart-booknow-upsell-selection-item {
position: relative;
}
.kwiki-cart-booknow-upsell-selection-item select {
outline: none;
background: #eee;
overflow: hidden !important;
margin: 0px -10px 0px 0px;
padding: 15px;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
color: #555;
cursor: pointer;
z-index: 2;
position: relative;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
.kwiki-cart-booknow-upsell-selection-item select:hover {
background: #fff;
}
.kwiki-cart-booknow-upsell-selection-item select:active {
background: #ccc;
}
.kwiki-cart-booknow-upsell-selection-item:after {
content: "\f078";
font-size: 12px;
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 10px;
margin: -8px 0px 0px 0px;
z-index: 2;
pointer-events: none;
}
.kwiki-cart-booknow-upsell-selection-items {
margin: 10px auto;
width: 100%;
}
.kwiki-cart-booknow-upsell-selection-label {
width: 25%;
text-align: right;
padding: 0px 10px 0px 0px;
font-size: 14px;
}
.kwiki-cart-booknow-upsell-selection-label span {}
.kwiki-cart-booknow-info-wrapper {
width: 100%;
max-width: 580px;
margin: 10px auto;
}
.kwiki-cart-booknow-info-number {}
.kwiki-cart-booknow-info-number label {
font-size: 16px;
}
.kwiki-cart-booknow-info-number input {}
.kwiki-cart-booknow-info-inner {
width: 100%;
background: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 10px 20px;
border-radius: 4px 4px 0px 0px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.kwiki-cart-booknow-info-sub {}
.kwiki-cart-booknow-info-sub-wrapper {
background: #ddd;
width: 100%;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.2);
position: relative;
top: -1px;
}
.kwiki-cart-booknow-info-sub label {
text-align: right;
padding: 15px 10px 15px 0px;
vertical-align: top;
}
.kwiki-cart-booknow-info-sub input {
width: 100%;
font-size: 14px;
padding: 10px !important;
border: 1px solid rgba(0, 0, 0, .3) !important;
border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.kwiki-cart-booknow-info-sub textarea {
width: 100%;
font-size: 14px;
padding: 10px !important;
border: 1px solid rgba(0, 0, 0, .3) !important;
border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
margin: 2px auto 10px auto;
}
.kwiki-cart-booknow-info-sub select {
width: 100%;
display: block;
margin: 5px 0px;
font-size: 16px;
height: 30px;
}
.kwiki-cart-booknow-success-wrapper {
text-align: center;
margin: 20px auto;
}
.kwiki-cart-booknow-success-wrapper .kwiki-cart-booknow-btn-action {
float: none;
}
.kwiki-cart-booknow-success {}
.kwiki-cart-booknow-success h3 {
color: #03d200;
}
.kwiki-cart-booknow-bottombar-right {
text-align: right;
}
.kwiki-cart-booknow-subtotal {
text-align: right;
border-bottom: 1px solid rgba(0, 0, 0, .2);
background: #ddd;
padding: 15px 20px;
}
.kwiki-cart-booknow-subtotal span {}
.kwiki-cart-booknow-date-title {
margin: 20px auto !important;
color: #04a500;
}
.kwiki-cart-booknow-date-title span {
font-weight: normal;
font-size: 16px;
color: #333;
}
.kwiki-cart-booknow-date-title span.kwiki-cart-booknow-date-title-normal {
color: #04a500;
font-size: inherit;
font-weight: inherit;
}
.kwiki-cart-booknow-info-boolean {
border: 1px solid #aeaeae;
}
.kwiki-cart-booknow-info-boolean label {
width: 50%;
float: left;
background: #f2eed6;
border-radius: 5px 0px 0px 5px;
padding: 15px 20px;
border-right: 1px solid #ccc;
cursor: pointer;
}
.kwiki-cart-booknow-info-boolean label:last-child {
border-radius: 0px 5px 5px 0px;
border-right: none;
border-left: 1px solid #fff;
background: #f5f5f5;
}
.kwiki-cart-booknow-info-boolean label:after {
clear: both;
}
.kwiki-cart-booknow-info-boolean input {
cursor: pointer;
width: initial;
}
.kwiki-cart-booknow-info-checkbox {
margin: 10px 0px;
border: 1px solid #aeaeae;
border-radius: 5px;
overflow: hidden;
background: #f5f5f5;
cursor: pointer;
}
.kwiki-cart-booknow-info-checkbox label {
display: block;
text-align: left;
cursor: pointer;
}
.kwiki-cart-booknow-info-checkbox-btn {
font-weight: bold;
background: #f2eed6;
padding: 15px 25px;
border-right: 1px solid #ababab;
cursor: pointer;
margin-right: 12px;
}
.kwiki-cart-booknow-info-checkbox-btn i.fa {}
.kwiki-cart-booknow-info-checkbox-btn i.fa.fa-check-square-o {
color: #0a0;
}
.kwiki-cart-booknow-info-checkbox-btn i.fa.fa-square-o {
color: #333;
}
.kwiki-cart-booknow-close-btn {
position: absolute;
width: 30px;
height: 30px;
top: 5px;
right: 5px;
cursor: pointer;
text-align: center;
}
.kwiki-cart-booknow-close-btn:after {
content: "\f00d";
font-family: FontAwesome;
color: #5f4e00;
text-align: center;
margin: 5px 5px 0px 0px;
}
.kwiki-cart-booknow-upsell-title span {
display: block;
font-size: 12px;
margin: 5px;
}
input.kwiki-cart-required-question,
textarea.kwiki-cart-required-question,
select.kwiki-cart-required-question,
div.kwiki-cart-required-question,
span.kwiki-cart-required-question {
border: 1px solid #FF0000 !important;
}
.kwiki-cart-booknow-page h3.kwiki-cart-booknow-date-title {
background: #ffffcd;
margin: 5px 15px !important;
border: 1px solid #d0d051;
}
.kwiki-cart-booknow-page h3.kwiki-cart-booknow-date-title-warning {
background: #ffcdcd;
border: 1px solid #d05151;
}
@media only screen and (max-width: 968px) {
.kwiki-cart-booknow-body {
padding: 5px 15px;
}
.kwiki-cart-booknow-tier select {
left: -5px;
}
.kwiki-cart-booknow-wrapper a.kwiki-cart-booknow-btn,
a.kwiki-cart-configure-btn.kwiki-cart-configure-btn-disabled {
display: block;
float: none;
margin: 10px auto;
}
}
.kwiki-cart-booknow-tier-highlight {
outline: 5px solid #ffa500;
animation: animate_outline 1.5s ease infinite;
}
@keyframes animate_outline {
0% {
outline:5px solid #ffb226;
}
50% {
outline:5px solid #fbf420;
}
100% {
outline:5px solid #ffb226;
}
}