/**
 * Eine Menügruppe enthält Optionen eines Menüs, ist der Container.
 * Die Container der Menüoptionen werden mit der Klasse ".menuPointMobile"
 * die Option selbst mit der Klasse ".menuPoint" beschrieben.
 * Das Symbol einer Option ist in der Pseudoklasse  ".menuPoint::before",
 * das Label in der  Pseudoklasse  ".menuPoint::after" definiert.
 *
 * Werden später die label in einer weiteren Sprache benötigt, die
 * Klassen mit den Labeln in separate Dateien für die verschiedenen Sprachen
 * speichern.
 *
 * Ist die Menügruppe in einem verschiebbaren Dialog enthalten,
 * kann das Aussehen des Dialogs über weitere Klassen
 * s.jquery-ui-extras.css Abschnitt "Dialog mit Menüs" angepasst werden.
 *
 * Zusammenfassung:
 * ----------------
 * .menuPointMobileGoup   - Container des Menüs
 * .menuPointMobile       - Container der Menüoption
 * .menuPoint             - Option selbst
 * .menuPoint::before     - Symbol
 * .menuPoint::after      - Label
 *
 * @version $Id:$
 */
.menuPointMobileGroup {
	display: block;
	/*background-color:  red;*/
	/*max-width: 24em;*/
}

.menuPointMobileGroup div label {
	color: var(--gaia-font-color);
	background-color: var(--gaia-background-color);
	padding: 3px;
}

.menuPointMobile {
	text-align: left;
	font-size: 12px;
	width: 130px;
	height: 55px;
	float: left;
	margin-bottom: 0;
	margin-top: var(--gaia-sidebar-btns-margin);
	margin-left: var(--gaia-sidebar-btns-margin);
	/*background-color:yellow;*/
}

.menuPointMobile.__unlabeled {
	width: 2em;
	height: 2em;
}

.prefMenuPoint:hover {
	 color: var(--gaia-background-color);
	 background-color: var(--gaia-font-color);
	 border-width: var(--gaia-btns-border-width);
	 border-style: var(--gaia-btns-border-style);
	 border-color: var(--gaia-background-color);
	 /*box-shadow: 3px 3px dimgrey, 0 0 3px 3px var(--gaia-background-color);*/ /*lightgrey;*/
}

.menuPoint.shortActive:active {
	color: var(--gaia-background-color);
	background-color: var(--gaia-font-color);
	border-width: var(--gaia-btns-border-width);
	border-style: var(--gaia-btns-border-style);
	border-color: var(--gaia-background-color);
	/*box-shadow: inset 3px 3px dimgrey, 0 0 10px 10px blue;*/ /*lightgrey;*/
}

.menuPoint {
	display: flex;
	cursor: pointer;
	height: inherit;
	color: var(--gaia-font-color);
	background-color:  var(--gaia-background-color);
	border-width: var(--gaia-btns-border-width);
	border-style: var(--gaia-btns-border-style);
	border-color: var(--gaia-btns-border-color);
	border-radius: var(--gaia-btns-border-radius);
	justify-content: center;
}

/* Symbol einer Menüoption */
.menuPoint::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: var(--gaia-sidebar-font-size) ;
	width: 30%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	/*border: 1px solid yellow;
	color:yellow;
	background-color:blue;*/
}

/* Label einer Menüoption */
.menuPoint::after {
	font-size: calc(var(--gaia-sidebar-font-size) - 4px);
	width: 70%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;
	white-space: pre;
	/*border: 1px solid blue;
	color:blue;
	background-color:yellow;*/
}

/* -------------- */
/* --- Label ---- */
/* -------------- */

/* /*TODO Labelabschnitt in eigene Datei, Sprachdatei (deutsch, englisch u.s.w) */

.menuPoint.__open::after {
	display: flex!important;
}

.menuPoint.__close::after {
	display: none;
}

/* --- Label Hilfe --- */
.menuPoint.help::after {
	content: "Hilfe";
}

/* --- Label des Dialog-Menüs "Navigation" --- */
.menuPoint.restart::after {
	content: "Neustart";
}

.menuPoint.home::after {
	content: "Rückkehr\Azum\AUrsprung";
}

.menuPoint.newCenter::after {
	content: "Neuer \AKarten- \Amittelpunkt";
}

.menuPoint.zoomInWithCenter::after {
	content: "Vergrößern\Aper Faktor";
}

.menuPoint.zoomOutWithCenter::after {
	content: "Verkleinern\Aper Faktor";
}

.menuPoint.previousCard::after {
	content: "Vorheriger \A Ausschnitt";
}

.menuPoint.nextCard::after {
	content: "Nächster \A Ausschnitt";
}

/* --- Label des Dialog-Menüs "Abfragen" --- */
.menuPoint.queryPoint::after {
	content: "per \APunkt";
}

.menuPoint.queryLine::after {
	content: "per \APolylinie";
}

.menuPoint.queryRectangle::after {
	content: "per \ARechteck";
}

.menuPoint.queryPolygon::after {
	content: "per \APolygon";
}

.menuPoint.queryCircle::after {
	content: "per \AKreis";
}

.menuPoint.queryDrawing::after {
	content: "per \AZeichen- \A element(e)";
}

.menuPoint.queryManager::after {
	content: "Abfrage- \Amanager \Aöffnen";
}

.menuPoint.searchSimple::after {
	content: "Textsuche";
}

.menuPoint.searchCoords::after {
	content: "Koordinaten- \Asuche";
}

.menuPoint.searchComplex::after {
	content: "Komplexe \ASuche";
}

.menuPoint.searchList::after {
	content: "Listen- \ASuche";
}

/* --- Label des Dialog-Menüs "Messen und Zeichnen" --- */
.menuPoint.drawPoint::after {
	content: "Punkt";
}

.menuPoint.drawLine::after {
	content: "Linienzug";
}

.menuPoint.drawRectangle::after {
	content: "Rechteck";
}

.menuPoint.drawPolygon::after {
	content: "Polygon";
}

.menuPoint.drawCircle::after {
	content: "Kreis";
}

.menuPoint.drawText::after {
	content: "Betextung";
}

.menuPoint.saveDrawing::after {
	content: "Element(e) \A exportieren";
}

.menuPoint.loadDrawing::after {
	content: "Element(e) \A importieren";
}

.menuPoint.drawSelect::after {
	content: "Element(e) \A auswählen";
}

.menuPoint.deleteSelect::after {
	content: "Element(e) \A löschen";
}

.menuPoint.copySelect::after {
	content: "Element(e) \A kopieren";
}

/* --- Label des Dialog-Menüs "Extras" --- */
.menuPoint._openCompareView::after {
	content: "Vergleichs- \A ansicht \A an";
}

.menuPoint._closeCompareView::after {
	content: "Vergleichs- \A ansicht \A aus";
}

.menuPoint.newOverview::after {
	content: "Neue \A Übersichts- \A karte";
}

.menuPoint.grey::after {
	content: "Karte in \A Graustufen";
}

.menuPoint.makeGAIALink::after {
	content: "Link zum \A Aufruf \A von GAIA";
}

.menuPoint.mapErrors::after {
	content: "Kartenfehler \A melden";
}

.menuPoint.print::after {
	content: "Drucken";
}

/* --- Label für Einstellungen in allen Menüdialogen --- */
.menuPoint.editNavigation::after,
.menuPoint.editDrawing::after,
.menuPoint.editAbfragen::after,
.menuPoint.preferences::after
{
	content: "Einstellungen";
}

/* ---------------- */
/* --- Symbole ---- */
/* ---------------- */

/* --- Symbol Hilfe --- */
.menuPoint.help::before {
	content: "\F059";
}

/* --- Symbole des Dialog-Menüs "Navigation" --- */
.menuPoint.newCenter::before {
	content: "\F5A0";
}

.menuPoint.zoomInWithCenter::before {
	content: "\F067";
}

.menuPoint.zoomOutWithCenter::before {
	content: "\F068";
}

.menuPoint.previousCard::before {
	content: "\F060";
}

.menuPoint.nextCard::before {
	content: "\F061";
}

.menuPoint.newOverview::before {
	content: "\F279";
}

.menuPoint.restart::before {
	 content: "\F2F1";
}

.menuPoint.home::before {
	content: "\F015";
}

/* --- Symbole des Dialog-Menüs "Abfragen" --- */
.menuPoint.queryPoint::before {
	content: "\F05B";
}

.menuPoint.queryLine::before {
	content: "\F715";
}

.menuPoint.queryRectangle::before {
	content: "\F5CB";
}

.menuPoint.queryPolygon::before {
	content: "\F5EE";
}

.menuPoint.queryCircle::before {
	font-family: 'Font Awesome 6 Free Reg';
	content: "\F111";
}

.menuPoint.queryDrawing::before {
	content: "\F044";
}

.menuPoint.queryManager::before {
	content: "\F129";
}

.menuPoint.searchSimple::before {
	content: "\F031";
}

.menuPoint.searchCoords::before {
	content: "\F3C5";
}

.menuPoint.searchComplex::before {
	content: "\F439";
}

.menuPoint.searchList::before {
	content: "\F574";
}

/* --- Symbole des Dialog-Menüs "Messen und Zeichnen" --- */
.menuPoint.drawPoint::before {
	content: "\F22D";
}

.menuPoint.drawLine::before {
	content: "\F715";
}

.menuPoint.drawRectangle::before {
	content: "\F5CB";
}

.menuPoint.drawPolygon::before {
	content: "\F5EE";
}

.menuPoint.drawCircle::before {
	font-family: 'Font Awesome 6 Free Reg';
	content: "\F111";
}

.menuPoint.drawText::before {
	font-family: 'Font Awesome 6 Free Reg';
	content: "\F27A";
}

.menuPoint.loadDrawing::before {
	content: "\F2F6";
}

.menuPoint.saveDrawing::before {
	content: "\F2F5";
}

.menuPoint.drawSelect::before {
	content: "\F245";
}

.menuPoint.deleteSelect::before {
	content: "\F15B";
}

.menuPoint.copySelect::before {
	content: "\F328";
}

/* --- Symbole des Dialog-Menüs "Extras" --- */
.menuPoint._openCompareView::before,
.menuPoint._closeCompareView::before {
	content: "\F0DB";
}

.menuPoint.grey::before {
	content: "\F042";
}

.menuPoint.makeGAIALink::before {
	content: "\F0C1";
}

.menuPoint.mapErrors::before {
	content: "\F071";
}

.menuPoint.print::before {
	content: "\F02F";
}

/* --- Label für Einstellungen in allen Menüdialogen --- */
.menuPoint.editNavigation::before,
.menuPoint.editDrawing::before,
.menuPoint.editAbfragen::before,
.menuPoint.preferences::before,
#searchHeadIcon::before
{
	content: "\F013";
}

.gaiaSpanDistValue {
	width:6em;
}