/**
 * Loulou66
 * LpsRegistrationFields module for Prestashop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php*
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author    Loulou66.fr <contact@loulou66.fr>
 *  @copyright loulou66.fr
 *  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
.lpsregistrationfields .prestashop-switch {
    position: relative;
    display: block;
    width: 100%;
    height: 21px;
    margin-top: 7px
}
.lpsregistrationfields .prestashop-switch-nolabel label {display: none}
.lpsregistrationfields .prestashop-switch label {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    padding-left: 45px;
    font-size: 14px;
    font-weight: 500;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.lpsregistrationfields .prestashop-switch .slide-button {
    position: relative;
    position: absolute;
    top: 50%;
    z-index: 0;
    display: block;
    width: 35px;
    height: 21px;
    background: #b3c7cd;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    border-radius: 1000px
}
.lpsregistrationfields .prestashop-switch .slide-button::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    height: calc(100% - 2px);
    content: "";
    background: #fff;
    -webkit-transform: translate(1px, -48%);
    transform: translate(1px, -48%);
    border-radius: 50%;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out
}
.lpsregistrationfields .prestashop-switch-center .slide-button {
    position: inherit;
    margin: auto
}
.lpsregistrationfields .prestashop-switch input {
    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}
.lpsregistrationfields .prestashop-switch input:disabled {cursor: not-allowed;}
.lpsregistrationfields .prestashop-switch input:disabled ~ .slide-button {opacity: 0.2;}
.lpsregistrationfields .prestashop-switch input:checked {z-index: 0;}
.lpsregistrationfields .prestashop-switch input:last-of-type:checked ~ label:last-of-type {opacity: 1;}
.lpsregistrationfields .prestashop-switch input:last-of-type:checked:disabled ~ label:last-of-type {opacity: 0.2;}
.lpsregistrationfields .prestashop-switch input:last-of-type:checked ~ .slide-button {background: #b3c7cd;}
.lpsregistrationfields .prestashop-switch input:first-of-type:checked ~ label:first-of-type {opacity: 1;}
.lpsregistrationfields .prestashop-switch input:first-of-type:checked:disabled ~ label:first-of-type {opacity: 0.2;}
.lpsregistrationfields .prestashop-switch input:first-of-type:checked ~ .slide-button {background: #72c279;}
.lpsregistrationfields .prestashop-switch input:first-of-type:checked ~ .slide-button::after {
    -webkit-transform: translate(15px, -48%);
    transform: translate(15px, -48%)
}
.lpsregistrationfields .allavailableSwap,
.lpsregistrationfields .allselectedSwap {min-height: 120px; overflow: auto;}
.lpsregistrationfields select {
    display: block;
    width: 100%;
    height: 39px;
    padding: 8px 16px;
    font-size: 12px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bbcdd2;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s
}
.lpsmultipleselect_availableSwap {
    padding-left: 0;
    padding-right: 5px;
}
.lpsmultipleselect_selectedSwap {
    padding-left: 5px;
    padding-right: 0;
}
@media (max-width: 767px) {
    .lpsmultipleselect_availableSwap,
    .lpsmultipleselect_selectedSwap {
        padding: 0;
    }
}
.lpsregistrationfields select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 0 8px rgba(102, 175, 233, .6)
}
.lpsregistrationfields .addSwap,
.lpsregistrationfields .removeSwap {
    color: #6c868e;
    -webkit-transition: 0.25s ease-out;
            transition: 0.25s ease-out;
    font-size: 12px;
    font-weight: 600;
    background-color: #fff;
    border-color: #bbcdd2;
}
.lpsregistrationfields .addSwap:hover,
.lpsregistrationfields .removeSwap:hover {
    color: #fff !important;
    background-color: #889da2;
    border-color: #889da2;
}
.lpsregistrationfields .addSwap:focus,
.lpsregistrationfields .removeSwap:focus,
.lpsregistrationfields .addSwap:active,
.lpsregistrationfields .removeSwap:active {
    color: #fff !important;
    background-color: #889da2;
    border-color: #889da2 !important;
    outline: none;
    -webkit-box-shadow: 0 0 0 0.2rem rgb(136 157 162 / 50%);
            box-shadow: 0 0 0 0.2rem rgb(136 157 162 / 50%);
}
.lpsregistrationfields .input-group input.form-control {
    line-height: 30px;
}
.lpsregistrationfields .input-group .input-group-btn>.btn {padding: 17px 1rem;}
@media (max-width: 767px) {
    .lpsregistrationfields .lpsmultipleselect_availableSwap {padding-bottom: 20px;}
}
.lpsregistrationfields .lps_radio,
.lpsregistrationfields .lps_checkbox {width: 50%; float: left;}
.lpsregistrationfields .lps_checkbox label {padding-left: 0 !important;}
body#checkout .lpsregistrationfields .custom-checkbox span {position: relative !important;}
.lpsregistrationfields .lps_error {display: none; margin: 10px 0 0 0 !important;}
.lpsregistrationfields .lps_error span {margin: 0; display: block !important;}
.lpsregistrationfields .lps_error .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
#module-lpsregistrationfields-customeraccount #content {
    padding: 1rem;
    background: #fff;
    font-size: .875rem;
    color: #7a7a7a;
}
#module-lpsregistrationfields-customeraccount .lpsfileupload {margin-top: 10px;margin-bottom: 0;}