body{margin:0;background-color:#ededed;font-family:Open Sans,sans-serif}.box-shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#lms-panel{display:flex;max-width:1459px;margin:0 auto}#content-container{width:100%;padding:0 15px;margin:0 auto;max-width:1280px;box-sizing:border-box}.row{display:flex;flex-wrap:wrap}a{text-decoration:none;color:inherit}.col-25{width:25%}.col-33{width:33%}.col-50{width:50%}.col-100{width:100%}.rounded{border-radius:15px;margin:15px}button.btn{background-color:#e2e8f0;color:#333;border:0;padding:12px;display:flex;align-items:center;font-weight:600;border-radius:5px}button.btn svg{margin-right:10px}button{cursor:pointer}.hr{border:0;opacity:.25;height:1px;background-image:linear-gradient(90deg,hsla(0deg,0%,100%,0),#fff,hsla(0deg,0%,100%,0))}#sidebar{overflow-y:auto;transition:transform 1s ease;padding:20px;min-width:250px;width:250px;height:calc(100vh - 30px);background:#e1eeef;box-sizing:border-box;z-index:1;position:sticky;top:15px}#sidebar #sidebar-header{display:flex;padding:15px 0;align-items:center;color:#000}#sidebar #sidebar-header h2{font-size:20px}#sidebar #sidebar-header img{height:68px;width:95px;object-fit:cover}#sidebar .sidenav-label{padding:15px;color:#000;font-weight:700;font-size:14px}#sidebar #sidebar-links{padding:15px 0}#sidebar .link-container{margin-bottom:10px}#sidebar .link-container a{transition:background .5s ease;font-weight:200;color:#fff;text-decoration:none;display:flex;align-items:center;padding:15px;border-radius:10px;color:#000}#sidebar .link-container a:hover{background:#d6e5e3}#sidebar .link-container a.active{background:#077567;color:#fff}#sidebar .link-container a.active svg{fill:#fff}#sidebar .link-container svg{fill:#000;margin-right:15px}#topnav{padding:20px 0}#topnav div#topnav-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#topnav div#topnav-links #topnav-actions{display:flex}#topnav div#topnav-links .topnav-link{display:flex;align-items:center;padding:0 10px}#topnav div#topnav-links .topnav-link button{border:0;display:flex;align-items:center;text-decoration:none;color:#333;font-weight:600}#topnav div#topnav-links .topnav-link button svg{margin-right:5px;height:18px;width:18px}#topnav div#topnav-links div#breadcrumb-title{font-size:20px;font-weight:600}#topnav #burger-menu{display:none;padding:15px 10px}#topnav #burger-menu #lines .line{background-color:gray;height:2px;transition:margin-top .3s ease .3s,transform .3s ease;width:20px}#topnav #burger-menu #lines .line:nth-child(2){margin-top:5px}body.open #topnav #burger-menu #lines .line{transition:margin-top .3s ease,transform .3s ease .3s}body.open #topnav #burger-menu #lines .line:nth-child(1){transform:rotate(45deg)}body.open #topnav #burger-menu #lines .line:nth-child(2){margin-top:-2px;transform:rotate(-45deg)}.table-style .btn-container{justify-content:end;padding:0 0 15px}.table-style table{border-collapse:collapse}.table-style table thead{border-bottom:1px solid #dfdfdf}.table-style table thead th{padding:10px 0;color:#a9a9a9}.table-style table tbody td{padding:10px 0}#user-table-users{background:#fff;padding:20px;border-radius:10px;overflow-x:auto}#user-table-users table{width:100%}#user-table-users table th{text-align:left;width:25%}#user-table-users table .user-actions{display:flex;gap:10px}#user-table-users table .user-actions button{padding:0;margin:0;background:none;border:0}#videos .wrapper{margin:10px}#videos .wrapper .video-container{background-color:#fff;border-radius:10px}#videos .wrapper .video-container .video-thumbnail img{border-top-right-radius:10px;border-top-left-radius:10px;width:100%;height:100px;object-fit:cover}#videos .wrapper .video-container .video-text{padding:15px;color:#4a5568}#videos .wrapper .video-container .video-text h3{padding:0;margin:0;font-size:1.25rem}#video-table-videos{background:#fff;padding:20px;border-radius:10px;overflow-x:auto}#video-table-videos table{width:100%}#video-table-videos table th{text-align:left}#video-table-videos table .image-container{width:100px;height:100px}#video-table-videos table .image-container img{width:100%;height:100%;object-fit:cover}#video-table-videos table .video-actions{display:flex;gap:10px;height:100px;align-items:center}#video-table-videos table .video-actions button{padding:0;margin:0;background:none;border:0}#video-table-file{margin-top:40px;background:#fff;padding:20px;border-radius:10px;overflow-x:auto}#video-table-file table{width:100%}#video-table-file table th{text-align:left}#video-table-file table .image-container{width:100px;height:100px}#video-table-file table .image-container img{width:100%;height:100%;object-fit:cover}#video-table-file table .video-actions{display:flex;gap:10px;height:100px;align-items:center}#video-table-file table .video-actions button{padding:0;margin:0;background:none;border:0}#video-page .video-container{width:100%;height:100%}#video-page .video-container video{width:100%;height:100vh}#video-page div#link-container,#video-page #video-info{display:flex;justify-content:space-between}#video-page #video-info #hidden-field{display:none}#login-screen{background-color:#e1eeef;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}#login-screen div#login-container{background-color:#fff;display:flex;border-radius:20px}#login-screen div#login-container form{padding:33px}#login-screen div#login-container img{width:130px;float:right;padding:33px 0;height:75px;object-fit:cover}#login-screen div#login-container .input-container{position:relative;display:flex;align-items:center;margin-bottom:10px}#login-screen div#login-container .input-container input{padding:10px 10px 10px 35px;width:100%}#login-screen div#login-container .input-container svg{position:absolute;left:10px;fill:#d7d7d7}#login-screen div#login-container button{background:#077567;color:#fff;width:100%;justify-content:center;margin-top:50px;border-radius:25px}#login-screen div#image{background:url(/public/assets/onlinelearning.jpg);background-size:cover;background-position:center;width:300px;border-top-left-radius:20px;border-bottom-left-radius:20px;position:relative}#login-screen div#image #image-text{color:#fff;padding:15px;position:absolute;bottom:0}.modal-container{transition:opacity .5s ease,background-color .5s ease;opacity:0;backdrop-filter:blur(3px);z-index:-1;display:flex;background-color:#0000008c;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center}.modal-container .modal{transition:transform .3s ease;position:relative;max-width:500px;background:#fff;width:100%;height:100%;padding:25px;box-sizing:border-box;border-radius:5px;overflow-y:auto;max-height:500px;transform:translateY(-100px)}.modal-container .modal .close-btn{position:absolute;right:15px;top:15px}.modal-container .modal .close-btn svg{width:20px;height:20px}.modal-container .modal .input-container{padding:5px 0}.modal-container .modal .input-container input,.modal-container .modal .input-container select,.modal-container .modal .input-container textarea{width:100%;box-sizing:border-box;background:#f6f6f6;border:1px solid rgb(192,192,192);border-radius:7px;padding:10px;margin-top:6px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch input:checked+.slider{background-color:#2196f3}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}#landing-header header{width:100%;height:100%}#landing-header header video{height:100%;width:100%;object-fit:cover}#modal-create.open-modal{opacity:1;z-index:1}#modal-create.open-modal .modal{transform:translateY(0)}#modal-create-file.open-modal{opacity:1;z-index:1}#modal-create-file.open-modal .modal{transform:translateY(0)}#modal-edit.open-modal{opacity:1;z-index:1}#modal-edit.open-modal .modal{transform:translateY(0)}@media screen and (max-width: 1300px){.col-25{width:33%}}@media screen and (max-width: 1200px){.col-33,.col-25{width:50%}}@media screen and (max-width: 860px){.col-33{width:50%}#topnav #burger-menu{display:flex}#login-screen #image{display:none}#sidebar{position:absolute;left:0;transform:translate(-280px)}body.open #sidebar{transform:translate(0)}}@media screen and (max-width: 540px){.col-33,.col-25{width:100%}#topnav div#topnav-links #topnav-actions{width:100%;justify-content:end}}