.kwiki-cart-checkout-wrapper h1,
.kwiki-cart-checkout-wrapper h2,
.kwiki-cart-checkout-wrapper h3,
.kwiki-cart-checkout-wrapper h4,
.kwiki-cart-checkout-wrapper h5,
.kwiki-cart-checkout-wrapper h6,
.kwiki-cart-checkout-wrapper span,
.kwiki-cart-checkout-wrapper div,
.kwiki-cart-checkout-wrapper input,
.kwiki-cart-checkout-wrapper ul,
.kwiki-cart-checkout-wrapper li,
.kwiki-cart-checkout-wrapper a {
font-family: 'Open Sans', sans-serif;
}
.kwiki-cart-checkout-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-checkout-wrapper-cc {
max-width: 600px;
margin:0px auto;
}
.kwiki-cart-checkout-wrapper p {
color: #000 !important;
}
.kwiki-cart-checkout-wrapper div,
.kwiki-cart-checkout-wrapper span,
.kwiki-cart-checkout-wrapper a,
.kwiki-cart-checkout-wrapper i,
.kwiki-cart-checkout-wrapper input {
box-sizing: border-box;
line-height: normal;
}
.kwiki-cart-checkout-wrapper-show {
visibility:visible;
opacity:1;
}
.kwiki-cart-checkout-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-checkout-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: #8cdc8a;
border-bottom: 1px solid rgba(0,0,0,0.1);
text-align: center;
}
.kwiki-cart-checkout-header i.fa {
font-size: 16px;
margin: 0px 8px 0px 0px;
}
.kwiki-cart-checkout-body {
border-top: 1px solid #fff;
display: block;
min-height: 200px;
padding: 5px 0px 0px 0px;
background: #fff;
}
.kwiki-cart-checkout-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-checkout-headbar a {
color: #555;
text-decoration: none;
background-color: #fff;
padding: 3px 8px;
border: 1px solid #aaa;
border-radius: 2px;
font-size: 12px;
}
.kwiki-cart-checkout-headbar a:hover {
color: #555;
background-color:#ddd;
}
.kwiki-cart-checkout-headbar a:active {
color: #333;
background-color:#ccc;
}
.kwiki-cart-checkout-name {font-size: 13px;margin: 0px 0px 0px 10px;font-weight: bold;float: right;color: #388e37;background: #e7ffe6;padding: 5px 10px;position: relative;top: -4px;border: 1px solid rgba(0,0,0,0.2);border-radius: 2px;}
.kwiki-cart-checkout-selected-date-time {font-size: 12px;margin: 0px 0px 0px 10px;}
.kwiki-cart-checkout-page {
}
.kwiki-cart-checkout-page h3 {
text-align: center;
font-size: 20px;
margin: 0px auto  5px auto;
text-shadow: none;
color: #000;
font-weight: bold;
line-height: normal;
}
.kwiki-cart-checkout-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-checkout-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-checkout-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-checkout-tier-qty span {
margin: 0px 10px 0px -25px;
}
.kwiki-cart-checkout-tier-qty i.fa {
color: #555;
}
.kwiki-cart-checkout-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-checkout-tier-name span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
}
.kwiki-cart-checkout-tier-price {
display: inline-block;
vertical-align: top;
margin-right: -4px;
width: 25%;
padding: 15px;
text-align: right;
background: #f5f5f5;
}
.kwiki-cart-checkout-tier-price span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.kwiki-cart-checkout-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-checkout-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-checkout-btn:hover {
background:#ddd;
color:#111;
}
.kwiki-cart-checkout-btn:active {
background:#ccc;
color:#777;
}
.kwiki-cart-checkout-btn i.fa {margin: 2px 5px;}
.kwiki-cart-checkout-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-checkout-btn-action:hover {
background:#61b15f;
color:#eee;
}
.kwiki-cart-checkout-btn-action:active {
background: #3e8f3c;
color: #333;
}
.kwiki-cart-checkout-btn-disabled,
.kwiki-cart-checkout-btn-disabled:hover,
.kwiki-cart-checkout-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-checkout-page-subheader {
text-align: center;
display: block;
margin: 0px auto 20px auto;
font-size: 12px;
}
.kwiki-cart-checkout-page-subheader2 {
text-align: center;
display: block;
margin: -15px auto 20px auto;
font-size: 12px;
}
.kwiki-cart-checkout-page-subheader i.fa,
.kwiki-cart-checkout-page-subheader2 i.fa {
color: #cf0808;
margin: 0px !important;
}
.kwiki-cart-checkout-wrapper i.fa-asterisk {
color: #cf0808;
margin:0px 0px 0px 10px;
}
.kwiki-cart-checkout-tier-desc {
display: block;
font-size: 11px;
font-weight: normal !important;
}
.kwiki-cart-checkout-page-section {
padding: 20px 0px;
height: auto;
transition: height .5s, padding .5s, margin .5s;
}
.kwiki-cart-checkout-page-section-hide {
height: 0px;
padding: 0;
overflow-y: hidden;
border: 0;
margin: 0;
border-top: 0 !important;
}
.kwiki-cart-checkout-page-section-dark {background: #f5f5f5;border-top: 1px solid #fff;}
.kwiki-cart-checkout-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-checkout-upsell-selected {
}
.kwiki-cart-checkout-upsell-checkbox {
text-align: center;
padding: 0px;
width: 20%;
border-right: 1px solid #fff;
background: #f2eed6;
cursor: pointer;
}
.kwiki-cart-checkout-upsell-title {
padding: 8px 10px;
width: 55%;
border-left: 1px solid rgba(0,0,0,0.3);
background: #f5f5f5;
}
.kwiki-cart-checkout-upsell-price {
width: 25%;
padding: 15px;
text-align: right;
background: #f5f5f5;
}
.kwiki-cart-checkout-options {
}
.table {
display: table;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
}
.kwiki-cart-checkout-body .td {
vertical-align: top;
}
.kwiki-checked {
color: #00aa00;
}
.kwiki-cart-checkout-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-checkout-upsell-selections-hide {
height:0;
padding: 0;
overflow-y: hidden;
border: 0;
margin-bottom: 11px;
}
.kwiki-cart-checkout-upsell-wrapper {
}
.kwiki-cart-checkout-upsell-selection-item {position: relative;}
.kwiki-cart-checkout-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-checkout-upsell-selection-item select:hover {
background:#fff;
}
.kwiki-cart-checkout-upsell-selection-item select:active {
background:#ccc;
}
.kwiki-cart-checkout-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-checkout-upsell-selection-items {margin: 10px auto;width: 100%;}
.kwiki-cart-checkout-upsell-selection-label {width: 25%;text-align: right;padding: 0px 10px 0px 0px;font-size: 14px;}
.kwiki-cart-checkout-upsell-selection-label span {
}
.kwiki-cart-checkout-info-wrapper {
width: 100%;
max-width: 580px;
margin: 10px auto;
}
.kwiki-cart-checkout-info-number {}
.kwiki-cart-checkout-info-number label {
font-size: 16px;
}
.kwiki-cart-checkout-info-number input {}
.kwiki-cart-checkout-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-checkout-info-sub {
}
.kwiki-cart-checkout-info-sub-wrapper {
background: #ddd;
width: 100%;
padding: 20px;
border: 1px solid rgba(0,0,0,0.2);
position: relative;
top: -1px;
}
.kwiki-cart-checkout-info-sub label {
text-align: right;
padding: 15px 10px 15px 0px;
}
.kwiki-cart-checkout-info-sub input {
width: 100%;
font-size: 14px;
padding: 10px;
border: 1px solid rgba(0,0,0,.3);
border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.kwiki-cart-checkout-success-wrapper {
text-align: center;
margin: 20px auto;
}
.kwiki-cart-checkout-success-wrapper .kwiki-cart-checkout-btn-action {
float: none;
}
.kwiki-cart-checkout-success {
}
.kwiki-cart-checkout-success h3 {
color: #03d200;
}
.kwiki-cart-checkout-bottombar-right {
text-align: right;
}
.kwiki-cart-checkout-subtotal {
text-align: right;
border-bottom: 1px solid rgba(0,0,0,.2);
background: #ddd;
padding: 15px 20px;
}
.kwiki-cart-checkout-subtotal span {}
.kwiki-cart-checkout-date-title {
margin: 20px auto !important;
color: #04a500;
}
.kwiki-cart-checkout-date-title span {
font-weight: normal;
font-size: 16px;
color: #333;
}
.kwiki-cart-checkout-form-wrapper {
border: 1px solid #ccc;
padding: 20px;
background: #f5f5f5;
margin-bottom: -1px;
}
.kwiki-cart-checkout-form-inner-wrapper {
width: 100%;
}
.kwiki-cart-checkout-form-row {}
.kwiki-cart-checkout-form-row label {
font-size: 16px;
margin: 0px 10px 0px 0px;
}
input.kwiki-cart-checkout-form-input {
font-size: 16px;
padding: 10px 10px 10px 50px !important;
border: 0 !important;
width: 100%;
outline-width: 0;
color: #333 !important;
background-color: #fff;
}
input.kwiki-cart-checkout-form-input::placeholder {
color: #ccc
}
.kwiki-cart-checkout-form-cell {
padding-right: 30px;
}
.kwiki-cart-checkout-form-cell .table {
width: 100%;
}
.kwiki-cart-checkout-form-cell .td {
text-align: right;
width: 35%;
}
.kwiki-cart-checkout-form-cell .td:last-child {
text-align: right;
width: 65%;
}
.kwiki-cart-checkout-form-input-wrapper {
border: 1px solid #bbb;
border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0,0,0,.1);
width: 100%;
position: relative;
}
.kwiki-cart-checkout-form-input-wrapper i.fa {
position: absolute;
left: 0px;
top: 0px;
color: #555;
background: #ddd;
padding: 13px 0px;
border-right: 1px solid rgba(0,0,0,0.1);
height: 100%;
width: 40px;
text-align: center;
z-index: 2;
}
.kwiki-cart-checkout-form-input-wrapper input {}
.kwiki-cart-checkout-form-input-wrapper {}
.kwiki-cart-checkout-form-input-wrapper select{
border: 0;
background: transparent;
margin: 0px 0px 0px 0px;
text-align: center;
text-align-last: center;
width: 100%;
outline: 0;
height: 39px;
}
.kwiki-required:after {
font-family: FontAwesome;
content: '\f069';
font-size: 14px;
color: #cf0808;
margin: 2px 0px 0px 5px;
font-weight: bold;
position: absolute;
top: 10px;
right: -20px;
}
.kwiki-cart-checkout-bottombar-total {}
.kwiki-cart-checkout-bottombar-price {}
.kwiki-cart-checkout-btn-spinner {
background: #ffcc00 !important;
color: #000 !important;
}
.kwiki-cart-checkout-form-element-wrapper {
border: 1px solid #c3c3c3 !important;
background: #fff !important;
padding: 10px 10px 10px 45px !important;
border-radius: 5px 2px 2px 5px !important;
margin:0px 15px 0px 0px;
overflow: hidden;
height: 41px;
}
.kwiki-cart-checkout-form-ccnumber-outter-wrapper {
width: 50%;
display:inline-block;
margin-right:-4px;
position:relative;
overflow:hidden !important;
}
.kwiki-cart-checkout-form-ccexpiry-outter-wrapper {
width: 25%;
display:inline-block;
margin-right:-4px;
position: relative;
overflow:hidden !important;
}
.kwiki-cart-checkout-form-cccvc-outter-wrapper {
width: 25%;
display:inline-block;
margin-right:-4px;
position: relative;
overflow:hidden !important;
}
.kwiki-cart-checkout-img {
text-align: center;
margin: 15px auto;
display: block;
}
.kwiki-cart-checkout-wrapper-cc i.fa {
position:absolute;
bottom:1px;
left:1px;
background-color:#e1e1e1;
width:35px;
height:39px;
text-align:center;
line-height:39px;
border-radius:5px 0px 0px 5px;
border-right:1px solid #cfcfcf;
color:#606060;
}
.kwiki-cart-checkout-page-top-subtotal {
padding: 10px;
display: block;
text-align: right;
text-transform: uppercase;
}
.kwiki-cart-view-item-wrapper-checkout {
background: #efefef !important;
}
.kwiki-cart-checkout-close-btn {
position: absolute;
width: 30px;
height: 30px;
top: 5px;
right: 5px;
cursor: pointer;
text-align: center;
}
.kwiki-cart-checkout-close-btn:after {
content: "\f00d";
font-family: FontAwesome;
color: #0b5209;
text-align: center;
margin: 5px 5px 0px 0px;
}
.kwiki-cart-checkout-wrapper-cc label {
font-size: 16px;
display: block;
margin-bottom: 5px;
}
.kwiki-cart-checkout-warning {
background-color: #f9ff00;
margin: 10px;
padding: 10px 20px;
border: 1px solid #c1c500;
}
.kwiki-cart-checkout-warning i.fa {
margin: 0px 8px 0px 0px;
}
.kwiki-cart-checkout-warning a {
color: blue !important;
margin: 0px 0px 0px 15px;
}
.kwiki-cart-checkout-warning a:hover {
text-decoration:underline;
}
.kwiki-cart-checkout-select-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
display: block;
text-align: center;
height: 39px;
line-height: 39px !important;
background: #fff;
border-radius: 3px;
font-size: 14px;
color: #000 !important;
pointer-events: none;
}
.kwiki-cart-checkout-select-overlay:after {
content:"\f078";
position:absolute;right:8px;
top:0px;
font-size:12px;
color:#555;
font-family:FontAwesome;
}
@media only screen and (max-width: 968px) {
.kwiki-cart-checkout-wrapper .td {
display: block !important;
vertical-align: top !important;
text-align: center !important;
width: 100% !important;
}
.kwiki-cart-checkout-wrapper a.kwiki-cart-checkout-btn {
display:block;
margin:10px auto;
float:none;
}
.kwiki-cart-checkout-form-ccnumber-outter-wrapper {
display: block;
width: 100%;
margin: 0px auto 10px;
}
.kwiki-cart-checkout-form-ccexpiry-outter-wrapper {
display: block;
width: 100%;
margin: 0px auto 10px;
}
.kwiki-cart-checkout-form-cccvc-outter-wrapper {
display: block;
width: 100%;
margin: 0px auto 10px;
}
}