.admin.table th{
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
}

.admin.table td{
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	text-align: center;
	margin: 1px;
    border-right-width: var(--bs-border-width);
	padding:3px;
	font-size: 14px;
}

.admin.table tr.hover td{
	background: rgb(208, 227, 255);
	color:#000;
	cursor: default;
}

.admin.table td.pr{
	text-align: right;
}


.admin.table button{
	white-space: nowrap;
	font-size: 12px;
}

.admin.table .delcel{
	color:red;
	cursor: pointer;
	margin-left:3px;
}

.admin.table td .locked{
	color: grey !important;
}

.rule .del{
	color:red;
	cursor: pointer;
	margin-left:auto;
	float: right;
}

.admin.table .hidden-column{
	display: none;
}

.admin.table tr.price input:not([type="checkbox"]) {
	font-size: 14px;
	width:70px;
	text-align: right;
}

.admin.table .oksave{
	margin-right:5px;
	color:green;
	cursor: pointer;
}

.admin.table .nosave{
	margin-right:5px;
	color:red;
	cursor: pointer;
}

.admin.table .oksave.inactive{
	color:hsl(0deg 6.82% 89.17%);
	cursor: inherit;
}

.admin.table .nosave.inactive{
	color:hsl(0deg 6.82% 89.17%);
	cursor: inherit;
}

.blue-border{
	border-color: #0d6efd;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
 }

 #preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* background: rgba(255, 255, 255, 0.8); */
	/* backdrop-filter: blur(2px); */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

/* Loader animation */
.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.progress-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 350px;
	background: #e0e0e0;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	margin-bottom: 5px;
	margin-top: 5px;
}
.progress-bar {
	width: 0px;
	height: 20px;
	background: #4caf50;
	position: relative;
	overflow: hidden;
}
  
.progress-bar::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	transform: translateX(-100%);
	animation: shimmer 1.5s infinite;
}
  
@keyframes shimmer {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}

.progress-text {
	position: absolute;
	top:0px;
	text-align: center;
	margin-left: 10px;
	font-size: 12px;
	/* font-weight: bold; */
	color:rgba(0, 0, 0, 0.65)
}

 /* Sticky Cloned Header */
 .sticky-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	z-index: 3;
}

.sticky-header table{
	margin-left: 12px;
	background: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#chart_div {
	display: none;
	position: absolute;
	width: 550px;
	height: 250px;
	background: white;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	padding: 10px;
	box-sizing: border-box;
	position: absolute;
}

#chart_div::after {
	content: '×';
	position: absolute;
	top: 0px;
	right: 12px;
	font-size: 20px;
	color: #888;
	cursor: pointer;
	background: transparent;
}

.red{
	color:red;
}

.green{
	color:green;
}

/* az alsó scroll sáv */
.bottom-scroll {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: #fff;
	overflow-x: auto;
	overflow-y: hidden;
	height: 16px; /* scrollbar magasság */
	z-index: 3;
}
.bottom-scroll > div {
	height: 1px; /* helykitöltő */
}

.table-responsive{
	/* position: relative;	 */
}

.show-hide-company{
	margin-left:-10px;
	cursor:pointer;
	user-select: none;
	margin-bottom:5px;
}

.admin.table tr.highlight td{
	background-color: #71c0f5 !important;
}
.admin.table th.sticky-nev, .admin.table td.sticky-nev { 
	position: -webkit-sticky; 
	position: sticky; 
	left: 0; 
	z-index: 2; 
	background: #fff; 
}