/* ============================================================================================== */
/* ======================================== theme underlined ==================================== */
/* ============================================================================================== */

.underlined-theme {}

.underlined-theme .field-group>.field:before,
.underlined-theme .field-group>.field:after {
    position: absolute;
    height: 1px;
    left: 0;
    bottom: 0;
    content: "";
}

.underlined-theme .field-group>.field {
    background: none !important;
}
.underlined-theme .field-group>.field:before {
    width: 100%;
    z-index: 5;
}
.underlined-theme .field-group>.field:after {
    width: 0;
    height: 2px;
    z-index: 6;
}
.underlined-theme .field-group>.field.focus:after {
    width: 100%;
}
.underlined-theme .field-group>.field:after,
.underlined-theme .field-group>.field.focus:after {
    transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
}

.underlined-theme .field-group {
    padding-bottom: 25px;
}
.underlined-theme .field-group>.field>.input-text {
    padding: 0;
}

/* color */
.underlined-theme .field-group>.field:before,
.text-color-black .underlined-theme .field-group>.field:before {
    background-color: rgba(var(--cpn-input-border-color-on-light), 1);
    opacity: 0.4;
}
.underlined-theme .field-group>.field:after,
.text-color-black .underlined-theme .field-group>.field:after {
    background-color: rgba(var(--cpn-input-border-color-on-light-focus), 1);
}
.text-color-white .underlined-theme .field-group>.field:before {
    background-color: rgba(var(--cpn-input-border-color-on-dark), 1);
    opacity: 0.4;
}
.text-color-white .underlined-theme .field-group>.field:after {
    background-color: rgba(var(--cpn-input-border-color-on-dark-focus), 1);
}

/* label text */
.underlined-theme .field-group>.field.focus>.label-text,
.underlined-theme .field-group>.field.has-data>.label-text {
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.5px;
}

/* label text */
.underlined-theme .field-group.select-field-group>.field.select-field>.label-text {
    opacity: 0;
}
.underlined-theme .field-group.select-field-group>.field.select-field.focus>.label-text,
.underlined-theme .field-group.select-field-group>.field.select-field.has-data>.label-text {
    opacity: 1;
}

/* alert */
.underlined-theme .field-group.alert-required>.field:before {
    background-color: rgba(var(--cpn-field-alert-border-color), 1);
    opacity: 1;
}

/* ============================================================================================== */
/* ======================================== field - textarea ==================================== */
/* ============================================================================================== */

.field-group.textarea-field-group>.field.textarea-field textarea.textarea-auto {
    outline: none !important;
    border-radius: 0 !important;
    background: none !important;
    /* background-color: #fdd4d4; */
    border: none !important;
    padding: 10px 0 10px 0;
}