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

#giftvoucher_product .nav {
    padding-left: 0;
}
#giftvoucher_product .nav:before, #giftvoucher_product .nav:after {
    content: " ";
    display: table;
}
#giftvoucher_product .nav:after {
    clear: both;
}
#giftvoucher_product .nav > li {
    position: relative;
    display: block;
}
#giftvoucher_product .nav > li > a:hover,
#giftvoucher_product .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
#giftvoucher_product .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
#giftvoucher_product .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
#giftvoucher_product .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
#giftvoucher_product .nav-tabs > li.active > a,
#giftvoucher_product .nav-tabs > li.active > a:hover,
#giftvoucher_product .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
#giftvoucher_product .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
}
#giftvoucher_product .tab-content {
    margin-top: 0 !important;
}
#giftvoucher_product .tab-content > .active {
    display: block !important;
}
#giftvoucher_product .tab-content > .tab-pane {
    display: none;
}
#giftvoucher_product .badge {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 25px;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999999;
    display: inline-block;
}

#block_button {
    margin-top: 10px;
    margin-bottom: 20px
}

#growls { z-index: 50000; position: fixed; }
#growls.default { top: 100px; right: 10px; }
#growls.tl { top: 10px; left: 10px; }
#growls.tr { top: 10px; right: 10px; }
#growls.bl { bottom: 10px; left: 10px; }
#growls.br { bottom: 10px; right: 10px; }

.growl { opacity: 1; position: relative; border-radius: 4px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.growl.growl-incoming { opacity: 0; }
.growl.growl-outgoing { opacity: 0; }
.growl.growl-small { width: 200px; padding: 5px; margin: 5px; }
.growl.growl-medium { width: 250px; padding: 10px; margin: 10px; }
.growl.growl-large { width: 300px; padding: 15px; margin: 15px; }
.growl.growl-default { color: white; background: gray; }
.growl.growl-error { color: white; background: rgba(217, 83, 79, 0.8); }
.growl.growl-notice { color: white; background: rgba(92, 184, 92, 0.8); }
.growl.growl-warning { color: white; background: rgba(240, 173, 78, 0.8); }
.growl .growl-close { cursor: pointer; float: right; font-size: 14px; line-height: 18px; font-weight: normal; font-family: helvetica, verdana, sans-serif; }
.growl .growl-title { font-size: 18px; line-height: 24px; }
.growl .growl-message { font-size: 14px; line-height: 18px; }

.createVoucherBtn{
    max-width: 100%;
}

.modal-creategiftvoucher{
    width: 600px;
    max-width: calc(100% - 30px);
}
.modal-creategiftvoucher .modal-content{
    width: 100%;
}


#giftvoucher_product .icon-zoom {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background-image: url(../img/icon-zoom.svg);
    background-size: 100% auto;
}


.template_block{
    position: relative;
    cursor: pointer;
}
.template_block .attribute_radio{
    display: none;
}
.template_block .view_larger{
    position: absolute;
    left: 5px;
    bottom: 5px
}

.template_block .view_larger a{
    background:#24b9d7;
    color:#fff;
    display: inline-block;
    padding: 3px;
}
.product-image-container .img-thumbnail{
    border-width: 2px;
}
.product-image-container.selected .img-thumbnail{
    border-color: #24b9d7;
}

.block_customization_giftvoucher{
    background: #f1f1f1;
    padding: 15px;
}

.block_customization_giftvoucher .form-inline  label{
    cursor:pointer;
}

.price_label span{
    display: block;
    font-size: 11px;
    font-style: italic;
    color:#555;
}

.gift_amount input[type=number]{
    width: 70px;
    display: inline-block!important;
}
.gift_fields_sep {
    color: #999;
    display: inline-block;
    margin: 0 10px;
}
.gift_amount input[type=number].gift_amount_field {
    width: 80px;
    display: inline-block!important;
    margin-right: 5px;
}

.product-line-info.gift.voucher.template,
.product-line-info.gift.voucher.amount,
.product-line-info.gift.voucher.language {
    display: none !important;
}

.cart-summary-products .media-list .media-body .product-line-info.gift-voucher{
    display: none !important;
}

#blockcart-modal .gift.voucher.template,
#blockcart-modal .gift.voucher.amount,
#blockcart-modal .gift.voucher.language{
    display: none !important;
}