@charset "UTF-8";:root{--main_background:#c3dcff;--bg_lock:#ffc;--bg_copyRight:#666;--bg_footer:#777;--color_footer:#fff;}html{position:relative;min-height:100%;font-family:"Times New Roman",Times,serif;}p{margin-bottom:0;}table thead th{background:rgba(233,233,233,.4509803922)!important;}.nameWebsite{text-transform:uppercase;font-weight:bold;display:flex;flex-direction:column;font-size:17px;text-align:center;}body{font-size:14px;color:#333;padding:0;}body .wspn{white-space:nowrap;}body:has(#Login) header,body:has(#Login) footer{display:none;}body:has(#Login) main{padding:0;}body:not(:has(#Login)){display:flex;flex-direction:column;min-height:100vh;}body:not(:has(#Login)) main{flex:1;padding-bottom:50px;}body .show_hide_password{border:1px solid #ced4da;display:flex;border-radius:.25rem;}body .show_hide_password>input{border:0;}body .show_hide_password .input-group-addon{background:#f2f2f2;width:40px;display:flex;align-items:center;justify-content:center;}body .show_hide_password .input-group-addon>a{color:#333;}body .form-label{margin-bottom:0;}body .menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:15px;cursor:pointer;}body .menu-icon span{display:block;height:2px;width:100%;background-color:#333;border-radius:2px;transition:.3s ease-in-out;}body main{padding:15px;}body .btn{font-size:14px;padding:3px 10px;}body .badge{font-size:13px;font-weight:normal;}body dropdown-item{font-size:13px;}body #Registering .title,body #Registered .title{border-bottom:1px solid #ccc;margin-bottom:10px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2;}body #Registering .title span,body #Registered .title span{font-weight:700;text-transform:uppercase;display:inline-block;padding:7px 30px 7px 15px;background:var(--main_background);border-radius:5px 5px 0 0;margin-bottom:-1px;}body .tab-pane:not(.active){position:fixed;left:-100%;}body table .rowSearch{display:none;}body #listTab{position:fixed;bottom:0;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 15px;width:100%;box-shadow:0 0 10px rgba(0,0,0,.1) inset;border-top:1px solid #ccc;left:0;z-index:20;}body #listTab .info{font-weight:bold;}body #listRegister thead{position:sticky;top:0;left:0;background:#fff;}body #listRegister thead th{text-align:center;vertical-align:middle;}body #listRegister tbody td{vertical-align:middle;}body #Registered{margin-bottom:30px;}body #Registered .title #TimeRemain{background:none;padding:0;font-style:italic;text-transform:none;font-weight:500;font-size:18px;}body #Registered .title #TimeRemain .time{display:inline-block;margin-left:3px;color:#f00;}body #Registering{display:flex;gap:15px;}body #Registering:has(#listDetail.active){}body #Registering:has(#listDetail.done){overflow:visible;}body #Registering table:has(tr.active) thead{position:static;}body #Registering table:has(tr.active) tbody tr.rowSearch{display:none;}body #Registering table:has(tr.active) tbody tr.active{font-weight:700;position:sticky;top:0;}body #Registering table:has(tr.active) tbody tr.active td{background:var(--main_background);}body #Registering table:has(tr.active) tbody tr:not(.active) *{pointer-events:none;color:transparent;text-shadow:0 0 3px #a09f9d;background:transparent;border-color:transparent;}body #Registering>*{padding-right:0;}body #Registering #listSubject{width:55%;position:relative;z-index:2;background:#fff;transition:.3s all linear;}body #Registering #listDetail{transition:.3s all linear;position:relative;overflow:visible;margin-left:0;right:0;width:50%;}body #Registering #listDetail table tr.notAllowChoose td{background:var(--bg_lock);}body #Login{background:#e7e5ee;width:100vw;height:100vh;}body #Login #formLogin{background:#fff;width:900px;max-width:90%;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);padding:35px 25px;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;justify-content:space-between;align-items:center;max-height:95vh;overflow:auto;border-radius:20px;}body #Login #formLogin .left{flex:1;display:flex;align-items:center;justify-content:center;}body #Login #formLogin .right{width:360px;margin-left:15px;border-left:1px solid #f2f2f2;padding-left:15px;max-width:100%;}body #Login #formLogin .right .title{font-weight:bold;text-transform:uppercase;font-size:17px;text-align:center;margin-bottom:15px;}body #Login #formLogin .right .main .rowForm{margin:10px 0;}body #Login #formLogin .right .main .rowForm p{margin-bottom:5px;font-weight:bold;}body #Login #formLogin .right .main .rowForm:has(.btn){display:flex;justify-content:center;gap:8px;flex-direction:column;align-items:center;}body #Login #formLogin .right .main .rowForm .btn{width:100%;font-weight:bold;}body #Login #formLogin .right .main .rowForm .capcha{display:flex;align-items:center;gap:10px;}body header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;box-shadow:0 0 10px rgba(0,0,0,.2);}body header .logo{display:flex;align-items:center;gap:15px;text-decoration:none;}body header .logo img{max-height:60px;}body header .logo>span{font-weight:700;text-transform:uppercase;font-size:17px;color:#333;display:inline-flex;flex-direction:column;}body header .right{display:flex;align-items:center;}body header .info{display:flex;align-items:center;gap:10px;padding-left:10px;border-left:1px solid #ddd;}body header .info .imageUser{border:1px solid #ddd;align-items:center;width:40px;height:40px;overflow:hidden;border-radius:50%;}body header .info .imageUser img{width:100%;height:100%;object-fit:cover;}body header .info .dropdown{position:relative;margin-left:-10px;}body header .info .dropdown:hover .dropdown-menu{display:block;left:inherit;right:0;}body header .info .dropdown .dropdown-item{font-size:14px;}body footer .info{background:var(--bg_footer);border-top:1px solid #ccc;color:var(--color_footer);padding:20px 15px;display:flex;justify-content:space-between;}body footer .info .left{display:flex;gap:20px;flex:1;}body footer .info .left .logo img{max-height:100px;background:#fff;padding:5px;border-radius:5px;}body footer .info .left ul{padding:0;margin:0;list-style:none;}body footer .info .left ul li{margin:4px 0;display:flex;align-items:baseline;gap:5px;}body footer .info .left ul li i{display:inline-flex;width:20px;}body footer .copyRight{background:var(--bg_copyRight);display:flex;align-items:center;justify-content:center;padding:6px 0;color:#eee;font-style:italic;font-size:13px;}body #menu ul{width:100%;display:flex;padding:0;margin:0;list-style:none;}body #menu ul li a{padding:5px 8px;margin:0 2px;font-size:14px;color:#333;text-decoration:none;text-align:center;display:block;font-weight:bold;transition:.3s all ease-in-out;}body #menu ul li a:hover,body #menu ul li a.active{background:var(--main_background);border-radius:5px;}body #btnMenuResponsive,body #overlay{display:none;}body #warningNofi{display:flex;}body #warningNofi .fa{font-size:16px;}body #warningNofi:not(:has(ul)){display:none;}body #warningNofi .content{flex:1;}body #warningNofi .content ul{margin-bottom:0;}body .badge{font-size:12px;}body .badge-primary{color:#fff;background-color:#007bff;}body .badge-success{color:#fff;background-color:#28a745;}body .badge-info{color:#fff;background-color:#17a2b8;}body .badge-outlined{background-color:transparent;border:1px solid transparent;}body .badge-outlined.badge-default{border-color:#b0bec5;color:#b0bec5;}body .badge-outlined.badge-primary{border-color:#2196f3;color:#2196f3;}body .badge-outlined.badge-secondary{border-color:#323a45;color:#323a45;}body .badge-outlined.badge-success{border-color:#64dd17;color:#64dd17;}body .badge-outlined.badge-warning{border-color:#ffd600;color:#ffd600;}body .badge-outlined.badge-info{border-color:#29b6f6;color:#29b6f6;}body .badge-outlined.badge-danger{border-color:#ef1c1c;color:#ef1c1c;}@keyframes fadeBackground{from{background:#fff;}to{background:#f00;color:#fff;}}@media(max-width:1024px){body #Registering{flex-direction:column;}body #Registering #listSubject{width:100%;}body #Registering #listDetail{width:100%;}body #Registering #listDetail p:last-child{margin-top:10px!important;text-align:left!important;}body [class*=table-responsive]{position:relative;}body [class*=table-responsive]:after{content:"<< Kéo sang 2 bên để xem đầy đủ nội dung >>";display:block;position:sticky;left:0;bottom:0;width:100%;text-align:center;}body [class*=table-responsive] table tr:has(.btn) td:last-child{position:sticky;right:0;background:#fff;}body [class*=table-responsive] table th,body [class*=table-responsive] table td{min-width:70px;}body header{padding-right:0;}body header .right{position:fixed;top:0;left:-100%;background:#fff;width:80vw;height:100vh;display:block;z-index:10;display:flex;flex-direction:column;transition:.3s all ease-in-out;}body header .right.active{left:0;}body header .right #menu{width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}body header .right #menu ul{flex-direction:column;margin-top:10px;}body header .right #menu ul li a{text-align:left;}body header .right .info{flex-wrap:wrap;width:100%;gap:0;}body header .right .info .imageUser+div{width:calc(100% - 50px);margin-left:10px;}body header .right .info .dropdown{width:100%;}body header .right .info .dropdown #dropDownUser{display:none;}body header .right .info .dropdown .dropdown-menu{display:block;width:100%;box-shadow:none;border:0;}body header .right .info .dropdown .dropdown-menu .dropdown-item{padding:5px 15px;}body #btnMenuResponsive{display:flex;align-items:center;justify-content:center;border:0;background:none;font-size:23px;width:50px;height:50px;}body #btnMenuResponsive.active{position:relative;z-index:10;color:#fff;}body #btnMenuResponsive.active>i:before{content:"";}body #overlay{position:fixed;z-index:9;width:100vw;height:100vh;top:0;background:rgba(0,0,0,.9);}}@media(max-width:479px){body #Registered .title,body #Registering .title{flex-direction:column-reverse;}body #Registered .title span,body #Registering .title span{width:100%;}body #Registered .title #TimeRemain,body #Registering .title #TimeRemain{margin-bottom:10px;text-align:center;}body #Login #formLogin{flex-direction:column;gap:10px;padding:15px 10px;}body #Login #formLogin .right{margin-left:0;padding:0;border:0;}body #Registering{gap:25px;}body footer .info .left{flex-direction:column;gap:10px;}body footer .info .left .logo{display:flex;align-items:center;justify-content:center;}body header .logo{gap:5px;flex:1;flex-direction:column;}body header .logo img{max-height:50px;}body header .logo>span{text-align:center;font-size:13px;}}