/* default code for Q&A cube form - DO NOT MODIFY */
.qaa-panel .panel-form textarea {
    resize: none;
    height: 80px;
}
.qaa-panel .panel-form .bootstrap-select {
    width: 100%!important;
}
.qaa-panel .panel-form .form-tips,
.qaa-panel .panel-form .edit-customer-question,
.qaa-panel .panel-form .legal,
.qaa-panel .panel-form .indicator {
    font-size: 1.3rem;
}
.qaa-panel .panel-form .form-tips {
    margin-top: 5px;
    color: #c8c8c8;
}
.qaa-panel .panel-form .cta {
    min-width: 200px;
}
.qaa-panel .panel-form .mandatory,
.qaa-panel .panel-form .privacy-block {
    font-size: 1.2rem;
}
.qaa-panel .panel-form .ask-question-privacy-link {
    margin-bottom: 10px;
}
.qaa-panel .panel-form .customer-name,
.qaa-panel .panel-form .customer-question {
    font-weight: bold;
    font-style: italic;
}
.qaa-panel .panel-form .customer-question,
.qaa-panel .panel-form .edit-customer-question {
    color: #0082C3;
}
.qaa-panel .panel-form .customer-question {
    margin: -10px 0 0 0;
    font-size: 1.7rem;
    text-transform: uppercase;
}
.qaa-panel .panel-form .edit-customer-question,
.qaa-panel .panel-form .term-of-use {
    text-decoration: underline;
}
.qaa-panel .panel-form .edit-customer-question:hover,
.qaa-panel .panel-form .term-of-use:hover {
    text-decoration: none;
}
.qaa-panel .panel-form .form-group--grey {
    padding: 15px;
    background: #EFEFEF;
}
.qaa-panel .panel-form .control-label--important {
    text-transform: uppercase;
    font-weight: bold;
}
.qaa-panel .panel-form .offer-range,
.qaa-panel .panel-form .offer-range .thumb-box,
.qaa-panel .panel-form .product-description,
.qaa-panel .panel-form .product-description > div {
    display: flex;
}
.qaa-panel .panel-form .product-description {
    align-items: center;
    margin-bottom: 10px;
}
.qaa-panel .panel-form .product-description > img {
    margin-right: 15px;
}
.qaa-panel .panel-form .product-description > div {
    flex-direction: column;
    font-family: 'Roboto Condensed', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
    font-style: italic;
}
.qaa-panel .panel-form .product-description .brand,
.qaa-panel .panel-form .product-description .description {
    margin: 0;
}
.qaa-panel .panel-form .product-description .brand {
    font-weight: bold;
    font-size: 1.6rem;
}
.qaa-panel .panel-form .product-description .description {
    font-size: 1.5rem;
}
.qaa-panel .panel-form .offer-range {
    justify-content: center;
}
.qaa-panel .panel-form .offer-range .nav {
    width: 50px;
    margin-top: 20px;
}
.qaa-panel .panel-form .offer-range .nav .icon {
    vertical-align: middle;
}
.qaa-panel .panel-form .offer-range .thumb-box {
    overflow: auto;
}
.qaa-panel .panel-form .offer-range .thumb-box .item + .item {
    margin-left: 5px;
}
.qaa-panel .confirmation .thank,
.qaa-panel .confirmation .answer,
.qaa-panel .confirmation .return {
    text-transform: uppercase;
}
.qaa-panel .confirmation .thank:before,
.qaa-panel .confirmation .answer:before {
    display: block;
    color: #0082C3;
    font-family: 'DecathlonCube';
}
.qaa-panel .confirmation .thank {
    font-size: 1.7rem;
    font-weight: bold;
}
.qaa-panel .confirmation .thank:before {
    font-size: 5rem;
    content: '\E052';
}
.qaa-panel .confirmation .answer:before {
    font-size: 2.5rem;
    margin-bottom: 10px;
    content: '\E039';
}
.qaa-panel .confirmation .return {
    color: #0082C3;
    text-decoration: underline;
}
.qaa-panel .confirmation .return:hover {
    text-decoration: none;
}

/* custom override */
.qaa-panel .panel-form .product-description > img {
    height: 100px;
    width: 100px;
}

.qaa-panel-content .qanda-loader,
.qaa-panel-content .qanda-loader-region {
    width: 25px;
    display: none;
    position: absolute;
    margin-top: 6px;
}

.qaa-panel-content .privacy-block button {
    border: none;
    background: none;
    padding: 0;
    text-decoration: underline;
}

form.qanda-form-ask-question-step-end .content .input {
    display: none;
}

form.qanda-form-ask-question-step-end .content .input textarea {
    width: 100%;
}

form.qanda-form-ask-question-step-end #recipient-content select {
    width: 100%;
}

form.qanda-form-ask-question-step-end #question_send_recipientChoice.has-error label,
form.qanda-form-ask-question-step-end #cgu-checkbox.has-error label {
    color: red;
}

#cgu-checkbox a {
    text-decoration: underline;
}

#cgu-checkbox a:hover {
    text-decoration: none;
}

#step_end_storeId label {
    display: none;
}

/* carrousel */
.offer-range {
    text-align: center;
    margin-bottom: 10px;
}

.offer-range label {
    text-align: left;
}

.thumb-box {
    display: inline-block;
    margin-top: 6px;
}

.thumb-box .icon {
    font-size: 20px;
}

.offer-range > a.nav {
    cursor: pointer;
}

.thumb-box a, .thumb-box a img {
    color: #333333;
    cursor: pointer;
}

.thumb-box > * {
    display: table-cell;
    padding: 0 2px;
    vertical-align: middle;
}

.thumb-box .product-thumb {
    display: inline-block;
    height: 50px;
    min-width: 50px;
    border: 2px solid #e6e6e6;
    font-size: 0;
}

.thumb-box a.active .product-thumb {
    border: 2px solid #0082c3;
}

.thumb-box .replaced-radio {
    display: none;
}

/* privacy */
.qanda-form-ask-question-step-end .privacy img,
.qanda-form-abuse .privacy img {
    float: left;
    height: 40px;
    margin: 5px;
}
.qanda-form-ask-question-step-end .privacy p,
.qanda-form-abuse .privacy p {
    overflow: hidden;
}
.qanda-form-ask-question-step-end .privacy span,
.qanda-form-abuse .privacy span
{
    font-family: Roboto-Condensed,Arial,Helvetica, sans-serif;
}
.qanda-form-ask-question-step-end .privacy .block-responsable,
.qanda-form-ask-question-step-end .privacy .block-conservation,
.qanda-form-ask-question-step-end .privacy .block-consentement,
.qanda-form-abuse .privacy .block-responsable,
.qanda-form-abuse .privacy .block-conservation,
.qanda-form-abuse .privacy .block-consentement{
    float: left;
}
.privacy-container {
    border-top: 1px solid #0082c3 !important;
    border-bottom: 1px solid #0082c3 !important;
    padding: 10px 0;
    text-align: justify;
    margin: 5px 0 10px 0;
}
.privacy-container .privacy_info {
    text-align: center;
}
.privacy-container a {
    text-decoration: underline;
}

@media screen and (max-width:400px) {
    .qaa-panel .panel-form .cta {
        min-width: 0;
    }
    .cta {
        padding: 10px 35px 10px 45px;
    }
    .cta.right {
        padding: 10px 45px 10px 35px;
    }
}