/* УВЕДОМЛЕНИЯ */
.avito_notifications_wrapper{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 20;
}

.avito_notification_message{
    position: relative;
    width: 300px;
    height: 90px;
    background-color: #ffffffcc;
    -webkit-box-shadow: 0px 5px 10px 1px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 5px 10px 1px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 5px 10px 1px rgba(34, 60, 80, 0.2);
    z-index: 15;
    margin-top: 5px;
    cursor: pointer;
}

.avito_notification_message:hover{
    transition: all;
    transition-duration: 250ms;
    background-color: #ffffff;
}

.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 3px 7px;
    font-size: 14px;
    color: white;
    background-color: #1ab394cc;  
}

.close_message{
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 25;
    color: white !important;
    opacity: 65% !important;
    height: 25px;
}

.close_message:hover{
    opacity: 100% !important;
}

/* 133 символа - максимум */
.avito_notification_message a {
    display: block;
    color: #676a6c;
    padding: 0 7px 5px 7px;
    width: 286px;
    height: 56px;
    margin: 0;
    overflow: hidden;
}


/* ЧАТЫ */
.avito_chats_wrapper{
    position: fixed;
    bottom: 39px;
    right: 20px;
    z-index: 10;
    padding: 0;
}

.avito_chats_wrap{
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0);
    margin-left: 3px;
}

.avito_chat_wrap{
    display: block;
    position: relative;
    color: white;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #1ab394;
    z-index: 15;
    padding: 5px 7px;
    margin: 10px 0;
    cursor: pointer;
}

.avito_chat_count{
    position: absolute;
    width: 15px;
    height: 15px;
    left: 24px;
    top: -3px;
    background-color: rgb(255, 166, 0);
    border-radius: 100%;
    font-size: 10px;
    color: white;
    text-align: center;
}

#chats_dropup_button{
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    background-color: #1ab394;
    border: none;
}

#all_avito_chats_counter{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgb(255, 166, 0);
    border-radius: 100px;
    z-index: 10;
    color: white;
    top: -7px;
    right: -2px;
    font-weight: bold;
}

.avito_chat_wrap:hover{
    transition: all;
    transition-duration: 150ms;
    background-color: #0fe7bc;  
    color: white;
}

.avito_chat_wrap span {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    top: 10px;
    right: 0;
    left: 0;
    font-weight: bold;
    font-size: 11px;
}