input {
	/* width: -webkit-fill-available!important; */
}
.error-msg {
	display:block;
	color: #fff;
	background-color: #de5042;
	border-radius: 5px;
	text-align: center;
	max-width: 240px;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	margin: 5px auto !important;
	z-index: 100;
}
.valid-msg {
	color: #00C900;
	display:block;
	text-align: center;
}
.hide {
	display: none;
}
.iti{width:100%!important;display:block;}

.iti__flag-container{
    /* background: #ebebeb; */
    border-radius: 3px 0px 0px 3px;
    height: auto;
    margin: 2px;
    color: inherit;
    z-index: 99999;
}

.iti__country-list--dropup {
    color:#000;
}

.iti__selected-dial-code{
    font-weight: 700;
}

input.error {
    background: #f392a3 !important;
    border: 2px solid #de5042!important;
    padding-right: 30px!important;
    text-overflow: ellipsis;
    -webkit-background-size: 13px 10px!important;
    background-size: 13px 10px!important;
    color: red!important;
    outline: none
}

input.error:-moz-placeholder {
	color: red!important;
	font-weight:bold;
}

input.error::-moz-placeholder {
	color: red!important;
	font-weight:bold;
	opacity: 1;
}

input.error:-ms-input-placeholder {
	color: red!important;
	font-weight:bold;
}

input.error::-webkit-input-placeholder {
	color: red!important;
	font-weight:bold;
}

input.valid {
    background: #8ed298 !important;
    border: 2px solid green!important;
    padding-right: 30px!important;
    text-overflow: ellipsis;
    color: green!important;
    outline: none;
	font-weight:bold;
}

.error-box {
	color: #fff;
	background-color: #de5042;
	border-radius: 5px;
	text-align: center;
	max-width: 240px;
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	margin: 5px auto !important;
	z-index: 100;
	display: none;
	text-align: center;
}

/**/
.form{
    box-sizing: border-box;
    position: relative;
}

.form--controlWrapper{
    margin-bottom: 13px;
    position: relative;
}

.form--controlWrapper-half{
    width: calc(50% - 5px);
}

.form--input:focus{
    box-shadow: 0px 0px 12px 5px rgba(1, 204, 255, 0.25);
}

.form--floatingLabel{
    position: absolute;
    z-index: 1;
    transition: .3s ease all;
    font-size: 10px;
    line-height: 10px;
    font-style: italic;
    pointer-events: none;
    left: 10px;
    top: -10px; 
    padding: 1px 3px;
    background-color:#f11313;
    outline-style: none;
    border-radius: 3px;
    color: rgba(250, 250, 255, 0.8);
}

.form--input:placeholder-shown:not(:focus)~.form--floatingLabel {
    top: 1em;
    font-style: normal;
    /* font-weight: bold; */
    font-size: 16px;
    font-weight: normal;
    color: rgba(133, 133, 133, 0.9);
    background-color:transparent;
}