/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
@font-face {
    font-family: 'Coiny';
    src: url('./../fonts/Font/Coiny-Regular.ttf');
}

@font-face {
    font-family: 'Mark Pro';
    src: url('./../fonts/Font/FontFont_FF.Mark.Pro.otf');
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('./../fonts/Font/roboto/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'Roboto';
    src: url('./../fonts/Font/roboto/Roboto-Regular.ttf');
}

.color-red-home {
    color: var(--color-home-danger) !important;
}

.font-family-coiny {
    font-family: 'Coiny';
    font-weight: 400;
}

.font-cony-weight-400 {
    font-family: 'Coiny';
    font-weight: 400;
}

.font-family-Mark-Pro {
    font-family: 'Mark Pro';
}

.font-family-Mark-Pro-weight-400 {
    font-family: 'Mark Pro';
    font-weight: 400;
}

#hocvien-xuatsac img {
    object-fit: cover;
}

.font-family-roboto {
    font-family: 'Roboto';
}

.font-family-roboto-2 {
    font-family: 'Roboto Bold';
}

.filter-green {
    filter: brightness(0) invert(1);
    width: 24px;
}

.fa_login {
    font-size: 24px;
    color: #fff;
}

.text-menu {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}



#footer_top {
    width: 1216px;
    height: 353.82px;
}

#footer_bot {
    width: 1216px;
    padding: 0 0 16px 0;
}

.font-family-Coiny {
    font-family: 'Coiny';
}

.font-family-Roboto {
    font-family: 'Roboto';
}

.background_image {
    background-repeat: no-repeat;
    background-size: 100% auto;
}

a {
    text-decoration: none;
}

.width_max_content {
    width: 100%;
    max-width: 450px;
}

.w_auto_h_50 {
    width: 100%;
    max-width: 50px;
    height: 50px;
    object-fit: cover;
}

.block_giang_day ol {
    flex-direction: column;
    gap: 1rem !important;
    display: flex;
    margin: 10px;
    justify-content: center;
    align-items: start;
}

.hover_giaovien:hover .p_xem_them {
    border-color: #E39B31 !important;
    color: #E39B31 !important;
    background: #fff !important;
}

.hover_giaovien:hover .text_hover_gv {
    border-color: #E39B31 !important;
    color: #E39B31 !important;
}

.video_giao_vien .title_video_block {
    text-align: center;
}

.accordion-button::after {
    background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.000976562" width="48" height="48" rx="24" fill="%23F3F5F6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25 17.001H23V23.001H17V25.001H23V31.001H25V25.001H31V23.001H25V17.001Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-size: 2.25rem;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" rx="24" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.6569 19.7573L28.2426 18.3431L24 22.5857L19.7574 18.3431L18.3431 19.7573L22.5858 24L18.3431 28.2426L19.7574 29.6568L24 25.4142L28.2426 29.6568L29.6569 28.2426L25.4142 24L29.6569 19.7573Z" fill="white"/></svg>');
    background-repeat: no-repeat;
}

.width_height_thong_tin {
    width: 25%;
    height: 25%;
}

.data_title_home_chuong_trinh:hover p {
    color: #E39B31 !important;
}
.active_click {
    background-color: #E39B31;
    color: #fff;
}
.tab_nav_slider {
    width: 44px;
    height: 44px;
    padding: 10px !important;
    border-radius: 22px !important;

}
.hover_khoa_hoc:hover .border_khoa_hoc{
    border-color: #E39B31 !important;
}
.hover_khoa_hoc:hover .text_khoa_hoc{
    color: #E39B31 !important;
}
.hover_khoa_hoc:hover .border_khoa_hoc2{
    border-color: #E39B31 !important;
    background-color: #fff !important;
}
.width_120_height_120{
    width: 120px;
    height: 120px;
}
.height_img_div{
    height: 180px;
    width: 180px;
}
.list-info * {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}