.login-form{width:100%;padding-top:50px;padding-bottom:25px}.login-form,.login-form form{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form form{width:90%;max-width:400px}.login-form form .input-with-icon{width:100%;padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;justify-content:center;position:relative}.login-form form .input-with-icon input{width:100%;height:50px;-webkit-padding-start:40px;padding-inline-start:40px;-webkit-padding-end:40px;padding-inline-end:40px;text-align:start;background-color:none;outline:none;border:1px solid #b8b8b8;border-radius:8px}.login-form form .input-with-icon input:hover{background-color:#d8d8d8}.login-form form .input-with-icon .label-icon{position:absolute;color:var(--primary-background-color)}.login-form form .input-with-icon .i-left{left:5px}.login-form form .input-with-icon .i-right{right:5px}.login-form form .input-with-icon .password-lock{cursor:pointer}.login-form form .submit{width:100%;max-width:400px;height:50px;outline:none;border:none;border-radius:8px;background-color:var(--action-color);color:#fff;cursor:pointer;transition:transform .5s;font-size:larger}.login-form form .submit:hover{transform:scale(1.02)}.logout-button{width:90%;max-width:400px;height:50px;outline:none;border:none;border-radius:8px;background-color:var(--primary-background-color);color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer}.logout-button:hover{background-color:var(--primary-background-color-hover)}.logout-button .logout-button-i{margin-right:5px}.logout-form{width:100%;padding-top:50px;padding-bottom:25px;min-height:500px}.logout-form,.logout-form form{display:flex;flex-direction:column;justify-content:center;align-items:center}.logout-form form{width:90%;max-width:400px}.logout-form h1{margin-bottom:25px}.logout-form form .input-with-icon{width:100%;padding-top:10px;padding-bottom:10px;display:flex;flex-direction:column;justify-content:center;position:relative}.logout-form form .input-with-icon input{width:100%;height:50px;-webkit-padding-start:40px;padding-inline-start:40px;-webkit-padding-end:40px;padding-inline-end:40px;text-align:start;background-color:none;outline:none;border:1px solid #b8b8b8;border-radius:8px}.logout-form form .input-with-icon input:hover{background-color:#d8d8d8}.logout-form form .input-with-icon .label-icon{position:absolute;color:var(--primary-background-color)}.logout-form form .input-with-icon .i-left{left:5px}.logout-form form .input-with-icon .i-right{right:5px}.logout-form form .input-with-icon .password-lock{cursor:pointer}.logout-form form .submit{width:100%;max-width:400px;height:50px;outline:none;border:none;border-radius:8px;background-color:var(--primary-background-color);color:#fff}.static-nav{width:100%;min-height:100px;padding-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.static-nav .app-logo{width:5rem}