:root {

--animationDurationFadeinStationDetails: 900;
--animationDurationNewLocationFormTransition: 1000;
--animationDurationFadeinStationSettings: 400;

--bodyBG: #757575;
--bodyFontColor: white;
--bodyFontFamily: poppins;
--bodyFont: 0.8rem var(--bodyFontFamily);
--bodyLinkFONTcolor: white;

--FLEXHeaderWrapperGAP: 2rem;

--pageHeaderFont: 1.3rem poppins;
--pageHeaderFontColor: #3869a1;
--pageHeaderWidth: 95%;
--pageHeaderMaxWidth: 600px;
--pageHeaderBG: #3c3c3e linear-gradient(#fff,#ddd);
--pageHeaderPadding: 0.4rem;
--pageHeaderBorder: none;
--pageHeaderBorderRadius: 0 0 8px 8px;

--FLEXnewLocationHeaderGAP: 0 2rem;
--newLocationHeaderBorder: none;
--newLocationHeaderBorderRadius: 5px;
--newLocationHeaderPadding: 0.4rem;
--newLocationHeaderWidth: 240px;
--newLocationHeaderBG: linear-gradient(#BCFD4C 0%,#6b8f1a 100%);
--newLocationHeaderFont: 1.1rem var(--bodyFontFamily);
--newLocationHeaderFontColor: white;

--newLocationHeaderKreisBorderRadius: 50%;
--newLocationHeaderKreisBorder: none;
--newLocationHeaderKreisBG: linear-gradient(#BCFD4C 0%,#6b8f1a 100%);
--newLocationHeaderKreisTransform: scale(2);
--newLocationHeaderKreisWidth: 30px;
--newLocationHeaderKreisHeight: 30px;

--newLocationFormFont: 1rem var(--bodyFontFamily);
--newLocationFormBG: #575759;
--FLEXnewLocationFormGAP: 2rem;
--newLocationFormWidth: 350px;
--newLocationFormMaxWidth: 350px;
--newLocationFormHeight: 0;
--newLocationFormBorder: none;
--newLocationFormBorderRadius: 5px;
--newLocationFormFontColor: white;
--newLocationFormTransition: height calc(var(--animationDurationNewLocationFormTransition) * 1ms) ease-out;
--newLocationFormFirstOfTypeMargin: 2rem 0 0 0;
--newLocationFormLastOfTypeMargin: 0 0 2rem 0;

--newLocationFormInputFieldBorder: none;
--newLocationFormInputFieldBorderBottom: none;
--newLocationFormInputFieldFont: 0.9rem var(--bodyFontFamily);
--newLocationFormInputFieldWidth: 300px;
--newLocationFormInputFieldHeight: 35px;
--newLocationFormInputFieldMargin: auto;
--newLocationFormInputFieldTextAlign: center;

--newLocationFormButtonFont: bold 1.2rem var(--bodyFontFamily);
--newLocationFormButtonFontColor: white;
--newLocationFormButtonPadding: 8px 20px 8px 20px;
--newLocationFormButtonBorder: none;
--newLocationFormButtonBorderRadius: 8px;
--newLocationFormButtonBG: linear-gradient(#d3d3d3 0%,#8a8a8a 100%);

--stationTableRowBGColor: #575759;
--stationTableRowHighlightBGColor: steelblue;
--stationTableRowMarginTop: 0.1rem;
--stationTableRowMarginBottom: 0.1rem;
--stationTableRowHighlightMarginTop: 1rem;
--stationTableRowHighlightMarginBottom: 1rem;

--flexStationContainerWrapperGAP: 0.5rem;

--flexElementWidth: 97%;
--flexElementMaxWidth: 800px;
--flexElementMargin: 0 auto 0 auto;

--stationTableSettingsWidth: 100%;
--stationTableSettingsBG: #3c3c3e;
--stationTableSettingsBorderRadius: 0 0 5px 5px;
--stationTableSettingsTransition: height calc(var(--animationDurationFadeinStationSettings) * 1ms) ease-in-out;
--stationTableSettingsColor: white;
--stationTableSettingsFont: 1.2rem var(--bodyFontFamily);
--flexStationTableSettingsGAP: 1rem;

--stationTableSettingsHeaderMargin: 0 auto 1rem auto;
--stationTableSettingsHeaderBorderRadius: 0 0 8px 8px;
--stationTableSettingsHeaderBG: linear-gradient(#d3d3d3 0%,#8a8a8a 100%); // #E40C2B;
--stationTableSettingsHeaderWidth: 90%;
--stationTableSettingsHeaderPadding: 8px 0 8px 0;
--stationTableSettingsHeaderTextAlign: center;
--stationTableSettingsHeaderColor: black;
--stationTableSettingsHeaderBoxShadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
--stationTableSettingsHeaderFont: bold 1.2rem var(--bodyFontFamily);


--stationTableSettingsOptionElementHeaderWidth: 70%;
--stationTableSettingsOptionElementHeaderBorder: none;
--stationTableSettingsOptionElementHeaderBorderBottom: 1px solid gray;
--stationTableSettingsOptionElementHeaderBorderRadius: 10px 10px 0 0;
--stationTableSettingsOptionElementHeaderBG: linear-gradient(#d3d3d3 0%,#8a8a8a 100%);
--stationTableSettingsOptionElementHeaderColor: black;
--stationTableSettingsOptionElementHeaderPadding: 8px;
--stationTableSettingsOptionElementHeaderFont: 1.0rem var(--bodyFontFamily);

--stationTableSettingsOptionElementWidth: 100%;

--stationTableSettingsInputWidth: 80%;
--stationTableSettingsInputHeight: 40px;
--stationTableSettingsInputMargin: auto;
--stationTableSettingsInputTextAlign: center;
--stationTableSettingsInputBorder: none;
--stationTableSettingsInputBorderRadius: 5px;
--stationTableSettingsInputPadding: 15px;
--stationTableSettingsInputFont: 1.1rem var(--bodyFontFamily);
--stationTableSettingsInputBG: var(--pageHeaderBG);

--stationTableSettingsDisplayAddressWidth: 80%;
--stationTableSettingsDisplayAddressBG: white;
--stationTableSettingsDisplayAddressBorder: none;
--stationTableSettingsDisplayAddressBorderRadius: 5px;
--stationTableSettingsDisplayAddressPadding: 8px;
--stationTableSettingsDisplayAddressFlexBasis: 100%;
--stationTableSettingsDisplayAddressDisplay: flex;
--stationTableSettingsDisplayAddressFlexDirection: column;
--stationTableSettingsDisplayAddressAlignItems: center;

}