@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

/* @group global *//*------------------------------------------------------------------------------- */



*
{
	margin: 0;
	padding: 0;
}

html
{ 
	overflow-y: scroll; 
	-webkit-font-smoothing: antialiased;
}

html, 
body {
     height: 100%;
}

body
{
	font: 87.5%/1.5em normal;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #89949b;
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

body:before
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 110px;
	background: #FFF;
	border-bottom: 1px solid #d8d8d8;
	display: block;
}

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; font-weight: 700; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, .seminars h1 a
{ 
	line-height: 1em; 
	padding: 0.2em 0;
	font-weight: 400;
	color: #313131;
    text-decoration:none;
}



p { padding: 0.3em 0; }

b { font-weight: 700; }

a 
{
	outline: none;
	color: #a2a2a2;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

a:hover { color: #0F6D8B; }

a img 
{ 
	border: none; 
	display: block;
}

::-moz-selection
{
	background:#0F6D8B;
	color:#FFF;
}

::selection
{
	background:#0F6D8B;
	color:#FFF;
}

em
{
	xcolor: #28bceb;
	xfont-style: normal;
}

.input-validation-error {
    background-color:wheat ;
    color: black;
}

.emphasize { color: #545d63; }

.grecaptcha-badge {
     display: none; 
}

/* @end */
/* @group layout */ /*------------------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrapper
{
	width: 980px;
	min-height: 100%; 
	margin: 0 auto;
}

.wrapper>header
{
	min-height: 120px;
	display: block;
	position: relative;
	z-index: 1;
}

.wrapper>.content
{
	padding: 15px 0 45px 0;
	position: relative;
}

.mainContent,
.secondaryContent
{ margin-bottom: 15px; }

.mainContent
{
	float: left;
	clear: both;
	width: 710px;
}

.secondaryContent
{
	float: right;
	width: 260px;
}

.content>article
{
	width: 540px;
	margin: 0 auto;
}

body>footer
{
	height: 48px;
	overflow: hidden;
	margin-top: -48px;
	background: #FFF;
	text-align: center;
	position: relative;
}

/* @end */
/* @group btns *//*------------------------------------------------------------------------------- */

.btn
{
	font-family: Lato, Arial, Helvetica, sans-serif;
	position: relative;
	font-weight: 700;
	text-decoration: none;
	display: block;
	background: #28bceb;
	color: #FFF;
	text-shadow: 1px 0 2px rgba(0,0,0,0.35);
	border: 0;
	outline: 0;
	font-size: 1em;
	padding: 16px 12px;
	border-radius: 4px;	
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.btn:hover 
{ 
	background-color: #0F6D8B; 
	color: #FFF;
}

.btn.v2 
{ 
	background: #15da5a; 
	border-color: #1bc256;
}

.btn.v2:hover { background: #10a946; }

.btn.v3 
{ 
	background: #ebad28; 
	border-color: #c68d14;
}

.btn.v3:hover { background: #c38f1f; }

.btn.neutral
{
	background: #dadada;
	border-color: #c7c6c6;
}

.btn.neutral:hover { background-color: #bcbcbc; }

.img.saml 
{
    max-height: inherit;
    max-width: inherit;
}

.img.saml:hover 
{
    cursor: pointer;
}

.btn.saml 
{
    background: #fcb480;
    color: #FFF;
	padding-left: 65px;
	text-align: left;
}

.btn.saml:before 
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	height: 100%;
    background: #fcb480;
	border-radius: 4px 0 0 4px;    
}

.btn.saml:hover { background: #dd8b4f}

.btn.facebook,
.btn.linkedIn
{
	background: #5f7fb8;
	color: #FFF;
	padding-left: 65px;
	text-align: left;
}

.btn.facebook:before,
.btn.linkedIn:before
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	height: 100%;
	background: #5472a7 url(../images/css/generic_nav.png) no-repeat 0 -50px;
	border-radius: 4px 0 0 4px;
}

.btn.linkedIn { background: #50abcb; }

.btn.linkedIn:before
{
	background-color: #4d9dba;
	background-position: 0 -100px;
}

.btn.facebook:hover { background: #385281; }
.btn.linkedIn:hover { background: #3c89a4; }

.content .btn
{
	padding: 10px 25px 10px 15px;
	margin-top: 10px;
	font-weight: 700;
	font-size: 1.2em;
}

.content .btn:after
{
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 8px;
	height: 10px;
	margin-top: -4px;
	background: url(../images/css/generic_bg.png) no-repeat 0 -200px;
}

.secondaryContent .buttonContainer .btn { margin-bottom: 10px; }

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

.btns .btn { float: right; }
.btns .btn:first-child { float: left; }

a.back
{
    float:left;
    display:inline;
    margin: 30px 0 -30px 0;
    clear:left;
    color: #6b6b6b;
    text-decoration: none;
    background: url(../images/css/back_arrow.png) no-repeat 0px 7px;
    padding: 1px 12px;
}

a.help {
    float: right;
    display: inline;
    margin: 8px 0 -30px 0;
    clear: left;
    color: #6b6b6b;
    background: url(../images/css/forward_arrow.png) no-repeat;
    background-position: right;
    padding: 1px 12px;
    text-decoration: none;
}

/* @end */
/* @group forms *//*------------------------------------------------------------------------------- */

fieldset
{
	border: 0;
	outline: 0;
}

input[type="text"],
input[type="email"],
input.email,
input[type="password"],
.selectvalue,
textarea
{
	border: 1px solid #e0e0e0;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 0.9em;
	width: 250px;
	padding: 14px 15px;
	border-radius: 1px;
}

.selectskinned a { width: 249px; }

textarea
{
	resize: none;
	height: 3em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input.email:focus,
input[type="password"]:focus,
textarea:focus
{
	border-color: #d0d0d0;
	outline: none;	
}

input[type="text"].narrow,
input[type="email"].narrow,
input.email.narrow,
input[type="password"].narrow
{ width: 145px; }

.title_caption {
    color: gray;
    display: block;
    margin-top: 10px;
    font-size: 12px;
}
.extra_text {
    font-size: 12px;
}

#privacy>form,
#login>form 
{ 
	margin: 0 auto; 
	display: inline-block;
    width: 100%;
}

#login input[type="email"],
#login input.email,
#login input[type="password"],
#login input.password {
	padding-left: 45px;
	background: url(../images/css/generic_bg.png) no-repeat;
	box-sizing: border-box;
	width: 100%;
}

#login input:-webkit-autofill,
#login input:-webkit-autofill:focus  
{ 
	padding-left: 15px; 
}

#login input[type="password"],
#login input.password {
	background-position: 0 -50px;
}

input[type="password"],
input.password {
	padding-right: 45px;
}

.fa.fa-eye {
	position: absolute;
	width: 45px;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
}

#login input[type="password"] ~ .fa.fa-eye,
#login input[type="text"] ~ .fa.fa-eye-slash {
	top: 1px;
	right: 0;
	bottom: 8px;
	height: 49px;
	line-height: 49px;
	text-align: center;
}

.personalia input[type="password"] ~ .fa.fa-eye,
.personalia input[type="text"] ~ .fa.fa-eye-slash {
	top: 10px;
	right: 6px;
	bottom: 0;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

input.error,
input.error:focus,
.checkradio.error,
.checklist.error,
.error .selectskinned a.selectvalue
{
	color: #ed1717;
	border-color: #ed1717;
}

input[type="checkbox"],
.lightbox input[type="checkbox"] 
{ 
	float: left;
	margin: 0.5em 0 0 -20px;
}

ul.checklist 
{ 
	margin: 0.3em 0 0.3em 20px; 
	list-style: none;
}

input[type="checkbox"],
input[type="radio"]
{
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

/* @end */
/* @group select *//*------------------------------------------------------------------------------- */

.selectskinned a 
{ 
	text-decoration: none; 
	display: block;
	line-height: 16px;
	position: relative;
}

.selectskinned ul 
{ 
	list-style: none; 
	border: 1px solid #e0e0e0;
	border-top-width: 0;
	position: absolute;
	z-index: 1;
	background: #FFF;
	display: none;
	margin-left: 6px;
}

.lightbox .selectskinned ul { margin: 0; }

.selectskinned ul a { padding: 10px 15px; }

.selectskinned .selectvalue::after
{
	content: "";
	position: absolute;
	right: 5px;
	top: 15px;
	width: 25px;
	height: 25px;
	background: url(../images/css/generic_nav.png) no-repeat 100% -30px;
}

.dropdownArrow .personalia .selectskinned a 
{
    padding-right: 60px;
    width: 185px;
}

.dropdownArrow .selectskinned .selectvalue::after 
{
    right: 30px;
}


/* @end */
/* @group tables */ /*------------------------------------------------------------------------------- */
table
{
	border-collapse: collapse;
	margin-top: 5px;
}

td
{
	font-weight: 700;
	padding: 2px 12px 2px 0;
	text-align: left;
	vertical-align: top;
}

td:first-child { font-weight: normal; }

/* @end */
/* @group header *//*------------------------------------------------------------------------------- */

#nojavascript
{
    position: fixed;
    top: 0;
    text-align: center;
    width: 100%;
    padding: 20px 0;
    background:rgba(0,0,0,0.7);
    color:#fff;
    z-index:999;
}

#nojavascript a
{ color: #FFFFFF; }

#nojavascript span
{ font-weight:bold; }

header a.logo,
footer a.logo
{
    width: 350px;
	height: 120px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: url(../logo.png?width=350&height=100) no-repeat;
    background-position: 0 50%;
	float: left;
}

header .tagline
{
    margin-left: -150px;
	padding-top: 50px; 
	float: left;
	font-weight: 400;
}

header .quicklinks
{
	float: right;
	padding-top: 50px;
}

header .quicklinks a { color: #4B5C66; }
header .quicklinks a:hover { color: #0F6D8B; }

/* @end */
/* @group footer *//*------------------------------------------------------------------------------- */

footer a.logo
{
    width: 32px!important; /* important? IMPORTANT??? */
	height: 32px!important; /* Yes, unfortunately they are needed to override possible conflicting styling in company.css from some company environments... */
	background: none!important;
	float: none!important;
	margin: 8px 8px 0 0!important;
	display: inline-block!important;
}
footer a.logo img {
    width: 32px;
	/*height: 24px;*/
}


footer p
{
	display: inline-block;
	padding: 12px 0;
	vertical-align: top;
}

#footerLink
{
	clear: both;
    text-align: center;
    padding: 10px 0;
    font-size: 1em;
}

#footerLink h1
{
    color: #7E7E7E;
    font-size: 1em;
    display: inline-block;
    margin-left: 10px;
}

#footerLink img {
    height: auto;
    max-width: 100%;
}

/* @end */
/* @group locked *//*------------------------------------------------------------------------------- */

div.locked 
{ 
	text-align: center; 
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

div.locked:before
{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/css/generic_bg.png) no-repeat 50% -65px;
	margin-right: 10px;
}

/* @end */
/* @group profile *//*------------------------------------------------------------------------------- */

header .profile
{
	float: right;
	margin-top: 30px;
}

header .profile img
{
	float: left;
	max-width: 40px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	margin: 5px;
}

header .profile p
{
	white-space: nowrap;
	float: left;
}

header .profile .menu
{
	position: relative;
	float: right;
	width: 28px;
	height: 23px;
	margin: 5px 0 0 5px;
	background: #FFF url(../images/css/generic_nav.png) no-repeat -32px 0;
	box-shadow: 0 0 6px rgba(0,0,0,0);
}

header .profile.ready { cursor: pointer; }

header .profile.active .menu
{ box-shadow: 0 0 6px rgba(0,0,0,0.1); }

header .profile ul
{
	position: absolute;
	right: 0;
	top: 23px;
	list-style: none;
	font-weight: 700;
	font-size: 0.9em;
	box-shadow: 0 0 6px rgba(0,0,0,0.1);
	z-index: -1;
	opacity: 0;
	transition: .2s;
}

header .profile.active ul
{
	z-index: 1;
	opacity: 1;
}

header .profile ul:before
{
	content: "";
	position: absolute;
	right: 0;
	top: -5px;
	height: 5px;
	width: 28px;
	background: #FFF;
}

header .profile ul a
{
	white-space: nowrap;
	border-top: 1px solid #eaeaea;
	text-decoration: none;
	padding: 6px 30px 6px 40px;
	display: block;
	background: #FFF url(../images/css/generic_bg.png) no-repeat;
}

header .profile ul li:first-child a { border: 0; }

.profile .myprofile a 	{ background-position: 0 -5px; }
.profile .test a 		{ background-position: 0 -230px; }
.profile .logout a 		{ background-position: 0 -260px; }

/* @end */
/* @group statistics *//*------------------------------------------------------------------------------- */

div.cookieMsgContainer {
    z-index: 10000;
    top: 0px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 6px 8px rgba(0,0,0,0.25);
    color: #000000;
    position: fixed;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    padding: 12px;
    left: 0;
    right: 0;
    max-height: 100%;
    overflow: auto;
    box-sizing: border-box;
    font-size: 14px;
}

.cookieMsg {
    display: block;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 0;
    text-align: left;
    width: 100%;
    max-width: 700px;
}

.systemWarningMsgContainer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	background-color: rgba(255, 255, 255, .95);
	border-bottom: 2px solid #F7821E;
	box-shadow: 0 10px 15px -2px rgba(0, 0, 0, .2),0 4px 6px -3px rgba(0, 0, 0, .2);
	box-sizing: border-box;
	display: flex;
	padding: .5rem 0;
}

.systemWarningMsgInnerContainer {
	max-width: 980px;
	background-color: #fff;
	border-radius: .25rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: .5rem 1%;
}

@media screen and (max-width: 600px) {
	.systemWarningMsgInnerContainer {
		padding-left: 2%;
		padding-right: 2%;
	}
}

.systemWarningIcon {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 56px;
	min-height: 56px;
	border: 2px solid #F7821E;
	border-radius: 50%;
	color: #F7821E;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	font-size: 2.5rem;
	line-height: 1;
	
}

.systemWarningMsg {
	color: #000;
	font-size: 1rem;
	margin: 0 1rem;
}

.systemWarningMsgTitle {
	display: block;
	font-weight: 600;
}


.systemWarningClose {
	width: 48px;
	height: 48px;
	align-self: flex-start;
	background: url(../images/css/generic_nav.png) no-repeat;
	background-position: 13px 13px;
	background-size: 45px 200px;
	border: 4px solid #fff;
	cursor: pointer;
	flex: 0 0 auto;
	text-indent: 10em;
	overflow: hidden;
}


ul.statistics
{
	list-style: none;
	text-align: center;
	margin: 15px 0;
	font-size: 1.1em;
	font-weight: 700;
    clear: both;
}

ul.statistics li
{
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
}

ul.statistics a
{
	background: #dedada;
	color: #9f9898;
	text-decoration: none;
	padding: 13px 76px 13px 25px;
	position: relative;
    text-align:center;
}

ul.statistics a {
    display: block;
}

ul.statistics.nav a { padding-right: 25px; }

ul.statistics li:first-child a { border-radius: 2px 0 0 2px; }

ul.statistics li:last-child a,
ul.statistics li:last-child a span 
{ border-radius: 0 2px 2px 0; }

div.cookieMsgContainer a.cookieMsgContainerbutton {
    display: inline-block;
    border-radius: 2px;
    padding: 7px 12px 7px 12px;
}

ul.statistics a span
{
	position: absolute;
	background: #cac6c6;
	color: #b1abab;
	right: 0;
	top: 0;
	display: block;
	padding: 13px 20px;
	font-size: 1.3em;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

ul.statistics a:hover,
ul.statistics .here>a
{
	background: #28bceb;
	color: #FFF;
	text-shadow: 1px 0 2px rgba(0,0,0,0.35);
}

ul.statistics a:hover span,
ul.statistics .here>a span
{ 
	background: #20acd8; 
	color: #FFF;
}

/* @end */
/* @group article *//*------------------------------------------------------------------------------- */

.content article
{
	background: #FFF;
	border: 1px solid #e5e5e5;
	padding: 15px;
	position: relative;
	min-height: 175px;
}

.mainContent article:before,
.mainContent article:after
{
	content: "";
	position: absolute;
	width: 49%;
	height: 100px;
	left: 2%;
	bottom: 4px;
	xbox-shadow: -5px 5px 15px rgba(0,0,0,0.2);
	-ms-transform: skew(0deg, -1.5deg);
	-webkit-transform: skew(0deg, -1.5deg);
	transform: skew(0deg, -1.5deg);
	z-index: -1;
}

.mainContent article:after
{
	right: 2%;
	left: auto;
	xbox-shadow: 5px 5px 15px rgba(0,0,0,0.2);
	-ms-transform: skew(0deg, 1.5deg);
	-webkit-transform: skew(0deg, 1.5deg);
	transform: skew(0deg, 1.5deg); 
}

.mainContent article header h6 { color: #89949b; }

.mainContent article header>span
{
	float: right;
	padding-left: 35px;
	margin: 5px 0 0 10px;
	background: url(../images/css/generic_bg.png) no-repeat 0 -147px;
}

.mainContent article img
{
	float: left;
	margin: 10px 10px 5px 0;
	border: 1px solid #CCC;
	display: block;
}

.mainContent article img.store:nth-child(1){
    display: block;
    float: left;
    clear: both;
margin: 24px 0 -18px 0;
}


.mainContent article img.store
{
	max-width:120px;
    border:none;
    float:left;
    display:inline;
    margin:0;
    padding:0px 10px 0 0;
}

#backOverview
{
    color:#989898;
    float:left;
    display:block;
    width:100%;
}

#backOverview a
{
    text-decoration: none;
}

/* @end */
/* @group seminars *//*------------------------------------------------------------------------------- */

.seminars .mainContent.toggle>article
{  padding-bottom: 0; }

.seminars .mainContent>article>div
{
	overflow: hidden;
	position: relative;
	/*height: 0;*/
	min-height: 240px;
}

.seminars .mainContent.ready>article>div 
{ min-height: 240px; }

.seminars .mainContent.check>article>div,
.seminars .mainContent.toggle>article>div
{ height: auto; /*213px; TODO dont forget to set it back to 213*/ }

.seminars .mainContent.active>article>div
{
	height: auto;
	overflow: visible;
	padding-bottom: 20px;
}

.seminars .mainContent.active .toggler
{  
	background: none;  
	left: auto;
	right: 0;
	width: 30%;
}

.seminars .toggler
{
	/*position: absolute;  TODO Off this for test sakes, remove when going to production */
	bottom: 0;
	left: 0;
	background: url(../images/css/more.png) repeat-x 0 100%;
	height: 30px;
	padding: 10px 0 0 16px;
    text-align: right;
	float: right;
}

.seminars .toggler a 
{
	color: #28bceb;
	cursor: pointer;
    text-decoration: none;
}

.seminars .toggler a:hover
{ color: #0F6D8B; }



/* Attachments ------------------------------------------------------------------------------- */

.descriptionFooter {
    clear: both;
    margin-top: 10px;
}

.attachments {
    background-image: url(../images/css/attachment.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-top: 10px;
    max-width: 600px;
    float: left;
}

.attachments ul > li {
    display: inline-block;
    margin-left: 5px;
}

/* @end */
/* @group tags *//*------------------------------------------------------------------------------- */

p.tags
{
	clear: left;
	font-style: italic;
	padding: 0;
}

p.tags b
{
	font-style: normal;
}

/* @end */
/* @group tell a friend *//*------------------------------------------------------------------------------- */

.tell-a-friend fieldset:nth-child(2),
.tell-a-friend fieldset:nth-child(3)
{ display: none; }

.lightbox.tell-a-friend span.btn
{ font-size: 1.5em; }

.tell-a-friend form
{ margin-top: 20px; }

/* @end */
/* @group lightbox *//*------------------------------------------------------------------------------- */

body>.lightbox { display: none; }

.lightboxContainer,
.lightboxContainer>.close
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
    z-index: 998;
    -webkit-backface-visibility: hidden;
}

body.iframe,
body.iframe:before 
{ 
	background: none;
	background-color: transparent;
	border: 0;
}

.lightboxContainer iframe 
{
    border: none;
    width: 100% !important; /* Override inline style set by script */
    max-width: 420px;
    position: relative;
    z-index: 999;
    zoom: 1;
}

.lightboxContainer>.close
{ 
	background: none; 
	display: block;
	background: rgba(0,0,0,0.5);
	position: fixed;
}

.iframe .lightboxContainer {
    overflow: hidden;
}

.lightboxContainer>section
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

body.iframe .lightboxContainer>section>article
{
	display: inline-block;
	background: #FFF;
	position: relative;
	text-align: left;
	max-width: 283px;
}

.lightboxContainer article span.close
{
	position: absolute;
	right: 20px;
	top: 16px;
	width: 20px;
	height: 20px;
	display: block;
	background: url(../images/css/generic_nav.png) no-repeat;
	cursor: pointer;
    overflow: hidden;
    text-indent: -99em;
}

.lightbox>h1:first-child,
.lightbox>h2:first-child,
.lightbox>h3:first-child,
.lightbox>h4:first-child
{
	border-bottom: 1px solid #e1e6e9;
	margin: -25px -50px 12px -50px;
	width: 100%;
	padding: 20px 50px;
}

.lightbox p,
.lightbox input,
.lightbox button
{ display: block; }

.lightbox input
{ font-size: 16px; }

.lightbox.survey 
{
     width: 100%;
}

.lightbox.survey .question-result {
    margin-bottom: -7px;
    margin-left: 7px;
}

.lightbox.survey form p
{ padding: 0; }

.lightbox.survey input[type="radio"]
{
	margin-top: 3px;
	margin-bottom: 5px;
}

.lightbox.survey .checkradio,
.lightbox.survey .checklist,
.lightbox.survey .btns
{
	margin-left: 0;
	padding-left: 0;
}

.survey .tooltip.checkradio,
.survey .tooltip.checklist
 { margin-top: 10px; }

.lightbox>div { padding: 12px 0 20px 0; }

.lightbox>div.notice { position: relative; }

.lightbox>div.notice .error
{
	position: absolute;
	top: 10px;
	left: 0;
	width: 273px;
	padding: 5px;
	border-radius: 4px;
	text-align: center;
	background: #e88686;
	color: #FFF;
}

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

.lightbox.login .general {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.lightbox.login>div.notice .error {
    position: relative;
	top: 6px;
}

.lightbox .login__logoContainer {
    max-height: 75px;
    max-width: 100%;
    text-align: center;
} 

.lightbox input,
.lightbox .selectskinned,
.lightbox button,
.lightbox .btn
{ margin: 0 0 8px 1px; }

.lightbox input[type="checkbox"],
.lightbox input[type="radio"]
{
	display: inline-block;
	margin-right: 10px;
}

.lightbox textarea
{
	height: 100px;
	margin: 15px 0;
}

.lightbox div.selectskinned
{ 
	text-align: left; 
	padding: 0;
	display: inline-block;
}

.lightbox button.btn 
{ 
	width: 100%; 
	max-width: 282px;
}

.lightbox button.btn.survey
{
	margin-top: 10px;
}

.lightbox a.btn  { max-width: 258px; }

.lightbox .btns { padding: 10px 20px 0 20px; }

.lightbox .btns button.btn 
{ 
	width: auto; 
	height: 54px;
	float: right;
	margin-right: -3px;
}

#register .btn
{
	margin-left: auto;
	margin-right: auto;
}

/* add to ols.css | line 1130 */
#register .tooltip.checkradio,
#register .tooltip.checklist
{ font-weight: normal }

/* @end */
/* @group divider *//*------------------------------------------------------------------------------- */

p.divider
{ position: relative; 
  text-align:center;
}

p.divider span
{
	background: #FFF;
	position: relative;
	padding: 0 15px;
	display: inline-block;
	z-index: 1;
}

p.divider:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background: #e0e0e0;
	width: 100%;
	height: 1px;
}

/* @end */
/* @group avatar *//*------------------------------------------------------------------------------- */

.avatar
{
	float: right;
	clear: right;
	width: 100px;
	height: 100px;
	background: #d9d9d9;
	position: relative;
	margin: 0 7px 0 5px;
	z-index: 1;
}

.lightbox .avatar 
{ 
	float: right; 
	margin: 0 1px 10px 0;
}

.avatar ul
{
	position: absolute;
	top: 10px;
	background: #FFF;
	list-style: none;
	width: 100px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	font-size: 0.8em;
	opacity: 0;
	z-index: -1;
	transition: 0.3s;
}

.avatar:hover ul {
    top: 40px;
    z-index: 1;
    opacity: 1;
}

.avatar ul a
{
	border-top: 1px solid #E0E0E0;
	padding: 4px 10px;
	text-decoration: none;
	display: block;
	text-align: center;
}

.avatar ul Li-first-child a { border: 0; }

.avatar ul a:hover
{ color: #0F6D8B; }

.avatar ul:before,
.avatar ul:after
{
	content: "\25B2";
	color: #FFF;
	position: absolute;
	left: 50%;
	top: 0;
	margin: -14px 0 0 -5px;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.avatar ul:after
{
	width: 50px;
	height: 5px;
	background: #FFF;
	content: "";
	margin: 1px 0 0 -20px;
}


/* @end */
/* @group tooltip *//*------------------------------------------------------------------------------- */

.tooltip
{
	position: relative;
	display: block;
	font-weight: 700;
}

.tooltip.error
{ display: inline-block; }

#login .tooltip.error {
	display: block;
}

.tooltip.checkradio.error,
.tooltip.checklist.error
{ display: block; }

.tooltip>span,
.tooltip>span.explanation,
.tooltip.error>span.explanation
{
	position: absolute;
	right: 12px;
	top: 13px;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	cursor: help;
}

.tooltip.error>span
{
	top: 77px;
	left: -30px;
	right: auto;
	border: 0;
	cursor: auto;
}

.tooltip.error>span span
{
	color: #ED1717;
	display: block;
	padding: 0 0 0.3em 0;
}

.tooltip dfn
{
	font-style: normal;
	position: absolute;
	left: 50px;
	top: -18px;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.3em;
	width: 290px;
	padding: 10px 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background: #FFF;
	visibility: hidden;
	opacity: 0;
	transition: .2s ease-in;
	z-index: 1;
}

.tooltip>span:hover dfn,
.tooltip.error>span dfn,
.tooltip.error>span:hover dfn
{
	visibility: visible;
	opacity: 1;
	left: 32px;
}

.lightbox .tooltip>span:hover dfn,
.lightbox .tooltip.error>span dfn,
.lightbox .tooltip.error>span:hover dfn
{
	left: 22px;
}

.lightbox .tooltip.error>span dfn,
.lightbox .tooltip.error>span:hover dfn
{ top: 12px; }

.tooltip.error dfn
{ width: 210px; }

.tooltip dfn:before,
.tooltip dfn:after
{
	content: "\25C0";
	color: #FFF;
	position: absolute;
	left: -10px;
	top: 50%;
	margin-top: -7px;
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.tooltip.error dfn:before
{
	content: "\25B2";
	left: 10px;
	top: -5px;
}

.tooltip.error dfn:after
{
	left: 10px;
	top: 10px;
	height: 5px;
}

.tooltip dfn:after
{
	content: "";
	width: 10px;
	height: 20px;
	left: 0;
	margin-top: -10px;
	background: #FFF;
}

.lightbox .tooltip.error > span 
{ 
	top: 28px; 
	left: -10px;
}

.lightbox .checkradio.tooltip.error > span ,
.lightbox .checklist.tooltip.error > span 
{ 
    top: 35px; 
    left: 12px;
}

.lightbox .tooltip>span.explanation 
{ 
	top: 15px; 
	left: auto;
}

.tooltip > span.explanation dfn
{
	z-index: -1;
	opacity: 0;
	top: 0;
}

.tooltip>span.explanation:hover dfn,
.tooltip.error>span.explanation:hover dfn
{
	top: 30px;
	left: auto;
	z-index: 3;
	opacity: 1;
}

.tooltip > span.explanation dfn,
.lightbox .tooltip>span.explanation:hover dfn
{
	left: auto;
	right: -10px;
}

.tooltip>span.explanation dfn:before,
.tooltip>span.explanation dfn:after,
.lightbox .tooltip>span.explanation dfn:before,
.lightbox .tooltip>span.explanation dfn:after
{
	left: auto;
	right: 15px;
}

p.tooltip.error dfn,
div.tooltip.error dfn
{ margin: 15px 0 0 -10px; }

.lightbox p.tooltip.error dfn,
.lightbox div.tooltip.error dfn
{ margin-left: -20px; }

p.tooltip.error dfn:before,
p.tooltip.error dfn:after,
div.tooltip.error dfn:before,
div.tooltip.error dfn:after
{ left: 10px; }

.tooltip.explanation { display: inline-block; }

.tooltip>span.explanation,
.tooltip.error>span.explanation
{ 
	border: 1px solid #e0e0e0; 
	left: auto;
	top: 20px;
	text-align: center;
}

.lightbox .tooltip>span.explanation,
.lightbox .tooltip.error>span.explanation
{ top: 12px; }

/* @end */
/* @group linkedIn *//*------------------------------------------------------------------------------- */

.linkedInProfile
{
	display: inline-block;
	background: url(../images/css/linkedin.gif) no-repeat 100% 50%;
}

.linkedInProfile img
{ 
	display: block; 
	margin-right: 150px;
}

/* @end */
/* @group social media *//*------------------------------------------------------------------------------- */

ul.socialMedia {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	font-weight: 700;
	color: #6b6b6b;
	margin: 10px 0 0 0;
}

.mainContent ul.socialMedia
{
	margin: 10px 0 0 0;
	text-align: left;
}

ul.socialMedia li
{
	display: inline-block;
	vertical-align: middle;
}

.mainContent ul.socialMedia li:first-child { padding: 0; }

ul.socialMedia a {
	width: 34px;
	height: 34px;
	background-color: #89949b;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 4px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}

ul.socialMedia a:hover { background-color: #28bceb; }

	ul.socialMedia a.facebook {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJGYWNlYm9vayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZD0ibTY0LjcsNTMuOTZsMS44Ny0xMi4yMWgtMTEuNzJ2LTcuOTNjMC0zLjM0LDEuNjQtNi42LDYuODktNi42aDUuMzN2LTEwLjRzLTQuODQtLjgzLTkuNDYtLjgzYy05LjY1LDAtMTUuOTYsNS44NS0xNS45NiwxNi40NHY5LjMxaC0xMC43M3YxMi4yMWgxMC43M3YzMC4wNGgxMy4ydi0zMC4wNGg5Ljg1WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
	}
	ul.socialMedia a.twitter {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJUd2l0dGVyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJtMzguNDEsNzUuOWMyMy41OSwwLDM2LjQ4LTE5LjU0LDM2LjQ4LTM2LjQ4LDAtLjU2LS4wMS0xLjExLS4wNC0xLjY2LDIuNS0xLjgxLDQuNjgtNC4wNyw2LjQtNi42NC0yLjMsMS4wMi00Ljc3LDEuNzEtNy4zNiwyLjAyLDIuNjUtMS41OSw0LjY4LTQuMSw1LjY0LTcuMDktMi40OCwxLjQ3LTUuMjIsMi41NC04LjE0LDMuMTEtMi4zNC0yLjQ5LTUuNjctNC4wNS05LjM2LTQuMDUtNy4wOCwwLTEyLjgyLDUuNzQtMTIuODIsMTIuODIsMCwxLjAxLjExLDEuOTguMzMsMi45Mi0xMC42Ni0uNTQtMjAuMTEtNS42NC0yNi40My0xMy40LTEuMSwxLjg5LTEuNzQsNC4xLTEuNzQsNi40NCwwLDQuNDUsMi4yNiw4LjM4LDUuNzEsMTAuNjctMi4xLS4wNi00LjA4LS42NC01LjgxLTEuNiwwLC4wNSwwLC4xMSwwLC4xNiwwLDYuMjEsNC40MiwxMS40LDEwLjI5LDEyLjU3LTEuMDguMjktMi4yMS40NS0zLjM4LjQ1LS44MywwLTEuNjMtLjA4LTIuNDEtLjIzLDEuNjMsNS4wOSw2LjM3LDguOCwxMS45OCw4LjkxLTQuMzksMy40NC05LjkyLDUuNDktMTUuOTMsNS40OS0xLjAzLDAtMi4wNi0uMDYtMy4wNi0uMTgsNS42OCwzLjY0LDEyLjQxLDUuNzYsMTkuNjYsNS43NiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
	}
	ul.socialMedia a.linkedin {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMaW5rZWRJbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggaWQ9IlBhdGhfNTY0IiBkPSJtNDAuNzYsODAuNDd2LTQyLjA5bC4wNC4wMmgxMi41MnY1Ljc1aC4xOGMyLjU1LTQuMzYsNy4zLTYuOTYsMTIuMzUtNi43NywxMy4yMSwwLDE1LjY2LDguNjgsMTUuNjYsMjAuMDF2MjMuMDNoLTEzLjA2di0yMC40M2MwLTQuODktLjA4LTExLjEzLTYuODEtMTEuMTNzLTcuODMsNS4zLTcuODMsMTAuODF2MjAuNzloLTEzLjA1Wm0tOC4xNi0uMDNoLTEzLjA4di00Mi4wM2gxMy4wOHY0Mi4wM2gwWm0tMTQuMS01NS4zMmMwLTQuMTksMy40LTcuNTgsNy41OS03LjU4LDQuMTksMCw3LjU4LDMuNCw3LjU4LDcuNTksMCw0LjE5LTMuNCw3LjU4LTcuNTksNy41OC00LjE5LDAtNy41OC0zLjM5LTcuNTgtNy41OCwwLDAsMCwwLDAsMGgwIiBmaWxsPSIjZmZmIi8+PC9zdmc+)
	}
	ul.socialMedia a.email {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJFbWFpbCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggaWQ9IkVtYWlsLTIiIGQ9Im04MC4zNiw3M0gxOS42NGwyMC41Ni0xOS42Miw1LjUsNS4xOWMyLjQyLDIuMjksNi4xOCwyLjI5LDguNjEsMGw1LjUtNS4xOSwyMC41NiwxOS42MmgwWm0zLjY0LTMuNTZoMGwtMjAuNDgtMTkuNTUsMjAuNDgtMTkuMzV2MzguOVptLTY4LDBWMzAuNTRsMjAuNDgsMTkuMzMtMjAuNDgsMTkuNTZoMFptMzQtMTQuMzdjLS4yOC4wMi0uNTYtLjA2LS44LS4yMmwtMjkuNTQtMjcuODRoNjAuNjdsLTI5LjU0LDI3Ljg1Yy0uMjMuMTYtLjUxLjI0LS44LjIyaDBaIiBmaWxsPSIjZmZmIi8+PC9zdmc+)
	}
	ul.socialMedia a.whatsapp {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJXaGF0c0FwcCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZD0ibTc2LjIyLDIzLjgxYy02Ljk2LTYuOTYtMTYuMjEtMTAuOC0yNi4wNi0xMC44MS0yMC4zMSwwLTM2Ljg0LDE2LjUzLTM2Ljg1LDM2Ljg0LDAsNi40OSwxLjY5LDEyLjgzLDQuOTIsMTguNDJsLTUuMjMsMTkuMDksMTkuNTMtNS4xMmM1LjM4LDIuOTQsMTEuNDQsNC40OCwxNy42MSw0LjQ4aC4wMmMyMC4zMSwwLDM2Ljg0LTE2LjUzLDM2Ljg0LTM2Ljg0LDAtOS44NS0zLjgyLTE5LjEtMTAuNzgtMjYuMDdoMFptLTI2LjA2LDU2LjY5aC0uMDFjLTUuNDksMC0xMC44OC0xLjQ4LTE1LjU5LTQuMjdsLTEuMTItLjY2LTExLjU5LDMuMDQsMy4wOS0xMS4zLS43My0xLjE2Yy0zLjA3LTQuODgtNC42OS0xMC41MS00LjY4LTE2LjMsMC0xNi44OCwxMy43NC0zMC42MiwzMC42NC0zMC42Miw4LjE4LDAsMTUuODcsMy4xOSwyMS42NSw4Ljk4LDUuNzgsNS43OSw4Ljk2LDEzLjQ4LDguOTYsMjEuNjcsMCwxNi44OS0xMy43NCwzMC42Mi0zMC42MiwzMC42MmgwWm0xNi44LTIyLjkzYy0uOTItLjQ2LTUuNDUtMi42OS02LjI5LTIuOTktLjg0LS4zMS0xLjQ2LS40Ni0yLjA3LjQ2LS42MS45Mi0yLjM4LDMtMi45MSwzLjYxLS41NC42MS0xLjA3LjY5LTEuOTkuMjMtLjkyLS40Ni0zLjg5LTEuNDMtNy40LTQuNTctMi43NC0yLjQ0LTQuNTgtNS40Ni01LjEyLTYuMzgtLjU0LS45Mi0uMDYtMS40Mi40LTEuODguNDEtLjQxLjkyLTEuMDgsMS4zOC0xLjYxLjQ2LS41NC42MS0uOTIuOTItMS41NC4zMS0uNjEuMTUtMS4xNS0uMDgtMS42MS0uMjMtLjQ2LTIuMDctNC45OS0yLjg0LTYuODQtLjc1LTEuNzktMS41MS0xLjU1LTIuMDctMS41OC0uNTQtLjAzLTEuMTUtLjAzLTEuNzYtLjAzcy0xLjYxLjIzLTIuNDYsMS4xNWMtLjg0LjkyLTMuMjIsMy4xNS0zLjIyLDcuNjhzMy4zLDguOTEsMy43Niw5LjUyYy40Ni42MSw2LjQ5LDkuOTEsMTUuNzMsMTMuOSwyLjIuOTUsMy45MSwxLjUyLDUuMjUsMS45NCwyLjIuNyw0LjIxLjYsNS44LjM3LDEuNzctLjI2LDUuNDUtMi4yMyw2LjIxLTQuMzguNzctMi4xNS43Ny0zLjk5LjU0LTQuMzhzLS44NC0uNjEtMS43Ni0xLjA4aDBaIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
	}

/* @end */
/* @group calendar *//*------------------------------------------------------------------------------- */

.content article.calendar
{
	background: #e8e8e8 url(../images/css/calendar.png) no-repeat 50% 7px;
	border: 0;
	text-align: center;
	min-height: 196px;
}

article.calendar header
{
	background: #FFF;
	width: 140px;
	padding: 6px 6px 15px 6px;
	border: 1px solid #DDD;
	border-top-width: 0;
	margin: 32px auto 10px auto;
	border-radius: 0 0 20px 20px;
}

article.calendar header *
{
	font-weight: 700;
	color: #89949b;
}

article.calendar header h2
{
	color: #545d63;
	font-size: 3em;
	padding: 0;
}

/* @end */
/* @group personalia *//*------------------------------------------------------------------------------- */

.personalia header { padding-bottom: 10px; }

.content article.personalia { padding-left: 20px; }

.personalia header.profile 
{ 
	float: left; 
	padding-bottom: 0;	
}

.personalia fieldset
{
	clear: both;
	border: 0;
	outline: 0;
}

/* it ain't pretty but to clear the space in between the avatar and form */
.avatar+form fieldset:first-child
{
	float: left;
	margin-top: -80px;
}

.personalia form
{ position: relative; }

.personalia legend
{
	color: #909090;
	font-size: 1.1em;
	padding: 50px 0 0px 0;
}

.personalia input[type="text"],
.personalia input[type="email"],
.personalia .selectvalue,
.personalia label
{
	display: inline-block;
	width: 230px;
	margin: 10px 6px 0 0;
	vertical-align: middle;
}

.personalia input[type="password"] {
	display: inline-block;
	width: 200px;
	margin: 10px 6px 0 0;
	vertical-align: middle;
}

.personalia input[type="checkbox"]
{ float: none; }

.personalia label {
	width: 100%;
	max-width: 440px;
	margin: 0;
}

.personalia .selectskinned { display: inline-block; }
.personalia .selectskinned a { width: 230px; }

a.removeAccount
{
    font-size:1em;
    display:inline-block;
    cursor:pointer;
    padding:10px 0;
    float: right;
    margin: 0;
    z-index: 999;
position: inherit;
}

/* @end */
/* @group Mobile page *//*------------------------------------------------------------------------------- */
.noFlashTextDiv, .noFlashSeminarDiv
{
    background: #fff;
    padding: 20px;
    width: 100%;
}


#mobilePage
{
    width:96%;
    padding:2%;
    background:#fff;
    float:left;
}

img.store
{
    width:170px;
    float:left;
    display:inline;
    padding:20px 20px 0 0px;
}

/* Paging */
.paging li.here a {
    background-color: #28bceb;
    color: white;
}

.paging li {
    display: inline-block;
}

.paging li a {
    text-decoration: none;
    padding: 2px 8px;
}

.paging li a:hover {
    background-color: #28bceb;
    color: white;
}

.paging {
    text-align: center;
    list-style: none;
    clear: both;
}

/* @end */


/* @group onDemandNotReady *//*------------------------------------------------------------------------------- */
.onDemandNotReady {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.onDemandNotReady__text {
    background: #fff;
    margin: 16px;
    padding: 20px;
    width: 100%;
    max-width: 512px;
    text-align: center;
}
/* @end */


/* @group description */ /*------------------------------------------------------------------------------- */

#description .mainContent,
#description .secondaryContent
{
	display: table-cell;
	vertical-align: top;
	float: none;
}

#description .mainContent
{
	background: #FFF;
	border: 1px solid #e5e5e5;
	padding: 15px;
}

.content #description .mainContent article
{
	background: none;
	border: 0;
}

#description .secondaryContent
{ 
    padding-left:10px;
    xborder-left: 20px solid #f1f1f1; }

.clearBoth {
    clear: both;
}


/* @end */
/* @group iframe wide *//*------------------------------------------------------------------------------- */

.lightboxContainer iframe.wide
{ max-width: 600px; }

body.iframe .lightboxContainer>section>article.wide
{ 
	max-width: 545px; 
	margin-right: -20px;
}

article.wide form
{ margin-top: -6px; }

.lightboxContainer article.wide span.close { right: 30px; }

.wide input[type="text"],
.wide input[type="password"],
.wide input[type="email"],
.wide textarea,
.wide .selectskinned a
{
	display: inline-block;
	width: 230px;
	margin-right: 6px;
}

article.wide .selectskinned ul a { width: 224px; }

article.wide .tooltip.dropdown { display: inline-block; }

article.wide #register .btn { margin-right: -10px; }

article.wide #register a.btn { margin-left: -20px; }

article.wide .avatar { margin-right: 10px; }

.birthday .selectskinned a { width: 40px; }

.birthmonth .selectskinned a { width: 150px; }

.birthyear .selectskinned a { width: 60px; }


/* @end */
/* @group responsive *//*------------------------------------------------------------------------------- */

@media screen and (max-width: 1000px)
{
	body {  -webkit-text-size-adjust:none; }
	
	.wrapper { width: 98%; }
	.mainContent { width: 72%; }
	.secondaryContent { width: 27%; }
	ul.socialMedia { margin-right: -12px; }

	.tooltip dfn
	{
		left: auto;
		right: -15px;
		top: 22px;
		width: 290px;
		padding: 10px;
	}
	
	.tooltip>span:hover dfn 
	{ 
		top: 35px; 
		left: auto;
	}
	
	.tooltip dfn:before
	{
		content: "\25B2";
		left: auto;
		right: 18px;
		top: -7px;
	}
	
	.tooltip dfn:after
	{
		width: 10px;
		height: 10px;
		left: auto;
		right: 20px;
		top: 9px;
	}
	
	.tooltip.error > span
	{ top: 38px; }
}

@media screen and (max-width: 800px)
{
	.mainContent,
	.secondaryContent
	{
		float: none;
		width: auto;
	}

    .content article {
	    min-height: initial;
    }

    .seminars .mainContent>article>div {
	    min-height: initial;
    }

    .seminars .mainContent.ready>article>div 
    { min-height: initial; }

	#description,
	#description .mainContent,
	#description .secondaryContent
	{
		display: block;
		background: none;
		border: 0;
		padding: 0;
	}

    .content #description .mainContent article
    {
	    background: #FFF;
	    border: 1px solid #e5e5e5;
	    padding: 15px;
    }

    .seminars .mainContent,
    #description .mainContent {
	    margin-bottom: 0;
    }

    .seminars .secondaryContent,
    #description .secondaryContent {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .seminars .secondaryContent article,
    #description .secondaryContent article {
        -ms-flex-order: 2; 
        -webkit-order: 2; 
        order: 2;
    }
	
    .seminars .secondaryContent .buttonContainer,
    #description .secondaryContent .buttonContainer {
        background-color: rgba(255,255,255,0.7);
        border-top: 1px solid #fff;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        margin: -1px 0;
        -ms-flex-order: 1; 
        -webkit-order: 1; 
        order: 1;
        padding: 0 15px;
        z-index: 1;
    }

    .seminars .secondaryContent .buttonContainer {
        border-bottom: 1px solid #fff;
    }

    #description .secondaryContent .buttonContainer {
        border-bottom: 1px solid #e8e8e8;
    }
	
	.secondaryContent .buttonContainer .btn { text-align: center; }
	
	header .tagline 
	{ 
		line-height: 1.2em;
		font-size: 0.9em;
		margin-left: -10px;
	}
	
	ul.statistics
	{
		max-width: 400px;
		margin: 0 auto;
	}
	
	ul.statistics li
	{
		display: block;
		margin: 0 0 10px 0;
	}
	
	ul.statistics a { padding: 13px 70px 13px 10px; }
	
	.content article.large { min-height: 0; }
}

@media screen and (max-width: 600px)
{
	.wrapper { width: 96%; }	
	header .tagline { display: none; }
	.content>article { width: auto; }
	ul.statistics { max-width: 100%; }

    header a.logo {
        background: url(../logo.png?height=100&width=300) no-repeat;
        background-position: 0 50%;
        width: 300px;
    }
	
	.personalia input[type="text"],
	.personalia input[type="email"],
	.personalia .selectvalue,
	.personalia .selectskinned a
	{ 
		width: 300px; 
		display: block;
	}

	.personalia input[type="password"] {
		width: 270px;
		display: block;
	}
	
	.btns .btn 
	{ 
		float: left; 
		margin-right: 10px;	
	}
	
	.personalia .selectskinned { display: block; }
	
	.personalia header.profile,
	.personalia .avatar
	{ float: none; }
	
	.lightboxContainer>section>article
	{
		padding: 25px 30px;
		max-width: 283px;
	}
	
	.lightbox>h1:first-child,
	.lightbox>h2:first-child,
	.lightbox>h3:first-child,
	.lightbox>h4:first-child
	{ 
		margin-right: -30px;
		margin-left: -30px;
		padding: 20px 30px;
		text-align: left;
	}
	
	.lightboxContainer article span.close
	{
		right: 18px;
		top: 20px;
		width: 15px;
		height: 15px;
		background-size: 45px 200px;
	}
	
	.lightbox input[type="checkbox"]
	{ margin: 0.4em 5px 0 0; }

    /*.quicklinks {
        margin-top: -50px;  
    }
    */
    a.back {
        margin: 30px 0 20px 0;
    }

    a.help {
        margin: -62px 0px 0px 0;
        float: left;
    }
}

@media screen and (max-width: 500px) {

    header .quicklinks {
        float: none;
        line-height: 24px;
        padding-top: 25px;
        text-align: right;
    }

    header a.logo {
        background: url(../logo.png?height=100&width=250) no-repeat;
        background-position: 0 50%;
        width: 250px;
    }
}

@media screen and (max-width: 400px)
{
    header a.logo {
        background: url(../logo.png?height=100&width=200) no-repeat;
        background-position: 0 50%;
        width: 200px;
    }

	.personalia input[type="text"],
	.personalia input[type="email"],
	.personalia input[type="password"],
	.personalia .selectvalue,
	.selectskinned ul,
	.personalia .selectskinned a {
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
	}
	
	.personalia label { width: auto; }
	
	.selectskinned ul {	padding-right: 30px; }
	.personalia .btns { margin-right: 3%; }

	.personalia input[type="password"] ~ .fa.fa-eye,
	.personalia input[type="text"] ~ .fa.fa-eye-slash {
		top: 0;
	}
	
	.btns .btn,
	.btns .btn:first-child
	{ 
		float: none; 
		text-align: center;
		display: inline-block;
	}
	
	.lightboxContainer>section>article { max-width: 240px; }

	input.narrow[type="text"], 
	input.narrow[type="email"], 
    input.narrow.email,
	input.narrow[type="password"]
	{ width: 95px; }


	#login input[type="email"],
	#login input.email,
	#login input[type="password"],
	#login input.password {
		margin-left: 0;
	}

	.tooltip > span.explanation,
	.tooltip.error > span.explanation {
		top: 13px;
	}
	
	.btn.facebook,
	.btn.linkedIn { 
		padding-left: 55px; 
		white-space: nowrap;
	}
	
	.lightboxContainer iframe  { margin-left: -30px; }
	.lightbox>div.notice .error { width: 220px; }


    .noFlashTextDiv,.noFlashSeminarDiv
    {
        width: 265px;
    }

    .noFlashTextDiv img, .noFlashSeminarDiv img {
        width: 50%;
        padding-top: 10px;
    }
    
}


/***** Exam Module *****/

.question_list {
	margin: 0;
	padding: 0;
	max-height: 400px;
	overflow-y: auto;
}
.question_list li {
	list-style: none;
	padding: 0 0 10px 0;
	margin:0;
}

.question_header {
	background-color: #dce1e5;
    background-image: url('../images/css/wrongicon.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
	display:block;
	padding: 10px;
    padding-left: 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bolder;
}
.question_header img {
	margin-right: 10px;
	float: left;
	margin-top: 1px;
}
.question_header::after {
	clear: both;	
}

.bold_span {
	font-weight: bold;	
}

.unsubscribe-all {
    background-color: #989494;
    color: white;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

/* @end */