* { margin: 0; padding: 0; font-family: Sans-Serif; font-size: 14pt; color: #444; box-sizing: border-box; } input { outline: none; border-radius: 0; -webkit-appearance: none; } table, tr, td { border-style: none; border-collapse: collapse; vertical-align: middle; text-align: left; } body { background: #f0f0f0; } span.form-title { font-size: 20pt; color: #5b8; } input.form-field { margin: auto; padding: 8pt 6pt 8pt 6pt; width: 100%; border: 1px solid #aaa; } input.form-field:focus { border-color: #488; } div.form-button, input.form-button{ padding: 6pt; width: 100%; border: none; background: #488; color: #fff; text-align: center; } div.form-button:hover, input.form-button:hover{ cursor: pointer; } div.form-button:active, input.form-button:active{ background: #888; } div.floating-dialog-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(35,25,0,0.15); display: flex; } div.floating-dialog-window { margin: auto; padding: 24pt; box-sizing: border-box; background: white; box-shadow: 0 0 24px rgba(156,128,128,0.4); }