/*
 * General
 */
@font-face {
	font-family: "Figtree";
	src: url("/wsp/fonts/Figtree-Regular.woff") format("woff");
}

body {
	padding: 0;
}

body,
input,
select,
td,
th,
a {
	font-size: 12px;
}

form {
	margin: 0;
}

h1 {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

h2 {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

a:hover {
	text-decoration: underline;
}

.labelHeaderTable {
	margin: 13px 0 5px 2px;
}

.maskTable tr:first-child .labelHeaderTable {
	margin-top: -2px;
}

.maskTable tr:nth-of-type(2) .labelHeaderTable {
	margin-top: -4px;
}

.labelHeaderTable td {
	font-size: 12pt;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	padding: 15px 0 5px;
}

.labelQuestionTable td {
	padding: 0.25em;
}

.right {
	position: absolute;
	right: 0;
}

.spacer {
	padding: 4px;
}


/*
 * Login Page
 */

.loginPage .box,
.loginPage .container {
	max-width: 1280px;
	margin: 0 auto;
}

.loginPage .container {
	display: inherit;
}

.loginPage h2 {
	margin-top: 32px;
	margin-bottom: 16px;
}

.loginPage .header h2 {
	display: none;
}

.loginPage .footer {
    position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;
}


/*
 * Layout
 */

.header,
.box {
	height: 80px;
}

.box {
	display: flex;
	align-items: center;
}

.header h1,
.header h2 {
	font-size: 16px;
	margin: 16px 0;
	padding-left: 32px;
}

.headline {
	display: none;
}

.contextTable {
	border-collapse: collapse;
	width: 100%;
}

.maskTable {
	border-collapse: collapse;
	padding-bottom: 16px;
}

.maskTable h2 {
	margin-top: 4px;
	margin-left: 12px;
}

.lightTable h2 {
	margin-top: 0;
}

.languageMenu {
	padding: 9px 0;
	top: 0;
	right: 0;
	text-align: right;
}

.languageMenu a {
	padding: 2px 12px;
	text-transform: uppercase;
}

.languageMenu a:hover {
	text-decoration: underline;
}

.languageMenu .current {
    border-radius: 4px;
}

.userMessage {
	font-size: 11px;
	margin: 29px 32px;
	position: absolute;
	right: 0;
	top: 0;
}

.footer {
	font-size: 11px;
	padding: 4px 0;
}

.footer .box {
	height: 32px;
	position: relative;
}

.box,
.content {
	margin: 0 32px;
}

.container {
	padding-top: 16px;
}

.menuTable {
	margin-right: 8px;
}

.menuTable {
	border-collapse: collapse;
	border-spacing: 0;
	border-style: solid;
	border-width: 1px 0;
	top: 0;
	width: 160px;
}

.menuTable td {
	border-width: 0;
	height: 22px;
	padding: 0;
}

.menuTable td a {
	display: block;
	padding: 4px 0;
}

.menuTable tr + tr a {
	border-top-style: solid;
	border-top-width: 1px;
}

.messageTable {
	padding: 0 2px;
}

.messageTable table td {
	padding: 0.25em 0.5em;
}

.buttonTable,
a.back {
	display: none;
}



/*
 * Tables
 */

.pagerStyle img {
	position: relative;
	top: 4px;
}

.noPager .pagerStyle {
	display: none;
}

.tableHeader,
.tableHeader th {
	font-size: 11px;
	vertical-align: middle;
}

.tableInfo td,
.tableInfo th {
	padding: 2px 3px;
}

.tableInfo,
.tableInfo td,
.tableInfo th {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px 0;
}

.actionCell {
	text-align: left;
}

.innerSectionTable,
.tableRow > table,
.sectionTableContent > table {
	border-collapse: collapse;
}


/*
 * Forms
 */

.fieldTable .listText {
	font-weight: normal;
}

span.required {
	font-weight: normal;
}

span.required::after {
    content: ' *';
}

td.tableRow {
	padding-right: 1em;
	padding-bottom: 0.75em;
}

span.inputTable {
	padding-right: 16px;
}

input,
select {
	font-size: 11px;
	border: 1px solid #ccc;
}

.inputField {
	font-size: 11px;
}

a.pseudoButton,
input.button,
input[type="submit"],
input.Ergon_Uploader_Frame_CancelButton,
input.Ergon_Uploader_Frame_CloseButton,
input.Ergon_Uploader_Frame_UploadButton,
input.Ergon_Uploader_Main_UploadButton {
	border: none;
	cursor: pointer;
	font-size: 11px;
	margin-bottom: 4px;
	padding: 4px 12px;
}

select,
textarea,
input[type="text"],
input[type="password"] {
	padding: 2px 4px;
}

.Ergon_Uploader_Frame {
	border-width: 1px;
}

input.button[disabled] {
	cursor: default;
}

a.pseudoButton {
	display: block;
	text-align: center;
	line-height: 16px;
	height: 17px !important;
}

a.pseudoButton,
a.pseudoButton:link,
a.pseudoButton:visited,
a.pseudoButton:hover {
	text-decoration: none;
}

a.pseudoButton.smallButton,
input.smallButton {
	border: none;
	font-size: 11px;
	padding: 0 0 3px;
	width: 87px;
	height: 19px;
}

a.pseudoButton.smallButton {
	padding: 1px 0;
}

a.pseudoButton.small:hover,
input.smallButton:hover {
	text-decoration: none;
}


/*
 * Fix RichFaces date field
 */
input.rf-cal-inp {
	width: inherit;
}

.limitWidth {
	width: 70em;
	display: block;	
}