form {
    max-width: 700px;
}

    form label,
    form .label {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    form label,
    form legend,
    form .label {
        font-weight: 400;
        color: #6f6f6f;
        letter-spacing: 0.075em;
        line-height: 1.3;
        text-transform: uppercase;
        font-size: 1em;
        display: flex;
        flex-direction: column;
    }

    form input:not([type]),
    form input[type=text],
    form input[type=password],
    form input[type=date],
    form input[type=datetime],
    form input[type=datetime-local],
    form input[type=month],
    form input[type=week],
    form input[type=email],
    form input[type=tel],
    form input[type=time],
    form input[type=url],
    form input[type=color],
    form input[type=number],
    form input[type=search],
    form select,
    form textarea {
        background: #fafafa;
        color: #666;
        border: 1px solid #ccc;
        border-radius: 0;
        padding: 12px;
        box-sizing: border-box;
        max-width: 100%;
        font-size: 1em;
    }

    form textarea {
        min-height: 8em;
    }

    form input[type=file] {
        margin-top: 5px;
    }

    form [type=reset],
    form [type=submit],
    button,
    form html [type=button] {
        -webkit-appearance: button;
    }

    button,
    form input[type=button],
    form input[type=submit] {
        border: 1px solid transparent;
        background-color: #1456f1;
        color: #fff;
        cursor: pointer;
        -webkit-transition: 0.2s all ease-out;
        transition: 0.2s all ease-out;
    }

        button,
        button:disabled,
        form input[type=button],
        form input[type=button]:disabled,
        form input[type=reset],
        form input[type=reset]:disabled,
        form input[type=submit],
        form input[type=submit]:disabled {
            overflow: hidden;
            line-height: 1.25;
            max-width: 7em;
            padding: 0.75em 1.75em;
            text-align: center;
            /*display: inline-block;*/
            position: relative;
            font-size: 1em;
            letter-spacing: 0.075em;
            text-transform: uppercase;
            vertical-align: middle;
            font-weight: 400;
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    form .form-row {
        display: flex;
        justify-content: space-between;
    }

    form .info {
        text-transform: none;
        font-size: 0.7em;
        font-weight: normal;
        margin: 5px 0;
        font-style: italic;
    }

    form .checkbox,
    form .radio {
        display: flex;
    }

        form .checkbox label,
        form .checkbox .label,
        form .radio label,
        form .radio .label {
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

            form .checkbox label > span,
            form .checkbox .label > span,
            form .radio label > span,
            form .radio .label > span {
                order: 2;
                padding: 12px 25px 10px 5px;
            }

            form .checkbox label > input,
            form .checkbox .label > input,
            form .radio label > input,
            form .radio .label > input {
                order: 1;
                background-color: red;
            }

    form .label {
        margin-right: 5px;
    }

    form .action-bar {
        display: flex;
        justify-content: flex-end;
    }

        form .action-bar a {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 5px;
            padding: 10px;
            flex: 1 1 0px;
            max-width: 7em;
            -webkit-transition: 0.3s all ease-out;
            transition: 0.3s all ease-out;
        }

            form .action-bar a:visited {
                color: #000;
            }

        form .action-bar button:hover,
        form .action-bar input[type=submit]:hover {
            background-color: #040a47;
            color: #fff;
            border: 1px solid #040a47;
        }

        form .action-bar a:hover {
            background-color: #040a47;
            color: #fff;
            border: none;
        }