/*******************************************************************************
* The declarations in this file are used for LISTSERV Maestro's subscriber
* website layout. Future versions may provide different style declarations
* and/or additional classes that are currently not listed in this file.
* L-Soft may remove some of these declarations in the future version without
* further notice.
********************************************************************************/

/* Group of buttons (or other centered section): alignment and bottom margin */
.lsoft_lma_buttonsGroup, .lsoft_lma_centeredSection {
	text-align: center;
	margin-bottom: 1rem;
}
.lsoft_lma_small, .lsoft_lma_profileFieldAdditionalInfo {
	font-size: smaller;
}
.lsoft_lma_emphasis {
	font-weight: bold;
}
.emphasis {
 	font-weight: bold;
}

/* The little "asterisk" next to a mandatory field */
.lsoft_lma_mandatoryFieldMarker {
	font-weight: bold;
	margin-left: 0.1rem;
}

/* Padding for Step1/Step2 pages */
.lsoft_lma_subscribeStepActiveTitle,.lsoft_lma_selectedTab {
	padding: 0.5rem
}
.lsoft_lma_step1,.lsoft_lma_step2 {
	padding-bottom: 1rem
}
.lsoft_lma_disabledStep {
	margin-top: 1rem;
}
.lsoft_lma_step2 {
	margin-top: 1rem;
}
.lsoft_lma_subscriberPageHeader {
	margin: 0 0 0.5rem 0
}

/* Wrapper around boxes that shall appear side-by-side */
.lsoft_lma_sideBySideBoxesOuter {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
}

/* Page sections and paragraphs */
.lsoft_lma_subscriberPageInnerText {
	margin-bottom: 1rem;
}
.lsoft_lma_subscriberPageSection {
	margin-top: 1rem;
	margin-left: 1rem;
	margin-right: 1rem
}
.lsoft_lma_subscriberPageParagraph:not(:empty) {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* Classes for grid-type layout of profile fields */
.lsoft_lma_responsiveGridColumnOuter {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 0.1rem;
	justify-content: flex-start
}
.lsoft_lma_responsiveGridColumnInner {
	margin: 0.1rem;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

/* Input field and error marker classes */
.lsoft_lma_inputWrapperTextField,.lsoft_lma_inputWrapperSelect {
	position: relative;
	padding-right: 0.6rem
}
.lsoft_lma_errorMarkerOuter {
	position: absolute; top:0; right:-0.8rem; padding-top:0.3rem
}

/* Step1/Step2 title sections */
.lsoft_lma_subscribeStepActiveTitle {
	padding: 0.5rem 1rem 0.5rem 1rem
}
.lsoft_lma_sideBySideBoxesOuter .lsoft_lma_subscribeStepActiveTitle {
	width: 50%;
	text-align: center;
}

/* Responsive layout for small devices */
@media screen and (max-width:500px) {
	/* Grid columns not side-by-side but top/bottom */
	.lsoft_lma_responsiveGridColumn {
		width: 100% !important;
	}
}