/* Old Theme */
#product .product-manufacturer-logo {
    float: right;
    margin-left: 15px;
    max-height: 80px;
}
#product .product-manufacturer-logo img {
    max-height: 80px;
}

#loading .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #263F92;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation-translation 1s linear infinite;
}

#loading .loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-left: 4px solid #E9561F;
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotation-translation {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
#loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.6);
    transition: opacity 0.2s;
    opacity: 0;
}
#loading.show {
    opacity: 1;
    transition: .4s;
    z-index: 9999;
}
#loading.hide {
    transition: .4s;
    opacity: 0;
    z-index: -9999;
}
.tooltip > .tooltip-inner{
    background-color: #d3d7dd;
    color: #000;
    border-radius: 10px;
}
.bs-tooltip-top .arrow::before {
    border-top-color: #d3d7dd;
}

.tooltip.tooltip-danger > .tooltip-inner{
    background-color: #f8d7da;
    color: #721c24;
    border-radius: 10px;
}
.bs-tooltip-top.tooltip-danger .arrow::before {
    border-top-color: #f8d7da;
}
.product-variants-item .color {
    width: 2rem;
    height: 2rem;
    border: 2px solid transparent;
}

.color {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .05);
    cursor: pointer;
    background-size: contain;
}
.cz-sidebar, .cz-sidebar-static {
    max-width: unset;
}
/* Flocage */
.product-customize .product-variants-item .label-color {
    margin-right: 0.3125rem;
    margin-bottom: 0.3125rem;
}

.product-customize .product-variants-item .label-color span.color,
.product-customize .product-variants-item .label-color-size span.color {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #495264;
    position: relative;
}

.product-customize .product-variants-item .label-color input:checked + span.color::after {
    content: "";
    border: 1px solid #495264;
    position: absolute;
    top: -4px;
    left: -4px;
    bottom: -4px;
    right: -4px;
    border-radius: 12px;
}

.product-customize .product-variants-item .label-color span.color:hover::after {
    content: "";
    border: 1px dashed #495264;
    position: absolute;
    top: -4px;
    left: -4px;
    bottom: -4px;
    right: -4px;
    border-radius: 12px;
}

.product-customize .product-variants-item .label-color span.color .selcted_color-i {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 22px !important;
    z-index: 2;
    font-weight: 700;
}

.product-customize .product-variants-item .color-sizes {
    width: 100%;
    display: grid;
    grid-template-columns: 125px repeat(auto-fill, minmax(72px, 1fr));
    grid-template-rows: 1fr auto;
}

.product-customize .product-variants-item .label-color-size,
.product-customize .product-variants-item .size {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 110px;
    line-height: 1.2;
    position: relative;
}

.product-customize .product-variants-item .label-color-size {
    grid-row: 1 / 10;
}

.product-customize .product-variants-item .label-color-size .label-color-size-name,
.product-customize .product-variants-item .size .size-name {
    flex: 0 1 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.product-customize .product-variants-item .size .size-name {
    color: #263F92;
    font-size: 20px;
    font-weight: 600;
}

.product-customize .product-variants-item .size .size-input:invalid {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #721c24;
}

.product-customize .product-variants-item .label-color-size .label-color-size-option,
.product-customize .product-variants-item .size .size-option {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.product-customize .product-variants-item .size {
    width: 72px;
}

.product-customize .product-variants-item .size input {
    width: 57px;
    height: 42px;
    border-color: #263F92;
}

.product-customize .product-variants-item .label-color-size .delete-color {
    position: absolute;
    top: auto;
    left: 10%;
    cursor: pointer;
    font-size: 12px;
    color: #263F92 !important;
}

.simplebar-mask {
    z-index: unset;
}
.accordion button {
    background: rgb(255, 105, 67);
}

/* Xaltis css hack */
#wrapper{margin-top:50px!important}
#js-product-list{padding:0 10px}
@media (max-width: 991.98px){
    .cz-sidebar{
        left: -70rem;
    }
}
.container-iqit-menu{z-index:1000}
.searchbar-autocomplete{z-index:1001}
.ap5-color-to-pick-list li::marker{content: ""}
.card-body-hidden{display:none!important}
.grecaptcha-badge{display:none!important}