/*!
 * 2007-2020 PayPal
 *
 *  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 2007-2020 PayPal
 *  @author 202 ecommerce <tech@202-ecommerce.com>
 *  @copyright PayPal
 *  @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */

.pp-settings-link-on {
  background: $default !important;
  color: #000 !important;

  .panel, .panel-footer {
    background: $default !important;
  }
}

.pp-settings-tab-on {
  border-bottom: 3px solid #3ed2f0;
}

.stretchHeightForm form {
  height: 100%;
}

.stretchHeightForm .panel {
  height: 100%;
}

.d-inline-block {
  display: inline-block;
}


.tick li {
  margin-bottom: 40px;
}

.pp-w-100, .bootstrap .pp-w-100 {
  width: 100% !important;
}

.pp-select-preview-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;

  .pp-select-container {
    flex-basis: 75%;
  }

  .pp-preview-container {
    display: flex;
    flex-basis: 25%;
    justify-content: center;
    align-content: center;

    .pp-preview {
      width: 10vw;
      height: 10vw;
      background-size: cover;
      background-color: #7b8a8b;
      position: absolute;
      top: -45px;
    }
  }
}

[widget-code-container] {
  width: 75%;
}

[customize-style-shortcut-container] {
  display: flex;
  justify-content: space-between;

  [setting-section] {
    display: flex;
    flex-basis: 60%;
    flex-direction: column;

    [current-view-section] {
      display: flex;
    }

    [button-container] {
      position: relative;
    }
  }

  [preview-section] {
    flex-basis: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 999;
}

[field-row] {
  display: flex;

  [label] {
    flex-basis: 20%;
  }

  [field] {
    flex-basis: 80%;
  }
}

[chain-input-container] {
  display: flex;
  justify-content: space-around;

  [item] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.pp__label {
  font-size: 13px;
}

.displayModeSection {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  [field] {
    flex-basis: 75%;
  }
}