/** Colors **/




/** Search **/
@media only screen and (min-width: 768px) {

	.frq-datatable-search > div {
		margin-bottom: 10px;
	}

	.frq-datatable-search > .col-12.isText {
		min-width: 125px;
		width: auto;
	}

	.frq-datatable-search > .col-12.isDate {
		width: 125px;
	}

	.frq-datatable-search > .col-12.isSelect {
		min-width: 125px;
		width: auto;
	}

	.frq-datatable-search > .col-12.isSearchSelect {
		min-width: 125px;
		width: auto;
	}

	.frq-datatable-search > .col-12.isSearchSelect .select2-selection--single {
		height: calc(1.0em + .875rem + 4px) !important;
	}

	.frq-datatable-search > .col-12.isMultiselect {
		min-width: 125px;
		width: auto;
	}
}

/** Sorting **/

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

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

/** Datatable **/

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

.frq-datatable-col-sortable {
	width: 75px;
}

.frq-datatable-sortableInput {
	width: 40px;
	text-align: center;
	padding: 0.1rem 0.2rem;
	color: var(--app-component-color);
	background-color: var(--app-component-bg);
	background-clip: padding-box;
	border: 1px solid var(--app-component-border-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.frq-datatable-inline-input {
	width: 50px;
	text-align: center;
	padding: 0.1rem 0.2rem;
	color: var(--app-component-color);
	background-color: var(--app-component-bg);
	background-clip: padding-box;
	border: 1px solid var(--app-component-border-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.frq-datatable-inline-input:disabled {
	background-color: transparent;
}

.frq-datatable-inline-select {
	width: 50px;
	min-width: 50px;
	text-align: center;
	padding: 0.1rem 0.2rem;
	color: var(--app-component-color);
	background-color: var(--app-component-bg);
	background-clip: padding-box;
	border: 1px solid var(--app-component-border-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 4px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media (min-width: 1100px) {

	.frq-datatable-col-rownumber {
		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;
	}

	.frq-datatable-actions-4 {
		width: 120px;
		background-color: red;
	}
}

/** data detail **/
span.form-control {
	min-height: 35px;
	height: auto;
	font-weight: normal;
	background-color: transparent;
}

.frq-topblock-select {
	width: auto!important;
	float:left!important;
	margin-right: 5px;
	padding: 0.3rem 2.0rem 0.3rem 0.5rem;
}

/** navbutton **/
.frq-navbutton-PrevNext-passive {
	color: gray!important;
	border-color: #ced4da;
	cursor: not-allowed !important;
}


.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none!important;
}