.iinput-container {
	width: 100%;
	border: 1px solid #DAD9D9;
	position: relative;
	background-color: rgb(255, 255, 255);
	margin-top: 15px;
	font-weight: 300;
}

.iinput-container.readonly {
	background-color: rgba(242, 241, 240, 0.2);
}

.iinput-error {
	background-color: rgba(194, 25, 36, 0.1);
	border 1px solid rgb(194, 25, 36);
}

.iinput-container input {
	font-size: 20px;
	margin-left: 20px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: calc(100% - 70px);
	background-color: transparent;
	border: none;
	z-index: 10;
	color: rgb(0,0,0);
	font-family: 'BrandonText-Light';
}

.iinput-container textarea {
	font-size: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: calc(100% - 40px);
	background-color: transparent;
	border: none;
	z-index: 10;
	color: rgb(0, 0, 0);
	font-family: 'BrandonText-Light';
}

.iinput-container div.button {
	position: absolute;
	right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	height: calc(100% - 10px);
	padding-top: 10px;
	font-weight: 600;
	background-color: #562D03;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
}

.iinput-container div.placeholder {
	pointer-events: none;
	z-index: 1;
	margin-left: 20px;
	margin-top: 12px;
	font-size: 20px;
	opacity: 0.6;
	-webkit-transition: opacity 200ms ease-in-out, font-size 200ms;
	-moz-transition: opacity 200ms ease-in-out, font-size 200ms;
	-ms-transition: opacity 200ms ease-in-out, font-size 200ms;
	-o-transition: opacity 200ms ease-in-out, font-size 200ms;
	transition: opacity 200ms ease-in-out, font-size 200ms;
	color: rgb(128, 128, 130);
	font-family: 'BrandonText-Light';
}