.kwiki-cart-view-wrapper h1,
.kwiki-cart-view-wrapper h2,
.kwiki-cart-view-wrapper h3,
.kwiki-cart-view-wrapper h4,
.kwiki-cart-view-wrapper h5,
.kwiki-cart-view-wrapper h6,
.kwiki-cart-view-wrapper span,
.kwiki-cart-view-wrapper div,
.kwiki-cart-view-wrapper input,
.kwiki-cart-view-wrapper ul,
.kwiki-cart-view-wrapper li,
.kwiki-cart-view-wrapper a {
font-family: 'Open Sans', sans-serif;
}
.kwiki-cart-view-wrapper {
font-family: 'Open Sans', sans-serif;
position: fixed;
top:0px;
left: 0px;
z-index: 999999;
background: rgba(0,0,0,0.80);
display: table;
height: 100%;
width: 100%;
text-align: center;
color:#000;
visibility: hidden;
opacity: 0;
transition: visibility .25s, opacity .25s;
overflow-y: scroll;
max-height: 100%;
display: flex;
}
.kwiki-cart-view-wrapper p {
color: #000 !important;
}
.kwiki-cart-view-wrapper div,
.kwiki-cart-view-wrapper span,
.kwiki-cart-view-wrapper a,
.kwiki-cart-view-wrapper i,
.kwiki-cart-view-wrapper input,
.kwiki-cart-view-wrapper table,
.kwiki-cart-view-wrapper tr,
.kwiki-cart-view-wrapper td {
box-sizing: border-box;
line-height: normal;
}
.kwiki-cart-view-wrapper-show {
visibility:visible;
opacity:1;
}
.kwiki-cart-view-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-view-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-view-header i.fa {
font-size: 16px;
margin: 0px 8px 0px 0px;
}
.kwiki-cart-view-body {
border-top: 1px solid #fff;
display: block;
min-height: 200px;
padding: 5px 0px 0px 0px;
background: #fff;
}
.kwiki-cart-view-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-view-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-view-headbar a:hover {
color: #7d6c00;
background-color:#f7edb1;
}
.kwiki-cart-view-headbar a:active {
color: #555;
background-color:#d6cb87;
border: 1px solid rgba(149, 143, 106, .4);
}
.kwiki-cart-view-name {font-size: 16px;margin: 0px 0px 0px 10px;font-weight: bold;}
.kwiki-cart-view-selected-date-time {font-size: 12px;margin: 0px 0px 0px 10px;}
.kwiki-cart-view-page {overflow: hidden;}
.kwiki-cart-view-page h3 {
text-align: center;
font-size: 20px;
margin: 0px auto 5px auto;
color: #000;
text-shadow: none;
font-weight: bold;
line-height: normal;
}
.kwiki-cart-view-page p {
text-align:center;
margin:0px auto 20px auto;
}
.kwiki-cart-view-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-view-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-view-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-view-tier-qty span {
margin: 0px 10px 0px -25px;
}
.kwiki-cart-view-tier-qty i.fa {
color: #555;
}
.kwiki-cart-view-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-view-tier-name span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
}
.kwiki-cart-view-tier-price {
display: inline-block;
vertical-align: top;
margin-right: -4px;
width: 25%;
padding: 15px;
text-align: right;
background: #f5f5f5;
}
.kwiki-cart-view-tier-price span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.kwiki-cart-view-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-view-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-view-btn:hover {
background:#ddd;
color:#111;
}
.kwiki-cart-view-btn:active {
background:#ccc;
color:#777;
}
.kwiki-cart-view-btn i.fa {margin: 2px 5px;}
.kwiki-cart-view-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-view-btn-action:hover {
background:#61b15f;
color:#eee;
}
.kwiki-cart-view-btn-action:active {
background: #3e8f3c;
color: #333;
}
.kwiki-cart-view-btn-disabled,
.kwiki-cart-view-btn-disabled:hover,
.kwiki-cart-view-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-view-page-subheader {
text-align: center;
display: block;
margin: 0px auto 20px auto;
font-size: 12px;
}
.kwiki-cart-view-page-subheader i.fa {
color: #cf0808;
margin: 0px !important;
}
.kwiki-cart-view-wrapper i.fa-asterisk {
color: #cf0808;
margin:0px 0px 0px 10px;
}
.kwiki-cart-view-tier-desc {
display: block;
font-size: 11px;
font-weight: normal !important;
}
.kwiki-cart-view-page-section {
padding: 20px;
border-bottom: 1px solid #ccc;
height: auto;
transition: height .5s, padding .5s, margin .5s;
}
.kwiki-cart-view-page-section-hide {
height: 0px;
padding: 0;
overflow-y: hidden;
border: 0;
margin: 0;
border-top: 0 !important;
}
.kwiki-cart-view-page-section-dark {background: #f5f5f5;border-top: 1px solid #fff;}
.kwiki-cart-view-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-view-upsell-selected {
}
.kwiki-cart-view-upsell-checkbox {
text-align: center;
padding: 0px;
width: 20%;
border-right: 1px solid #fff;
background: #f2eed6;
cursor: pointer;
}
.kwiki-cart-view-upsell-title {
padding: 8px 10px;
width: 55%;
border-left: 1px solid rgba(0,0,0,0.3);
background: #f5f5f5;
}
.kwiki-cart-view-upsell-price {
width: 25%;
padding: 15px;
text-align: right;
background: #f5f5f5;
}
.kwiki-cart-view-options {
}
.table {
display: table;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
}
.kwiki-checked {
color: #00aa00;
}
.kwiki-cart-view-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-view-upsell-selections-hide {
height:0;
padding: 0;
overflow-y: hidden;
border: 0;
margin-bottom: 11px;
}
.kwiki-cart-view-upsell-wrapper {
}
.kwiki-cart-view-upsell-selection-item {position: relative;}
.kwiki-cart-view-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-view-upsell-selection-item select:hover {
background:#fff;
}
.kwiki-cart-view-upsell-selection-item select:active {
background:#ccc;
}
.kwiki-cart-view-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-view-upsell-selection-items {margin: 10px auto;width: 100%;}
.kwiki-cart-view-upsell-selection-label {width: 25%;text-align: right;padding: 0px 10px 0px 0px;font-size: 14px;}
.kwiki-cart-view-upsell-selection-label span {
}
.kwiki-cart-view-info-wrapper {
width: 100%;
max-width: 580px;
margin: 10px auto;
}
.kwiki-cart-view-info-number {}
.kwiki-cart-view-info-number label {
font-size: 16px;
}
.kwiki-cart-view-info-number input {}
.kwiki-cart-view-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-view-info-sub {
}
.kwiki-cart-view-info-sub-wrapper {
background: #ddd;
width: 100%;
padding: 20px;
border: 1px solid rgba(0,0,0,0.2);
position: relative;
top: -1px;
}
.kwiki-cart-view-info-sub label {
text-align: right;
padding: 15px 10px 15px 0px;
}
.kwiki-cart-view-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-view-success-wrapper {
text-align: center;
margin: 20px auto;
}
.kwiki-cart-view-success-wrapper .kwiki-cart-view-btn-action {
float: none;
}
.kwiki-cart-view-success {
}
.kwiki-cart-view-success h3 {
color: #03d200;
}
.kwiki-cart-view-bottombar-right {
text-align: right;
}
.kwiki-cart-view-subtotal {
text-align: right;
border-bottom: 1px solid rgba(0,0,0,.2);
background: #ddd;
padding: 15px 20px;
}
.kwiki-cart-view-subtotal span {}
.kwiki-cart-view-item-wrapper {
width: 100%;
border: 1px solid #bbb;
border-radius: 3px;
box-shadow: 0px 0px 5px rgba(0,0,0,.2);
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}
.kwiki-cart-view-item {}
.kwiki-cart-view-item-img {
width: 20%;
padding: 15px;
}
.kwiki-cart-view-item-img img {
max-width: 150px;
border: 1px solid #333;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.kwiki-cart-view-item-info {
width: 40%;
text-align: center;
padding: 20px 10px;
}
.kwiki-cart-view-item-info h4 {
font-size: 18px;
margin: 0px auto 5px auto;
font-weight: bold;
color: #000;
text-shadow: none;
line-height: normal;
}
.kwiki-cart-view-item-info a {
color:#000;
text-decoration:none;
}
.kwiki-cart-view-item-info a:hover {
color:#777;
}
.kwiki-cart-view-item-info span {
font-size: 13px;
}
.kwiki-cart-view-item-options {
width: 20%;
padding: 20px 10px;
}
.kwiki-cart-view-item-option-item {
font-size: 14px;
margin: 5px auto;
}
.kwiki-cart-view-item-option-item span {}
.kwiki-cart-view-item-action {padding: 20px 10px;width: 20%;}
.kwiki-cart-view-wrapper .table {
display: table;
margin: 0px auto 10px auto;
}
.kwiki-cart-view-wrapper .tr {
display: table-row;
vertical-align: top;
}
.kwiki-cart-view-wrapper .td {
display: table-cell;
vertical-align: top;
}
.kwiki-cart-view-item-action a {
display: block;
margin: 5px;
font-size: 12px;
}
.kwiki-cart-view-btn-edit {
color: #716310;
background: #f7edb1;
}
.kwiki-cart-view-btn-edit:hover {
background: #fffcec;
color:#716310;
}
.kwiki-cart-view-btn-edit:active {
background:#d6ca81;
color:#716310;
}
.kwiki-cart-view-item-empty {
padding: 20px 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 20px auto;
background: #f5f5f5;
}
.kwiki-cart-view-item-empty h5 {
text-align: center;
font-size: 16px;
font-weight: normal;
color: #000;
text-shadow: none !important;
line-height: normal;
}
.kwiki-cart-view-close-btn {
position: absolute;
width: 30px;
height: 30px;
top: 5px;
right: 5px;
cursor: pointer;
text-align: center;
}
.kwiki-cart-view-close-btn:after {
content: "\f00d";
font-family: FontAwesome;
color: #5f4e00;
text-align: center;
margin: 5px 5px 0px 0px;
}
.kwiki-cart-view-warning {
background-color: #f9ff00;
margin: 10px;
padding: 10px 20px;
border: 1px solid #c1c500;
}
.kwiki-cart-view-warning i.fa {
margin: 0px 8px 0px 0px;
}
.kwiki-cart-view-warning a {
color: blue !important;
margin: 0px 0px 0px 15px;
}
.kwiki-cart-view-warning a:hover {
text-decoration:underline;
}
@media only screen and (max-width: 968px) {
.kwiki-cart-view-wrapper .td {
display: block !important;
vertical-align: top !important;
text-align: center !important;
width: 100% !important;
}
.kwiki-cart-view-wrapper a.kwiki-cart-view-btn {
display: block;
float: none;
margin: 10px auto;
}
}