@import url("task_notifies.css");

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
a:hover, a{
    color: #FFFFFF;
    text-decoration: none;
}
#text_div a{
   color: black;
}
#my_msg_div{
    margin-top: 10px;
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background: url(../img/background.jpg) no-repeat fixed;
    background-attachment:fixed;
    background-size: 100%;
    font-family: "Arial", Verdana, Tahoma;
    font-size:12pt;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
    background-color: #D0D0D0;
}
td {
    font-family: "Arial";
}
.ui-loader, .ui-btn-text, .ui-btn-inner{
    display:none;
}

.ui-datepicker{
    z-index: 100 !important;
}

.historyData td{
	font-size:small;
	text-align:center;
}
.historyData {
	width:99%;
	margin-top: 3px;
}
.historyData th{
	font-width:bold;
	font-size:small;
}

.menuButtonOpen{
	display:inline-block;
	position:absolute;
	right: 10px;
	z-index:1000;
}


.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:1;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}
.modalDialog > div {
	width: 250px;
	position: relative;
	margin: 10% auto;
	padding: 5px 10px 5px 10px;
	border-radius: 2px;
	background: #fff;
	/*background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);*/
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

#body_div{
    position:relative;
    left:0px;
    opacity: 1.0;
    transition: opacity .75s ease-in-out, left 0.5s;
    -moz-transition: opacity .75s ease-in-out, left 0.5s;
    -webkit-transition: opacity .75s ease-in-out, left 0.5s;
}


/* Portrait layout (default) */
.app {
    position:relative;             /* position in the center of the screen */
    left:49%;                       /* 42%*/
    width:300px;                   /* text area width  325 */
    text-align:center;
    margin:-10px 0px 0px -152px;  /* offset vertical: half of image height and text area height -152 */
    overflow:visible;
}
.app2{
    position:relative;
    margin:-0px 0px 0px -152px;
    left:49%;
    width:300px;
    overflow:visible;
}
div.normalWidth{
    width:300px;
}
.button_width{
    width:300px;
}
table.inButton .left{
    max-width: 170px;
    overflow: visible;
}

table.inButton{
    width:225px;  /* 75 px less */
    font-size: 11pt;
}

#firstShow td{
    border-bottom: 1px solid lightgray;
    font-size: 15pt;
}
select{
    font-size: 14pt;
    padding: 9px;/*2016-03-08 dit stond op 13*/
    font-family: Verdana, Tahoma;
}
input{
    font-size: 10pt;
    font-family: Verdana, Tahoma;
    margin: 1px;
    padding: 10px 1px 10px 10px;    /*2017-08-08 dit stond op padding: 10px 1px 10px 1px;*/
    height:20px;
}
.menuButtonsTxt, .tableText{
    font-size: 12pt;
}
.hand{
    cursor: pointer;
}


.listStyle_table tr:nth-child(even) {background: #F3F4F8}
.listStyle_table tr:nth-child(odd) {background: #F9FAFC}

.listStyle_table th {
    background: #f2f3f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjNmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWU0ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f2f3f9 0%, #e1e4ec 100%);
    background: -webkit-linear-gradient(top, #f2f3f9 0%,#e1e4ec 100%);
    background: linear-gradient(to bottom, #f2f3f9 0%,#e1e4ec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f9', endColorstr='#e1e4ec',GradientType=0 );
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #c8cbd2;
    border-left: 1px solid #c8cbd2;
    border-bottom: 1px solid #c8cbd2;
}
.listStyle_table td {
    border: 1px solid #f0f1f5;
    padding-top: 9px;
    padding-bottom: 9px;
}
table.listStyle_table{
    width:100%;
    font-size: small;
    text-align: center;
}

.dateTime_timeXs{
    text-align: right;
    font-size: xx-small;
}


.footer{
    font-size:9pt;
    line-height: 10pt;
    top:-20px;
    position:relative;
    z-index:-1;
    text-align:right;
    margin-bottom:40px;
}

.logout{
    z-index:1000;
    top:-107px;
    position:relative;
}
.logoutbutton{
    position:relative;
    left:-4px;
    color: #000000;
    font-size:14pt;
    text-decoration: underline;
}



.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

.orange{
    /*background-color: #f26521;*/
    height: 40px;
    /*border: 1px solid #f69260;*/
    color: white;
    padding-top: 13px;
    padding-left: 10px;
}
.round{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.roundborderOrange{
    height: 53px;
    color: white;
    padding-top: 13px;
    padding-left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12pt;
}

.roundborderBody{
    background-color: #ffffff;
    position: relative;
    top: -5px;
    border-top: 1px solid #f1f1f1;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 2px; /*because roundborder has a full border around*/
}
.shadow{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.orangeButton {
    /*background-color: #f26521;
    border: 1px solid #f26521;*/
    color: white;
    font-size: 10pt;
}
.xs{
    font-size:9pt;
}


.orangeButton_inschrijven{
    font-size:14pt;
    margin: 5px;
    border:solid 1px black;
}
.round10{
    height:38px;
    width:38px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    margin: 7px;
    margin-top:4px;
}

input.gray2{
    color: #575757;
    /*background-color: #f4f4f4; 2017-08-08 weggehaald.. dit lijkt mooier*/
    border: solid 1px #f4f4f4;
    font-weight: bold;
}
input.gray3{
    color: #575757;
    background-color: #f4f4f4;
    border: solid 1px white;
    font-weight: bold;
}

.button_bg{
    background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#E9E9E9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eeeeee,  #cfcfcf); /* for firefox 3.6+ */
    margin-bottom: 0px;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-family: "Arial", "Calibri", "Comic Sans MS";
    font-size: 20pt;
    text-align: left;
}
.button, .button_cust
{
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;

	font: bold 16pt Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);

	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;

	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}


.button:before
{
	background: #ccc;
    background: rgba(0,0,0,.1);
	float: left;
	width: 60px;
    height: 50px;
	text-align: center;
	font-size: 1.5em;

	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);

	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;

	border-radius: .15em 0 0 .15em;
    pointer-events: none;
    content: "\0000a0";
}
.button_cust:before
{
	background: #ddd;
    background: rgba(25,25,11,.3);
	float: left;
	width: 60px;
    height: 50px;
	text-align: center;
	font-size: 1.5em;

	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);

	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;

	border-radius: .15em 0 0 .15em;
    pointer-events: none;
    content: "\0000a0";
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(50%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.left{
    text-align: left;
}
.transparant{
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}
.headertxt{
    font-size: 15pt;
    font-family: "Arial";
    font-weight: bold;
    height:50px;
    top:-10px;
    position:relative;
    /*background: url(../img/sample.png);*/
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position: 290px 3px;
}

#button_lesAanmelden, #button_schemaOpvragen, #button_toestelZoeken, #button_meetingToevoegen, #button_contributies{
    visibility: collapse;
    height:0px;
    overflow: hidden;
    font-family: Candara;
}
#button_custom1, #button_custom2, #button_custom3, #button_custom4, #button_custom5{
    visibility: collapse;
    height:0px;
    overflow: hidden;
    font-family: Candara;
    padding-left:25px;
}
#button_cus1, #button_cus2, #button_cus3, #button_cus4, #button_cus5{
    visibility: collapse;
    height:0px;
    overflow: hidden;
}
.app2_icon{
    width:30px;
    height:30px;
}
#toestel_mogelijkheden, #stats_img, #text_div{
    font-family: Candara;
}
.inschrijftable{
    font-family: Candara;
}


/*.td_menu_phone_button{
    padding-top:10px;
    padding-bottom:10px;
    background-color: #999999;
    border:1px solid #333333;
    width:98px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.menu_phone_button{
    width:100px;
    margin-top:10px;
    padding: 0px;
    font-family: Candara;
    color: #EEEEEE;
    color: hsl(0, 0%, 0%);
}
.div_menu_phone_button{
    background-color:black;
    position:absolute;
    left:0px;
    top:0px;
    width:100px;
    height:100%;
    visibility:visible;
    z-index: 100;
}*/


.td_menu_phone_button{
    padding-top:13px;
    padding-bottom:13px;
    padding-left:5px;
    background-color: #000000;
    border-bottom:1px solid #333333;
    width:158px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    color:#BBBBBB;
    font-size: 11pt;
}
.menu_phone_button{
    width:100px;
    margin-top:10px;
    padding: 0px;
    font-family: Candara;
    color: #EEEEEE;
    background-color: #000000;
    /*color: hsl(0, 0%, 0%); */
}
.div_menu_phone_button{
    overflow: hidden;
    background-color:black;
    position:fixed;
    right:0px;
    top:0px;
    border-left: 1px solid #333333;
    visibility:visible;
    z-index: 10001;
    height:0px;
	transition: opacity .75s ease-in-out, height 0.3s;
    -moz-transition: opacity .75s ease-in-out, height 0.3s;
    -webkit-transition: opacity .75s ease-in-out, height 0.3s;
}
.menu_phone_button_icon{
	  margin-bottom: -6px;
}

.ChildBeInline div, .ChildBeInline{
	display:inline;
}
#body_div, #swipe{
    min-height:400px;
}
img.menu_android_icon{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

.infotable{
    background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#E1E1E1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E1E1E1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F5F5F5,  #E1E1E1); /* for firefox 3.6+ */

	border: solid 1px #b4b4b4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.infotable a{
    color: black;
    text-decoration: underline;
}
.button2_img{
    width: 80px;  /*100*/

}
.button2_table{
    width:120px;  /*180*/
    font: bold 10pt Arial, Helvetica;
}

.button2
{   display:inline-table;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;

    width: 120px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: -4px;

	font: bold 12pt Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);

	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;

	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}
#main_navi_div1{
    display:none;
}
#main_navi_div2{
    display:none;
}

#text_div {
    font-family: "Arial";
}
td.lined{
    border-bottom:solid 1px gray;
}

#loading_gif{
    position: absolute;
    top:200px;
    left:140px;
}

.addSpace{
    /*margin-top:14px; */
    margin-bottom:14px;
}
div.oefening_html{
    font-style: italic;
    padding-left:10px;
}

div.tab_selected{
     /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F7FBFD 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, ##F7FBFD 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, ##F7FBFD 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, ##F7FBFD));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, ##F7FBFD 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, ##F7FBFD 100%);

    background-color: white;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 10px;
    border-left: solid #3C566B 1px;
    border-right: solid #3C566B 1px;
    border-top: solid #3C566B 1px;
    display:inline-table;
    font-weight: bold;
    z-index: 2;
}
div.tab_notselected{

     /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0EEF7));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0EEF7 100%);

    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 10px;
    border: solid #3C566B 1px;
    display:inline-table;
    top: -1px;
    position:relative;
    z-index: 0;
}
div.tab_body{
    background-color: white;
    padding: 5px;
    border: solid #3C566B 1px;
    z-index: 1;
    margin-top: -2px;
}
div.posdiv{
    /*width:312px;    */
    height:30px;
    border-bottom: solid white 1px;
    padding-bottom:4px;
}
#div_posibilities{
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
    border: solid #3C566B 1px;
}
.infotableParentWhite{
    width:100%;
    margin-bottom:10px;
    font-size:10pt;
}

.ui-dialog .ui-dialog-content{
    overflow: scroll !important;
    max-height: 400px !important;
}
.ui-dialog{
    background-color: white !important;
    top: 100px  !important;
    position: fixed !important;
}
/*table {
    border-collapse: inherit;
} */



           .BT_data_table td{
                padding-left: 0px;
                padding-right: 0px;
                vertical-align: top;
           }
           .HR_result_container{
                min-width: 160px;
                display: inline-block;
                padding: 10px;
                padding-top:20px;
                position: fixed;
                top: 250px;
                -webkit-transition: min-width 0.5s ease, height 0.5s ease, padding 0.5s ease, padding-top 0.5s ease; /* Safari */
                transition: min-width 0.5s ease, height 0.5s ease, padding 0.5s ease, padding-top 0.5s ease;
                height:50px;
           }
           .HR_result_zone{
                height: 50px;
                right:10px;
                display: inline-block;
                font-size: 15pt;
                top:0px;
           }
           .HR_result_cal{
                position: absolute;
                bottom:-0px;
                display: inline-block;
                font-size: 10pt;
                left:5px;
           }
           .HR_start_timer{
                position: absolute;
                top:1px;
                display: inline-block;
                font-size: 9pt;
                left:1px;
                -webkit-transition: all 0.5s ease; /* Safari */
                transition: all 0.5s ease;
           }


          .HR_result{
              display: inline-block;
              font-size: 33pt;
              right:90px;
              top:15px;
          }
          .HR_result, .HR_result_zone{
              position: absolute;
              width:100px;
              text-align: right;
              -webkit-transition: all 0.5s ease; /* Safari */
              transition: all 0.5s ease;
          }
          .HR_cal_text, .HR_cal{
              display: inline-block;
              font-size: 10pt;
              -webkit-transition: all 0.5s ease; /* Safari */
              transition: all 0.5s ease;
          }
          #HR_result_icon{
              position: relative;
              left: 85px;
              -webkit-transition: all 0.5s ease; /* Safari */
              transition: all 0.5s ease;
              font-size: 300%;
          }
          .HR_result_icon_container{
              height: 55px;
              width: 100%;
          }
          .HR_result_big{
              font-size: 35pt;
              right:80px;
              top:15px;
          }
          .HR_result_small{
              right:10px;
              font-size: 15pt;
              top:0px;
          }

          .HR_record_div{
                position: absolute;
                width: 50px;
                height: 45px;
                left: -51px;
                border-right: 0px !important;
                color: #009900;
                top: 14px;
                font-size: 130%;
                text-align: center;
                -webkit-border-top-right-radius: 0px !important;
                -webkit-border-bottom-right-radius: 0px !important;
                -moz-border-radius-topright: 0px !important;
                -moz-border-radius-bottomright: 0px !important;
                border-top-right-radius: 0px !important;
                border-bottom-right-radius: 0px !important;
                opacity: 1.0;
                -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3) !important;
                -moz-box-shadow:    -1px 1px 1px rgba(0, 0, 0, 0.3) !important;
                box-shadow:         -1px 1px 1px rgba(0, 0, 0, 0.3) !important;

                -webkit-transition: all 0.4s ease; /* Safari */
                transition: all 0.4s ease;
                overflow: hidden;
          }
          .HR_record_div i{
               vertical-align: text-bottom;;
          }
          .HR_result_container_xs .HR_record_div, .HR_result_container_recording .HR_record_div{
              width:0px;
              opacity: 0.0;
              left:-1px;
              -webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 1) !important;
              -moz-box-shadow:    0px 0px 0px rgba(255, 255, 255, 1) !important;
              box-shadow:         0px 0px 0px rgba(255, 255, 255, 1) !important;
          }



          .HR_record_stop_div{
                position: absolute;
                /*width: 50px; left: -51px; */
                height: 45px;
                top: 14px;
                border-left: 0px !important;
                color: #CC0000;
                font-size: 130%;

                -webkit-border-top-left-radius: 0px !important;
                -webkit-border-bottom-left-radius: 0px !important;
                -moz-border-radius-topleft: 0px !important;
                -moz-border-radius-bottomleft: 0px !important;
                border-top-left-radius: 0px !important;
                border-bottom-left-radius: 0px !important;

                -webkit-transition: all 0.4s ease; /* Safari */
                transition: all 0.4s ease;
                overflow: hidden;
                text-align: center;
              width:0px;
              right:-1px;
              opacity: 0.0;
              -webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 1) !important;
              -moz-box-shadow:    0px 0px 0px rgba(255, 255, 255, 1) !important;
              box-shadow:         0px 0px 0px rgba(255, 255, 255, 1) !important;
          }
          .HR_record_stop_div i{
               vertical-align: text-bottom;
          }
          .HR_result_container_recording .HR_record_stop_div{
                width: 50px;
                right:-51px;
                opacity: 1.0;
                -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) !important;
                -moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.3) !important;
                box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.3) !important;
          }
          .HR_result_container_xs .HR_record_stop_div{       /* moet onder HR_result_container_recording*/
              width:0px;
              right:-1px;
              opacity: 0.0;
              -webkit-box-shadow: 0px 0px 0px rgba(255, 255, 255, 1) !important;
              -moz-box-shadow:    0px 0px 0px rgba(255, 255, 255, 1) !important;
              box-shadow:         0px 0px 0px rgba(255, 255, 255, 1) !important;
          }


          .HR_result_container_xs .HR_result_big{
              font-size: 16pt;
              right:45px;
              top:7px;
          }
          .HR_result_container_xs .HR_result_small{
                right:5px;
                font-size: 7pt;
                top:0px;
          }

          .HR_result_container_xs {
                min-width: 80px;
                padding: 5px;
                padding-top:10px;
                height:25px;
           }
           .HR_result_container_xs .HR_result_zone{
                height: 25px;
                width:50px;
           }

           .HR_result_container_xs .HR_result_cal, .HR_result_container_xs .HR_start_timer{
                font-size: 5pt;
                left:2px;
           }

          .HR_result_container_xs .HR_result{
              width:50px;
          }
          .HR_result_container_xs .HR_cal_text, .HR_result_container_xs .HR_cal{
              font-size: 5pt;
          }
          .HR_result_container_xs #HR_result_icon{
              left: 37px;
              font-size: 150%;
          }

          .HR_result_container_xs .HR_result_icon_container{
              height: 27px;
          }








.infotableWhite{
    background-color: white;

	border: solid 1px #b4b4b4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}


#barcodediv{
  -webkit-transform: scale(1.5);
  -moz-transform:  scale(1.5);
  -o-transform:  scale(1.5);
  -ms-transform:  scale(1.5);
  transform:  scale(1.5);
}

.abgcolor{
       /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0EEF7));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0EEF7 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0EEF7 100%);
}

textarea{
    border: solid 1px #b4b4b4;
}


td.cup{
    background: url(../img/menu/cup.png);
    background-size:15px 15px;
    background-position:right;
    background-repeat:no-repeat;
    padding-right:16px;
    font-weight: bold;
}

.buttonStatus_Vol{
	background-color:#990000;
	color:'white';
}
.buttonStatus_Afgelopen{
	background-color:#990000;
	color:'white';
	filter:alpha(opacity=25);
	opacity:0.25;
}
.buttonStatus_Inschrijven{

}
.buttonStatus_Uitschrijven{
	background-color:#009900;
	color:white;
    margin-left: 50px;
    position: relative;
}



.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}
.button-white {
    background: #fff; /* this is a light blue */
    color: black;
}
.toonLedenAgenda{
    color: #2E6DA4;
    font-weight: bold;
    cursor: pointer; 
}
.agendaLedenNamen{
   font-size:smaller;
}

.buttonStatus_Reserve{
    margin-left: 20px;
    position: relative;
    font-style: italic;
}

span.checkboxLabel{
    /*top: -15px;
    position: relative; */
    font-size: 11pt;
}

div.wodRankingDiv{
    padding-top: 5px;
    padding-left:5px;
    background-color: #F4F4F4;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin: 1px;
}
td.wodRankingHeader{
    color: white;
    background-color: black;
    padding-left:5px;
    white-space: nowrap;
    font-size:11pt;
}
.wodRankingMeth{
    float:right;
    margin-right: 10px;
    font-size:10pt;
    font-style: italic;
}
.wodRankingDescr{
    font-size:10px;
    overflow: hidden;
    height: 11px;
}
.wodRankingNaam{
    font-weight: bold;

}
.wodRankingTD{
    font-size:14px;
    border-bottom: solid 1px #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 9pt;
}
.wodRankingDate{
    font-size:10px;
    position: absolute;
    right:0px;
    margin-top: -5px;
    margin-right: 10px;
}
.wodRankingScore{
    display: inline-block;
}


.WodFilterContent {
	/* Initially we don't want any height, and we want the contents to be hidden */
	max-height: 0;
	overflow: hidden;

	/* Set our transitions up. */
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}
.wodContentDiv{
    padding: 3px;
    padding-left: 10px;
	border-bottom: solid 1px #b4b4b4;
	border-top: solid 1px #b4b4b4;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}


.wodNaamTD{
    font-size: 12pt;
    text-align: left;
    font-weight: bold;
}
.wodRangTD{
    font-size: 9pt;
    text-align: right;
}
.wodPubliceerTD{
  font-size: 9pt;
  text-align: left;
  color: gray;
}
.wodOptionsTD{
    font-size: 9pt;
    text-align: right;
}

input.search{
    padding-left:30px;
    border-radius: 4px;
    border: 1px solid lightgrey;
}
.inputIcon{
    position: absolute;
    z-index: 10;
    margin-left: 10px;
    margin-top: 13px;
}
fieldset{
    border-radius: 2px !important;
    border: 1px solid lightgrey !important;
    padding: 9px !important;
    margin: 2px !important;
}
legend{
    font-size: small  !important;
}

.inschrijvenTable{
    margin-bottom:25px;
    font-size:14pt;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
}

.roundborderBodyNoTop{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 0px solid;
    margin-top:-3px;
    z-index: 1;
}

.HR_sum_label{
    display: inline-block;
    width:55%;

}
.HR_sum_data{
    display: inline-block;
    width:35%;

}


            .HR_result_container_xs .HR_result_container_enlager{
                display:none;
            }

            .HR_result_container_enlager{
                position: absolute;
                right: -40px;
                top: -10px;
                font-size: 200%;
                height: 100%;
                z-index: -1;

                filter: alpha(opacity=00);
                opacity: 0.0;
                -webkit-transition: opacity 1.15s ease-in-out;
                -moz-transition: opacity 1.15s ease-in-out;
                -ms-transition: opacity 1.15s ease-in-out;
                -o-transition: opacity 1.15s ease-in-out;
                transition: opacity 1.15s ease-in-out;
            }
            .HR_result_container_enlager .fa-search-plus{
                position: relative;
                top: -10px;
            }
            .HR_result_container_enlager .fa-search-minus{
                position: absolute;
                bottom: -30px;
            }


/* FONT awesome */

.div_buttons_exercise{
	position: relative;
	z-index: 10;
	height:0px;
	opacity: 0.0;
    filter: alpha(opacity=0);
	padding:4px;
	-webkit-transition: all .150s ease-in-out;
	-moz-transition: all .150s ease-in-out;
	-ms-transition: all .150s ease-in-out;
	-o-transition: all .150s ease-in-out;
	transition: all .150s ease-in-out;

}
.div_buttons_save_exercise{
	position: absolute;
	z-index: 10;
	right:10px;
	bottom:30px;
	height:0px;
	opacity: 0.0;
    filter: alpha(opacity=0);
	-webkit-transition: all .150s ease-in-out;
	-moz-transition: all .150s ease-in-out;
	-ms-transition: all .150s ease-in-out;
	-o-transition: all .150s ease-in-out;
	transition: all .150s ease-in-out;
}


.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #1d9d74;
  border-color: #198764;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #157254;
  border-color: #051c15;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #157254;
  border-color: #0f543e;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #157254;
  border-color: #0f543e;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #0f543e;
  border-color: #051c15;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #1d9d74;
  border-color: #198764;
}
.btn-success .badge {
  color: #1d9d74;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #21b384;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #198764;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #1d9d74;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

          /** let op dit zit in ook general.css in SIDEWAY/include/ */
          .HR_background_white, .colorDivsResults_c0{
              background-color: white;
              color:black;
          }
          .HR_background_white .HR_record_div, .HR_background_white .HR_record_stop_div{
              background-color: white;
              color:black;
          }
          .HR_background_blue, .colorDivsResults_c1{
              background-color: #3333CC;
              color:white;
          }
          .HR_background_blue .HR_record_div, .HR_background_blue .HR_record_stop_div{
              background-color: #3333CC;
              color:white;
          }
          .HR_background_green, .colorDivsResults_c2{
              background-color: #006600;
              color:white;
          }
          .HR_background_green .HR_record_div, .HR_background_green .HR_record_stop_div{
              background-color: #006600;
              color:white;
          }
          .HR_background_orange, .colorDivsResults_c3{
              background-color: #FF6600;
              color:white;
          }
          .HR_background_orange .HR_record_div, .HR_background_orange .HR_record_stop_div{
              background-color: #FF6600;
              color:white;
          }
          .HR_background_red, .colorDivsResults_c4{
              background-color: #990000;
              color:white;
          }
          .HR_background_red .HR_record_div, .HR_background_red .HR_record_stop_div{
              background-color: #990000;
              color:white;
          }

          .colorDivsResults_container0{
              border: 1px solid #575757;
              color:black;
          }
          .colorDivsResults_container1{
              border: 1px solid #000099;
              color:white;
          }
          .colorDivsResults_container2{
              border: 1px solid #003300;
              color:white;
          }
          .colorDivsResults_container3{
              border: 1px solid #993300;
              color:white;
          }
          .colorDivsResults_container4{
              border: 1px solid #660000;
              color:white;
          }

          .colorDivsResults_c0, .colorDivsResults_c1, .colorDivsResults_c2, .colorDivsResults_c3, .colorDivsResults_c4{
              height: 100%;
          }

          .colorDivsResults{
              display:inline-block;
              width:100%;
              position: relative;
              background-color: #E6E6E6;
              height:13px;
          }
          .colorDivsResults_amount{
              position: absolute;
              font-size: small;
              right:2px;
              top:13px;
              color:black;
              text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
              z-index: 9;
          }
          /** EINDE  let op dit zit in ook general.css in SIDEWAY/include/ */


.openVorderingPay_price{
    float: right;
    line-height: 20px;
    width: 87px;
    text-align: center;
    color: #000;
    border-color: #C9C9C9;
    background: #fff;
    border-radius: 3px;
    font-weight: bold;
}
.openVorderingPayFuture_stop{
    float:left;
    font-size: smaller;
}

.openVorderingPayFuture_stop:before{
    content:'';

}

.openVorderingPayFuture_div{
    opacity: 1;
    padding: 0px 10px 0px 5px;
}


.openVorderingPay_contractEnd{
    content:'';
    font-size: smaller;
    float:right;
    position: relative;
    top: 5px;
}
.openVorderingPay_contractEnd:before{
    content:'';

}
.openVorderingPay_lable{
    font-size: 11pt;
    width:100%;
    margin-left:10px;
    line-height: 20px;

}

.autoRemoveNotification{
    position: absolute;
    -webkit-animation:linear 1 alternate;
    -webkit-animation-name: runAutoRemoveNotification;
    -webkit-animation-duration: 5s;
    left:-100%;
    top:-70px;
}
@-webkit-keyframes runAutoRemoveNotification {
    0% { left: -100%;}
    10% { left: 0%;}
    90% { left: 0%;}
    100% { left: -100%;}

}

select{
    border: 1px solid #A9A9A9;
    border-radius: 2px;
}
#inschrijven_block_2 select{
    border-radius: 4px;
}

.agenda_Afspraak .lessenBeschikbaarTD{ display:none;}
.agenda_Afspraak button {
    background-color: #eeeeee;
    border: 0px;
    color: black;
}
.agenda_Afspraak {
    opacity: 0.6;
    margin: 2px;
    background-color: #eeeeee;
}

.aVideoDD{
    width:100%;
    margin-bottom: 20px;
}
.aVideoCatContainer{
    overflow: hidden;
    height: 20px;
}
.aVideoCat{
    font-size: 9pt;
    display:inline-block;
    margin: 0 5px 3px 5px;
    padding: 2px 5px 2px 5px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    background-color: #E8E8E8;
}
.aVideoDescr{
    font-size: 9pt;
    margin:5px 0px 7px  0px ;
    max-height: 60px;
    text-overflow: ellipsis;
    overflow:hidden;
    font-style: italic;
    color: gray;
}
.aVideoTitle{
    font-size: 12pt;
    text-align: left;
    font-weight: bold;
}
.aVideoDatum{
    font-size: 8pt;
    text-align: left;
    color: gray;
    display:inline;
}
.aVideoTijdsDuur{
    font-size: 9pt;
    float: right;
    display:inline;
}
.aVideoTop{

}
.aVideo{
    padding: 3px;
    padding-left: 10px;
	/*border-bottom: solid 1px #b4b4b4;*/
	border-top: solid 1px #EDEDED;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
    margin-bottom: 20px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.kassaHistory .kassaHistory_methode{
    font-size:smaller;
    color:#A9A9A9;
}


 	  .HR_cal_text{
 	  		background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAQ2SURBVHjajJVrTBxVGIbfOTNTlr0SWKKIWy4/KkRKlwJqTbE00WAhgghGTERsaVKCSkqJScGE1P6xsca0JohRNJXUANU0tKRoUqlQIYJYCEJLq8AA4brssrssYdhl5xx/cJEWduVL3j8z7/ec93wzZ4YrLjwKf+VwOHAw5YWjEVGRh2qqq98JCg6GRqMBpdRnD+F5Hv6kUqkgjQz/lp75asGp0+V1VosF8tISCCG+oYQj8CeRF+Bedi8uOJ3eg4dS84reL6mxWa1QFMU3dMW7Al/yKl44nA5o9boYvcEgAEB6Zlbh8ykpubPT0+B5HhzHbREhhMCXeJ7H4qILCYlJ2ZuTZOXkntXotPB4PNsnpZSCMbZFHCGwzM7AZNodnZGZVby5aU9MbOzTcfEvLzidD6cEwAHYdtocx0FeWoK8JOPYiaIvA9Vq4VHPkyaT2S3LYJT+JwAMAGGMgVK6IcYYFK+CMWkEOW/kVSY/d+Cl7RYWBCGAgm2A2OZ726WURkeQlp6Rn3+s8CNfT9hms44Kgrix7c1QwnEcyJpEQcDM5CQSE5NSy8o/rPUFdC8vY3xU6tTrdeB5HuAexhJuNR7AcXA4ndDodJrik6WX/Z2yB4ODd0Yl6UFAgApUUVbnSHiyvLwsrng8INza6wMATocdeW/lV4WFh4f7h9676V3xQqVSARy3CmYMpt2mDFEUgwSqKBAEAQ67HXF745858kpmAf6n5iyWoRCjERqtFi6XC2AMUxMTNOu1nOPTU5ORgtU6B57n4XZ7kJJ6+Dh2UMbQ0KekkWFotFqI4mogwpNdL6YdyRjo7zOQstMVTZFR0WZGFURERj67E2hO3psfpKVnZI+NSpCGh+GWZZx4t+QrcEBwcEgY7PPzc4wxdv/u3Z4Fp9POdliUUtbT/cfPzdevnZeGhwbWry+6XAtob2tt8tfsdrvlG42N3znsdsdOFrNZrRby9/3Bm/62evVK/bmPz54psMzOjO1kNNNTk/+Q7q6uhnmbbWk7w7zNutDcdP1zjU6H7y9dKvH3DV2vewP9t8jM9NRsc9O189sZRoaG/hQIbzcnmDHQ39dWWlwU1dfb0+YLuOhyKR1tbd8SozEUVxsaznR3/t7yqGnF45FVqgCoA9WIiIqCdc4yWlFWmlp98cLbjLEt0B/q6yolaUTiDyQlY8XjwZ3ursa4+H3pIUbj4+smWZaVn240VTHGAMag1qhhCApCa8svfxGO0H37Ew+ve9tbf22s/abmvcfCwkAoUxASaoSi0IXyUyfN9ZdrK9f/lHtiYmL3xptfnxgfh0IpGAPEXQEINobC7rDPrQNv32q5cvHTT7K1Oh1EQQCfnGAGY2ztdIjo7Gi/3dXR8fWiy+U2RUTsj4yONvf19n5BFQWCKIJSBsYosnJyKwID1U9UXfgs+8f6unN6gwF6vR6UUvw7AO4ddRNFcnu4AAAAAElFTkSuQmCC');
			background-size: contain;
			background-repeat: no-repeat;
			padding-left: 5px;
	  }

      .HR_background_white .HR_cal_text{
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAPeSURBVHjahFXNa1xVFP+de+77mPdmkjf5HNKamI2VLlsUdSG6i5v68QcoiBvBQlwUoRtRBBeCtQgKCiJddCOWQnd2IYibFly6UVFB8jGTTDJJJu/73uMib9JJMknP48fjXe793XN+53fvo8WFeZwVmhm7e3uvZ3n+XKvV+qAsS4jImWu42YwAojOhtN5ptzt3ijw7H0XRPSsCewaxIiI8DprVnsO8u7PXf6fT7nzuaA0lAjoFShHhLGitUZbmKWPMGAB0t7ff7/f7S37Nh2I1GooZdArADMd1EcfxaxYAV+VtbnY/KooSIoC1cgLKGAMCAJEjEGvhao0kiWe3ulvLh3oBSNL02TiOn9fMR7QUEYhUpIOPYRARRATt9fZXRqQxWE7VO8uyS0T0KAkRkFJQzNDWWhRFccImfs3H5sbG8l5//w0e0WER8SwEFgeErBhKqQMbgoa2r8J1Xez0dl7d6G7doNP86zj/QABC5ZKKEAC0IgVHO4dle56HJI4vrbc7dwcaDocFwERlEAQPiQhKKVDl54FsGpDDhzWjLAu1srp2G0PdPlI2AL9W+8XReqUoCihmsNYQawmAEhGjRQAFghDBcRysra59kRfFBT7jGAY1/z4AWGtRlgWQASIi1sozQRj+rgUCYy1830eyH1/c3u5dPU3HQSu11n8O7gBrLPI8h+M62N7uvWut/VW7rgtrLEQEO7t7b8spZQ/bqSzN057nIU1TaM9DLQjAzFhdWXsTgpbqrHduJUlyIcsypGn6Ah4TBKC7tfVJt9t92XUduJ4LEcHq6tpNC6Aoizkw838ApOa6PztKdRQgPAR1UPWRMaowFgY/Tjajj2ue+wDVmMvcQaMe3q7kklGEimi/GY1/5jC31YjNMLSpAsRh/leFYXh/YB8a4cmpqckPF+bnr2nX+dsek4GHMJivHecvVa/Xf9CaN8wxQgPA1Xo9aja/FBG0ZmbeI8CYIReMirAe/qR8z+tPTkx8ihGTPdd9kOd51uv1EITBb4uLT56r12r3bJUVHUuCldqNovHvVZIkaEbRjXoY3LUnW71f5jmyNEUSJ3A9tz33xLkr01MTV6giGk5mZnrqes2vdbgRBhARNMYad7IkfSkrywV59NPLJycnv1H6QHGxFtYYRFH0B4F6/TheGpCOjzVuzbZmr+d5AUVKoSwNlOJi7vzci9FY4+pA+DhNL6dZ9koQhmA+IB5cINrRG4eE9fq3rVbrrTzPUBQ5OBofO6iUCMYYeL7/sN5o3HSYN8qiuJym2cWwXv+OlaruXIIIodvtLos109PT00vNiehriKA0BkSE/wcAAn4NLs/rVRAAAAAASUVORK5CYII=');
            background-size: contain; /* je kan niet alleen de URL aanpassen zo te zien,.. dit moet ook hier*/
            background-repeat: no-repeat; /* je kan niet alleen de URL aanpassen zo te zien,.. dit moet ook hier*/
      }