/**
 * schoesoWebSiteBase.css - Konsolidierte Basis-Styles
 *
 * Ersetzt die vier externen Basis-Stylesheets:
 * - basics.css (Ausrichtung, Breiten, Abstände, Farben, Rahmen, Sichtbarkeit)
 * - basicButtons.css (Button-Styles)
 * - logError.css (Log- und Fehlermeldungen)
 * - basicWebSite.css (td, Texte, Ausrichtungen, Layout)
 *
 * Plus PrimeFaces-Core-Styles.
 */

/* =============== basics.css =============== */

/* --- Ausrichtung --- */
.left { text-align: left; }
.right { text-align: right; }
.rightImportant { text-align: right !important; }
.center { text-align: center; }
.centerImportant { text-align: center !important; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.middleCenterImportant { text-align: center !important; vertical-align: middle !important; }
.middleRightImportant { text-align: right !important; vertical-align: middle !important; }

/* --- Breite --- */
.width10 { width: 10% !important; }
.width20 { width: 20% !important; }
.width30 { width: 30% !important; }
.width50 { width: 50% !important; }
.width60 { width: 60% !important; }
.width70 { width: 70% !important; }
.width80 { width: 80% !important; }
.width90 { width: 90% !important; }
.width95 { width: 95% !important; }
.width99 { width: 99% !important; }
.width100 { width: 100% !important; }
.height90 { height: 90% !important; }
.height100 { height: 100% !important; }

.width2em { width: 2em !important; }
.width3em { width: 3em !important; }
.width5em { width: 5em !important; }
.width6em { width: 6em !important; }
.width7em { width: 7em !important; }
.width8em { width: 8em !important; }
.width10em { width: 10em !important; }
.width13em { width: 13em !important; }
.width15em { width: 15em !important; }
.width17em { width: 17em !important; }
.width20em { width: 20em !important; }
.width25em { width: 25em !important; }
.width30em { width: 30em !important; }
.width40em { width: 40em !important; }

.minWidth2em { min-width: 2em !important; }
.minWidth5em { min-width: 5em !important; }
.minWidth6em { min-width: 6em !important; }
.minWidth7em { min-width: 7em !important; }
.minWidth8em { min-width: 8em !important; }
.minWidth10em { min-width: 10em !important; }
.minWidth13em { min-width: 13em !important; }
.minWidth15em { min-width: 15em !important; }
.minWidth17em { min-width: 17em !important; }
.minWidth20em { min-width: 20em !important; }
.minWidth25em { min-width: 25em !important; }
.minWidth30em { min-width: 30em !important; }

/* --- Abstand --- */
.padding0 { padding: 0px !important; }
.padding3 { padding: 3px; }
.padding1em { padding: 1em; }
.paddingLeft1em { padding-left: 1em; }
.padding2em { padding: 2em; }

/* --- Farben --- */
.white { background-color: white; }

/* --- Rahmen --- */
.blackborder { border-color: black; border-width: 1pt; border-style: solid; }

/* --- Sichtbarkeit --- */
.noDisplay { display: none; }

/* --- Margin --- */
.marginAutoLeftRight { margin-left: auto; margin-right: auto; }
.centerMarginAutoLeftCenter { margin-left: auto; margin-right: auto; text-align: center; }
.rightMarginAutoLeftRight { margin-left: auto; margin-right: auto; text-align: right; }
.centerMarginAutoLeftRight { margin-left: auto; margin-right: auto; text-align: center; }

.marginBottomRow5 { margin-bottom: 5px !important; }
.marginBottomRow5Width100 { margin-bottom: 5px !important; width: 100% !important; }
.marginBottomRow10 { margin-bottom: 10px !important; }
.marginBottomRow15 { margin-bottom: 15px !important; }
.marginBottomRow20 { margin-bottom: 20px !important; }

.marginBottomRowLabel5 { margin-bottom: 5px !important; display: inline-block !important; }
.marginBottomRowLabel10 { margin-bottom: 10px !important; display: inline-block !important; }
.marginBottomRowLabel20 { margin-bottom: 20px !important; display: inline-block !important; }

.marginTopRow5 { margin-top: 5px !important; }
.marginTopRow10 { margin-top: 10px !important; }
.marginTopRow20 { margin-top: 20px !important; }
.marginRightRow5 { margin-right: 5px !important; }
.marginRightRow15 { margin-right: 15px !important; }
.marginRightRow25 { margin-right: 25px !important; }

/* --- Label --- */
.labelLeft { margin-right: 5px !important; }
.labelLeftMarginBottomRowLabel5 { margin-right: 5px !important; margin-bottom: 5px !important; display: inline-block !important; }
.labelLeftMarginBottomRowLabel15 { margin-right: 5px !important; margin-bottom: 15px !important; display: inline-block !important; }
.labelLeftMarginBottomRowLabel20 { margin-right: 5px !important; margin-bottom: 20px !important; display: inline-block !important; }
.labelRight { margin-left: 5px !important; }
.labelRightMarginBottomRowLabel5 { margin-left: 5px !important; margin-bottom: 5px !important; display: inline-block !important; }

/* --- Header --- */
.userinfoposition { font-size: 0.6em; color: black; line-height: 0.8em; min-width: 25em; }
.restLogTimeDisplay { border-width: 2px; border-style: solid; border-color: rgb(39,69,123); padding: 2px; border-radius: 8px; font-size: 0.8em; }
.headerName { margin: 0.2em; color: rgb(39,69,123); font-size: 1.2em; line-height: 1.5em; font-weight: bold; }
.headerDataInput { margin: 0.2em; color: black; font-size: 1.2em; font-weight: bold; }
.headerNoMenu { margin-top: -1.7em; }

/* --- OSM Karten --- */
.map { position: relative; z-index: 0; width: 100%; border: 3px solid #000; }

/* =============== basicButtons.css =============== */

.buttonDefault { height: 2.1em !important; }
.buttonIconDimension { width: 6em !important; height: 2.1em !important; }
.buttonIconDimensionTable { width: 2.0em !important; height: 2.1em !important; }
.noBackgroundButton { background-image: none !important; background-repeat: no-repeat !important; background-position: center !important; }

/* =============== logError.css =============== */

.rf-msg, .rf-msgs { font: inherit; font-weight: bold; }
.rf-msg-inf, .rf-msgs-inf { background: rgb(225,225,225); border: 0px; display: block; padding: 5px; position: relative; margin: 10px auto 0 auto; text-align: center; color: black; font: inherit; width: 50em; border: 1px solid rgb(0,0,0); }
.rf-msg-wrn, .rf-msgs-wrn { background: rgb(240, 200, 150); border: 0px; display: block; padding: 5px; position: relative; margin: 10px auto 0 auto; text-align: center; color: black; font: inherit; width: 50em; border: 1px solid rgb(0,0,0); }
.rf-msg-err, .rf-msgs-err { background: rgb(255, 20, 20); border: 0px; display: block; padding: 5px; position: relative; margin: 10px auto 0 auto; text-align: center; color: black; font: inherit; width: 50em; border: 1px solid rgb(0,0,0); }
.rf-msg-ftl, .rf-msgs-ftl { background: rgb(255, 20, 20); border: 0px; display: block; padding: 5px; position: relative; margin: 10px auto 0 auto; text-align: center; color: black; font: inherit; width: 50em; border: 1px solid rgb(0,0,0); font-style: italic; }

/* =============== basicWebSite.css =============== */

td { font-size: 1em; line-height: 1.2em; text-align: justify; }
li { line-height: 14pt; }

.textNormal { font-size: 1em; text-align: justify; line-height: 1.2em; }

.headergrafik { width: 900px; }
.headerGrafikMobile { margin-bottom: 5px; padding-bottom: 5px; }
.fusszeile { margin-top: 18px; width: 100%; }

.contenttablecol1 { vertical-align: top; text-align: left; width: 115px; border-right: 1px solid rgb(0, 0, 0); }
.contenttablecol2 { vertical-align: top; text-align: center; padding-left: 10px; padding-right: 10px; width: 100%; border-right: 30px solid rgb(0,75,139); }

.picture { margin-left: auto; margin-right: auto; text-align: center; border-width: 1px; border-color: black; border-style: solid; }
.codeText { margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: left; font-family: 'Courier New'; color: blue; }
.border1PxBlack { border-width: 1px; border-color: black; border-style: solid; }
.pictureDesc { font-weight: bold; text-align: center; font-size: 0.8em; display: block; }
.projectsFirstCol { font-weight: bold; padding-right: 3px; }
.white { color: white; }

.leftrightpadding { padding-left: 10px; padding-right: 10px; }
.botpadding { padding-bottom: 10px; }
.botmargin { margin-bottom: 10px; }
.size110px { width: 110px; }
.size30px { width: 30px; }
.size100 { width: 100%; }
.height95 { height: 95%; }
.height100 { height: 100%; }
.width100 { width: 100%; }

.map500px { position: relative; z-index: 0; width: 100%; height: 500px; border: 3px solid #000; }
.mashow { position: relative; z-index: 0; width: 100%; height: 800px; border: 3px solid #000; }

input.mobileMenuButton { background-image: url("/schoeso/jakarta.faces.resource/resBase/image/other/mobile_menu.png.xhtml"); background-repeat: no-repeat; background-position: right; width: 8em; height: 2em; }
.mobileMenu .rf-pm-itm-lbl { font-size: 1.2em; }
.mobileMenu .rf-pm-top-gr-lbl { font-size: 1.2em; }
.mobileMenu .rf-pm-gr-lbl { font-size: 1.2em; }

/* =============== primeFacesCore.css =============== */

.tableHideColumnNames table thead tr { display: none; }
.primeTblAutoSizeCenter { width: auto !important; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.primeTblAutoSizeLeft { width: auto !important; margin-top: 10px; margin-bottom: 10px; }
.primeTblHeaderCenter { text-align: center; display: inline-block; }

.ui-menu .ui-menu-parent .ui-menu-child { max-width: 40em; }
.ui-menuitem-text { font-weight: bold; display: inline-block; }
.ui-menu.ui-menu-dynamic { text-align: left; white-space: nowrap; width: auto; }
.ui-widget { font-family: "Open Sans",sans-serif; }
.ui-menubar { border: none; }
.ui-selectonemenu { vertical-align: middle; }
.ui-selectonemenu-label { vertical-align: middle; }
.pe-timepicker-input { text-align: center; }

.numberInputMarginBottomRow5 > .ui-widget { text-align: right !important; margin-bottom: 5px !important; }
.numberInput > .ui-widget { text-align: right !important; }
.calendarTimeInput > .ui-widget { text-align: center; width: 4em; }
.calendarTimeInputWithSeconds > .ui-widget { text-align: center; width: 6em; }
.calendarDateInput > .ui-widget { text-align: center; width: 6em; }
.calendarInputMarginBottomRow5 > .ui-widget { text-align: center; margin-bottom: 5px; }
.calenderInput > .ui-widget { text-align: center; }
.ui-selectoneradio label { margin-top: 0px; margin-left: 5px; margin-right: 10px; }
.width5em > .ui-inputfield { width: 5em; }

.ui-datatable.tableBorderRowOnly thead th,
.ui-datatable.tableBorderRowOnly tbody,
.ui-datatable.tableBorderRowOnly tbody td { border-style: none !important; border-width: 0px !important; border-image: none !important; }
.ui-datatable.tableBorderNone thead th,
.ui-datatable.tableBorderNone tbody,
.ui-datatable.tableBorderNone tbody tr,
.ui-datatable.tableBorderNone tbody td { border-style: none !important; border-width: 0px !important; border-image: none !important; }