.panel { border-color: #000000 !important; }
.radius0{ border-radius: 0px !important;}
.password { -webkit-text-security: disc; text-security: disc;}
.overlay{position: fixed; top:0; left:0; display:none; width:100%; height:100%; background:#000; opacity:0.5} /*ezt nem tudom, hol és mire használtuk*/
.modal-xxl{width:85%}
.font-weight-bold{font-weight:bold;}

.full-width{width:100%;}

.form-group{margin-bottom:10px;}
.form-group label{margin-bottom:0;}
.form-group.right-padding{padding-right:10px;}
.form-group.required label:after {content:"*";color:red;}

.box{min-height:100px; margin:6px 0; padding:6px; text-align:center; font-size:16px; color:#fff; background:#1a7bb9; border-radius:3px; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; cursor:pointer;}
.box.deleted{background:#34495e}
.box .quantity{border:0px solid; background:#1a7bb9; width:60px;}
.box .quantity:focus{background:#fff; color:#000;}

.table-fixed{margin-bottom:0px !important;}
.forced-vertical-scroll{overflow-y:scroll;}
.scrollable-table-wrapper{height:500px; overflow-y:scroll;}
.table-pointer tbody tr{cursor:pointer;}

/* vertical padding*/
.vp{padding-top:6px; padding-bottom:6px;}
.mt-4{margin-top:1em;}
[data-toggle=tooltip]:before{
	font-family:"FontAwesome";
	content: "\f059";
 display: inline-block;
 padding-right: 3px;
 vertical-align: middle;
 font-weight: 900;
	color:#18A689;
}

.input-group.input-xs{width:100px;}
.input-group.input-xs input{height:22px;padding:2px;}
.form-control.input-xs{height:22px;padding:2px;}
.input-group.input-xs span{height:22px;padding:0 5px;}

.btn-file {position:relative;overflow:hidden;}
.btn-file input[type=file] {position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:white;cursor:inherit;display:block;}

.navbar {background: #fff;}
.navbar-header h2{display:inline-block;margin:15px 10px;font-weight:500;width:400px;}
.navbar-top-links{margin-bottom:0;padding:0 10px;}
.navbar-top-links a{margin:10px;}
.navbar-top-links button{margin:10px;}
.navbar-top-links select{margin:10px;}

.nav .client-name{color:#FFF;margin:-10px 0 10px 0;font-size:12px;font-weight:bold;}
.nav .avatar{margin-right:10px;}
.nav i{width:12px;text-align:center;}
.nav .langs{margin:12px 0px;}
.nav .langs a{color:#8095a8;}
.nav .langs a:hover{color:#fff;}
.nav .langs a.active{font-weight:bold; }
.nav .langs a:after{content: '|';}
.nav .langs a:last-child:after{content: ' ';}
.head-error{font-size:12px;font-weight:bold;}

.loading{text-align:center;font-size:20px;position:absolute;margin:auto;width:250px;top:40px;left:0;right:0;z-index:2050;}
.loading span{background-color:#FFF;padding:20px;box-shadow:0 0 10px -2px #333;margin:20px;border-radius:5px;}

.white{color:#FFF;}
.numeric{text-align:right;}

.modal-xl{width:90%;}

.ibox{margin-bottom:0;}
.ibox-content{padding:2px;}
.ibox-title h3{display:inline-block;}
.ibox-title-selection{font-weight:bold; font-size:16px; color:#1a7bb9;}

.top-buffer{margin-top:6px !important;}
.top-buffer-2x{margin-top:12px !important;}
.top-buffer-3x{margin-top:18px !important;}
.top-buffer-4x{margin-top:24px !important;}
.right-buffer{margin-right:6px !important;}
.right-buffer-2x{margin-right:12px !important;}
.right-buffer-3x{margin-right:18px !important;}
.right-buffer-4x{margin-right:24px !important;}
.bottom-buffer{margin-bottom:6px !important;}
.bottom-buffer-2x{margin-bottom:12px !important;}
.bottom-buffer-3x{margin-bottom:18px !important;}
.bottom-buffer-4x{margin-bottom:24px !important;}
.left-buffer{margin-left:6px !important;}
.left-buffer-2x{margin-left:12px !important;}
.left-buffer-3x{margin-left:18px !important;}
.left-buffer-4x{margin-left:24px !important;}

.nav .always-open > ul.collapse{height:auto !important;display:block;}
.feed-element p{margin:10px 0;}
.feed-element button{margin-top:0;}

.chosen-container-single .chosen-single {border-radius:0;border:1px solid #e5e6e7;background:#ffffff;box-shadow:none;}

.datepicker{z-index:10000 !important;}

.small-table > thead > tr > th{padding:1px 5px;line-height:1;vertical-align:middle;}
.small-table > tbody > tr > td{padding:1px 5px;line-height:1;vertical-align:middle;}
.small-table .btn {margin:1px 0;}

.table-details td{padding-right:10px;}

.radio-box{margin-bottom:10px;}
.radio-box input[type=radio]{display:none;}
.radio-box input[type=radio]+label{margin:0 4px;cursor:pointer;}
.radio-box input[type=radio]+label img{width:40px;}
.radio-box input[type=radio]:checked+label{box-shadow:0 0 6px -2px #000;border:1px solid rgba(0,0,0,0.5);}

.avatar-box input[type=radio]{display:none;}
.avatar-box input[type=radio]+label{margin:0 4px;cursor:pointer;}
.avatar-box input[type=radio]+label img{width:40px;}
.avatar-box input[type=radio]:checked+label{box-shadow:0 0 6px -2px #000;border:1px solid rgba(0,0,0,0.8);border-radius:20px;}

img.avatar{width:40px;border-radius:20px;background-color:#FFF;}
.ownAvatar.checked img{box-shadow:0 0 6px -2px #000;border:1px solid rgba(0,0,0,0.8);border-radius:20px;}

.login .logo{width:250px;}
.login h1{margin:0 0 40px 0;}

#ajaxTable thead th[data-order] i{cursor:pointer;}
#ajaxTable thead input.input-xs{padding:2px;height:25px;}
#ajaxTable td{padding:6px;}
#ajaxTable th{padding:6px;}
#ajaxTable tfoot ul.pagination{margin:0;}
#ajaxTable tfoot .hit{margin:8px;font-weight:bold;float:left;}
#ajaxTable tfoot select{height:30px;}
#ajaxTable tfoot ul li{float:left;}

tr.highlighted{background-color:#f9f8f8;}
tr.highlighted-warning{background-color:#FEF8EF;}
tr.highlighted-danger{background-color:#FEF6F7;}
tr.highlighted-primary{background-color:#E8F7F4;}
tr.highlighted-hidden{opacity:0.5;}

.ibox-noborder{border-top:0px solid;}

.main_storage{background:#383838 !important; color:#fff;}

.alert_margin_top{margin-top: 22px;}

.deliveri_date{display:flex; flex-direction:row; margin-top: 20px; margin-left: 0px;}
.deliveri_date .search {}
.deliveri_date input {text-align: center;}
.deliveri_date label {margin-top: 40%;}
.selected_delivery{background-color: #97a3873d !important;}
.select_year{margin-bottom:25px;}
.new_document{background-color: lavenderblush !important;}
.dashboard_games{text-align: center; margin-bottom: 100px;}
.dashboard_games table {margin-right: auto; margin-left: auto; width: 65%; font-size:16px;}
.dashboard_games table tr td:nth-child(1){text-align: left;}
.dashboard_games table tr td:nth-child(2){text-align: right;}
.dashboard_games img{ margin-bottom: 20px;}
.red{color:red;}
.fa-130x{font-size:130px;}
.dashboard_product {height: 200px;}
.dashboard_product table {width:100%; height: 150px;}
.dashboard_product table tr td:nth-child(1){text-align: left;}
.dashboard_product table tr td:nth-child(2){text-align: right;}
.dashboard_product_plu {font-weight:bold; font-size:15px;}
.alert-danger{display: block ruby;}
.packagelistajaxTable tr td:last-child{width: 28%;}
.supplies .ajaxTable-v4 tr td:first-child{width: 12%;}
.collapse-link{cursor: pointer;}
.flex{flex-direction: row; display: flex;}
.AjaxTable tbody td:nth-child(1){width: 150px;text-align: center;}

.logo_navbar img {
	height: auto; /* Az arányok megtartása érdekében */
	width: 60%;
	background-color: #f0f0f0;
}

.logo_navbar {
	display: flex; /* Flexbox a középre igazításhoz */
	justify-content: center; /* Horizontális középre igazítás */
	align-items: center; /* Vertikális középre igazítás */
	height: 55px; /* Div magassága */
	border-radius: 8px; /* Lekerekített sarkak */
	background-color: #f0f0f0; /* Háttérszín */
	width: 100%;
}

.project_navbar {
	display: flex; /* Flexbox használata */
	flex-direction: column; /* Függőleges elrendezés */
	justify-content: center; /* Horizontális középre igazítás */
	align-items: center; /* Vertikális középre igazítás */
	min-height: 100px; /* Minimum magasság */
	padding: 5px; /* Belső margó a szöveg körül */
	border-radius: 8px; /* Lekerekített sarkok */
	background-color: #f0f0f0; /* Háttérszín */
	text-align: center; /* Szöveg középre igazítása */
	color: #1e3548;
	width: 100%;
}
.project_navbar a {
	color: #1e3548;
}

.nav-header {
	background-image: url('/stock-2.jpeg'); /* Háttérkép beállítása */
	background-size: cover; /* A kép kitölti a teljes elemet */
	background-position: center; /* A kép középre igazítása */
	background-repeat: no-repeat; /* A kép ne ismétlődjön */
}

.user_name{
	font-size: 20px !important;	
	color: #1e3548;
	width: 100%;
}

.user_name{
	background-color: #f0f0f0; /* Háttérszín */
	border-radius: 8px; /* Lekerekített sarkak */
	margin-top:5px;
}

.login-box{
  background-color: rgba(255,255,255,0.8);
  border-radius: 20px;
  box-shadow: 0 0 20px #000;
}

.fix-header{height: calc(100vh - 85px) !important;}
.fix-header table th{background:#FFF;position:sticky;top:-1px;padding:0 !important;}
.fix-header table th > p{margin-bottom:0;padding:1px 4px;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.fix-header table th > i{margin-right:5px;}
.fix-header table th > input{bottom:0;padding:6px 1px;position:relative;margin:2px 1px;width:calc(100% - 2px);height:25px;}
.fix-header table th > input[data-filter=number]{min-width:100px;}
.fix-header table th > .ms-parent{margin:2px 4px;max-width:100px;}
.fix-header table th > .ms-parent > button{border: 1px solid #e5e6e7;border-radius:0;}
.fix-header table th[data-order=number]{min-width:106px;}
.fix-header table thead th:first-child{color:#333;font-size:11px;}

.table-max-height-modal{max-height: calc(100vh - 650px) !important;}

.form-control[required],
.form-control[required=""],
.form-control[required="required"] {
    border-left: 2px solid #D9534F;
}
.required label {
    padding-right: 20px;
}

.required label:after {
    color: #D9534F;
    content: "\00a0\00a0 \f069"; 
    font-family: 'FontAwesome';
    font-size: 10px;
    font-weight: normal;
    margin-top: -2px;
    position: absolute;
}   

.span-red{display:block;background-color:#F4C7C3;width:100%;}
.span-green{display:block;background-color:#90ee90;width:100%;}
.span-yellow{display:block;background-color:#FCE8B2;width:100%;}
.span-blue{display:block;background-color:#add8e6;width:100%;}

.border-dotted{border:2px dotted #DDD;padding:0 10px;margin:0 5px 10px;}

table tr.inline-sum {
	background-color: #EEE;
	font-size: 10px;
	line-height: 0.8;
}

table tr.inline-sum td {
	padding: 2px 8px;
}

.data-deleted {background-color:#ff110049 !important;}

.button-row {
    white-space: nowrap; /* Gombok egy sorban maradnak */
}

.button-row a {
    display: inline-block;
    margin-right: 5px; /* Kicsi térköz a gombok között */
}

.coming_soon {
	pointer-events: none;
	border-right: 5px solid orange !important;
}
.coming_soon a{
	color: orange !important;
}

.in_progress {
	border-right: 5px solid red !important;	
}

.nav-second-level li a {
  padding: 3px;
  padding-left: 50px;
}

div.stuff {
  font-size: 10px;
  overflow-y: auto;
  margin: 0;
  font-weight: normal;
  text-align: left;
}
.wrapper-stuff {
  display: flex;
  gap: 20px; /* távolság a két blokk között */
  align-items: flex-start; /* tetejük egy vonalban legyen */
  padding: 0px;
}

.stuff {
  flex: 1; /* mindkettő egyenlő szélességű lehet */
}

.modal.fade .modal-dialog {
  transition: transform .1s ease-out,-webkit-transform .1s ease-out;
}

.date_filter.active-filter {
	background-color: #337ab7 !important;
	border-color: #2e6da4 !important;
	box-shadow: 0 0 10px rgba(51, 122, 183, 0.6) !important;
	transform: translateY(-1px);
	transition: all 0.2s ease;
}

.date_filter.active-filter:hover {
	background-color: #286090 !important;
	border-color: #204d74 !important;
	box-shadow: 0 0 15px rgba(51, 122, 183, 0.8) !important;
}

.right-table tbody tr td {
  text-align: right;
}