/**
* 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.
*/
.btn-simulator,
.btn-simulator:focus {
     background: #ffffff 0% 0% no-repeat padding-box;
     border: 2px solid #ed1c24;
     border-radius: 20px;
     color: #ed1c24;
     /* font: normal normal bold 20px/20px Nunito; */
     letter-spacing: 0px;
     font-size: 14px;
     font-family: "Nunito";
     font-weight: 600;
     margin-top: 1rem;
     padding: 12px 40px;
}

.btn-simulator:hover {
     background: #ed1c24;
     color: #fff;
     border: 2px solid #ed1c24;
}
.simulator-modal .modal-dialog {
     margin-top: 0;
     margin-bottom: 0;
     height: 100vh;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
.simulator-modal.fade {
     opacity: 1 !important;
}
.simulator-modal.modal.fade .modal-dialog {
     transform: translate(0, -100%);
}

.simulator-modal.modal.in .modal-dialog {
     transform: translate(0, 0);
}
.simulator-modal .modal-header {
     padding: 5px 15px;
     border-bottom: none;
}
.simulator-modal .modal-content {
     border: none;
     border-radius: 5px;
}
.simulator-modal .modal-footer {
     border: none;
}
.simulator-modal button.close {
     opacity: 1;
     position: relative;
     top: 0.5rem;
     right: 0.5rem;
}
.simulator-modal .modal-body {
     padding: 25px 35px 60px 35px;
}
.simulator-modal .modal-body h1 {
     text-align: center;
     /* font: normal normal 800 30px/66px Nunito; */
     letter-spacing: 0px;
     color: #ed1c24;
     font-size: 20px;
     font-family: "Nunito";
     font-weight: 700;
}
.simulator-modal .modal-body p {
     text-align: center;
     color: #263238;
     font-family: "Nunito";
     font-weight: 600;
     margin-top: 2rem;
}
.convert-merci-block {
     display: flex;
     align-items: center;
     justify-content: space-around;
}
.convert-icon button {
     position: relative;
     top: 1rem;
     color: #ed1c24;
     font-size: 20px;
     margin: 20px;
     background: transparent;
     border: none;
     cursor: pointer;
}
@media (max-width: 767px) {
     .ooredoo-points {
          display: inherit;
     }
}
@media (max-width: 400px) {
     .convert-merci-block {
          flex-wrap: wrap;
          justify-content: center;
     }
}
@media (max-width: 568px) and (min-width: 401px) {
     .convert-merci-block {
          flex-wrap: wrap;
          justify-content: flex-start;
     }
}
.is-invalid {
     border: solid 1px red !important;
}
#input-merci:focus {
     border: 1px solid #eee;
}
.invalid-feedback {
     color: red;
}
#points-feedback {
     opacity: 0;
}