.container{
    display: flex;
    flex-direction:column;
    align-items: center;

}
.upper-manage-appointments{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.manage_appointments-buttons{
gap :10px
}
.green_button{
    background-color: #10D48A;
    font-size: 16px;
        border: 1px solid #d5d9e0;
        padding: 12px 20px;
        border-radius: 8px;
}
.orange_button{
background-color: #F5B43C;
    font-size: 16px;
        border: 1px solid #F5B43C;
        padding: 12px 20px;
        border-radius: 8px;
}
.average_button{

        background: #fff;
    border: 1px solid #d5d9e0;
    border-radius: 8px;
    padding: 12px 20px;
    font-size: 16px;
    color: #70798a;
    cursor: pointer;
}
.manage_appointments_title{
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.3px;
    margin: 0 0 20px 0;
    font-family: 'Inter', system-ui, sans-serif;
}
.down_manage_appointments {
    display: flex;
    flex-direction: row;
    align-items: flex-end;    
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    font-family: 'Inter', system-ui, sans-serif;
    margin-bottom: 4px;
    flex-wrap: wrap;
    gap: 10px;


}
.down_manage_appointments-options{    
/*display: flex;
align-items: flex-end;
flex-wrap: wrap;
justify-content: space-between;
*/
}
.appointments-options-first_row{
    display: flex;
    flex-direction: row;
}
.appointments-options-second_row{
    display: flex;
    flex-direction: row;
}
.down_manage_appointments-three_buttons{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.container-forborders{

    width: 92%;
    height: 100%;
}
.appointments_list{
margin-top: 80px;

}
.appointment_list-type_of_data{
Font-size:    16px;
Font-weight:  600;
Color: #27324A;
display: grid;
grid-template-columns: 8% 10% 12% 10% 10% 10% 10% 10% 10%;
justify-content: space-between;

}
.appointment_list-data{
    margin-top: 40px;
Font-size:    15px;
Font-weight:  500;
Color:        #4F596B;
display: grid;
grid-template-columns: 8% 10% 12% 10% 10% 10% 10% 10% 10%;
justify-content: space-between;
}
.paging{
    margin-top: 30px;
display: flex;
justify-content: space-between;
}
.paging-users_shown{
    display: flex;
    flex-direction: row;
}
.paging-exact_page{
    
}
.paging-per_page{
    display: flex;
    flex-direction: row;
}