/** Required **/
div.frq_validation_error {
	color: #FF0000 !important;
	clear: both;
	padding: 3px 0px 3px 0px;
	margin-bottom: 0px;
	font-style: italic;
}

input.frq_validation_error {
	color: #FF0000 !important;
}

input.frq_validation_success {
	color: green !important;
}

.frq_panel_branch_logo {
	width: 100% !important;
}

.frq-from-record div.form-group {
	padding-top: 1px;
	padding-bottom: 1px;
}

.frq-from-detail>div>div>div:hover {
	background-color: lightgoldenrodyellow;
}

.frq-form-mainsearch-input {
	max-width: 120px;
}

.frq-form-mainsearch-submit {
	margin-left: 10px!important;
	color: orange;
}

.frq-form-mainsearch-reset {
	color: red;
}

.frq-datatable-hassorting {
	cursor: pointer;
}

.frq-datatable-perpage {
	width:75px;
}

.frq-datatable-hassorting.active i {
	color: orangered;
}

.frq-datatable-hover tbody tr:hover {
	background-color: lightgoldenrodyellow;
}

.frq-datatable-disabled-pagination {
	color: #CCCCCC;

}

code {
	color: #212529;
	font-size: 90%;
}

.frq-datatable-col-index {
	white-space: nowrap !important;
}

@media (min-width: 1100px) {

	.frq-datatable-col-index {
		width: 50px;
	}

	.frq-datatable-col-id {
		width: 100px;
	}

	.frq-datatable-col-status {
		width: 125px;
	}

	.frq-datatable-col-dateonly {
		width: 130px;
	}

	.frq-datatable-col-datetime {
		width: 160px;
	}

	.frq-datatable-actions-1 {
		width: 50px;
	}

	.frq-datatable-actions-2 {
		width: 80px;
	}

	.frq-datatable-actions-3 {
		width: 100px;
	}
}

/** Overwrite **/

span.form-control {
	border: 1px dashed #ededed;
	min-height: 35px;
	height: auto;
}

/** Placeholder **/

::-webkit-input-placeholder {
	color: lightgoldenrodyellow;
	font-style: italic;
}

::-moz-placeholder {
	color: lightgoldenrodyellow;
	font-style: italic;
}

:-ms-input-placeholder {
	color: lightgoldenrodyellow;
	font-style: italic;
}

:-moz-placeholder {
	color: lightgoldenrodyellow;
	font-style: italic;
}

/** Overwrite **/

.form-check-input {
    width: 2em;
    height: 2em;
}

.form-control {
    font-weight: normal;
}

.app-header .navbar-form .form-control {
    width: 120px;
}

.app-header .navbar-form .form-control:focus {
    animation:none;
	width: 120px;
}