body
{
	background-color: #F7E0D4;
}

* {
	margin: 0 auto 0 auto;
	font-size: 16px;
	font-family: sans-serif, Helvetica, verdana ,arial;
}

h1 {
	font-size: 25px;
	margin: 10px 0 10px 0;
}

h2 {
	font-size: 20px;
	margin: 10px 0 10px 0;
}

p {
	margin: 15px 0 15px 0;
}

a {
	color: green;
	text-decoration: none;
}

a:link{
	color: green;
	text-decoration: none;
}

a:visited {
	color: green;
	text-decoration: none;
}

.telemetryButton
{
	width: 150px;
	height: 50px;
	margin: 5px;
	font-size: 10px;
	overflow-wrap: break-word;
}

.commandButton
{
	width: 150px;
	height: 50px;
	margin: 5px;
	font-size: 10px;
	overflow-wrap: break-word;
}

.center
{
	text-align: center;
	padding-top: 5px;
	color: white;
}

#telemetryListTextarea
{
	width: 99%;
	height: 80%;
}

#telemetryList
{
	height: 90%;
}

#telemetryTextArea
{
	width: 99%;
	height: 80%;
	display: block;
}

#telemetryDiv
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

/************Collapsible nodes**************/

/* Style the collapsible content. Note: hidden by default */
.cursorContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

/************Collapsible nodes**************/
/* Style the button that is used to open and close the collapsible content */
.collapsible
{
	cursor: pointer;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover
{
	background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content
{
	padding: 0 0;
	display: block;
	overflow: auto;
	/*max-height: 300px;*/
}

/* Style the collapsible content. Note: hidden by default */
.contentHide
{
	padding: 0 0;
	display: none;
	overflow: auto;
	/*max-height: 300px;*/
}

.menuButton
{
	/*position: relative;
	display: block;*/
	width: 15%;
	height: 50px;
	font-size: 20px;
	text-align: center;
	margin-top: 0%;
	padding-top: 0%;
	background-color: #ccc;
	left: 1%;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 5px;
	white-space: normal;
	word-wrap: break-word;
	margin: 0 5px 0 5px;
}


/* Style the collapsible content. Note: hidden by default */
.systemEventGroupContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

#event_deadline
{
	width: 180px;
}

.numberTextInput
{
	width: 50px;
}

.numberParametersLabel
{
	display: inline-block;
	overflow-wrap: break-word;
	width: auto;
}

.numberParametersText
{
	width: 80px;
}

.numberInput
{
	width: 50px;
}

.parametersSelect
{
	width: 80px;
}

.textTextInput
{
	width: 250px;
}

#main
{
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	right: auto;
	left: 326px;
	overflow-y: scroll;
}

#mainContents
{
	margin: 5px;
	overflow-y: scroll;
	/*display: flex;
	align-items: stretch;*/
	height: 98%;
}

#rightMenuHeader
{
	position: absolute;
	width: 20px;
	height: 250px;
	top: 0px;
	right: auto;
	left: 629px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	text-align: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#rightMenu
{
	position: absolute;
	width: 300px;
	min-width: 300px;
	max-width: 450px;
	height: 250px;
	top: 0px;
	right: auto;
	left: 652px;
	overflow-y: auto;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

#rightMenuContents
{
	margin: 5px;
}

#leftMeniBarLabelDIv
{
	padding-top: 5px;
	text-align: center;
}

#leftMenu
{
	position: absolute;
	width: 300px;
	height: 250px;
	top: 0px;
	right: auto;
	left: 0px;
	overflow-y: auto;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#leftMenuBar
{
	position: relative;
	width: 99%;
	height: 40px;
	left: 0px;
	top: -5px;
	background-color: #347B98;
	margin: 0px !important;
	border-width: 0px !important;
}

#leftMenuBar2
{
	position: relative;
	width: 99%;
	height: 40px;
	left: -1px;
	top: 45%;
	background-color: #347B98;
	margin: 0px !important;
	border-width: 0px !important;
}

#leftMenuBar2Content
{
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	overflow: auto;
	height: 583%;
	padding-left: 5px;
}

#leftMenuHeader
{
	position: absolute;
	width: 20px;
	height: 250px;
	top: 0px;
	right: auto;
	left: 303px;
	writing-mode: vertical-rl;
	text-orientation: upright;
	text-align: center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.header:hover
{
	background-color: #ccc;
}

#topMenuHeader
{
	position: relative;
	text-align: center;
}

#bottomMenuHeader
{
	position: absolute;
	width: 952px;
	height: 20px;
	top: 254px;
	right: auto;
	left: 0px;
	text-align: center;
	z-index: 9999;
}

#bottomMenu
{
	position: absolute;
	width: 952px;
	height: 100px;
	top: 277px;
	right: auto;
	left: 0px;
	overflow-y: scroll;
}

#gndtcMessagesTextarea
{
	width: 99%;
	height: 90%;
}

.borderPaddingStyle
{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 0px;
	margin: 5px;
}

.cursorPointer
{
	cursor: pointer;
}

.dot
{
	height: 19px;
	width: 19px;
	background-color: red;
	border-radius: 50%;
	display: inline-block;
}

.rotDot
{
	display: inline-block;
}

.mainHeader
{
	text-align: center;
}

/******Objects legend start******/
/*#leftMenuBarCollapsibleItem1
{
	position:relative;
	top: 6px;
	left: 0px;
	clear: both;
	width: 100%;
	min-width: 25px;
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

#leftMenuBarCollapsibleItem1Header
{
	width: 100%;
	margin-top: 6px;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

#leftMenuBarCollapsibleItem1Content
{
	height: 100%;
	left: -170px;
	display: none;
	overflow-y: auto;
}*/

.checkbox
{
	padding-left: 8px;
	padding-right: 10px;
	white-space: nowrap;
	display: inline-block;
	width: 30px;
	background-color:white;
	border-radius: 30px;
	opacity: 1;
}

#checkboxSubDiv
{
	padding-left: 20px;
}

.bottomCheckbox
{
	padding-left: 8px;
	padding-right: 10px;
	white-space: nowrap;
	display: inline-block;
	width: auto;
	background-color:white;
	border-radius: 30px;
	opacity: 1;
}

.addressSpanClass
{
	display: inline-block;
	padding-left: 5px;
	white-space: nowrap;
	background-color:white;
	width: 20%;
	cursor: pointer;
	opacity: 1;
	margin: 0px;
	font-size: 15px;
}

.objectHeader
{
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

.noSpanClass
{
	display: inline-block;
	white-space: nowrap;
	background-color:white;
	width: 10%;
	opacity: 1;
}

.pointsSpanClass
{
	display: inline-block;
	padding-left: 8px;
	white-space: nowrap;
	background-color:white;
	width: 20%;
	cursor: pointer;
	opacity: 1;
	margin: 0px;
	font-size: 15px;
}

.showSpanClass
{
	display: inline-block;
	padding-left: 8px;
	white-space: nowrap;
	background-color:white;
	width: 30px;
	opacity: 1;
}


#leftMeniBarLabelDIv
{

}
/******Objects legend end******/

/******gnd30commands left menu start***********/
/*#leftMenuBarCollapsibleItem2
{
	position:relative;
	top: 3px;
	left: 0px;
	clear: both;
	width: 100%;
	min-width: 25px;
	height: auto; 
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

#leftMenuBarCollapsibleItem2Header
{
	width: 100%;
	margin-top: 5px;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

#leftMenuBarCollapsibleItem2Content
{
	height: 100%;
	left: -170px;
	display: none;
	overflow-y: auto;
}
*/
/******gnd30commands left menu end***********/

/******EXP left menu start***********/
/*#leftMenuBarCollapsibleItem3
{
	position:relative;
	top: 3px;
	left: 0px;
	clear: both;
	width: 100%;
	min-width: 25px;
	height: auto; 
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

#leftMenuBarCollapsibleItem3Header
{
	width: 100%;
	margin-top: 5px;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

#leftMenuBarCollapsibleItem3Content
{
	height: 100%;
	left: -170px;
	display: none;
	overflow-y: auto;
}*/

/******exp left menu end***********/

/*#leftMenuBarCollapsibleItem4
{
	position:relative;
	top: 6px;
	left: 0px;
	clear: both;
	width: 100%;
	min-width: 25px;
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

#leftMenuBarCollapsibleItem4Header
{
	width: 100%;
	margin-top: 6px;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

#leftMenuBarCollapsibleItem4Content
{
	height: 100%;
	left: -170px;
	display: none;
	overflow-y: auto;
}*/


.leftMenuBarCollapsibleItemClass
{
	position:relative;
	top: 6px;
	left: 0px;
	clear: both;
	width: 100%;
	min-width: 25px;
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

.leftMenuBarCollapsibleItemHeaderClass
{
	width: 100%;
	margin-top: 6px;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.leftMenuBarCollapsibleItemContentClass
{
	height: 100%;
	left: -170px;
	display: none;
	overflow-y: auto;
}

/******messages legend start******/
#messages
{
	position:relative; 
	/*left: 10px;*/
	clear: both;
	/*background-color: #white;*/
	/*top: 170px;*/
	width: 200px;
	min-width: 25px;
	max-width: 300px;
	height:auto; 
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

#messagesheader
{
	/*position: relative;
	left: 0px;*/
	width: 290px;
	margin-top: 5px;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.msgContent
{
	/*height: 150px;*/
	/*display: none;*/
	width: 200px;
	overflow-y: scroll;
}

#actmsg
{
	display: flex;
	flex-direction: column-reverse;
}

#actmsg div
{
	flex: 1;
	border: 1px dashed green;
}

/******messages legend end******/


/******wss legend start******/
.chatTextArea
{
	width: 95%;
}

#wssSettings
{
	position:relative; 
	/*left: 10px;*/
	clear: both;
	/*background-color: white;*/
	/*top: 170px;*/
	width: 100%;
	min-width: 25px;
	height:auto; 
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

#wssSettingsheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

#objectsheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.wssSettingsContent
{
	/*height: 240px;*/
	display: none;
	overflow-y: scroll;
}

.loginDot
{
	height: 19px;
	width: 19px;
	background-color: red;
	border-radius: 50%;
	display: inline-block;
}

loginDotTextDot
{
	display: inline-block;
/*	width: 160px;*/
}

#wssServerUrl
{
	width: 90%;
}

#loginUsername
{
	width: 90%;
}

#loginPassword
{
	width: 90%;
}

#nmhh1wssheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.nmhh1wssContent
{
	/*height: 240px;*/
	display: none;
	overflow-y: scroll;
}

#bmegndwssheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.bmegndwssContent
{
	/*height: 240px;*/
	display: none;
	overflow-y: scroll;
}

#bmegnd30wssheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.bmegnd30wssContent
{
	/*height: 240px;*/
	display: none;
	overflow-y: scroll;
}

#mrc10wssheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.mrc10wssContent
{
	/*height: 240px;*/
	display: none;
	overflow-y: scroll;
}

#nmhh1wsheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.nmhh1wsContent
{
	/*height: 240px;*/
	display: none;
	overflow-y: scroll;
}


#wsSettings
{
	position:relative; 
	/*left: 10px;*/
	clear: both;
	/*background-color: white;*/
	/*top: 170px;*/
	width: 100%;
	min-width: 25px;
	height:auto; 
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

#wsSettingsheader
{
	position: relative;
	left: 0px;
	margin-top: 5px;
	width: 100%;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.wsSettingsContent
{
	/*height: 240px;*/
	display: none;
	overflow-y: scroll;
}

/******wss legend end*****/

/******menu start******/
#leftMapMenu
{
	position: absolute;
	display: block;
	top: 110px;
	left: 10px;
	z-index: 9999;
	clear: both;
	opacity: 1;
}
#rightMapMenu
{
	position: absolute;
	display: block;
	top: 30px;
	right: 10px;
	z-index: 9999;
	clear: both;
	opacity: 1;
}
/******menu end******/

.mainHeader
{
	text-align: center;
}

#registration_form {
  display: block;
  gap: 8px;
  width: 95%;
}

.form-row {
  display: block;
  margin-bottom: 8px;
}

.form-row label {
  width: 200px;       /* fix szélességű bal oszlop */
  text-align: left;
  margin-right: 12px;
  font-weight: 500;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="password"],
.form-row select {
  padding: 6px 8px;
  
  box-sizing: border-box;
}

.form-row input[type="checkbox"] {
  margin-right: 6px;
}

#newregistration
{
  margin-left: 192px; /* label szélessége + margin */
  padding: 18px 14px;
  width: 20%;
}

.registrationLabel
{
	#color: #B4886B;
	font-weight: bold;
	display: block;
	padding: 3px;
}

.form-control-label
{
	margin: 10px;
}

.form-control
{
	margin: 10px;
}

.form-check-label
{
	margin: 10px;
}

/*Antenna X Y and az el text imput format*/
#antx
{
	width: 100px;
	height: 50px;
	padding: 0px;
}

#anty
{
	width: 100px;
	height: 50px;
	padding: 0px;
}

#antaz
{
	width: 100px;
	height: 50px;
	padding: 0px;
}

#antel
{
	width: 100px;
	height: 50px;
	padding: 0px;
}

.loginDot
{
	height: 19px;
	width: 19px;
	background-color: red;
	border-radius: 50%;
	display: inline-block;
}

loginDotTextDot
{
	display: inline-block;
/*	width: 160px;*/
}

#rotatorStatus
{
	width: 980px;
}

#status
{
	clear: both;
}

#gndStatus
{
	width: 200px !important;
}

#antennaStatus
{
	width: 200px !important;
}

#rotatorStatusX
{
	float: left;
	left: 0px;
	width: 480px;
	margin: 0px;
}

#rotatorStatusY
{
	float: right;
	left: 0px;
	width: 480px;
	margin: 0px;
}

#rotatorStatusAz
{
	float: left;
	left: 0px;
	width: 478px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 5px;
}

#rotatorStatusEl
{
	float: right;
	left: 0px;
	width: 800px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 5px;
}

#satinfo45
{
	clear: both;
	float: center;
	left: 0px;
	width: 98%;
	margin: 0px;
}

#rotatorData
{
	clear: both;
	padding-top: 10px;
}

.rotStatusSpan
{
	display: inline-block;
	width: 80px;
	/*height: auto;*/
	background-color: #AEE0BB;
}

.longStatusSpan
{
	width: auto !important;
}

.rotStatusLabel
{
	display: inline-block;
	width: 130px;
}

.rotStatusSpanAmplitec
{
	display: inline-block;
	width: 80px;
	/*height: auto;*/
	background-color: #AEE0BB;
}

.rotStatusLabelAmplitec
{
	display: inline-block;
	width: 130px;
}

.rotDot
{
	display: inline-block;
	width: 160px;
}

.rotDotText
{
	display: inline-block;
	width: 100px;
}

#antennaCamera45
{
	float: right;
	width: 400px;
	height: 300px;
}

#msg
{
	float:left;
	clear: both;
	width: 430px;
	height: 288px;
	overflow-x: scroll;
	overflow-y: scroll;
}

#command
{
	width: 99%;
}

.rotDataButton
{
	width: 190px;
	height: 50px;
	margin: 5px;
}

.topMenuButton
{
	width: 15%;
	min-width: 120px;
	height: 50px;
	margin: 5px;
}

#gcsMenu
{
	/*position: relative;*/
	float: center;
	/*margin: auto;*/
	/*margin: 0 5px 0 5px;*/
	display: flex;
	justify-content: center;
	align-items: center;"
}

#refreshTimeBtn
{
	height: 25px !important;
	margin: 5px;
}

#mainProperties
{
	margin: 5px;
}

/************Collapsible nodes**************/
/* Style the button that is used to open and close the collapsible content */
.collapsible
{
	cursor: pointer;
	border-radius: 5px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover
{
	background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.rotatorPositionContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

/* Style the collapsible content. Note: hidden by default */
.otherButtonsContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

.otherButtonsHeader
{
	background-color: #39F2EA;
}

/* Style the collapsible content. Note: hidden by default */
.serviceContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

/* Style the collapsible content. Note: hidden by default */
.scheduleContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

/* Style the collapsible content. Note: hidden by default */
.sdrButtonsContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

/* Style the collapsible content. Note: hidden by default */
.qo100ButtonsContent
{
	padding: 0 0;
	display: none;
	overflow: auto;
}

/* Amplitec buttons manual */
.amplitecManualButtons
{
	width: 50px;
	height: 20px;
	cursor: pointer;
	border: 1px solid black;
	border-radius: 5px;
	background-color: lightgray;
	margin: 5px;
}

#manualButtons
{
	display: none;
	position: relative;
	top: 0px;
	left: 202px;
	width: 180px;
	height: 80px;
	margin: 5px;
	border: 2px solid #73AD21;
	border-radius: 5px;
}

#amplitec\.stop
{
	position: absolute;
	top: 25px;
	left: 60px;
}

#amplitec\.up
{
	position: absolute;
	top: 0px;
	left: 60px;
}

#amplitec\.down
{
	position: absolute;
	top: 50px;
	left: 60px;
}

#amplitec\.forward
{
	position: absolute;
	top: 25px;
	left: 120px;
}

#amplitec\.reverse 
{
	position: absolute;
	top: 25px;
	left: 0px;
}

/* Amplitec buttons rotation */
#rotationButtons
{
	display: none;
}

#shceduleTable tbody td
{
	border: 1px solid black;
}

#antennaSection45
{
	max-width: 800px;
}

/*******************Dropdown***********************************/

 /* Dropdown Button */
.dropbtn
{
	background-color: #2196F3;
	color: white;
	padding: 10px;
	font-size: 16px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	height: 48px;
}

.submenu
{
	cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus
{
	background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown
{
	position: relative;
	display: inline-block;
	height: 48px;
	margin: 0 5px 0 5px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content
{
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 10001;
}

/* Links inside the dropdown */
.dropdown-content div
{
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content div:hover
{
	background-color: #ddd;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show
{
	display:block;
}

.paddingleft5px
{
	padding-left: 5px;
}

/*******************Left menu**********************************/
#batCommandGroups
{
	clear: both;
	padding-top: 10px;
}

/*******************Subpages***********************************/
#registration
{
	display: none;
}

#homepage
{
	display: none;
}

#telemetryMain
{
	display: block;
	float: center;
}

#bmegnd45Schedule
{
	display: none;
	float: center;
}

/*******************debug pages***********************************/

#debugBmegndCommand
{
	display: block;
	float: center;
}

#debugNmhh1
{
	display: none;
	float: center;
}

#debugExperiments
{
	display: none;
	float: center;
}

#pqpterminal
{
	display: none;
	float: center;
	height: 90%;
}

/*******************debug menu***********************************/

.debugMenuButton
{
	width: 15%;
	min-width: 120px;
	height: 25px;
	margin: 5px;
}


/*******************NMHH-1 Telemetry formats**********************/

.OBCTelemetryCollapsibleItem
{
	position:relative;
	top: 6px;
	left: 0px;
	clear: both;
	/*background-color: #white;*/
	width: 100%;
	min-width: 25px;
	/*max-width: 400px;*/
	/*height: auto; */
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

.OBCTelemetryCollapsibleItemHeader
{
	/*position: relative;*/
	/*left: 190px;*/
	width: 100%;
	margin-top: 6px;
	cursor: move;
	z-index: 10000;
	background-color: #2196F3;
	color: #fff;
	text-align: center;
}

.bridgeTelemetryCollapsibleItem
{
	position:relative;
	top: 6px;
	left: 0px;
	clear: both;
	/*background-color: #white;*/
	width: 100%;
	min-width: 25px;
	/*max-width: 400px;*/
	/*height: auto; */
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

.bridgeTelemetryCollapsibleHeader
{
	/*position: relative;*/
	/*left: 190px;*/
	width: 100%;
	margin-top: 6px;
	cursor: move;
	z-index: 10000;
	background-color: #2144F3;
	color: #fff;
	text-align: center;
}

.COMTelemetryCollapsibleItem
{
	position:relative;
	top: 6px;
	left: 0px;
	clear: both;
	/*background-color: #white;*/
	width: 100%;
	min-width: 25px;
	/*max-width: 400px;*/
	/*height: auto; */
	z-index: 9999;
	text-align: left;
	display: block;
	opacity: 1;
}

.COMTelemetryCollapsibleItemHeader
{
	/*position: relative;*/
	/*left: 190px;*/
	width: 100%;
	margin-top: 6px;
	cursor: move;
	z-index: 10000;
	background-color: #F800E7;
	color: #fff;
	text-align: center;
}



.grid
{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.section
{
	background: #fff;
	padding: 15px;
	margin-bottom: 5px;
	/*width:	40%;*/
	flex: 1 1 calc(50% - 20px);
	min-width: 260px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	flex: 1 1 calc(100% - 20px); /* alapértelmezés mobilon: 1 oszlop */
    box-sizing: border-box;
}

/*mobil*/
@media (max-width: 500px) {
  .telemetry-row {
    grid-template-columns: 100%;
  }
  .telemetry-row-hidden {
    grid-template-columns: 100%;
    display: none;
  }
}

/* Tablet / kis monitor: 2 oszlop */
  @media (min-width: 600px) {
    .section {
      flex: 1 1 calc(50% - 20px);
    }
  }

  /* Nagy képernyő: 3 oszlop */
  @media (min-width: 1000px) {
    .section {
      flex: 1 1 calc(33.333% - 20px);
    }
  }
  
 .timestamp-section {
	width: 80%;
	flex: 1 1 80%;
	background-color: #f0f8ff; /* halvány kék háttér pl. */
	border-left: 4px solid #007bff;
	margin-bottom: 15px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.timestamp-row
{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	flex-direction: row;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 5px;
	gap: 10px;
}


.timestamp-row .label
{
  font-weight: bold;
  min-width: auto;
  width: auto;
  text-align: left;
   white-space: nowrap;
}
  
 .telemetry-row
 {
	display: grid;
	grid-template-columns: 250px 1fr auto; /* label fix, value rugalmas, unit automatikus */
	gap: 8px 12px;
	align-items: baseline;   /* egységek és számok alul-felső vonalhoz igazítva */
	justify-items: start;    /* nagyon fontos: ne középre igazítson */
	margin-bottom: 6px;
	width: 100%;
}

.telemetry-row-hidden {
    display: none;
	grid-template-columns: 250px auto auto; /* label, value, unit */
	align-items: baseline;
	margin-bottom: 4px;
	gap: 4px;
  }

.telemetry-row-lsw
{
	display: grid;
	grid-template-columns: 150px 100px 4px 50px 30px 50px 30px;
	align-items: baseline;
	margin-bottom: 4px;
	gap: 4px;
}

.label-lsw
{
	width: 150px;         /* <<< Fix szélesség minden label-re */
	text-align: left;     /* <<< Balra igazítva */
	/*display: inline-block;*/
	font-weight: bold;
	/*padding-right: 4px; */  /* <<< Távolság a value előtt */
}

 .telemetry-row-narrow
 {
	display: grid;
	grid-template-columns: 150px 80px 60px;
	align-items: baseline;
	margin-bottom: 4px;
	gap: 4px;
}

.label-narrow
{
	width: 150px;         /* <<< Fix szélesség minden label-re */
	text-align: left;     /* <<< Balra igazítva */
	font-weight: bold;
}



.label
{
	width: 250px;        
	text-align: left;    
	/*display: inline-block;*/
	font-weight: bold;
	padding-right: 8px;
}

.unit
{
	min-width: 50px;
}

    
.value
{
	min-width: 40px;
	/*display: inline-block;*/
}

.recent
{
	color: green;
}

.stale
{
	color: #999;
}

.invalid
{
	color: red;
}

#expcalendar
{
	/*max-width: 900px;*/
	margin: 0 auto;
	width: 80%;
	height: 80%;
}

.fc-toolbar-title {
    display: inline-block;
    width: 500px;
    text-align: center;
}

#selectorContainer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px;
  }
  
 .selectorContainer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px;
  }