@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);:root{--clr-primary:#29221d;--clr-primar-light:#473b33;--clr-secondary:#1e1611;--clr-white:#fff;--clr-black:#000;--clr-pumpkin:#fe6c00;--clr-silver:#a8a5a6;--clr-silver-v1:#bdbabb;--clr-scarlet:#fe1e00;--clr-scarlet-v1:#fe1e00c9;--clr-green:#00fe93;--clr-yellow:#fec80a;--clr-jet:#302924;--clr-peach:#ffc397;--font-family-bai:"Bai Jamjuree",sans-serif;--transition-default:all 300ms ease-in-out}footer{color:#fff;margin:32px auto 20px;text-align:center}.Login_alert__g80f\+{color:#fff;font-size:15px;margin-top:-5px;text-align:left}form h1,h2{font-size:25px;font-weight:500;line-height:25px;margin-top:-10px;text-align:center}.Login_background__N5GHG{height:520px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:430px}.Login_background__N5GHG .Login_shape__FCj-7{border-radius:50%;height:200px;position:absolute;width:200px}.Login_shape__FCj-7:first-child{background:linear-gradient(#1845ad,#23a2f6);left:-130px;top:0}.Login_shape__FCj-7:last-child{background:linear-gradient(90deg,#ff512f,#f09819);bottom:-50px;right:-80px}form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff21;border:2px solid #ffffff1a;border-radius:10px;box-shadow:0 0 40px #08071099;height:450px;left:50%;padding:50px 35px;position:absolute;top:45%;transform:translate(-50%,-50%);width:370px}.Login_form_group__C2U5M{margin-bottom:20px}label{margin-top:30px}.Login_shape__FCj-7:first-child{animation:Login_floatLeft__dD8Yf 4s ease-in-out infinite}.Login_shape__FCj-7:last-child{animation:Login_floatRight__TB954 4s ease-in-out infinite}@keyframes Login_floatLeft__dD8Yf{0%{transform:translateX(0)}50%{transform:translateX(-20px)}to{transform:translateX(0)}}@keyframes Login_floatRight__TB954{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}@media only screen and (max-width:600px){.Login_background__N5GHG{height:auto;transform:translate(-50%,-50%);width:50%}.Login_shape__FCj-7{height:150px;width:150px}h1{font-size:24px;margin-bottom:20px}form{margin:0 auto;padding:20px;width:70%}.Login_form_group__C2U5M{margin-bottom:20px}input{height:45px}button,input{font-size:16px}button{padding:12px 0}p{font-size:14px}}.btn{border:#f1f1f1}.modal{align-items:center;background:rgba(0,0,0,.767);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.model-content{background:#fff;border-radius:5px;padding:20px;position:relative;width:400px}.close{color:#fff;cursor:pointer;font-size:20px;position:absolute;right:20px;text-align:center;top:70px;width:20px}.title{align-items:center;border-bottom:2px solid #999;display:flex;justify-content:space-around;padding:15px 10px}td,th{text-align:left}.side-menu{transition:width .3s ease}.side-menu.closed{overflow:hidden;width:0}.side-menu ul{list-style:none;margin:0;padding:0}.side-menu li{cursor:pointer}.side-menu li:hover{border:1px solid var(--clr-primary-light)}.container{position:relative;transition:width .3s ease}.container .header{justify-content:flex-end;transition:width .3s ease}.container .header .reducer{align-items:center;display:flex;height:10vh;justify-content:left;left:20%;position:fixed;right:0;top:0;transition:width .3s ease;width:50px}.container.expanded,.side-menu.closed+.container{width:100vw}.container .header .toggle-sidebar{background:none;border:none;color:var(--clr-primary);cursor:pointer;font-size:24px;left:20px;position:absolute}.toggle-btn{align-items:left;background-color:#f05462;border:none;cursor:pointer;display:flex;padding:5px;transition:transform .3s ease}.toggle-btn:hover{transform:scale(1.1)}.toggle-icon{height:40px;width:40px}.container .header .user{display:flex;gap:10px;margin-right:-90%}.container .header .user img{cursor:pointer;height:40px;width:40px}.container .header .user .img-case{border-radius:50%;height:40px;overflow:hidden;position:relative;width:40px}.container .header .user .img-case img{height:100%;object-fit:cover;width:100%}.content .cards{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 15px}.content .cards .card{align-items:center;background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;height:150px;justify-content:space-around;margin:20px 10px;width:250px}.content .cards .card:hover{border:1px solid var(--clr-primary-light)}.content .content-2{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:60vh}.content .content-2 .lecturers{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex:5 1;flex-direction:column;margin:0 25px 25px;min-height:50vh}.content .content-2 .lecturers:hover{border:1px solid var(--clr-primary-light)}.content .content-2 .new-students{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex:2 1;flex-direction:column;margin:0 25px;min-height:50vh}.content .content-2 .new-students:hover{border:1px solid var(--clr-primary-light)}.content-2 .new-students table td:first-child img{height:40px;width:40px}@media screen and (max-width:1100px){.side-menu li{font-size:18px}}@media screen and (max-width:940px){.side-menu li span{display:none}.side-menu{align-items:center}.side-menu li img{height:40px;width:40px}.side-menu li:hover{border:2px solid var(--clr-primary-light);padding:8px 38px}}@media screen and (max-width:536px){.brand-name h1{font-size:18px}.content .cards{justify-content:center}.side-menu li img{height:30px;width:30px}.content .content-2 .lecturers table td:nth-child(2),.content .content-2 .lecturers table th:nth-child(2),.content .content-2 .new-students table td:nth-child(3),.content .content-2 .new-students table th:nth-child(3){display:none}}.enroll-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1000px;padding:20px;width:80%}.search-bar{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:20px;padding:10px;width:100%}.search-bar:focus{border-color:#007bff;outline:none}.student-table{border-collapse:collapse;margin-bottom:20px;width:100%}.table-container{border:1px solid #ddd;border-radius:5px;max-height:400px;overflow-x:hidden;overflow-y:auto}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-thumb{background:#007bff;border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background:#0056b3}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.student-table td img{height:50px;object-fit:cover;width:50px}.student-table td,.student-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.student-table th{background-color:#fff}.student-table tr:nth-child(2n){background-color:#f9f9f9}.student-table td img{border-radius:50%}.student-table button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.student-table button:hover{background-color:#0056b3}.enroll-form{background-color:#ffffff21;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:30px;padding:20px}.enroll-form h3{color:#333;font-size:22px;margin-bottom:20px}.enroll-form label{color:#333;display:block;font-size:16px;margin-bottom:8px}.enroll-form input{border:1px solid #ccc;border-radius:5px;color:#333;font-size:16px;margin-bottom:20px;padding:10px;width:100%}.enroll-form input:focus{border-color:#007bff;outline:none}.enroll-form button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px}.enroll-form button:hover{background-color:#218838}.enroll-form .error{color:red;margin-bottom:10px}@media (max-width:768px){.enroll-modal{padding:10px;width:100%}.student-table td,.student-table th{font-size:14px;padding:8px}.search-bar{padding:8px}.enroll-form button,.enroll-form input{padding:10px}.enroll-form h3{font-size:18px}}.file-details{background-color:#ffffff1a;border-radius:5px;color:#fff;margin-top:20px;padding:15px}.alert,form h2{color:#fff}.alert{font-size:15px;margin-top:-5px;text-align:left}.form-group .file{background-color:#ffffff21}.background-1{height:520px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:430px}.background-1 .shape{border-radius:50%;height:200px;position:absolute;width:200px}.shape:first-child{background:linear-gradient(270deg,#1845ad,#23a2f6);left:-130px;top:-50px}form *{border:none;color:#fff;font-family:Poppins,sans-serif;letter-spacing:.5px;outline:none}label{font-size:16px;font-weight:500;margin-top:20px}input,label{display:block}input{background-color:#ffffff12;border-radius:3px;font-size:14px;font-weight:300;height:50px;margin-top:8px;padding:0 10px;width:100%}::placeholder{border-color:#e5e5e5;color:#e5e5e5}.close{background-color:#080710;border-radius:0}button{background-color:#fff;border-radius:5px;color:#080710;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:15px 0;width:100%}.shape:first-child{animation:floatLeft 4s ease-in-out infinite}.shape:last-child{animation:floatRight 4s ease-in-out infinite}@keyframes floatLeft{0%{transform:translateX(0)}50%{transform:translateX(-20px)}to{transform:translateX(0)}}@keyframes floatRight{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}.card-1 .box-1{align-items:center;border-bottom:2px solid #999;display:flex;justify-content:space-around;padding:10px}.content .cards-2 .card-2,.titles{align-items:center;border-bottom:2px solid #999;display:flex;justify-content:space-around;padding:15px 10px}.content{background:#f1f1f1;margin-top:10vh;min-height:90vh;position:relative}.content .cards-1{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0 20px}.content .cards-2 .card-2 th,td{text-align:left}.cards-1 .card-1 th,td{text-align:center}.content .cards-1 .card-1{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;margin:15px 25px;min-height:50vh;width:400px}.content .cards-1 .card-1:hover{border:1px solid var(--clr-primar-light)}.cards-2 .card-2 th,td{text-align:center}.content .cards-2{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;margin:15px 25px;min-height:50vh;width:560px}.content .cards-2:hover{border:1px solid var(--clr-primar-light)}.content .content-3{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:60vh}.content .content-3 .lecturer{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex:5 1;flex-direction:column;margin:0 25px 25px;min-height:50vh}.content .content-3 .lecturer:hover{border:1px solid var(--clr-primar-light)}.content .content-3 .new-student{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex:2 1;flex-direction:column;margin:0 25px;min-height:50vh}.content .content-3 .new-student:hover{border:1px solid var(--clr-primar-light)}.content-3 .new-student table td:first-child img{height:40px;width:40px}@media (max-width:768px){.side-menu{width:60vw}.container{height:100%;width:100vw}.container .header{width:100%}.container .header .nav .search input[type=text]{width:80%}.content .cards-1,.content .cards-2,.content .content-3{display:block;margin:0 auto;width:90%}.content .cards-1 .card-1,.content .cards-2,.content .cards-2 .card-2{margin:15px 0;width:100%}.container .header .nav .search,.container .header .nav .user{flex:1 1}}@media (max-width:480px){.side-menu{width:80vw}.container .header{height:12vh}.container .header .nav .search input[type=text]{width:70%}.content .cards-1,.content .cards-2{margin:10px 0;width:100%}.content .content-3{display:block;width:100%}}*{box-sizing:border-box;font-family:poppins,"sans-serif";margin:0;padding:0}ul{list-style-type:none}.btn{background:#f05462;color:#fff;padding:5px 10px;text-align:center}.btn:hover{background:#fff;border:2px solid #f05462;color:#f05462;padding:3px 8px}.cards-5 .card-5 .box-5{padding:10px}.cards-5 .card-5 .box-5,.content-5 .cards-6 .box-6{align-items:center;border-bottom:2px solid #999;display:flex;justify-content:space-around}.content-5 .cards-6 .box-6{padding:15px}.titles-5{align-items:center;border-bottom:2px solid #999;display:flex;justify-content:space-around;padding:15px 10px}table{padding:10px}td,th{padding:8px;text-align:center}li{list-style:none}h3{color:#999}a{text-decoration:none}.side-menu{background-color:var(--clr-primary);display:flex;flex-direction:column;min-height:100vh;padding:36px 20px;position:fixed;width:20vw}.side-menu .brand-name{align-items:center;display:flex;height:10vh;justify-content:center}.side-menu li{align-items:center;color:#fff;display:flex;font-size:24px;padding:10px 40px}.side-menu li:hover{border:1px solid var(--clr-primar-light)}.container{background:#f1f1f1;height:100vh;position:absolute;right:0;width:80vw}.container .header{align-items:center;background:#fff;box-shadow:0 4px 8px #0003;display:flex;height:10vh;justify-content:center;position:fixed;right:0;top:0;width:80vw;z-index:1}.container .header .nav .search .input:hover,.container .header .nav .search button:hover{border:1px solid var(--clr-primar-light)}.container .header .nav{align-items:center;display:flex;justify-content:center;width:90%}.container .header .nav .search{display:flex;flex:3 1}.container .header .nav .search input[type=text]{background:#f1f1f1;border:none;padding:10px;width:50%}.container .header .nav .search button{align-items:center;border:none;display:flex;height:40px;justify-content:center;width:40px}.btn{cursor:pointer}.container .header .nav .search button img{height:30px;width:30px}.container .header .nav .user{align-items:center;display:flex;flex:0.3 1;justify-content:space-between}.container .header .nav .user img{height:40px;width:40px}.container .header .nav .user .img-case{height:50px;position:relative;width:50px}.container .header .nav .user .img-case img{height:100%;left:0;position:absolute;top:0;width:100%}.content-5{background:#f1f1f1;margin-top:10vh;min-height:90vh;position:relative}.content-5 .cards-5{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0 20px}.content-5 .cards-6 .box-6 th,td{text-align:left}.cards-5 .card-5 th,td{text-align:center}.content-5 .cards-5 .card-5{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;margin:15px 25px;min-height:50vh;width:400px}.content-5 .cards-5 .card-5:hover{border:1px solid var(--clr-primar-light)}.cards-6 .card-6 th,td{text-align:center}.content-5 .cards-6{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;margin:15px 25px;min-height:50vh;width:560px}.content-5 .cards-6:hover{border:1px solid var(--clr-primar-light)}.content-5 .content-6{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:60vh}.content-5 .content-6 .lecturer-5{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex:5 1;flex-direction:column;margin:0 25px 25px;min-height:50vh}.content-5 .content-6 .lecturer-5:hover{border:1px solid var(--clr-primar-light)}.content-5 .content-6 .new-student-5{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex:2 1;flex-direction:column;margin:0 25px;min-height:50vh}.content-5 .content-6 .new-student-5:hover{border:1px solid var(--clr-primar-light)}.content-6 .new-student-5 table td:first-child img{height:40px;width:40px}@media screen and (max-width:940px){.side-menu li span{display:none}.side-menu{align-items:center}.side-menu li img{height:40px;width:40px}.side-menu li:hover{border:2px solid var(--clr-primary-light);padding:8px 38px}.content-5 .cards-5{display:flex;flex-wrap:wrap;justify-content:space-evenly}.content-5 .content-6{flex-direction:column}}@media screen and (max-width:536px){.brand-name h1{font-size:18px}.content-5 .cards-5{justify-content:center}.side-menu li img{height:30px;width:30px}.content .cards-6 .card-6 table td:nth-child(2),.content .cards-6 .card-6 table th:nth-child(2),.content-5 .content-6 .lecturer-5 table td:nth-child(4),.content-5 .content-6 .lecturer-5 table td:nth-child(5),.content-5 .content-6 .lecturer-5 table th:nth-child(4),.content-5 .content-6 .lecturer-5 table th:nth-child(5){display:none}.cards-5 .card-5,.content-5 .cards-6 .card-6,.content-5 .content-6 .lecturer-5,.content-5 .content-6 .new-student-5{margin:10px 0;width:100%}}.container-1{background:#f1f1f1;height:100vh;position:absolute;right:0;width:100vw}.container-1 .header-1{align-items:center;background:#f1f1f1;box-shadow:0 4px 8px #0003;display:flex;height:10vh;justify-content:center;position:fixed;right:0;top:0;width:80vw;z-index:1}.container-1 .header-1 .nav-1 .search-1 .input:hover,.container-1 .header-1 .nav-1 .search-1 button:hover{border:1px solid var(--clr-primar-light)}.container-1 .header-1 .nav-1{align-items:center;display:flex;justify-content:center;width:90%}.container-1 .header-1 .nav-1 .search-1{display:flex;flex:3 1}.container-1 .header-1 .nav-1 .search-1 input[type=text]{background:#fff;border:none;color:#000;padding:20px;width:50%}.container-1 .header-1 .nav-1 .search-1 button{align-items:center;border:none;display:flex;height:48px;justify-content:center;width:40px}.container-1 .header-1 .nav-1 .search-1 button img{height:30px;width:30px}.container-1 .header-1 .nav-1 .user{align-items:center;display:flex;flex:0.3 1;justify-content:space-between}.container-1 .header-1 .nav-1 .user img{height:40px;width:40px}.container-1 .header-1 .nav-1 .user .img-case{height:50px;position:relative;width:50px}.container-1 .header-1 .nav-1 .user .img-case img{height:100%;left:0;position:absolute;top:0;width:100%}.results-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-left:10px;margin-top:15vh;padding:10px;width:20%}.results-list{list-style-type:none;margin:0;padding:0}.result-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 0}.result-item:last-child{border-bottom:none}.enter-course-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px}.enter-course-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.e72bb7c2.css.map*/