@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);::-webkit-scrollbar{width:5px;height:6px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #a5aaad;border-radius:10px}::-webkit-scrollbar-thumb{background:#19456b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a5aaad}*{padding:0;margin:0}body{background-color:#f0f0f0;box-sizing:border-box;font-family:"Lato",sans-serif}button:focus{outline:none}hr{border:6px dotted #bfbcbc;border-bottom:none;width:6%;margin:45px auto}a{text-decoration:none;color:inherit}a,button{font-family:inherit}input[type=checkbox]{width:25px;height:25px}.input-checkbox{width:24px;height:24px;border-radius:50%;vertical-align:middle;border:1px solid grey;-webkit-appearance:none;outline:none;cursor:pointer}.input-checkbox:checked{background-color:#54e346}.input-checkbox:not(:checked){background-color:#ec4646}.text-primary-p{color:#a5aaad;font-size:14px;font-weight:700}.font-bold{font-weight:700}.text-white{color:#fff}.text-display{color:grey}.text-title{color:#2e4a66}.text-blue{color:#150e56}.text-lightblue{color:#469cac}.text-red{color:#cc3d38}.text-black{color:#000}.text-yellow{color:#ffcc29}.text-oyellow{color:#eb5e0b}.text-green{color:#3b9668}.text-dgreen{color:#1e6f5c}.text-pink{color:#f25287}.alert-heading h1{font-size:2.2rem;color:#2e4a66;margin-top:20px;text-align:center}.container{display:grid;height:100vh;grid-template-columns:.8fr 1fr 1fr 1fr;grid-template-rows:.2fr 3fr;grid-template-areas:"sidebar nav nav nav" "sidebar main main main"}.container-login{display:-webkit-flex;display:flex;height:100vh;width:100vw;position:relative;z-index:1;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:url(/static/media/bg.5c3b6fcb.jpg) no-repeat 50% fixed;background-size:cover}.class-form{width:80%;margin:30px auto 20px;padding:20px 30px;background:#fff;border-radius:6px;box-shadow:2px 4px 6px rgba(0,0,0,.3)}.class-form img{margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.class-form h3{font-weight:500;text-align:center;margin:6px 0 10px}.form-control{margin-bottom:10px;display:-webkit-flex;display:flex;background:#fbfcff;padding:10px;border-radius:6px;-webkit-justify-content:space-between;justify-content:space-between}.form-control label{font-size:1.4rem;color:#444;display:block;width:30%;margin-bottom:5px}.form-control input,.form-control select,.form-control textarea{border:2px solid #f0f0f0;border-radius:4px;display:block;width:70%;padding:8px;margin:auto;font-size:1.1rem;font-family:inherit}.form-control textarea{height:140px;resize:none}.form-control input:focus,.form-control textarea:focus{border-color:#00b5c3;outline:none}.btn{font-size:1.5rem;background-color:#00b5c3;border-radius:4px;color:#fff;padding:16px 10px;margin-top:0;width:80%;font-family:inherit}.btn:hover{transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.footer{width:90%;margin:30px auto 0;height:8%;padding:16px 20px;border-radius:6px;background:#fff;box-shadow:0 0 5px #a5aaad}.contact-links{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.link{margin:0 40px;font-size:2.2rem}.link i:hover{color:#000;-webkit-transform:scale(.98);transform:scale(.98);transition:color .2s ease-in-out,-webkit-transform;transition:transform,color .2s ease-in-out;transition:transform,color .2s ease-in-out,-webkit-transform}.tab .view{background:#3498db}.tab .update{background:#fb743e}.tab .delete{background:#ef4f4f}.table-container{padding:0 12%;margin:40px auto 0;overflow:auto}.table{width:90%;margin:auto;border:2px solid #d3d3d3;border-collapse:collapse}.table thead{border:2px solid #d3d3d3;background-color:#f3f3f3}.table thead tr th{font-size:22px;font-weight:medium;opacity:1;padding:12px 16px;vertical-align:top}.table tbody tr td,.table thead tr th{letter-spacing:.35px;color:#2e4a66;border:1px solid #f0f0f0}.table tbody tr td{font-size:15px;font-weight:400;background-color:#fff;padding:15px 16px;text-align:center}.table tbody tr:hover{-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:4px 5px 8px 4px #d8ebe4;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.bttn{width:110px;padding:2px 7px;color:#fff;font-weight:700;text-align:center;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-decoration:none;line-height:30px;display:inline-block;border-radius:6px;border:1px solid transparent;font-size:17px;font-family:inherit;opacity:1}.bttn.view{color:#0061a8;background:#8fd6e1}.bttn.update{color:#ff8303;background:#ffd384}.bttn.delete{color:#ff4646;background:#ffb396}.bttn.course{background:#ff7171}.bttn:hover{-webkit-transform:scale(.98);transform:scale(.98);transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;box-shadow:1px 2px 3px rgba(0,0,0,.1)}@media only screen and (max-width:978px){.container{grid-template-columns:1fr;grid-template-rows:.2fr 3fr;grid-template-areas:"nav" "main"}}@media only screen and (max-width:900px){.table-container{padding:0}.table thead{display:none}.table,thead{border:none}.table tbody tr{width:100%;box-shadow:1px 2px 3px 2px #d8ebe4}.table tbody tr:hover{transition:none;-webkit-transform:none;transform:none}.table,.table tbody,.table td,.table tr{display:block}.table tr{width:80%;margin:15px auto}.table tbody tr td{text-align:right;padding-left:30%;position:relative}.table td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:10px;font-weight:700;font-size:16px;text-align:left}.table tbody tr td .bttn{width:80px;line-height:26px}.footer{margin:4px 5px;height:5%;padding:6px 18px;background:#fff}.link{font-size:1.2rem}.bttn{font-size:14px;padding:1px 4px}}@media only screen and (max-width:600px){.form-control{background:none;display:inline;margin-bottom:6px;padding-bottom:6px}.form-control.checkbox{display:-webkit-flex;display:flex}.form-control label{width:90%;font-size:1.2rem;margin:10px}.form-control input{padding:8px}.form-control input,.form-control textarea{font-size:15px;width:90%}.btn{width:100%;font-size:1.4rem}.footer{margin:20px auto 0;height:6%;padding:10px 25px;background:#fff}.link{font-size:1.5rem}}.login-form{height:70vh;width:400px;border-radius:6px;padding:30px 40px;background-color:#fff;box-shadow:5px 10px 15px rgba(0,0,0,.3),-5px -5px 13px rgba(0,0,0,.1);overflow:auto;overflow-x:hidden;position:absolute;z-index:9999}.login-form h1{text-align:center;margin:0 4px 16px}h1 span{color:#00b5c3;padding-bottom:6px;border-bottom:3px solid #00b5c3}.login-form h2{margin-bottom:10px;font-size:1.8rem}.input-field{margin-bottom:20px;padding-top:12px}.input-field label{color:#333;display:block;margin-bottom:5px}.input-field input{border:2px solid #f0f0f0;border-radius:4px;display:block;width:90%;padding:10px;font-size:14px;margin:auto}.input-field input:focus{border-color:#00b5c3;outline:none}.btn{cursor:pointer;font-size:1.2rem;background-color:#fff;border:2px solid #00b5c3;border-radius:40px;color:#00b5c3;padding:8px 5px;display:block;margin-top:30px;width:100%;font-family:"Poppins",sans-serif}.btn:hover{-webkit-transform:scale(.98);transform:scale(.98);transition:.2s ease-in;color:#fff;background-color:#00b5c3}.login-form p{text-align:center;margin-top:22px;color:#555}@media (max-width:978px){.login-form h1{font-weight:700;margin-bottom:1.8rem;font-size:1.6rem}.login-form h2{font-weight:700;margin-top:0;font-size:1.4rem}.btn,.input-field label,.login-form p,.reset-password{font-size:.9rem}}@media (max-width:768px){.login-form{width:300px}}.navbar{background:#fff;grid-area:nav;height:60px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:0 30px;border-bottom:1px solid #d3d3d3}.nav_icon{display:none}.nav_icon>i{cursor:pointer;font-size:26px;color:#a5aaad}.navbar_left>a{margin-left:30px;text-decoration:none;color:#a5aaad;font-size:18px;font-weight:700}@media only screen and (max-width:978px){.nav_icon{display:inline}}#sidebar{background:#1a1c20;grid-area:sidebar;position:fixed;padding:20px;height:100%;width:18%;border-radius:0 0 6px 0;transition:all .5s}.sidebar_title{-webkit-justify-content:space-between;justify-content:space-between;color:#f3f4f6;margin-bottom:30px}.sidebar_img,.sidebar_title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebar_title>div>img{width:75px;object-fit:contain}.sidebar_title>div>h1{margin-left:18px;font-size:23px;display:inline}.sidebar_title>i{font-size:20px;display:none}.sidebar_menu>h2{color:#a3ddcb;font-size:16px;margin-top:15px;margin-bottom:5px;padding:0 10px;font-weight:700}.sidebar_link{color:#f3f4f6;padding:10px;border-radius:3px;margin-bottom:5px}.sidebar_link i{margin-right:10px}.active_menu_link{border-radius:6px;background:#19456b;color:#fff;color:#fff!important}.sidebar_link>a{text-decoration:none;color:#a5aaad;font-weight:700;padding:10px 50px 10px 8px}.sidebar_link>i{margin-right:10px;font-size:18px}.sidebar_logout{margin-top:20px;padding:10px;color:#e65061}.sidebar_logout a{text-decoration:none;color:#e65061;font-weight:700;text-transform:uppercase}.sidebar_logout>i{margin-right:10px;font-size:18px}.sidebar-responsive{display:inline!important;z-index:9999 i!important;left:0!important;position:absolute;box-shadow:9px 0 4px -1px rgba(0,0,0,.2)}@media only screen and (max-width:978px){#sidebar{display:none;width:24%}.sidebar_title>i{display:inline;cursor:pointer;padding-left:160px}.sidebar_img{display:none}.sidebar_link>a{padding:8px 60px 8px 6px}.sidebar_title{-webkit-justify-content:flex-end;justify-content:flex-end}}@media only screen and (max-width:860px){#sidebar{width:220px}}@media only screen and (max-width:710px){#sidebar{width:210px}}@media only screen and (max-width:400px){#sidebar{width:60%}}@media only screen and (max-height:600px){.dev{display:none}}main{background:#f3f4f6;grid-area:main;height:100vh}.main_container{padding:20px 35px;margin:auto}.main_title{display:-webkit-flex;display:flex}.main_title,.main_title.course{-webkit-align-items:center;align-items:center}.main_title.course{-webkit-justify-content:center;justify-content:center}.main_title>img{max-height:100px;object-fit:contain;margin-right:20px}.main_greeting>h1{font-size:36px;color:#2e4a66;margin-bottom:5px}.main_greeting>p{font-size:15px;color:#a5aaad}.main_cards{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;gap:30px;margin:20px 0}.main_cards.contact{margin:20px 0 0;grid-template-columns:1fr 1fr 1fr 1fr}.main_cards.contact .card{height:50px;padding:20px}.main_cards.contact .card .card_inner i:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;color:#000}.card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;padding:30px;height:70px;background:#fff;border-radius:6px;box-shadow:5px 5px 13px #ededed,-5px -5px 13px #fff}.card>i{text-align:center}.card_inner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.card_inner>span{font-size:25px;margin-left:10px}.card_inner>p{font-size:1rem}@media only screen and (max-width:978px){.main_title{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.main_cards.contact{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:0}.main_greeting>h1{font-size:26px}}@media only screen and (max-width:850px){.main_cards{grid-template-columns:1fr}}@media only screen and (max-width:600px){.main_container{padding:10px 20px}}.main.course{background-color:#ffe2e2;padding:10px 20px}.wrapper{overflow-x:hidden;background-color:#fcf1f1;height:100vh;width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.wrapper .main_container{background-color:#fff;width:80%;margin:auto;border-radius:10px}.main.course .main_container{padding:40px;margin:20px;border-radius:10px;background:#fff}.courses-container .main_cards .division{background-color:#f8f5f1;height:260px;padding:20px 20px 5px}.courses-container .main_cards .division .div-button{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.courses-container .main_cards .division:hover{box-shadow:2px 10px 16px #ffb6c1;transition:box-shadow .2s ease;border-radius:10px}.courses-container .main_cards{grid-template-columns:1fr 1fr}.courses-container .main_cards .division .card_inner{margin-top:15px;-webkit-justify-content:space-between;justify-content:space-between}.courses-container .main_cards .division .card_inner div{padding:15px 24px;font-size:1.2rem;border-radius:5px 20px 5px;background:#ff7171}.courses-container .main_cards .division{box-shadow:3px 3px 9px #fcdada}.courses-container .main_cards .division .card a{text-align:center}.courses-container .main_cards .division .card a i{font-size:4rem;color:#2b2e4a}.courses-container .main_cards .division .card a i:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.overview{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:20px;gap:20px;margin:20px}.left{text-align:center;margin-top:20px;margin-bottom:auto}.left img{border-radius:10px;max-width:100%}.right{margin:auto 0 auto 20px}.right p{font-size:1.2rem;letter-spacing:.3px;text-align:left}.pricing,.pricing h3{margin:20px 0}.pricing h3{font-size:1.5rem}.section-overview{text-align:center;margin:40px 20px}.main_title.course,.overview-heading{padding:20px 30px;border-radius:8px;width:80%;margin:10px auto;background:#fcf1f1;font-size:1.2rem}.overview-heading i{margin-right:1rem}.video-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh;width:100vw;-webkit-flex-direction:column;flex-direction:column}@media only screen and (max-width:768px){.main.course .main_container{padding:10px;margin:6px}.overview{grid-template-columns:1fr}.section-overview{margin:25px 10px}.overview-heading{font-size:1rem}.right{margin:10px auto}.right p{font-size:1.2rem;letter-spacing:.2px}.pricing{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:20px 0 0}.pricing h3{font-size:1.2rem;margin:10px 5px;padding-bottom:8px;border-bottom:2px solid #a5aaad}.courses-container .main_cards{grid-template-columns:1fr}.courses-container .main_cards .division .card_inner div{padding:12px 20px;font-size:1rem}.courses-container .main_cards .division .card a i{font-size:3rem}.courses-container .main_cards .division{box-shadow:2px 6px 8px #ffb6c1}}.user-details{padding:20px 30px;width:80%;background-color:#fff;margin:30px auto 20px;border-radius:6px;box-shadow:2px 4px 6px rgba(0,0,0,.3);overflow-x:auto}.user-details.student{width:60%}.students{-webkit-flex-direction:column;flex-direction:column;height:100vh;width:100vw;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.detail,.students{display:-webkit-flex;display:flex}.detail{margin:14px 2px;padding:10px;border-radius:6px;background:#fbfcff;-webkit-justify-content:space-between;justify-content:space-between}.detail.alert p{font-size:1.1rem;font-weight:700}.detail h2{margin-left:10px;color:#2e4a66}.detail p{margin-right:10px;color:#959799}.detail.alert p.red{color:red}.detail.alert p.yellow{color:orange}.detail.alert p.green{color:green}@media only screen and (max-width:855px){.detail h2{margin-left:0;font-size:1.1rem}.detail p{margin-right:0;font-size:.8rem}}.add-notes{margin-top:20px;margin-bottom:20px;width:100%;text-align:left}.add-notes>button{padding:10px;border:none;margin-left:70px;font-size:1.3rem;font-family:inherit;letter-spacing:.3px;border-radius:10px;color:#fff;width:150px;cursor:pointer}.add-notes>button:hover{-webkit-transform:scale(.98);transform:scale(.98);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.change-page{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:20px;margin-right:auto}.change-page button{margin-right:5px;padding:8px 20px;font-size:.9rem;border-radius:20px;border:none;color:#fff;background-color:#00b5c3;font-family:inherit;cursor:pointer;box-shadow:2px 3px 4px rgba(0,0,0,.2)}.change-page button:focus{outline:none}.change-page button:hover{-webkit-transform:scale(.96);transform:scale(.96);transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}@media only screen and (max-width:855px){.add-notes{margin-top:20px;margin-bottom:20px;width:100%;text-align:center}.add-notes>button{font-size:1rem;margin:auto;width:70%}.show-notes{padding:10px 15px}.change-page button{font-size:.8rem}}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:710px;width:100%;padding-left:190px;line-height:1.4}.notfound .notfound-404{position:absolute;left:0;top:0;width:150px;height:150px}.notfound .notfound-404 h1{font-family:"Passion One",cursive;color:#00b5c3;font-size:150px;letter-spacing:15.5px;margin:0;font-weight:900;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound h2{color:#292929;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px}.notfound h2,.notfound p{font-family:"Raleway",sans-serif;margin-top:0}.notfound p{font-size:16px;font-weight:400;margin-bottom:15px;color:#333}.notfound a{font-family:"Raleway",sans-serif;font-size:14px;text-decoration:none;text-transform:uppercase;background:#fff;display:inline-block;padding:15px 30px;border-radius:40px;color:#292929;font-weight:700;box-shadow:0 4px 15px -5px rgba(0,0,0,.3);transition:all .2s}.notfound a:hover{color:#fff;background-color:#00b5c3}@media only screen and (max-width:480px){.notfound{text-align:center}.notfound .notfound-404{position:relative;width:100%;margin-bottom:15px}.notfound{padding-left:15px;padding-right:15px}}
/*# sourceMappingURL=main.86fc4682.chunk.css.map */