* {
    margin: 0;
    padding: 0;
}

html {
    /*font-size: 68.75%;*/ /* Most browsers have default 16px. 62.5% => 10 px;*/
    font-size: 13px;
}

h3 {
    margin: 0.25rem;
    padding: 0.25rem;
    padding-bottom: 0;
}

body {
    font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
    /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Verdana, Arial, sans-serif;*/
    margin: 4px;
}

button {
    font-size: 100%;
    padding: 2px 6px;
}

table {
    border-collapse: collapse;
}
    table svg {
        width: 16px;
        height: 16px;
        display: block;
    }

th, td {
    padding: 0 0.375rem;
}

form {
    border: 2px solid rgba(100, 100, 100, .5);
    border-radius: 6px;
    padding: 0.25rem;
    margin: 0.25rem;
    display: inline-block;
    text-align: right;
}

label {
    /*float: left;*/
    /*font-size: 13px;*/
    margin: 3px;
    padding-right: 0.5rem;
}

input, select {
    box-sizing: border-box;
    /*font-size: 12px;*/
    /*font-family: inherit;*/
    margin: 1px;
    width: 8.5rem;
}

    input[type='text'] {
        padding-right: 1rem;
    }
    input[type='date'] {
        font-family: inherit;
        padding-left: 1px;
    }

    select:disabled {
        background-color: #000;
        color: #fff;
        cursor: not-allowed;
    }