/* @override 
	http://boa/templates/default/css/bixo-website.css
	http://boa.echoes.nl/templates/default/css/bixo-website.css */
	@media screen
	  {
		body {
		  font: 14px/1.2 Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
		  color: #1a1a1a;
			background: #f2f1f6;
		}
	}
	@media print
	  {
	  body {font: 11pt Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	  color: black;
	  }
	  }
	.atk-row {
		float: left;
		margin-right: 20px;
		width: 40%;
	}
	.atk-form fieldset .atk-form-row:first-child {
	  margin-top: 1em;
	}
	.atk-form-row-text {
	  width: 82%;
	}
label {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-all;
	overflow-wrap: break-word;
	word-break: break-word;
}
fieldset.hiddensep {
	margin-top: 0px!important;
	padding-top: 0!important;
	border-color: transparent;
	border: 0;
	border-top: 0!important;
	margin-bottom: 0!important;
}

.alert{
	background-color: rgba(255, 0, 0, 0.05)!important;
	padding: 5px;
	font-weight: bold;
	color: #de1e41;
	border: 1px solid #de1e41;
	border-radius: 5px;
	clear: both;
}
.clearhr {
	clear: both;
}
.comment{
	background-color: rgba(0, 0, 255, 0.05)!important;
	padding: 5px;
	font-weight: bold;
	color: #0569ae;
	border: 1px solid #0569ae;
	border-radius: 5px;
	font-size: 1.4rem!important;
}
.comment li, .alert li{
	margin-bottom: 0!important;
}
.butdel, .button_del{
    background-color: #f77b7c!important;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f3f3), to(#f77b7c))!important;
    /* Konqueror */

    background-image: -moz-linear-gradient(top, #f9f3f3, #f77b7c)!important;
    /* FF 3.6+ */

    background-image: -ms-linear-gradient(top, #f9f3f3, #f77b7c);
    /* IE10 */

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f3f3), color-stop(100%, #f77b7c))!important;
    /* Safari 4+, Chrome 2+ */

    background-image: -webkit-linear-gradient(top, #f9f3f3, #f77b7c)!important;
    /* Safari 5.1+, Chrome 10+ */

    background-image: -o-linear-gradient(top, #f9f3f3, #f77b7c)!important;
    /* Opera 11.10 */

    background-image: linear-gradient(top, #f9f3f3, #f77b7c)!important;
    /* The standard */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f3f3', endColorstr='#f77b7c', GradientType=0);
    /* IE9 and down */

}
	.ui-icon.calendar{ /*fix*/
		background-position:-32px -112px
		}
	.atk-form fieldset + fieldset.emptysep{
		border-top: none;
		margin-top: -30px;
	}
	.atk-form fieldset + fieldset.bigspacer{
		border-top: none;
		margin-top: 0px;
	}
	.atk-form fieldset .atk-form-row .timeinput{
		width: 83px !important;
		display: block;
	}
	.atk-form fieldset .atk-form-row .normalfield{
		width: 290px !important;
	}
	
	input#Frontend_inschrijven_form_gender_1_Jongen.normalfield {
		width: 20px !important;
	}
	input#Frontend_inschrijven_form_gender_1_Meisje.normalfield {
		width: 20px !important;
	}
	
	input#Frontend_inschrijven_form_gender_2_Jongen.normalfield {
		width: 20px !important;
	}
	input#Frontend_inschrijven_form_gender_2_Meisje.normalfield {
		width: 20px !important;
	}
	input#Frontend_inschrijven_form_gender_parent_Dhr.normalfield {
		width: 20px !important;
	}
	input#Frontend_inschrijven_form_gender_parent_Mevr.normalfield {
		width: 20px !important;
	}
	.atk-form fieldset .atk-form-row .radiofield{
		width: 20px !important;
		margin-top: 20px !important;
	}
	div.atk-form-row.atk-row.atk-form-row-datepicker .normalfield {
		width: 250px !important;
	}
	.atk-form fieldset .atk-form-row .textfield {
		width: 910px !important;
	}
	
	input#Frontend_inschrijven_form_contract_choice_contract.normalfield {
		width: 20px !important;
	}
	
	#Frontend_inschrijven_form_contract_choice div label {
		margin-right: 350px;
	}
	
	input#Frontend_inschrijven_form_contract_choice_meer_informatie.normalfield {
		width: 20px !important;
	}
	
	
	h2{
		display: block;
		clear: both;
		padding-top: 10px;
		font-size: 1.1em;
		font-style: italic;
		font-weight: bold;
	}
	h4.red{
        font-size: 1.5em;
    }
	.red{
        color: #de1e41;
    }
    .comment{
        font-size: 0.9em;
    }
    .right{
        float: right;
    }
	.atk-checkboxlist {
		width: 640px;
	}
	.atk-checkboxlist td {
		padding: 2px;
	}
		
/* --------------------------------------------------------------------
	960GS Ñ 10 Column
-------------------------------------------------------------------- */
.gs-wrap {width:92%;padding:0 4%;}

.g-1, .g-2, .g-3, .g-4, .g-5, .g-6, .g-7, .g-8, .g-9, .g-10, .g-max {margin-left:1%;margin-right:1%;float:left;}

.g-1 {width:8%;}
.g-2 {width:18%;}
.g-3 {width:28%;}
.g-4 {width:38%;}
.g-5 {width:48%;}
.g-6 {width:58%;}
.g-7 {width:68%;}
.g-8 {width:78%;}
.g-9 {width:88%;}
.g-10, .g-max {width:98%;}

/*.fact-rooster{
	margin-left: 5%;
}*/
.fact-rooster div {
		width: 15%;
		padding: 2%;
		float: left;
}
.ct-data div {
		width: 25%;
		padding: 2%;
		float: left;
}
.fact-rooster-tot div {
		padding: 1%;
		float: left;
}	
h1{
	display: block;
	clear: both;
	padding-top: 10px;
	font-size: 30px;
}
.atk-form .atk-form-options {
  margin-top: 26px;
  height: 20px;
}

#atk-layout {
	background-color: white;
}
#bixo-logo{
	background-color: transparent;
	float: right!important;
}
.page_klant{
	margin-top:60px;
}
.ui-widget-header{
	border: none;
}
.hideonload{
	display: none;
}
.atk-form .atk-form-field ins{
	color: #0569ae;
	font-size: 0.85em;
}
.pred {
	color: #de1e41;
	margin-top: -10px;
	
}
.h2close{
	margin-bottom: -10px;
}
.specialbutton{
	background-color: #a9e1a9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f3f3), to(#a9e1a9))!important;
  /* Konqueror */

  background-image: -moz-linear-gradient(top, #f9f3f3, #a9e1a9)!important;
  /* FF 3.6+ */

  background-image: -ms-linear-gradient(top, #f9f3f3, #a9e1a9);
  /* IE10 */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f3f3), color-stop(100%, #a9e1a9))!important;
  /* Safari 4+, Chrome 2+ */

  background-image: -webkit-linear-gradient(top, #f9f3f3, #a9e1a9)!important;
  /* Safari 5.1+, Chrome 10+ */

  background-image: -o-linear-gradient(top, #f9f3f3, #a9e1a9)!important;
  /* Opera 11.10 */

  background-image: linear-gradient(top, #f9f3f3, #a9e1a9)!important;
  /* The standard */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f3f3', endColorstr='#a9e1a9', GradientType=0);
  /* IE9 and down */
	
}
.specialbutton:hover{
	background-color: #d5efd5;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f3f3), to(#d5efd5))!important;
  /* Konqueror */

  background-image: -moz-linear-gradient(top, #f9f3f3, #d5efd5)!important;
  /* FF 3.6+ */

  background-image: -ms-linear-gradient(top, #f9f3f3, #d5efd5);
  /* IE10 */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5efd5), color-stop(100%, #a9e1a9))!important;
  /* Safari 4+, Chrome 2+ */

  background-image: -webkit-linear-gradient(top, #f9f3f3, #d5efd5)!important;
  /* Safari 5.1+, Chrome 10+ */

  background-image: -o-linear-gradient(top, #f9f3f3, #d5efd5)!important;
  /* Opera 11.10 */

  background-image: linear-gradient(top, #f9f3f3, #d5efd5)!important;
  /* The standard */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f3f3', endColorstr='#d5efd5', GradientType=0);
  /* IE9 and down */
	
}
.bigbutton{
	padding: 10px;
	font-weight: bold;
	font-size: 1rem;
}
#bixo-logo img {
	height: 150px;
}
/*.page_klant .ui-tabs-nav {
	max-height: 60px;
}*/
h4.moveup{
    margin-top: -72px!important;
    font-size: 28px;
    color: #2c3d53;
}
.atk-paginator{
	height: 1px!important;
	padding-top:0!important;
}
#meer-info-wrapper{
	margin-top: 80px!important;
}
.progress{
	height: 30px;
	margin-bottom: 10px;
	clear: both;
}
.progress div, .progress a{
	float: left;
}
.progressarrow{
	line-height: 30px;
	padding-left: 2px;
	padding-right: 2px;
	color: #2c3d53;
	font-size: 16px;
}
.progress .progresstxt {
	background-color: #2c3e53;
	padding: 5px 5px !important;
	border-radius: 20px;
	color: #ffffff;
	font-weight: bold;
	min-width: 60vw;
	text-decoration: none;
}
@media (min-width: 550px) {
	.progress .progresstxt {
		min-width: auto;
	}
}
.progress div:first-child{
	border-radius: 0 20px 20px 0;
}
.progress div:nth-last-child(2){
	border-radius: 20px 0 0 20px;
}
.progress div:last-child{
	display: none;
}
.progress .progresstxt.active{
	background-color: #de1e41;
}

div.g-10.fact-rooster-tot table {
    width: 100%;
    background-color: #e4eaed;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}
div.g-10.fact-rooster-tot table.notpaid {
    background-color: #e5cccc;
}
div.g-10.fact-rooster-tot table.paid {
    background-color: #d6e8d4;
}
div.g-10.fact-rooster-tot table td {
    padding: 8px;
}

.grid_body tr td:last-of-type, .ui-widget-header tr th:last-of-type{
	text-align: right;
}
@media (min-width: 550px) {
	.biglabels .atk-form-row, .widelabels .atk-form-row {
		width: 90% !important;
	}

	.biglabels .atk-form-row > .atk-form-field, .widelabels .atk-form-row > .atk-form-field {
		margin-left: 20em !important;
	}

	.biglabels .atk-form-row > label, .widelabels .atk-form-row > label {
		width: 20em !important;
	}

	.biglabels .atk-form-row > input, .widelabels .atk-form-row > input {
		min-width: 30em !important;
	}
}
label {
	width: 100% !important;
	float: none!important;
}
.atk-form-field {
	margin-left: 0!important;
}
.wizardform label{
	margin-bottom: 1.5rem;
}
.biglabels .atk-form-row > label::first-letter{
	background-color: #2c3e53;
	padding: 10px;
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 9999px;
	color: white;
	font-size: 1.4em;
}

.breakhr{
	clear: both;
}
.hidehr{
	border: none!important;
}
.textcenter{
	text-align: center;
}
/* 3 column flex */

.threecol {
	padding: 5px;
	max-width: 960px;
	width: 95%;
	margin: 20px auto;
}

.threecol .columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.threecol .column {
	flex: 1;
	margin: 2px;
	padding: 20px;
	text-align: center;
	border: none;
}
.threecol .column:first-child, .twocol .column .normal.choosewiz {
		background: #0569ae;
	}

.threecol .column:last-child, .twocol .column .bsnmail.choosewiz {
		background: #de1e41;
	}
.choosewiz{
	background: #39962d;
	border-radius: 8px;
	padding: 20px;
	margin-top: 1rem;
	padding-top: 40px;
	color: white;
	font-size: 1.5rem;
	cursor: pointer;
	transition: all 600ms linear 200ms;
}
.choosewiz span{
	background: #f6f8f9;
	color: black;
	border-radius: 9999px;
	padding-left: 0.8rem;
	padding-right: 0.8rem;
	line-height: 3rem;
	margin-top: -3rem;
	position: absolute;
	margin-left: -2rem;

}
}
.threecol .column:hover, .choosewiz:hover {
	background: #F9D916!important;
	color: black;
	}


/* 2 column flex */

.twocol {
	padding: 5px;
	max-width: 960px;
	width: 95%;
	margin: 20px auto;
}

.twocol .columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.twocol .column {
	flex: 1;
	margin: 2px;
	padding: 10px;
&:first-child { margin-left: 0; }
&:last-child { margin-right: 0; }

}
@media screen and (max-width: 680px) {
	.threecol .columns, .threecol .column, .twocol .columns, .twocol .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

/* form on front of reg */

.inscformwrapper{
	display: none;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #de1e41;
	border-radius: 8px;
	padding: 20px;
	background: white;
}
.inscformwrapper.secondairy{
	border: 2px solid #39962d;
}
.inscformwrapper .atk-form-row{
	width: 100%!important;
}
.inscformwrapper .atk-form-row label{
	width: 100%!important;
}
.inscformwrapper .atk-form-row .atk-form-field {
	width: 100%!important;
	margin-left: 0!important;
}
.inscformwrapper .atk-buttons {
	padding-left: 0!important;
}
.line{
	width: 100%;
	padding: 0!important;
}

/* Header */

#header{
	background: url("../images/bg-inschrijven.jpg") right top no-repeat;
	position: relative;
	height: 18vw;
	margin-bottom: 0;
	background-size: auto 100%;
}

#featurelogo{
	width: 26vw;
	position: absolute;
	left: 8%;
	top: 10%;
}
#featurekids{
	width: 8%;
	max-width: 96px;
	position: absolute;
	bottom: 5%;
	right: 5%;
}
#featurelogo img{
	width: 100%;
}
#featurekids img{
	width: 100%;
}
#featurelogo-small img{
	position: fixed;
	z-index: 7998;
	top: 30px;
	max-height: 50px;
	max-width: 95px;
	left: 50px;
}
#featurekids-small img{
	z-index: 7999;
	position: fixed;
	top: 30px;
	max-height: 50px;
	left: 5px;
}
#freelogo{
	margin-right: 1rem;
	max-width: 200px;
	margin-left: auto;
}
/* Tooltip */

.tooltip {
	display:inline-block;
	position:relative;
	border-bottom:1px dotted #666;
	text-align:left;
}

.tooltip .bottom {
	min-width:480px;
	top:20px;
	left:50%;
	transform:translate(-50%, 0);
	padding:10px 20px;
	color:#444444;
	background-color:white;
	font-weight:normal;
	font-size:13px;
	border-radius:8px;
	position:absolute;
	z-index:99999999;
	box-sizing:border-box;
	box-shadow:0 1px 8px rgba(0,0,0,0.5);
	visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .bottom {
	visibility:visible; opacity:1;
}

.tooltip .bottom i {
	position:absolute;
	bottom:100%;
	left:50%;
	margin-left:-12px;
	width:24px;
	height:12px;
	overflow:hidden;
}

.tooltip .bottom i::after {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	left:50%;
	transform:translate(-50%,50%) rotate(45deg);
	background-color:#EEEEEE;
	box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.nbcomment{
	font-style: italic;
	margin-top: 1rem;
	color: #374551;
}
.nbcomment span{
	vertical-align: sub;
}
.smallheightp{
	margin-bottom: 0.3rem;
}
.hidepdf .pdfbutton, .atk-grid-totals button{
	display: none;
}
.dashview{
	margin: 2rem;
	padding: 2rem;
	border-radius: 10px;
	font-size: larger;
}
.dashview img{
	margin-bottom: -0.5rem;
}
.dashview-1 {
	background: #e5f0fb;
}
.dashview-2 {
	background: #f4f4f4;
}
.dashview-3 {
	background: #fff2f2;
}
.dash-h{
	margin-bottom: -2rem;
	margin-left: 3rem;
}
.ui-datepicker-month, .ui-datepicker-year{
	color: black;
}
.atk-wrapper{
	min-width: auto;
}
.ui-widget-header{
	color: white;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	margin-bottom: 0;
	padding-bottom: 0;
}
.ui-widget-header{
	background: #39962d;
}
.atk-form-row-checkbox label{
	display: none;
}
.atk-form-row-checkbox .atk-form-field label{
	display: inline;
}
.atk-form-row-checkbox .atk-form-field {
	margin-left: 0!important;
}
.atk-form-row-checkbox input{
	float: right;
}
/*Offerte and factuur changes*/
.fact-rooster div:first-of-type, .fact-rooster-tot div:first-of-type, .ct-data div:first-of-type{
	padding-left: 0;
}
.g-12 div:first-of-type, .g-10 div:first-of-type, .g-8 div:first-of-type, .gs-10 .g-3:first-of-type{
	margin-left: 0;
}
.clearafter.divider{
	position: relative;
	width: 100%;
	display: block;
	clear: both;
}
.discl{
	padding: 0!important;
}
/*Skeleton fixes*/
pre, blockquote, dl, figure, table, p, ul, ol, form {
	margin-bottom: 1rem;
}
ul {
	list-style: circle outside!important;
}
.g-10, .g-8, .g-6 {
	margin-left: 0!important;
}
.preventclick{
	pointer-events:none;
	user-select:none
}