@keyframes pulse-scale {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;

    }
}

.select2-dropdown--below{
    z-index: 1090 !important;
}

#receiver option,
#receiver option:checked {
    color: #4f5156;
}

#receiver_x option {
    background-color: #fff;
    color: #4f5156;
}

.input-ticket-base {
    border-radius: 13px;
    padding-inline: 14px;
    padding-block: 5px;
    color: #4f5156;
    box-shadow: 0 0 8px #b6b6b6 !important;
    border: none !important;
    height: 40px;
}

.input-ticket-base::placeholder {
    font-weight: bold;
    color: #8791a4;
}


.base-send-input {
    background-color: white;
    height: 41px;
    border-radius: 8px;
    cursor: pointer;
}

.base-send-input:hover {
    background-color: #e2e1e1;
}

.base-send-input .title {
    vertical-align: top;
    display: inline-block;
    padding-top: 10px;
    padding-left: 9px;
    color: #4f5156;
    font-weight: bold;
}

.base-send-input img {
    vertical-align: baseline;
}

.show-ticket:hover {
    background-color: #073b7b !important;
}

.arrow-chat {
    clip-path: polygon(70% 0, 30% 0, 53% 72%);
    width: 60px;
    height: 40px;
    display: inline-block;
    position: absolute;
    right: -31px;
    bottom: -12px;
    transform: rotate(310deg);
    background-color: inherit;
}

.create-ticket:hover {
    background-color: #c23c02 !important;
}


.button-ticket {
    transition: 0.3s all;
}

.button-ticket[data-target="#send_tickets"] {
    transition: none !important;
}

.button-ticket:hover,
.button-ticket[aria-expanded='true'] {
    box-shadow: 0 7px 5px #959698;
    height: 72px;
    padding-top: 18px !important;
    transform: translateY(-19px);
    font-size: 30px !important;
}


.button-ticket:hover .plus,
.button-ticket[aria-expanded='true'] .plus {
    left: 32px !important;
    top: -1px !important;
}

[data-type="other"] .message-attachment {
    left: -1px !important;
}