.form-conteiner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

form {
    /* width: 100% !important; */
    border-radius: 20px !important;
}

form>h1 {
    color: var(--font-secundario) !important;
    margin-bottom: 20px !important;
}
/* select, input,
button {
    padding: 10px !important;
    min-height: 25px !important;
    margin-top: 0px !important;
} */

select, input,
button {
    border: 0.3px solid rgb(223, 223, 223) !important;
}

select:focus, input:focus,
button:focus {
    outline: 1px solid var(--input-focus) !important;
    -webkit-box-shadow: 0px 0px 5px 4px var(--input-focus) !important;
    box-shadow: 0px 0px 5px 4px var(--input-focus) !important;
}

button.inside,
input[type=button].inside,
button.outline:hover,
input[type=button].outline:hover {
    font-weight: 600 !important;
    color: var(--font-ligth) !important;
    background-color: var(--btn-action) !important;
    border: none !important;
    cursor: pointer !important;
}

button.inside:hover,
input[type=button].inside:hover,
button.outline,
input[type=button].outline {
    font-weight: 600 !important;
    color: var(--font-ligth) !important;
    background-color: var(--btn-action-hover) !important;
    border: 1px solid var(rgb(19, 163, 91)) !important;
    transition: all 0.5s ease-out !important;
}

input[type="radius"]{
    width: 30px;
    height: 30px
}

.ui-datepicker-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.ui-datepicker-header>div{
    padding: 7px;
}
#ui-datepicker-div{
    background-color: white;
}
.ui-datepicker-title{
    width: 100% !important;
    text-align: center;
}