.app-form-table {
    width: 600px;
    max-width: 100%;
}

.app-form-table th {
    max-width: 25%;
    text-align: left;
    font-size: 0.95em;
    border: none;
    line-height: 1.1;
    padding: 14px 4px 4px 5px !important;
    font-weight: 400;
    vertical-align: top;
    border-bottom: 1px solid lightgrey;

}

.app-form-table label {
    display: block;
}

.app-form-table td {
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 75%;
    font-weight: 500;
    border-bottom: 1px solid lightgrey;
}


.app-form-table input, .app-form-table textarea, .app-form-table select {
    border: none;
    background-color: #f8f8f8;
    width: 100%;
    max-width: 100%;
    padding: 4px 8px !important;
    height: 37px;
}

.app-form-table input[type="checkbox"] {
    max-width: 23px;
}

.app-form-table textarea {

    height: 102px !important;
}

.app-form-table input:focus, .app-form-table textarea:focus, .app-form-table select:focus {
    border: #323232 2px solid;
}


td input[type='checkbox'] {
    height: 22px;
    width: 50px;
    margin-top: 5px;

}

input:required, select:required, textarea:required {
    background-color: #fafadd !important;
}

.delete-warning-p {
    max-width: 600px;
    padding: 12px 6px;
    background-color: #fcdddd;
}


@media (max-width: 601px) {
    .app-form-table th {
        font-size: 0.9em;
    }

    .app-form-table label {
        display: block;
    }

    .app-form-table td {
        width: 75%;
    }

    .app-form-table input, .app-form-table textarea, .app-form-table select {
        border: none;
        background-color: #f8f8f8;
        width: 100%;
        max-width: 100%;
        padding: 4px 8px !important;
        height: 35px;
    }


}