@import"https://fonts.googleapis.com/css?family=Montserrat:400,800";.title{font-weight:700;margin:0;font-size:40px;padding:20px 0}.icon{width:20px;height:20px;margin:0 5px}.table tbody tr.alert-danger{background-color:#f8d7da!important;border-left:4px solid #dc3545}.table tbody tr.alert-danger:hover{background-color:#f5c6cb!important}.badge.bg-danger{background-color:#dc3545!important}.badge.bg-success{background-color:#198754!important}.badge.bg-info{background-color:#0dcaf0!important;color:#000!important}.icon{width:16px;height:16px}.modal-content{border-radius:10px}.modal-header{border-bottom:2px solid #dee2e6}.modal-footer{border-top:2px solid #dee2e6}.form-check-input:checked{background-color:#198754;border-color:#198754}.table-responsive{border-radius:8px;overflow:hidden}.table thead th{background-color:#343a40;color:#fff;border-bottom:2px solid #dee2e6}.spinner-border{width:1.5rem;height:1.5rem}*{box-sizing:border-box}body.login-page{font-family:Montserrat,sans-serif;background:#f6f5f7;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:20px 0 50px;padding-top:20px}.logo{margin-top:20px;padding-bottom:20px}h1{font-weight:700;margin:0;font-size:20px}p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span{font-size:12px}a{color:#0e263d;font-size:14px;text-decoration:none;margin:15px 0}.container{background:#fff;border-radius:10px;box-shadow:0 14px 28px #0003,0 10px 10px #0003;position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container form{background:#fff;display:flex;flex-direction:column;padding:0 50px;height:100%;justify-content:center;align-items:center;text-align:center}.social-container{margin:20px 0}.social-container a{border:1px solid #008ecf;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}.form-container input{background:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%}button,.btn-login{border-radius:20px;border:1px solid #008ecf;background:#008ecf;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}button:active,.btn-login:active{transform:scale(.95)}button:focus{outline:none}.btn-login:focus{outline:none}button.ghost,.btn-login.ghost{background:transparent;border-color:#fff}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.sign-up-container{left:0;width:50%;z-index:1;opacity:0}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.overlay{background:#ff416c;background:linear-gradient(to right,#008ecf,#008ecf) no-repeat 0 0 / cover;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateY(0);transition:transform .6s ease-in-out}.overlay-panel{position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 40px;height:100%;width:50%;text-align:center;transform:translateY(0);transition:transform .6s ease-in-out}.overlay-right{right:0;transform:translateY(0)}.overlay-left{transform:translateY(-20%)}.container.right-panel-active .sign-in-container{transform:translateY(100%)}.container.right-panel-active .overlay-container{transform:translate(-100%)}.container.right-panel-active .sign-up-container{transform:translate(100%);opacity:1;z-index:5}.container.right-panel-active .overlay{transform:translate(50%)}.container.right-panel-active .overlay-left{transform:translateY(0)}.container.right-panel-active .overlay-right{transform:translateY(20%)}.bottom-text{position:fixed;bottom:0;left:0;width:100%;color:#000;text-align:center;padding:10px;font-size:16px;z-index:9999}