body, html { padding: 0; margin: 0; } body, button, input[type="text"], input[type="password"] { font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; } .title { padding: 10px 10px 6px; font-weight: 600; background-color: #eff2f5; border-bottom: 1px #d9e0e7 solid; color: #276eb4; font-size: 15px; } .block { padding: 10px; } .full-width { width: 100%; box-sizing: border-box; } .form_label { padding: 0 0 3px; font-weight: 600; } .form_input { margin-bottom: 15px; } .form_sublabel { padding-top: 3px; } input[type="text"], input[type="password"], select { border-radius: 4px; border: 1px #c9cccf solid; padding: 7px 9px; outline: none; } input[type="text"]:focus, input[type="password"]:focus, select:focus { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } input[type="text"]:disabled, input[type="password"]:disabled, select:disabled { background-color: #f1f2f3; border-color: #f1f2f3; } button { border-radius: 4px; border: 1px #c9cccf solid; padding: 7px 15px; outline: none; background: #fff; color: #000; /* fix for iOS */ position: relative; line-height: 18px; font-weight: 600; } button:disabled { background-color: #f1f2f3; border-color: #f1f2f3; } button:not(:disabled):hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); cursor: pointer; border-color: #b5cce3; color: #276eb4; } button:not(:disabled):active { top: 1px; } button.is_reset, button.is_reset:not(:disabled):hover { color: #e63917; }