

/* Start:/local/templates/elkomplect/template_styles.css?17752902457644*/
.loader-wrap {
    position: fixed;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 10000 !important;
    background-color: rgba(255, 255, 255, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #fff;
    border-bottom-color: #2a98ff;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Цвета табов для xmlId*/
.tab-blue {
    background-color: var(--color-accent);
}

.tab-yellow {
    background-color: var(--color-alert-200);
}

.tab-dark {
    background-color: var(--color-main);
}

.tab-gray {
    background-color: var(--color-shadow-400);
}

.error-danger {
    color: red;
    font-size: var(--text-normal);
    display: none;
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important;
}

[data-entity="main-button-container"],
.product-action__btn_add {
    width: 100%;
}

.product-action__box.added [data-entity="main-button-container"] {
    width: auto;
}

@media (min-width: 1023.98px) {
    :root {
        --height-userbar: 0px;
    }
}

.cookies {
    bottom: calc(var(--height-userbar) + var(--gap-normal) + var(--gap-normal) + var(--gap-normal))
}

.partners-grid {
    grid-template-columns: repeat(7, 1fr);
}

.product-order-option {
    width: 100%;
    border: 0;
}

.quantity.quantity_shadow {
    transition: all .3s ease-in-out;
}

@media (max-width: 1279px) {
    .partners-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 1023px) {
    .partners-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .partners-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 530px) {
    .partners-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 363px) {
    .partners-grid {
        grid-template-columns: 1fr;
    }
}

.special__filter.active {
    background: #2a98ff;
    color: #fff;
}

.product .product__body {
    justify-content: space-between;
}

.product-card__img {
    object-fit: contain;
}

.partner-card {
    height: 100%;
}

.checkbox.disabled {
    cursor: default;
}

.checkbox.disabled .checkbox__body {
    color: var(--color-shadow-500);
}

.checkbox.disabled .checkbox__input:not(:checked):hover~.checkbox__icon {
    border-color: var(--color-shadow-400);
}

/* При показе кнопки скачать накладную удалить этот кусок */
.order-card__info {
    display: none;
}

.order-card__info--pc {
    display: flex;
}

@media (max-width: 1279px) {
    .order-card__info {
        display: flex;
    }

    .order-card__info--pc {
        display: none !important;
    }
}

/* При показе кнопки скачать накладную удалить этот кусок */


.production__cell {
    height: 100%;
}

.product-order-option__title {
    text-align: left;
}

.product-info__text {
    overflow: hidden;
    max-height: 4.5em;
    /* 3 строки при line-height 1.5 */
    line-height: 1.5em;
}

.list-props__item {
    align-items: start;
}

.data-desc__main table {
    overflow-x: auto;
}

.product-preview__item_active {
    z-index: 9999999;
}

@media print {

    .header__top,
    .bx-basket.bx-opener.header__bar.user-bar,
    .header__search,
    .header__btn.btn.btn_main.icon-grid,
    .product-user-options.product-user-options_right,
    .product-action,
    .product-order__footer,
    .product-data__extra,
    .associated,
    .popular,
    .cookies,
    .detail_props,
    footer {
        display: none !important;
    }

    .page {
        padding-top: 24px !important;
    }

    .shortener__content._wysiwyg {
        height: 100% !important;
        overflow: hidden !important;
    }

    [hidden] {
        display: block !important;
    }

    .product__body {
        padding-bottom: 0 !important;
    }

    header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }

    body {
        padding-top: 0px !important;
        /* Отступ под размер шапки, чтобы контент не накладывался */
    }

    .data-props__title {
        margin-top: 24px !important;
    }
}

._wysiwyg table td:first-child,
._wysiwyg table th:first-child {
    text-align: left;
}

.product-order-option__main {
    pointer-events: auto;
    cursor: auto;
}

button.product-order-option__btn {
    border: 0;
}

div.product-order-option {
    pointer-events: none;
}

.promo-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    max-width: 283px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.promo-info--catalog {
    top: 12px;
    right: 12px;
}

.promo-info--catalog .promo-info__block::after {}

.promo-info__icon {
    width: 20px;
    height: 20px;
    background-image: url('/images/promo-info/Info.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: 1px solid transparent;
    cursor: pointer;
    transition: .2s ease-in-out;
}

.promo-info__icon--rubles {
    background-image: url('/images/promo-info/rubl.svg');
    width: 15px;
    height: 15px;
}

.promo-info__icon:hover {
    border: 1px solid #686868;
}

.promo-info__icon:hover+.promo-info__block,
.promo-info__block:hover {
    opacity: 1;
    pointer-events: all;
}

.promo-info__block {
    display: flex;
    flex-direction: column;
    position: relative;
    filter: drop-shadow(0px 4px 20px rgba(119, 146, 172, 0.25));
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-shadow: 0px 4px 20px 0px #7792AC40;
    border-radius: 4px;
    position: relative;
    background: white;
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-in-out;
}

.promo-info__block.active {
    opacity: 1;
    pointer-events: all;
}


.promo-info__block-title {
    font-family: Onest;
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0;
    color: #BDC8D5;
}

.promo-info__block-text {
    font-family: Onest;
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0;
    color: #181C23;
}

.promo-info__block-token {
    font-family: Onest;
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0;
    color: #0277E5;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.promo-info__block-token::before {
    content: '';
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    display: block;
    background-image: url('/images/promo-info/copy.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.promo-info__block::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid white;
    z-index: 1;
}

.promo-info__block::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    height: 10px;
    width: 100%;
    background-color: transparent;
}

.welcome__item {
    position: relative;
}
/* End */
/* /local/templates/elkomplect/template_styles.css?17752902457644 */
