/* ====================================================================== */
/* ========================== FORMS =================================== */
/* ====================================================================== */

.field-element {
    font-size: 1rem;
    line-height: 1.5rem;

    /*border: 1px solid #32398E;*/
    border: 1px solid #458721;
    box-sizing: border-box;

    width: calc(100% - 1rem);

    padding: 0.75rem 1rem;
    /*margin-left: 0.5rem;    margin-right: 0.5rem;*/

    border-radius: 0.5rem;

}




:focus {
    outline: #0a0a0a solid 2px;
    outline-offset: 4px;
}
::-webkit-input-placeholder {
    color: rgba(0,0,0,.6);
}
::-ms-input-placeholder {
    color: rgba(0,0,0,.6);
}
::placeholder {
    color: rgba(0,0,0,.6);
}
.field-error {
    margin-right: 1rem;
}

.field-element:focus, .custom-check-mark:focus, button[type="submit"]:focus {
    outline: 1px solid #458721;
    /*outline: 5px auto -webkit-focus-ring-color;*/
}

button[type="submit"] {
    box-shadow: none;
    border: none;
}





.field-error-color {
    color: #f23d3d;
}
.field-error-bg {
    background-color: #fed9db;
}

.field-error ul {
    margin: 0 0 0.5rem 0;
    padding-left: 0.5rem;
    padding-right: 0;
    list-style: none;
}

.field-error ul:last-child {
    margin-bottom: 0;
    padding-bottom: 0.5rem;
}
.field-error ul:first-child {
    padding-top: 0.5rem;
}

.field-error li {
    margin-top: 0; margin-bottom: 0;
    line-height: 1.25rem;
    list-style: none;
}