/**********************************/

table.yesno, span.yesno {
    border: 0px solid green;
    padding: 1px;
    margin: 0;
}

    table.yesno td, span.yesno td {
        border: 0px solid red;
        padding: 0px !important;
        margin: 0;
        vertical-align: text-bottom;
    }

    table.yesno input, span.yesno input {
        border: 0px solid red;
        margin-top: 2px;
        margin-left: 2px;
        padding: 0px;
    }

    table.yesno label, span.yesno label {
        border: 0px solid red;
        display: inline-block;
        margin-left: 2px;
    }

/**********************************/

.error {
    color: red;
}

.warning {
    color: darkorange;
}

.success {
    color: green;
}

/**********************************/

div.table {
    display: inline-table;
}

    div.table > div {
        display: table-row;
    }

        div.table > div > div {
            display: table-cell;
            vertical-align: top;
            margin: 3px;
            padding: 3px;
        }

/**********************************/

table caption {
    margin: 3px;
    padding: 3px;
    vertical-align: top;
    text-align: left;
    font-weight: 600;
}

/**********************************/

table.form {
    margin-left: -4px;
    width: fit-content;
}

    table.form caption {
        margin: 3px;
        padding: 2px;
        vertical-align: top;
        text-align: left;
        font-weight: 600;
    }

    table.form th {
        margin: 3px;
        padding: 3px;
        vertical-align: top;
        text-align: left;
        font-weight: 600;
    }

    table.form td {
        margin: 3px;
        padding: 3px;
        vertical-align: top;
    }

        table.form td input[type=checkbox] {
            margin: 3px;
            padding: 3px;
            vertical-align: top;
        }

/**********************************/

table.radio, table.checkbox {
    margin: -2px 0px 0px -3px;
    width: fit-content;
}

    table.radio td, table.checkbox td {
        padding: 0px 0px 0px 0px;
        vertical-align: top;
    }

    table.radio input[type=radio], table.checkbox input[type=checkbox] {
        margin: -2px 3px 0px 0px;
    }

    table.radio label, table.checkbox label {
        margin: 0px 10px 0px 0px;
    }

/**********************************/

address {
    font-style: inherit;
}

/**********************************/

input, select {
    padding: 0px 4px 2px 4px;
    font-size: inherit;
    font-family: inherit;
}

textarea {
    padding: 0px 4px 2px 4px;
    font-size: inherit;
    font-family: inherit;
}

button {
    padding: 0px 4px 2px 4px;
    font-size: inherit;
    font-family: inherit;
}


input, select, textarea {
    font-size: inherit;
    font-family: inherit;
}

    input[type=text], input[type=password], input[type=email], input[type=number], textarea, select {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        font-size: inherit;
        font-family: inherit;
    }

    input[type=radio], input[type=checkbox] {
        margin: 5px 0px 0px 0px;
        vertical-align: middle;
    }

    input[type=image] {
        margin: 0px 0px 0px 0px;
        vertical-align: middle;
    }

    input: {
        background-color: yellow;
        font-size: 20pt;
    }

ol {
    margin: 7px;
}

    ol li {
        margin: 7px;
        margin-left: -30px;
    }

ul {
    list-style: circle;
    margin: 7px;
}

    ul li {
        list-style-type: circle;
        margin: 7px;
        margin-left: -30px;
    }

/* ---------------------------- */

.flex {
    display: flex;
    flex-wrap: wrap;
    margin: -2px 0px 0px -10px;
    border: 0px dashed purple;
}

    .flex > div {
        text-align: center;
        padding: 3px 3px 3px 3px;
        margin: 0px 0px 0px 8px;
        border: 0px dotted black;
    }

        .flex > div > label > input {
            vertical-align: middle;
            margin: 2px 0px 0px 8px;
            border: 0px solid red;
        }

            .flex > div > label > input[type=radio] {
                vertical-align: middle;
                margin: -2px 0px 0px 0px;
                border: 01px solid green;
            }

            .flex > div > label > input[type=checkbox] {
                vertical-align: middle;
                margin: -2px 0px 0px 0px;
                border: 0px solid blue;
            }