.scheduleThisWeek__all{
    padding: 16px 24px 24px;
    background: #FFFFFF;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    display: none;
}
.scheduleThisWeek__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scheduleThisWeek__top .top__title{
    font-weight: 700;
    font-size: 24px;
    color: #000000;
}
.scheduleThisWeek__top .top__actions{
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
}
.top__actions .action__prev{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #CFCFCF;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    margin-right: 16px;
    font-weight: 600;
    cursor: pointer;
}
.top__actions .action__next{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #CFCFCF;
    text-align: center;
    display: inline-block;
    line-height: 32px;
    margin-left: 16px;
    font-weight: 600;
    cursor: pointer;
}
.top__actions .action__icon{
    margin-left: 12px;
    margin-right: 12px;
}
.top__show__schedule{
    padding: 0 18px;
    height: 40px;
    background: white;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Primary-500, var(--primary-main, #FF6609));
    cursor: pointer;

    border-radius: var(--borderRadius, 4px);
    border: 1px solid var(--primary-main, #FF6609);
}
.top__show__schedule:hover{
    filter: drop-shadow(0px 2px 4px #ff6609b8);
}
.scheduleThisWeek__content{
    margin-top: 18px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    background: #FAFAFA;
    border-radius: 16px;
    padding: 16px;
}
.scheduleThisWeek__content .content__days{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content__days .one__day{
    background: transparent;
    text-align: center;
    border-radius: 8px;
    padding: 16px 0;
    cursor: pointer;
    border : 2px solid transparent;
    width: 14.2%;
}
.content__days .one__day.active,
.content__days .one__day:hover{
    background: #FFE6D6;
    border : 2px solid #FF6609;
}
.content__days .one__day .text__day{
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #8E8E8E;
    margin-bottom: 8px;
    white-space: nowrap;
}
.content__days .one__day .number__day{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    line-height: 48px;
    text-align: center;
    position: relative;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
}
.content__days .one__day .number__day.today{
    color: #FF6609;
}
.content__days .one__day .number__day .dot__subjects{
    position: absolute;
    bottom: 8px;
    display: flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
}
.number__day .dot__subjects .dot__subject{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 2px;
}
.number__day .dot__subjects .dot__subject:last-child{
    margin-right: 0;
}
.dot__subject--khtn{
    background: #7594E2;
}
.dot__subject--math{
    background: #FF6609;
}
.dot__subject--english{
    background: #0395EE;
}
.dot__subject--physic{
    background: #5E5CE6;
}
.dot__subject--chemistry{
    background: #FFCC00;
}
.dot__subject--biology{
    background: #3CA031;
}
.dot__subject--literature{
    background: #FFA804;
}
.dot__subject--dhqg_hn{
    background: #008141;
}
.dot__subject--dhqg_hcm{
    background: #28306A;
}
.dot__subject--dgtd_dhbk{
    background: #23549D;
}
.content__days .one__day.active .text__day,
.content__days .one__day:hover > .text__day{
   color: #FF6609;
}
.content__days .one__day.active .number__day,
.content__days .one__day:hover > .number__day{
    color: #FF5C00;
}
.content__lessons{
    margin-top: 24px;
}
.content__lessons .text-orange{
    color: #FF6609;
}
.content__lessons--empty{
    text-align: center;
    margin-top: 12px;
}
.content__lessons--empty img{
    width: 120px;
}
.content__lessons--empty>div{
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-top: 8px;
}

.content__lessons .content__lesson{
    display: flex;
}
.content__lessons .content__lesson .lesson__content{
    padding: 16px;
    border-radius: 8px;
    width: calc(100% - 100px);
}
.content__lessons .content__lesson{
    margin-bottom: 16px;
}
.content__lessons .content__lesson:last-child{
    margin-bottom: 0;
}
.content__lessons .content__lesson .lesson__duration{
    width: 100px;
    text-align: right;
    padding-right: 40px;
    position: relative;
}
.content__lessons .content__lesson .lesson__duration::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #FF6609;
    top: 0px;
    right: 20px;
}
.content__lessons .content__lesson .lesson__duration::after{
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% - 8px);
    background: #FF6609;
    top: 8px;
    right: 24px;
}
.content__lessons .content__lesson .lesson__duration .lesson__start{
    font-weight: 600;
    font-size: 14px;
    color: #250A03;
    display: block;
    line-height: 13px;
}
.content__lessons .content__lesson .lesson__duration .lesson__end{
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    display: block;
}
.lesson__content .class__name {
    padding: 0px 12px;
    background: #FFFFFF;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 28px;
}
.lesson__content .lesson__increase--increase {
    font-weight: 600;
    font-size: 14px;
    border-radius: 16px;
    border : 1px solid;
    height: 28px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    border-color : white;
    color : white;
    padding: 0px 12px;
}
.lesson__content .class__name:hover{
    box-shadow: 2px 2px 4px #0000006b;
}
.lesson__content .class__name svg{
    position: relative;
    top : 1px;
    margin-right: 4px;
}
.lesson__content--math {
    background: #FF6609;
}
.lesson__content--english {
    background: #0276E9;
}
.lesson__content--literature {
    background: #FFA804;
}
.lesson__content--khtn {
    background: #7594E2;
}
.lesson__content--dhqg_hn {
    background: #008141;
}
.lesson__content--dhqg_hcm {
    background: #28306A;
}
.lesson__content--dgtd_dhbk {
    background: #23549D;
}
.lesson__content--khtn .class__name {
    color:#FF6609;
}

.lesson__content--math .class__name {
    color:#FF6609;
}
.lesson__content--english .class__name {
    color:#0276E9;
}
.lesson__content--literature .class__name {
    color:#FFA804;
}
.lesson__content--dhqg_hn .class__name {
    color:#3C3C43AD;
}
.lesson__content--dhqg_hcm .class__name {
    color:#3C3C43AD;
}
.lesson__content--dgtd_dhbk .class__name {
    color:#3C3C43AD;
}
.lesson__content .day__current{
    background: rgba(0, 0, 0, 0.24);
    border-radius: 24px;
    font-size: 14px;
    color: #fff;
    height: 28px;
    display: flex;
    align-items: center;
    justify-self: center;
    padding: 0px 12px;
}
.lesson__content .lesson__status{
    font-size: 14px;
}

.lesson__content--math .cap__test {
    color: #FF6609;
}
.lesson__content--english .cap__test{
    color: #0276E9;
}
.lesson__content--literature .cap__test{
    color: #FFA804;
}
.lesson__content--khtn .cap__test{
    color: #FF6609;
}

.lesson__content--chemistry .cap__test{
    color: #FFCC00;
}

.lesson__content--biology .cap__test{
    color: #3CA031;
}

.lesson__content--physic .cap__test{
    color: #5E5CE6;
}

.lesson__content--dhqg_hn .cap__test{
    color: #008141;
}

.lesson__content--dhqg_hcm .cap__test{
    color: #28306A;
}

.lesson__content--dgtd_dhbk .cap__test{
    color: #23549D;
}

.lesson__content .day__trial{
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    text-align: center;
    padding: 0px 12px;
    display: inline-flex;
    align-items: center;
    height: 28px;
}

.lesson__content .__level{
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    text-align: center;
    padding: 0px 12px;
    /* margin-top: 16px; */
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
}
.lesson__content .__level svg {
    margin-top: -6px;
    margin-right: 4px;
}

.lesson__content .container__cap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px !important;
}

.lesson__content .lesson__title{
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 10px;
    padding-bottom: 16px;
    cursor: pointer;
}
.lesson__content .book__name{
    font-size: 12px;
    font-weight: 400;
    color: white;
    padding-bottom: 16px;
}
/* is not last elemnt */
.lesson__content .join__lesson:not(:last-child){
    padding-bottom: 16px;
}
.lesson__content .join__lesson{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    position: relative;
    margin-top: 16px;
    cursor: pointer;
    position: relative;
}
.lesson__content .join__lesson svg:first-child{
    position: relative;
    top: 2px;
}
.lesson__content .join__lesson::before{
    position: absolute;
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    background:rgba(255, 255, 255, 0.2);
    top: -16px;
    left: -16px;
}
.popupListClassOfDay,
.popupListDocument{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #0000006e;
    z-index: 2;
}
.popupListClassOfDay .popupListClassOfDay__content,
.popupListDocument .popupListDocument__content{
    width: 645px;
    padding: 16px;
    background: #FFFFFF;
    border-radius: 8px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popupListDocument .popupListDocument__content{
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}

/* width */
.popupListDocument .popupListDocument__content::-webkit-scrollbar {
    width: 6px;
}
  
/* Track */
.popupListDocument .popupListDocument__content::-webkit-scrollbar-track {
    background: #f1f1f1;
}
  
/* Handle */
.popupListDocument .popupListDocument__content::-webkit-scrollbar-thumb {
    background: #888;
}
  
/* Handle on hover */
.popupListDocument .popupListDocument__content::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.popupListClassOfDay__content .popupListClassOfDay__title,
.popupListDocument__content .popupListDocument__title{
    color: #191919;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px;
    text-align: center;
}
.popupListClassOfDay__content .btn__close,
.popupListDocument__content .btn__close{
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 16px;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson,
.popupListDocument__content .popupListDocument__documents .one__document{
    border-radius: 8px;
    width: 100%;
    padding: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}
.popupListDocument__content .popupListDocument__documents .one__document{
    display: flex;
    align-items: center;
    width: 100%;
    color:#fff;
    font-weight: 600;
    font-size: 12px;
    position: relative;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--khtn,
.popupListDocument__content .popupListDocument__documents .one__document--khtn{
    background: #7594E2;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--math,
.popupListDocument__content .popupListDocument__documents .one__document--math{
    background: #FF5C00;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--english,
.popupListDocument__content .popupListDocument__documents .one__document--english{
    background: #0276E9;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--literature,
.popupListDocument__content .popupListDocument__documents .one__document--literature{
    background: #FFA804;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--chemistry,
.popupListDocument__content .popupListDocument__documents .one__document--chemistry{
    background: #FFCC00;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--physic,
.popupListDocument__content .popupListDocument__documents .one__document--physic{
    background: #5E5CE6;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--biology,
.popupListDocument__content .popupListDocument__documents .one__document--biology{
    background: #3CA031;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--dhqg_hn,
.popupListDocument__content .popupListDocument__documents .one__document--dhqg_hn{
    background: #008141;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--dhqg_hcm,
.popupListDocument__content .popupListDocument__documents .one__document--dhqg_hcm{
    background: #28306A;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson--dgtd_dhbk,
.popupListDocument__content .popupListDocument__documents .one__document--dgtd_dhbk{
    background: #23549D;
}
.popupListClassOfDay__content .popupListClassOfDay__lessons .one__lesson:last-child,
.popupListClassOfDay__content .popupListClassOfDay__documents .one__document:last-child{
    margin-bottom: 0;
}
.popupListClassOfDay__lessons .one__lesson .one__lesson__title{
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 8px;
}
.popupListClassOfDay__lessons .one__lesson .one__lesson__duration div:nth-child(1){
    font-weight: 400;
    font-size: 11px;
    color: #FFFFFF;
}
.popupListClassOfDay__lessons .one__lesson .one__lesson__duration div:nth-child(2){
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 4px;
}
.popupListClassOfDay__lessons .one__lesson .one__lesson__duration div:nth-child(3){
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
}
.popupListDocument__content .popupListDocument__documents .one__document svg:nth-child(1){
    margin-right: 6px;
}
.popupListDocument__content .popupListDocument__documents .one__document svg:last-child{
    position: absolute;
    right: 16px;
    top:50%;
    transform: translateY(-50%);
}

.lesson__content .content_empty_link{
    color: white;
    font-weight: 300;
    font-size: 14px;
    opacity: .8;
}
.lesson__content .lesson__test .menu__tab {
    display: flex;
    align-items: center;
    gap: 10px;
}
.lesson__content .lesson__test .menu__tab span {
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
    display: inline-block;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    opacity: .8;
}
.lesson__content .lesson__test .menu__tab span:hover {
    opacity: 1;
    border-bottom: 2px solid #FFFFFF;
}
.lesson__content .lesson__test .menu__tab span.active {
    opacity: 1;
    border-bottom: 2px solid #FFFFFF;
}

.lesson__content .lesson__test .text__warning {
    display: flex;
    gap: 8px;
    margin-top: 20px;
    align-items: center;
}
.lesson__content .lesson__test .text__warning i {
    color: #FFFFFF;
    font-size: 14px;
}

.lesson__content .lesson__test .list__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    padding-bottom: 16px;
}

.lesson__content .lesson__test .list__item .__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-radius: 4px;
    background: #0000001A;
    cursor: pointer;
}
.lesson__content .lesson__test .list__item .__item div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
}
.lesson__content .lesson__test .list__item .__item div .grading {
    color: #FFCEA2;
}

.lesson__content .lesson__test .homework__empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-radius: 4px;
    background: #0000001A;
    color: white;
    margin-top: 8px;
    /* 
    margin-bottom: 16px;
    */
}

.lesson__content .cap__test {
    padding: 0px 12px;
    display: inline-block;
    background: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    border-radius: 24px;
    height: 28px;
    align-items: center;
    display: flex;
}

.__item div .icon__todo {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #FFFFFF;
}
 .btn_choice {
    display: flex;
    width: 148px;
    height: 40px;
    padding: 0px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 4px;
    cursor: pointer;
    color: white !important;
    background: var(--primary-main, #FF6609);

}
.all_class_detail {
    max-height: 384px;
    overflow: auto;
}

/* css đặt lịch */
.modal_choice_subject__item--name {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
}
.modal_choice_subject__item--btn {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
}
.modal_choice_subject__body {
    padding: 16px;
}
.modal_choice_subject__title {
    color: var(--Bng-mu-m-rng-Mu-sc-trung-lp-Trung-tnh-ti-TT-1---Mc-nh, #191919);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    margin-top: 24px;
}
.modal_choice_subject__des {
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    margin-top: 8px;
}
.modal_choice_subject__item {
    width: 613px;
    height: 88px;
    padding: 32px 16px;
    margin: 12px 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background-color: #FF6609;
    border-radius: 8px;

}

.class__name .subject__icon {
    max-width: 24px;
    max-height: 24px;
}

.list-tag-container>:nth-child(n+5) {
    display: none;
}