
body {
	background-color:darkgray !important;

}
button {
	/* min-width:90px; */
}	
#div_logo{
	background-color:white;
	margin: 0 auto;
	text-align:center;
	padding:20px;
}
#div_title {
	text-align:center;
	font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: bolder;
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
	color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;
}
	
.title-pakta {
	letter-spacing: 5px;
}
#sidebar .title-pakta {
	text-align: center;
    width: 290px;
    border-bottom: 1px solid black;
    margin-right: -20px;

}
.title-pakta img {
	margin-right:5px;
}
#div_menu {
	display:none;
}
#tabs {
	width: 100%;
	display:inline-block;
}
.dropdown_menu {
	padding-left:0px !important;
	padding-right:0px !important;
}
	
.tabheader {
	float:left;
}
.tabcontent {
	background-color:white;
	padding:0 5px 5px 5px;
	width:100%;
	border: 1px solid black;
	min-height: 85vh;
	margin-top: -7px;
}
.tabactive {
	background-color:yellow;
	cursor:pointer;
	padding:10px;
	font-weight:bold;
	border-bottom: 2px solid orange;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;	
	margin-right:1px;
}	
.tabactive:hover {
	/* background-color:orange; */
	/* border-bottom: 2px solid yellow; */
}
.tabinactive {
	background-color:lightgray;
	cursor:pointer;
	padding:10px;
	border-bottom: 1px black solid;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;	
	margin-right:1px;
}	
.tabinactive:hover {
	background-color:#6c757d;
	color:lightgray;
}

#tabcontents {
	width:100%;
	height:500px;
}


.main-container {
	height: 90vh;
	background-image: url("/images/mipack-logo.png");
	background-repeat: no-repeat;
	background-position: center;
}
.b-table-sticky-header>.table.b-table>thead>tr>th {
	position:sticky !important;
}
.table.b-table>thead>tr>[aria-sort=ascending],.table.b-table>thead>tr>[aria-sort=descending] {
	background-color:lightgray !important;
	color:black !important;
	font-weight:bold;
	
}
.btn:not(.input-group .btn) {
	margin-top: 0.375rem !important;
}
.dropdown-menu{
	--bs-dropdown-min-width: 19rem !important;
}

#modalKarbEdit .modal-dialog,#modalSorEdit .modal-dialog, #mCikkval .modal-dialog, #mBarcodeMain .modal-dialog, div[id*='mCegval'] .modal-dialog{
/* .modal-dialog { --ez nem jo mert a log dialogot is atmeretezi */
	max-width:99% !important; 
}
.red {
	background-color:red;
	color:white;
	padding:2px;
	font-weight:bold;
	margin:2px;
}
.yellow {
	background-color:yellow;
	color:black;
	padding:2px;
	font-weight:bold;
	margin:2px;
}
.black {
	color:black;
}
.input-group {
	/* align-items:baseline !important; */
}
.group-scroll {
	overflow-y: auto !important;
    max-height: 200px;
}