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

#module-dbpromotions-dbpromotions #left-column {
    padding-top: 0;
}

/* Body Column */

.totals_promotions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.totals_promotions .cantidad {
    font-size: 0.9rem;
    color: #7a7a7a;
}

.totals_promotions .share {
    display: inline-flex;
    margin-bottom: 0;
}

.totals_promotions .share li a,
.totals_promotions .share li span {
    margin-left: 5px;
    font-size: 0.9rem;
    color: #7a7a7a;
}

.totals_promotions .share li i {
    font-size: 1rem;
}

.totals_promotions .share li img {
    height: 20px;
}

.promotions .promotion {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin-top: 1rem;
    background-color: #FFF;
    border: 1px solid #eeeeee;
    border-radius: 10px;
}

/*.promotions .promotion::after {
    background: radial-gradient(ellipse at center,#fffefe 31%,#d8d8d8 32%,#eeeeee 40%,#eeeeee 0,rgba(0,0,0,0) 41%,rgba(0,0,0,0) 0);
    background-size: 13px 13px;
    content: " ";
    position: absolute;
    left: 0;
    z-index: 0;
    width: 11px;
    height: 195px;
    margin-left: calc(20% + 2px);
    margin-top: 15px;
}*/

.promotions .promotion .promotion__left {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    /*border-radius: 10px;
    background-color: #FFF;
    border: 1px solid #eeeeee;*/
}

.promotions .promotion .promotion__body {
    width: 80%;
    padding: 1rem 2rem;
    /*border-radius: 10px;
    background-color: #FFF;
    border: 1px solid #eeeeee;*/
    border-left: 10px dotted #eee;
}

.promotions .promotion .promotion__left .title {
    font-size: 3rem;
    font-weight: 600;
    line-height: 3rem;
}

.promotions .promotion .promotion__left .title i {
    font-size: 5rem;
}

.promotions .promotion .promotion__left .subtitle {
    font-size: 0.9rem
}

.promotions .promotion .promotion__body .title {
    font-size: 1.2rem;
    font-weight: 600;
}

.promotions .promotion .promotion__body .desc p,
.promotions .promotion .promotion__body .date{
    font-size: 0.85rem;
}

.promotions .promotion .promotion__body .date{
    margin-bottom: 0;
    margin-top: 5px;
}

.promotions .promotion .promotion__body .date .to {
    margin-left: 15px;
}

.promotions .promotion .promotion__body .code {
    margin-top: 1rem;
    margin-bottom: 0;
}

.promotions .promotion .promotion__body .code i {
    font-size: 1rem;
}

.promotions .promotion .promotion__body .desc {
    max-height: 90px;
    position: relative;
    overflow: hidden;
}

.promotions .promotion .promotion__body .desc .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right;
    margin: 0;
    padding: 70px 0 0;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;

    /* "transparent" only works here because == rgba(0,0,0,0) */
    background-image: linear-gradient(to bottom, transparent, white);
}

/* Left Column */

.filtro .header {
    padding: 10px;
    background-color: #d4d4d4;
    color: #444;
}

.filtro .header .title {
    position: relative;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #444;
}

.filtro .body {
    background-color: #FFF;
}

.filtro .body .check_filter {
    padding: 5px 10px;
    border-bottom: 1px solid #eaeaea;
    font-size: 14px;
    cursor: pointer;
}

.filtro .body .check_filter .checkmark {
    position: relative;
    top: 0px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 0 8px;
    margin-right: 10px;
}

.filtro .body .check_filter.checked .checkmark {
    background-color: #58b0da;
}

.filtro .body .check_filter.checked .checkmark:after {
    left: 5px;
    top: 1px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}

/* Modal */
#filterPromo {
    z-index: 10001;
}
#filterPromo .modal-content {
    border-radius: 0;
    border: 0;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

#filterPromo .modal-header .modal-title {
    font-weight: 600;
}

#filterPromo .filtro .header {
    background-color: #FFF;
    padding: 10px;
    color: #2d2d2d;
    font-size: 15px;
    text-transform: none;
    font-weight: 500;
    border-bottom: 1px solid #dfdfdf;
}

.totals_promotions .btn-modal {
    font-size: 0.9rem;
    color: #7a7a7a;
    padding: 3px 8px;
}

.totals_promotions .btn-modal i {
    font-size: 0.9rem;
}

#module-dbpromotions-dbpromotions #content_footer {
    margin-top: 1rem;
}

#module-dbpromotions-dbpromotions .arcontactus-message-button {
    display: none;
}

@media only screen and (max-width: 1024px) {
    #module-dbpromotions-dbpromotions #wrapper > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }
    .promotions .promotion .promotion__left,
    .promotions .promotion .promotion__body {
        width: 100%;
    }
    .promotions .promotion .promotion__body {
        border-top: 10px dotted #eee;
        border-left: 1px solid #eee;
    }
    #module-dbpromotions-dbpromotions #content-wrapper,
    #module-dbpromotions-dbpromotions #left-column {
        clear: both;
    }
    #module-dbpromotions-dbpromotions #content_header,
    #module-dbpromotions-dbpromotions #content_footer {
        padding-left: 5px;
        padding-right: 5px;
    }
    .promotions .promotion .promotion__body .desc {
        max-height: 100px;
    }
}