*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat}#PageNotFound .hero{padding:50px;text-align:center}#SignIn{height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/logo-C6vJ9bPi.png);background-repeat:no-repeat;background-position:center;background-size:contain}#SignIn>div h1{margin-bottom:20px}#SignIn{height:100vh;display:flex;justify-content:center;align-items:center}#SignIn>div{text-align:center}#LogIn{height:100vh;display:flex;justify-content:center;align-items:center}#LogIn .center-div{width:100%;padding:30px}#LogIn .center-div h2{margin-bottom:20px}#LogIn .form{text-align:center;max-width:400px;background-color:#fff;box-shadow:1px 1px 10px #c8c8c8;border-radius:10px;margin:auto;padding:30px}#LogIn .form form{display:flex;flex-direction:column;gap:10px}#LogIn .form form input{padding:10px;border-radius:5px;border:1px solid grey}#LogIn .form form input:focus{outline:none}#LogIn .form .google{display:flex;flex-direction:column;gap:10px;max-width:fit-content;margin:auto}#LogIn .form .google>div{margin:auto}#LogIn .form .lgnbtn{text-align:right;cursor:pointer;color:#282e71;font-weight:600}#LogIn .form .lgnbtn:hover{color:gray}#HeaderUser{position:sticky;top:0;z-index:1000;background-color:#282e71;color:#fff}#HeaderUser .navbar{padding:10px;display:flex;justify-content:space-between;align-items:center}#HeaderUser .navbar span{cursor:pointer;font-weight:600;background-color:#fff;color:#000;padding:5px 10px;border-radius:5px}#HeaderUser .navbar span:hover{color:#282e71}#HeaderUser .sidebar{background-color:#282e71;border:1px solid #000000;border-radius:5px;padding:10px;right:0;margin:5px;position:fixed;display:flex;flex-direction:column;max-height:calc(100vh - 80px);overflow-y:scroll;scrollbar-width:none;width:fit-content}#HeaderUser .sidebar .profile{display:flex;flex-direction:column;text-align:center;gap:5px}#HeaderUser .sidebar .profile i{font-size:40px}#HeaderUser .sidebar a{color:#fff;font-size:20px;padding:10px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}#HeaderUser .sidebar a:hover{color:#87ceeb}#HeaderUser .sidebar button{cursor:pointer;margin:10px;padding:10px;border-radius:5px}#UserHome{padding:20px}#UserHome h1{text-align:center;margin:30px 0;color:#282e71}#UserHome .box{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:auto}#UserHome .box .item{padding:30px;display:flex;flex-direction:column;gap:5px;box-shadow:1px 1px 10px gray;border-radius:10px;background-color:#fff}#UserHome .box .item:first-child{text-align:center;grid-column:1 / -1}#UserHome .box .item:nth-child(4){grid-column:1 / -1}@media(max-width:700px){#UserHome .box{grid-template-columns:1fr}}#UserEnrolled{padding:20px}#UserEnrolled .CourseDetail{max-width:800px;margin:auto}#UserEnrolled .CourseDetail h2{color:#282e71}#UserEnrolled .CourseDetail .course{margin-top:20px;display:flex;flex-direction:column;gap:20px}#UserEnrolled .CourseDetail .course .list{box-shadow:1px 1px 10px gray;background-color:#fff;padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:10px}#UserEnrolled .CourseDetail .course .list button{width:max-content;margin-left:auto}#UserLearning h3{text-align:center;padding-top:20px}#UserLearning .learningtop{display:flex;justify-content:space-between;padding:10px}#UserLearning .learningtop span{cursor:pointer;padding:2px 10px;box-shadow:1px 1px 10px gray;border-radius:5px}#UserLearning .sessionlist{background-color:#282e71;border:1px solid #000000;color:#fff;border-radius:5px;padding:10px;margin:5px;position:fixed;height:calc(100vh - 180px);overflow-y:scroll;scrollbar-width:none;width:200px}#UserLearning .sessionlist ul{display:flex;flex-direction:column;gap:5px}#UserLearning .sessionlist ul li{padding:5px;border-bottom:1px solid grey}#UserLearning .sessionlist ul li:hover{color:#87ceeb;cursor:pointer}#UserLearning .player{height:calc(100vh - 150px)}#UserLearning .player .logo{height:60px;width:60px;background-color:#fff;position:fixed;right:5px;margin-top:5px;border-radius:50%;display:flex;justify-content:center;align-items:center}#UserLearning .player .logo img{height:60%;width:60%}#UserLearning .player iframe{width:100%;height:100%;border:none}#UserCertificate{padding:20px}#UserCertificate .details{max-width:800px;margin:auto}#UserCertificate .details h2{color:#282e71}#UserProfile{padding:20px}#UserProfile .profile{max-width:800px;margin:auto}#UserProfile .profile h2{color:#282e71}#UserProfile .profile .data{box-shadow:1px 1px 10px gray;border-radius:10px;margin-top:20px;padding:30px;background-color:#fff}#UserProfile .profile .data h4{border:1px solid grey;padding:10px;border-radius:10px;margin-bottom:20px}#UserProfile .profile .review{width:100px;text-align:justify;padding:10px;border:1px solid grey;border-radius:10px;position:fixed;bottom:20px;right:20px}#UserProfile .profile .review a{text-decoration:none;color:#282e71;font-weight:600}#HeaderAdmin{position:sticky;top:0;z-index:1000}#HeaderAdmin .navbar{padding:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid grey}#HeaderAdmin .navbar h2{color:#282e71}#HeaderAdmin .navbar span{cursor:pointer;font-weight:600;padding:5px 10px;border-radius:5px;border:1px solid grey}#HeaderAdmin .navbar span:hover{background-color:#282e71;color:#fff}#HeaderAdmin .sidebar{background:#fff;box-shadow:1px 1px 10px gray;border-radius:5px;padding:10px;right:0;margin:5px;position:fixed;display:flex;flex-direction:column;max-height:calc(100vh - 80px);overflow-y:scroll;scrollbar-width:none;width:fit-content}#HeaderAdmin .sidebar a{color:#000;padding:10px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2)}#HeaderAdmin .sidebar a:hover{color:#282e71}#HeaderAdmin .sidebar button{cursor:pointer;margin:10px;padding:10px;border-radius:5px;background-color:#000;color:#fff;border:none}#AdminDashboard{padding:10px}#AdminDashboard .details{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#AdminDashboard .details .item{border-radius:5px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:5px;color:#fff}#AdminDashboard .details .item i{font-size:25px}#AddSales .form{position:fixed;background-color:#000000b3;height:100%;width:100%;padding:10px 20px;box-sizing:border-box}#AddSales .form form{padding:20px;border-radius:10px;margin:auto;background-color:#fff;max-width:500px;display:flex;flex-direction:column;gap:5px}#AddSales .form form h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#AddSales .form form h3 span{color:red;cursor:pointer}#AddSales .form form input{padding:10px;border-radius:5px;border:1px solid #cccccc}#AddSales .form form .submitbtn{cursor:pointer}#AddSales .form form input:focus{outline:none}#AddSales .adduser{display:flex;justify-content:space-between;padding:5px 10px}#AddSales .adduser button{padding:5px 20px;cursor:pointer}#AddSales .card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 10px}#AddSales .card .item{padding:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}#AddSales .table{overflow:scroll;scrollbar-width:none;margin:5px 10px}#AddSales table{width:100%;text-align:center;border-collapse:collapse}#AddSales table tbody tr:hover{background-color:#80808080}#AddSales table tbody span{display:flex;gap:10px;justify-content:space-between}#AddSales table tbody span i{padding:2px;cursor:pointer}#AddSales table,#AddSales td,#AddSales th{border:1px solid grey;padding:2px 5px;white-space:nowrap}#AddSales th{background-color:#000;color:#fff}#AdminOnboard .form{position:fixed;background-color:#000000b3;height:100%;width:100%;padding:10px 20px;box-sizing:border-box}#AdminOnboard .form form{padding:20px;border-radius:10px;margin:auto;background-color:#fff;max-width:600px;display:flex;flex-direction:column;gap:5px}#AdminOnboard .form form h3{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#AdminOnboard .form form h3 span{color:red;cursor:pointer}#AdminOnboard .form form .textdiv{display:grid;grid-template-columns:1fr 1fr;gap:5px}#AdminOnboard .form form .textdiv>div{display:flex;flex-direction:column}#AdminOnboard .form form input,#AdminOnboard .form form select{padding:10px;border-radius:5px;border:1px solid #cccccc}#AdminOnboard .form form .submitbtn{cursor:pointer}#AdminOnboard .form form input:focus{outline:none}#AdminOnboard .adduser{display:flex;justify-content:space-between;padding:5px 10px}#AdminOnboard .adduser button{padding:5px 20px;cursor:pointer}#AdminOnboard .card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 10px}#AdminOnboard .card .item{padding:10px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}#AdminOnboard .table{overflow:scroll;scrollbar-width:none;margin:5px 10px}#AdminOnboard table{width:100%;text-align:center;border-collapse:collapse}#AdminOnboard table tbody tr:hover{background-color:#80808080}#AdminOnboard table tbody span{display:flex;gap:10px;justify-content:space-between}#AdminOnboard table tbody span i{padding:2px;cursor:pointer}#AdminOnboard table,#AdminOnboard td,#AdminOnboard th{border:1px solid grey;padding:2px 5px}#AdminOnboard th{background-color:#000;color:#fff}#AddUser .form{position:fixed;background-color:#00000080;height:100%;width:100%;padding:10px 30px;box-sizing:border-box}#AddUser .form form{padding:10px;border-radius:10px;margin:auto;background-color:#fff;max-width:500px;display:flex;flex-direction:column;gap:5px}#AddUser .form form h2{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}#AddUser .form form h2 span{color:red;cursor:pointer}#AddUser .form form input{padding:10px;border-radius:10px;border:1px solid #cccccc}#AddUser .form form input:focus{outline:none}#AddUser .userdetail{padding:10px}#AddUser .userdetail .adduser{display:flex;justify-content:space-between}#AddUser .userdetail .adduser h2 span{font-size:14px;font-weight:100}#AddUser .userdetail .adduser button{padding:0 20px;cursor:pointer}#AddUser .userdetail .table{margin-top:10px;overflow:scroll;scrollbar-width:none}#AddUser .userdetail table{width:100%;text-align:center;border-collapse:collapse}#AddUser .userdetail table tbody tr:hover{background-color:#80808080}#AddUser .userdetail table tbody span{display:flex;gap:15px;justify-content:center}#AddUser .userdetail table tbody span i{padding:5px;cursor:pointer}#AddUser .userdetail table,#AddUser .userdetail td,#AddUser .userdetail th{border:1px solid grey;padding:2px}#AddUser .userdetail th{background-color:#8a2be2}#ActiveUser .selecteduserfulldiv{position:fixed;background-color:#00000080;height:100%;width:100%;padding:10px 30px;box-sizing:border-box}#ActiveUser .selecteduserfulldiv .detialdiv{padding:10px;border-radius:10px;margin:auto;background-color:#fff;border:1px solid rgb(0,0,0);max-width:500px}#ActiveUser .selecteduserfulldiv .detialdiv .close{cursor:pointer;float:right;color:red;font-weight:600}#ActiveUser .selecteduserfulldiv .detialdiv .assigncourse{display:flex;justify-content:space-between}#ActiveUser .selecteduserfulldiv .detialdiv .assigncourse button,#ActiveUser .selecteduserfulldiv .detialdiv .assigncourse select{padding:5px 10px;border-radius:5px;margin-left:5px}#ActiveUser .selecteduserfulldiv .detialdiv .tablediv{margin-top:5px;max-height:calc(100vh - 200px);overflow:scroll;scrollbar-width:none}#ActiveUser .selecteduserfulldiv .detialdiv table{width:100%;text-align:center;border-collapse:collapse}#ActiveUser .selecteduserfulldiv .detialdiv table tbody tr:hover{background-color:#80808080}#ActiveUser .selecteduserfulldiv .detialdiv table,#ActiveUser .selecteduserfulldiv .detialdiv td,#ActiveUser .selecteduserfulldiv .detialdiv th{border:1px solid rgb(0,0,0);padding:3px}#ActiveUser .selecteduserfulldiv .detialdiv th{background-color:gray;color:#fff}#ActiveUser .userdetail{padding:10px}#ActiveUser .userdetail>div{display:flex;justify-content:space-between}#ActiveUser .userdetail .table{margin-top:10px;overflow:scroll;scrollbar-width:none}#ActiveUser .userdetail table{width:100%;text-align:center;border-collapse:collapse}#ActiveUser .userdetail table tbody tr:hover{background-color:#80808080}#ActiveUser .userdetail table span{display:flex;gap:15px;justify-content:center}#ActiveUser .userdetail table span i{cursor:pointer}#ActiveUser .userdetail table,#ActiveUser .userdetail td,#ActiveUser .userdetail th{border:1px solid black;padding:3px}#ActiveUser .userdetail th{background-color:gray}#HeaderSales{position:sticky;top:0;z-index:1000}#HeaderSales .navbar{padding:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid grey;background-color:#fff}#HeaderSales .navbar h2{color:#282e71}#HeaderSales .navbar span{cursor:pointer;font-weight:600;padding:5px 10px;border-radius:5px;border:1px solid grey}#HeaderSales .navbar span:hover{background-color:#282e71;color:#fff}#HeaderSales .sidebar{background:#fff;box-shadow:1px 1px 10px gray;border-radius:5px;padding:10px;right:0;margin:5px;position:fixed;display:flex;flex-direction:column;max-height:calc(100vh - 80px);overflow-y:scroll;scrollbar-width:none;width:fit-content}#HeaderSales .sidebar .user{text-align:center}#HeaderSales .sidebar .user i{font-size:30px;padding:10px;color:#282e71}#HeaderSales .sidebar a{color:#000;padding:10px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2);font-weight:600}#HeaderSales .sidebar a:hover{color:#282e71}#HeaderSales .sidebar button{cursor:pointer;margin:10px;padding:10px;border-radius:5px;background-color:#000;color:#fff;border:none}#SalesHome{padding:10px}#SalesHome .details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#SalesHome .details .item{border-radius:5px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:5px;box-shadow:1px 1px 5px gray}#SalesHome .details .item i{font-size:30px}#SalesHome .details .item span{color:#282e71;font-weight:600}#SalesHome .onboardtable{overflow:scroll;scrollbar-width:none;margin-top:10px}#SalesHome .onboardtable table{width:100%;text-align:center;border-collapse:collapse}#SalesHome .onboardtable table tbody tr:hover{background-color:#80808080}#SalesHome .onboardtable table tbody span{display:flex;gap:10px;justify-content:space-between}#SalesHome .onboardtable table tbody span i{padding:2px;cursor:pointer}#SalesHome .onboardtable table,#SalesHome .onboardtable td,#SalesHome .onboardtable th{border:1px solid grey;padding:2px 5px}#SalesHome .onboardtable th{background-color:#000;color:#fff}