/*! CSS Used from: https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/docs-app/css/dist/mdb5/standard/core.min.css */
*, *::before, *::after {
    box-sizing: border-box;
}

label {
    display: inline-block;
}

input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.form-label {
    margin-bottom: .5rem;
    color: var(--mdb-form-control-label-color);
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--mdb-surface-color);
    appearance: none;
    background-color: var(--mdb-body-bg);
    background-clip: padding-box;
    border: var(--mdb-border-width) solid var(--mdb-border-color);
    border-radius: var(--mdb-border-radius);
    box-shadow: var(--mdb-box-shadow-inset);
    transition: all .2s linear;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control:focus {
    color: var(--mdb-surface-color);
    background-color: var(--mdb-body-bg);
    border-color: #7E9771;
    outline: 0;
    box-shadow: var(--mdb-box-shadow-inset),0 0 0 .25rem rgba(59,113,202,.25);
}

.form-control::placeholder {
    color: rgba(var(--mdb-surface-color-rgb), 0.8);
    opacity: 1;
}

.form-control:disabled {
    background-color: var(--mdb-secondary-bg);
    opacity: 1;
}

.form-control {
    min-height: auto;
    padding: 4.5px 12px 3.68px 12px;
    transition: all .1s linear;
    box-shadow: none;
}

    .form-control:focus {
        box-shadow: none;
        transition: all .1s linear;
        border-color: #7E9771;
        box-shadow: inset 0px 0px 0px 1px #7E9771;
    }

.form-outline {
    position: relative;
    width: 100%;
}

    .form-outline .form-control {
        min-height: auto;
        padding-top: .32rem;
        padding-bottom: .32rem;
        padding-left: .75rem;
        padding-right: .75rem;
        border: 0;
        background: rgba(0,0,0,0);
        transition: all .2s linear;
    }

        .form-outline .form-control ~ .form-label {
            position: absolute;
            top: 0;
            max-width: 90%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            left: 24px;
            padding-top: .37rem;
            pointer-events: none;
            transform-origin: 0 0;
            transition: all .2s ease-out;
            /* color: var(--mdb-form-control-label-color); */
            margin-bottom: 0;
        }

        .form-outline .form-control ~ .form-notch {
            display: flex;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            max-width: 100%;
            height: 100%;
            text-align: left;
            pointer-events: none;
        }

            .form-outline .form-control ~ .form-notch div {
                pointer-events: none;
                border: 1px solid;
                border-color: var(--mdb-form-control-border-color);
                box-sizing: border-box;
                background: rgba(0,0,0,0);
                transition: all .2s linear;
            }

            .form-outline .form-control ~ .form-notch .form-notch-leading {
                left: 0;
                top: 0;
                height: 100%;
                width: .5rem;
                border-right: none;
                border-radius: 25px 0 0 25px;
            }

            .form-outline .form-control ~ .form-notch .form-notch-middle {
                flex: 0 0 auto;
                width: auto;
                max-width: calc(100% - 1rem);
                height: 100%;
                border-right: none;
                border-left: none;
            }

            .form-outline .form-control ~ .form-notch .form-notch-trailing {
                flex-grow: 1;
                height: 100%;
                border-left: none;
                border-radius: 0 25px 25px 0;
            }

        .form-outline .form-control:not(.placeholder-active)::placeholder {
            opacity: 0;
        }

        .form-outline .form-control:focus::placeholder, .form-outline .form-control.active::placeholder {
            opacity: 1;
        }

        .form-outline .form-control:focus {
            box-shadow: none !important;
        }

            .form-outline .form-control:focus ~ .form-label, .form-outline .form-control.active ~ .form-label {
                transform: translateY(-1rem) translateY(0.1rem) scale(0.8);
            }

            .form-outline .form-control:focus ~ .form-label {
                color: #7E9771;
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.active ~ .form-notch .form-notch-middle {
                border-right: none;
                border-left: none;
                border-top: 1px solid rgba(0,0,0,0);
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-middle {
                border-color: #7E9771;
                box-shadow: 0 1px 0 0 #7E9771;
                border-top: 1px solid rgba(0,0,0,0);
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-leading, .form-outline .form-control.active ~ .form-notch .form-notch-leading {
                border-right: none;
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-leading {
                border-color: #7E9771;
                box-shadow: -1px 0 0 0 #7E9771,0 1px 0 0 #7E9771,0 -1px 0 0 #7E9771;
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-trailing, .form-outline .form-control.active ~ .form-notch .form-notch-trailing {
                border-left: none;
            }

            .form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
                border-color: #7E9771;
                box-shadow: 1px 0 0 0 #7E9771,0 -1px 0 0 #7E9771,0 1px 0 0 #7E9771;
            }

        .form-outline .form-control:disabled {
            background-color: var(--mdb-form-control-disabled-bg);
        }
/*! CSS Used from: Embedded */
INPUT:not(:-webkit-autofill) {
    animation-name: onautofillcancel;
}
/*! CSS Used keyframes */

.form-notch-leading {
    width: 20px !important;
}

.form-notch {
    color: #ACACAC;
}

label.form-label {
    color: #ACACAC;
}