/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.TOP_UNDERHEADER {
    margin-top:25px;
}

.lineclamp-2 {
    -webkit-line-clamp: 3 !important; 
    background: #222;
    padding: 5px 10px;
    opacity: 0.8;
    border-radius: 8px;
}
.ui-card__title-bg {
    background: #222;
    padding: 5px 10px;
    opacity: 0.8;
    border-radius: 8px;
}

.catalog-detail__approved_title {
    background: #017bf9;
    display: inline;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
}



/* Блок ответов на вопрос на детальной странице */
chat-container {
    width: 100%;
}

.message {
    display: inline-block;    
    width: 100%;
    min-width: 40%;
    max-width: 60%;
    padding: 12px 18px;
    color: white;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    text-align: left;
    vertical-align: top;
    transition: all .15s ease-in-out;
    opacity: 1;
    transform: translateY(0);
    position: relative;
    margin-bottom:15px;
}

.author {
    color: rgba(255, 255, 255, 0.6);
    font-weight: bold;
    letter-spacing: 0.02em;
    right: 16px;
    bottom: 8px;
    white-space: nowrap;
    user-select: none;
}

/* Стили отправленных сообщений */
.sent {
    background: linear-gradient(to right, #007aff, #00bfff);
    border-radius: 0 24px 24px 24px;
    animation: fadeInFromRight 0.35s ease forwards;
    float:left;
}

@keyframes fadeInFromRight {
    from { opacity: 0; transform: translateX(100%); }
    to { opacity: 1; transform: translateX(0); }
}

/* Стили полученных сообщений */
.received {
    background: #e4e4ea;
    color: black;
    border-radius: 24px 24px 0px 23px;
    padding-right: 60px;
    align-self: flex-end;
    box-shadow: inset -2px 2px 5px rgba(155, 155, 155, 0.05);
    animation: fadeInFromLeft 0.45s ease;
    .author {
        color: rgb(0, 0, 0);
    }
    float:right;
}

@keyframes fadeInFromLeft {
    from { opacity: 0; transform: translateX(-100%); }
    to { opacity: 1; transform: translateX(0); }
}


.params-container {
    max-height: 220px;
    display: block;
    overflow-y: auto;
}

/* Кнопка Купить на озон */
.ozon-block {
    margin-top:-15px;
}
.btn-ozon {
    background: #005bfe !important;
    border: 1px solid #005bfe !important;
    color: #fff !important;
}
/* Кнопка Купить на озон */

/* Кнопка Купить оптом */
.bm-block {
    margin-top:0px !important;
}
.btn-bm {
    background: #fd9c12 !important;
    border: 1px solid #fd9c12 !important;
    color: #222 !important;
}
/* Кнопка Купить на сб */
.sb-block {
    margin-top:-15px !important;
}
.btn-sb {
    background: #e10720 !important;
    border: 1px solid #e10720 !important;
    color: #ffffff !important;
}

/* Кнопка купить на Я.Маркет */
.yamarket-block {
    margin-top:-15px;
}
.btn-yamarket {
    background: #fce000 !important;
    border: 1px solid #fce000 !important;
    color: #3d3c3a !important;
}
/* Кнопка купить на Я.Маркет */