.body{padding:2rem 0}hr{margin-top:0}.input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.name--mod{width:60%}.input-span{position:absolute;font-size:1.5rem;color:#5f5f5f;top:.5rem;pointer-events:none;-webkit-transition:all .2s;transition:all .2s}.transactoin-income-body .datetime-mask{position:relative}.transactoin-income-body .datetime-mask .calendar--mod{position:absolute;right:10px;bottom:12px;color:#989899}.transactoin-income-body .desc{margin-top:1rem;font-size:18px;color:#5f5f5f;margin-bottom:0}.transactoin-income-body .datetime-mask:hover{cursor:text}.transactoin-income-body .vdatetime-input{opacity:0;position:absolute}.transactoin-income-body .input-span--amount,.transactoin-income-body .input-span--name{left:1rem}input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input{margin-right:15px}.input--name:focus~.input-span--name,.input--name:not(:placeholder-shown)~.input-span--name{-webkit-transform:scale(.75) translateY(-50px) translateX(-30px);transform:scale(.75) translateY(-50px) translateX(-30px)}.input--amount:focus~.input-span--amount,.input--amount:not(:placeholder-shown)~.input-span--amount{-webkit-transform:scale(.75) translateY(-50px) translateX(-30px);transform:scale(.75) translateY(-50px) translateX(-30px)}.relative{position:relative}.amount--mod{width:30%}.error{color:red;float:left;margin:0 auto;margin-left:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer{width:100%}.footer .buttons .btn--mod{height:35px;min-width:75px;margin-left:5px;-ms-flex-item-align:center;align-self:center}.footer .buttons button:disabled{background-color:var(--primary-color-lighten)}.buttons{float:right}