.flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}:root{--bg-dark:#513e89;--bg-darker:#031031;--text-light:#fff;--bg-main:#f3f4f6}*{margin:0}body{font-size:16px;font-family:"Inter",sans-serif;color:#4c4c4c}h2,h3{font-weight:400}h4{font-weight:500}.default-template{background:var(--bg-main);position:fixed;width:100%;bottom:0;top:0;left:0;display:flex;flex-direction:row}.default-template section{flex-grow:1;position:relative;overflow:scroll}.default-template section>.content{position:absolute;padding:15px;right:0;left:0}.default-template section>.content .menu{display:flex;flex-direction:row}.default-template section>.content .menu a.item{background-color:#fff;box-shadow:0 10px 50px rgba(10,55,32,.1);border-radius:8px;height:150px;box-sizing:border-box;flex-grow:1;max-width:180px;align-content:center;text-align:center;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;text-decoration:none}.default-template section>.content .menu a.item img{height:45px;width:45px;margin-bottom:10px}.default-template section>.content .dialog .header{padding-bottom:15px}.default-template section>.content .section-header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.default-template section>.content .section-header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.default-template section>.content .section-header .buttons{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.default-template section>.content .section-header .buttons a,.default-template section>.content .section-header .buttons button{min-width:124px;margin:0 5px;line-height:25px;border-radius:10px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;padding:10px;box-sizing:border-box;cursor:pointer}.default-template section>.content .section-header .buttons a img,.default-template section>.content .section-header .buttons button img{margin-right:10px}.default-template section>.content .section-header .buttons a:focus,.default-template section>.content .section-header .buttons button:focus{outline:none}.default-template section>.content .section-header .buttons button{border:1px solid #020e23;color:#020e23}.default-template section>.content .section-header .buttons a{background-color:var(--bg-dark)}.default-template section a.btn{border-radius:2px;text-transform:capitalize;font-size:15px;padding:10px 19px;text-decoration:none;background-color:#f1503d;border:none;color:var(--text-light);font-weight:400;cursor:pointer;display:inline-block;margin-bottom:10px}.default-template section .card{border:none;background:#fff;padding:20px;box-sizing:border-box}.default-template section .card .header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card .header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:block;margin-bottom:-16px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:24px;color:#020e23}.default-template section .card h4{font-weight:400}.default-template section .card form .sub-header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card form .sub-header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:inline-block;margin:10px 0 -1px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:18px;color:#020e23}.default-template section .card .actions{max-width:400px;margin:15px auto;display:flex;flex-direction:row;justify-content:space-between}.default-template section .card .actions button{text-transform:capitalize;font-size:15px;line-height:35px;border:none;color:var(--text-light);font-weight:400;cursor:pointer;width:100%;max-width:180px;border-radius:5px}.default-template section .card .actions button[type=submit]{background-color:var(--bg-dark);box-shadow:0 10px 30px rgba(0,80,133,.15)}.default-template section .card .actions button[type=reset]{background-color:#f4f4f4;color:#868686}.default-template section .card .actions button:focus{outline:none}.default-template section .card .checkbox .checked{background-color:var(--bg-darker)}.default-template section .card .flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.default-template section .card .flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.default-template section .card .flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}.default-template section table{width:100%;margin-top:10px;border-collapse:collapse}.default-template section table thead{background:#f4f4f4}.default-template section table thead th{padding:15px;line-height:25px;color:#403f3f;font-size:16px;font-weight:500;text-align:left}.default-template section table thead th:last-child{border:0}.default-template section table tbody tr{cursor:pointer;background-color:#fff}.default-template section table tbody tr td{padding:15px;line-height:25px;color:#020e23;font-family:"DM Sans Regular";font-weight:500;font-size:17px;border-bottom:.3px solid #d9d9d9}.default-template section table tbody tr td .actions{display:flex;flex-direction:row;justify-content:space-around;max-width:65px}.default-template section table tbody tr td .actions img{width:25px}form input,form label,form select{display:block;color:#403f3f}form input,form select,form textarea{background:#fff;border:1px solid #020f22;font-size:16px;padding:7px 6px;width:100%;border-radius:3px;box-sizing:border-box}form input.error,form select.error,form textarea.error{border:1px solid #c02}form input:focus,form select:focus,form textarea:focus{outline:none}form span.error{color:red;line-height:25px;font-size:15px}@media(min-width:700px){form .fl-row{display:flex;flex-direction:row;justify-content:space-between}form .fl-row .col-50{flex-basis:48%}}.default-template>.menu{background-color:#fff;display:none;transition:flex-basis .3s ease-in-out;flex-basis:0;overflow:hidden;padding:20px}.default-template>.menu .logo{display:flex;flex-direction:row;align-items:center;justify-content:left;padding:10px 0 18px 10px;position:relative;border-bottom:1px solid #e5e7eb}.default-template>.menu .logo img{width:40px}.default-template>.menu .logo h1{color:#000;font-size:20px;font-weight:700;margin-left:10px}.default-template>.menu .space{height:30px}.default-template>.menu ul{list-style:none;padding:0}.default-template>.menu ul li.item{color:#1f293d;line-height:44px;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease-in-out 1ms;padding:2px 10px 2px 15px;border-radius:8px;font-weight:400;margin-bottom:10px;display:flex;flex-direction:row;align-items:center}.default-template>.menu ul li.item svg{height:16px;width:16px;margin-right:10px}.default-template>.menu ul li.item svg circle,.default-template>.menu ul li.item svg path{fill:#1f293d}.default-template>.menu ul li.item.active{background:#546b63;color:#fff}.default-template>.menu ul li.item.active svg circle,.default-template>.menu ul li.item.active svg path{fill:#fff}.default-template>.menu ul li.item ul{height:auto;max-height:0;transition:max-height .3s ease-in-out 1ms;overflow:hidden;padding-left:40px}.default-template>.menu ul li.item ul li{opacity:.5}.default-template>.menu ul li.item ul li a{display:block;line-height:20px;font-size:14px;padding:10px;color:#fff;text-decoration:none}.default-template>.menu ul li.item ul li.active{opacity:1}.default-template>.menu ul li.item.active ul{max-height:600px}.default-template>.menu.active ul li.item{padding-left:20px}@media only screen and (max-width:500px){.default-template>.menu.active{display:block;position:fixed;top:0;left:0;width:100%;max-width:300px;bottom:0;z-index:4}.default-template>.menu .logo .toggler{width:25px;padding:10px;display:flex;align-self:center;flex-direction:column;position:absolute;right:20px;top:20px;cursor:pointer}.default-template>.menu .logo .toggler span{height:1px;display:block;background-color:#fff;margin:4px 0}}.default-template>.menu .profile{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.default-template>.menu .profile .name{height:40px;width:40px;background-color:#ededed;border-radius:20px;color:#888;font-weight:500;font-size:14px;line-height:40px;text-align:center}.default-template>.menu .profile .logout{display:flex;flex-direction:row;background:var(--bg-dark);border-radius:20px;padding:10px 20px;cursor:pointer}.default-template>.menu .profile .logout svg{height:20px;width:20px;margin-right:10px}.default-template>.menu .profile .logout svg circle,.default-template>.menu .profile .logout svg path{fill:#fff}.default-template>.menu .profile .logout h4{font-size:16px;color:#fff;font-weight:700}@media(min-width:700px){.default-template .menu{flex-basis:216px;display:block}.default-template .menu.active ul li.item{padding-left:40px}}body{background:#f9fafb}section.auth{max-width:448px;margin:0 auto;box-sizing:border-box}section.auth .container{margin:100px 0;padding:35px;background-color:#fff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}section.auth header{margin:10px auto 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}section.auth header a{text-decoration:none}section.auth header img{height:60px}section.auth header h1{margin-top:20px;font-weight:700;font-size:30px;line-height:36px}section.auth header p{margin-top:16px;font-size:15px;text-align:center;margin-bottom:16px}section.auth footer{padding:10px 0}section.auth footer ul{list-style-type:none;list-style:none;border-bottom:1px solid #bdc4c9;padding:10px;max-width:500px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center}section.auth footer ul li{margin:0 auto}section.auth footer ul li a{color:#005ff8;font-size:14px;text-decoration:none}section.auth footer p{line-height:40px;font-size:14px;text-align:center;color:#4e4f50}.dialog{position:relative}.dialog .shade{background-color:var(--bg-dark);opacity:.5;z-index:1}.dialog .shade,.dialog>.content{position:fixed;top:0;left:0;width:100%;bottom:0}.dialog>.content{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog>.content>.card{min-width:420px}.loading{margin:10px}.loading .spinner{border:8px solid #f3f3f3;border-top:8px solid var(--bg-darker);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}form .form-input{margin-bottom:10px}form .form-input input,form .form-input label,form .form-input select{display:block}form .form-input input,form .form-input select,form .form-input textarea{background:#fff;border:1px solid #bdc4c9;font-size:16px;padding:7px 6px;width:100%;border-radius:3px;box-sizing:border-box}form .form-input input.error,form .form-input select.error,form .form-input textarea.error{border:1px solid #c02}form .form-input input:focus,form .form-input select:focus,form .form-input textarea:focus{outline:none}form .form-input span.error{color:red;line-height:25px;font-size:15px}.auth .login{margin:0 auto}.auth .login h4{color:#721c24;line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}section.auth form input{background:#fff;border:.5px solid #d2c8db;box-sizing:border-box;border-radius:0;padding:10px;width:100%}section.auth div.actions{display:flex;flex-direction:row;justify-content:space-around}section.auth div.actions button{color:#fff;border:0;transition:.3s;line-height:45px;font-weight:700;width:100%;background:var(--bg-dark);border-radius:20px;font-size:16px;margin-top:20px;cursor:pointer}section.auth div.actions button:focus{outline:none}section.auth a{color:var(--bg-dark);font-size:14px;text-decoration:none}section.auth a:hover{text-decoration:underline}section.auth .more-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}section.auth .login-action{text-align:center;margin-top:20px;font-size:14px;color:#4d5461}section.auth .login-action a{margin-left:5px}.pagination{display:flex;flex-direction:row;background-color:#fff;padding:15px 10px;border-bottom:.3px solid #d9d9d9;margin-bottom:10px;align-items:center}.pagination h4{flex-grow:1}.pagination ul{display:flex;flex-direction:row;list-style:none;align-items:center}.pagination ul li img{height:25px;width:25px;display:block;margin:0 5px;cursor:pointer}.pagination ul select{padding:5px}.pagination ul select:focus{outline:none}.course-content .create{max-width:900px}.course-content .create form .editor{margin-bottom:15px}.course-content .create form .editor .ck-content{border:1px solid #bdc4c9;border-top:0;min-height:300px}.course-content .create form .editor .error{color:red}.course-content .edit{max-width:900px}.course-content .edit form .editor{margin-bottom:15px}.course-content .edit form .editor .ck-content{border:1px solid #bdc4c9;border-top:0;min-height:300px}.course-content .edit form .editor .error{color:red}.course .create,.course .edit,.role .create,.room-type .create,.room-type .edit,.room .create,.room .edit{max-width:500px}div.checkbox input{display:none}div.checkbox div{line-height:30px;display:grid;grid-gap:10px;grid-template-columns:50px auto}div.checkbox div span{background:#ddd;padding:2px;margin-top:5px;height:20px;box-sizing:border-box;border-radius:10px;cursor:pointer;position:relative}div.checkbox div span.checked{background:#0b2a5c}div.checkbox div span.checked i{left:32px}div.checkbox div span i{height:16px;background:#fff;left:2px;width:16px;border-radius:8px;display:block;position:absolute;transition:left .2s ease-in-out}.role .edit,.user .create,.user .edit{max-width:500px}