.btn-primary-firmafy {
    background-color: #fcd21d;
    color: #037394;
    transition: 0.5s;
}

.btn-primary-firmafy:hover {
    background-color: #037394;
    color: white;
}

.btn-secondary-firmafy {
    background-color: #037394;
    color: white;
    transition: 0.5s;
}

.btn-secondary-firmafy:hover {
    background-color: #05536b;
    color: white;
}

.account-user-avatar {
    background-color: #037394;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}

.user-avatar {
    width: 35%;
    height: auto;
}

.ff-menu-item-active {
    font-weight: bold;
    border-bottom: 3px solid #fcd21d;
}

.ff-table thead {
    background-color: #037394;
    text-align: center;
}

.ff-table thead th {
    color: white;
}

.ff-table tbody tr {
    text-align: center;
}

.ff-icon-primary {
    color: #037394;
    transition: transform 0.3s ease, color 0.3s ease;
    display: inline-block;
}

.ff-icon-primary:hover {
    transform: scale(1.2);
    color: #025b75;
}

.ff-tr-hover {
    transition: 0.3s;
}


.ff-tr-hover:hover {
    background-color: #f6f7fb;
    cursor: pointer;
}

.ff-text-primary {
    color: #037394 !important;
}

.ff-bg-primary {
    background-color: #037394 !important;
}

.ff-bg-secondary {
    background-color: #fcd21d !important;
}

.ff-text-bg-secondary {
    color: #037394 !important;
    background-color: #fcd21d !important;
}

.accordion-button:not(.collapsed) {
    background-color: #f6f7fb !important;
}

.ff-labelFile {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px dashed #dee2e6;
    padding: 2rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: 0.3s ease;
    text-align: center;
}

.ff-labelFile.highlight {
    background-color: #e3f2fd;
    border-color: #037394;
}

.file-preview-card {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ff-ticket-row {
    cursor: pointer;
    transition: 0.3s;
}

.ff-ticket-row:hover {
    transform: scale(1.02);
}

.conversation-list .odd .isoperator.ctext-wrap:after {
    border-left-color: #037394 !important;
    border-top-color: #037394 !important;
}

.conversation-list .even .isoperator.ctext-wrap:after {
    border-right-color: #037394 !important;
    border-top-color: #037394 !important;
}

.conversation-list .odd .ctext-wrap {
    border-radius: 3px 0px 3px 3px;
}

.conversation-list .even .ctext-wrap {
    border-radius: 0px 3px 3px 3px;
}

.dataTables_paginate {
    margin-top: 20px !important;
}

.ff-li-spam{
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.ff-li-spam:hover {
    background-color: #f6f7fb;
}