@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&display=swap');

html {
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 16px;
}

html body {
    /*WebModule Overrides*/ 
    font-size: 14px !important;
    font-family: "Open Sans", Arial, sans-serif !important;
}

body, select, input, button, textarea, pre, a,
#CLX_Root body, #CLX_Root select, #CLX_Root input, #CLX_Root button, #CLX_Root textarea, #CLX_Root pre, #CLX_Root a {
    font-size: 14px;
}


/************ font-size ************/

.form-text-notice {
    font-size: 14px;
}

/* obsolete control overwrite */
.EditDialog_FieldTitle {
    font-size: 14px;
}

h4, .form-text-title, .topic-title span {
    font-size: 16px;
}

h3, .detail-title, .alerttitle {
    font-size: 16px;
    font-weight: bold;
}

h2 {
    font-size: 18px;
}

h1, .headerTitle, .headerSubtitle {
    font-size: 20px;
}


/************ font-style / font-weight / text-decoration  ************/

h2 {
    font-style: italic;
}

.headerTitle, .topic-title, .form-text-lable, .registeredName, .EditDialog_FieldTitle,
th a, th, .result-paging a, .result-paging span, .form-button-nospace,
.language-picker span, .language-picker a, .mandatory, .dialogTitle, .dialogSubTitle, .searchSelected {
    font-weight: bold;
}

a.linkButton, .form-button, th a, .result-paging a, .result-paging span, .form-button-nospace {
    text-decoration: none;
}

/* obsolete control overwrite */
.language-picker span, .language-picker a {
    text-decoration: none !important;
}

h6 {
	text-decoration: underline;
}


/************ alignement / padding ************/

input, select, .form-text-lable {
    padding: 4px;
}

th { 
	vertical-align: top;
	text-align: left;
}

.LegendRow {
    vertical-align: middle;
}

.form-datefield, .topic-title, input.form-radio {
    vertical-align: middle;
}

/* headline and title paddings */
h1 {
    margin-bottom: 12px;
}
h2 {
    padding: 12px 0;
}
h3, .detail-title, .alerttitle {
    padding: 12px 0 6px 0;
}
h4, .form-text-title {
    padding: 6px 0 12px;
}
h5, .form-text-failure {
	font-weight: bold;
}


/************ varia ************/


/* set br height between the webparts to 0 */
.WebPart-TwoColumn-1 br, .WebPart-TwoColumn-2 br {
    line-height: 0;
}
/* restore lineheight for brs in content */
.WebPart-Large br, .WebPart-Standard br, .WebPart-Adaptive br, .WebPart-Small br, .WebPart-Full br, .WebPart-Empty br {
    line-height: 12px;
}

a.linkButton, .form-button, th a, .result-paging a, .form-button-nospace {
    cursor: pointer;
}

img {
	border: 0;
}

.break {
	display: run-in;
	clear: both;
	width: 100%;
	height: 20px;
}

.topic-title span {
    white-space: normal !important;
    margin-left: 0.4rem;
}

.text-align {
    text-align: center;
}