.underlined-form .field-group > .field {
	background:none !important;
	border-radius:0 !important;
}
.underlined-form .field-group > .field > .input-text {
	padding:0;
}

/* underline */
.underlined-form .field-group > .field:before,
.underlined-form .field-group > .field:after {
	position: absolute;
    height: 1px;
    left: 0;
    bottom: 0;
    content: "";
}
.underlined-form .field-group > .field:before {
	width:100%;
	/* background-color:rgba(214,214,214,1); */
	background-color:rgba(var(--custom-rgb-color-black-default),0.3);
	z-index:5;
}
.underlined-form .field-group > .field:after {
	width:0;
	height:2px;
	background-color:rgba(var(--custom-rgb-color-primary),1);
	z-index:6;
}
.underlined-form .field-group > .field.focus:after {
	width:100%;
}
.underlined-form .field-group > .field:after,
.underlined-form .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;
}

/* textarea */
.underlined-form .field-group.textarea-field-group .field.textarea-field:before,
.underlined-form .field-group.textarea-field-group .field.textarea-field:after {
	display: none !important;
}
.underlined-form .textarea-field > .textarea,
.underlined-form .textarea-field > .textarea > textarea.input {
	background: none !important;
}
.underlined-form .textarea-field > .textarea {
	box-shadow: 0 0 0 0 rgba(214,214,214,1) !important;
}
.underlined-form .textarea-field > .textarea > textarea.input  {
	background: none !important;
	border: 1px solid rgba(214,214,214,1) !important;	
}
.underlined-form .textarea-field.focus > .textarea {
	box-shadow: 0 0 1px 1px rgba(var(--custom-rgb-color-primary),1) !important;
}
.underlined-form .textarea-field.focus > .textarea > textarea.input {
	border-color: rgba(var(--custom-rgb-color-primary),1) !important;
}
.underlined-form .textarea-field.alert-required.focus > .textarea > textarea.input {
    box-shadow: inset 0 0 0 1px rgb(225 6 19) !important;
}


.underlined-form .field-group .field.input-field .message-note {
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0.6;
	transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
}
.underlined-form .field-group .field.input-field.alert-required .message-note {
	opacity: 0;
}

/* --- icon --- */

.underlined-form .field-group > .field.has-icon > .icon {
	width:25px;
}

/* leading icon */
.underlined-form .field-group > .field.has-icon.leading-icon > .icon.left {
	padding-left:5px;
	text-align:left;
}
.underlined-form .field-group > .field.has-icon.leading-icon > .input-text {
	padding-left:25px;
}
.underlined-form .field-group > .field.has-icon.leading-icon > .label-text {
	left:25px;
}
.underlined-form .field-group > .field > .label-text,
.underlined-form .field-group > .field.has-icon.leading-icon.focus > .label-text,
.underlined-form .field-group > .field.has-icon.leading-icon.has-data > .label-text,
.underlined-form .field-group > .field.has-icon.leading-icon > .label-text.label-text-ontop {
	left:0;
}

/* trailing icon */
.underlined-form .field-group > .field.has-icon.trailing-icon > .icon.right {
	padding-right:5px;
	text-align:right;
}
.underlined-form .field-group > .field.has-icon.trailing-icon > .input-text {
    /*padding-right: 25px;*/
	padding-right: 30px;
}

/* --- fix text --- */

/* prefix text */
.underlined-form .field-group > .field.has-fix-text.prefix-text > .fix-text.left {
	padding-left:0 !important;
}

/* suffix text */
.underlined-form .field-group > .field.has-fix-text.suffix-text > .fix-text.right {
	padding-right:0 !important;
}
.underlined-form .field-group.field-lock > .field.has-fix-text.suffix-text.has-icon.trailing-icon {
    padding-right: 30px;
}

/* --- label inline --- */

.underlined-form .field-group > .field.label-inline {
    padding-left:0;
}
.underlined-form .field-group > .field.label-inline.has-icon.leading-icon > .label-text {
    left:0;
}
.underlined-form .field-group > .field.label-inline.has-icon.leading-icon {
    padding-left: 25px;
}

/* --- กรณีความสูง 40px --- */
.underlined-form .field-group.input-field-group > .field.input-field,
.underlined-form .field-group.select-field-group > .field.select-field {
	height: 40px;
    line-height: 40px;
}
.underlined-form .field-group {
	padding-bottom:25px;
}
.underlined-form .field-group > .field > .input-text,
.underlined-form .field-group > .field > .label-text,
.underlined-form .field-group > .field.label-inline > .label-text,
.underlined-form .field-group > .field.label-inline.focus > .label-text,
.underlined-form .field-group > .field.label-inline.has-data > .label-text,
.underlined-form .field-group.select-field-group > .field.select-field.label-inline > .label-text {
	line-height:40px;
}
.underlined-form .field-group > .field.focus > .label-text,
.underlined-form .field-group > .field.has-data > .label-text,
.underlined-form .field-group > .field > .label-text.label-text-ontop,
.underlined-form .field-group > .field.has-fix-text.prefix-text > .label-text,
.underlined-form .field-group > .field.select-field > .label-text {
	line-height:10px;
}
.underlined-form .field-group > .field.has-icon > .icon {
    height: 40px;
    line-height: 40px;
}

/* checkbox - radio */
.underlined-form .field-group.checked-field-group > .field:before {
	background:none !important;
}