/**
* 2007-2021 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
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* 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    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2021 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

#TicketRestaurantBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*margin-bottom: 2rem;*/
    max-width: 500px;
}

#TicketRestaurantBox h2 {
    margin-top: 2rem;
}

#TicketRestaurantBox span.TicketRestaurantLabelButton {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #747474;
    margin-top: 24px;
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 5px;
}

#TicketRestaurantBox .TicketRestaurantButton {
    cursor: pointer;
    border: 2px solid #1d204c;
    border-radius: 30px;
    background-image: url('../img/tr_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 40px;
    margin-top: 12px;
    height: 60px;
    min-width: 180px;
    width: 300px;
}
#TicketRestaurantBox .TicketComplimentsButton {
    cursor: pointer;
    border: 2px solid #1d204c;
    border-radius: 30px;
    background-image: url('../img/tc_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 40px;
    margin-top: 12px;
    height: 60px;
    min-width: 180px;
    width: 300px;
}

#TicketRestaurantBox .logoutButton {
    background: #fff;
    box-shadow: #000;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.1);
    margin-top: 1rem;
}

#TicketRestaurantBox .logoutButton .logoEdenred {
    background-image: url('../img/tr_icon.png');
    height: 33px;
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 35%;
    margin: 0.7rem 0.7rem 0.7rem 0.7rem;
    vertical-align: middle;
}

#TicketRestaurantBox .logoutButton .logoEdenredTC {
    background-image: url('../img/tc_icon.png');
    height: 33px;
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 35%;
    margin: 1rem 1rem 1rem 0;
    vertical-align: middle;
}

#TicketRestaurantBox .logoutButton .labelLogout {
    width: 55%;
    display: inline-block;
    vertical-align: middle;
}

#TicketRestaurantBox .logoutButton .labelLogout span {
    color: #1d204c;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: block;
}

#TicketRestaurantBox .logoutButton .labelLogout a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    display: block;
    cursor: pointer;
    color: #c0272d;
}

#TicketRestaurantBox .tableVouchers {
    margin-top: 1rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#TicketRestaurantBox .tableVouchers .toprowVoucher,
#TicketRestaurantBox .tableVouchers .rowVoucher {
    display: flex;
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 0.7rem;
}

#TicketRestaurantBox .tableVouchers .toprowVoucher div > span.onethird  {
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #8c8c8c;
}

#TicketRestaurantBox .tableVouchers .rowVoucher div > span.onethird ,
#TicketRestaurantBox .tableVouchers .bottomrowVoucher div > span.onethird  {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
    /*color: #1d204c;*/
}

#TicketRestaurantBox .tableVouchers .rowVoucher,
#TicketRestaurantBox .tableVouchers .bottomrowVoucher {
    display: flex;
    padding: 0.7rem 0;
}

#TicketRestaurantBox .tableVouchers .rowVoucher .rmv-operator,
#TicketRestaurantBox .tableVouchers .rowVoucher .display {
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
}

.rowVoucher .rmv-minus,
.rowVoucher .rmv-plus {
    background-color: #0074d9;
    color: #E9EBF0;
}
.rowVoucher .rmv-minus.qty {
    line-height: 16px;
}

#TicketRestaurantBox .tableVouchers .rowVoucher .rmv-operator.disabled {
    background: #E9EBF0;
    color: #0074d9;
}

#TicketRestaurantBox .tableVouchers .rowVoucher span.qty .display {
    display: inline-block;

}

span.trc_alert_error:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-size: contain;
    vertical-align: middle;
    background-image: url('../img/alert.png');
    margin-top: -4px;
}

span.trc_alert_error {
    color: #c0272d;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    margin: 1.3rem 0;
    display: block;
}

img.error_img {
    width: 200px;
    display: block;
}

/*RMV*/
#TicketRestaurantBox .logoutButton {
    width: 100%;
}

.rmv-row-voucher {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 0;
    margin: 0;
}

.tableVouchers {
    flex-direction: column;
}

.tableVouchers, .rowVoucher, .toprowVoucher {
    width: 100%;
}

.toprowVoucher {
    display: flex;
    justify-content: space-around;
}

.rmv-onethird {
    display: flex;
    justify-content: center;
    padding-bottom: 0.7rem;
}

.bottomrowVoucher > div {
    display: flex;
    justify-content: center;
}

.rmv-plus.qty {
    line-height: 20px;
}

.hide-me {
    display: none !important;
}
#TicketRestaurantBox .alert,
.cart-summary .alert {
    font-size: .8125rem;
    display: flex;
    background-color: unset;
    border-color: transparent;
    margin: 0;
}

#TicketRestaurantBox .alert-danger span,
.cart-summary .alert-danger span {
    padding-left: 5px;
}

#TicketRestaurantBox .alert-danger,
.cart-summary .alert-danger{
    display: flex;
    align-items: flex-start;
    align-content: center;
    color: #C0272D;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

.alert-warning #rmv-exit {
    color: red;
}

.alert-column {
    flex-direction: column;
}

.alert-column > div {
    display: flex;
    align-items: center;
}

.alert-column > p {
    width: 100%;
    text-align: center;
}

.rmv-alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
    margin-top: 1rem;
    width: 100%;
    padding: 5px;
    border-radius: 2px;
}

#rmv-voucher-spinner {
    display: flex;
    justify-content: center;
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #0074d9;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*END RMV*/