/**
 * PrestaShop module created by VEKIA, a guy from official PrestaShop community ;-)
 *
 * @author    VEKIA https://www.prestashop.com/forums/user/132608-vekia/
 * @copyright 2010-2021 VEKIA
 * @license   This program is not free software and you can't resell and redistribute it
 *
 * CONTACT WITH DEVELOPER
 * support@mypresta.eu
 */

.ticons li a div {
    cursor: pointer;
}

.ticons li a:hover div {
    opacity: 0.8;
}

.ticons li {
    /*display: inline-block;
    margin: 2px;*/
    flex: 1 1 0;
    max-width: 180px;
    padding: 5px;
    width: auto;
}

@media (min-width: 992px) {
.ticons li { border-left: 1px solid #dee2e6; }
}

.ticons li div {
    /*background: #ececec;
    border: 1px dotted #c0c0c0;
    border-radius: 5px;*/
    padding: 1px;
}

.ticons li div {
    width: 24px;
    height: 24px;
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 4px;
}

.ticons li div img {
    width: 100%;
    height: 100%;
    /*top: -2px;
    position: relative;*/
}

.ticons li div i::before {
    font-size: 18px;
    position: relative;
    top: 1px;
    width: 100%;
    height: 100%;
}

#ticons_displayTop {
    clear: both;
}

.ticons_deliveryTime li div {
    width: 24px;
    height: 24px;
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.ticons_deliveryTime li div i::before {
    font-size: 18px;
    position: relative;
    top: 0px;
    width: 100%;
    height: 100%;
}

.ticons_showIcons {
    /*position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    z-index:999;*/
}

.picto-icons-cust {
    padding: 1rem 5px 1rem 5px;
}

@media (max-width: 991px) {
.picto-icons-cust {
    padding-left: 3px;
    padding-right: 3px;
}
}

.ticons {
    align-items: stretch;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

@media (min-width: 992px) {
.ticons {
    background-color: #f8f9fa;
    box-shadow: 0 0 2px #232f3e73;
    border-radius: 3px;
    padding: 8px;
    /*position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    z-index:999;*/
}
}

.ticons li p {
    margin-bottom: 0;
    font-size: .85rem;
}

.picto-name-cust { font-weight: 600; }

@media (max-width: 991px) {
.ticons { flex-wrap: wrap; justify-content: flex-start; background-color: #f6f6f666; }
}

@media (min-width: 992px) {
.ticons li:nth-child(1) { border-left: 0; }
}

@media (max-width: 991px) {
.ticons li { flex: auto; width: 49%; max-width: inherit; margin: 0.1rem; border: 1px solid #dee2e6; border-radius: 3px; }
}