body{font-family:Arial}input[type=number]{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=number]:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}button{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#007bff;border:1px solid #007bff;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}div{font-size:1rem;line-height:1.5}button:hover{background-color:#0069d9;border-color:#0062cc}button:focus{outline:0;box-shadow:0 0 0 .2rem #268fff80}button:disabled{opacity:.65;cursor:not-allowed}button.cancel{background-color:#6c757d;border-color:#6c757d}button.cancel:hover{background-color:#5a6268;border-color:#545b62}