.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;
}
.frow-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-around;
    align-items: center;
}
.fr-double {
    position: relative;
    flex-basis: 100% !important;
}
.fr-double select {
    position: absolute;
    bottom: 0;
    width: 120px !important;
}
.form-flex .fr-double input[type="text"] {
    margin-left: 130px;
    width: calc(100% - 130px);
}

.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;
}
.nx-doc-group-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border: solid 1px #ddd;
    border-radius: 3px;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .form-flex {
        flex-wrap: wrap;
    }
    .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%;
    }
}  

/* calendar */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,600&display=swap);.top-arrow{left:50%;position:absolute;top:0;background-color:#fff;border-left:1px solid #c9d4e0;border-top:1px solid #c9d4e0;transform:translate(-50%,-50%) rotate(45deg);height:16px;width:16px}@media only screen and (max-width:768px){.top-arrow{display:none}}.top-arrow--popup{display:none}.dob-datepicker{box-sizing:border-box;position:absolute;width:322px;display:flex;flex-direction:column;background-color:#fff;padding:10px;border-radius:.5rem;border:1px solid #c9d4e0;font-family:Lato,sans-serif;color:#2d3748}@media only screen and (max-width:768px){.dob-datepicker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.dob-datepicker--popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dob-datepicker__wrapper{position:absolute;display:flex;flex-direction:column}.dob-datepicker__wrapper--hide{display:none}.dob-datepicker__background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent}@media only screen and (max-width:768px){.dob-datepicker__background{opacity:.7;background-color:#000}}.dob-datepicker__background--popup{opacity:.7;background-color:#000}.dob-datepicker__alert{color:red}.dob-datepicker__alert,.dob-datepicker__header{font-weight:600;text-align:center;margin:1rem 0}.dob-datepicker__header{font-size:16px;color:#2d3748}.dob-datepicker__selection-header{font-size:16px;text-align:center;color:#2d3748}.dob-datepicker__options{font-size:13px;width:100%;padding:1rem 0;color:#2d3748}.dob-datepicker__reset{font-size:13px;align-self:flex-start;display:inline-flex;flex-direction:row;align-items:center;background-color:#fff;border:none;font-family:Lato,sans-serif;color:#2d3748}.dob-datepicker__reset:focus,.dob-datepicker__reset:hover{outline:none;position:relative;z-index:10;box-shadow:0 0 5px 5px rgba(59,130,246,.5);font-weight:600;text-decoration:underline;border-radius:5px;cursor:pointer;outline-color:transparent;outline-width:2px;outline-style:dotted}.dob-datepicker__month{display:flex;flex-direction:row;flex-wrap:wrap;font-size:inherit;color:#2d3748}.dob-datepicker__month:focus{outline:none}.dob-datepicker__month__button{position:relative;width:33.33%;border:none;padding:.8rem 0;background-color:transparent;z-index:0;-webkit-text-stroke:0;font-family:Lato,sans-serif;color:#2d3748}.dob-datepicker__month__button:not(:nth-child(1n+10)){border-bottom:1px solid #e2e8f0}.dob-datepicker__month__button:not(:nth-child(3n)){border-right:1px solid #e2e8f0}.dob-datepicker__month__button:focus,.dob-datepicker__month__button:hover{outline:none;position:relative;z-index:10;box-shadow:0 0 5px 5px rgba(59,130,246,.5);font-weight:600;text-decoration:underline;border-radius:5px;cursor:pointer;outline-color:transparent;outline-width:2px;outline-style:dotted}.dob-datepicker__day{display:flex;flex-direction:row;flex-wrap:wrap;font-size:inherit}.dob-datepicker__day:focus{outline:none}.dob-datepicker__day__button{position:relative;width:20%;height:100%;border:none;padding:.8rem 0;background-color:transparent;z-index:0;-webkit-text-stroke:0;font-family:Lato,sans-serif;color:#2d3748}.dob-datepicker__day__button:not(:nth-child(31)){border-bottom:1px solid #e2e8f0}.dob-datepicker__day__button:not(:nth-child(5n)){border-right:1px solid #e2e8f0}.dob-datepicker__day__button:focus,.dob-datepicker__day__button:hover{outline:none;position:relative;z-index:10;box-shadow:0 0 5px 5px rgba(59,130,246,.5);font-weight:600;text-decoration:underline;border-radius:5px;cursor:pointer;outline-color:transparent;outline-width:2px;outline-style:dotted}.dob-datepicker__day__ordinal-number{line-height:0;display:inline;font-size:75%;vertical-align:super;margin:0;padding:0}.dob-datepicker__year{display:flex;flex-direction:column;height:300px;overflow-y:scroll;width:100%;font-size:inherit;color:#2d3748}.dob-datepicker__year:focus{outline:none}.dob-datepicker__year--snap-active{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.dob-datepicker__year__year-section{width:100%;display:flex;flex-direction:column;margin:10px 0}.dob-datepicker__year__year-section--snap-active{scroll-snap-align:start}.dob-datepicker__year__year-section-header{font-size:.8rem;font-weight:600;display:flex;text-align:center;justify-content:center;margin-bottom:20px}.dob-datepicker__year__wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.dob-datepicker__year__year-section-next{cursor:pointer;line-height:0;font-size:2rem;font-weight:600;text-align:center;align-items:center;margin:20px 0}.dob-datepicker__year__button,.dob-datepicker__year__year-section-next{background-color:transparent;border:none;display:flex;justify-content:center}.dob-datepicker__year__button{flex-direction:row;position:relative;width:25%;padding:.8rem 0;z-index:0;border-bottom:1px solid #e2e8f0;-webkit-text-stroke:0;font-family:Lato,sans-serif;color:#2d3748}.dob-datepicker__year__button:not(:nth-child(4n)){border-right:1px solid #e2e8f0}.dob-datepicker__year__button:focus,.dob-datepicker__year__button:hover{outline:none;position:relative;z-index:10;box-shadow:0 0 5px 5px rgba(59,130,246,.5);font-weight:600;text-decoration:underline;border-radius:5px;cursor:pointer;outline-color:transparent;outline-width:2px;outline-style:dotted}.dob-datepicker__year__button__first{font-weight:300}.dob-datepicker__year__button__last{font-weight:600}