/* hide the original widget - that there were no two labels on the screen
#jivo_chat_widget{
	display: none;
}

/* the default style - for offline messages if no one is online */
#jivo_custom_widget{
	position: fixed;
	left: -3px;
	top: 30%;
	width: 35px;
	z-index: 300000;
	cursor: pointer;
	background-color: blue;
	
	height: 170px;
	background-image: url(images/jivo_widget_offline.png);
}

/* when you hover the label should be shifted to the right by 3px */
#jivo_custom_widget:hover{
	left:0;
}

/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online{
	height: 215px;
	background-image: url(images/jivo_widget_online.png);
}

[class*="headerBox"] {
    background: linear-gradient(93.63deg, #926aff 0%, #ff77b0 50%, #ffb367 100%) !important;
}

[class*="cssLeaf"] {
	background-image: url('/assets/images/components/c-widget/jivo-ellipse.svg') !important;
	background-repeat: no-repeat;
    background-position: 8px 0;
}

[class*="wrap__"][class*="_orientationRight"] {
    display: none !important;
}

[class*="button__"] {
    display: none !important;
}

[class*="body__"][class*="show__"], [class*="inputContainer__"], [class*="bodyWrap__"] {
    background-color: #262626 !important;
}

@media (max-width: 575px) {
    [class*="wrapMargin__"] [class*="input__"][class*="__mobile__"] {
        background-color: #262626 !important;
        border-top: 1px solid #575757;
        padding-top: 10px;
    }
}

.custom__inputField {
	word-wrap: break-word !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    display: inline-block !important;
    float: none !important;
    height: auto;
    line-height: 20px !important;
    max-height: 90px !important;
    min-height: 60px !important;
    outline: none !important;
    overflow: hidden !important;
    overflow-y: hidden !important;
    padding: 18px 58px 0 16px !important;
    position: relative;
    resize: none !important;
    scrollbar-width: thin !important;
    -webkit-user-select: text !important;
    -moz-user-select: text!important;
    user-select: text !important;
    white-space: pre-wrap !important;
    width: 336px !important;
}

[class*="body__"][class*="show__"], [class*="inputContainer__"], [class*="bodyWrap__"] {
    background-color: #262626 !important;
}

/* ========== ИКОНКА 1: ТРИ ТОЧКИ (МЕНЮ) ========== */
[class*="iconMenu__"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h12v24H0z'/%3E%3Ccircle cx='6' cy='5' r='2' fill='%23a3aab5'/%3E%3Ccircle cx='6' cy='12' r='2' fill='%23a3aab5'/%3E%3Ccircle cx='6' cy='19' r='2' fill='%23a3aab5'/%3E%3C/g%3E%3C/svg%3E") !important;
    transition: all 0.3s ease !important;
}

[class*="iconMenu__"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h12v24H0z'/%3E%3Ccircle cx='6' cy='5' r='2' fill='%23fb923c'/%3E%3Ccircle cx='6' cy='12' r='2' fill='%23fb923c'/%3E%3Ccircle cx='6' cy='19' r='2' fill='%23fb923c'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* ========== ИКОНКА 2: СКРЕПКА/ВЛОЖЕНИЕ ========== */
[class*="iconAttach2__"],
[class*="uploadFwrap__"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23a3aab5' fill-rule='nonzero' d='M16.5 8v9.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V7a2.5 2.5 0 0 1 5 0v8.5c0 .55-.45 1-1 1s-1-.45-1-1V8H10v7.5a2.5 2.5 0 0 0 5 0V7c0-2.21-1.79-4-4-4S7 4.79 7 7v10.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V8h-1.5z'/%3E%3C/svg%3E") !important;
    transition: all 0.3s ease !important;
}
[class*="iconAttach2__"]:hover,
[class*="uploadFwrap__"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fb923c' fill-rule='nonzero' d='M16.5 8v9.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V7a2.5 2.5 0 0 1 5 0v8.5c0 .55-.45 1-1 1s-1-.45-1-1V8H10v7.5a2.5 2.5 0 0 0 5 0V7c0-2.21-1.79-4-4-4S7 4.79 7 7v10.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V8h-1.5z'/%3E%3C/svg%3E") !important;
}

/* ========== ИКОНКА 3: ЭМОДЗИ ========== */
[class*="iconEmoji__"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(3 4)'%3E%3Ccircle cx='8.5' cy='8.5' r='9.3' stroke='%23a3aab5' stroke-width='1.6'/%3E%3Ccircle cx='5.375' cy='6.375' r='1.375' fill='%23a3aab5'/%3E%3Ccircle cx='11.875' cy='6.375' r='1.375' fill='%23a3aab5' transform='matrix(-1 0 0 1 23.75 0)'/%3E%3Cpath stroke='%23a3aab5' stroke-linecap='round' stroke-width='1.6' d='M4.25 10.5S4.5 13 8.5 13s4.25-2.5 4.25-2.5'/%3E%3C/g%3E%3C/svg%3E") !important;
    transition: all 0.3s ease !important;
}

[class*="iconEmoji__"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(3 4)'%3E%3Ccircle cx='8.5' cy='8.5' r='9.3' stroke='%23fb923c' stroke-width='1.6'/%3E%3Ccircle cx='5.375' cy='6.375' r='1.375' fill='%23fb923c'/%3E%3Ccircle cx='11.875' cy='6.375' r='1.375' fill='%23fb923c' transform='matrix(-1 0 0 1 23.75 0)'/%3E%3Cpath stroke='%23fb923c' stroke-linecap='round' stroke-width='1.6' d='M4.25 10.5S4.5 13 8.5 13s4.25-2.5 4.25-2.5'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* == Кнопка отправки == */

[class*="sendButton__"] {
    background-color: #fb923c !important;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23fb923c' cx='17' cy='17' r='17'/%3E%3Cg transform='translate(10 9)' fill='%23FFF'%3E%3Crect x='6' y='2' width='2' height='14' rx='1'/%3E%3Crect transform='rotate(-45 9.879 4.879)' x='8.879' y='-.121' width='2' height='10' rx='1'/%3E%3Crect transform='scale(-1 1) rotate(-45 0 15)' x='3.2' y='0' width='2' height='10' rx='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

[class*="sendButton__"][class*="__disabled__"] {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23303030' cx='17' cy='17' r='17'/%3E%3Cg transform='translate(10 9)' fill='%23404040'%3E%3Crect x='6' y='2' width='2' height='14' rx='1'/%3E%3Crect transform='rotate(-45 9.879 4.879)' x='8.879' y='-.121' width='2' height='10' rx='1'/%3E%3Crect transform='scale(-1 1) rotate(-45 0 15)' x='3.2' y='0' width='2' height='10' rx='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    background-color: #262626 !important;
}

.color-white {
    color: white !important;
}

body jdiv, body jdiv *, body jdiv a {
    font-family: 'Gilroy-Regular', Arial, sans-serif !important;
}