input, select, textarea
{
	width: calc(100% - 22px);
	
	margin: 0px 0px 7px 0px;
	padding: 11px 10px 9px 10px;
	
	background-color: #fff;
	
	border: 1px solid #ddd;
	border-radius: 7px;
	
	font-family: 'Raleway','Tahoma';
	font-size: 13px;
	
	resize: none;
	-webkit-user-select: text !important;
}

input[readonly="readonly"]
{
	color: #ccc !important;
	
	border: 1px solid #eee;
}

input[type="submit"],
input[type="button"]
{
	background-color: #dd0000;
	
	border-color: #980202;
	
	color: #fff;
}

input[type="submit"]:hover,
input[type="button"]:hover
{
	-webkit-filter: brightness(110%);
}

input.gray
{
	background-color: #f9f9f9;
	
	border: 1px solid #ddd;
	
	color: #666;
}

input.dark-red
{
	background-color: #970303;
	
	border: 1px solid #000;
	
	color: #fff;
}

.width-auto
{
	width: auto;
	
	float: left;
}

.width-p-40
{
	width: calc(40% - 15px);
	
	float: left;
}

.width-p-50
{
	width: calc(50% - 15px);
	
	float: left;
}

.width-p-60
{
	width: calc(60% - 15px);
	
	float: left;
}

select.width-p-100,
input.width-p-100,
input[type="button"].width-p-100,
input[type="submit"].width-p-100
{
	width: 100%;
}

.width-f-50
{
	width: 50px;
	
	float: left;
}

select.width-f-50
{
	width: 72px;
}

.width-f-100
{
	width: 100px;
	
	float: left;
}

select.width-f-100
{
	width: 122px;
}

.width-f-150
{
	width: 150px;
	
	float: left;
}

select.width-f-150
{
	width: 172px;
}

.width-f-200
{
	width: 200px;
	
	float: left;
}

select.width-f-200
{
	width: 222px;
}

.width-f-300
{
	width: 300px;
	
	float: left;
}

input[type="date"]
{
	width: 135px;
	
	float: left;
}

select.width-f-300
{
	width: 322px;
}

.height-f-100
{
	height: 100px;
}

.height-f-150
{
	height: 150px;
}

.height-f-200
{
	height: 200px;
}

input.center
{
	text-align: center;
}

input.margin,
select.margin
{
	margin: 0px 0px 20px 0px;
	clear: both !important;
}

span.input-holder
{
	margin: 0px 0px 5px 0px;
	display: table;
	
	font-family: 'Raleway', 'Tahoma';
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
}

	span.input-holder input,
	span.input-holder select
	{
		clear: both !important;
	}

	span.input-holder span.text
	{
		margin: 0px 0px 5px 0px;
		float: left;
		
		font-size: 12px;
	}

	span.input-holder span.eg
	{
		margin: 1px 0px 0px 6px;
		float: left;
		
		font-family: 'Raleway', 'Tahoma';
		font-size: 11px;
		color: #999999;
		text-transform: none;
	}