.dbtable_container {
	/* padding-top: 2em; */
	position: relative;
	padding-bottom: 2em;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
}

.dbtable_container table {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0px;
}

.dbtable_container td, .dbtable_container tr, .dbtable_container th{
	position: relative;
	border: 1px solid #ddd;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	background-clip: padding-box;
	/* vertical-align: center; */
}

.dbtable_container td > div {
	height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}


.dbtable_container td > div > a{
	text-decoration: none;
}



.dbtable_container tr:nth-child(even){
	background-color: #f2f2f2;
}

.dbtable_container tr:nth-child(odd){
	background-color: #fff;
}

.dbtable_container tr:hover {
	background-color: #e0e0e0;
}
.dbtable_container .cell_changed {
	background-color: #a9ffad;
}

.dbtable_container th {
	position: relative;
	text-align: center;
	background-color: #0462aa; /* header background */
	
	color: white; 
}
/* .dbtable_container th input{
	color: white; 
	font-weight: 550;

} */
.dbtable_container input[type="text"], .dbtable_container > table div {
	/* display: block; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	border: 0px;
	background-color: inherit;
	text-align: left;
	overflow: visible;
	height: inherit;
	line-height: 30px;
	width: 100%;
	border-radius: 0;
}

.dbtable_container input[type="text"]:focus {
	outline-offset: -1px;
	outline: 1px solid rgb(0, 0, 0);
    border-radius: 0;
}

.checkbox_input{
	height: 20px;
	width: 20px;
	background-color: #eee;
}

.checkbox_td {
	width: 25px;
}

.dbtable_container .controlbar_button {
	/* float: right; */
	margin-top: -1px;
	width: 48px;
	height: 48px;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	/* line-height: 1; */
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.dbtable_container .controlbar input[type="text"] {
	/* float: right; */
	border: 1px solid #000;
	border-radius: 0;
	margin-top: -1px;
	width: 48px;
	height: 48px;
	font-family: 'Arial, Helvetica, sans-seri';
	font-weight: normal;
	font-style: normal;
	font-size: 14pt;
	/* line-height: 1; */
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;	
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	text-align:center;
	vertical-align: top;
}

.dbtable_container .controlbar_button:not(:last-child) {
	margin-right: -1px;
}

.dbtable_container .controlbar_input:not(:last-child) {
	margin-right: -1px;
}

.dbtable_container > .floating_controlbar {
	position: absolute;
	z-index: 10;
	/*/float: right;*/
	right: 0px;
	opacity: 0.2;
	transition: all 0.2s ease-in-out;
	/*bottom: 0px;*/

	/*right: auto;*/
}

.dbtable_container > .floating_opaque {
	transition: all 0.2s ease-in-out;
	opacity: 1;
}

.dbtable_container > .floating_controlbar:hover {
	opacity: 1;

	/*right: auto;*/
}


.dbtable_container .controlbar {
	position: relative;
	height: auto;
	padding: 0;
	display: table;
	width: 100%;
}

.dbtable_container > .controlbar > input {
	position: relative;
}

.dbtable_container > .controlbar > .buttonbar {
	position: absolute;
	top: 0px;
	/*display: table-cell;*/
	/*width: auto;*/
	/*float: right;*/
	/*width: 189px;*/
	/*text-align: right;*/
}



.dbtable_container > .controlbar > .topbuttonbar {
	position: relative;
	display: table-cell;
	width: auto;
	float: left;
	/* width: 189px; */
	text-align: left;
	margin-bottom: -2px;
}

.dbtable_container > .controlbar > .toprightbuttonbar {
	position: relative;
	display: table-cell;
	width: auto;
	float: right;
	width: 300px;
	text-align: right;
	margin-bottom: -2px;
}

.dbtable_container > .controlbar > .status_text {
	position: absolute;
	/* background-color: #ffa9a9; */
	vertical-align: middle;
	display: inline-block;
	padding: 5px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	/* color: #ff0000; */
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	word-wrap: break-word;
	width: auto;
	right: 192px;
	left: 2px;
	border:none;
	border-radius: none;
	resize: none;
	height: 43px;
}

@-moz-document url-prefix(){
	.dbtable_container > .controlbar > .status_text {
		width: -moz-available;
	}

	.dbtable_container table {
		background-color: #000;
	}
}

.dbtable_container > .controlbar > .status_text:focus {
	border:none;
	border-radius: 0;
	outline: none !important;
}

/* separator */
.dbtable_container .grabber_bar {
	width: 10px;
	height: 100%;
	top: 0px;
	right: 0px;
	/* left: 100px; */
	/* background-color: #000; */
	opacity: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
    margin-right: -5px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: col-resize !important;
}

.dbtable_container .grabber_bar:active {
	cursor: col-resize !important;
}

.dbtable_container .header_cell {
	position: relative;
	display: block;
	width: auto;
}


.dbtable_container .hidden {
	display: none;
}


@keyframes dbtable_animate_change {
	from {
		background-color: #008800;
	}
	to {
		/*opacity: 1;*/
	}
}

.dbtable_container .animate_change {
	animation-name: dbtable_animate_change;
	animation-duration: 0.5s;

}