#panel {
	min-width: 600px;
}

#panelmenu {
	font-size: 75%;
	top: 43px;
}

#linksmenu {
	font-size: 70%;
}

#indicators {
	top: 65px;
}

#busyindication {
	top: 69px;
}

#keybuttons {
	width: 597px;
	color: black;
}

#keybuttons {
	position: static;
	margin-top: 5px;
}

.keybutton {
	height: 34px;
    width: 34px;
	margin: 2px 2px;
	font-size: 74%;
}

#prevcmd, #nextcmd {
	width: 100px;
}

#tab, #del {
	width: 67px;
}

#sendkey, #bkspckey {
    width: 86px;
}

#openshortcuts {
	width: 176px;
}

#asterisk, #slash, #dash, #homekey, #leftkey, #upkey, #downkey, #endkey, #rightkey, #pgupkey, #pgdnkey {
	width: 56px;
}

#asterisk, #dash, #leftkey, #upkey, #downkey, #rightkey {
	font-size: 100%;
}

#spacekey {
    width: 148px;
}

#buttons {
	width: 480px;
	left: 60px;		/* (600 - 3 * (150 + 10)) / 2 */
}

#buttons .actionButton {
    font-size: 80%;
    width: 150px;
    height: 40px;
}


#shortcuts .windowcontent {
	width: 575px;
    padding: 10px;
}

#shortcuts .targetbutton, #shortcuts .reorderbutton {
	width: 120px;
}

.shortcuttitle {
	width: 110px;
}

.shortcutcommand {
	width: 180px;
}

#supportInfo .windowcontent {
	width: 575px;
}

@media screen and (max-width: 600px) {

	#logo-text {
		padding-left: 8px;
		padding-right: 5px;
	}
	
	#panel {
		min-width: unset;
		font-size: 0.6em;
	}

	#panelbg tr:first-child {
		height: 30px;
	}

	#panel #indicators {
		left: 200px;
	}

	.indication {
		width: 15px;
		height: 15px;
		font-size: 150%;
	}

	#paneltopmenu .menuitem {
		width: 30px;
		height: 30px;
	}	

	#paneltopmenu .menuitem i {
		line-height: 30px;
	}

	#paneltopmenu #gtmail, #paneltopmenu #logout {
		width: 30px;
	}

	#gtmailcount {
		left: 0;
		width: auto;
	}

	.popupmenu .menuitem {
		font-size: 100%;
	}

	#keybuttons {
		width: auto;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: auto auto auto auto;
		gap: 3px;
		padding: 0 3px;
	}

	.keyrow {
		display: contents;
	}

	.keybutton {
		font-size: 60%;
		height: 30px;
	}

	#openshortcuts {
		grid-column: 3 / span 3;
	}

	#prevcmd {
		grid-row-start: 1;
		grid-column-start: 1;
	}

	#nextcmd, #del, #asterisk, #slash, #dash {
		grid-row-start: 2;
	}

	#homekey, #upkey, #endkey, #pgupkey {
		grid-row-start: 3;
	}

	#leftkey, #downkey, #rightkey, #pgdnkey {
		grid-row-start: 4;
	}

	#prevcmd, #tab, #openshortcuts, #nextcmd, #del, #asterisk, #slash, #dash, #homekey, #upkey, #endkey, #pgupkey, #leftkey, #downkey, #rightkey, #pgdnkey {
		width: 100%;
		margin: 0;
	}

	#buttons {
		left: 3px;
		width: auto;
	}
	
	#shortcutbuttons {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#buttons .actionButton {
		font-size: 70%;
		height: 30px;
		flex: 1 1 150px;
	}

	#supportInfo .windowcontent {
		width: calc(100vw - 40px);
		font-size: 80%;
	}

	#supportInfo.formwindow .editorrow {
		min-height: 25px;
		height: auto;
	}

	#supportInfo.formwindow .label {
		padding: 0px;
	}
}