@view-transition{
    navigation: auto;
}

.invalid-feedback {
    display: block;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-bg-state: #e8ebfb !important;
}
.form-control, .form-select{
    border: 1px solid #e6ecf5 !important;
    /* color: #888da8 !important; */
}
.form-control:focus, .form-select:focus{
    /* color: #495057 !important; */
}
table.course-content td{
    background-color: aliceblue;
}
.form-check-input-sm{
    width: 2rem!important;
    height: 1.2rem!important;
}
.offcanvas-backdrop.show, .modal-backdrop.show{
    opacity: 0.4 !important;
}
html.dark, html.dark #page-container, html.dark #page-loader, html.dark #side-overlay{
    color: #f9f8fb !important;
}
.btn {
    /* font-weight: 400 !important; */
}
span.trix-button-group--file-tools{
    display: none !important;
}

.card-course-image{
    background-size:cover;
    aspect-ratio:16/9;
    transition: all 0.3s ease;
}
.card-course-image:hover{
    transform: scale(1.1);
}
.bg-orange{
    background: #FC7159;
}
.text-orange{
    color: #FC7159;
}
.h-item:hover{
    background-color: #d9d9d9;
}
.btn-orange{
    background: #FC7159;
    border-color: #FC7159;
    color: #fff;
}
.btn-orange:hover{
    background: #FC7159;
    border-color: #FC7159;
    color: #fff;
}