/* ============================================================================================== */
/* ========================================== theme filled ====================================== */
/* ============================================================================================== */

.filled-theme {}

/* bg */
.filled-theme .field-group[class*="-field-group"] > .field,
.field-group.textarea-field-group .textarea-field > .textarea > textarea.input {
    background-color:rgba(237,237,237,1);
}

/* ============================================================================================== */
/* ==================================== text field - icon field ================================= */
/* ============================================================================================== */


/* --------------------------------------------------------------- */
/* ------------------------- text field -------------------------- */
/* --------------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* -------------------------- icon field ------------------------- */
/* --------------------------------------------------------------- */

.filled-theme .field-group>.field.icon-field-enable>.icon-field {
	width: 40px;
}

/* leading icon */
.filled-theme .field-group>.field.icon-field-enable.leading-icon-format>.icon-field {
    padding-left: 20px;
}
.filled-theme .field-group>.field.icon-field-enable.leading-icon-format>.label-text,
.filled-theme .field-group>.field.icon-field-enable.leading-icon-format>.input-text {
	padding-left: 50px;
}

/* trailing icon */
.filled-theme .field-group>.field.icon-field-enable.trailing-icon-format>.icon-field {
    padding-right: 20px;
}
.filled-theme .field-group>.field.icon-field-enable.trailing-icon-format>.label-text,
.filled-theme .field-group>.field.icon-field-enable.trailing-icon-format>.input-text {
	padding-right: 50px;
}