.mdl-textfield{
	width:100%;
	padding: 5px 0;
}
.mdl-textfield__input{
	font-size:14px;
	font-family: var(--theme-font-main);
	color:#171c16;
}
.mdl-textfield__label{
	font-size:14px;
	color:var(--theme-color-system-grey);
	top: 21px;
}

.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label{
	font-size: 11px;
	color:var(--theme-color-system-grey);
	top:-4px;
	padding-left: 15px;
}
.mdl-textfield__label:after{
	display: none;
	bottom: 19px;
	background-color: var(--theme-color-button-hover);
	height: 1px;/* the line when click to textbox*/
}
.mdl-textfield.is-focused .mdl-textfield__label:after{
	left:36px;
}

.inputWithIcon{
	padding-left:36px;
}
.inputWithIcon .mdl-textfield__label{
	padding-left:36px;
	top:18px;
}
.inputWithIcon .icon-left {
    position: absolute;
    left: 0px;
    top: 20px;
    color: #aaa;
    transition: .3s;
    max-width: 25px !important;
    max-height: 25px !important;
}
.mdl-textfield--floating-label.is-dirty .icon-right {
    -todo-display: block;
}
.inputWithIcon .icon-right,
.icon-right {
    position: absolute;
    top: 17px;
    color: #aaa;
    transition: .3s;
    right: 0;
    display: none;
    z-index: 99999;
}

.inputWithIcon.inputPhoneIcon {
    padding-left: 0px !important;
}

.inputWithIcon.inputPhoneIcon .clear-button{
	top: 41px;
	right: 35px;
	z-index: 1;
	display:none;
}

.mdl-textfield.inputPhoneIcon {
	padding: 5px 0;
	width: 100%;
	max-width: inherit;
}

.inputPhoneIcon.mdl-textfield .mdl-textfield__input, .inputPhoneIcon.mdl-textfield.is-disabled .mdl-textfield__input {
	color: var(--theme-color-text) !important;
	border-bottom: 1px solid transparent !important;
}

.inputPhoneIcon.mdl-textfield .mdl-textfield__input:focus {
	color: var(--theme-color-text) !important;
	border-bottom: 2px solid var(--theme-color-brand-primary) !important;
}

.inputPhoneIcon.mdl-textfield .mdl-textfield__input {
	color: var(--theme-color-text) !important;
	border-bottom: 1px solid var(--theme-color-system-grey) !important;
}

.mdl-textfield .mdl-textfield__input, .mdl-textfield.is-disabled .mdl-textfield__input {
	border: 1px solid var(--desc-color);
	color: var(--theme-color-text);
	height: 51px;
	padding-left: 55px;
}

.mdl-textfield .mdl-textfield__label, .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
	color: var(--theme-color-system-grey);
}
.mdl-textfield__label span{
	background: #fafafa;
	padding-left: 5px;
    padding-right: 5px;
}

.mdl-textfield__label span.span-required{
	padding-left: 0;
    background: #fff;
    margin-left: -3px;
    color:red;
}