html, body {height:100%;margin:0;padding:0;position:relative;}
body {overflow:auto;font-family:Verdana;font-size:12px;background:white;}
form {margin:0px;}
label {cursor:pointer;}
* {box-sizing:border-box;}
fieldset .input,
fieldset input {width:100%;font-family:Verdana;font-size:12px;padding:0 5px;line-height:24px;border:none;background:white;outline-color:#BBBBBB;outline-width:thin;}
fieldset input[type=text],
fieldset input[type=password] {box-shadow:inset 0 0 0 20px white;}
fieldset .input-icon {position:relative;}
fieldset .input-icon div {width:auto;margin-right:28px;}
fieldset .input-icon i {position:absolute;display:block;top:0;right:0;bottom:0;width:28px;text-align:center;background:#622181;color:white;font-size:14px;line-height:24px;}
fieldset textarea {width:100%;height:60px;font-family:Verdana;font-size:12px;line-height:15px;outline-color:#BBBBBB;outline-width:thin;resize:vertical;}
fieldset select {width:100%;font-family:Verdana;font-size:12px;padding:0 25px 0 5px;line-height:24px;height:24px;border:1px solid white;border-radius:0;background:white;outline-color:#BBBBBB;outline-width:thin;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;}
fieldset .select {position:relative;display:inline-block;width:100%;line-height:24px;z-index:0;background:white;padding:0;margin:0;}
fieldset .select select {position:relative;z-index:2;background:none;}
fieldset .select::after {position:absolute;right:5px;top:0;font-size:20px;line-height:24px;font-family:FontAwesome;content:"\f107";color:#622181;z-index:1;}
.button {width:auto;height:26px;line-height:25px !important;background:#23A781;color:white;border:none;padding:0 5px;border-radius:0;-webkit-appearance:none;}
/*.button:hover {box-shadow:0 2px 5px rgba(0, 0, 0, .4);}*/
.center {text-align:center;}
.pointer {cursor:pointer;}
.color {color:#622181;}
.row-selected .color,
.row-highlight .color {color:white;}
.gray {color:silver;}
.hidden {display:none;}
.ruler {height:0;clear:both;}
.no-border {border:none !important;}
.tabs {cursor:pointer;}
.bar {background:white;color:#622181;padding:0 10px;line-height:30px;cursor:pointer;}
.bar:after {content:"\f105";font-family:FontAwesome;font-size:18px;float:right;}
.bar.active {background:#622181;color:white;}
.browse {position:relative;background:white;}
.browse .after {position:absolute;left:10px;top:0;bottom:0;line-height:28px;}
.browse:before {content:"\f002";font-family:FontAwesome;font-size:12px;line-height:28px;position:absolute;width:28px;text-align:center;right:0;top:0;bottom:0;background:#622181;color:white;}
.browse .upload {opacity:0;z-index:2;}
.select2-container--default .select2-selection--single {border:none !important;outline-color:#BBBBBB;outline-width:thin;}
input.weekdag[type=checkbox] {position:relative;display:inline-block;width:24px;min-width:24px;height:24px;min-height:24px;border:none;margin:0;padding:0;line-height:18px;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;outline:none;vertical-align:middle;}
input.weekdag[type=checkbox]:after {position:absolute;left:0;top:0;width:24px;height:24px;background:#B3B3B3;content:"\f00d";font-family:FontAwesome;color:white;font-size:14px;line-height:24px;text-align:center;}
input.weekdag[type=checkbox]:checked:after {content:"\f00c";background:#622181;}
img.select {width:100%;cursor:pointer;border-bottom:5px solid white;}
img.select.active {border-bottom:5px solid #622181;}
.fa-behandeling {display:inline-block;line-height:20px;width:20px;height:20px;background:url(./graphics/behandeling.png) no-repeat center;background-size:80%;vertical-align:text-bottom;}
.fa-behandeling-wit {display:inline-block;line-height:20px;width:20px;height:20px;background:url(./graphics/behandeling-wit.png) no-repeat center;background-size:80%;vertical-align:text-bottom;}
.fa-schema {display:inline-block;line-height:20px;width:20px;height:20px;background:url(./graphics/schema.png) no-repeat center;background-size:80%;vertical-align:text-bottom;}
.fa-schema-wit {display:inline-block;line-height:20px;width:20px;height:20px;background:url(./graphics/schema-wit.png) no-repeat center;background-size:80%;vertical-align:text-bottom;}
.fa-selectall-wit {display:inline-block;line-height:20px;width:20px;height:20px;background:url(./graphics/selectall-wit.png) no-repeat center;background-size:100%;vertical-align:text-bottom;}
.fytrack-cal .fa-schema-wit {background:url(./graphics/schema-groen.png) no-repeat center;background-size:80%;vertical-align:middle;height:12px;line-height:12px;}
.fytrack-cal .active .fa-schema-wit {background:url(./graphics/schema-wit.png) no-repeat center;background-size:80%;vertical-align:middle;height:12px;line-height:12px;}
.fytrack-cal-maand .fa-schema-wit {background:url(./graphics/schema-paars.png) no-repeat center !important;background-size:80% !important;vertical-align:middle;height:12px;line-height:12px;}
.fa-links-rechts {position:relative;min-width:18px;height:18px;}
.fa-links-rechts:before {position:absolute;display:block;left:0;top:3px;content:"L";color:white;font-family:Arial;text-transform:uppercase;font-weight:bold;font-size:13px;}
.fa-links-rechts:after {position:absolute;display:block;right:0;top:10px;content:"R";color:white;font-family:Arial;text-transform:uppercase;font-weight:bold;font-size:13px;}
#header {position:relative;background:white;padding:0;z-index:10;height:80px;margin:0;}
#header img {height:60px;margin:10px 30px;float:left;}
#header h1 {margin:0;padding:12px 0 0 0;color:#622181/*#424242*/;font-size:24px;font-weight:100;}
#header h2 {margin:0;padding:0;color:#626262;font-size:18px;font-weight:100;}
#controls {position:absolute;top:10px;right:5px;width:500px;max-width:100%;z-index:20;}
#controls ul {list-style:none;text-align:right;width:auto;margin:0;padding:0;margin-top:10px;margin-right:100px;}
#controls ul li {display:inline-block;padding:0 10px;width:125px;text-align:left;}
#controls ul a {text-decoration:none;color:black;line-height:24px;}
#controls ul a i {color:#622181;line-height:24px;font-size:18px;vertical-align:bottom;}
#controls > a {display:block;position:absolute;top:0;right:0;width:50px;line-height:50px;margin:15px 25px;margin-left:0;text-align:center;text-decoration:none;}
#controls .icon-menu {display:none;}
#welkom {position:absolute;width:40%;left:30%;top:5px;padding:10px;border:none;background:none;z-index:90;text-align:center;color:#622181;font-size:18px;}
#welkom span {color:#626262;font-size:14px;}
#message {position:absolute;width:40%;left:30%;top:20px;padding:10px;border:2px solid #5BCF5D;background:#ECFAE3;box-shadow:0 2px 4px rgba(0, 0, 0, .25);z-index:100;}
#error {position:absolute;width:40%;left:30%;top:20px;padding:10px;border:2px solid #FF0000;background:#FFE0E0;box-shadow:0 2px 4px rgba(0, 0, 0, .25);z-index:100;}
#message .close, #error .close {position:absolute;display:block;top:0px;right:0px;padding:10px;cursor:pointer;}
#message a {color:black;}
#menu {position:relative;background:#622181;padding:0 30px 0 0;margin-bottom:10px;text-align:left;color:white;font-size:14px;line-height:30px;z-index:12;}
//#menu {margin-bottom:0;border-bottom:none;box-shadow:none;}
//#menu {position:absolute;top:100px;left:0;right:0;}
#menu a {color:white;text-decoration:none;}
/* #menu .left {position:absolute;top:5px;left:35px;} */
/* #menu .right {position:absolute;top:5px;right:35px;} */
#menu ul {display:block;list-style:none;margin:0;padding:0;width:auto;}
#menu ul.right {float:right;border-left:2px solid white;border-right:2px solid white;overflow:hidden;}
#menu li {position:relative;display:block;float:left;margin:0;padding:0 25px 0 30px;width:auto;height:30px;background:#B3B3B3;}
#menu li.active {background:#622181;}
#menu li a {color:gray;line-height:20px;}
#menu li.active a {color:white;}
/* #menu ul.left li:before {display:block;content:"";position:absolute;top:0;right:-10px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:10px solid #B3B3B3;z-index:21;} */
/* #menu ul.left li.active:before {border-left:10px solid #622181;} */
/* #menu ul.left li:after {display:block;content:"";position:absolute;top:0;right:-15px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:10px solid white;z-index:20;} */
#menu ul.left li:after {display:block;content:"";position:absolute;top:0;right:-18px;height:30px;width:18px;background:url(./graphics/arrow-gray.png) center;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./graphics/arrow-gray.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./graphics/arrow-gray.png', sizingMethod='scale')";z-index:50;}
#menu ul.left li.active:after {background-image:url(./graphics/arrow-color.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./graphics/arrow-color.png', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./graphics/arrow-color.png', sizingMethod='scale')";}
#menu ul.right li {float:none;display:none;border-left:2px solid white;border-right:2px solid white;}
#menu ul.right li.active {display:block;}
#menu ul.right li.active:after {content:"\f107";font-family:FontAwesome;margin-left:15px;}
#menu .arrow {float:left;display:none;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:10px solid white;}
#submenu {position:relative;background:#15A880;padding:5px 30px;margin-top:-10px;margin-bottom:10px;text-align:center;color:white;font-size:14px;line-height:20px;box-shadow:0 2px 4px rgba(0, 0, 0, .25);z-index:10;}
#submenu a {color:white;text-decoration:none;}
#submenu ul {display:block;list-style:none;margin:0 auto;padding:0;width:100%;}
#submenu li {display:inline-block;margin:0;padding:0 25px;width:auto;}
#submenu li.active {background:#F0F0F0;border-radius:15px;}
#submenu li.active a {color:gray;}
#progress {text-align:center;}
#progress ul {display:inline-block;list-style:none;margin:0;padding:0;background:white;border-radius:5px;padding:3px;box-shadow:0 1px 1px rgba(0, 0, 0, .25);margin:0 auto 15px;}
#progress ul li {position:relative;display:block;float:left;padding:0 10px 0 20px;height:30px;background:#F0F0F0;color:black;}
#progress ul li .border {position:absolute;right:-18px;top:-4px;z-index:30;width:0;height:0;border-bottom: 19px solid transparent;border-top: 19px solid transparent;border-left: 9px solid white;border-right: 9px solid transparent;font-size: 0;line-height: 0;}
#progress ul li .arrow {position:absolute;right:-14px;top:0;z-index:40;width:0;height:0;border-bottom: 15px solid transparent;border-top: 15px solid transparent;border-left: 7px solid #F0F0F0;border-right: 7px solid transparent;font-size: 0;line-height: 0;}
#progress ul li.active {background:#622181;color:white;}
#progress ul li.active .arrow {border-left: 7px solid #622181;}
#progress ul li.done {background:#D7C7DF;color:#622181;}
#progress ul li.done .arrow {border-left: 7px solid #D7C7DF;}
#progress ul li.first {padding-left:10px;border-radius:3px 0 0 3px;}
#progress ul li.last {border-radius:0 3px 3px 0;}
#progress ul a {color:inherit;text-decoration:none;line-height:30px;}
#progress {display:none;}
//#menu {height:0;border:none;}
//#menu ul {display:none;}
#content {padding:10px 30px;}
#content {position:absolute;top:0;left:0;right:0;min-height:100%;box-sizing:border-box;padding-top:150px;}
//#content {height:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
//#menu {position:-webkit-sticky;top:0px;}
#content h1 {margin:0;margin-bottom:10px;padding:0;color:#622181;font-size:24px;}
#content h2 {margin:0;margin-bottom:10px;padding:0;color:#626262;font-size:18px;}
#content h3 {margin:0;margin-bottom:10px;padding:0;color:#622181;font-size:14px;}
#content h4 {margin:0;margin-bottom:10px;padding:0;color:#626262;font-size:12px;}
#content > h1 {display:none;}
#content > h2 {display:none;}
#content a {color:#622181;}
#content .row-highlight a {color:white;}
#content a.info {display:inline-block;text-align:center;background:url(./graphics/info.png) center no-repeat;width:16px;height:16px;text-decoration:none;}
#content a.delete {display:inline-block;text-align:center;background:url(./graphics/delete.png) center no-repeat;width:16px;height:16px;text-decoration:none;}
#content .oefening a.delete {margin:2px;}
#content fieldset {position:relative;background:#F2F2F2;border:none;padding:15px 27px;margin:0 0 15px;/*box-shadow:0 2px 4px rgba(0, 0, 0, .25);*/}
#content fieldset.slim {max-height:0px;padding:15px 27px 12px;}
#content fieldset legend {padding:0;margin:0;position:absolute;top:0;left:0;right:0;padding:5px 0;color:#622181;font-weight:bold;font-size:14px;text-align:center;background:#D7C7DF;}
#content fieldset h1 {position:relative;display:inline-block;width:auto;top:-17px;margin:0;padding:5px 10px;color:white;font-size:14px;text-align:center;background:#622181;/*text-transform:lowercase;*/border:none;}
#content fieldset h1 div {padding:0;margin:-5px -10px;}
#content fieldset h1 .tablist {background:#F2F2F2;text-align:left;}
#content fieldset h1 .tablist .button {display:inline-block;background:#622181;border:none;border-radius:0;color:white;min-width:27px;height:27px;margin:0 1px 0 0;padding:0px 6px 0;text-align:center;box-shadow:none;font-size:16px;text-transform:lowercase;cursor:pointer;}
#content fieldset h1 .tablist .button.add {background:#55D769;}
#content fieldset h1 div.tabs {display:inline-block;white-space:nowrap;padding:5px 10px;margin:0 1px 1px 0;background:#622181;}
#content fieldset h1 td {white-space:nowrap;padding:5px 10px;border-right:1px solid #F2F2F2;}
#content fieldset h1 td.inactive,
#content fieldset h1 div.tabs.inactive {background:#B3B3B3;}
#content fieldset .buttons {position:absolute;top:0;right:0;font-size:0;}
#content fieldset .buttons.back,
#content fieldset .buttons.sort {position:absolute;top:0;left:0;width:27px;font-size:0;}
#content fieldset .buttons.prev {position:absolute;top:auto;bottom:0;left:0;width:27px;font-size:0;}
#content fieldset .buttons.next {position:absolute;top:auto;bottom:0;right:0;width:27px;font-size:0;}
#content fieldset .buttons .button {display:inline-block;background:#622181;border:none;border-radius:0;color:white;min-width:27px;height:27px;margin:0 0 0 1px;padding:0px 6px 0;text-align:center;box-shadow:none;font-size:16px;text-transform:lowercase;cursor:pointer;}
#content fieldset .buttons b {display:inline-block;font-weight:normal;margin-left:5px;font-size:14px;line-height:16px;}
#content fieldset .buttons .add,
#content fieldset .buttons .app-on,
#content fieldset .buttons .print,
#content fieldset .buttons .email,
#content fieldset .buttons .select-all,
#content fieldset .buttons .save {background:#55D769;}
#content fieldset .buttons .edit,
#content fieldset .buttons .export,
#content fieldset .buttons .reset,
#content fieldset .buttons .copy {background:#FF962D;}
#content fieldset .buttons .app-off,
#content fieldset .buttons .delete {background:#FF452B;}
#content fieldset .buttons .links-rechts-off,
#content fieldset .buttons .fytrack-off {background:#626262;}
#content fieldset .buttons .sort {background:none !important;color:#B3B3B3;}
#content fieldset .buttons b img {display:inline-block;height:22px;vertical-align:middle;margin-bottom:3px;margin-left:5px;}
#content fieldset .button-white {display:inline-block;background:white;border:none;border-radius:0;color:black;min-width:27px;height:27px;line-height:27px;margin:0 0 0 1px;padding:0px 6px 0;text-align:center;box-shadow:none;font-size:16px;text-transform:lowercase;cursor:pointer;}
#content fieldset .button-white.remove {color:#FF452B;}
#content fieldset .button-white.add {color:#55D769;}
#content #fieldset_program {padding:0;}
#content #fieldset_program #program {min-height:330px;/*height:310px;overflow-x:initial;overflow-y:auto;*/padding:15px 27px;}
#content #fieldset_search {padding:0;}
#content #fieldset_search #search {min-height:330px;/*height:310px;/*overflow-x:initial;overflow-y:auto;*/padding:15px 27px;}
#videoframe {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:100;}
#videoframe iframe {position:absolute;left:50%;top:50%;width:800px;height:450px;max-width:100%;max-height:100%;margin:-225px -400px;border:2px solid black;background:black;}
#videoframe div {position:absolute;top:50px;right:50px;width:25px;height:25px;border-radius:50%;border:3px solid white;background:black;color:white;text-align:center;font-size:20px;line-height:22px;cursor:pointer;}
#alertframe {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);z-index:100;}
#alertframe #innerframe {position:relative;width:100%;height:100%;}
#alertframe #innerframe > div {position:absolute;left:50%;top:40%;width:400px;min-height:100px;max-width:100%;max-height:100%;margin:-100px -200px;border:2px solid black;background:white;border:none;/*border:2px solid #622181;box-shadow:0 3px 10px rgba(0, 0, 0, 0.25);border-radius:3px;*/}
#alertframe h1 {display:inline-block;margin:0;margin-left:30px;padding:0 8px;text-align:center;color:white;background:#622181;font-size:15px;line-height:30px;}
#alertframe .content {padding:20px 30px;}
#alertframe .content div {border:2px solid #622181;}
#alertframe .buttons {/*padding:15px 20px;text-align:center;*/position:absolute;top:0;right:0;}
#alertframe .button {display:inline-block;border:none;background:#622181;color:white;width:30px;height:30px;font-size:13px;line-height:30px;text-transform:none;margin:0;padding:0;font-family:FontAwesome;}
#alertframe .button.oke {background:#4ED963;}
#alertframe .button.cancel {background:#FF452B;}
#alertframe .datepicker table {background:#F2F2F2;}
#alertframe .datepicker td {background:white;text-align:center;color:#622181;line-height:22px;}
#alertframe .datepicker td.selected {background:#622181;color:white;border:none;}
#alertframe .content .controls {text-align:center;margin-top:20px;border:none;}
#alertframe .content .controls button {display:inline-block;border:none;background:#4ED963;color:white;height:30px;font-size:13px;line-height:30px;text-transform:none;margin:0 5px;padding:0 10px;}
#alertframe .content .controls .warning {background:#FF962D;}
#alertframe .content .controls .normal {background:#622181;}
#alertframe .content .controls button i {margin-right:5px;}
#alertframe .content input[type=text] {width:100%;margin:5px 0;padding:3px;border:1px solid silver;outline:none;}
#alertframe .content input[type=password] {width:100%;margin:5px 0;padding:3px;border:1px solid silver;outline:none;}
#loadframe {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.75);z-index:100;}
#loadframe > div {position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px -20px;line-height:40px;text-align:center;}
#loadframe i {font-size:40px;color:#622181;}
.table-form th {text-align:left;padding-left:5px;color:#622181;}
.table-header th {/*border-bottom:solid #622181 1px;*/color:#622181;padding-bottom:10px;}
.table-data tbody {vertical-align:top;}
.table-data tbody tr {background:white;}
.table-data tbody tr.latent {color:silver;}
.table-data > tbody > tr > td {position:relative;border-top:2px solid #F2F2F2;padding:3px;}
.table-data.high >tbody > tr > td {padding:12px 3px;}
.table-data.white tbody td {border-top:8px solid #F2F2F2;}
.table-data tr.no-border td {border:none;}
.table-data i.fa-check {display:block;position:absolute;right:0;top:0;width:22px;height:100%;background:#55D769;color:white;text-align:center;line-height:22px;}
.table-data.high i.fa-check {padding-top:9px;}
.table-data i.fa-check.gray {background:#999999;}
.table-data i.fa-plus {display:block;position:absolute;right:0;top:0;width:22px;height:100%;background:#55D769;color:white;text-align:center;line-height:22px;}
.table-data i.fa-times {display:block;position:absolute;right:0;top:0;width:22px;height:100%;background:#FF452B;color:white;text-align:center;line-height:22px;}
.table-data i.fa-info {display:block;position:absolute;right:0;top:0;width:22px;height:100%;background:#3260FF;color:white;text-align:center;line-height:22px;}
.row-highlight td {background:#622181;color:white;cursor:pointer;}
.row-highlight {background:#622181;color:white;cursor:pointer;}
.row-selected td {background:#622181;color:white;cursor:pointer;}
.row-selected {background:#622181;color:white;cursor:pointer;}
.table-params {width:100%;}
.table-params th {font-weight:normal;}
.table-params th b {color:#622181;}
.table-params th i {color:#999999;text-transform:lowercase;}
.table-params td {position:relative;}
.table-params td i.delete {position:absolute;top:0;width:20px;right:-18px;color:red;text-align:right;line-height:30px;cursor:pointer;}
.oefening {position:relative;float:left;width:140px;height:160px;border:2px solid white;background:white;text-align:center;margin:5px;}
.oefening-over {cursor:pointer;border:2px solid #622181;}
.oefening-gewijzigd {border:2px solid #23A781;}
.oefening img {width:120px;height:120px;margin:0 10px;}
.oefening span {position:absolute;left:0;right:0;bottom:3px;display:block;padding:0 10px;line-height:14px;max-height:28px;overflow:hidden;}
.oefening b {position:absolute;left:-2px;top:-2px;background:#622161;color:white;border-radius:0;display:block;width:30px;height:30px;line-height:30px;text-align:center;}
.oefening u.delete {position:absolute;right:3px;top:3px;display:block;width:20px;height:20px;line-height:20px;text-align:center;color:#FF452B;text-decoration:none;font-size:18px;}
.oefening i {display:none;position:absolute;right:-2px;bottom:-2px;background:#FF6600;color:white;border-radius:0;width:30px;height:30px;line-height:30px;}
.oefening.checked i {display:block;}
.oefening-film:after {display:block;content:"\f144";font-family:FontAwesome;position:absolute;top:5px;left:50%;margin-left:-10px;color:#622181;font-size:20px;line-height:20px;}
.oefening-nieuw:after {display:block;content:"";position:absolute;bottom:-8px;right:-7px;width:45px;height:25px;background:url(./graphics/nieuw.png) center no-repeat;}
.oefening.save:after {position:absolute;top:5px;right:5px;color:#55D769;content:"\f00c";font-family:FontAwesome;font-size:16px;}
.oefening.remove:after {position:absolute;top:5px;right:5px;color:#FF452B;content:"\f00d";font-family:FontAwesome;font-size:16px;}
.oefening.dimmed > * {opacity:0.5;}
.programma {width:auto;height:200px;border:2px solid silver;background:white;text-align:center;margin:5px;margin-bottom:10px;}
.programma img {width:120px;height:120px;float:left;margin:10px;}
.programma span {display:block;margin:10px 10px 10px 200px;text-align:left;}
.selected {border:2px solid #622181;}
i.yes {display:block;margin:0 auto;background:#23A781;color:white;border-radius:100%;width:20px;height:20px;line-height:20px;font-size:12px;}
i.no {display:block;margin:0 auto;background:#DE3700;color:white;border-radius:100%;width:20px;height:20px;line-height:20px;font-size:12px;}
i.null {display:block;margin:0 auto;background:#F0F0F0;color:white;border-radius:100%;width:20px;height:20px;line-height:20px;font-size:12px;}
.fytrack-types {margin-bottom:20px;}
.fytrack-types:after {display:block;content:"";clear:both;}
.fytrack-types i {float:right;width:30px;height:30px;line-height:30px;font-size:20px;font-weight:bold;text-align:center;color:white;background-color:#B3B3B3;cursor:pointer;margin-left:5px;}
.fytrack-types i.active {background-color:#622181;}
.fytrack-types span {float:right;height:30px;line-height:30px;font-size:18px;font-weight:normal;text-align:center;color:#622181;margin-right:5px;}
.fytrack-tabs {width:100%;border:none;border-spacing:4px;margin-bottom:30px;}
.fytrack-tabs td {width:25%;padding:8px;margin:0;border:none;color:white;text-align:center;background:#B3B3B3;cursor:pointer;}
.fytrack-tabs td.active {background:#622181;}
.fytrack-cal {width:100%;border:none;border-spacing:4px;}
.fytrack-cal-week th {min-height:100px;width:12.5%;vertical-align:top;text-align:left;font-weight:normal;border-bottom:4px solid #622181;color:#622181;padding:8px;cursor:pointer;}
.fytrack-cal-week th.active {background:#622181;color:white;}
.fytrack-cal-week td {min-height:100px;width:12.5%;vertical-align:top;text-align:left;font-weight:normal;border-bottom:4px solid #B3B3B3;color:#B3B3B3;padding:8px;cursor:pointer;}
.fytrack-cal-maand th {min-height:100px;width:12.5%;vertical-align:top;text-align:left;font-weight:normal;color:#622181;padding:8px;cursor:pointer;}
.fytrack-cal-maand th.active {background:#622181;color:white;}
.fytrack-cal-maand td {min-height:100px;width:12.5%;vertical-align:top;text-align:left;font-weight:normal;border-bottom:4px solid #B3B3B3;color:#B3B3B3;padding:8px;cursor:pointer;}
.fytrack-cal-maand td.active {color:#622181;}
.fytrack-cal-week td.active {background:#B3B3B3;color:white;}
.fytrack-cal-week td.filled {border-color:#00E26C;color:#00E26C;}
.fytrack-cal-week td.active.filled {background:#00E26C;color:white;}
.fytrack-cal-week td.filled.warning {border-color:#FF9000;color:#FF9000;}
.fytrack-cal-week td.active.filled.warning {background:#FF9000;color:white;}
.fytrack-cal-week td.filled.alarm {border-color:#F1413C;color:#F1413C;}
.fytrack-cal-week td.active.filled.alarm {background:#F1413C;color:white;}
.fytrack-cal-week td i {float:right;margin-left:5px;}
.fytrack-cal-maand td i {float:right;margin-left:5px;}
.fytrack-this {display:block;color:#B3B3B3;cursor:pointer;width:150px;margin:15px auto;text-align:center;}
.fytrack-prev {float:left;color:#B3B3B3;cursor:pointer;margin:15px 0;}
.fytrack-next {float:right;color:#B3B3B3;cursor:pointer;margin:15px 0;}
.fytrack-oefening b {color:#622181;}
.fytrack-oefening td {padding:0 10px 0 0;}
.fytrack-filter {max-width:100%;border:none;border-spacing:4px;}
.fytrack-filter th {width:12.5%;color:#622181;font-weight:bold;text-align:left;padding:8px 3px;vertical-align:top;}
.fytrack-filter td {color:#B3B3B3;border-bottom:4px solid #B3B3B3;padding:8px 3px;vertical-align:top;cursor:pointer;}
.fytrack-filter td.active {border-color:#622181;color:#622181;}
.fytrack-entries {width:100%;max-width:100%;border:none;border-spacing:4px;}
.fytrack-entries th {width:12.5%;color:#622181;font-weight:bold;text-align:left;padding:8px 3px;vertical-align:top;}
.fytrack-entries td {color:#B3B3B3;border-bottom:4px solid #B3B3B3;padding:8px 3px;vertical-align:top;cursor:pointer;}
.fytrack-entries td.active {border-color:#622181;color:#622181;}
.fytrack-oefeningen {width:100%;max-width:100%;border:none;border-spacing:4px;}
.fytrack-oefeningen th {width:12.5%;color:#622181;font-weight:bold;text-align:left;padding:8px 3px;vertical-align:top;}
.fytrack-oefeningen td {color:#B3B3B3;border-bottom:4px solid #B3B3B3;padding:8px 3px;vertical-align:top;cursor:pointer;}
.fytrack-oefeningen td.active {border-color:#622181;color:#622181;}
.ui-slider {position:relative;text-align:left;width:auto;border:none;height:3px;background:#C0C0C8;background:linear-gradient(to right, red, yellow, #00E26C);margin:15px 40px 15px;}
.ui-slider.reverse {background:linear-gradient(to right, #00E26C, yellow, red);}
.ui-slider.neutraal {background:#C0C0C8;}
.ui-slider .ui-slider-handle {position:absolute;z-index:2;width:30px;height:30px;margin:-14px -15px;cursor:default;-ms-touch-action:none;touch-action:none;background:#622181;border-radius:50%;outline:none;text-align:center;color:white !important;text-decoration:none;font-size:9px;line-height:30px;}
.ui-slider.inactive .ui-slider-handle {background:#C0C0C8;}
.ui-slider .ui-label-left {font-size:12px;position:absolute;z-index:1;top:-7px;left:-35px;color:#B3B3B3;}
.ui-slider .ui-label-right {font-size:12px;position:absolute;z-index:1;top:-7px;right:-35px;color:#B3B3B3;}
.ui-slider-vertical {position:relative;text-align:left;width:3px;border:none;height:170px;background:#C0C0C8;background:linear-gradient(to bottom, red, yellow, #00E26C);margin-top:15px;margin-left:19px;}
.ui-slider-vertical.reverse {position:relative;text-align:left;width:3px;border:none;height:170px;background:#C0C0C8;background:linear-gradient(to bottom, red, yellow, #00E26C);margin-top:15px;margin-left:19px;}
.ui-slider-vertical .ui-slider-handle {margin:-12px -14px;}
.ui-slider-vertical .ui-label-left {display:none;}
.ui-slider-vertical .ui-label-right {display:none;}
.bericht p,
.bericht ul,
.bericht ol {margin:0;}
@media screen and (max-width: 600px)
{
#welkom {display:none;}
#controls {position:absolute;top:0;left:0;width:100%;background:rgba(255, 255, 255, 0.85);}
#controls ul {display:none;margin:0;}
#controls .icon-menu {display:block;}
#controls .icon-logout {display:none;}
body.menu #controls ul {display:block;padding:50px 0 20px;border-bottom:3px solid #622181;}
body.menu #controls li {display:block;padding:5px 30px;width:auto;}
body.menu #controls .icon-logout {display:block;top:50px;}
#menu ul.right {max-width:50%;}
#content {width:auto;min-width:100%;overflow-x:auto;padding-left:0px;padding-right:15px;-webkit-overflow-scrolling:touch;}
/* #content #siteform {width:auto;min-width:100%;border:10px solid red;display:block;} */
#content #siteform > table {width:200%;margin:0;border:none;border-left:20px solid white;border-right:20px solid white;}
}