.ft-ticket-status {
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}
.ft-ticket-student {
    background: #FFC107;
}
.ft-ticket-teacher {
    background: #4CAF50;

}
.ft-ticket-open {
    background: #FF5722;
}

.ft-ticket-details {
    padding: 10px;
    margin-bottom: 15px;
background: #ededed     ;
    border-radius: 5px;
    border: 1px solid #E0E0E0;
    direction: rtl;
    text-align: justify;
}
.ft-conversation-item {
    background: #f0f8ff;
    margin-bottom: 15px;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #c9e7ff;
    direction: rtl;
    text-align: justify;
}

.ft-current-user {
    text-align: right;
    background: #fffcf1;
    border: 1px solid #f3eacc;
}

.ft-ticket-align-center{
    text-align: center;
}

.shop_table {
    box-shadow: 0 0 4px 2px #00A7B8;
    direction: rtl;
    background: #fff;
}

.ticket-stats {
    display: flex;
    gap: 20px;
}

.ticket-stat {
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.ticket-stat-icon {
    font-size: 40px;
}
.ticket-stat-icon {
    font-size: 50px;
    position: relative;
    right: -15px;
}
.stat-number {
    margin-top: 20px;
    font-weight: bold;
}

span.stat-label {
    font-size: 13px;
}   

.ticket-stat-icon.dashicons.dashicons-open-folder{
    color: #FF5722;
}
.ticket-stat-icon.dashicons.dashicons-admin-users {
    color: #4CAF50;
}
.ticket-stat-icon.dashicons.dashicons-groups {
        color: #FFC107;
}
a.button.ft-button-add-ticket{
    margin-bottom: 20px;
}
.ft-pagination {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.ft-pagination .page-numbers.current, .ft-pagination .page-numbers:hover, .ft-pagination-next:hover, .ft-pagination-prev:hover {
    background: #64B5F6;
    color: #fff;
}
.ft-pagination .page-numbers, .ft-pagination-next, .ft-pagination-prev {
    background: #dddddd;
    padding: 4px 12px;
    border-radius: 5px;
    color: #565555;
    line-height: normal;
    font-size: 14px;
}


button.btn.btn-primary {
    background: #3F51B5;
}

button.btn.btn-primary:hover {
    background: #273791;
}

.shop_table {
    box-shadow: 0 0 4px 2px #00A7B8;
    direction: rtl;
}


@media (max-width: 768px) {
    .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: right;
    }
        .shop_table tbody tr td {
        text-align: left;
    }
        .ticket-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
         table.shop_table_responsive thead {
        display: none;
    }
    
     table.shop_table_responsive tr td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }
}