#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}nav[data-v-4898b499]{display:flex;margin-left:-9px;text-decoration:none;width:100%;padding:10px 0!important}nav a[data-v-4898b499]{text-decoration:none!important;font-size:14px}.bottom-nav[data-v-4898b499]{position:fixed;bottom:0;width:100%;background-color:#f0f0f0}.tab[data-v-4898b499]{text-align:center;flex:1}@media only screen and (max-width:876px){.bottom-nav[data-v-4898b499]{font-size:10px}}[data-v-9da38f7c]{box-sizing:border-box}body[data-v-9da38f7c]{background:#f6f5f7;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;width:100%;margin:0;padding:0}.container[data-v-9da38f7c]{margin:0;padding:0}h1[data-v-9da38f7c]{font-weight:700;margin:0}h2[data-v-9da38f7c]{text-align:center}p[data-v-9da38f7c]{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span[data-v-9da38f7c]{font-size:12px}a[data-v-9da38f7c]{color:#333;font-size:14px;text-decoration:none;margin:15px 0}button[data-v-9da38f7c]{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}button[data-v-9da38f7c]:active{transform:scale(.95)}button[data-v-9da38f7c]:focus{outline:none}button.ghost[data-v-9da38f7c]{background-color:transparent;border-color:#fff}form[data-v-9da38f7c]{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;text-align:center}input[data-v-9da38f7c],select[data-v-9da38f7c]{background-color:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%}.container[data-v-9da38f7c]{background-color:#fff;display:flex;justify-content:space-between;width:100%;max-width:100%;min-height:100%}.logo[data-v-9da38f7c]{width:25%;border-radius:30px}.form-container[data-v-9da38f7c]{width:25%;min-width:300px}.form-container[data-v-9da38f7c],.overlay-container[data-v-9da38f7c]{top:0;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.overlay-container[data-v-9da38f7c]{flex:1;left:50%;width:50%;background:#00b3ef;background:linear-gradient(0deg,#00b3ef,#2ddbfd);background-repeat:no-repeat;background-size:cover;background-position:0 0}.container.right-panel-active[data-v-9da38f7c]{transform:translateX(100%);opacity:1;z-index:5;animation:show-9da38f7c .6s}@keyframes show-9da38f7c{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.container.right-panel-active .overlay-container[data-v-9da38f7c]{transform:translateX(-100%)}.overlay[data-v-9da38f7c]{color:#fff;position:relative;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.container.right-panel-active[data-v-9da38f7c]{transform:translateX(50%)}.overlay-panel[data-v-9da38f7c]{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;top:0;height:100%;width:50%;transform:translateX(0)}.login-image[data-v-9da38f7c]{width:50%}.title[data-v-9da38f7c]{text-transform:uppercase}p[data-v-9da38f7c]{font-size:18px}@media only screen and (max-width:876px){body[data-v-9da38f7c]{width:100%}form[data-v-9da38f7c]{padding:0 30px}h1[data-v-9da38f7c]{font-size:25px}.container[data-v-9da38f7c]{flex-direction:column-reverse}.form-container[data-v-9da38f7c],.overlay-container[data-v-9da38f7c],.overlay-panel[data-v-9da38f7c],.overlay[data-v-9da38f7c]{width:100%;flex:1}.logo[data-v-9da38f7c]{width:30%;border-radius:30px}}[data-v-0775a836],[data-v-0775a836]:after,[data-v-0775a836]:before{margin:0;padding:0;box-sizing:border-box}body[data-v-0775a836]{padding:20px}.top[data-v-0775a836]{position:fixed;top:0;text-align:center;width:100%;padding:20px;background-color:#fff}.murojaah[data-v-0775a836]{padding-top:70px;max-height:85vh;overflow:scroll}table[data-v-0775a836]{border-collapse:collapse;width:200%;padding-bottom:200px}td[data-v-0775a836],th[data-v-0775a836]{padding:8px;text-align:left;border:1px solid #ddd}tbody tr[data-v-0775a836]:hover{background-color:#f5f5f5}th[data-v-0775a836]{background-color:#4caf50;color:#fff}tfoot[data-v-0775a836]{background-color:#4a524a;color:#fff}table tr[data-v-0775a836]:nth-child(2n){background-color:#f9f9f9}table tr[data-v-0775a836]:nth-child(odd){background-color:#e0e0e0}[data-v-67acd430],[data-v-67acd430]:after,[data-v-67acd430]:before{margin:0;padding:0;box-sizing:border-box}body[data-v-67acd430]{padding:20px}.top[data-v-67acd430]{position:fixed;top:0;text-align:center;width:100%;padding:20px;background-color:#fff}.hafalan[data-v-67acd430]{padding-top:70px;max-height:85vh;overflow:scroll}table[data-v-67acd430]{border-collapse:collapse;width:100%;padding-bottom:200px}td[data-v-67acd430],th[data-v-67acd430]{padding:8px;text-align:left;border:1px solid #ddd}tbody tr[data-v-67acd430]:hover{background-color:#f5f5f5}th[data-v-67acd430]{background-color:#4caf50;color:#fff}tfoot[data-v-67acd430]{background-color:#4a524a;color:#fff}table tr[data-v-67acd430]:nth-child(2n){background-color:#f9f9f9}table tr[data-v-67acd430]:nth-child(odd){background-color:#e0e0e0}