/* CSS for hg_fieldgen.js */

.hg-subtable.is-invalid {
	border: 1px solid red;
}
span.modified::after {
	color: #FF0000;
	content: "*";
}

.form-control.key-field {
    background-color: #fff;
}
.form-control.key-field.disabled {
	background-color: #e9ecef; 
    opacity: 1;
}

/* CSS for hg_table.js */

.tabulator-footer input {
	border: 1px solid #dee2e6;
	height: 40px;
}
.tabulator-footer button {
	height: 40px;
}

.hg-table-column-search {
	position:absolute; 
	bottom:100%; 
	right:0;
	z-index:100;
	width:265px;
	max-height:240px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #D2D2D2;
	box-shadow:0px -4px 10px 1px rgba(0, 0, 0, 0.1);
	background:#fff
}

.hg-table-column-search .column-list {
	list-style: none;
    text-align: left;
    padding: 20px 5px;
    font-weight: 400;
    margin-bottom: 0;
}

.hg-table-column-search .column-list li {
	padding: 2px 0;
	cursor: pointer;
}

.hg-table-column-search .column-list li:hover {
	background: #D2D2D2;
}

.hg-table-column-search .close-btn {
	position: absolute;
    z-index: 5;
    right: 7px;
    top: -8px;
    font-size: 30px;
    cursor: pointer;
    font-weight: 500;
}

.hg-table-hideShow {
	position: absolute;
	bottom: 100%;
	left: 0px;
	z-index:100;
	width: 400px;
	max-height:50vh;
	overflow-y:auto;
	overflow-x:hidden;
	background: #fff;
	border:1px solid #D2D2D2;
	box-shadow:0px -4px 10px 1px rgba(0, 0, 0, 0.1);
}

.hg-table-hideShow .close-btn {
	position: absolute;
    z-index: 5;
    right: 10px;
    top: -8px;
    font-size: 30px;
    cursor: pointer;
    font-weight: 500;
}