body *:not(input):not(textarea):not([contenteditable="true"])
{
    user-select: none;
}
.main
{
    background: #f2f7ff;
}


.color-1
{
    color: #016aa7!important;
}

.color-2
{
    color: #3e4095 !important;
}

.color-3
{
    color: #344050 !important;
}


.color-4
{
    color: #284992 !important;
}


.color-5
{
    color: #d63031 !important;
}

.fs-7
{
    font-size: 14px !important;
}

@media (max-width: 767.98px)
{
    .fs-7
    {
        font-size: 12px !important;
    }

}

.fs-10
{
    font-size: 10px !important;
}
.fs-12
{
    font-size: 12px !important;
}

.fs-13
{
    font-size: 13px !important;
}
.fs-14
{
    font-size: 14px !important;
}
.fs-16
{
    font-size: 16px !important;
}



.f-w-500
{
    font-weight: 700 !important;
}

/*  djasbd*/

.b-shadow-1
{
    box-shadow: 0 15px 50px 0 rgba(160, 163, 189, .1);
}

.b-shadow-1
{
    box-shadow: 0 2px 5px -1px rgba(50, 50, 93, .25), 0 1px 3px -1px rgba(0, 0, 0, .3);
}

.background-1
{
    background: #fff !important;
}

.background-2
{
    background: #016aa7!important;
    color: #fff !important;
}
.background-3
{
    background: #ffdb80 !important;
    color: #016aa7!important;
}

.user1, .menu-toggle--gray
{
    width: 24px;
    height: 24px;
}
.ctdt
{
    background: url(/Media/NewImage/asvg/ctdt.svg);
    width: 24px;
    height: 24px;
}


.user1
{
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'><path d='M11.95 14.54c-3.45 0-6.362.564-6.362 2.74S8.518 20 11.95 20c3.45 0 6.361-.564 6.361-2.74s-2.93-2.72-6.36-2.72z' fill='%23fff'/><path d='M11.949 12.467a4.207 4.207 0 004.21-4.233A4.206 4.206 0 0011.948 4a4.206 4.206 0 00-4.21 4.234 4.207 4.207 0 004.21 4.233zm9.139-3.247c.604-2.378-1.168-4.513-3.424-4.513-.245 0-.48.027-.71.073-.03.007-.064.022-.082.05-.02.033-.005.08.018.109a5.807 5.807 0 011.067 3.37 5.762 5.762 0 01-.984 3.242.158.158 0 00.106.244c.158.028.32.042.484.047 1.643.043 3.118-1.02 3.525-2.623z' fill='%23fff'/><path d='M22.81 14.817c-.302-.645-1.028-1.087-2.132-1.304-.521-.128-1.931-.308-3.243-.284-.02.003-.03.017-.032.026-.003.012.002.034.028.047.607.302 2.95 1.614 2.655 4.381-.012.12.084.224.203.206.576-.083 2.06-.404 2.52-1.402a1.922 1.922 0 000-1.67z' fill='%23fff'/><path d='M7.045 4.78a3.514 3.514 0 00-.71-.073c-2.256 0-4.028 2.135-3.422 4.513.406 1.602 1.88 2.665 3.524 2.622.165-.005.327-.02.483-.047a.158.158 0 00.107-.244 5.764 5.764 0 01-.984-3.241 5.8 5.8 0 011.068-3.37c.022-.03.038-.076.016-.11-.018-.029-.05-.043-.082-.05z' fill='%23fff'/><path d='M3.322 13.513c-1.104.217-1.83.659-2.13 1.304a1.918 1.918 0 000 1.67c.46.998 1.943 1.32 2.52 1.401.119.018.214-.084.201-.205-.294-2.766 2.05-4.079 2.656-4.38.025-.015.03-.035.028-.049-.002-.009-.012-.022-.031-.024-1.313-.025-2.722.155-3.244.283z' fill='%23fff'/></svg>");
}

.calendar
{
    background-image: url(../img/svg/Bulk/Calendar.svg);
    width: 24px;
    height: 24px;
}

.notification-cus
{
    background-image: url(../img/svg/svg-custom/Notification.svg);
    width: 24px;
    height: 24px;
}

.menu-toggle-white-custom
{
    background-image: url(/Media/NewImage/asvg/Menu-toggle-white.svg);
    width: 24px;
    height: 24px;
}


.home, .menu-toggle--gray
{
    background-image: url(../img/svg/Bulk/Menu-toggle-gray.svg);
    width: 24px;
    height: 24px;
}


.arrow-down
{
    background-image: url(../img/svg/svg-custom/Arrow-DownCircle.svg) !important;
}


@media (max-width: 767.98px)
{
    .search-wrapper
    {
        display: none;
    }
}

.lang-switcher-wrapper
{
    display: none;
}



@media (max-width: 767.98px)
{
    .lang-switcher-wrapper
    {
        display: block !important;
    }
}

.text-sologan
{
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 0px;
}
.text-site
{
    display: flex;
    align-items: center;
}

.text-sologan
{
    text-transform: uppercase;
    padding-left: 15px;
    margin-bottom: 0px;
}

.bo a
{
    font-weight: 900;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #028dd0;
}

.bo a
{
    pointer-events: none;
}

.cuc a
{
    font-weight: 800;
    color: #ed3237;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px; /* text-shadow: 0 0 1px #fff,      0 0 4px rgba(237, 50, 55, 0.6),      0 0 6px rgba(237, 50, 55, 0.4); */
}


.system-menu__title
{
    letter-spacing: 0; /* line-height: 1.5em; */ /* padding-bottom: 15px; */ /* position: relative; */
}
/* 
.system-menu__title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 55px;
    background-color: #028dd0;
}

*/
.system-menu__title:after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    height: 1px;
    width: 95%;
    max-width: 255px;
    background-color: #028dd0;
    background: url(/Media/NewImage/asvg/ic-title.svg) !important;
    height: 24px;
    content: '';
    position: relative;
    width: 15px;
    height: 15px;
    left: 5px;
    display: inline-block;
    top: 2px;
}





.sidebar.hidden .system-menu__title::after
{
    left: 20px !important;
}

.sidebar.hidden
{
    transition: .4s !important;
}

.sidebar
{
    transition: 0s !important;
    z-index: 10000;
}


@media (max-width: 767.98px)
{
    .main-nav
    {
        /* background: #016aa7!important; */
    }
}

.tranf
{
    transform: rotate(180deg);
}


@media (max-width: 767.98px)
{
    .menu1
    {
        transform: rotate(180deg);
    }
}


.chart-tdht
{
    /* width: 100%; */ /* height: 370px; */
    margin-bottom: 20px; /* -webkit-box-shadow: 0 15px 50px 0 rgba(160,163,189,.1); */
    box-shadow: 0 15px 50px 0 rgba(160,163,189,.1);
}


.chart-tdht2
{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
}

.chart-tdht
{
    background-color: #fff; /* border-radius: 10px; */
}

.chart-tdht #learningChart
{
}


.chart-tdht-card #learningChart
{
    max-width: 300px;
    max-height: 300px;
}

/*  phần tiêu đề */


.main-wrapper
{
    background: #f1f6fe;
}


.dropdown-toggle::after
{
    display: none;
}





.system-menu__title_user-profile
{
    display: inline-block;
    /* margin-top: 13px; */
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(255,255,255,.5);
    /* color: #73190F !important; */
    color: #ffffff;
    /* border-bottom: 3px solid #fff; */
    font-weight: 800;
    color: #132d64;
    color: #445c8c;
}

.style-button-1
{
    background: #ee3137 !important;
    border-color: #ee3137 !important;
    font-weight: 600;
}
.style-button-2
{
    background: #016aa7!important;
    border-color: #016aa7!important;
    font-weight: 600;
    color: #fff;
}

.style-button-2::hover
{
    color: #fff !important;
}

.form-control-2
{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dce7f1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.main-title-2
{
    font-weight: 700;
    font-size: 15px;
    line-height: 1.42;
    color: #028dd0;
    margin-bottom: 20px;
    background: #028dd0; /* border-radius: 10px 10px 0px 0px; */
    background-image:url('/Media/NewImage/m-title-main.png');
    color: #fff;
    width: 100%;
}


.table-primary-2
{
    --bs-table-color: #fff;
    --bs-table-bg: #ff;
    --bs-table-border-color: #fff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
    font-weight: 500;
    text-align: center;
    background: #016aa7;
    /* background-image: url(https://cdhue.phanmemdaotao.edu.vn/App_Themes/Default/images/Header/navbar-bg.png) !important; */
    background-color: #016aa7;
    background-image: url("https://www.transparenttextures.com/patterns/asfalt-light.png");
}




.table-hover > tbody > tr:not(.abc):hover > td:not(.abc-td) {
    background: #e3f2fd !important;
    border: 1px solid #028dd0b3;
    color: #000 !important;
}

.bt-search-1
{
    border: 1px solid #bfc0c1bf;
    height: 25px;
}



.bo-radius-1
{
    border-radius: 3px;
}


.bt-search-3
{
    background: #fff !important;
    border-color: #016aa7 !important;
    border: 1px solid #016aa7 !important;
    font-weight: 500;
    color: #016aa7 !important;
    /* text-transform: uppercase; */
    /* height: 30px; */
    padding: 0px 20px;
    height: 25px;
    font-size: 14px;
}

.bt-search-3:hover
{
    background: #016aa7!important;
    border-color: #016aa7 !important;
    background: #016aa7 !important;
    border: 1px solid #016aa7 !important;
    font-weight: 500;
    color: #fff !important;
    /* text-transform: uppercase; */
    /* height: 30px; */
}

.bt-search-4
{
    background: #016aa7!important;
    border-color: #016aa7!important;
    background: #016aa7!important;
    border: 1px solid #016aa7!important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 25px;
    font-size: 14px;
}
/*nút  nút tải 2*/
.bt-search-5
{
    border-color: #ff4757 !important;
    background: #ff4757 !important;
    border: 1px solid #ff4757 !important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 30px;
    font-size: 14px;
}
/*

/*nút xuất excel 1*/
.bt-search-6
{
    border-color: #009966 !important;
    background: #009966 !important;
    border: 1px solid #009966 !important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 30px;
    font-size: 14px;
}
/* nút tải bảng điểm 1*/
.bt-search-7
{
    border-color: #ff6600 !important;
    background: #ff6600 !important;
    border: 1px solid #ff6600 !important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 30px;
    font-size: 14px;
}




/* nút cập nhật */
.bt-search-8
{
    background: #2980b9 !important;
    border: 1px solid #2980b9 !important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 30px;
    font-size: 14px;
}
.bt-search-8:hover
{
    background: #2980b9 !important;
    border: 1px solid #2980b9 !important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 30px;
    font-size: 14px;
}





/* nút cập nhật */
.bt-search-9
{
    border-color: #dd1b5c !important;
    background: #dd1b5c !important;
    border: 1px solid #dd1b5c !important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 30px;
    font-size: 14px;
}



.bt-search-10
{
    border-color: #5c636a !important;
    background: #5c636a !important;
    border: 1px solid #5c636a !important;
    font-weight: 500;
    color: #fff; /* text-transform: uppercase; */ /* height: 30px; */
    padding: 0px 20px;
    height: 30px;
    font-size: 14px;
}




.tm-1
{
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.title-1
{
    color: #425A8B;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.43;
}

.title-4
{
    font-weight: 700 !important;
    color: #445c8c !important;
    font-size: 18px;
    text-transform: uppercase !important;
}

.title-5
{
    color: #000;
    white-space: nowrap;
    transition: all .2s;
    margin: .1rem 0;
    color: #74f474e !important;
    font-size: 16px !important;
}

.title-6
{
    font-weight: 700 !important;
    color: #016aa7!important;
    font-size: 16px;
    letter-spacing: normal;
}
.table
{
    --bs-table-border-color: #028dd0b3 !important;
}

.bd-l-table
{
    border-left: 1px solid #016aa7!important;
}

.bd-r-table
{
    border-right: 1px solid #016aa7!important;
}

.bd-t-table
{
    border-top: 1px solid #016aa7!important;
}

.bd-b-table
{
    border-bottom: 1px solid #016aa7!important;
}
.bd-table
{
    border: 1px solid #016aa7!important;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default
{
    border: 1px solid #cdd4e0 !important;
    height: 25px;
    /* border-radius: 3px; */
    min-width: 25px;
    border-width: 1px;
    border-style: solid;
    /* padding: 2px 1px 3px; */
    border-style: none !important;
    border: 1px solid #bfc0c1bf !important;
    /* height: 25px; */
    max-height: 22px;
}
html body .RadInput .riTextBox, html body .RadInputMgr
{
    border-style: none !important; /* border: 1px solid #4f474ebf; */ /* border: 1px solid #4f474ebf !important; */ /* border-style: none !important; */
    border-radius: 3px;
}

.table > :not(caption) > * > *
{
    padding: .3rem .4rem !important;
}


.cs-hover
{
    --bs-table-color: #fff;
    --bs-table-bg: #ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
    font-weight: 500;
    text-align: center;
    background: #e88a27;
    
    --bs-table-color: #fff;
    --bs-table-bg: #ff;
    --bs-table-border-color: #fff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
    font-weight: 500;
    text-align: center;
    background: #016aa7;
     background-image: url(/Media/NewImage/top-header.png);
}


.cs-hover:hover
{
    background: #016aa7!important;
}


select:not(:-internal-list-box):not([multiple]) option:enabled:hover
{
    background-color: #016aa7!important;
}


.editable-cell:focus
{
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 1px rgb(62 64 149 / 71%) !important;
}


#ctl00_cphMain1_cphMain_SummaryScheduleOfClass1_SummaryScheduleOfClass1_dtmFrom_dateInput_wrapper
{
    border: 1px solid #bfc0c1bf;
    border-radius: 3px;
}

#ctl00_cphMain1_cphMain_SummaryScheduleOfClass1_SummaryScheduleOfClass1_dtmTo_dateInput_text
{
    border: 1px solid #bfc0c1bf !important;
    border-radius: 3px;
}

#ctl00_cphMain1_cphMain_SummaryScheduleOfTeacher1_SummaryScheduleOfTeacher1_dtmFrom_dateInput_wrapper
{
    border: 1px solid #bfc0c1bf !important;
    border-radius: 3px;
}
#ctl00_cphMain1_cphMain_SummaryScheduleOfTeacher1_SummaryScheduleOfTeacher1_dtmTo_dateInput_text, #ctl00_cphMain1_cphMain_uListSummary_dtmFromDate_dateInput_text, #ctl00_cphMain1_cphMain_uListSummary_dtmToDate_dateInput_text
{
    border: 1px solid #bfc0c1bf !important;
    border-radius: 3px;
}


#ctl00_cphMain1_cphMain_uList_dtmFromDate_dateInput_text
{
    border: 1px solid #bfc0c1bf !important;
    border-radius: 3px;
}
.sidebar-body-menu a:hover
{
    opacity: 1;
    background: #d4f5ff;
    color: #028dd0;
    border-radius: 10px;
    padding-left: 5px;
}

.sidebar-body-menu a.active
{
    opacity: 1;
    background: #f1f1f1;
    color: #028dd0;
    border-radius: 10px;
    padding-left: 5px;
    margin: 2px;
}


.category__btn
{
    top: 8px !important;
}


#ctl00_cphMain1_cphMain_uList_chkViewScheduleDate
{
    margin: 0px 3px;
}



.input-2
{
    background: #ffff;
    border: 1px solid #3e4095 !important;
    width: 100%;
}

.w-fit
{
    width: fit-content;
}



.UpdateBtn
{
    background-image: url(Images/Buttons/btnEdit1.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
    padding: 3px 15px 3px 15px;
}

.DeleteBtn
{
    background-image: url(Images/Buttons/btnDel1.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
    padding: 3px 15px 3px 15px;
}



#ctl00_cphMain1_cphMain_uList_uEdit_txtTheoryQuantity_text
{
    border: 1px solid #4f474ebf !important;
}

#ctl00_cphMain1_cphMain_uList_uEdit_txtPracticeQuantity_text
{
    border: 1px solid #4f474ebf !important;
}

#ctl00_cphMain1_cphMain_uList_uEdit_txtTestQuantity_text
{
    border: 1px solid #4f474ebf !important;
}


.table-2
{
    --bs-table-border-color: #016aa7!important;
}


.ct-td-table
{
    padding: 0.1rem !important;
    word-break: break-word;
    white-space: normal;
}



.modal-content
{
    width: 800px;
}

@media (max-width: 767.98px)
{
    .modal-content
    {
        width: auto;
    }
}

#ctl00_cphMain1_cphMain_uSubjectMarkDetail_rdoAll, #ctl00_cphMain1_cphMain_uSubjectMarkDetail_rdoStatus1, #ctl00_cphMain1_cphMain_uSubjectMarkDetail_rdoStatus2,
#ctl00_cphMain1_cphMain_uStudentList_uStudentList_rdoAll,#ctl00_cphMain1_cphMain_uStudentList_uStudentList_rdoStatus1,#ctl00_cphMain1_cphMain_uStudentList_uStudentList_rdoStatus2
,#ctl00_cphMain1_cphMain_uDebtSubjectSummary_rdoAll
,#ctl00_cphMain1_cphMain_uDebtSubjectSummary_rdoStatus1
,#ctl00_cphMain1_cphMain_uDebtSubjectSummary_rdoStatus2
{
        margin-right: 0px;
        height:15px;
    }
    
    #ctl00_cphMain1_cphMain_uSessionCheckingSummary_dtmFromDate_dateInput_text, #ctl00_cphMain1_cphMain_uSessionCheckingSummary_dtmToDate_dateInput_text,
    #ctl00_cphMain1_cphMain_uSubjectCheckingSummary_dtmFromDate_dateInput_text
    ,#ctl00_cphMain1_cphMain_uSubjectCheckingSummary_dtmToDate_dateInput_text
    ,#ctl00_cphMain1_cphMain_uDetail_uEdit_uYearSemester_ddlYearID
    ,#ctl00_cphMain1_cphMain_uDetail_uEdit_uYearSemester_ddlSemester
    {
        border: 1px solid #4f474ebf !important;
    height: 25px;
    border-radius: 3px;
        }
        
 /* THÔNG BÁO MÀU ĐIỂM */
 
 
 .mark-HL
 {
     background-color: #eefd0d !important;
     
     }
     
     .bd-1s
     {
         border: 1px solid #fff !important;}