.login-form{height:100%;margin:0 auto;padding:15vh 2rem;position:relative;transition:.2s;width:370px;z-index:2}.login-form h1{font-size:2rem}.login-form h2{font-size:1.5rem;font-weight:300;margin:1rem 0}.login-form .form-container{border-top:1px solid #f5f5f5;margin-top:2rem;padding-top:2rem}.login-form .form-container .form-input{display:block;margin:2rem 0}.login-form .form-container .form-input .label,.login-form .form-container .form-input input{display:block}.login-form .form-container .form-input .label{color:#848484}.login-form .form-container .form-input input:active,.login-form .form-container .form-input input:hover{border:0;border-bottom:1px solid #28448c;outline:0}.login-form .form-container .form-input input{border:0;border-bottom:1px solid #000;font-size:1rem;outline:0;padding:.5rem 0;width:100%}@media only screen and (min-width:600px){.login-form{width:600px}}.view-switch{background-color:#fff;bottom:0;box-shadow:0 -2px 15px rgba(0,0,0,.1);display:flex;left:0;position:fixed;width:100%}.view-switch .switch-button{padding:1rem 0;position:relative;transition:.2s;width:20%}.view-switch .switch-button i,.view-switch .switch-button span{display:block;text-align:center}.view-switch .switch-button i{font-size:1.8rem}.view-switch .switch-button span{font-size:.8rem;margin-top:.4rem}.view-switch .switch-button.active i,.view-switch .switch-button.active span{color:#28448c;transition:.2s}.view-switch .highlight{background-color:#28448c;bottom:.5rem;height:2px;left:0;position:absolute;transition:.2s;width:20%}.notification{height:100vh;left:0;position:fixed;top:0;width:100%}.notification .shadow{background-color:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%}.notification .modal{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2);left:50%;padding:2rem 1rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.card{background-color:#f5f5f5;border-radius:5px;margin:1rem 0;padding:1rem}.card .foot{margin:.5rem 0;width:100%}.app-view{padding:2rem 1rem 8rem}.app-view h2{font-size:1.2rem;font-weight:400}.app-view .divider{border-top:1px solid #f5f5f5;margin-top:2rem}.app-view .header{align-items:center;display:flex;justify-content:space-between;width:100%}.app-view .form-input{display:block;margin:1rem 0}.app-view .form-input .label,.app-view .form-input input{display:block}.app-view .form-input .label{color:#848484}.app-view .form-input .input-money{display:flex;width:100%}.app-view .form-input .input-money .currency{background-color:#f5f5f5;border-radius:5px 0 0 5px;font-family:Helvetica Neue,sans-serif;font-size:1rem;margin-top:.5rem;padding:.5rem;text-align:center;width:10%}.app-view .form-input .input-money input{background-color:#f5f5f5;border:0;border-radius:0 5px 5px 0;font-size:1rem;margin-top:.5rem;outline:0;padding:.5rem;resize:none;width:90%}.app-view .form-input input:active,.app-view .form-input input:hover{border:0;border-radius:5px;outline:0}.app-view .form-input input,.app-view .form-input textarea{background-color:#f5f5f5;border:0;border-radius:5px;font-size:1rem;margin-top:.5rem;outline:0;padding:.5rem;resize:none;width:100%}.app-view .calculations{display:flex;margin-top:.5rem;width:100%}.app-view .calculations .money-bubble{background-color:#f5f5f5;border-radius:5px;margin-right:.5rem;padding:1rem;text-align:center}.app-view .calculations .money-bubble h3{font-size:.8rem}.app-view .calculations .money-bubble .money{display:block;font-size:1.2rem;margin-top:.5rem}.app-view .message{color:#848484;margin:2rem 0;text-align:center}.subtabs{display:flex;list-style:none;margin-bottom:1rem}.subtabs li{flex:1}.subtabs button{background-color:transparent;border:1px solid #848484;border-top:0;display:block;font-weight:600;outline:0;padding:.8rem 1rem;text-align:center;width:100%}.subtabs button.active{background-color:#28448c;color:#fff}*{box-sizing:border-box;font-family:Helvetica Neue,sans-serif;margin:0;padding:0}.container{background-color:#fff;font-size:16px;min-height:100vh;overflow-x:hidden;width:100%}.btn-primary{background-color:#28448c;border:none;border-radius:5px;box-shadow:0 5px 10px rgba(40,68,140,.2);color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:.5rem 1rem}.btn-primary.full{padding:1rem;width:100%}.btn-primary:disabled{background-color:#4c5a80}.mb-4{margin-bottom:1rem}.flair-bottom{background:#28448c;bottom:0;clip-path:polygon(100% 100%,0 40%,0 100%);height:30vh;left:0;position:absolute;width:100%;z-index:1}.slide-left-enter-active,.slide-left-leave-active{transition:transform .3s}.slide-left-enter,.slide-right-leave-to{transform:translate(-100%)}.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s}.slide-left-leave-to,.slide-right-enter{transform:translate(100%)}.pop-enter-active,.pop-leave-active{transition:all .2s}.pop-enter,.pop-leave-to{opacity:0;transform:translateY(10%)}