@charset "UTF-8";body{margin:0;font-family:Alegreya Sans,sans-serif!important}body hr{margin:0;border-radius:0;border:none;border-bottom:5px solid #009899}.wrapper{max-width:1600px;margin:0 auto;padding:0 1em;display:block}@media only screen and (max-width:1200px){.wrapper{max-width:980px}}@media only screen and (max-width:980px){.wrapper{max-width:768px}}@media only screen and (max-width:768px){.wrapper{max-width:480px}}@media only screen and (max-width:480px){.wrapper{max-width:100%;padding:0 15px}}.background{background-position:50%;background-size:cover;z-index:-2}.background,.backgroundoverlay{position:fixed;height:100%;width:100%;top:0;left:0}.backgroundoverlay{background-color:rgba(0,152,153,.51);z-index:-1}.loginform{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:500px;background-color:#fff;padding:40px;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 42px -8px rgba(0,0,0,.75)}@media only screen and (max-width:768px){.loginform{width:80%;min-width:unset;padding:20px}}.loginform h1{color:#009899;text-transform:uppercase;margin-top:0}.loginform input{outline:none;display:block;background:rgba(0,0,0,.1);width:100%;border:0;border-radius:4px;box-sizing:border-box;padding:12px 20px;font-family:inherit;font-size:inherit;line-height:inherit;transition:.3s ease;margin:10px 0}.loginform label{letter-spacing:1px;font-size:13px;color:rgba(0,0,0,.74);text-transform:uppercase}.loginform button{outline:none;background:#009899;width:100%;border-radius:4px;padding:12px 16px;color:#fff;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;text-transform:uppercase;cursor:pointer;margin-top:20px;border:2px solid #009899;transition:.4s}.loginform button:hover{background:transparent;color:#009899;transition:.4s}.headermain{width:100%;height:100px;background-color:#fff;box-shadow:0 5px 70px 0 rgba(0,0,0,.5);position:relative}.headermain .wrapper{height:100%}.headermain .logotopleft{height:50px;background-position:0;background-repeat:no-repeat;width:290px;position:absolute;top:50%;transform:translateY(-50%)}.headermain .time{float:right;color:#009899;font-size:30px;font-weight:700;height:100%;display:flex;justify-content:space-around}.headermain .time #date{margin:auto;text-align:right;top:32px;display:flex;flex-direction:row}.headermain .time div#txt{position:relative;text-align:right;top:5px}.buttonwrapper{position:fixed;bottom:0;height:200px;width:100px}.buttonwrapper .fullscreenbutton{bottom:110px}.buttonwrapper .fullscreenbutton,.buttonwrapper .tobackendicon{position:fixed;height:40px;width:40px;left:10px;background-color:#fff;color:#009899;border-radius:50%;z-index:9999;font-size:21px;transition:.4s;cursor:pointer;box-shadow:0 0 42px -8px rgba(0,0,0,.75)}.buttonwrapper .tobackendicon{bottom:60px;text-align:center}.buttonwrapper .tobackendicon i{padding-top:8px;padding-left:3px}.buttonwrapper .logouticon{position:fixed;height:40px;width:40px;bottom:10px;left:10px;background-color:#fff;color:#009899;border-radius:50%;z-index:9999;font-size:21px;transition:.4s;cursor:pointer;text-align:center;box-shadow:0 0 42px -8px rgba(0,0,0,.75)}.buttonwrapper .logouticon i{padding-top:8px;padding-left:3px}.nonactive .fullscreenbutton,.nonactive .logouticon,.nonactive .tobackendicon{transition:left 1s!important;left:-50px!important}.nonactive:hover .fullscreenbutton,.nonactive:hover .logouticon,.nonactive:hover .tobackendicon{left:10px!important}.alertsize{background-color:#fff;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;display:none}.alertsize h1,.alertsize h3{color:#009899}@media only screen and (max-width:980px){.alertsize{display:block}}@media screen and (max-height:540px){.alertsize{display:block}}.footermain{width:100%;background-color:#fff;display:inline-block;height:50px}.footermain .c8logo{height:25px;width:80px;float:left;margin:12px 50px 12px 0;background-position:50%;background-repeat:no-repeat}.footermain ul{display:inline-block;height:50px;margin:0;padding:0}.footermain ul li{list-style:none;float:left;padding:0 20px 0 0;margin:15px 0;font-weight:700}.mainblockbottomcenter ::-webkit-scrollbar,.mainblocknotificationactive ::-webkit-scrollbar,.mainblocktopleft ::-webkit-scrollbar,.mainblocktopright ::-webkit-scrollbar{width:7px;margin-right:2px}.mainblockbottomcenter ::-webkit-scrollbar-thumb,.mainblocknotificationactive ::-webkit-scrollbar-thumb,.mainblocktopleft ::-webkit-scrollbar-thumb,.mainblocktopright ::-webkit-scrollbar-thumb{background:#009899;border-radius:5px}.mainblockbottomcenter ::-webkit-scrollbar-thumb:hover,.mainblocknotificationactive ::-webkit-scrollbar-thumb:hover,.mainblocktopleft ::-webkit-scrollbar-thumb:hover,.mainblocktopright ::-webkit-scrollbar-thumb:hover{background:#009899}.mainblockbottomcenter h1,.mainblocknotificationactive h1,.mainblocktopleft h1,.mainblocktopright h1{color:#009899;font-weight:600;text-transform:uppercase;margin:15px 0 10px 15px;padding:0}.mainblockbottomcenter th,.mainblocknotificationactive th,.mainblocktopleft th,.mainblocktopright th{font-size:25px;text-align:left;color:#009899;padding:10px 0}.mainblockbottomcenter td,.mainblocknotificationactive td,.mainblocktopleft td,.mainblocktopright td{font-size:20px;padding-right:30px;color:#676767;font-weight:700}.mainblockbottomcenter td:last-child,.mainblocknotificationactive td:last-child,.mainblocktopleft td:last-child,.mainblocktopright td:last-child{padding-right:0}.mainblocktopleft{margin:40px 20px 40px 0;background-color:#fff;width:-webkit-fill-available;box-shadow:0 0 54px -16px rgba(0,0,0,.75);overflow:hidden;transition-duration:.3s}.mainblocktopleft #ovdata_scroll{margin:0 2px 0 20px}.mainblocktopleft #messages{color:red}.mainblocktopleft #messages .row:after{content:"";display:table;clear:both}.mainblocktopleft #messages .message{float:left;max-width:80%}.mainblocktopleft #messages .location{float:right}.mainblocktopleft .mainblocktopleftcontent{width:100%;display:inline-block;overflow:hidden}.mainblocktopleft .mainblocktopleftcontent #schedule{height:100%;width:100%;border-collapse:collapse}.mainblocktopleft .mainblocktopleftcontent #schedule thead tr{display:block}.mainblocktopleft .mainblocktopleftcontent #schedule tbody{height:100%;display:block;overflow:hidden}.mainblocktopleft .mainblocktopleftcontent td.time{letter-spacing:2px;font-weight:900;font-size:25px;min-width:110px}.mainblocktopleft .mainblocktopleftcontent td.lijnnummer{letter-spacing:2px;font-weight:900;font-size:25px;padding-right:40px}.mainblocktopleft .mainblocktopleftcontent .delay,.mainblocktopleft .mainblocktopleftcontent .early{color:orange}.mainblocktopright{margin:40px 0 40px 20px;display:flex;flex-direction:column;background-color:#fff;width:-webkit-fill-available;box-shadow:0 0 54px -16px rgba(0,0,0,.75)}.mainblocktopright table.head{padding:0 20px}.mainblocktopright table.head th{padding-right:30px}.mainblocktopright table.head th:first-child{width:50px}.mainblocktopright table.head th:nth-child(2){width:150px}.mainblocktopright table.head th:nth-child(3){width:130px}.mainblocktopright table.head th:nth-child(4){width:200px}.mainblocktopright table .period{width:50px!important}.mainblocktopright table tr td:first-child{width:150px}.mainblocktopright table tr td:nth-child(2){width:110px}.mainblocktopright table tr td:nth-child(3){width:210px}.mainblocktopright div#rooster-display{overflow:auto;padding:0 20px;margin-right:2px}.mainblocktopright div#rooster-display hr{height:1px;border-bottom:1px solid #ddd}.mainblocktopright div#rooster-display h4{margin:15px 0 5px;color:#009899;font-size:20px}.mainblocktopright .crossed_out{text-decoration:line-through;color:#ff4500}.mainblocktopright .crossed_out,.mainblocktopright .new{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mainblocktopright .new{color:#ff8c00}.mainblockbottomcenter{margin:0 0 40px;background-color:#fff;float:left;height:210px;width:-webkit-fill-available;box-shadow:0 0 54px -16px rgba(0,0,0,.75)}.mainblockbottomcenter .contentmainblockbottomcenter{display:block;height:141px;width:100%;position:relative;overflow:hidden}.mainblockbottomcenter .contentmainblockbottomcenter .newstitle{padding:15px 0 15px 15px;font-size:22px;font-weight:600;text-transform:uppercase;color:#676767}.mainblockbottomcenter .contentmainblockbottomcenter .newstitle i{color:#009899;font-size:30px;vertical-align:bottom;display:inline-block;margin-right:20px}.mainblockbottomcenter .contentmainblockbottomcenter .newstext{font-size:20px;letter-spacing:2px;margin:0 56px;color:#676767;font-weight:700}.mainblockbottomcenter #news,.mainblockbottomcenter #news .slick-list,.mainblockbottomcenter #news .slick-list .slick-slide{height:141px!important}.mainblocknotificationactive{margin:0 0 40px;background-color:#fff;float:right;height:210px;width:-webkit-fill-available;box-shadow:0 0 54px -16px rgba(0,0,0,.75)}.mainblocknotificationactive .contenmainblocknotificationactive{display:block;height:141px;width:100%;position:relative}.mainblocknotificationactive .contenmainblocknotificationactive .newstitle{padding:15px 0 15px 15px;font-size:22px;font-weight:600;text-transform:uppercase;color:#676767}.mainblocknotificationactive .contenmainblocknotificationactive .newstitle i{color:#009899;font-size:30px;vertical-align:bottom;display:inline-block;margin-right:20px}.mainblocknotificationactive .contenmainblocknotificationactive .newstext{font-size:20px;letter-spacing:2px;margin:0 56px;color:#676767;font-weight:700}.mainblocknotificationactive #vergaderingen,.mainblocknotificationactive #vergaderingen .slick-list,.mainblocknotificationactive #vergaderingen .slick-list .slick-slide{height:141px!important}.slick-dots{position:absolute;right:0;top:40%;transform:translateY(-50%);width:25px;list-style:none;text-align:center}.slick-dots li{height:6px;margin:4px;background:transparent;border-radius:5px;overflow:hidden;text-indent:-999em;border:2px solid #009899;cursor:pointer;float:left;width:100%;max-width:6px}.slick-dots li.slick-active{background:#009899;cursor:default}.backend{margin-top:50px}.backend h1{margin:0}.backend h1.entry-title{color:#009899}.backend h1.accordion-toggle{background-color:#eee;color:#444;cursor:pointer;padding:10px;width:100%;text-align:left;border:none;outline:none;transition:.4s;margin:10px 0;font-size:25px}.backend h1.accordion-toggle.active,.backend h1.accordion-toggle:hover{background-color:#ccc}.backend h1.accordion-toggle.active:after{content:"➖";padding:14px 0;margin-top:-10px}.backend h1.accordion-toggle:after{content:"➕";font-size:13px;color:#777;float:right;margin-left:5px;padding:14px 0;margin-top:-10px}.backend .accordion-content{display:none}.backend button.button{outline:none;background:#009899;border-radius:4px;padding:12px 16px;color:#fff;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;text-transform:uppercase;cursor:pointer;margin-top:20px;border:2px solid #009899;transition:.4s}.backend button.button:hover{background:transparent;color:#009899;transition:.4s}.backend table{border-collapse:collapse}.backend table thead tr th{text-align:left;padding:10px 20px;vertical-align:top;font-size:20px}.backend table tbody tr{cursor:pointer}.backend table tbody tr:hover{background-color:rgba(0,0,0,.075)}.backend table tbody tr.select{background-color:rgba(0,0,0,.15)}.backend table tbody tr td{padding:10px 20px;vertical-align:top;border-top:1px solid #dee2e6}.backend table tbody tr td:first-child{font-weight:700;font-size:20px}.backend table tbody tr button{background:none;border:none;cursor:pointer;font-size:15px;transition:.4s;color:#93969a;outline:none}.backend table tbody tr button.delete:hover{color:#ff4500;transition:.4s}.backend table tbody tr button.change:hover{color:#000;transition:.4s}.backend table tbody tr:first-child td{border-top:2px solid #dee2e6}.fullscreenbackground{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:99999998}.fullscreenbackground h1{color:#009899;margin-top:0}.fullscreenbackground .modal-panel{width:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ddd;padding:40px;z-index:99999999;box-shadow:0 5px 70px 0 rgba(0,0,0,.5)}.fullscreenbackground .modal-panel .form-content input[type=text],.fullscreenbackground .modal-panel .form-content textarea{width:600px}.fullscreenbackground .modal-panel .form-content input,.fullscreenbackground .modal-panel .form-content textarea{outline:none;display:block;width:100%;border:0;border-radius:4px;box-sizing:border-box;padding:12px 20px;font-family:inherit;font-size:inherit;line-height:inherit;margin:10px 0}.fullscreenbackground .modal-panel .form-content label{letter-spacing:1px;font-size:13px;color:rgba(0,0,0,.74);text-transform:uppercase}.fullscreenbackground .modal-panel .form-content button{outline:none;background:#009899;width:100%;border-radius:4px;padding:12px 16px;color:#fff;font-family:inherit;font-size:inherit;font-weight:500;line-height:inherit;text-transform:uppercase;cursor:pointer;margin-top:20px;border:2px solid #009899;transition:.4s}.fullscreenbackground .modal-panel .form-content button:hover{background:transparent;color:#009899;transition:.4s}.fullscreenbackground .modal-panel .back-btn button{float:right;border:none;background:none;font-size:25px;position:absolute;top:20px;right:20px;color:#93969a;cursor:pointer}.fullscreenbackground .modal-panel .back-btn button:hover{color:#ff4500;transition:.4s}.fullscreenbackground .errors{color:red;font-weight:700}.hidden{visibility:hidden}app-display-view{display:flex;flex-direction:column;justify-content:space-between;height:100vh}