﻿.input-text-optional { /* Optional Class */
	color: #8a6d3b;
	background: #fcf8e3;
	border: 1px solid #bdbbbb;
}

.input-number-optional {
	color: #3c763d;
	background: #dff0d8;
	border: 1px solid #bdbbbb;
}

.input-number-optional { /* Optional Class */
	color: #3c763d;
	background: #dff0d8;
	border: 1px solid #bdbbbb;
}

.input-date-optional { /* Optional Class */
	color: #31708f;
	background: #d9edf7;
	border: 1px solid #bdbbbb;
}

.input-price-optional { /* Optional Class */
	color: #a94442;
	background: #f2dede;
	border: 1px solid #bdbbbb;
}

.input-select-optional { /* Optional Class */
	color: #333333;
	background: #f5f5f5;
	border: 1px solid #bdbbbb;
}

	.input-text-optional:focus, .input-number-optional:focus, .input-date-optional:focus, .input-price-optional:focus, .input-select-optional:focus {
		z-index: 2;
		border: 1px solid #337ab7;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51,152,183,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51,152,183,.6);
	}
/* ### 	Optional Class End	###	*/

/* ### 	Mandatory Class Start	###	*/
.input-text { /* Mandatory Class */
	color: #8a6d3b;
	background: #fcf8e3;
	border: 1px solid #e0807d;
}

	.input-text:focus {
		z-index: 2;
		border: 1px solid #c12e2a;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
	}

.input-number { /* Mandatory Class */
	color: #3c763d;
	background: #dff0d8;
	border: 1px solid #e0807d;
}

	.input-number:focus {
		z-index: 2;
		border: 1px solid #c12e2a;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
	}

.input-date { /* Mandatory Class */
	color: #31708f;
	background: #d9edf7;
	border: 1px solid #e0807d;
}

	.input-date:focus {
		z-index: 2;
		border: 1px solid #c12e2a;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
	}

.input-price { /* Mandatory Class */
	color: #a94442;
	background: #f2dede;
	border: 1px solid #e0807d;
}

	.input-price:focus {
		z-index: 2;
		border: 1px solid #c12e2a;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
	}

.input-select { /* Mandatory Class */
	color: #333333;
	background: #f5f5f5;
	border: 1px solid #e0807d;
}

	.input-select:focus {
		z-index: 2;
		border: 1px solid #c12e2a;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,46,42,.6);
	}
/* ### 	Mandatory Class End	###	*/