@charset 'UTF-8';
.flash-stack{
    position: fixed;
    bottom: 60px;
    width: calc(100% - 80px);
    max-width: 800px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}

.flash-msg{
    margin-top: 20px;
    padding: 20px;
    background-color: #e2e3e5;
    color: #55595e;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0px 0px 40px 5px rgba(0,0,0,.20);
    vertical-align: middle;
    display: flex;
    border: 2px solid white;
    align-items: center;
}
.flash-msg.warning{
    background-color: #f8d7da;
    border-color: #731e2644;
    color: #731e26;
}
.flash-msg.succes{
    background-color: #f0f6dd;
    border-color: #769618;
    color: #769618;
}
.flash-msg > *{
    vertical-align: middle;
    margin: 10px;
    height: 100%;
}
.flash-msg .fa-exclamation-triangle{
    font-size: 34px;
    opacity: 0.75;
}
.flash-msg .close{
    font-size: 24px;
    cursor: pointer;
    align-self: flex-start;
}
.flash-msg p{
    font-size: 14px;
    flex-grow: 1;
}

.select-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5em;
    /*background: #fff;*/
    border: none;
    border-radius: 3px;
    padding: 1em 2em 1em 1em;
    font-size: 1em;
}
.select-container {position:relative;float: left;}
.select-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
.select-container:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 50%;
    right: .75em;
    border-top: 8px solid black;
    opacity: 0.5;
    transform: translateY(-50%);
}
.select-container select::-ms-expand {
    display: none;
}


input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

span.admin {
	color: #f00 !important;
	cursor: pointer;
	text-decoration: underline;
}

div.mod-attendees.my-buddies {
	border-bottom: none;
}

.form-row.radio label{
	float:none !important;
}

table.bank {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}

table.bank td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px 10px;
}

table.bank td:first-child {
	background-color: #eee;
}
table.bank tr.space td {
	background-color: #ccc;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
}

html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
	font: 13px/15px Arial, 'Ubuntu';
	/*overflow-x: hidden;*/
}

html:not(.app) {
	background-image: url(/img/bg-overlay.png), url(/img/bg.jpg);
	background-repeat: repeat, no-repeat;
	background-position: center, center;
	background-attachment: fixed, fixed;
	-webkit-background-size: auto, cover;
	-moz-background-size: auto, cover;
	-o-background-size: auto, cover;
	background-size: auto, cover;
}
html.concept{
	background-image: url(/img/bg-overlay.png), url(/huisstijl/bg.jpg), url(/img/bg.jpg);
	background-repeat: repeat, no-repeat, no-repeat;
	background-position: center, center, center;
	background-attachment: fixed, fixed, fixed;
	-webkit-background-size: auto, cover, cover;
	-moz-background-size: auto, cover, cover;
	-o-background-size: auto, cover, cover;
	background-size: auto, cover, cover;
}
html.app {
	background: none;
	background-color: white;
}


body.iframe {
	min-width: 660px;
}

a,
img,
a img {
	outline: none;
	border: none;
}

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

span.dictionary {
	position: relative;
	color: #989a01;
	text-decoration: underline;
	cursor: pointer;
}

div.main-box {
	position: absolute;
	min-height: 0px;
	border: 1px solid #ccc;
	min-width: 280px;
	padding: 0px 15px 15px;
	background: #fff;
	cursor: default;
	z-index: 99999;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

div.main-box > div.dict-title {
	background: none repeat scroll 0 0 #EEEEEE;
	border-bottom: 1px solid #CCCCCC;	
	left: 0;
	line-height: 30px;
	overflow: hidden;
	padding: 5px 0;	
	top: 0;	
	margin: 0 -15px 15px -15px;
}

div.main-box > div img {
	display: inline;
	vertical-align: middle;
	margin: 0 0 0 15px;
}

div.main-box > div span {
	position: relative;
	margin: 2px 0 0 15px;
	font: 700 14px/30px 'Arial';
	color: #222;
}

div.main-box > div a.dict-close {
	float: right;
	padding: 0 15px 0 0;
	font-weight: 700;
	cursor: pointer;
	color: #222;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#text-period {
	font-size: 11px;
	height: 47px;
	margin-left: 20px;
	overflow: hidden;
	width: 160px;
	text-align: center;
}

.workout-block {
	float: left;
	width: 165px;
	min-height: 0px;
	margin-bottom: 30px;
}

.workout-block h2 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #444;
}

.workout-block ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.workout-block ul li a {
	color: #bfbc11;
	font: 12px/20px Arial;
}

* {
	-moz-box-sizing: content-box;
}

select {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

p {
	font: 400 12px/18px Arial, 'Ubuntu';
}

p.success {
	color: #008800 !important;
}

p.success-box {
	background-color: #f0f6dd;
	background-image: url("../img/check-big.png");
	background-position: 20px center;
	background-repeat: no-repeat;
	border: 1px solid #769618;
	padding: 20px 10px 20px 85px;
	color: #769618 !important;
	font-weight: bold;
	margin-bottom: 25px;
}

p.error {
	color: #AA0000 !important;
}

p.error-box {
	background-color: #ffdee2;
	background-image: url("../img/alert-big.png");
	background-position: 20px center;
	background-repeat: no-repeat;
	border: 1px solid #aa0000;
	color: #aa0000 !important;
	font-weight: bold;
	padding: 20px 10px 20px 85px;
	text-align: left;
}

div.error-box {
	position: relative;
	background-color: #ffdee2;
	background-image: url("../img/alert-big.png");
	background-position: 20px center;
	background-repeat: no-repeat;
	border: 1px solid #aa0000;
	color: #aa0000 !important;
	font-weight: bold;
	padding: 20px 20px 20px 85px;
	text-align: left;
	display: block;
}
div.error-box--inlog::before {
	position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: .75rem;
    border-style: solid;
    border-width: 1rem 1rem 0 1rem;
    border-color: #ffdee2 transparent transparent transparent;
    bottom: -1.5rem;
    right: 50%;
    transform: translate(-50%, 0);
    z-index: 0;
}

div.error-box--inlog::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0;
    height: 1rem;
    border-style: solid;
    border-width: 1.125rem 1.125rem 0 1.125rem;
    border-color: #aa0000 transparent transparent transparent;
    bottom: -1.85rem;
    right: calc(50% - .25rem);
    transform: translate(-50%, 0);
    z-index: -1;
}

div.error-box__content {
	flex: 1 0;
	margin-right: 1rem;
}



@media screen and (max-width: 768px) {
	div.error-box__content {
		flex: 1 0;
		margin-bottom: 1.5rem;
		margin-right: .5rem;
	}
}

p.error-box a {
	color: #002aff;
}

p.warning-box{
	background-color: #fff2c1;
	border: 1px solid #e7c64c;
	padding: 20px 10px 20px 125px;
	color: #9d893b;
	position: relative;
	font-size: 14px;
}

/*
	top: 26px;
	left: 50%;
	transform: translateX(-50%);
*/

p.warning-box i.fa{
	color: #e7c64c;
	position: absolute;
	top: 50%;
	left: 42px;
	transform: translateY(-50%);
	font-size: 44px;
}

p.error-box.small,
.training-attendees p.error-box {
	background-position: center 10px;
	padding: 55px 10px 10px;
}

p.mb {
	margin-bottom: 20px;
}

.training-attendees p.error-box {
	margin-top: 0px;
}

.non-bold {
	font-weight: 400;
}

.italic {
	font-style: italic;
}

.left {
	float: left;
}

.right {
	float: right;
}

.rel {
	position: relative;
}

.sender {
	display: none !important
}

input.sender[type="submit"] {
	display: block;
	position: absolute;
	top: -1000px
}

.form-row input[type="submit"] {
	border: none;
}

.form-row input[type="text"],
.form-row textarea{
	border-radius: 3px;
}

.form-row input[type="text"].form-day,
.form-row input[type="text"].form-month,
.form-row input[type="text"].form-year{
	border-radius: 3px 3px 0 0;
}

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

.hide {
	display: 0;
}

.no-border {
	border-style: none !important;
}

.clear {
	clear: both;
}

.spacer-top-15 {
	margin-top: 15px !important;
}

div.split {
	width: 50%;
}

.home div.split.left {
	width: 450px;
}

.home div.split.right {
	width: 500px;
}

.home div.inner-content {
	margin: 33px 0 0;
	width: 950px;
}

table.documenten{
	width: 100%;
	text-align: left;
}
table.documenten tr:first-child td,
table.documenten tr:first-child th {
	background: #c8c8c8;
}

table.documenten th:last-child{
	width: 150px;
}

table.documenten td,
table.documenten th{
	height: 30px;
	background: #dfdfdf;
	text-align: left;
	padding-left: 15px !important;
	position: relative;
}
table.documenten td i{
	color: grey;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
table.documenten td a{	
	color: grey;
}
table.documenten td{
	height: 30px;
	padding-right: 15px;
	padding: 10px 15px;
}
table.documenten td:first-child{
	padding-left: 40px !important;
}

div.form-row select {
	display: block;
	float: left;
	margin: 0;
	padding: 8px 6px;
	width: 244px;
	border: 1px solid #adadad;
	outline: none;
}
div.form-row div.radio{
	float:left;
}
div.form-row.privacy-inactive{
	opacity: 0.5;
}	
div.login div.boxer form.aanmeld div.form-row input[type="text"],
div.form-row input[type="text"],
div.login div.boxer form.aanmeld div.form-row input[type="password"],
div.form-row input[type="password"] {
	width: 230px;
	float: left;
	padding: 8px 6px;
	
}

div.login div.boxer form.aanmeld div.form-row .button {
	padding: 0 80px;
	float: right;
}

div.form-row {
	position: relative;
	margin: 7px 0 0 0;
	min-height: 0px;
	overflow: hidden;
	font-family: 'Arial', 'Ubuntu';
	vertical-align: middle;
	line-height: 33px;
}
.radio div.form-row {
	line-height: 24px;
}

div.form-row.hidden {
	display: none;
}

div.form-row label.checkbox {
	margin: 1px 0 0 10px;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
}

div.form-row:first-child {
	margin: 0;
}

div.form-row.submit {
	margin-top: 30px;
}

div.form-row label {
	float: left;
	width: 160px;
	min-height: 33px;
	margin: 0 9px 0 0;
	/*font: 700 12px/33px 'Arial', 'Ubuntu';*/
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom: 6px;
	font: 700 12px/18px 'Arial', 'Ubuntu';
	color: #000;
}

div.form-row input[type="checkbox"] {
	margin-top: 10px;
	margin-left: 0;
	margin-right: 8px;
	float: left;
}

div.form-row textarea {
	border: 1px solid #adadad;
	width: calc(100% - 175px);
	min-height: 100px;
	padding: 5px;
	box-sizing: border-box;
	resize: vertical;
}

div.form-row span.bold {
	font-weight: 700;
	font-size: 12px;
	line-height: 25px;
}

div.form-row.checkbox input {
	float: left;
}

div.form-row.checkbox span {
	float: left;
	margin-left: 10px;
	width: 190px;
}

div.form-row a.button {
	margin: 0;
}

div.form-row.error input {
	border: 1px solid #FF0000;
}

div.form-row.error label {
	color: #FF0000;
}

div.form-row span {
	position: relative;
	display: inline-block;
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	margin-top: 4px;
}

div.form-row span.right a {
	color: #0066ff;
	font-style: normal;
	text-decoration: underline;
	font-size: 12px;
}

form div.spacer {
	padding: 10px;
}

form div.spacer.lined {
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}

input[type="text"],
input[type="email"],
input[type="password"] {
	margin: 0;
	display: block;
	padding: 3px;
	width: 217px;
	border: 1px solid #adadad;
	-webkit-appearance: none;
	outline: none;
}

div.form-row div.datefield-wrapper {
	float: left;
	overflow: hidden;
	width: 244px;
}

div.form-row div.datefield-wrapper > input[type="text"],
div.login div.boxer div.form-row div.datefield-wrapper > input[type="text"] {
	width: 64px;
	margin-left: 5px;
	text-align: center;
}


/*
TO REMOVE
div.form-row div.datefield-wrapper div.form-day-text,
div.form-row div.datefield-wrapper div.form-year-text,*/

div.form-row div.datefield-wrapper > div {
	float: left;
	margin-left: 5px;
	width: 76px;
	text-align: center;
	font-size: 12px;
	padding: 2px 0;
	height: 12px;
	line-height: 11px;
	border: 1px solid #adadad;
	border-top: none;
	background: #e2e2e2;
	color: #777;
}

div.login div.boxer div.form-row div.datefield-wrapper input[type="text"].form-day:first-child,
div.form-row div.datefield-wrapper input[type="text"].form-day:first-child,
div.form-row div.datefield-wrapper div.form-day-text {
	margin: 0;
}

div.form-row input[type="radio"] {
	position: relative;
	top: 1px;
}

h1 {
	font: 700 18px/18px Arial, 'Ubuntu';
	margin: 15px 0;
	color: #434143;
}

div.ideal h1,
h1.training-heading {
	height: 52px;
	padding: 0 21px;
	margin: 0 0 30px;
	text-transform: uppercase;
	font: 700 18px/52px Arial, 'Ubuntu';
	color: #fcfcfc;
	background: #383838;
	overflow: hidden;
}

div.main-wrapper {
	padding: 100px 0 0px 0;
	position: relative;
	width: 100%;
	min-width: 950px;
	min-height: 100%;
	min-height: calc(100% - 140px);
	min-height: -o-calc(100% - 140px);
	min-height: -moz-calc(100% - 140px);
	min-height: -webkit-calc(100% - 140px);
	/*overflow: hidden;*/
}

.iframe div.main-wrapper {
	min-width: 660px;
}

div.main-wrapper.iframe {
	width: 660px;
}

.shadow {
	width: 950px;
	margin: 0 auto;
	box-shadow: 0px 0px 20px #000;
}

div.wrapper {
	margin: 0 auto;
	width: 950px;
}

a.mailto {
	color: #fcfcfc;
	text-decoration: none;
}

div.icon-text {
	margin: 5px 0;
	color: #fcfcfc;
	height: 17px;
	font: 400 12px/17px Arial, 'Ubuntu';
}

div.icon-text img {
	width: 18px;
	margin: 0 20px 0 0;
}

div.wrapper.float-container {
	min-height: 0px;
	overflow: hidden;
}

div.spacing.top {
	margin-top: 20px;
}

div.spacing.left {
	float: none;
	margin-left: 20px;
}

div.spacing.right {
	float: none;
	margin-right: 20px;
}

div.spacing.bottom {
	margin-bottom: 20px;
}

.home div.spacing {
	min-height: 225px;
	width: 388px;
	padding: 10px;
	border: 1px solid #888788;
	font: 12px/18px Arial, 'Ubuntu';
}

.home div.spacing p {
	margin-top: 0;
	color: #111;
}

.home div.spacing h1,
.home div.spacing h2,
.home div.spacing h3,
.home div.spacing h4,
.home div.spacing h5,
.home div.spacing h6 {
	margin-top: 0;
}

.green {
	color: #a6cc37;
}

a.button,
input[type=submit],
button,
div.form-row a.button {
	text-decoration: none;
	min-height: 30px;
	padding: 0 32px;
	float: left;
	font: 700 14px/30px 'Arial', 'Ubuntu';
	/*box-shadow: 2px 2px 2px #ccc;
	text-shadow: 1px 1px 1px #666;*/
	background: #a6cc37;
	color: #fff;
	inner-padding: 0;
	margin: 0 0 3px;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;	
}

a.button:hover,
input[type=submit]:hover,
button:hover,
div.form-row a.button:hover {
	background: #a6cc37;
}

a.button.red,
input.red[type=submit] {
	background: #e33;
	/*color: #d0d0d0;*/
}

a.button.red:hover,
input.red[type=submit]:hover {
	background: #e53;
	color: #f0f0f0;
}

a.button.facebook {
	background-color: rgba(68, 97, 157, 1);
	border-color: #44619d;
	color: #fff;
}

a.button.facebook:hover {
	background-color: rgba(68, 97, 157, 0.8);
	border-color: #44619d;
}

a.button-uitschrijven {
	position: relative;
	cursor: pointer;
	z-index: 2;
	float:right;
	margin-top: -35px;
	margin-right: 55px;
	background-color: rgb(143, 43, 43) !important;
	border-color: rgb(143, 43, 43) !important;
}

a.button-uitschrijven:hover {
	background-color: rgba(143, 43, 43, 0.8) !important;
	border-color: rgba(143, 43, 43, 0.8) !important;
}

@media screen and (max-width: 759px) {
	a.button-uitschrijven {
		margin-top: 30px;
		margin-right: 0;
		margin-bottom: 30px;
	}
}

a.button-uitschrijven--left {
	margin-top: 1.5rem;
	display: inline;
	float:left;
}

/*
TO REMOVE
div.bar {
height: 11px;
width: 100%;
background: #424143;
}*/

div.categorized-list-wrapper {
	position: relative;
	float: left;
	min-height: 0;
	overflow: hidden;
}

div.categorized-list-wrapper.medium {
	padding: 0 0 0 65px;
}

div.categorized-list-wrapper > strong {
	position: relative;
	float: left;
	margin: 4px 10px 0 0;
	font: 700 12px/12px Arial, 'Ubuntu';
	color: #434143;
}

div.categorized-list-wrapper > ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: outside none disc;
}

div.categorized-list-wrapper > ul > li {
	/*   height: 20px;*/
	font: 12px/20px Arial, 'Ubuntu';
	color: #434143;
	white-space: pre;
}

div.categorized-list-wrapper > ul > li > a {
	color: #989a01;
}

img#grd {
	position: absolute;
	top: 0;
	z-index: 0;
	left: 0;
}


/*STANDALONE MODS*/

div#mod-calendar {
	width: 500px;
	min-height: 470px;
	overflow: hidden;
	position: relative;
}

form>div.form-container {
	float: left;
	width: 455px;
}

div.specify {
	float: left;
}

div.specify.trainer {
	float: right;
	margin-left: 30px;
}

select.specify {
	display: inline-block;
	width: 220px;
	border: 1px solid #444;
	padding: 5px;
	margin: 0 0 17px;
}

select.specify + select.specify {
	margin-left: 17px;
}

label.label-specify {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 5px;
	width: 50px;
}

div#mod-calendar > div.schedule-container {
	float: left;
	width: 455px;
	/*height: 528px;*/
	overflow: hidden;
	border: 1px solid #888788;
	border-top: none;
	position: relative;
}

div#mod-calendar > div.schedule-container .copy {
	position: absolute;
	bottom: 4px;
	width: 100%;
	text-align: center;
}

div#mod-calendar > div.schedule-container .copy a img {
	border: none;
}

div#calendar-heading {
	width: 427px;
	padding: 0 15px;
	height: 47px;
	/*border: 1px solid #888788;*/
	background: #3d3d40;
	font: 700 14px/45px Arial, 'Ubuntu';
	color: #fff;
	text-transform: uppercase;
}

#next,
#prev {
	cursor: pointer;
	transition: all .3s linear;
	display: inline-block;
	position: relative;
	top: 6px;
	width: 17px;
	height: 20px;
	padding: 10px;
	margin: 0 -10px !important;
	float: left;
	background-position: 10px 7px !important;
}

#selected-week {
	float: left;
	text-align: center;
	width: 90px;
	text-align: center;
	opacity: 1;
	cursor: pointer;
}

#next {
	background: transparent url(../img/white-arrow-right.png) no-repeat;
}

#next:hover {
	background: transparent url(../img/white-arrow-right-hover.png) no-repeat;
	color: #D8D500;
}

#prev {
	background: transparent url(../img/white-arrow-left.png) no-repeat;
}

#prev:hover {
	background: transparent url(../img/white-arrow-left-hover.png) no-repeat;
	color: #D8D500;
}

div#calendar-content {
	width: 455px;
	overflow: hidden;
	position: relative;
	border-bottom: 30px solid #434143;
	height: 570px;
}

div#calendar-content div.heading {
	width: 455px;
	height: 29px;
	border-bottom: 1px solid #888788;
	background: #fcfcfc;
}

div#calendar-content div.col {
	overflow: auto;
	border-left: 1px solid #888788;
	position: relative;
}

div#calendar-content div.col:first-child {
	border-left: none;
}

div#calendar-content div.heading .box,
div#calendar-content div.heading .box:hover {
	float: left;
	background: #eee;
	height: 29px;
	cursor: default;
}

div#calendar-content div.heading .box {
	border-left: 1px solid #888788;
}

div#calendar-content div.heading .box:first-child {
	border-left: none;
	width: 65px;
}

div#calendar-content div.col .box {
	border-top: none;
	/*border-bottom: 1px solid #888788;*/
}

div#calendar-content div.col div.box.last {
	border-right: 1px solid #888788;
	border-bottom: none;
}

div#calendar-content div.col .box:first-child {
	border-top: none;
}

div#calendar-content div.week > div.col:first-child .box {
	border-left: none;
	width: 65px;
}

div#calendar-content div.box,
div#calendar-content div.box:hover {
	/*background: #434143;*/
	color: #434143;
	cursor: default;
}

div#calendar-content div.col.selected div.box,
div#calendar-content div.col.selected div.box:hover {
	/*background: #505050;*/
	color: #505050;
	cursor: default;
}

div#mod-calendar #calendar-wrapper div.col .box.selected,
div#calendar-content div.col a.box:hover {
	background: #a6cc37;
}

div#mod-calendar div.col .box.intro {
	background: #69c;
}

div#calendar-content div.loading {
	opacity: 0.60;
	z-index: 3;
	position: absolute;
	height: 559px;
	width: 100%;
	background: #909090;
	top: 29px;
	line-height: 526px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

div#calendar-wrapper {
	width: 1000px;
	height: 559px;
	overflow: hidden;
}

div#calendar-wrapper div.week {
	position: relative;
	width: 455px;
	height: 526px;
	float: left;
}

div#mod-calendar .box {
	display: block;
	position: relative;
	width: 64px;
	height: 29px;
	text-align: center;
	font: 700 13px/29px Arial, 'Ubuntu';
	text-transform: uppercase;
	color: #111;
	text-decoration: none;
}

div#mod-calendar div.col {
	float: left;
	width: 64px;
	height: 570px;
	background: transparent url(/img/calendar-normal.png);
}

div#mod-calendar div.week div.col:first-child {
	width: 65px;
}

div#mod-calendar div.col.selected {
	background-image: url(/img/calendar-selected.png);
}

div#mod-calendar div.col.weekend:before {
	/*background-image: url(/img/calendar-weekend.png);*/
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

div#mod-calendar div.col.holiday:before {
	/*background-image: url(/img/calendar-weekend.png);*/
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(97, 202, 223, 0.5);
}

div#mod-calendar div.col.holiday:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	writing-mode: lr-tb;
	content: attr(data-holiday-title);
	font-size: 30px;
	font-weight: bold;
	margin-left: -144px;
	margin-top: 270px;
	opacity: 0.3;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 350px;
	z-index: 0;
}

div#mod-calendar div.col a.box {
	position: absolute;
	bottom: 0;
	background: #cacbcb;
	z-index: 1;
}

div#mod-calendar .box.buddy {
	/*background: #e5e6e6;*/
}

div#mod-calendar .box.buddy:before {
	content: '';
	position: absolute;
	right: 1px;
	bottom: 1px;
	display: block;
	width: 12px;
	height: 12px;
	background: transparent url(../img/buddy.png) no-repeat;
}

div#mod-calendar > div.hour-container {
	width: 43px;
	min-height: 0px;
	overflow: hidden;
	float: left;
}

div#mod-calendar > div.hour-container div.col {
	margin: 29px 0 0;
	background: none;
}

div#mod-calendar > div.hour-container div.col div.box {
	background: none;
	width: 42px;
	border: none;
	height: 29px;
	background: #f5f5f5;
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;
	font: 400 12px/29px Arial, 'Ubuntu';
}

div#mod-calendar > div.hour-container div.col div.box:first-child {
	border-top: 1px solid #acacac;
}

div#mod-calendar > div.hour-container div.col div.box.last {
	/*border-bottom: none;*/
}

div#calendar-legend {
	clear: both;
	padding-top: 20px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	justify-content: space-between;
}

div#calendar-legend .box {
	border: 1px solid #888788;
}

div#calendar-legend div.legend-item {
	display: flex;
	flex: 0 0 50%;
	-webkit-flex: 1 1 50%;
	max-width: 50%;
	box-sizing: border-box;
	max-height: 100%;
	padding: 5px;
	color: #111;
	font: 700 12px/31px Arial, "Ubuntu";
}

div#calendar-legend div.legend-item.big {
	width: 270px;
}

div#calendar-legend div.legend-item > span {
	float: left;
	flex-grow: 1;
	flex-basis: 50%;
	line-height: normal;
	padding-top: 8px;
}

div#calendar-legend div.legend-item .box {
	float: left;
	height: 29px;
	margin-right: 10px;
	background: #CACBCB;
}

div#calendar-legend div.legend-item.hide {
	visibility: hidden;
}

div#calendar-legend div.legend-item .box.selected {
	background: #a6cc37;
}

div#calendar-legend div.legend-item > span span.non-bold {
	font-weight: 400;
}

div#calendar-legend div.legend-item .box.intro {
	background: #69c;
}

.mobile div.mod-attendees {
	border: none;
}

.mod-attendees {
	clear: both;
	width: 100%;
	min-height: 0;
	overflow: hidden;
	transition: width .25s, margin .25s;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
	z-index: 30;
}

.mod-attendees * {
	box-sizing: inherit;
}

.mod-attendees.open {
	width: 618px;
	margin-left: -393px !important;
}

.mod-attendees .has-icon {
	position: relative;
}

.mod-attendees .icon {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
}

.mod-attendees .icon img {
	height: 20px;
	vertical-align: middle;
}

.mod-attendees .icon.close {
	display: none;
}

.mod-attendees p.error-box,
.mod-attendees p.success-box {
	clear: both;
}

.mod-attendees .search-bar {
	background: #e2e2e2;
	border: 1px solid #adadad;
	overflow: hidden;
	padding: 6px;
}

.mod-attendees .search-bar input.text {
	float: left;
	padding: 6px;
	width: 180px;
	margin-right: 8px;
	border: 1px solid #adadad;
}

.mod-attendees p.message{
	border-bottom: 1px solid #adadad;
}

.buddies .training-attendees .mod-attendees .search-bar a.button,
.buddies .training-attendees .mod-attendees .search-bar input[type=submit] {
	float: right;
	width: auto;
}

.mod-attendees .search-bar a.button,
.mod-attendees .search-bar input[type=submit] {
	height: 30px;
	float: right;
	margin: 6px 6px 0 0;
	font: 700 15px/30px Arial, 'Ubuntu';
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	box-shadow: none;
	border: none;
	min-width: 100px;
}

.mobile div.mod-attendees p.message {
	border: none;	
}

.mod-attendees p.message {
	font-style: italic;
	padding: 20px 10px;
	margin: 0;
	border-left: 1px solid #adadad;
	border-right: 1px solid #adadad;
	clear: both;
}

.mod-attendees h2 {
	height: 30px;
	margin: 0;
	padding: 0 10px;
	background: transparent url(../img/attendees-h2-grd.jpg);
	text-transform: uppercase;
	font: 700 15px/30px Arial, 'Ubuntu';
	color: #fcfcfc !important;
	float: left;
	width: 100%;
}

.mod-attendees.overview h2 {
	background: #e2e2e2;
	color: #6b6a6c !important;
	height: 43px;
	font: 700 14px/43px Arial, 'Ubuntu';
	border: 1px solid #adadad;
	border-bottom: 0;
	float: none;
	width: auto;
}

.mod-attendees h3 {
	height: 20px;
	margin: 0;
	padding: 0 10px;
	background: transparent url(../img/attendees-h2-grd.jpg);
	text-transform: uppercase;
	font: 700 11px/20px Arial, 'Ubuntu';
	color: #fcfcfc !important;
	float: left;
	width: 100%;
}

.mod-attendees .attendee {
	clear: both;
	height: 30px;
	border: 1px solid #adadad;
	border-top: none;
	padding: 5px;
	font: 400 11px/20px Arial, 'Ubuntu';
}
.mod-attendees .attendee input{
	float:right; margin-right: 12px;
}

.mod-attendees .attendee .special{
	font-size: 11px;
	margin-right: 6px;	
	border-radius: 10px;
	padding: 0px 7px;
	font-weight: bold;
	color: white;
}

.mod-attendees .attendee .special.trial{	
	background-color: ForestGreen;
}
.mod-attendees .attendee .special.dropin{
	background-color: DarkCyan;
}

.mod-attendees.overview .attendee {
	border: 1px solid #adadad;
	border-bottom: none;
}

.mod-attendees .attendee.self * {
	font-weight: bold;
}

.mod-attendees .attendee .num {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 0 0 5px;
	text-align: center;
}

.mod-attendees .attendee .fitscore{
	float:right;
	margin-right: 10px;
}

.mod-attendees .attendee a.remove {
	color: black;
	float: left;
	font-size: 12px;
	font-weight: 700;
	height: 16px;
	line-height: 12px;
	margin: -5px 5px -5px 0;
	padding: 10px 0 10px 5px;
	text-decoration: none;
	width: 18px;
}

.mod-attendees .attendee span {
	float: left;
    height: 20px;
    max-width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mod-attendees .attendee a {
	float: right;
	padding: 4px 4px;
}

.mod-attendees .attendee img {
	float: right;
}

.mod-attendees .attendee > img {
	margin: 4px 14px;
}

.mod-attendees .bottom {
	position: relative;
	/*z-index: -1;*/
	height: 49px;
	background: #383838;
}

.mod-attendees .bottom p {
	width: 130px;
	height: 30px;
	line-height: 15px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 10px;
	margin: 0 0 0 -65px;
	color: #fcfcfc;
	font-weight: 700;
}

.mod-attendees .bottom img.left {
	position: absolute;
	bottom: 0;
	left: 10px;
}

.mod-attendees .bottom img.right {
	position: absolute;
	bottom: 0;
	right: 10px;
}

.mod-attendees .attendee-detail {
	width: 25%;
	float: left;
	display: none;
	padding: 15px 0;
	border-bottom: 1px solid #adadad;
	overflow: auto;
}

.mod-attendees .attendee-detail.trainer {
	width: 100%;
	float: none;
}

.mod-attendees .attendee-detail img {
	width: 100px;
	vertical-align: top;
	margin: 0 auto;
	display: block;
}

.mod-attendees .attendee-detail.trainer img {
	margin: 0;
	display: inline;
}

.mod-attendees .attendee-detail .attendee-detail-block {
	width: calc(100% - 350px);
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
}

.mod-attendees .attendee-detail .attendee-detail-block .edit {
	float: right;
	width: 15px;
	cursor: pointer;
}

.mod-attendees .attendee-detail textarea {
	width: 100%;
}

.mod-attendees .attendee-detail h4 {
	margin-top: 0;
	text-align: center;
}

.mod-attendees .attendee-detail.trainer h4 {
	margin-top: 0;
	text-align: left;
}

.mod-attendees .attendee-detail table {
	border-collapse: collapse;
	display: inline-block;
}

.mod-attendees .attendee-detail table th,
.mod-attendees .attendee-detail table td {
	font-size: 12px;
	text-align: left;
	line-height: 1.8;
	width: 100px;
}

.mod-attendees .attendee-detail .remove {
	text-decoration: none;
	color: #f00;
	font-weight: bold;
}


/*END STANDALONE MODS*/

div.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 19;
	height: 65px;
	width: 100%;
	margin-bottom: 50px;
	background: #fff;
	box-shadow: 0px 2px 6px #888;
	/*overflow: hidden;*/
}

div.header div#header-title {
	position: relative;
	height: 65px;
	font: 700 21px/65px 'Arial Black', 'Arial', 'Helvetica', 'Ubuntu';
	float: left;
}
.test-modus div.header:after {
	content:"TEST MODUS";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	color:green;
	font-size:30px;
	line-height:20px;
	text-align:center;
	padding:20px 0 0 0;
	pointer-events:none;
	font-weight:700;
}

div.header div#header-title a {
	margin-left: 23px;
}

div.header a#login-wrapper:before {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 54px;
	background: url(/img/menu.png) center right no-repeat;
	height: 100%;
	border-left: 1px solid #ececec;
	content: "";
	margin-left: -55px;
}

div.header a#login-wrapper {
	position: relative;
	float: right;
	height: 65px;
	padding: 0 25px 0 18px;	
	border-right: 1px solid #ececec;
	font: 400 14px/65px 'Arial', 'Helvetica', 'Ubuntu';
	/*cursor: pointer;*/
	color: #111;
	text-decoration: none;
}

div.header a#login-wrapper:hover,
div.header a#login-wrapper:hover:before {
	background-color: #e8e8e8;
}

div.header .language {
	
	text-transform: uppercase;
	font-size: 12px;
	vertical-align: middle;
	float: right;	
	background-color: #fff;
	height: calc(100% - 1px);
	line-height: auto;
	overflow: hidden;
	cursor: pointer;
	width: 125px;	
	height: 65px;
	box-sizing: border-box;
	position: relative;
	
}

div.header .language:hover{
	overflow: visible;
}

div.header .language:hover a{	
	
}

div.header .language a{
	
	padding: 0 15px;
	padding-left: 20px;
	display: block;
	width: 100%;	
	line-height: 45px;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow: 0px 2px 6px #888;
	color: #000;
	
}
div.header .language a:hover{
	background-color: #eee;
}

div.header .language a:first-child{
	padding-top: 10px;
	height: 100%;	
}

div.header .language a img{
	vertical-align: middle;
}

div.header .language a span{
	width: 65px;
	display:inline-block;
}

div.header a#login-wrapper.old,
div.header a#login-wrapper.old:hover {
	float: right;
	margin: 11px 0;
	margin-right: 40px;
	height: 31px;
	padding: 4px 8px;
	border: 1px solid transparent;
	font: 400 14px/31px 'Arial', 'Helvetica', 'Ubuntu';
	text-decoration: none;
	background: none;
	cursor: default;
}

div.header a#login-wrapper.old:before {
	display: none;
}

.dropdown-menu {
	display: none;
	position: fixed;
	top: 65px;
	width: 100%;
	height: calc(100% - 50px);
	background-color: rgba(0, 0, 0, 0.32);
	z-index: 9;
}

.dropdown-menu .menu {
	float: right;
	position: relative;
	width: 242px;
	background-color: #404041;
	min-height: 300px;
	border-top: 1px solid #999;
	margin-right: 125px;
}

.dropdown-menu .menu a {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #a0a0a0;
	text-decoration: none;
	display: block;
	padding-left: 30px;
	border-bottom: 1px solid #a0a0a0;
}

.dropdown-menu .menu a.logout {
	position: absolute;
	width: calc(100% - 30px);
	bottom: 0px;
	left: 0px;
	border: none;
}

.dropdown-menu .menu a:hover {
	color: #fff;
}

.logout.new {
	display: none;
}


/*div.header a#login-wrapper:hover {
box-shadow: 0px 0px 5px #ccc;
border: 1px solid #ccc;
}*/

div.content {
	position: relative;
	z-index: 2;
	width: 950px;
	min-height: 0px;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0px 0px 20px #444;
	background: #fff;
	padding: 0 0 40px 0;
	margin: 0 auto 30px;
}

div.content.login {
	background: transparent;
	box-shadow: none;
	overflow: visible;
	margin: 0 auto 70px;
}

div.content.account {
	background-image: url('../img/border-grey.png');
	background-position: 287px 0;
	background-repeat: repeat-y;
}

div.content.account.iframe {
	background: none;
	box-shadow: none;
}

div.training-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	background: #fff;
	z-index: 18;
	border-top: 1px solid #888788;
	border-bottom: 1px solid #888788;
}

div.side-container {
	float: left;
	width: 288px;
	min-height: 0px;
	overflow: hidden;
	display: block;
}

div.sidebar {
	padding: 22px 0 0;
	width: 288px;
	position: relative;
}

div.sidebar .logo {
	cursor: default;
	text-align: center;
	height: auto;
	margin: 0;
	margin-bottom: 20px;
	margin-left: 10px;
}

div.sidebar .logo img {
	max-width: 50%;
	max-height: 200px;
}

div.sidebar-heading {
	position: relative;
	height: 35px;
	width: 216px;
	margin: 0 22px;
	padding: 0 14px;
	background: #a6cc37;
	font: 700 12px/35px Arial, 'Ubuntu';
	color: #222;
	text-align: right;
}

div.sidebar-heading img {
	position: absolute;
	top: 50%;
	left: 15px;
	margin: -12px 0 0 0;
}

ul.side-nav {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 244px;
	margin: 0 22px 22px;
	background: #383838;
	overflow: hidden;
}

ul.side-nav > li {
	position: relative;
}

ul.side-nav > li > ul {
	border-top: 1px solid #fff;
	display: block;
	padding: 10px 0px;
	margin: 0;
	list-style: none;
	background: #d8d8d8;
	overflow: hidden;
}

ul.side-nav > li.alert:before {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, 0) url("../img/alert-big.png") no-repeat scroll center center / 21px auto;
	width: 35px;
	height: 35px;
	
	right:0;
	
}

ul.side-nav > li.pro:before {
	content: "PRO";
	position: absolute;
	background: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) inset;
	border-radius: 5px;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	top: 6px;
	right: 8px;
	padding: 4px 7px;
	color: red;
}

ul.side-nav > li > ul > li {
	text-align: right;
	margin-right: 10px;
}

ul.side-nav > li > ul > li > a {
	color: #383838;
	font: 700 12px/30px 'Arial', 'Ubuntu';
	text-decoration: none;
	font-weight: bold;
}

ul.side-nav > li > a span.new{
	border-radius: 10px;
	width: 20px;
	color: #fff;
	font-weight: bold;
	background-color: #ff0000;
	display: block;
	float: right;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	margin-top: 7px;
	margin-right: 7px;
	position: relative;
	padding: 1px 2px 1px 0;
}

ul.side-nav > li.selected > a,
ul.side-nav > li > ul > li > a.selected,
ul.side-nav > li > ul > li > a:hover {
	color: #383838;
}

ul.side-nav li.spacer {
	background: #fff;
	height: 34px;
	border-top: 1px solid #fff;
}

ul.side-nav > li > a {
	display: block;
	width: 234px;
	height: 35px;
	padding: 0 10px;
	font: 700 12px/35px 'Arial', 'Ubuntu';
	text-align: left;
	border-top: 1px solid #eee;
	color: #fcfcfc;
	text-decoration: none;
}

ul.side-nav li.sub a {
	border-left: 30px solid #fff;
	width: 204px;
}

ul.side-nav li.selected > a,
ul.side-nav li > a:hover {
	color: #a6cc37;
}

ul.side-nav > li.back {
	background-color: #fff;
	overflow: hidden;
}

ul.side-nav > li.back a {
	margin-bottom: 20px;
	background-color: #d1d1d2;
	color: #404041;
	position: relative;
}

ul.side-nav > li.back a:before {
	content: "➞";
	font-size: 36px;
	position: absolute;
	left: 10px;
	top: 2px;
	transform: rotate(180deg);
}

ul.side-nav > li.back.no-rotate a:before {
	transform: none;
}

div.ad {
	width: 188px;
	padding: 5px;
	/*height: 218px;*/
	border: 1px solid #bcbcbd;
	background: #dddddf;
	text-align: center;
	margin: 75px 0 0 35px;
}

div.ad img {
	max-height: 218px;
	max-width: 188px;
}

div.facebook {
	padding-left: 85px;
	padding-top: 40px;
}

div.training-bundles {
	border-top: 1px solid #e2e2e2;
	width: 244px;
	padding: 16px 22px 22px;
	font: 400 12px/18px Arial, 'Ubuntu';
}

div.bundle {
	/*height: 36px;*/
	margin-bottom: 40px;
}

div.bundle strong {
	/*float: left;*/
	width: 140px;
	text-transform: uppercase;
}

div.bundle span {
	display: block;
}

div.bundle span.right {
	text-transform: uppercase;
}

img#ideal {
	/*margin: 30px 0 0;*/
}

div.inner-content {
	float: left;
	width: 662px;
	overflow: hidden;
	min-height: 0px;
}

.iframe div.inner-content {
	margin: 0;
	padding: 0;
}

.iframe.account div.inner-content {
	margin: 0;
	padding: 0;
}

.standard div.inner-content {
	margin: 0;
}

.login div.inner-content {
	width: 870px;
	padding: 0 40px;
	margin: 0;
}

.account div.inner-content {
	padding: 0 22px;
	width: 618px;
}

.account.popup div.inner-content {
	width: 660px;
}

.iframe div.content.account,
div.content.account.iframe {
	width: 660px;
	padding: 0px;
}

.account div.inner-content .mobile div.training-attendees {
	margin-top: 0px;
}

.account div.inner-content div.training-attendees {
	width: 225px;
	margin-top: 38px;
	min-height: 0;
}

.account.buddies div.inner-content div.training-attendees {
	width: 325px;
	margin-top: 0px;
}


/*
TO REMOVE
.account.buddies div.inner-content div.training-attendees.right {
padding: 0 22px 0 0;
}*/

.account div.inner-content div.training-attendees a.button,
.account div.inner-content div.training-attendees input[type=submit] {
	float: none;
	display: block;
	text-align: center;
}

.account div.inner-content div.training-attendees div.music {
	background: #e1e1e1 url("../img/music-note.png") 15px 15px no-repeat, url("../img/music.jpg") 0 0 repeat-x;
	padding: 10px 15px 10px 23px;
	width: 184px;
	margin-bottom: 15px;
	border: 1px solid #868586;
	text-decoration: underline;
	color: #000;
	min-height: 35px;
	position: relative;
	font: 600 12px/15px Arial, 'Ubuntu';
	overflow: hidden;
	text-align: center;
}

.account div.inner-content div.training-attendees div.input {
	display: none;
	float: left;
	width: 204px;
	margin: 0 0 0 -24px;
	padding: 0 10px;
}

.account div.inner-content div.left >:first-child,
.account div.inner-content div.right >:first-child {
	/*			margin-top: 0;*/
}

.account div.inner-content div.left .program-info-container.program-last-comment:first-child {
	margin-top: 18px;
}

.account div.inner-content div.training-attendees div.music input {
	width: 195px;
	float: right;
	margin: 10px 0 0 0;
	opacity: 0;
}

.account div.inner-content div.training-attendees div.music a {
	color: #000;
	text-align: center;
	float: right;
	width: 175px;
	margin: 0 0 0;
}

.account div.inner-content div.training-attendees div.music a.send {
	margin: 5px 5px 0;
	padding: 0;
	float: right;
	color: #989A01;
	width: auto;
	opacity: 0;
}


/*.account div.inner-content p,
.account div.inner-content h1,
.account div.inner-content h2,
.account div.inner-content h3 {
padding: 0 22px;
}

.account div.inner-content div.form-row a.button {
margin: auto;
}

.account div.inner-content a.button {
margin: 0 22px;
}*/

.account div.inner-content div.training-attendees div.music p.success.pref strong {
	padding-left: 15px;
	;
}

.account div.inner-content div.training-attendees div.music div.input p {
	padding: 15px 0 5px;
	margin: 0 5px;
	float: left;
	display: none;
}

.account div.inner-content div.mod-attendees {
	float: left;
	margin: 22px 0 0 0;
}

.account.buddies div.inner-content div.training-attendees div.mod-attendees {
	width: 323px;
}

.account.buddies div.inner-content div.training-information div.mod-attendees {
	width: 271px;
}

.account div.inner-content div.training-information {
	width: 393px;
}

.account div.inner-content div.training-information.mobile-width-full {
	width: calc(100% + 44px);
	width: -o-calc(100% + 44px);
	width: -moz-calc(100% + 44px);
	width: -webkit-calc(100% + 44px);
	margin: 0 -22px;
}

.account.buddies div.inner-content div.training-information {
	width: 284px;
}

.account.results div.inner-content div.split > strong {
	font: 700 12px/12px Arial, 'Ubuntu';
	color: #a6cc37;
	margin: 0 0 15px;
	height: 12px;
	display: block;
}

.account.results div.inner-content div.split > select {
	position: relative;
	border: 1px solid #929292;
	padding: 7px;
	width: 200px;
}

.account .credits {
	display: flex;
	flex-flow: row wrap;
	flex-direction: row;
	justify-content: space-between;
	overflow: hidden;
}

.account .credits .item {
	float: left;
	flex: 50%;
}

.account .credits .item .name {
	float: left;
	font-weight: 700;
}

.account .credits .item .credits {
	float: right;
}

.account .credits .item .expire {
	clear: both;
	float: left;
}

div.login div.background {
	position: relative;
	margin: 0 -40px 0 -40px;
	overflow: hidden;
	height: 344px;
}

div.login div.background > img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

div.login div.background div.split {
	position: relative;
	z-index: 2;
	width: 50%;
}

div.login div.boxer {
	position: relative;
	/*width: 413px;*/
	min-height: 300px;
	background: #fff !important;
	box-shadow: 0px 0px 20px #444;
	overflow: hidden;
}

div.boxer > * {
	margin: 20px;
}

div.login div.boxer h2 {
	/*float: left;*/
	/*width: 413px;*/
	margin: 0 0 15px;
	min-height: 24px;
	font: 700 24px/24px 'Arial Black', 'Arial', 'Helvetica', 'Ubuntu';
	color: #000;
}

div.login div.boxer form {
	/*float: left;
	width: 413px;
	margin: 15px 0 0;*/
}

div.login div.boxer input[type="text"],
div.login div.boxer input[type="email"],
div.login div.boxer input[type="password"] {
	display: block;
	width: 96%;
	padding: 8px 6px;
}

div.login div.boxer input.small {
	width: 230px;
}

div.login div.boxer p {
	/*float: left;
	width: auto;;
	margin: 7px 0 15px;*/
	overflow: hidden;
	clear: both;
}

div.login div.split {
	width: 457px;
}

div.login div.register {
	height: auto;
	padding-bottom: 40px;
	background: #424242
}

div.login div.register div.form div.box {
	height: auto;
}

div.login div.register div.form a.button {
	margin: 10px 0;
}

div#terms {
	padding: 10px;
	width: 427px;
	height: 103px;
	border: 1px solid #adadad;
	line-height: normal;
	overflow: auto;
	border-radius: 3px;
}

div#terms li {
	margin-bottom: 10px;
}

div.form-row div#terms {
	float: left;
	font-family: Arial, 'Ubuntu';
}

.account div.inner-content p.description,
p.description {
	color: #444;
	margin: 0 -22px 22px;
	padding: 0 22px 22px;
	border-bottom: 1px solid #e2e2e2;
}

.account div.inner-content p.description a,
p.description a{
	text-decoration: underline !important;
	color: blue;
	font-weight: bold;
}

.account div.inner-content p.description a.button,
p.description a.button{
	height: auto; 
	color: white; 
	float: none; 
	display: block;
	max-width: 200px;
	text-decoration: none !important;
}

.account div.inner-content p > a{
		text-decoration: underline;
		color: blue;
	}

div.events {
	background-color: #eeeeef;
	padding: 20px;
	margin-bottom: 20px;
}

div.events span.title {
	color: #404041;
	font-size: 18px;
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
}

div.events span.title:first-child {
	margin-top: 0px;
}

div.events a {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	padding: 15px;
	display: block;
	background-color: rgba(185, 185, 185, 1);
	text-decoration: none;
	margin-bottom: 3px;
}

div.events a:hover {
	background-color: rgba(185, 185, 185, 0.8);
}

div.events a span {
	float: right;
	font-size: 16px;
}

div.welcome-menu {
	overflow: hidden;
}

div.welcome-menu a {
	float: left;
	margin-right: 27px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding-top: 130px;
	font-weight: bold;
	font-size: 18px;
	line-height: normal;
	width: 186px;
	height: 174px;
	border: 1px solid #000;
	color: #000;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
}

div.welcome-menu a:hover {
	opacity: 0.75;
}

div.welcome-menu a:nth-child(3n) {
	margin-right: 0px;
}

div.result-container {
	margin: 25px 0 0;
	width: 288px;
	height: 228px;
	border: 1px solid #111;
	background: #eee;
}

div.result-heading {
	position: relative;
	height: 44px;
	font: 700 14px/45px Arial, 'Ubuntu';
	color: #fcfcfc !important;
	text-align: center;
	padding: 0 10px;
	background: transparent url(../img/search-bar-grd.jpg);
	border-bottom: 1px solid #333;
}

div.result-heading div.prev {
	position: absolute;
	cursor: pointer;
	top: 50%;
	left: 5px;
	margin: -10px 0 0;
	width: 17px;
	height: 20px;
	background: transparent url(../img/white-arrow-left.png);
}

div.result-heading div.prev:hover {
	background: transparent url(../img/white-arrow-left-hover.png);
}

div.result-heading div.next {
	position: absolute;
	cursor: pointer;
	top: 50%;
	right: 5px;
	margin: -10px 0 0;
	width: 17px;
	height: 20px;
	background: transparent url(../img/white-arrow-right.png);
}

div.result-heading div.next:hover {
	background: transparent url(../img/white-arrow-right-hover.png);
}

div.comparison-timer {
	width: 100%;
	text-align: center;
	height: 183px;
	font: italic 700 30px/183px Arial, 'Ubuntu';
	color: #666;
}

div.message-container {
	position: relative;
	/*width: 263px;*/
	height: 158px;
	padding: 15px;
}

div.message-container p {
	margin-top: 5px;
	text-align: center;
	color: #f00;
	font-weight: 700;
}

div.result-timers-container {
	width: 257px;
	height: 26px;
	margin: 25px 0 0;
}

div.result-timers-container input[type="text"] {
	float: left;
	/*width: 30px;*/
	width: 245px;
	text-align: center;
	border: 1px solid #333;
	padding: 4px;
}

div.result-timers-container strong {
	font: 700 12px/26px Arial, 'Ubuntu';
	color: #fcfcfc;
	margin: 0 0 0 10px;
}

div.message-container a.button {
	position: absolute;
	/*bottom: 24px;
	left: 15px;
	width: 130px;*/
	text-align: center;
	bottom: 24px;
	left: 16px;
	width: calc(100% - 96px);
	width: -o-calc(100% - 96px);
	width: -moz-calc(100% - 96px);
	width: -webkit-calc(100% - 96px);
	box-shadow: none;
	/*border-top: 1px solid #adadad;*/
	background: #adadad;
	text-shadow: none;
}

div.program-heading {
	height: 16px;
	font: 16px/16px Arial, 'Ubuntu';
	color: #434143;
	margin: 0 0 28px 0;
}

div.program-container {
	font-family: Arial, 'Ubuntu';
	padding: 10px;
}

div.program-container a {
	font: 400 12px/12px Arial, 'Ubuntu';
	color: #989a01;
}

div.program-container a.button {
	color: #fff;
	font: 700 15px/30px Arial, 'Ubuntu';
}

div.program-container div.stats {
	/*width: 360px;*/
	min-height: 0px;
	overflow: hidden;
}
div.program-container div.notes{
    margin-bottom: 20px;
}
div.program-container div.notes a {
    display: inline-block !important;
    padding: 10px 20px;
    border: 1px solid #a6cc37;
    overflow:  visible;
    text-decoration: none;
    font-weight: bold;
}
div.program-container div.notes a i {
    margin-right: 4px;
}

div.program-container div.stats div.right div.categorized-list-wrapper {
	float: none;
	clear: both;
	min-height: 40px;
	margin: 0 40px 0 0;
}

div.program-container div.program-info-container {
	margin: 20px 0 0;
}

div.program-container div.program-info-container strong {
	display: block;
	font: 700 13px/13px Arial, 'Ubuntu';
	margin: 0 0 10px 0;
}

div.program-container div.muscle-groups img {
	border: 1px solid #434143;
	width: 78px;
	height: 78px;
	cursor: pointer;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-o-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
}

div.program-container div.muscle-groups img:hover {
	opacity: 0.5;
}

div.program-container div.muscle-groups img.transition:hover {
	opacity: 1;
}

div.program-container div.muscle-groups img.transition {
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	-ms-transition: all .4s linear;
	transition: all .4s linear;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-o-transform: scale(4);
	transform: scale(4);
}

div.program-container div.program-explanation {
	padding: 0 0 20px 0;
	width: 360px;
}

div.program-container div.program-explanation p {
	max-width: 360px;
}

div.program-container div.program-last-comment {
	width: 360px;
	border-bottom: 1px solid #888788;
	padding: 0 0 20px;
}

div.program-container div.program-last-comment div.comment {
	border: 1px solid #888788;
	padding: 10px;
	margin: 0 0 15px 0;
}

div.program-container div.program-last-comment div.comment p {
	margin-top: 0;
}

div.program-container div.program-last-comment div.comment a.name {
	text-decoration: none;
}

div.program-container div.program-last-comment div.comment span.date {
	font: italic 400 12px/12px Arial, 'Ubuntu';
	color: #a4a4a4;
}

div.program-container div.program-add-comment textarea {
	width: 348px;
	padding: 5px;
	resize: vertical;
	margin: 0 0 20px 0;
	border: 1px solid #888788;
}

div.breadcrumbs {
	height: 40px;
	margin: 10px 0;
	font: 400 12px/40px Arial, 'Ubuntu';
	color: #000;
}

div.breadcrumbs span {
	margin: 0 5px;
	color: #cacccf;
	font-weight: 700;
}

div.breadcrumbs span.start {
	color: #000;
	margin: 0;
}

div.breadcrumbs a {
	margin: 0 5px;
	font: 700 12px/40px Arial, 'Ubuntu';
	color: #636265;
}

div.breadcrumbs span.arrow {
	font-size: 10px;
	margin: 0;
	color: #000;
}

div.content-heading {
	position: relative;
	width: 660px;
	min-height: 0px;
	overflow: hidden;
}

.mobile div.content-heading {
	margin-top: 25px;
	width: auto;
}

.mobile div.content-heading img {
	height: auto;
	max-width: 100%;
	/* width: 660px; */
}

div.content-heading img {
	max-height: 500px;
	max-width: 618px;
	/* width: 660px; */
}

div.content-heading-desc {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	text-align: right;
	width: 190px;
	padding: 0 10px 0 0;
	background: rgba(255, 255, 255, 0.6);
	font: italic 700 12px/25px Arial, 'Ubuntu';
	color: #434143;
}

div.contents {
	margin: 20px 20px 0 0;
}

div.contents p {
	font: 400 12px/18px Arial, 'Ubuntu';
	color: #434143;
}

div.contents div.split p:first-child {
	margin-top: 0;
}

#hover-box {
	background: none repeat scroll 0 0 #FCFCFC;
	border: 1px solid #C5CB00;
	float: left;
	height: auto;
	left: 948px;
	padding: 10px;
	position: absolute;
	top: 607.5px;
	z-index: 1000;
}

#hover-box p {
	margin: 0;
	padding: 0;
}

#hover-box p strong {
	float: left;
	width: 80px;
}

noscript.javascript_message {
	background: #F6EEB2;
	border-bottom: 2px solid #DCC62F;
	border-top: 2px solid #DCC62F;
	color: #A28D00;
	display: block;
	line-height: 42px;
	position: relative;
	text-align: center;
	z-index: 1;
}

div.proefles div.ideal{
	width: auto;
}

div.proefles div.ideal h1{
	background: none;	
	padding: 0;
	color: #000;	
	visibility: hidden;
	height: 20px;
}

@media screen and (min-width: 759px) {
	div.proefles div.ideal input[type="text"]{
		width: 230px !important;
	}
}
div.ideal {
	width: 100%;
}

div.ideal h1 {
	background: #6B6A6C url("../img/ideal-small.png") no-repeat 866px 6px;
	margin: 0 0 20px;
}

div.ideal h2 {
	background: #6B6A6C;
	padding: 10px 20px;
	margin: 20px 0 20px;
	color: #fff;
}

div.ideal p.error-box {
	max-width: 315px;
	margin-bottom: 20px;
}

div.ideal div.breadcrumbs {
	margin: 0 0 10px;
	padding: 0 0;
}

div.ideal div.info {
	position: relative;
	padding: 10px 0;
}

div.ideal div.info div {
	clear: both;
}

div.ideal div.info div strong {
	font: 700 12px/14px 'Arial', 'Ubuntu';
	float: left;
	width: 170px;
}

div.ideal div.banks {
	position: relative;
	padding: 0;
	overflow: hidden;
}

div.ideal div.banks div.bank {
	border: 1px solid #888788;
	cursor: pointer;
	float: left;
	height: 26px;
	margin: 10px 10px 0 0;
	padding: 4px 5px 5px;
	width: 264px;
}

div.ideal div.banks div.bank.selected {
	background: url("../img/button-grd.jpg");
}

div.ideal div.banks div.bank > * {
	float: left;
	cursor: pointer;
}

div.ideal div.banks div.bank div.img {
	width: 40px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

div.ideal div.banks div.bank img {
	max-height: 28px;
	max-width: 40px;
}

div.ideal div.banks div.bank label {
	margin: 6px 5px 0;
	font-weight: 700;
}

div.ideal div.banks div.bank input {
	margin: 7px 5px 0 10px;
}

div.ideal a.button,
a.button.ideal {
	margin: 20px 0;
	height: 30px;
}

div.ideal a.button *,
a.button.ideal * {
	float: left;
	padding: 0 0 0 20px;
	line-height: 28px;
}

table.abonnement {
	table-layout: fixed;
	color: #2d2d2d;
	border: none;
	font-size: 12px;
	border-collapse: collapse;
}

table.abonnement tr.paused td,
table.abonnement tr.paused th{
	background-color: #ae1515 !important;
	color: #fff;
}

table.abonnement tr.pause-ingepland td,
table.abonnement tr.pause-ingepland th{
    background-color: #FE9A2E !important;
    color: #fff;
}

table.abonnement:last-of-type {
	margin-bottom: 40px;
}

table.abonnement.expired .abo-name,
table.abonnement.expired .expire,
table.abonnement.expired .credits {
	color: red;
}

table.abonnement.expired .expire,
table.abonnement.expired .credits {
	text-decoration: line-through;
}

table.abonnement th,
table.abonnement td {
	text-align: left;
	width: 115px;
	background: #dfdfdf;
	padding: 7px 0 7px 15px;
}

table.abonnement th {
	border-left: 2px solid #fff;
}

table.abonnement tr:first-child td,
table.abonnement tr:first-child th {
	background: #c8c8c8;
}

table.abonnement tr {
	border-bottom: 2px solid #fff;
}

table.abonnement th:first-child {
	border-left: none;
}

table.abonnement td {
	width: 180px;
	padding: 7px 0 7px 4px;
}

table.abonnement td.abo-name {
	font-style: italic;
	padding: 7px 0 7px 15px;
}

table.abonnement .green {
	color: green;
}

table.abonnement .red,
table.abonnement .red a {
	color: red;
}

table.abonnement .yellow {
	color: orange;
	font-weight: bold;
}

table.abonnement .blue,
table.abonnement .blue a {
	color: blue;
}

table.abonnement tr.nobg td,
table.abonnement tr.nobg th {
	background: transparent;
}

table.abonnement .text-right {
	text-align: right;
}

table.abonnement .ideal-abo {
	text-align: center;
	vertical-align: middle;
}

table.abonnement .ideal-abo a {
	display: inline-block;
	line-height: 39px;
	margin: 5px 0;
}

table.abonnement .ideal-abo a * {
	float: left;
	text-decoration: underline;
}

form[name="losse_lessen"] input[type="checkbox"].left {
	margin-top: 10px;
}

div.mobile-breadcrumb-spacer {
	height: 22px;
}

.not-logged-in div.mobile-menu-toggle {
	display: none;
}

div.mobile-menu-toggle {
	position: absolute;
	/*top: 17px;*/
	top: 7px;
	/*left: 0;*/
	left: -10px;
	padding: 10px;
	width: 17px;
	height: 15px;
	float: left;
	cursor: pointer;
}

div.mobile-menu-toggle > div {
	height: 3px;
	background: #555;
	margin-top: 3px;
}

div.mobile-menu-toggle > div:first-child {
	margin-top: 0;
}


/*MOBIELE DIVS STAAN OP DISPLAY NONE IN NORMALE WEERGAVE*/

.mobile {
	display: none;
	visibility: hidden;
}

div.side-container.mobile {
	display: none;
}

html.mobile {
	display: block;
	visibility: visible;
}

.slide-down {
	display: block !important;
}

.account div#mod-calendar {
	margin-left: 22px;
}

div#mod-calendar .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
}

div.type-selection {
	width: 460px;
	margin-left: 22px;
}

div.type-selection select[name=trainer] {
	width: calc(50% - 10px);
	margin: 0 0 20px
}

div.type-selection select[name=locatie] {
	width: calc(50% - 10px);
	margin: 0 0 0 7px;
}

div.toggler {
	padding: 7px 12px;
	background: #3d3d40;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	float: left;
	width: calc(100% - 24px);
	width: -o-calc(100% - 24px);
	width: -moz-calc(100% - 24px);
	width: -webkit-calc(100% - 24px);
	margin-top: 22px;
}

div.toggler:first-child {
	margin-top: 0;
}

#loading-overlay {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 10;
	transition: opacity 0.1s linear 0s;
}

#loading-image {
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	height: 71px;
	left: 50%;
	margin: -35px 0 0 -35px;
	overflow: hidden;
	position: fixed;
	right: 2px;
	top: 50%;
	width: 69px;
	z-index: 200;
	transition: opacity 0.2s linear 0s;
}

.loader {
	margin: 32.5px auto;
	font-size: 5px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

html.app h1.training-heading:not(.appvisible) {
	height: 20px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

html.app.iphone h1.training-heading:not(.appvisible) {
	margin-bottom: 20px;
}

html.app .inner-content p:first-of-type {
	margin-top: 0;
}

html.app div.mobile.event h1.training-heading {
	visibility: visible !important;
	display: block !important;
	padding: 15px 21px;
	height: 52px;
	margin: 0px -22px 15px;
}

@-webkit-keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}
}

@keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
	}
}

.profile-pic .file-upload .button {
	clear: left;
	margin-top: 20px;
	margin-left: 170px;
}

.proefles-flexbox{
    display: flex;
    flex-wrap: wrap;
}

.planner-covid19{
    padding: 10px 0 0 30px;
    box-sizing: border-box;

}
.planner-covid19 p{
    overflow: visible !important;
}
.planner-covid19 p:first-of-type{
    margin-top: 0;
}
.planner-covid19 img{
    border: 1px solid #ccc;
}

.planner-covid19-container{
    flex-basis: 50%;
}

@media screen and (max-width: 959px) {
    .planner-covid19{
        position: relative;        
        padding: 0;
    }
    .planner-covid19-container{
        flex-basis: 100%;
        order: 1;
    }

    .proefles-flexbox > div:first-of-type{
        order: 2;
    }
}

/*

/*MEDIA QUERIES*/

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

    

	h1.training-heading {
		font-size: 17px;
	}
	h1.training-heading span.right {
		float: none;
	}

	h1.training-heading span.left {
		padding: .5rem 1.5rem;
	}
	/*html, body {
	overflow: hidden;
	}*/
	.account.results div.inner-content div.split {
		width: 100%;
	}
	.account.results div.inner-content div.split.right {
		clear: both;
		float: left;
		margin-top: 22px;
	}
	div.message-container {
		width: auto;
	}
	div.comparison-timer {
		color: #666;
	}
	div.content.account.results div.result-container div.message-container a.button {
		bottom: 2px;
		left: 0;
		width: calc(100% - 54px);
		width: -o-calc(100% - 54px);
		width: -moz-calc(100% - 54px);
		width: -webkit-calc(100% - 54px);
		box-shadow: none;
		border-top: 1px solid #adadad;
		background: #adadad;
		text-shadow: none;
	}
	div.content.account.results div.result-container div.message-container a.button:hover {
		background: #a9a9a9;
	}
	div.result-container {
		width: 100%;
		background: #e2e2e2;
		border: 1px solid #adadad;
	}
	div.result-heading {
		background: #ddd;
		border-bottom: 1px solid #adadad;
		color: #666;
	}
	div.result-container p {
		color: #666;
	}
	div.result-container input[type="text"] {
		padding: 8px 6px;
		width: calc(100% - 14px);
		width: -o-calc(100% - 14px);
		width: -moz-calc(100% - 14px);
		width: -webkit-calc(100% - 14px);
		border: 1px solid #adadad;
	}
	div.result-timers-container {
		width: auto;
	}
	.account.results div.inner-content div.split > select {
		width: 100%;
		outline: none;
	}
	/*

Waarom staat hier span.close ???!!!

span.close {
position: relative;
color: #c33;
float: right;
margin: -10px -10px -10px 0;
padding: 10px;
cursor: pointer;
}*/
	div.training-container div.content.account.iframe {
		position: relative;
		width: auto;
		padding: 0 0 22px 0;
	}
	div.training-container div.content.account.iframe div.inner-content {
		float: none;
		padding: 0 22px;
	}
	div.training-container div.content.account.iframe div.inner-content h1 {
		background: #fff;
		color: #222;
		border-bottom: 1px solid #e2e2e2;
		margin: 0 -22px;
		padding: 22px;
		height: auto;
		line-height: 20px;
	}
	div.training-container div.program-container div.program-info-container strong {
		width: 100%;
	}
	div.program-container div.program-explanation {
		width: 100%;
		border-bottom: none;
	}
	div.training-container div.content.account.iframe div.inner-content div.training-bundles.mobile {
		width: auto;
		float: none;
		margin: 0 -22px;
		padding: 22px;
		border-top: none;
		border-bottom: 1px solid #e2e2e2;
		overflow: hidden;
	}
	div.bundle {
		height: auto;
		min-height: 36px;
		overflow: hidden;
		float: left;
	}
	div.training-container div.content.account.iframe div.inner-content div.training-bundles.mobile a.button {
		float: right;
	}
	div.training-container div.content.account.iframe div.inner-content div.training-attendees a.button {
		display: none;
		visibility: hidden;
	}
	div.training-container div.content.account.iframe div.inner-content div.training-attendees {
		float: left;
		width: 100%;
		display: none;
		background: #e6e6e6;
	}
	div.training-container div.content.account.iframe div.inner-content div.training-attendees p.error {
		border-left: 1px solid #adadad;
		border-right: 1px solid #adadad;
		padding: 10px 18px;
		margin: 0;
	}
	div.comment a.name {
		color: #989a01;
		font: 400 12px/12px Arial, 'Ubuntu';
	}
	div.training-container div.content.account.iframe div.inner-content div.training-attendees div.mod-attendees {
		width: 100%;
		margin-top: 0;
	}
	div.training-container div.content.account.iframe div.inner-content div.training-information {
		float: right;
		width: calc(100% - 24px);
		width: -o-calc(100% - 24px);
		width: -moz-calc(100% - 24px);
		width: -webkit-calc(100% - 24px);
		padding: 0 12px;
		display: none;
		background: #e6e6e6;
	}
	div.comments-mobile {
		padding: 22px 12px;
		float: left;
		width: calc(100% - 24px);
		width: -o-calc(100% - 24px);
		width: -moz-calc(100% - 24px);
		width: -webkit-calc(100% - 24px);
		background: #e6e6e6;
		display: none;
	}
	div.mobile.comments-mobile {
		display: none;
	}
	div.comment {
		overflow: auto;
		padding: 0 0 22px;
		border-bottom: 1px solid #adadad;
		margin-top: 22px;
	}
	div.comment:first-child {
		margin-top: 0;
	}
	div.comment p:first-child {
		margin-top: 0;
	}
	div.comments-mobile div.program-info-container.program-last-comment {
		margin: 0 -12px 11px;
		overflow: hidden;
	}
	div.comments-mobile div.program-info-container.program-last-comment div.comments div.comment {
		padding-left: 12px;
		padding-right: 12px;
	}
	div.comments-mobile div.program-info-container.program-last-comment span {
		display: block;
		padding-bottom: 22px;
		border-bottom: 1px solid #3d3d40;
		margin: 0 0 22px 0;
	}
	div.comments-mobile div.program-info-container.program-last-comment a[href^="javascript"] {
		padding: 11px 0;
		margin: 11px 0 0 12px;
		float: left;
		text-decoration: none;
		color: #989a01;
		font-weight: 700;
	}
	div.comments-mobile div.program-info-container.program-last-comment div.comment span.date {
		display: inline;
		padding: 0;
		border: none;
		margin: 0;
		color: #a4a4a4;
		font: italic 400 12px/12px Arial, 'Ubuntu';
	}
	div.comments-mobile div.program-info-container.program-add-comment {
		margin-top: 11px;
		overflow: hidden;
	}
	div.comments-mobile div.program-info-container.program-add-comment input[type="submit"],
	div.comments-mobile div.program-info-container.program-add-comment a.button {
		margin: 15px 0 0;
		width: calc(100% - 54px);
		width: -o-calc(100% - 54px);
		width: -moz-calc(100% - 54px);
		width: -webkit-calc(100% - 54px);
		text-align: center;
	}
	div.comments-mobile div.program-info-container.program-add-comment form {
		margin: 15px 0 0;
		display: block;
	}
	div.comments-mobile div.program-info-container.program-add-comment textarea {
		display: block;
		width: calc(100% - 6px);
		width: -o-calc(100% - 6px);
		width: -moz-calc(100% - 6px);
		width: -webkit-calc(100% - 6px);
		border: 1px solid #adadad;
	}
	div.toggler {
		padding: 7px 12px;
		background: #3d3d40;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
		float: left;
		width: calc(100% - 24px);
		width: -o-calc(100% - 24px);
		width: -moz-calc(100% - 24px);
		width: -webkit-calc(100% - 24px);
		margin-top: 22px;
	}
	div.toggler:first-child {
		margin-top: 0;
	}
	div#mod-calendar {
		width: 100%;
	}
	.account div#mod-calendar {
		margin: 0;
	}
	div#mod-calendar > div.hour-container {
		width: 36px;
	}
	div#mod-calendar div.col,
	div#mod-calendar div.week,
	div#mod-calendar div#calendar-wrapper {
		height: 100%;
	}
	div#mod-calendar > div.hour-container div.col .box {
		font-size: 11px;
		width: 33px;
		text-align: left;
		padding: 0 0 0 2px;
	}
	div#mod-calendar div.schedule-container {
		width: calc(100% - 38px);
		width: -o-calc(100% - 38px);
		width: -moz-calc(100% - 38px);
		width: -webkit-calc(100% - 38px);
	}
	div#mod-calendar div#calendar-heading {
		width: calc(100% - 22px);
		width: -o-calc(100% - 22px);
		width: -moz-calc(100% - 22px);
		width: -webkit-calc(100% - 22px);
		padding: 0 10px;
	}
	span#text-period {
		margin: 0;
		width: 141px;
	}
	div#mod-calendar div#calendar-content {
		width: 100%;
	}
	div#mod-calendar div.col a.box {
		width: 100%;
	}
	div#mod-calendar div#calendar-content div.col {
		width: calc((100% / 7) - 1px);
		width: -o-calc((100% / 7) - 1px);
		width: -moz-calc((100% / 7) - 1px);
		width: -webkit-calc((100% / 7) - 1px);
		background: url('/img/background-normal.png');
	}
	div#mod-calendar div#calendar-content div.col.selected {
		background: url('/img/background-hover.png');
	}
	div#mod-calendar div#calendar-content div.col:first-child {
		width: calc((100% / 7));
		width: -o-calc((100% / 7));
		width: -moz-calc((100% / 7));
		width: -webkit-calc((100% / 7));
	}
	div#calendar-wrapper {
		width: 200%;
	}
	div#calendar-wrapper div.week {
		width: 50%;
	}
	div#mod-calendar div#calendar-content div.heading {
		width: 100%;
	}
	div#mod-calendar div#calendar-content div.heading .box {
		width: calc((100% / 7) - 1px);
		width: -o-calc((100% / 7) - 1px);
		width: -moz-calc((100% / 7) - 1px);
		width: -webkit-calc((100% / 7) - 1px);
	}
	div#mod-calendar div#calendar-content div.heading .box:first-child {
		width: calc((100% / 7));
		width: -o-calc((100% / 7));
		width: -moz-calc((100% / 7));
		width: -webkit-calc((100% / 7));
	}
	div#calendar-legend {
		width: calc(100% - 22px);
		width: -o-calc(100% - 22px);
		width: -moz-calc(100% - 22px);
		width: -webkit-calc(100% - 22px);
		padding: 7px 0 0 22px;
	}
	div#calendar-legend div.legend-item {
		width: 270px;
	}
	div.wrapper {
		width: 90%;
		padding: 0 22px;
		width: calc(100% - 44px);
		width: -o-calc(100% - 44px);
		width: -moz-calc(100% - 44px);
		width: -webkit-calc(100% - 44px);
		overflow: hidden;
	}
	div.side-container {
		display: none;
		position: relative;
		top: -50px;
		width: 100%;
		background: #fff;
		z-index: 16;
		height: auto;
		box-shadow: 0px 2px 6px #888;
		border-bottom: 1px solid #e2e2e2;
	}
	div.sidebar {
		width: 100%;
	}
	/*
div.sidebar ul.side-nav,
div.sidebar ul.side-nav li,
div.sidebar ul.side-nav li a,
div.sidebar div.sidebar-heading {
text-align: left;
width: auto;
}

div.sidebar ul.side-nav li.selected a,
div.sidebar ul.side-nav li:hover a {
background: #a6cc37;
color: #222;
}

div.sidebar ul.side-nav li a {
height: auto;
min-height: 17px;
line-height: 17px;
padding: 9px 0 9px 10px;
}
 */
	a.button,
	input[type=submit],
	button,
	div.form-row a.button {
		padding: 10px 0;
		width: 100%;
	}
	/*
WAAROM???
div.main-wrapper {
min-width: 0;
overflow: auto;
}
 */
	.non-mobile {
		display: none;
		visibility: none;
	}
	span.mobile {
		display: inline;
		visibility: visible;
	}
	div.mobile {
		display: block;
		visibility: visible;
	}
	div.mobile.overflow-hidden {
		overflow: hidden;
	}
	div.header {
		height: 50px;
		line-height: 50px;
		margin-bottom: 100px;
		border-bottom: 1px solid #e2e2e2;
	}
	div#header-title {
		padding: 0 0 0 40px;
		line-height: 20px;
		float: left;
	}

	.not-logged-in div#header-title {
		padding: 0;
	}
	div#header-title span {
		display: block;
		height: 26px;
		margin-top: 7px;
		line-height: 26px;
		font-size: 26px;
		color: #a6cc37;
	}
	div#header-title span.sub-title {
		margin-top: -0px;
		margin-left: 1px;
		color: #000;
	}
	div.header a#login-wrapper {
		margin: 7px 0;
		padding: 2px 8px;
	}
	div.header a#login-wrapper:hover {
		box-shadow: none;
	}
	div.content {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 22px;
		height: calc(100% - 22px);
		height: -o-calc(100% - 22px);
		height: -moz-calc(100% - 22px);
		height: -webkit-calc(100% - 22px);
	}
	div.content.account {
		background-image: none;
	}
	.account div.inner-content {
		width: calc(100% - 44px);
		width: -o-calc(100% - 44px);
		width: -moz-calc(100% - 44px);
		width: -webkit-calc(100% - 44px);
	}
			
	div.content.login .split {
		width: 100%;
	}
	div.content.login div.box {
		width: auto;
		background-color: #fff !important;
	}
	div.content.login div.box > *,
	div.content.login div.box div.mobile > * {
		width: auto;
		clear: both;
		float: none;
	}
	div.content.login div.box div.mobile h2 {
		margin: 30px 0 5px;
		float: none;
		clear: both;
	}
	div.content.login div.box div.mobile a.button {
		display: inline-block;
	}
	div.content.login div.form-row {
		margin: 12px 0 0;
	}
	div.form-row span.right {
		visibility: hidden;
		display: none;
	}	
	div.form-row input[type="text"],
	div.form-row input[type="password"],
	div.login div.boxer input[type="text"],
	div.login div.boxer input[type="password"],
	div.login div.boxer div.mobile form.aanmeld div.form-row input[type="text"],
	div.login div.boxer div.mobile form.aanmeld div.form-row input[type="password"] {
		width: calc(100% - 14px);
		width: -o-calc(100% - 14px);
		width: -moz-calc(100% - 14px);
		width: -webkit-calc(100% - 14px);
	}
	div.form-row.mobile-inline {
		line-height: 16px;
	}
	div.form-row.mobile-inline.mobile-radio {
		line-height: 33px;
	}
	div.form-row.mobile-inline input[type="checkbox"] {
		position: absolute;
		top: 36px;
		left: 0;
		margin-top: 0;
	}
	div.form-row.mobile-inline span {
		padding: 0 0 0 20px;
		line-height: 16px;
		margin-top: 0;
	}
	div.form-row select,
	div.login div.boxer div.mobile form.aanmeld div.form-row select {
		width: 100%;
	}
	div.form-row label,
	div.content.login div.box form div.form-row label {
		width: 100%;
	}
    div.form-row label:empty{
        display:none;
    }
	div.form-row.mobile-inline label {
		float: left;
		width: 100%;
		min-width: 160px;
	}
	div.form-row.mobile-inline.mobile-radio label,
	div.content.login div.box form div.form-row.mobile-inline.mobile-radio label {
		width: 20%;
		min-width: 80px;
	}
	div.form-day-text {
		clear: both;
	}
	div.form-row div.datefield-wrapper {
		width: 100%;
		min-width: 259px;
		float: none;
	}
	div.login div.boxer div.mobile form.aanmeld div.form-row div.datefield-wrapper > input[type="text"],
	div.form-row div.datefield-wrapper > input[type="text"] {
		width: 69px;
	}
	div.form-row div.datefield-wrapper > div {
		width: 81px;
	}
	div.content.buddies div.training-information.left {
		border-top: 1px solid #e2e2e2;
		margin: 22px -22px 0;
		padding: 0 22px;
		float: right;
		width: 100%;
	}
	div.content.buddies div.training-attendees.right {
		float: left;
		width: 100%;
		border-top: 1px solid #e2e2e2;
		margin: 6px -22px 0;
		padding: 0 22px;
	}
	.account.buddies div.inner-content div.training-information div.mod-attendees,
	.account.buddies div.inner-content div.training-attendees div.mod-attendees {
		width: 100%;
	}
	div.mod-attendees div.search-bar input.text {
		width: calc(100% - 132px);
		width: -o-calc(100% - 132px);
		width: -moz-calc(100% - 132px);
		width: -webkit-calc(100% - 132px);
	}
	div#mod-calendar .overlay {
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 99;
	}
	
	div.proefles div.ideal{
		width: auto;
	}

	div.proefles div.ideal h1{
		background: none;	
		padding: 0;
		color: #000;	
		visibility: hidden;
		height: 20px;
	}

	div.proefles input[type="text"]{
		width: calc(100% - 15px) !important;
	}	
	
	div.proefles .space{
		display: none;
	}
	
}

.footer {
	font-size: 11px;
	min-height: 40px;
	line-height: 40px;
	background-color: #000;
	color: #fff;
	margin: auto;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0px 25px;
	text-align: center;
/*	margin-top: -40px;*/
	position: relative;
	z-index: 18;
}

.footer a {
	color: #fff;
}

@media screen and (max-width: 639px) {
	div#terms {
		width: calc(100% - 22px);
		width: -o-calc(100% - 22px);
		width: -moz-calc(100% - 22px);
		width: -webkit-calc(100% - 22px);
	}
	div.form-row span.bold {
		font-size: 11px;
		font-weight: 400;
	}
	div.training-container div.content.account.iframe div.inner-content div.training-bundles.mobile a.button {
		width: calc(100% - 54px);
		width: -o-calc(100% - 54px);
		width: -moz-calc(100% - 54px);
		width: -webkit-calc(100% - 54px);
		margin-bottom: 20px;
		text-align: center;
	}
}

@media screen and (max-width: 399px) {
	
	.account div.inner-content p.description a.button,
	p.description a.button{
		max-width: none;
	}
	
	#hover-box {
		display: none;
	}
	a#login-wrapper strong {
		display: none;
	}
	a#login-wrapper span.mobile {
		font-size: 11px;
		font-weight: 700;
	}
	
	table.documenten td:last-child,
	table.documenten th:last-child{
		display: none;
	}
	
}