.message {
    margin-bottom: 20px;
    padding: 10px;
    background: #f1f1f1;
}
.form-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.nxd-form-row {
    flex: 1 1 100%;
    margin-bottom: 20px;
}
.nxd-form-row label {
    display: block;
    margin-bottom: 5px;
}
.nxd-form-row input[type="text"], 
.nxd-form-row textarea,
.nxd-form-row select,
.nxd-form-row input[type="email"],
.nxd-form-row input[type="password"],
.nxd-form-row input[type="number"],
.nxd-form-row input[type="date"],
.nxd-form-row input[type="time"],
.nxd-form-row input[type="url"],
.nxd-form-row input[type="tel"],
.nxd-form-row input[type="search"] {
    
    width: 100% ;
    border: solid 1px #ddd;
    border-radius: 3px;
}

@media (min-width: 768px) {
    .nxd-form-row {
        flex: 1 1  calc(50% - 10px);
        
    }
}
.nxd-form-row label {
    display: block;
    margin-bottom: 5px;
}
.nxd-form-row input[type="text"], .nxd-form-row textarea {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.nxd-form-row input[type="text"]:focus, .nxd-form-row textarea:focus {
    border-color: #007cba;
}

.button-primary {
    background: #007cba;
    border-color: #007cba;
}

.button-primary:hover {
    background: #005f7b;
    border-color: #005f7b;
}
input#nx_last_id { 
    border: solid 1px #bbb;
    border-radius: 3px;
    max-width: 80px;
}
select#nxd_files {
    width: 150px;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 5px;
}
.dob-datepicker__day__button, .dob-datepicker__month__button, .dob-datepicker__year__button {
    position: relative;
    font-size: 15px !important;
    padding: 5px 10px !important;
}
@media (min-width: 600px) {
    .form-flex {
        flex-wrap: nowrap;
    }
    .nxd-form-row {
        flex: 1 1 50%;
    }
}

@media (min-width: 900px) {
    .nxd-form-row {
        flex: 1 1 33.33%;
    }
}

@media (min-width: 1200px) {
    .nxd-form-row {
        flex: 1 1 25%;
    }
}