﻿
.stepContainer {border-bottom:1px solid #fff;position:relative;}
.stepContainer.after, .stepContainer.before {border-bottom-color:#bbb;}
.stepContainer h2 i {display:inline-block;width:1em;text-align:left;}
.stepContainer.before h2 {color:#1eba0c;cursor:pointer;}
.stepContainer.after h2 {color:#bbb;}
.stepContainer .opacityStep {position:absolute;top:0px; right:0px; bottom:0px; left:0px;display:none;background-color:rgba(255,255,255,0.6);cursor:pointer;}
.stepContainer.before .opacityStep {display:block;}
.stepContainer.before .continueButton {visibility:hidden;}
.stepContainer.after .stepBody {display:none;}

.stepBody {position:relative;}

.stepReview {padding:1.5em 0px;}
.stepReview div.stepReviewFloat {float:left;width:490px;}
.stepReview ul {list-style:none;margin-top:0px;margin-bottom:1.5em;}
.stepReview h3 {margin:0px 0px 0.5em 0px;}
.stepReview div.clearReview {clear:left;}

.productList {margin-top:1em;padding:0px;text-align:left;}
.productChoice {position:relative;padding:15px;margin-bottom:2px;background-color:#f1f1f1;list-style:none;border-left-style:solid;border-left-width:15px;cursor:pointer; background-position:right;background-repeat:no-repeat;background-size:contain;}
.productChoice:first-child{border-top-left-radius:0.5em;border-top-right-radius:0.5em;}
.productChoice:last-child{border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em;}
.productChoice:hover {background-color:#e7e7e7;}
.productChoice h3 {margin:0px;}
.productChoice h3 i{width:auto;}
.productChoice h3 i.fa-search-plus {visibility:hidden;}
.productChoice:hover h3 i.fa-search-plus {visibility:visible;}
.productChoice img {display:none;}

.productDescription {font-size:0.85em;color:#333;}
.productDescription b {font-size:1.25em;}
.productDescription b .fullPrice {color:#666;text-decoration:line-through;font-weight:normal;}
.productSizeContainer {display:flex;flex-flow:row wrap;justify-content:start;gap:10px;margin-top:10px;}
.clearProduct {clear:right;height:15px;}

.limitedCounter {text-align:center;}

.bro {color:#0094ff;}
.sista {color:#f573ff;}
.kid {color:#ec7703;}
.gadget{color:#333333;}

.numberChoiseContainer {display:inline-block;position:relative;background-color:#bbb;border-width:1px 0px;border-style:solid;border-color:#bbb;text-align:center;color:#fff;transition:0.2s;}
.bro .numberChoiseContainer.wantToReserve {background-color:#0094ff;border-color:#0094ff;}
.sista .numberChoiseContainer.wantToReserve {background-color:#f573ff;border-color:#f573ff;}
.kid .numberChoiseContainer.wantToReserve {background-color:#ec7703;border-color:#ec7703;}
.gadget .numberChoiseContainer.wantToReserve {background-color:#333333;border-color:#333333;}
.numberChoiseContainer b {display:inline-block;float:left;min-width:2em;height:1.5em;line-height:1.5em;padding:5px;text-align:center;cursor:pointer;}
.numberChoiseContainer b:hover {color:#f1f1f1;}
.numberChoiseContainer input {width:1.5em;height:1.5em;padding:5px;border-width:0px;text-align:center;font-weight:700;}
.numberChoiseContainer span:not(.errorMessage) {display:inline-block;float:right;line-height:0.5em;text-align:center;padding:0px 2px;}
.numberChoiseContainer span:not(.errorMessage) i {cursor:pointer;}
.numberChoiseContainer span:not(.errorMessage) i:hover {color:#f1f1f1;}
.numberChoiseContainer strong.disabled {position:absolute;top:-1px;right:0;bottom:-1px;left:0;background-color:rgba(250,250,250,0.8);padding-right:0.8em;text-align:right;color:#e01b1b;font-weight:bold;font-size:2em;line-height:1.1em;}

.highlightBackground {position:fixed;top:0px; left:0px; right:0px; bottom:0px;background-color:rgba(255, 255, 255, 0.90);z-index:200;}

.waitMessage {display:inline-block;margin-top:20%;font-size:1.25em;color:#333;}
.waitMessage i {font-size:4em;}

.highlight {position:fixed;top:50%; left:50%;width:610px;margin-left:-305px;height:400px;margin-top:-200px;background-color:#fff;box-shadow:rgba(153, 153, 153, 0.50) 0px 0px 7.5px;}
.highlight > a {position:absolute;top:-1em;right:-1em;}
.highlight > div {margin:7.5px;padding:7.5px;overflow-x:hidden;overflow-y:auto;}

.privacyPolicyContent {text-align:justify;height:370px;}

.productDetail {width:930px;margin-left:-465px;height:558px;margin-top:-279px;}
.productDetailContent {height:inherit;text-align:center;}
.productDetailContent div{text-align:left;}
.productDetailContent div h2 {font-size:2em;margin:25px 0px 5px 0px;}
.productDetailContent div span {font-size:1em;}
.productDetailContent div b {display:inline-block;margin-top:-4px;float:right;font-size:4em;line-height:1em;}
.productDetailContent div b .fullPrice {color:#666;font-size:0.7em;text-decoration:line-through;font-weight:normal;}

.resultDiv {margin:20% 15px 0px 15px;text-align:center;}
.resultDiv .ok {color:#1eba0c;font-size:1.25em;}
.resultDiv .ko {color:#e01b1b;font-size:1.25em;}

.sizeChartContent {height:370px;text-align:center;}
.sizeChartContent h2:first-of-type {margin-top:0.5em;}
.sizeChartContent table {width:100%;}
.sizeChartContent td {padding:15px;}
.sizeChartContent thead td {font-weight:700;padding:0px 15px;}
.sizeChartContent hr {background-color:#f1f1f1;}

.radioButton {margin:0.5em auto;padding:0.5em;background-color:#f1f1f1;}
.radioButton .radioButtonTitle {text-align:center;font-size:1.25em;line-height:1em;cursor:pointer;}
.radioButton:hover {background-color:#e7e7e7;}
.radioButton.unselectable, .radioButton.unselectable:hover {background-color:#fff;}
.radioButton.unselectable .radioButtonTitle {color:#e7e7e7;cursor:default;}
.radioButton .radioButtonTitle label {cursor:pointer;}
.radioButton.unselectable .radioButtonTitle label {cursor:default;}
.radioButton .radioButtonTitle input {display:none;}
.radioButton .radioButtonTitle i {float:left;}
.radioButton.selected, .radioButton.selected:hover {background-color:#bbb;}
.radioButton.selected .radioButtonTitle  {font-weight:400;}
.radioButton .radioButtonTitle i.fa-circle-o {display:inline-block;}
.radioButton .radioButtonTitle i.fa-check-circle-o {display:none;}
.radioButton.selected .radioButtonTitle i.fa-circle-o {display:none;}
.radioButton.selected .radioButtonTitle i.fa-check-circle-o {display:inline-block;}
.radioButton .radioButtonBody {position:relative;margin-top:0.5em;padding:1em;background-color:#f1f1f1;}
.radioButton .radioButtonBody .textBoxDescription {width:calc(300px-1.5em);}
.radioButton .radioButtonBodyOpacity {position:absolute;top:0px; right:0px; bottom:0px; left:0px;background-color:rgba(240,240,240,0.8);cursor:pointer;}
.radioButton.selected .radioButtonBodyOpacity {display:none;}

.errorContainer {position:absolute;bottom:-2em; left:0px; right:0px;text-align:center;}
.errorMessage {padding:3px 10px;background-color:#e01b1b;color:#fff;white-space:nowrap;box-shadow:rgba(50, 50, 50, 0.5) 0px 0px 5px;}
.errorMessage i {display:inline-block;position:absolute;left:50%;bottom:1.25em;width:1em;text-align:center;margin-left:-0.5em;color:#e01b1b;}

.numberChoiseContainer .errorMessage {position:absolute;top:2.9em;right:-1.6em;z-index:-1;font-size:0.8em;line-height:1.2em;padding:3px 10px;opacity:0;transition:0.3s;}
.numberChoiseContainer .errorMessage i{font-size:1.4em;bottom:0.8em}
.numberChoiseContainer.quantityError {background-color:#e01b1b !important;border-color:#e01b1b !important;}
.numberChoiseContainer.quantityError .errorMessage {z-index: 1;opacity: 1;}

.exclamationButton {display:inline-block;padding:0.15em 1em 0.1em;margin-bottom:1em;background-color:#0094ff;color:#fff;text-align:center;}
.exclamationButton:hover {background-color:#f1f1f1;color:#333;}

#div_reviewPeople .textBoxDescription {height:calc(3em + (4 * 0.3em));}

@media only screen and (max-width:1023px) {
    .productChoice {border-left-width:0;}
    .productChoice h3 i.fa-search-plus {visibility:visible;float:right;}
    #div_reviewPeople .textBoxDescription {height:1.5em;}
    #div_reviewPeople .textBoxContainer {margin-bottom:0.25em;}
}