/**
* 2007-2020 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-2020 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.
*/


.text-guide {
  color          : #0183c3;
  text-decoration: underline;
  cursor         : pointer;
}

.modal__size {
  position        : fixed;
  left            : 0;
  top             : 0;
  width           : 100%;
  height          : 100%;
  z-index         : 10;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.modal__size-header {
  padding         : 15px;
  color           : #fff;
  background-color: #0082c3;
  display         : flex;
  align-items     : center;
  justify-content : flex-start;
}

.modal__size-content {
  background-color: #fefefe;
  margin          : 2% auto;
  border          : 1px solid #888;
  width           : 70%;
}

.modalv2__title-text {
  flex-grow: 1;
}

.modalv2__title-close-button {
  padding  : 5px;
  margin   : -5px;
  cursor   : pointer;
  font-size: 120%;
  display  : flex;
}


.btn-guide{
  display: inline-flex;
}

.header-icon{
  width: 1.2em;
}

.resp-container {
  height: 76vh;
}

.resp-iframe {
  width : 100%;
  height: 100%;
  border: 0px;
}

.hide {
  display: none;
}


@media screen and (max-width: 600px) {
  .modal__size-content {
    width           : 100%;
  }
  .bloc__size-guide {
    z-index: 4;
  } 
}