:root{--ff-dbx: "DBAdmanRoundedX";--text-blue: #0DA9EB;--text-dark: #30393F;--text-black: #333;--text-gold: #C49344;--btn-gold: #B49145;--header-text-size: 44px;--header-sub-text-size: 27px;--text-size: 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:DBAdmanRoundedX!important;font-weight:500;font-size:16px}body{font-family:DBAdmanRoundedX!important}body::-webkit-scrollbar{display:none;font-family:DBAdmanRoundedX!important}.swal2-html-container{margin:0!important}.swal-text{font-size:25px!important}th.ant-table-cell{padding:15px 0!important}.layout-login{font-family:DBAdmanRoundedX}.layout-login .layout-content{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;width:100%;overflow:hidden}@media (max-width: 425px){.layout-login .layout-content{grid-template-columns:1fr}}.layout-login .layout-content .bg-login{background-color:#0da9eb;position:relative}.layout-login .layout-content .bg-login img{max-width:400px;width:100%;height:auto;position:absolute;bottom:-80px;left:30px}@media (max-width: 425px){.layout-login .layout-content .bg-login{display:none}}.layout-login .layout-content .form-login{padding-top:15%;padding-left:70px;position:relative}@media (max-width: 1024px){.layout-login .layout-content .form-login{padding-top:10%}}@media (max-width: 425px){.layout-login .layout-content .form-login{padding:15% 30px 0}}.layout-login .layout-content .form-login p{font-family:DB AdmanRounded X;font-size:18px;font-weight:400;position:absolute;bottom:10px;color:#c8d5e2}@media (max-width: 425px){.layout-login .layout-content .form-login p{position:absolute;left:50%;transform:translate(-50%)}}@media (max-width: 425px){.layout-login .layout-content .form-login .logo{display:flex;align-items:center;justify-content:center}}.layout-login .layout-content .form-login .logo img{max-width:274px;width:100%}@media (max-width: 768px){.layout-login .layout-content .form-login .logo img{max-width:205px;width:100%}}.layout-login .layout-content .form-login h3{color:#0da9eb;font-family:DB AdmanRounded X;font-size:34px;font-weight:400;text-align:left}@media (max-width: 768px){.layout-login .layout-content .form-login h3{font-size:30px}}@media (max-width: 425px){.layout-login .layout-content .form-login h3{text-align:center}}.layout-login .layout-content .form-login h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:51px;font-weight:700;text-align:left;color:#30393f;line-height:62px}@media (max-width: 768px){.layout-login .layout-content .form-login h1{font-size:36px}}@media (max-width: 425px){.layout-login .layout-content .form-login h1{text-align:center}}.layout-login .layout-content .form-login .form{display:flex;flex-direction:column;margin-top:35px}.layout-login .layout-content .form-login .form .username{display:flex;flex-direction:column}.layout-login .layout-content .form-login .form .password{margin-top:25px;display:flex;flex-direction:column}.layout-login .layout-content .form-login .form label{font-family:DB AdmanRounded X;font-size:18px;font-weight:400;line-height:26px;letter-spacing:0em;text-align:left;color:#3f4254;margin-bottom:2px}.layout-login .layout-content .form-login .form input::placeholder{color:#c8c8c8;font-size:18px;font-weight:400}.layout-login .layout-content .form-login .form input{background:#eef1f5;font-family:DB AdmanRounded X;padding:15px;width:80%;outline:none;border:none;border-radius:8px}@media (max-width: 425px){.layout-login .layout-content .form-login .form input{width:100%}}.layout-login .layout-content .form-login .form button{margin-top:30px;outline:none;border:none;background:#0da9eb;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;text-align:center;border-radius:8px;padding:7px 5px;width:150px;cursor:pointer}.layout-student .tabel-row .header-search .ant-input-affix-wrapper{padding:8px 15px;width:230px;outline:none;border:1px solid #eef0f6;border-radius:8px}.layout-navbar .ant-layout{min-height:100vh;width:100%;overflow:hidden}.layout-navbar .ant-layout .demo-logo-vertical{display:flex;justify-content:center;align-items:center;height:64px;background:#0da9eb;position:relative}.layout-navbar .ant-layout .demo-logo-vertical img{width:auto;height:49px}.layout-navbar .ant-layout .demo-logo-vertical button{position:absolute;right:0;top:50%;transform:translateY(-50%)}.layout-navbar .ant-layout .demo-logo-vertical button img{width:24px;height:auto}.layout-navbar .ant-layout .demo-logo-vertical .show{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.layout-navbar .ant-layout .demo-logo-vertical .hidden{display:none}.layout-navbar .ant-layout .ant-menu,.layout-navbar .ant-layout .ant-menu .ant-menu-sub{background:#fff}.layout-navbar .ant-layout .ant-menu .ant-menu-item{color:#3f4254;padding:0!important}.layout-navbar .ant-layout .ant-menu .ant-menu-title-content img{width:100%;max-width:24px;margin-right:10px}.layout-navbar .ant-layout .ant-menu .ant-menu-title-content a{display:flex;align-items:center;color:#3f4254;padding:24px}.layout-navbar .ant-layout .ant-menu .ant-menu-submenu .ant-menu-submenu-title{padding:0!important}.layout-navbar .ant-layout .ant-menu .ant-menu-submenu-open .ant-menu-submenu-title{background:transparent}.layout-navbar .ant-layout .ant-menu .ant-menu-submenu-open .ant-menu-submenu-title a{background:#0da9eb;color:#fff}.layout-navbar .ant-layout .ant-menu .ant-menu-submenu-title,.layout-navbar .ant-layout .ant-menu .ant-menu-submenu-title a{color:#3f4254}.layout-navbar .ant-layout .ant-menu .ant-menu-item-selected{background:transparent}.layout-navbar .ant-layout .ant-menu .ant-menu-item-selected a{background:#0da9eb;color:#fff}.layout-navbar .ant-layout .ant-menu .ant-menu-sub a{background:transparent;padding:48px;color:#3f4254}.layout-navbar .ant-layout .ant-menu .ant-menu-sub .ant-menu-item-selected{background:#effbff}.layout-navbar .ant-layout .ant-menu .ant-menu-sub .ant-menu-item-icon svg{background-color:#fff}.layout-navbar .ant-layout .ant-menu .ant-menu-submenu-arrow{display:none}.layout-navbar .ant-layout .ant-layout-sider{background:#fff}.layout-navbar .ant-layout .ant-btn-icon svg{color:#fff}.layout-navbar input::placeholder{color:#999aad;font-size:16px;font-weight:400;padding-left:10px}.layout-navbar input{background:#fff;font-family:DB AdmanRounded X;width:100%;outline:none;border:none;border-radius:6px}.layout-navbar .ant-input-affix-wrapper{padding:8px 15px;width:230px;outline:none;border:none}.layout-navbar .ant-input-prefix svg{font-size:18px;color:#999aad}.layout-navbar .right-user{display:flex}.layout-navbar .right-user .profile-user{display:flex;align-items:center}.layout-navbar .right-user .profile-user .name{padding:0 15px;margin-left:15px;text-align:right;border-left:1px solid #fff}.layout-navbar .right-user .profile-user .name h2{font-family:DB AdmanRounded X;font-size:22px;font-weight:400;line-height:normal;color:#fff}.layout-navbar .right-user .profile-user .name p{font-family:DB AdmanRounded X;font-size:16px;font-weight:300;line-height:10px;color:#fff}.layout-navbar .right-user .profile-user img{width:41px;height:auto;cursor:pointer}.layout-navbar .right-user .profile-user img.drop{width:8px;height:auto}.layout-contact .see-detail button{cursor:pointer;margin-left:15px;padding:4px 8px;display:flex;align-items:center}.layout-contact h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:30px;font-weight:700;letter-spacing:0em;text-align:left;color:#30393f;font-family:DBAdmanRoundedX}.layout-contact .see-detail{display:flex;align-items:center}.layout-contact .see-detail button{margin-left:15px;padding:4px 8px;display:flex;align-items:center;cursor:pointer}.layout-contact .ant-table-thead{border-radius:5px}.layout-contact .ant-table-thead .ant-table-cell{background:#095280;color:#f8fcff;padding:15px 5px;text-align:center}.layout-contact .ant-table-thead td.ant-table-cell{padding:12px 6px}.layout-contact .ant-table-thead .ant-table-cell:last-child{border-end-end-radius:8px}.layout-contact .ant-table-thead .ant-table-cell:first-child{border-end-start-radius:8px}.layout-contact .ant-table-thead .ant-table-cell:before{background-color:#095280!important}.layout-contact .odd-row{background:#f8fcff}.layout-contact .ant-pagination .ant-pagination-item-link{border:1px solid #d9d9d9;background:#f5f5f5}.layout-contact .ant-pagination .ant-pagination-item-link .anticon-left svg,.layout-contact .ant-pagination .ant-pagination-item-link .anticon-right svg{fill:#757575}.layout-contact .ant-pagination .ant-pagination-item{display:flex;align-items:center;justify-content:center}.layout-contact .ant-pagination .ant-pagination-item a{color:#a6a9bc;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;line-height:23px}.layout-contact .ant-pagination .ant-pagination-item-active{background:#0da9eb;border-color:#0da9eb}.layout-contact .ant-pagination .ant-pagination-item-active a{color:#fff}.layout-contact .show-item{display:flex;align-items:center}.layout-contact .show-item button{cursor:pointer;display:flex;align-items:center;background:#e4f7ff;outline:none;border:none;color:#0da9eb;font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;padding:10px 15px}.layout-contact .show-item button img{width:10px;height:auto;margin-left:5px}.layout-contact .show-item p{font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;text-align:left;color:#646989;margin-left:15px}.layout-contact .tabel-row .data-tabel .tittle{display:flex;align-items:center;margin-bottom:20px}.layout-contact .tabel-row .data-tabel .tittle img{width:24px;height:auto;margin-right:5px}.layout-contact .tabel-row .data-tabel .tittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb}.layout-contact .tabel-row .data-tabel .header-search{margin-bottom:20px;display:flex;justify-content:space-between}@media (max-width: 768px){.layout-contact .tabel-row .data-tabel .header-search{display:grid;grid-template-columns:1fr;gap:10px}}.layout-contact .tabel-row .data-tabel .header-search button:nth-child(2){cursor:pointer;border:none;outline:none;background:#099f09;color:#fff;display:flex;align-items:center;gap:10px;font-size:18px;padding:5px 10px;font-weight:700px;border-radius:5px}.layout-contact .tabel-row .data-tabel .header-search .select-staus{display:flex;gap:10px}.layout-contact .tabel-row .data-tabel .header-search .select-staus .ant-picker-outlined{background:#eef0f6;border:none;height:40px}.layout-contact .tabel-row .data-tabel .header-search .select-staus .ant-picker-outlined input{background:#eef0f6}.layout-contact .tabel-row .data-tabel .header-search .select-staus button{cursor:pointer;border:none;outline:none;background:#0da9eb;color:#fff;display:flex;align-items:center;gap:10px;font-size:18px;padding:5px 15px;font-weight:700px;border-radius:5px}.layout-contact .tabel-row .data-tabel .header-search .select-staus .ant-select-selector{border:1px solid #EEF0F6;background:#eef0f6;height:40px}.layout-contact .tabel-row .data-tabel .header-search .select-staus .ant-select{width:10rem}@media (max-width: 768px){.layout-contact .tabel-row .data-tabel .header-search .select-staus .ant-select{width:100%}}.layout-contact .tabel-row .data-tabel .header-search .search input::placeholder{color:#999aad;font-size:16px;font-weight:400;padding-left:10px}.layout-contact .tabel-row .data-tabel .header-search .search input{background:#fff;font-family:DB AdmanRounded X;width:100%;outline:none;border-radius:6px}.layout-contact .tabel-row .data-tabel .header-search .ant-input-affix-wrapper{padding:8px 15px;width:230px;outline:none;border:1px solid #EEF0F6;border-radius:8px}@media (max-width: 768px){.layout-contact .tabel-row .data-tabel .header-search .ant-input-affix-wrapper{width:100%}}.layout-contact .tabel-row .data-tabel .header-search .ant-input-prefix svg{font-size:18px;color:#999aad}.layout-contact .tabel-row .data-tabel .header-search .right-user{display:flex}.layout-contact .tabel-row .data-tabel .header-search .right-user .profile-user{display:flex;align-items:center}.layout-contact .tabel-row .data-tabel .header-search .right-user .profile-user .name{padding:0 15px;margin-left:15px;text-align:right;border-left:1px solid #fff}.layout-contact .tabel-row .data-tabel .header-search .right-user .profile-user .name h2{font-family:DB AdmanRounded X;font-size:22px;font-weight:400;line-height:normal;color:#fff}.layout-contact .tabel-row .data-tabel .header-search .right-user .profile-user .name p{font-family:DB AdmanRounded X;font-size:16px;font-weight:300;line-height:10px;color:#fff}.layout-contact .tabel-row .data-tabel .header-search .right-user .profile-user img{width:41px;height:auto}.layout-contact .tabel-row .data-tabel .header-search .right-user .profile-user img.drop{width:8px;height:auto}.layout-contact .tabel-row .detail-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.layout-contact .tabel-row .detail-box .tittle .subtittle{display:flex;align-items:center}.layout-contact .tabel-row .detail-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.layout-contact .tabel-row .detail-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb;margin:0}.layout-contact .tabel-row .detail-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.layout-contact .tabel-row .detail-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-bottom:10px;margin-top:10px}.layout-contact .tabel-row .detail-box .courses p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-contact .tabel-row .detail-box .courses h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-contact .tabel-row .detail-box .contact-data{display:grid;grid-template-columns:1fr 1fr;gap:10px}.layout-contact .tabel-row .detail-box .contact-data p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-contact .tabel-row .detail-box .contact-data h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-contact .tabel-row .detail-box .contact-subdata{display:grid;grid-template-columns:1fr 1fr}.layout-contact .tabel-row .detail-box .contact-subdata p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-contact .tabel-row .detail-box .contact-subdata h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-banner h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:30px;font-weight:700;letter-spacing:0em;text-align:left;color:#30393f;font-family:DBAdmanRoundedX}.layout-banner .see-detail{display:flex;align-items:center}.layout-banner .see-detail button{margin-left:15px;padding:4px 8px;display:flex;align-items:center}.layout-banner .ant-table-thead{border-radius:5px}.layout-banner .ant-table-thead .ant-table-cell{background:#095280;color:#f8fcff;padding:15px 5px;text-align:center}.layout-banner .ant-table-thead td.ant-table-cell{padding:12px 6px}.layout-banner .ant-table-thead .ant-table-cell:last-child{border-end-end-radius:8px}.layout-banner .ant-table-thead .ant-table-cell:first-child{border-end-start-radius:8px}.layout-banner .ant-table-thead .ant-table-cell:before{background-color:#095280!important}.layout-banner .odd-row{background:#f8fcff}.layout-banner .ant-pagination .ant-pagination-item-link{border:1px solid #d9d9d9;background:#f5f5f5}.layout-banner .ant-pagination .ant-pagination-item-link .anticon-left svg,.layout-banner .ant-pagination .ant-pagination-item-link .anticon-right svg{fill:#757575}.layout-banner .ant-pagination .ant-pagination-item{display:flex;align-items:center;justify-content:center}.layout-banner .ant-pagination .ant-pagination-item a{color:#a6a9bc;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;line-height:23px}.layout-banner .ant-pagination .ant-pagination-item-active{background:#0da9eb;border-color:#0da9eb}.layout-banner .ant-pagination .ant-pagination-item-active a{color:#fff}.layout-banner .show-item{display:flex;align-items:center}.layout-banner .show-item button{display:flex;align-items:center;background:#e4f7ff;outline:none;border:none;color:#0da9eb;font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;padding:10px 15px}.layout-banner .show-item button img{width:10px;height:auto;margin-left:5px}.layout-banner .show-item p{font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;text-align:left;color:#646989;margin-left:15px}.layout-banner .tabel-row .data-tabel .tittle{display:flex;align-items:center;margin-bottom:20px}.layout-banner .tabel-row .data-tabel .tittle img{width:24px;height:auto;margin-right:5px}.layout-banner .tabel-row .data-tabel .tittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb}.layout-banner .tabel-row .data-tabel .header-search{margin-bottom:20px;display:flex;justify-content:space-between}@media (max-width: 768px){.layout-banner .tabel-row .data-tabel .header-search{display:grid;grid-template-columns:1fr;gap:10px}}.layout-banner .tabel-row .data-tabel .header-search .select-staut{display:flex;gap:10px}@media (max-width: 768px){.layout-banner .tabel-row .data-tabel .header-search .select-staut{display:grid;grid-template-columns:1f 1fr}}.layout-banner .tabel-row .data-tabel .header-search .select-staut .ant-select-selector{border:1px solid #EEF0F6;background:#eef0f6}.layout-banner .tabel-row .data-tabel .header-search .select-staut .ant-select-single{height:40px}.layout-banner .tabel-row .data-tabel .header-search .select-staut .ant-select{width:10rem}@media (max-width: 768px){.layout-banner .tabel-row .data-tabel .header-search .select-staut .ant-select{width:100%}}.layout-banner .tabel-row .data-tabel .header-search .select-staut button{background-color:#0da9eb;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-banner .tabel-row .data-tabel .header-search .select-staut button.sort{display:flex;align-items:center;background-color:#effbff;color:#0da9eb;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-banner .tabel-row .data-tabel .header-search .select-staut button.sort svg{margin-right:3px}.layout-banner .tabel-row .data-tabel .header-search button{background-color:#b49145;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-banner .tabel-row .data-tabel .header-search input::placeholder{color:#999aad;font-size:16px;font-weight:400;padding-left:10px}.layout-banner .tabel-row .data-tabel .header-search input{background:#fff;font-family:DB AdmanRounded X;width:100%;outline:none;border-radius:6px}.layout-banner .tabel-row .data-tabel .header-search .ant-input-affix-wrapper{padding:8px 15px;width:230px;outline:none;border:1px solid #EEF0F6;border-radius:8px}@media (max-width: 768px){.layout-banner .tabel-row .data-tabel .header-search .ant-input-affix-wrapper{width:100%}}.layout-banner .tabel-row .data-tabel .header-search .ant-input-prefix svg{font-size:18px;color:#999aad}.layout-banner .tabel-row .data-tabel .header-search .right-user{display:flex}.layout-banner .tabel-row .data-tabel .header-search .right-user .profile-user{display:flex;align-items:center}.layout-banner .tabel-row .data-tabel .header-search .right-user .profile-user .name{padding:0 15px;margin-left:15px;text-align:right;border-left:1px solid #fff}.layout-banner .tabel-row .data-tabel .header-search .right-user .profile-user .name h2{font-family:DB AdmanRounded X;font-size:22px;font-weight:400;line-height:normal;color:#fff}.layout-banner .tabel-row .data-tabel .header-search .right-user .profile-user .name p{font-family:DB AdmanRounded X;font-size:16px;font-weight:300;line-height:10px;color:#fff}.layout-banner .tabel-row .data-tabel .header-search .right-user .profile-user img{width:41px;height:auto}.layout-banner .tabel-row .data-tabel .header-search .right-user .profile-user img.drop{width:8px;height:auto}.detail-box{font-family:DBAdmanRoundedX}.detail-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.detail-box .tittle .subtittle{display:flex;align-items:center}.detail-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.detail-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb;margin:0}.detail-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.detail-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-bottom:10px;margin-top:10px}.detail-box .courses p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.detail-box .courses h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.detail-box .courses img,.detail-box .courses video{margin-top:10px;width:100%;max-width:550px}.detail-box .banner-data{display:grid;grid-template-columns:1fr;gap:10px}.detail-box .banner-data p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.detail-box .banner-data h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.detail-box .banner-data .sub-banner{display:grid;grid-template-columns:1fr 1fr}.layout-student .detail-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.layout-student .detail-box .tittle .subtittle{display:flex;align-items:center}.layout-student .detail-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.layout-student .detail-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb;margin:0}.layout-student .detail-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.layout-student .detail-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-bottom:10px;margin-top:10px}.layout-student .detail-box .box-student{display:grid;grid-template-columns:6fr 1fr;margin-top:20px}.layout-student .detail-box .box-student .student-detail{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:15px;column-gap:10px}.layout-student .detail-box .box-student .student-detail .sub-detail .card{width:250px;height:250px}.layout-student .detail-box .box-student .student-detail .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-student .detail-box .box-student .student-detail .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-student .detail-box .box-student .student-detail .sub-detail .student-code{display:flex;align-items:center;gap:10px}.layout-student .detail-box .box-student .student-detail .sub-detail .student-code input{border-radius:5px;background:#f1f5f6;outline:none;border:none;width:100%;max-width:150px;padding:6px 10px}.layout-student .detail-box .box-student .student-detail .sub-detail .student-code button{outline:none;border:none;background-color:#0da9eb;color:#fff;padding:6px 10px;border-radius:5px}.layout-student .detail-box .box-student .img-profile{display:grid;justify-content:end}.layout-student .detail-box .box-student .img-profile img{width:100%;max-width:122px;height:150px;object-fit:cover;border-radius:10px}.layout-student .detail-box .box-student .img-profile .avatar{display:flex;align-items:center;justify-content:center;width:122px;height:150px;background-color:#a9a9a912;border-radius:10px}.layout-student .detail-box .box-student .img-profile .avatar img{width:100%;max-width:87px;height:auto;object-fit:cover;border-radius:10px}.layout-student .detail-box .student-learning{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:15px}.layout-student .detail-box .student-learning .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-student .detail-box .student-learning .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-student .detail-box .student-work{display:grid;grid-template-columns:2fr 1fr;margin-top:15px;margin-bottom:20px;row-gap:15px}.layout-student .detail-box .student-work .sub-detail:nth-child(1) h1{margin-top:8px;width:80%}.layout-student .detail-box .student-work .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-student .detail-box .student-work .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-student .detail-box .file-main{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:15px;column-gap:10px}@media (max-width: 768px){.layout-student .detail-box .file-main{grid-template-columns:1fr 1fr}}@media (max-width: 425px){.layout-student .detail-box .file-main{grid-template-columns:1fr}}.layout-student .detail-box .file-main .sub-detail .card{display:flex;justify-content:center;align-items:center;border:1px dashed #d9d9d9;border-radius:8px;padding:15px;width:250px;height:250px}.layout-student .detail-box .file-main .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5;margin-bottom:8px}.layout-student .detail-box .file-main .sub-detail img{width:100%;max-width:250px;height:250px;object-fit:contain}.layout-student .detail-box .file-main .sub-detail .ant-image-mask{margin:15px 0;border-radius:8px}.layout-student .detail-box h4{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5;margin-bottom:8px;margin-top:35px}.layout-student .detail-box .file-other{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding-bottom:30px}@media (max-width: 768px){.layout-student .detail-box .file-other{grid-template-columns:1fr 1fr}}@media (max-width: 425px){.layout-student .detail-box .file-other{grid-template-columns:1fr}}.layout-student .detail-box .file-other .sub-detail .card{display:flex;justify-content:center;align-items:center;border:1px dashed #d9d9d9;border-radius:8px;padding:15px;width:250px;height:250px}.layout-student .detail-box .file-other .sub-detail a:hover{background-color:#30393f}.layout-student .detail-box .file-other .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5;margin-bottom:8px}.layout-student .detail-box .file-other .sub-detail img{width:100%;max-width:250px;height:250px;object-fit:contain;border-radius:8px}.layout-student .detail-box .file-other .sub-detail .ant-image-mask{margin:15px 0;border-radius:8px}.layout-student .detail-box .ant-table-content{border:1px solid #B8C1D7;border-radius:8px;margin-bottom:15px}.layout-student .detail-box .ant-table-content .ant-table-thead{border-radius:none}.layout-student .detail-box .ant-table-content .ant-table-thead .ant-table-cell{background:#f8fcff;color:#67767c;padding:15px 5px;text-align:center}.layout-student .detail-box .ant-table-content .ant-table-thead th.ant-table-cell{padding:15px 5px!important;border-bottom:none}.layout-student .detail-box .ant-table-content .ant-table-thead th:last-child{border-end-end-radius:none}.layout-student .detail-box .ant-table-content .ant-table-thead th:first-child{border-end-start-radius:none}.layout-student .detail-box .ant-table-content .ant-table-thead .ant-table-cell:before{background-color:#f8fcff!important}.add-box{font-family:DBAdmanRoundedX}.add-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.add-box .tittle .subtittle{display:flex;align-items:center}.add-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.add-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb;margin:0}.add-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.add-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-bottom:10px;margin-top:10px}.add-box .banner input[type=text]{width:100%;background-color:#eef0f6;padding:8px 20px;font-size:16px;font-weight:400}.add-box .banner input[type=text]::placeholder{padding:0}.add-box .banner p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.add-box .banner h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.add-box .banner .fild-banner{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.add-box .banner .fild-banner p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:10px}.add-box .banner .fild-banner p span{color:#d2000f}.add-box .banner .fild-banner .upload-img img{margin-right:10px}.add-box .banner .fild-banner .upload-img .ant-upload-list-item-container{width:150px;height:130px}.add-box .banner .fild-banner .upload-img .ant-upload-select{background-color:#f4fcff;border:1px dashed #0DA9EB;width:150px;height:130px}.add-box .banner .fild-banner video{width:100%;margin-top:20px}.add-box .banner .fild-banner .btn-upload{outline:none;border:none;background-color:#f4fcff;color:#0da9eb}.add-box .banner:nth-child(3){display:grid;grid-template-columns:1fr}.add-box .btn-save{padding:50px 0 20px;display:flex;justify-content:center}.add-box .btn-save button{cursor:pointer;background-color:#b49145;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:8px 25px}.sort-data{font-family:DBAdmanRoundedX}.sort-data img.img-sort{width:200px}.sort-data video.vdo-sort{width:200px;height:80px}.sort-data .btn-save{display:flex;justify-content:center;align-items:center}.sort-data .btn-save button{cursor:pointer;outline:none;border:none;margin-top:30px;padding:8px 20px;background-color:#b49145;color:#fafafa;font-weight:700;font-size:18px;border-radius:4px}.sort-data .back{display:flex;justify-content:end;align-items:center}.sort-data .back button{cursor:pointer;outline:none;border:none;margin-bottom:30px;padding:8px 20px;background-color:#b49145;color:#fafafa;font-weight:700;font-size:18px;border-radius:4px}.layout-progress .progress-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.layout-progress .progress-box .tittle .subtittle{display:flex;align-items:center}.layout-progress .progress-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.layout-progress .progress-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb;margin:0}.layout-progress .progress-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.layout-progress .progress-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-top:10px}.layout-progress .progress-box h2{font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#67767c;margin-bottom:10px}.layout-progress .progress-box .progress{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:15px}.layout-progress .progress-box .progress .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-progress .progress-box .progress .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-progress .progress-box .course{border-left:3px solid #bbbecd;padding:10px 15px;margin-bottom:30px}.layout-progress .progress-box .course .progress-percent{color:#ff9c00;background:#fef5e4;padding:3px 10px;font-size:16px;font-weight:400;width:fit-content;border-radius:5px;margin-bottom:10px}.layout-progress .progress-box .course .progress-period{margin-top:10px;color:#0da9eb;font-size:16px;font-weight:400}.layout-progress .progress-box .course .progress-course{display:grid;grid-template-columns:1fr 1fr 1fr 4fr;row-gap:15px}.layout-progress .progress-box .course .progress-course .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-progress .progress-box .course .progress-course .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-progress .progress-box .doc{display:grid;grid-template-columns:1fr 1fr}.layout-progress .progress-box .doc p{color:#67767c;font-size:16px;margin-top:10px;margin-bottom:10px}.layout-progress .progress-box .doc .ant-upload-list .ant-upload-list-item-container{width:100%;max-width:187px;height:187px}.layout-progress .progress-box .doc .ant-upload-list .ant-upload-list-item-container svg{font-size:70px;margin-top:30px}.layout-progress .progress-box .doc .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item-name{font-size:16px}.layout-progress .progress-box .doc .ant-upload-select{background-color:#0da9eb;border:none;border-radius:5px;height:auto;padding:5px 10px}.layout-progress .progress-box .btn-save{display:flex;align-items:center;justify-content:center;margin-top:30px}.layout-progress .progress-box .btn-save button{cursor:pointer;background-color:#b49145;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:8px 25px}.layout-progress .progress-box .ant-table-content{border:1px solid #b8c1d7;border-radius:8px;margin-bottom:15px}.layout-progress .progress-box .ant-table-content .ant-table-thead{border-radius:none}.layout-progress .progress-box .ant-table-content .ant-table-thead .ant-table-cell{background:#f8fcff;color:#67767c;padding:15px 5px;text-align:center}.layout-progress .progress-box .ant-table-content .ant-table-thead th.ant-table-cell{padding:15px 5px!important;border-bottom:none}.layout-progress .progress-box .ant-table-content .ant-table-thead th:last-child{border-end-end-radius:none}.layout-progress .progress-box .ant-table-content .ant-table-thead th:first-child{border-end-start-radius:none}.layout-progress .progress-box .ant-table-content .ant-table-thead .ant-table-cell:before{background-color:#f8fcff!important}.layout-progress .progress-box .ant-table-content .ant-table-tbody .ant-table-cell{padding:16px 20px!important}.layout-student .report-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.layout-student .report-box .tittle .subtittle{display:flex;align-items:center}.layout-student .report-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.layout-student .report-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb;margin:0}.layout-student .report-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.layout-student .report-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-top:10px;margin-bottom:10px}.layout-student .report-box h2{font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#67767c;margin-bottom:10px}.layout-student .report-box .box-student{display:grid;grid-template-columns:6fr 1fr;margin-top:20px}.layout-student .report-box .box-student .student-detail{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:15px}.layout-student .report-box .box-student .student-detail .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-student .report-box .box-student .student-detail .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-student .report-box .box-student .img-profile{display:grid;justify-content:end}.layout-student .report-box .box-student .img-profile img{width:100%;max-width:122px;height:150px;object-fit:cover;border-radius:10px}.layout-student .report-box .box-student .img-profile .avatar{display:flex;align-items:center;justify-content:center;width:122px;height:150px;background-color:#a9a9a912;border-radius:10px}.layout-student .report-box .box-student .img-profile .avatar img{width:100%;max-width:87px;height:auto;object-fit:cover;border-radius:10px}.layout-student .report-box .btn-tran{display:grid;grid-template-columns:1fr 1fr;justify-content:end;gap:5px}@media (max-width: 1140px){.layout-student .report-box .btn-tran{display:grid;grid-template-columns:1fr;gap:10px}}.layout-student .report-box .btn-tran button:nth-child(1){background:#fff;outline:none;border:none;border-radius:5px;cursor:pointer;border:1px solid #0DA9EB;padding:3px 0;color:#0da9eb}.layout-student .report-box .btn-tran button:nth-child(2){outline:none;border:none;border-radius:5px;cursor:pointer;background:#0da9eb;color:#fff;border:1px solid #0DA9EB;padding:3px 0}.layout-student .report-box .ant-table-tbody .ant-table-cell{padding:16px 20px!important}.layout-student{font-family:DBAdmanRoundedX}.layout-student h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:30px;font-weight:700;letter-spacing:0em;text-align:left;color:#30393f}.layout-student .see-detail{display:flex;align-items:center}.layout-student .see-detail button{margin-left:15px;padding:4px 8px;display:flex;align-items:center}.layout-student .ant-table-thead{border-radius:5px}.layout-student .ant-table-thead .ant-table-cell{background:#095280;color:#f8fcff;padding:15px 5px;text-align:center}.layout-student .ant-table-thead td.ant-table-cell{padding:12px 6px}.layout-student .ant-table-thead .ant-table-cell:last-child{border-end-end-radius:8px}.layout-student .ant-table-thead .ant-table-cell:first-child{border-end-start-radius:8px}.layout-student .ant-table-thead .ant-table-cell:before{background-color:#095280!important}.layout-student .odd-row{background:#f8fcff}.layout-student .ant-pagination .ant-pagination-item-link{border:1px solid #d9d9d9;background:#f5f5f5}.layout-student .ant-pagination .ant-pagination-item-link .anticon-left svg,.layout-student .ant-pagination .ant-pagination-item-link .anticon-right svg{fill:#757575}.layout-student .ant-pagination .ant-pagination-item{display:flex;align-items:center;justify-content:center}.layout-student .ant-pagination .ant-pagination-item a{color:#a6a9bc;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;line-height:23px}.layout-student .ant-pagination .ant-pagination-item-active{background:#0da9eb;border-color:#0da9eb}.layout-student .ant-pagination .ant-pagination-item-active a{color:#fff}.layout-student .show-item{display:flex;align-items:center}.layout-student .show-item button{display:flex;align-items:center;background:#e4f7ff;outline:none;border:none;color:#0da9eb;font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;padding:10px 15px}.layout-student .show-item button img{width:10px;height:auto;margin-left:5px}.layout-student .show-item p{font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;text-align:left;color:#646989;margin-left:15px}.layout-student .tabel-row .tittle{display:flex;align-items:center;margin-bottom:20px}.layout-student .tabel-row .tittle img{width:24px;height:auto;margin-right:5px}.layout-student .tabel-row .tittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb}.layout-student .tabel-row .header-search{margin-bottom:20px;display:flex;justify-content:space-between}@media (max-width: 768px){.layout-student .tabel-row .header-search{display:grid;grid-template-columns:1fr;gap:10px}}.layout-student .tabel-row .header-search .select-staut{display:flex;gap:10px}@media (max-width: 768px){.layout-student .tabel-row .header-search .select-staut{display:grid;grid-template-columns:1f 1fr}}.layout-student .tabel-row .header-search .select-staut .ant-select-selector{border:1px solid #eef0f6;background:#eef0f6}.layout-student .tabel-row .header-search .select-staut .ant-select-single{height:40px}.layout-student .tabel-row .header-search .select-staut .ant-select{width:10rem}@media (max-width: 768px){.layout-student .tabel-row .header-search .select-staut .ant-select{width:100%}}.layout-student .tabel-row .header-search .select-staut button{background-color:#0da9eb;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-student .tabel-row .header-search .select-staut button.sort{display:flex;align-items:center;background-color:#effbff;color:#0da9eb;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-student .tabel-row .header-search .select-staut button.sort svg{margin-right:3px}.layout-student .tabel-row .header-search input::placeholder{color:#999aad;font-size:16px;font-weight:400;padding-left:10px}.layout-student .tabel-row .header-search input{background:#fff;font-family:DB AdmanRounded X;width:100%;outline:none;border-radius:6px}.layout-student .tabel-row .header-search .ant-input-affix-wrapper{padding:8px 15px;width:230px;outline:none;border:1px solid #EEF0F6;border-radius:8px}@media (max-width: 768px){.layout-student .tabel-row .header-search .ant-input-affix-wrapper{width:100%}}.layout-student .tabel-row .header-search .ant-input-prefix svg{font-size:18px;color:#999aad}.layout-student .tabel-row .header-search .right-user{display:flex}.layout-student .tabel-row .header-search .right-user .profile-user{display:flex;align-items:center}.layout-student .tabel-row .header-search .right-user .profile-user .name{padding:0 15px;margin-left:15px;text-align:right;border-left:1px solid #fff}.layout-student .tabel-row .header-search .right-user .profile-user .name h2{font-family:DB AdmanRounded X;font-size:22px;font-weight:400;line-height:normal;color:#fff}.layout-student .tabel-row .header-search .right-user .profile-user .name p{font-family:DB AdmanRounded X;font-size:16px;font-weight:300;line-height:10px;color:#fff}.layout-student .tabel-row .header-search .right-user .profile-user img{width:41px;height:auto}.layout-student .tabel-row .header-search .right-user .profile-user img.drop{width:8px;height:auto}.manage{display:flex;align-items:center;justify-content:center;gap:5px}.manage .edit-icon,.manage .dele-icon{display:flex;align-items:center;background:#f5f5f5;padding:6px;border-radius:3px;cursor:pointer}.add-box-subj .course .fild-course .error-message{color:#d2000f;font-size:14px}.add-box-subj .course .fild-course .error{border:1px solid #d2000f}.add-box-subj .course .fild-course .credit-credit{width:100%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400;border-radius:6px;display:flex}.add-box-subj .course .fild-course .credit-credit input[type=text]{width:100%;background-color:#eef0f6;padding:0;font-size:16px;font-weight:400}.add-box-subj .course .fild-course .credit-credit span{color:#a5a5a5}.add-box-subj .course .divider hr{flex:1;margin-left:10px;border-top:1px solid #efefef}.add-box-subj .lesson .lesson-item .lesson-list .item{display:flex;align-items:center}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item button{display:flex;align-items:center;outline:none;border:none;background:#e5f4f7;color:#0da9eb;border:1px dashed #9ad4df;padding:5px 10px;border-radius:5px}.add-box-subj .lesson-test .test-item .lesson-content .test-box .test-item:nth-child(2) button{display:flex;align-items:center;outline:none;border:none;background:#e5f4f7;color:#0da9eb;border:1px dashed #9ad4df;padding:5px 10px;border-radius:5px}.layout-course .add-box .course .btn-plus{margin-top:10px}.layout-course .add-box .course .btn-plus img{max-width:14px;width:100%;margin-right:5px}.layout-course .add-box .course .btn-plus button{cursor:pointer;padding:3px 10px;display:flex;align-items:center;outline:none;border:none;background-color:#f4fcff;font-size:18px;color:#0da9eb;border-radius:6px}.layout-course .add-box .course .fild-course .clear-all{width:100%;max-width:100px;background-color:#0da9eb;outline:none;border:none;color:#fff;padding:6px 15px;border-radius:5px}.layout-course .add-box .course .obj input[type=text]{width:100%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400;margin-bottom:15px}.layout-course .add-box .course .obj input[type=text]::placeholder{padding:0}.layout-course .add-box .course .hidden{display:none}.layout-course .add-box .course .term .term-type .amount input[type=text]{width:100%;height:40px;background-color:#eef0f6;font-size:16px;font-weight:400}.layout-course .add-box .ant-select-selector{border:1px solid #eef0f6;background:#eef0f6}.layout-course .add-box .ant-select-single{height:40px}.layout-course .add-box .ant-select{width:100%}.layout-course .add-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-bottom:10px;margin-top:10px}.layout-course .add-box .course p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-course .add-box .course h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-course .add-box .course .fild-course{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:10px;margin-bottom:10px}.layout-course .add-box .course .fild-course input[type=text]{width:100%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400}.layout-course .add-box .course .fild-course input[type=text]::placeholder{padding:0}.layout-course .add-box .course .fild-course p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:8px}.layout-course .add-box .course .fild-course p span{color:#d2000f}.layout-course .add-box .course .fild-course .upload-img img{width:100%;margin-right:10px}.layout-course .add-box .course .fild-course .upload-img .ant-upload-list-item-container{width:120px;height:120px}.layout-course .add-box .course .fild-course .upload-img .ant-upload-select{background-color:#f4fcff;border:1px dashed #0da9eb;width:120px;height:39px}.layout-course .add-box .course .fild-course .btn-upload{outline:none;border:none;background-color:#f4fcff;color:#0da9eb}.layout-course .add-box .course .fild-course textarea{resize:none;background-color:#eef0f6;border:none;outline:none;padding:8px 15px;width:100%;border-radius:6px}.layout-course .add-box .course .fild-course textarea::placeholder{color:#a6a9bc}.layout-course .add-box .course .fild-course .sele-term button{background-color:#0da9eb;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-course .add-box .course .fild-course .sele-term button.sort{display:flex;align-items:center;background-color:#effbff;color:#0da9eb;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-course .add-box .course .fild-course .sele-term button.sort svg{margin-right:3px}.layout-course .add-box .course .obj{display:grid;gap:10px}.layout-course .add-box .course .obj p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:8px}.layout-course .add-box .course .obj p span{color:#d2000f}.layout-course .add-box .course .obj textarea{resize:none;background-color:#eef0f6;border:none;outline:none;padding:8px 15px;width:100%;border-radius:6px}.layout-course .add-box .course .term p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:8px}.layout-course .add-box .course .term p span{color:#d2000f}.layout-course .add-box .course .term .term-fees{display:grid;grid-template-columns:2fr 1fr;gap:10px}.layout-course .add-box .course .term .term-fees .period{display:grid;grid-template-columns:auto 1fr;gap:30px}.layout-course .add-box .course .term .term-fees .period input[type=text]{width:100%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400}.layout-course .add-box .course .term .term-fees .period input[type=text]::placeholder{padding:0}.layout-course .add-box .course .term .term-fees .period p{display:flex;align-items:center;gap:10px}.layout-course .add-box .course .term .term-fees .period img{width:100%}.layout-course .add-box .course .term .term-fees .period span{width:100%;max-width:24px;height:24px}.layout-course .add-box .course .term .term-fees .amount{background-color:#eef0f6;border-radius:6px;display:flex;padding:0 15px}.layout-course .add-box .course .term .term-fees .amount input[type=text]{width:100%;background-color:#eef0f6;font-size:16px;font-weight:400}.layout-course .add-box .course .term .term-fees .amount input[type=text]::placeholder{padding:0}.layout-course .add-box .course .term .term-fees .amount h1{margin-top:8px;color:#a5a5a5;font-size:18px;font-weight:400}.layout-course .add-box .course .term .term-type{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 20px}.layout-course .add-box .course .term .term-type input[type=text]{width:100%;height:36px;background-color:#eef0f6;padding:15px;font-size:16px;font-weight:400}.layout-course .add-box .course .term .term-type input[type=text]::placeholder{padding:0}.layout-course .add-box .course .term .term-type .amount{background-color:#eef0f6;border-radius:6px;display:flex;padding:0 15px}.layout-course .add-box .course .term .term-type .amount input[type=text]{width:100%;height:36px;background-color:#eef0f6;font-size:16px;font-weight:400}.layout-course .add-box .course .term .term-type .amount input[type=text]::placeholder{padding:0}.layout-course .add-box .course .term .term-type .amount h1{margin-top:8px;color:#a5a5a5;font-size:18px;font-weight:400}.layout-course .add-box .course .term .btn-plus{margin-top:10px}.layout-course .add-box .course .term .btn-plus img{max-width:14px;width:100%;margin-right:5px}.layout-course .add-box .course .term .btn-plus button{cursor:pointer;padding:3px 10px;display:flex;align-items:center;outline:none;border:none;background-color:#f4fcff;font-size:18px;color:#0da9eb;border-radius:6px}.layout-course .add-box .course .divider{display:flex;align-items:center;margin:30px 0}.layout-course .add-box .course .divider img{width:100%}.layout-course .add-box .course .divider hr{flex:1;margin-left:10px;border-top:1px solid #EFEFEF}.layout-course .add-box .course:nth-child(3){display:grid;grid-template-columns:1fr}.layout-course .add-box .btn-save{padding:50px 0 20px;display:flex;justify-content:center}.layout-course .add-box .btn-save button{cursor:pointer;background-color:#b49145;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:8px 25px}.add-box-subj{font-family:DBAdmanRoundedX}.add-box-subj .course .title{display:flex;justify-content:space-between}.add-box-subj .course .title h4{font-family:DB AdmanRounded X;font-size:24px;font-weight:700;color:#0da9eb}.add-box-subj .course .title button{cursor:pointer;background-color:#b49145;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:8px 25px}.add-box-subj .course p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.add-box-subj .course h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.add-box-subj .course .fild-course{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:10px;margin-bottom:10px}.add-box-subj .course .fild-course input[type=text]{width:100%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400;border-radius:6px}.add-box-subj .course .fild-course input[type=text]::placeholder{padding:0}.add-box-subj .course .fild-course .credit-num{display:flex;background:#eef0f6;padding:8px 15px;border-radius:6px}.add-box-subj .course .fild-course .credit-num input[type=text]{width:100%;background-color:#eef0f6;padding:0;font-size:16px;font-weight:400;border-radius:0}.add-box-subj .course .fild-course .credit-num input[type=text]::placeholder{padding:0}.add-box-subj .course .fild-course .credit-num span{color:#a5a5a5;font-weight:400;font-size:18px}.add-box-subj .course .fild-course p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:8px}.add-box-subj .course .fild-course p span{color:#d2000f}.add-box-subj .course .fild-course .upload-img img{width:100%;max-width:24px;margin-right:10px}.add-box-subj .course .fild-course .upload-img .ant-upload-list-item-container{width:120px;height:120px}.add-box-subj .course .fild-course .upload-img .ant-upload-select{background-color:#f4fcff;border:1px dashed #0da9eb;width:120px;height:39px}.add-box-subj .course .fild-course .btn-upload{outline:none;border:none;background-color:#f4fcff;color:#0da9eb}.add-box-subj .course .fild-course textarea{resize:none;background-color:#eef0f6;border:none;outline:none;padding:8px 15px;width:100%;border-radius:6px}.add-box-subj .course .fild-course textarea::placeholder{color:#a6a9bc}.add-box-subj .course .fild-course .sele-term .ant-select-selector{border:1px solid #eef0f6;background:#eef0f6}.add-box-subj .course .fild-course .sele-term .ant-select-single{height:40px}.add-box-subj .course .fild-course .sele-term .ant-select{width:100%}.add-box-subj .course .fild-course .sele-term button{background-color:#0da9eb;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.add-box-subj .course .fild-course .sele-term button.sort{display:flex;align-items:center;background-color:#effbff;color:#0da9eb;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.add-box-subj .course .fild-course .sele-term button.sort svg{margin-right:3px}.add-box-subj .course .obj{display:grid;gap:10px}.add-box-subj .course .obj p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:8px}.add-box-subj .course .obj p span{color:#d2000f}.add-box-subj .course .obj textarea{resize:none;background-color:#eef0f6;border:none;outline:none;padding:8px 15px;width:100%;border-radius:6px}.add-box-subj .course .divider{display:flex;align-items:center;margin:30px 0}.add-box-subj .course .divider img{width:100%;max-width:24px}.add-box-subj .course .divider hr{flex:1;margin-left:10px;border-top:1px solid #EFEFEF}.add-box-subj .add-lesson{display:flex;justify-content:space-between;margin-bottom:10px}.add-box-subj .add-lesson h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin:0}.add-box-subj .add-lesson button{cursor:pointer;background:#e4f7ff;outline:none;border:none;color:#0da9eb;font-size:18px;padding:5px 10px;border-radius:5px}.add-box-subj .lesson .lesson-item{margin:30px 0 20px}.add-box-subj .lesson .lesson-item .lesson-list{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(5,5,5,.06);cursor:pointer}.add-box-subj .lesson .lesson-item .lesson-list .item{display:flex;align-items:center;gap:10px}.add-box-subj .lesson .lesson-item .lesson-list .item h1{display:flex;align-items:center;gap:10px;color:#30393f;font-size:18px;font-weight:700}.add-box-subj .lesson .lesson-item .lesson-list .item h1 img{width:100%;max-width:24px}.add-box-subj .lesson .lesson-item .lesson-list .item button{display:flex;cursor:pointer;align-items:center;outline:none;border:none;background:#f7f7f7;padding:8px;border-radius:5px}.add-box-subj .lesson .lesson-item .lesson-list .item span{display:flex;align-items:center;color:#3f4254;font-size:18px;font-weight:400;margin-left:8px}.add-box-subj .lesson .lesson-item .lesson-content{background:#f9f9f9;padding:10px 20px;border-radius:8px;margin-left:40px}.add-box-subj .lesson .lesson-item .lesson-content h1{font-size:16px;font-weight:400;color:#b5b5c3}.add-box-subj .lesson .lesson-item .lesson-content p{font-size:16px;font-weight:400;color:#67767c;margin-bottom:15px}.add-box-subj .lesson .lesson-item .lesson-content .learning-media{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item .pdf{width:100%;max-width:16px;margin-right:5px}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item a.vdo{display:flex;align-items:center;color:#0da9eb}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item a.file{display:flex;align-items:center;color:#3f4254}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item button{display:flex;align-items:center;outline:none;border:none;background:#e5f4f7;color:#0da9eb;border:1px dashed #9AD4DF;padding:5px 10px;border-radius:5px}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item button .test{width:100%;max-width:20px;margin-right:3px}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item:nth-child(2){display:flex;justify-content:center}.add-box-subj .lesson .lesson-item .lesson-content .learning-media .media-item:nth-child(3){display:flex;align-items:end;justify-content:end}.add-box-subj .lesson-test .test-item{margin:30px 0 20px}.add-box-subj .lesson-test .test-item .test-list{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:none;cursor:pointer}.add-box-subj .lesson-test .test-item .test-list .item{display:flex;align-items:center}.add-box-subj .lesson-test .test-item .test-list .item h1{display:flex;align-items:center;gap:10px;color:#30393f;font-size:18px;font-weight:700}.add-box-subj .lesson-test .test-item .test-list .item h1 img{width:100%;max-width:24px}.add-box-subj .lesson-test .test-item .test-list .item button{display:flex;cursor:pointer;align-items:center;outline:none;border:none;background:#f7f7f7;padding:8px;border-radius:5px}.add-box-subj .lesson-test .test-item .test-list .item span{display:flex;align-items:center;color:#3f4254;font-size:18px;font-weight:400;margin-left:8px}.add-box-subj .lesson-test .test-item .lesson-content{background:#f9f9f9;padding:10px 20px;border-radius:8px;margin-left:40px}.add-box-subj .lesson-test .test-item .lesson-content h1{font-size:16px;font-weight:400;color:#b5b5c3}.add-box-subj .lesson-test .test-item .lesson-content p{font-size:16px;font-weight:400;color:#67767c;margin-bottom:15px}.add-box-subj .lesson-test .test-item .lesson-content .test-box{display:grid;grid-template-columns:3fr 1fr;align-items:center}.add-box-subj .lesson-test .test-item .lesson-content .test-box .test-item:nth-child(2){display:flex;justify-content:end}.add-box-subj .lesson-test .test-item .lesson-content .test-box .test-item:nth-child(2) button{display:flex;align-items:center;outline:none;border:none;background:#e5f4f7;color:#0da9eb;border:1px dashed #9AD4DF;padding:5px 10px;border-radius:5px}.add-box-subj .lesson-test .test-item .lesson-content .test-box .test-item:nth-child(2) button .test{width:100%;max-width:20px;margin-right:3px}.layout-course .Add-lesson .course .quiz-btn button{cursor:pointer;background-color:#fff;color:#67767c;font-size:18px;font-weight:400;outline:none;border:1px solid #c8c8c8;border-radius:5px;padding:5px 10px}.layout-course .Add-lesson .course .quiz-btn button.active{background-color:#e5f4f7;border:1px solid #e5f4f7;color:#0da9eb}.layout-course .Add-lesson .course .obj .error-message{color:#d2000f;font-size:14px}.layout-course .Add-lesson .course .obj .error{border:1px solid #d2000f}.layout-course .Add-lesson .course .obj .test-con{border-radius:8px;border:1px solid #b8c1d7;padding:15px 25px}.layout-course .Add-lesson .course .obj .test-con .add-question-img{display:grid;grid-template-columns:auto 1fr auto;gap:15px;margin-top:15px;align-items:center;padding-left:20px}.layout-course .Add-lesson .course .obj .test-con .add-question-img p,.layout-course .Add-lesson .course .obj .test-con .add-question-img span{display:flex;align-items:center;margin-bottom:0}.layout-course .Add-lesson .course .obj .test-con .add-question-img img{width:100%;padding:10px}.layout-course .Add-lesson .course .obj .test-con .add-question-img img.upload{width:100%;max-width:30px;padding:0}.layout-course .Add-lesson .course .divider hr{flex:1;margin-left:10px;border-top:1px solid #efefef}.layout-course .Add-lesson .course .media-add .error-message{color:#d2000f;font-size:14px}.layout-course .Add-lesson .course .media-add .error{border:1px solid #d2000f}.layout-course .Add-lesson .course .media-add .list-file{background-color:#e5f4f7;border:1px dashed #0da9eb;border-radius:5px;padding:5px 15px}.layout-course .Add-lesson .course .obj .test-title .btn-title{display:flex;gap:10px;align-items:center}.layout-course .Add-lesson .course .obj .test-title .btn-title button.dele{cursor:pointer;background:#e54848;outline:none;color:#fff;padding:5px 10px;border-radius:5px;border:none}.layout-course .Add-lesson .course .obj .test-title .btn-title button.add{cursor:pointer;background:#e4f7ff;outline:none;color:#0da9eb;border:1px dashed #9ad4df;padding:5px 10px;border-radius:5px}.layout-course .Add-lesson .course .obj .test-title .btn-title button.view{display:flex;align-items:center;cursor:pointer;background:#0da9eb;outline:none;color:#fff;border:none;padding:5px 10px;border-radius:5px}.layout-course .Add-lesson .course .obj .test-title .btn-title button.view svg{margin-right:5px}.layout-course .Add-lesson .course .obj .g-btn .save-answer-g button:nth-child(2){cursor:pointer;background:#67767c;outline:none;color:#fafafa;border:none;padding:5px 20px;border-radius:5px}.layout-course h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:30px;font-weight:700;letter-spacing:0em;text-align:left;color:#30393f}.layout-course .see-detail{display:flex;align-items:center}.layout-course .see-detail button{margin-left:15px;padding:4px 8px;display:flex;align-items:center}.layout-course .ant-table-thead{border-radius:5px}.layout-course .ant-table-thead .ant-table-cell{background:#095280;color:#f8fcff;padding:15px 5px;text-align:center}.layout-course .ant-table-thead td.ant-table-cell{padding:12px 6px}.layout-course .ant-table-thead .ant-table-cell:last-child{border-end-end-radius:8px}.layout-course .ant-table-thead .ant-table-cell:first-child{border-end-start-radius:8px}.layout-course .ant-table-thead .ant-table-cell:before{background-color:#095280!important}.layout-course .odd-row{background:#f8fcff}.layout-course .ant-pagination .ant-pagination-item-link{border:1px solid #d9d9d9;background:#f5f5f5}.layout-course .ant-pagination .ant-pagination-item-link .anticon-left svg,.layout-course .ant-pagination .ant-pagination-item-link .anticon-right svg{fill:#757575}.layout-course .ant-pagination .ant-pagination-item{display:flex;align-items:center;justify-content:center}.layout-course .ant-pagination .ant-pagination-item a{color:#a6a9bc;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;line-height:23px}.layout-course .ant-pagination .ant-pagination-item-active{background:#0da9eb;border-color:#0da9eb}.layout-course .ant-pagination .ant-pagination-item-active a{color:#fff}.layout-course .show-item{display:flex;align-items:center}.layout-course .show-item button{display:flex;align-items:center;background:#e4f7ff;outline:none;border:none;color:#0da9eb;font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;padding:10px 15px}.layout-course .show-item button img{width:10px;height:auto;margin-left:5px}.layout-course .show-item p{font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;text-align:left;color:#646989;margin-left:15px}.layout-course .tabel-row .data-tabel .tittle{display:flex;align-items:center;margin-bottom:20px}.layout-course .tabel-row .data-tabel .tittle img{width:24px;height:auto;margin-right:5px}.layout-course .tabel-row .data-tabel .tittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb}.layout-course .tabel-row .data-tabel .btn-type{display:flex;gap:10px;margin-bottom:20px}.layout-course .tabel-row .data-tabel .btn-type button{background-color:transparent;border:1px solid #E8E8E8;color:#67767c;font-size:18px;font-weight:700;padding:8px 30px;outline:none;border-radius:5px;cursor:pointer}.layout-course .tabel-row .data-tabel .btn-type button.action{background-color:#f4fcff;color:#0da9eb;font-size:18px;font-weight:700;padding:8px 30px;outline:none;border:none;border-radius:5px;cursor:pointer}.layout-course .tabel-row .data-tabel .header-search{margin-bottom:20px;display:flex;justify-content:space-between}@media (max-width: 768px){.layout-course .tabel-row .data-tabel .header-search{display:grid;grid-template-columns:1fr;gap:10px}}.layout-course .tabel-row .data-tabel .header-search .select-staut{display:flex;gap:10px}@media (max-width: 768px){.layout-course .tabel-row .data-tabel .header-search .select-staut{display:grid;grid-template-columns:1f 1fr}}.layout-course .tabel-row .data-tabel .header-search .select-staut .ant-select-selector{border:1px solid #eef0f6;background:#eef0f6}.layout-course .tabel-row .data-tabel .header-search .select-staut .ant-select-single{height:40px}.layout-course .tabel-row .data-tabel .header-search .select-staut .ant-select{width:10rem}@media (max-width: 768px){.layout-course .tabel-row .data-tabel .header-search .select-staut .ant-select{width:100%}}.layout-course .tabel-row .data-tabel .header-search .select-staut button{background-color:#0da9eb;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-course .tabel-row .data-tabel .header-search .select-staut button.sort{display:flex;align-items:center;background-color:#effbff;color:#0da9eb;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-course .tabel-row .data-tabel .header-search .select-staut button.sort svg{margin-right:3px}.layout-course .tabel-row .data-tabel .header-search button{background-color:#b49145;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-course .tabel-row .data-tabel .header-search input::placeholder{color:#999aad;font-size:16px;font-weight:400;padding-left:10px}.layout-course .tabel-row .data-tabel .header-search input{background:#fff;font-family:DB AdmanRounded X;width:100%;outline:none;border-radius:6px}.layout-course .tabel-row .data-tabel .header-search .ant-input-affix-wrapper{padding:8px 15px;width:230px;outline:none;border:1px solid #eef0f6;border-radius:8px}@media (max-width: 768px){.layout-course .tabel-row .data-tabel .header-search .ant-input-affix-wrapper{width:100%}}.layout-course .tabel-row .data-tabel .header-search .ant-input-prefix svg{font-size:18px;color:#999aad}.layout-course .tabel-row .data-tabel .header-search .right-user{display:flex}.layout-course .tabel-row .data-tabel .header-search .right-user .profile-user{display:flex;align-items:center}.layout-course .tabel-row .data-tabel .header-search .right-user .profile-user .name{padding:0 15px;margin-left:15px;text-align:right;border-left:1px solid #fff}.layout-course .tabel-row .data-tabel .header-search .right-user .profile-user .name h2{font-family:DB AdmanRounded X;font-size:22px;font-weight:400;line-height:normal;color:#fff}.layout-course .tabel-row .data-tabel .header-search .right-user .profile-user .name p{font-family:DB AdmanRounded X;font-size:16px;font-weight:300;line-height:10px;color:#fff}.layout-course .tabel-row .data-tabel .header-search .right-user .profile-user img{width:41px;height:auto}.layout-course .tabel-row .data-tabel .header-search .right-user .profile-user img.drop{width:8px;height:auto}.swal-modal{padding:20px 0}.swal-footer{text-align:center}.sort-course-data img.img-sort{width:200px}.sort-course-data video.vdo-sort{width:200px;height:80px}.sort-course-data .btn-save{display:flex;justify-content:center;align-items:center}.sort-course-data .btn-save button{cursor:pointer;outline:none;border:none;margin-top:30px;padding:8px 15px;background-color:#b49145;color:#fafafa;font-weight:700;font-size:18px;border-radius:4px}.sort-course-data .back{display:flex;justify-content:end;align-items:center}.sort-course-data .back button{cursor:pointer;outline:none;border:none;margin-bottom:30px;padding:8px 20px;background-color:#b49145;color:#fafafa;font-weight:700;font-size:18px;border-radius:4px}.layout-course .Add-lesson h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-bottom:10px;margin-top:10px}.layout-course .Add-lesson .course .quiz-btn{margin-top:15px;display:flex;gap:10px}.layout-course .Add-lesson .course .quiz-btn button{cursor:pointer;background-color:#fff;color:#67767c;font-size:18px;font-weight:400;outline:none;border:1px solid #C8C8C8;border-radius:5px;padding:5px 10px}.layout-course .Add-lesson .course .quiz-btn button.active{background-color:#e5f4f7;border:1px solid #E5F4F7;color:#0da9eb}.layout-course .Add-lesson .course .title{display:flex;justify-content:space-between}.layout-course .Add-lesson .course .title h4{font-family:DB AdmanRounded X;font-size:24px;font-weight:700;color:#0da9eb}.layout-course .Add-lesson .course .title button{cursor:pointer;background-color:#b49145;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:8px 25px}.layout-course .Add-lesson .course p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-course .Add-lesson .course h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-course .Add-lesson .course .obj{display:grid;gap:10px}.layout-course .Add-lesson .course .obj input[type=text]{width:100%;max-width:50%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400}@media (max-width: 768px){.layout-course .Add-lesson .course .obj input[type=text]{max-width:100%}}.layout-course .Add-lesson .course .obj input[type=text]::placeholder{padding:0}.layout-course .Add-lesson .course .obj p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:8px}.layout-course .Add-lesson .course .obj p span{color:#d2000f}.layout-course .Add-lesson .course .obj textarea{resize:none;background-color:#eef0f6;border:none;outline:none;padding:8px 15px;width:100%;border-radius:6px}.layout-course .Add-lesson .course .obj .test-title{display:flex;justify-content:space-between;margin:10px 0}.layout-course .Add-lesson .course .obj .test-title h4{font-family:DB AdmanRounded X;font-size:24px;font-weight:700;color:#0da9eb}.layout-course .Add-lesson .course .obj .test-con{border-radius:8px;border:1px solid #B8C1D7;padding:15px 25px}.layout-course .Add-lesson .course .obj .test-con input[type=text]{width:100%;max-width:100%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400}.layout-course .Add-lesson .course .obj .test-con .add-question{display:grid;grid-template-columns:auto 1fr auto;gap:15px;margin-top:15px;align-items:center;padding-left:20px}.layout-course .Add-lesson .course .obj .test-con .add-question p,.layout-course .Add-lesson .course .obj .test-con .add-question span{display:flex;align-items:center;margin-bottom:0}.layout-course .Add-lesson .course .obj .test-con .add-question img{width:100%;max-width:24px;margin-right:5px}.layout-course .Add-lesson .course .obj .test-con button{margin-top:15px;margin-left:20px;display:flex;align-items:center;cursor:pointer;background:#f4fcff;outline:none;color:#0da9eb;border:none;padding:5px 10px;border-radius:5px}.layout-course .Add-lesson .course .obj .test-con .plus-blue{width:100%;max-width:20px;margin-right:5px}.layout-course .Add-lesson .course .obj .g-btn{display:flex;margin:10px 0 20px;justify-content:space-between}.layout-course .Add-lesson .course .obj .g-btn .btn-contro{display:flex;gap:10px}.layout-course .Add-lesson .course .obj .g-btn .btn-contro img{width:100%;max-width:24px}.layout-course .Add-lesson .course .obj .g-btn .btn-contro button.back{display:flex;align-items:center;gap:10px;cursor:pointer;background:#eee;outline:none;color:#67767c;border:none;padding:5px 20px;border-radius:5px}.layout-course .Add-lesson .course .obj .g-btn .btn-contro button.next{display:flex;align-items:center;gap:10px;cursor:pointer;background:#e5f4f7;outline:none;color:#0da9eb;border:none;padding:5px 20px;border-radius:5px}.layout-course .Add-lesson .course .obj .g-btn .save-answer-g{display:flex;gap:10px}.layout-course .Add-lesson .course .obj .g-btn .save-answer-g button:nth-child(1){cursor:pointer;background:#e54848;outline:none;color:#fafafa;border:none;padding:5px 20px;border-radius:5px}.layout-course .Add-lesson .course .obj .g-btn .save-answer-g button:nth-child(2){cursor:pointer;background:#0da9eb;outline:none;color:#fafafa;border:none;padding:5px 20px;border-radius:5px}.layout-course .Add-lesson .course .obj .save-answer{display:flex;justify-content:end;gap:10px}.layout-course .Add-lesson .course .obj .save-answer button:nth-child(1){cursor:pointer;background:#e54848;outline:none;color:#fafafa;border:none;padding:5px 20px;border-radius:5px}.layout-course .Add-lesson .course .obj .save-answer button:nth-child(2){cursor:pointer;background:#67767c;outline:none;color:#fafafa;border:none;padding:5px 20px;border-radius:5px}.layout-course .Add-lesson .course .obj .ant-progress-line{margin-top:15px}.layout-course .Add-lesson .course .obj .ant-progress-bg{height:6px}.layout-course .Add-lesson .course .divider{display:flex;align-items:center;margin:30px 0}.layout-course .Add-lesson .course .divider img{width:100%;max-width:24px}.layout-course .Add-lesson .course .divider hr{flex:1;margin-left:10px;border-top:1px solid #EFEFEF}.layout-course .Add-lesson .course .media-add{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.layout-course .Add-lesson .course .media-add input[type=text]{width:100%;background-color:#eef0f6;padding:8px 15px;font-size:16px;font-weight:400}@media (max-width: 768px){.layout-course .Add-lesson .course .media-add input[type=text]{max-width:100%}}.layout-course .Add-lesson .course .media-add input[type=text]::placeholder{padding:0}.layout-course .Add-lesson .course .media-add .list-file{background-color:#e5f4f7;border:1px dashed #0DA9EB;border-radius:5px;padding:5px 15px}.layout-course .Add-lesson .course .media-add .list-file .filename{display:flex;align-items:center;justify-content:space-between}.layout-course .Add-lesson .course .media-add .list-file .filename .name{display:flex;align-items:center}.layout-course .Add-lesson .course .media-add .list-file .filename .name img{max-width:15px;width:100%;margin-right:5px}.layout-course .Add-lesson .course .media-add .list-file .filename .name p{color:#3f4254;margin:0}.layout-course .Add-lesson .course .media-add .list-file .filename span{cursor:pointer;color:#67767c}.layout-course .Add-lesson .course .media-add button{cursor:pointer;background-color:#0da9eb;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:5px 15px}.layout-course .Add-lesson .course .media-add div.ant-upload{width:100%}.layout-course .Add-lesson .course .media-add p{font-size:16px;font-weight:400;color:#1f2855;margin-bottom:8px}.layout-course .Add-lesson .course .media-add p span{color:#d2000f}.layout-course .Add-lesson .btn-save{padding:50px 0 20px;display:flex;justify-content:center}.layout-course .Add-lesson .btn-save button{cursor:pointer;background-color:#b49145;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:8px 25px}.layout-course{font-family:DBAdmanRoundedX}.layout-course .preview h3{font-family:DB AdmanRounded X;font-size:30px;font-weight:700;color:#30393f;margin-bottom:10px;margin-top:30px}.layout-course .preview .course .title{display:flex;justify-content:space-between}.layout-course .preview .course .title h4{font-family:DB AdmanRounded X;font-size:24px;font-weight:700;color:#0da9eb}.layout-course .preview .course .title button{cursor:pointer;background-color:#b49145;color:#fff;font-size:18px;font-weight:400;outline:none;border:none;border-radius:5px;padding:8px 25px}.layout-course .preview .course p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#333}.layout-course .preview .course h1{font-family:DB AdmanRounded X;font-size:23px;font-weight:400;color:#333;margin:10px 0 15px}.layout-course .preview .course h2{font-family:DB AdmanRounded X;font-size:20px;font-weight:700;color:#30393f;margin-bottom:10px;margin-top:30px}.layout-course .preview .course .preview-test{max-width:650px;margin:0 auto;padding-bottom:40px}.layout-course .preview .ant-pagination{display:flex;justify-content:center;align-items:center}.layout-course .preview .ant-pagination a{color:#30393f;font-size:14px}.layout-course .preview .ant-pagination .ant-pagination-item{min-width:24px;height:24px}.layout-course .preview .ant-pagination .ant-pagination-item-active{background-color:#e5f2ff;border-color:#e5f2ff}.layout-course .preview .ant-pagination .ant-pagination-item-link{border:1px solid #d9d9d9;background:#fff}.layout-finance{font-family:DBAdmanRoundedX}.layout-finance h1{margin-top:8px;font-size:30px;font-weight:700;letter-spacing:0em;text-align:left;color:#30393f}.layout-finance .finance-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.layout-finance .finance-box .tittle .subtittle{display:flex;align-items:center}.layout-finance .finance-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.layout-finance .finance-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb}.layout-finance .finance-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.layout-finance .finance-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-top:10px;margin-bottom:10px}.layout-finance .finance-box h2{font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#67767c;margin-bottom:10px}.layout-finance .finance-box .finance{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:15px}.layout-finance .finance-box .finance .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-finance .finance-box .finance .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-finance .finance-box .finance .sub-detail img{width:100%;max-width:113px;margin-top:8px}.layout-finance .finance-box .total{background:#d4dbdf;padding:10px;border-radius:5px;display:flex;align-items:center;justify-content:end}.layout-finance .finance-box .total p{color:#67767c;font-size:18px;font-family:700;margin-right:20px}.layout-finance .finance-box .total h2{color:#30393f;font-size:18px;font-family:700;margin-bottom:0}.layout-finance .finance-box .total p:last-child{margin-left:20px;margin-right:0}.layout-finance .finance-box .status-header{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.layout-finance .finance-box .status-header button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.layout-finance .finance-box .status{margin-top:20px}.layout-finance .finance-box .status .sub-status{margin-bottom:20px}.layout-finance .finance-box .status .sub-status label{color:#1f2855;font-size:16px;font-weight:400}.layout-finance .finance-box .status .sub-status label span{color:#d2000f;font-size:16px;font-weight:400}.layout-finance .finance-box .status .sub-status input{background-color:#eef0f6;border-radius:5px;height:40px;padding-left:20px;margin-top:5px}.layout-finance .finance-box .status .sub-status input::placeholder{color:#c7d0e6;padding:0}.layout-finance .finance-box .ant-select-selector{border:1px solid #eef0f6;background:#eef0f6;margin-top:5px}.layout-finance .finance-box .ant-select-single{height:40px}.layout-finance .finance-box .ant-select{width:100%}.layout-finance .finance-box .ant-select-selection-item,.layout-finance .finance-box .ant-select-selection-placeholder{padding-left:10px}.layout-finance .finance-box .course{border-left:3px solid #bbbecd;padding:10px 15px;margin-bottom:30px}.layout-finance .finance-box .course .finance-percent{color:#ff9c00;background:#fef5e4;padding:3px 10px;font-size:16px;font-weight:400;width:fit-content;border-radius:5px;margin-bottom:10px}.layout-finance .finance-box .course .finance-period{margin-top:10px;color:#0da9eb;font-size:16px;font-weight:400}.layout-finance .finance-box .course .finance-course{display:grid;grid-template-columns:1fr 1fr 1fr 4fr;row-gap:15px}.layout-finance .finance-box .course .finance-course .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-finance .finance-box .course .finance-course .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-finance .finance-box .ant-table-content{border:1px solid #b8c1d7;border-radius:8px;margin-bottom:15px}.layout-finance .finance-box .ant-table-content .ant-table-thead{border-radius:none}.layout-finance .finance-box .ant-table-content .ant-table-thead .ant-table-cell{background:#f8fcff;color:#67767c;text-align:center}.layout-finance .finance-box .ant-table-content .ant-table-thead th.ant-table-cell{padding:15px 5px!important;border-bottom:none}.layout-finance .finance-box .ant-table-content .ant-table-thead th:last-child{border-end-end-radius:none}.layout-finance .finance-box .ant-table-content .ant-table-thead th:first-child{border-end-start-radius:none}.layout-finance .finance-box .ant-table-content .ant-table-thead .ant-table-cell:before{background-color:#f8fcff!important}.layout-progress{font-family:DBAdmanRoundedX}.layout-progress h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:30px;font-weight:700;letter-spacing:0em;text-align:left;color:#30393f}.layout-progress .see-detail{display:flex;align-items:center}.layout-progress .see-detail button{margin-left:15px;padding:4px 8px;display:flex;align-items:center}.layout-progress .ant-table-thead{border-radius:5px}.layout-progress .ant-table-thead .ant-table-cell{background:#095280;color:#f8fcff;padding:15px 5px;text-align:center}.layout-progress .ant-table-thead td.ant-table-cell{padding:12px 6px}.layout-progress .ant-table-thead .ant-table-cell:last-child{border-end-end-radius:8px}.layout-progress .ant-table-thead .ant-table-cell:first-child{border-end-start-radius:8px}.layout-progress .ant-table-thead .ant-table-cell:before{background-color:#095280!important}.layout-progress .odd-row{background:#f8fcff}.layout-progress .ant-pagination .ant-pagination-item-link{border:1px solid #d9d9d9;background:#f5f5f5}.layout-progress .ant-pagination .ant-pagination-item-link .anticon-left svg,.layout-progress .ant-pagination .ant-pagination-item-link .anticon-right svg{fill:#757575}.layout-progress .ant-pagination .ant-pagination-item{display:flex;align-items:center;justify-content:center}.layout-progress .ant-pagination .ant-pagination-item a{color:#a6a9bc;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;line-height:23px}.layout-progress .ant-pagination .ant-pagination-item-active{background:#0da9eb;border-color:#0da9eb}.layout-progress .ant-pagination .ant-pagination-item-active a{color:#fff}.layout-progress .show-item{display:flex;align-items:center}.layout-progress .show-item button{display:flex;align-items:center;background:#e4f7ff;outline:none;border:none;color:#0da9eb;font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;padding:10px 15px}.layout-progress .show-item button img{width:10px;height:auto;margin-left:5px}.layout-progress .show-item p{font-family:DB AdmanRounded X;font-size:14px;font-weight:700;line-height:18px;text-align:left;color:#646989;margin-left:15px}.layout-progress .tabel-row .tittle{display:flex;align-items:center;margin-bottom:20px}.layout-progress .tabel-row .tittle img{width:24px;height:auto;margin-right:5px}.layout-progress .tabel-row .tittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb}.layout-progress .tabel-row .header-search{margin-bottom:20px;display:flex;justify-content:space-between}@media (max-width: 768px){.layout-progress .tabel-row .header-search{display:grid;grid-template-columns:1fr;gap:10px}}.layout-progress .tabel-row .header-search .select-staut{display:flex;gap:10px}@media (max-width: 768px){.layout-progress .tabel-row .header-search .select-staut{display:grid;grid-template-columns:1f 1fr}}.layout-progress .tabel-row .header-search .select-staut .ant-select-selector{border:1px solid #eef0f6;background:#eef0f6}.layout-progress .tabel-row .header-search .select-staut .ant-select-single{height:40px}.layout-progress .tabel-row .header-search .select-staut .ant-select{width:10rem}@media (max-width: 768px){.layout-progress .tabel-row .header-search .select-staut .ant-select{width:100%}}.layout-progress .tabel-row .header-search .select-staut button{background-color:#0da9eb;color:#fff;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-progress .tabel-row .header-search .select-staut button.sort{display:flex;align-items:center;background-color:#effbff;color:#0da9eb;font-size:18px;font-weight:700;padding:5px 15px;outline:none;border:none;border-radius:8px;cursor:pointer}.layout-progress .tabel-row .header-search .select-staut button.sort svg{margin-right:3px}.layout-progress .tabel-row .header-search input::placeholder{color:#999aad;font-size:16px;font-weight:400;padding-left:10px}.layout-progress .tabel-row .header-search input{background:#fff;font-family:DB AdmanRounded X;width:100%;outline:none;border-radius:6px}.layout-progress .tabel-row .header-search .ant-input-affix-wrapper{padding:8px 15px;width:230px;outline:none;border:1px solid #EEF0F6;border-radius:8px}@media (max-width: 768px){.layout-progress .tabel-row .header-search .ant-input-affix-wrapper{width:100%}}.layout-progress .tabel-row .header-search .ant-input-prefix svg{font-size:18px;color:#999aad}.layout-progress .tabel-row .header-search .right-user{display:flex}.layout-progress .tabel-row .header-search .right-user .profile-user{display:flex;align-items:center}.layout-progress .tabel-row .header-search .right-user .profile-user .name{padding:0 15px;margin-left:15px;text-align:right;border-left:1px solid #fff}.layout-progress .tabel-row .header-search .right-user .profile-user .name h2{font-family:DB AdmanRounded X;font-size:22px;font-weight:400;line-height:normal;color:#fff}.layout-progress .tabel-row .header-search .right-user .profile-user .name p{font-family:DB AdmanRounded X;font-size:16px;font-weight:300;line-height:10px;color:#fff}.layout-progress .tabel-row .header-search .right-user .profile-user img{width:41px;height:auto}.layout-progress .tabel-row .header-search .right-user .profile-user img.drop{width:8px;height:auto}.layout-transaction{font-family:DBAdmanRoundedX}.layout-transaction h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:30px;font-weight:700;letter-spacing:0em;text-align:left;color:#30393f}.layout-transaction .detail-box .tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.layout-transaction .detail-box .tittle .subtittle{display:flex;align-items:center}.layout-transaction .detail-box .tittle .subtittle img{width:24px;height:auto;margin-right:5px}.layout-transaction .detail-box .tittle .subtittle h3{font-family:DB AdmanRounded X;font-size:19px;font-weight:400;line-height:25px;color:#0da9eb;width:max-content!important;margin-right:15px}.layout-transaction .detail-box .tittle .back button{cursor:pointer;background:#b49145;color:#fff;font-family:DB AdmanRounded X;font-size:18px;font-weight:700;outline:none;border:none;padding:8px 25px;border-radius:5px}.layout-transaction .detail-box .tittle .back a{color:#fff}.layout-transaction .detail-box .tittle hr{border-block-start:1px solid rgba(5,5,5,.06);width:100%}.layout-transaction .detail-box h3{font-family:DB AdmanRounded X;font-size:22px;font-weight:700;color:#095280;margin-bottom:10px;margin-top:10px}.layout-transaction .detail-box .box-student{margin-top:20px}.layout-transaction .detail-box .box-student .sub-detail .card{width:250px;height:250px}.layout-transaction .detail-box .box-student .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-transaction .detail-box .box-student .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-transaction .detail-box .box-student .student-detail{display:grid;grid-template-columns:repeat(4,1fr);row-gap:15px;column-gap:10px}.layout-transaction .detail-box .box-student .img-profile{display:grid;justify-content:end}.layout-transaction .detail-box .box-student .img-profile img{width:100%;max-width:122px;height:150px;object-fit:cover;border-radius:10px}.layout-transaction .detail-box .box-student .img-profile .avatar{display:flex;align-items:center;justify-content:center;width:122px;height:150px;background-color:#a9a9a912;border-radius:10px}.layout-transaction .detail-box .box-student .img-profile .avatar img{width:100%;max-width:87px;height:auto;object-fit:cover;border-radius:10px}.layout-transaction .detail-box .student-learning{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:15px}.layout-transaction .detail-box .student-learning .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-transaction .detail-box .student-learning .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-transaction .detail-box .box-coures{margin-left:27px;margin-top:20px}.layout-transaction .detail-box .box-coures .register{display:flex;align-items:center;gap:10px}.layout-transaction .detail-box .box-coures .register p{color:#30393f;font-size:18px;font-weight:400;margin-right:10px}.layout-transaction .detail-box .box-coures .register button{border-radius:6px;border:1px solid #EBEBEB;padding:8px 30px;background-color:#fff;color:#67767c;cursor:pointer}.layout-transaction .detail-box .box-coures .sub-detail .card{width:250px;height:250px}.layout-transaction .detail-box .box-coures .sub-detail p{font-family:DB AdmanRounded X;font-size:16px;font-weight:400;color:#a5a5a5}.layout-transaction .detail-box .box-coures .sub-detail h1{margin-top:8px;font-family:DB AdmanRounded X;font-size:18px;font-weight:400;color:#30393f}.layout-transaction .detail-box .box-coures .student-detail{display:grid;grid-template-columns:repeat(4,1fr);row-gap:15px;column-gap:10px}.layout-transaction .detail-box .box-coures .student-coures{display:grid;grid-template-columns:repeat(2,1fr);row-gap:15px;column-gap:10px}.layout-transaction .detail-box .box-coures .student-coures h1{font-size:20px;font-weight:700;color:#30393f}.layout-transaction .detail-box .box-coures .img-profile{display:grid;justify-content:end}.layout-transaction .detail-box .box-coures .img-profile img{width:100%;max-width:122px;height:150px;object-fit:cover;border-radius:10px}.layout-transaction .detail-box .box-coures .img-profile .avatar{display:flex;align-items:center;justify-content:center;width:122px;height:150px;background-color:#a9a9a912;border-radius:10px}.layout-transaction .detail-box .box-coures .img-profile .avatar img{width:100%;max-width:87px;height:auto;object-fit:cover;border-radius:10px}.layout-transaction .detail-box .ant-table-content{border:1px solid #b8c1d7;border-radius:8px;margin-bottom:15px}.layout-transaction .detail-box .ant-table-content .ant-table-thead{border-radius:none}.layout-transaction .detail-box .ant-table-content .ant-table-thead .ant-table-cell{background:#f8fcff;color:#67767c;padding:15px 5px;text-align:center}.layout-transaction .detail-box .ant-table-content .ant-table-thead th.ant-table-cell{padding:15px 5px!important;border-bottom:none}.layout-transaction .detail-box .ant-table-content .ant-table-thead th:last-child{border-end-end-radius:none}.layout-transaction .detail-box .ant-table-content .ant-table-thead th:first-child{border-end-start-radius:none}.layout-transaction .detail-box .ant-table-content .ant-table-thead .ant-table-cell:before{background-color:#f8fcff!important}