input[type="radio"] {
    z-index: 1;
}

.dynamicdata {
    display: inline !important;
    font-weight: 700;
}

.validationMessage {
    color: #df0000;
    padding-left: 5px;
    margin: 10px 0;
}

.dynamoForm input[type="checkbox"] {
    min-width: 20px;
}

.dynamoForm table {
    width: 100%;
}

.dynamoForm td {
    padding: 10px;
    vertical-align: middle;
}


.dynamoForm thead {
    background: #6ea043;
    color: #fff;
}

.dynamoForm th {
    background: #6ea043;
    border: 1px solid #eee;
    color: #fff;
    padding: 10px;
}

#dynamoForm, .dynamoForm, .dynamoSummary, .container-fluid > .marginTB20 {
    line-height: 1.4rem;
}

.error-message .flex {
    display: flex;
    gap: 17px;
}

.error-message span {
    line-height: 1.5;
}

.error-message .w-6 {
    width: 1.5rem;
}

.error-message .h-6 {
    height: 1.5rem;
}

.dynamoForm input[type="text"], .dynamoForm input[type="date"],  #authCode {
    border-style: solid;
    padding: 18px 10px 18px 10px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    height: 25px;
    width: 100%;
    
}

    .dynamoForm input[type="text"]:focus, .dynamoForm input[type="date"]:focus, .dynamoForm select:focus, #authCode:focus {
        border: 1px solid #004C6A;
    }

.dynamoForm select {
    border: 1px solid #d1d5db;
    border-radius: 3px;
    border-style: solid;
    height: 40px;
    background: white;
}

.authCodeContainer {
    margin-top: 15px;
}

    .authCodeContainer > .authCodeForm {
        display: flex;
        gap: 5px;
    }

    .authCodeContainer label {
        align-self: center;
    }

.summaryPageContainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.buttonContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}


.vbe-h1-size {
    font-size: 2.45rem;
}

.vbeFlexContainer {
    display: flex;
    gap: 20px;
    margin: 10px;
    justify-content: center;
}

.btn:hover {
    cursor: pointer;
}

.field-validation-error {
    color: #df0000;
}

#backBtnUpdate {
    float: right;
    text-decoration: underline;
    color: #004C6A;
}

.dynamoForm .alignCheckBoxElement {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 1rem !important; 
}

.dynamoForm label {
    display: block;
}

.pageElem table tr td div label {
    font-weight: 600;
}

.alignCheckBoxElement label {
    font-weight:400 !important;
}

.dynamoForm tbody tr:nth-child(even) {
    background: #eee;
}

.dynamoForm tbody tr:not(.dynamo-question-row, .dynamo-answer-row):nth-child(odd) {
    background: #fff;
}

.dark .dynamoForm tbody tr:not(.dynamo-question-row, .dynamo-answer-row):nth-child(even) {
    background: #1F2937;
}

.dark .dynamoForm tbody tr:not(.dynamo-question-row, .dynamo-answer-row):nth-child(odd) {
    background: #111827;
}

.dark .dynamo-note-row {
    background: none !important;
}

.dark .dynamoForm select {
    background: #595959;
}
