.clients-item {
    overflow: hidden;
}
.clients-item:first-child {
    border-top-left-radius: 24px;
}

.clients-item.last-item {
    border-bottom-left-radius: 24px;
}
.clients-item::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: 0.5s;
    background-color: #2ad5cd
}
.clients-item:hover::after {
    transform: translateX(0%);
}

.clients-arrow {
    height: 31px;
    width: 31px;
}
#modal-clients-form .uk-modal-dialog {
    max-width: 1030px !important;
    width: 100%;
}

.stepper {
    height: 15px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    font-size: 10px;
}

.clients-scale {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #24c6bf;
    transform: translateX(-100%);
    transition: 0.4s;
}

.clients-triangle::after {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 100%;
    display: block;
    content: "";
    transition: all .15s;
    border: 9px solid transparent;
    border-left-color: #24c6bf;
    transition: 0.4s;
}

.clients-triangle.one-step::after {
    top: 29px;
}

.clients-triangle.two-step::after {
    top: 95px;
}

.clients-wrapper {
    height: 580px;
}


.clients-messanger[placeholder]:empty:before {
	content: attr(placeholder);
	color: #555; 
}
.clients-messanger[placeholder]:empty:focus:before {
	content: '';
}

.client-send-active svg {
    fill: #24c6bf;
    transition: 0.4s;
}

.client-message[type="message-client"] {
background-color: #FFF;
}
.client-message[type="message-manager"] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08)
}

.clients-msg-avatar {
    max-height: 20px;
    position: absolute;
    top: -4px;
    left: -3px;
}

.client-message-date {
    font-size: 10px;
    color: #727272;
}

.clients-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.clients-quiz-social {
    border: 3px solid #f9f9f9;
}

.clients-quiz-social.checked {
    border-color: #31c7bf;
}

.clients-messanger input {
    padding: 0;
    font-size: 14px;
}

.brdblnone {
    border-bottom-left-radius: 0 !important;
}
.clients-footer-hided {
    border-bottom-left-radius: 24px;
    max-width: 76px;
    padding: 10px;
}