*{margin:0;padding:0}a{text-decoration:none}.wrapper{width:100%;box-sizing:100%}.content{min-height:100vh;display:flex;box-sizing:border-box}.main{width:100%;overflow-x:hidden;min-height:100vh;padding:15px;box-sizing:border-box}.list-container{display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width: 768px){.list-container{grid-template-columns:1fr}}.subject-container{display:grid;font-size:14px;padding:15px;box-sizing:border-box}.subject-container .has-probrem{color:#f33a3a}.label{display:block;width:100%;margin-bottom:10px}.label p{font-size:12px;color:#444;margin-bottom:3px}.label p.valid-error{color:#f15757}.label input[type=text],.label input[type=password]{font-size:16px;width:100%;padding:5px;box-sizing:border-box;border:1px solid #444;border-radius:3px}.btn-area{padding:10px 5px 0}.btn{padding:5px 10px;border-radius:3px;border:none}.btn:hover{cursor:pointer;transform:scale(1.1);opacity:.8;transition:all .5s}.btn.btn_primary{background-color:#454545;color:#fff}.btn.btn_blue{background-color:#559cf3}.linkbtn{text-decoration:underline;border:none;padding:0;color:#559cf3;background:none}.linkbtn:hover{cursor:pointer;color:#90baed}header{background-color:#454545;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px}header svg{font-size:40px;position:relative;z-index:210}header svg.fa-xmark{color:#666}header a{color:#fff}@media (max-width: 768px){header a{color:#666}}header a:hover{color:#ffcc40;cursor:pointer}header ul{display:flex}@media (max-width: 768px){header ul{padding:40px 0;display:block;background-color:#fff;color:#666;font-size:28px}}header ul li{list-style:none;margin-right:15px}@media (max-width: 768px){header ul li{text-align:center;margin:0;padding:15px 0}}@media (max-width: 768px){header nav{display:none;width:100vw;position:absolute;top:0;left:100vw;z-index:200}header nav.is-active{display:block;left:0}}header .icon-box{display:flex;align-items:center}header .icon-box h1{font-size:20px}header .icon-box .logo{width:50px;height:50px;background-color:#fff;margin-right:5px}header .icon-box .logo img{width:100%}.sidebar-area{background-color:#adadad;box-sizing:border-box;width:20%;min-height:100vh;padding:15px;position:relative;transition:all .5s}@media (max-width: 768px){.sidebar-area{display:none}}.sidebar-area.close{width:28px;transition:all .5s}.btn-toggle{width:30px;height:30px;border-radius:15px;border:1px solid #000;background-color:#fff;position:absolute;right:-15px;top:20px}.btn-toggle:hover{cursor:pointer;color:#957200}.chart-content{overflow-x:scroll;width:100%}table.calender{display:table;width:auto;border-collapse:collapse;table-layout:fixed}table.calender th,table.calender td{box-sizing:border-box;border:solid 1px #333}table.calender th{font-size:10px}table.calender .today{background-color:#ffda82}table.calender th.task{text-align:left;min-width:150px;position:-webkit-sticky;position:sticky;left:0;z-index:10}table.calender th.task:before{content:"";position:absolute;top:0;left:-1px;width:100%;height:100%;border-left:1px solid #000;border-right:1px solid #000;background-color:#fff;z-index:-1}table.calender th.task .task-content{padding-left:2em}table.calender th.task .task-progress{font-weight:100}table.calender th.task .task-progress .has-probrem{color:#f33a3a}table.calender th.task .task-manager{font-weight:100}table.calender th.day{min-width:20px;width:20x;height:20px}table.calender td.day{height:30px;position:relative}table.calender td.select-now:after{content:"";display:block;width:100%;height:10px;background-color:#239b21;opacity:.5}table.calender .sun{background-color:#ffbaba;color:#ff4a4a}table.calender .sat{background-color:#bebfff;color:#5c5ff8}table.calender .is-progress:after{content:"";display:block;width:100%;height:10px;background-color:#239b21}.button-default{border:1px solid #333}.link-default,.link{text-decoration:none;border:none;background-color:#fff;padding:5px}.link-default:hover,.link:hover{text-decoration:underline}.button-box{display:flex;justify-content:space-between}.link{color:#333}.link:hover{color:#ffcc40}.modal{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-area{background-color:#fff;margin:auto;padding:20px;min-width:300px;max-width:600px;min-height:100px;border-radius:10px;box-shadow:3px 3px 3px #555;box-sizing:border-box;position:relative}.modal .title{text-align:center}.modal .close-btn{position:absolute;top:20px;right:20px}.loading-area{background-color:#fff;position:absolute;inset:0;margin:auto;padding:20px;width:500px;height:200px;border-radius:10px;box-shadow:3px 3px 3px #555;box-sizing:border-box}.loading-spinner{width:50px;height:50px;margin:20px auto;border-radius:50%;border:solid 5px #fff;border-left-color:#1ca2e5;animation:spin 1s linear infinite}.loading-message{text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{padding:20px 0}.error-box{padding:10px 5px;background-color:#ffebeb;border-left:solid 2px #f33a3a;border-radius:3px;box-sizing:border-box}.error-msg{list-style-position:inside;color:#f33a3a;font-size:12px;margin-bottom:5px}.error-msg:last-child{margin-bottom:0}.login-container{width:25%;margin:100px auto;padding:10px;box-sizing:border-box}@media (max-width: 768px){.login-container{width:100%}}.login-container h3{text-align:center}.register-container{width:25%;margin:50px auto;padding:20px;box-sizing:border-box}.register-container h3{text-align:center}