/*Table*/
.bold-header-grid::part(header-cell) {
    font-weight: 700;
}

/** Hover effect on rows **/
.hoverable-grid::part(body-cell) {
    background-color: transparent !important;
    transition: background-color 0.2s, color 0.2s;
}

.hoverable-grid::part(body-row):hover {
    background-color: #e0f2fe !important;
}

.hoverable-grid::part(body-row):hover .hoverable-grid::part(body-cell) {
    color: rebeccapurple !important;
}

/* Header cells */
/*.hoverable-grid::part(header-cell) {*/
/*    background-color: #F8FAFC;*/
/*    font-weight: 600;*/
/*    color: #64748B;*/
/*}*/

/* Start -  Attendance grid old version*/
.attendance-selected-cell {
    border-left: 2px solid rgb(74, 129, 217) !important;
    border-right: 2px solid rgb(74, 129, 217) !important;
    /*border-top: 1px solid rgb(11, 87, 208) !important;*/
    /*border-bottom: 1px solid rgb(11, 87, 208) !important;*/
}

.attendance-selected-bottom-cell {
    border-bottom: 2px solid rgb(74, 129, 217) !important;
}

.attendance-selected-date-cell {
    border-left: 2px solid rgb(74, 129, 217) !important;
    border-right: 2px solid rgb(74, 129, 217) !important;
    border-top: 2px solid rgb(74, 129, 217) !important;
}

/* End -  Attendance grid old version*/


/* attendance table css class */
.attendance-table vaadin-grid-cell-content {
    padding: 0;
    height: 100%;
    width: 100%;
}

.attendance-grid::part(cell)[part~="row-green"] {
    background-color: #86efac;
}

.attendance-grid::part(cell)[part~="row-red"] {
    background-color: #fca5a5;
}

.attendance-grid::part(cell) {
    padding: 0 !important;
}

.attendance-grid::part(body-cell) {
    padding: 0!important;
}

.attendance-grid::part(header-cell) {
    padding: 0!important;
}

/** **/
.student-payment-schedule-item:hover {
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/** Hover  **/
.hover-cursor {
    cursor: pointer;
}