/*------------- Created on March 8, 2018 by Amit Kumar -------------*/
/*------------- Purpose: This custom css file was created to style form elements on web forms -------------*/

.form-heading {
	width: 100%;
}

.input[type=text], select {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 5px;
}

.input[type=text] {
	height: 25px;
}

.form-input {
	padding: 3px 8px !important;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 3px !important;
}

textarea {
	height: auto;
	resize: vertical;
	display: block;
	overflow: hidden;
}

input[type=text], select {
	height: 30px;
}

select {
	width: 173px;
}

.error-message {
	color: red !important;
	font-size: 14px;
}

.div-container {
	width: 100%;
	font-family: Arial !important;
	font-size: 12px;
}

	.div-container input, span, p {
		font-family: Arial !important;
		font-size: 12px !important;
	}

.table {
	margin-bottom: 10px;
	align-self: center;
	font-size: 12px;
}

	.table td, th {
		padding: 5px;
	}

.table-bordered {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	align-self: center;
}

	.table-bordered th {
		font-weight: bold;
	}

	.table-bordered td, th {
		padding: 7px;
		border: 1px solid #ccc;
		font-size: 12px !important;
	}

	.table-bordered tr:hover {
		background-color: #e8e8e8;
	}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #9c9c9c;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #9c9c9c;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #9c9c9c;
}

.link-btn {
	text-decoration: none;
	color: #0094ff;
	font-weight: bold;
}

	.link-btn:hover {
		color: #005986;
	}

.button-default {
	width: auto;
	padding: 4px 7px;
	font: normal;
	color: #353535;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px;
	cursor: pointer;
}

	.button-default:hover {
		background-color: #e8e8e8;
	}

.btn-export-xls {
	margin: 5px 10px;
	float: right;
	Width: 20px;
}