.switch{margin-top:0!important;position:relative;display:inline-block;vertical-align:top;font-size:11px!important;width:40px;height:20px;padding:3px;background-color:#fff;border-radius:18px;cursor:pointer}
.switch-input{position:absolute;top:0;left:0;opacity:0}
.switch-label{position:relative;display:block;height:inherit;font-size:10px;text-transform:uppercase;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);-moz-transition:.15s ease-out;-o-transition:.15s ease-out;-webkit-transition:.15s ease-out;transition:.15s ease-out;-moz-transition-property:opacity background;-o-transition-property:opacity background;-webkit-transition-property:opacity background;transition-property:opacity background}
.switch-label:after,.switch-label:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;-moz-transition:inherit;-o-transition:inherit;-webkit-transition:inherit;transition:inherit}
.switch-label:before{content:attr(data-off);right:11px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.5)}
.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}
.switch-input:checked~.switch-label{box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}
.switch-input:checked~.switch-label:before{opacity:0}
.switch-input:checked~.switch-label:after{opacity:1}
.switch-handle{position:absolute;top:4px;left:4px;width:18px;height:18px;background:#fff;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,.2);background-image:-webkit-linear-gradient(top,#fff 40%,#f0f0f0);background-image:-moz-linear-gradient(top,#fff 40%,#f0f0f0);background-image:-o-linear-gradient(top,#fff 40%,#f0f0f0);background-image:linear-gradient(to bottom,#fff 40%,#f0f0f0);-moz-transition:left .15s ease-out;-o-transition:left .15s ease-out;-webkit-transition:left .15s ease-out;transition:left .15s ease-out}
.switch-handle:before{content:'';position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:#f9f9f9;border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,.02);background-image:-webkit-linear-gradient(top,#eee,#fff);background-image:-moz-linear-gradient(top,#eee,#fff);background-image:-o-linear-gradient(top,#eee,#fff);background-image:linear-gradient(to bottom,#eee,#fff)}
.switch-input:checked~.switch-handle{left:18px;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}
.switch-green>.switch-input:checked~.switch-label{background:#4fb845}
.switch-white>.switch-input:checked~.switch-label{background:#fff}
.switch-white>.switch-input~.switch-label{background:#fff;width:48px}
.switch-white>.switch-input~.switch-label:after,.switch-white>.switch-input~.switch-label:before{color:#000}
div.clock{border:1px solid #254855;border-radius:4px;height:30px;width:220px;background-color:#fff}
div.clock img{padding:3px;position:absolute;left:50%;margin-left:-17px}
div.clock span{color:#133954;float:left;font-size:16px;font-weight:700;line-height:31px;padding:0 10px}
div.clock span.right{float:right}
#header{float:left;box-sizing:border-box;width:100%;height:44px;max-height:50px;padding:0 5px 0 0;position:relative}
#header img.logo{float:left;padding:6px 10px}
#header div.headlines{float:left;margin:4px 0 4px 5px}
#header div.headlines.right{float:right}
#header div.headlines.single-line{margin:14px 5px 13px}
#header div.headlines h1{color:#133954;font-size:18px;margin:0;line-height:20px}
#header div.headlines p{color:#3F7890;font-size:13px;margin:0;font-weight:600;line-height:15px}
#header ul.header-nav{float:left;height:32px;list-style-type:none;margin:0;padding:6px 0}
#header ul.header-nav.right{float:right}
#header ul.header-nav li{float:inherit;margin-left:5px}
#header ul.header-nav li:last-of-type{margin-right:0}
#header ul.header-nav li button{background-color:#CBE0E8;border:1px solid #254855;border-radius:4px;color:#254855;cursor:pointer;float:left;font-size:12px;font-weight:700;height:30px;line-height:30px;padding:0 6px;text-align:center}
#header ul.header-nav li button:hover{background-color:#9CC4D3}
#header ul.header-nav li button.active,#header ul.header-nav li button.active:hover,#header ul.header-nav li button:focus{background-color:#71AAC1}
#header ul.header-nav li button.secondary{background-color:#FFD189}
#header ul.header-nav li button.secondary:hover{background-color:#FFC05C}
#header ul.header-nav li button.disabled{background-color:#E0E0E0;color:#757575;cursor:not-allowed}
#header ul.header-nav li button.disabled:hover{background-color:#E0E0E0;color:#757575}
#header ul.header-nav li img{padding:3px 3px 3px 0;float:left}
#header div.clock{position:absolute;left:50%;margin-left:-110px;top:6px}
div#submenu{position:absolute;left:-300px;top:200px}
div#submenu-whiteboard{float:left;margin:0 auto;height:40px;width:auto;box-shadow:0 4px 4px #777;position:relative;text-align:center;font-size:11px;z-index:20;background:#9CC4D3;background:-webkit-linear-gradient(-90deg,#9CC4D3,#71AAC1);background:linear-gradient(180deg,#9CC4D3,#71AAC1)}
div#submenu-whiteboard div.submenu-container{width:100%;box-sizing:border-box;margin:7px 0;padding:0 5px}
div#submenu-whiteboard.full-width{width:100%}
div#submenu-whiteboard.button-left div.submenu-container{padding-left:125px}
div#submenu-whiteboard.button-left-small div.submenu-container{padding-left:75px}
div#submenu-whiteboard.button-right div.submenu-container{padding-right:125px}
div#submenu-whiteboard>a,div#submenu-whiteboard>button,div#submenu-whiteboard>p{position:absolute;height:26px;width:113px;margin:7px 0;top:0;padding:0}
div#submenu-whiteboard>a.left,div#submenu-whiteboard>button.left,div#submenu-whiteboard>p.left{left:5px}
div#submenu-whiteboard>a.right,div#submenu-whiteboard>button.right,div#submenu-whiteboard>p.right{right:5px}
div#submenu-whiteboard>a.small,div#submenu-whiteboard>button.small,div#submenu-whiteboard>p.small{width:65px}
div#submenu-whiteboard>a.secondary,div#submenu-whiteboard>button.secondary,div#submenu-whiteboard>p.secondary{background-color:#FFD189;border:1px solid #285A7B;border-radius:5px;cursor:pointer}
div#submenu-whiteboard>a.secondary:focus,div#submenu-whiteboard>a.secondary:hover,div#submenu-whiteboard>button.secondary:focus,div#submenu-whiteboard>button.secondary:hover,div#submenu-whiteboard>p.secondary:focus,div#submenu-whiteboard>p.secondary:hover{background-color:#FFC05C}
div#submenu-whiteboard>a.secondary div.arrow,div#submenu-whiteboard>button.secondary div.arrow,div#submenu-whiteboard>p.secondary div.arrow{position:absolute;top:10px;right:5px;width:0;height:0;border-style:solid;border-width:7px 6px 0;border-color:#000 transparent transparent}
div#submenu-whiteboard>p{margin:8px 0;line-height:26px}
div#submenu-whiteboard img{width:18px;height:18px;margin-bottom:-4px}
div#submenu-whiteboard ul{height:28px;line-height:24px;padding:0;margin:0;list-style-type:none}
div#submenu-whiteboard ul li{display:table-cell;width:1%;position:relative}
div#submenu-whiteboard ul li:hover div.tooltip{display:block}
div#submenu-whiteboard ul li:first-of-type a,div#submenu-whiteboard ul li:first-of-type button{border-left:1px solid #285A7B;border-top-left-radius:5px;border-bottom-left-radius:5px}
div#submenu-whiteboard ul li:last-of-type a,div#submenu-whiteboard ul li:last-of-type button{border-top-right-radius:5px;border-bottom-right-radius:5px}
div#submenu-whiteboard ul li a,div#submenu-whiteboard ul li button{height:26px;background-color:#F0F6FA;float:left;width:100%;font-weight:600;color:#19384D;cursor:pointer;border-right:1px solid #285A7B;border-top:1px solid #285A7B;border-bottom:1px solid #285A7B;border-left:none;box-sizing:border-box;text-decoration:none;white-space:nowrap;font-size:11px}
div#submenu-whiteboard ul li a:hover,div#submenu-whiteboard ul li button:hover{background-color:#D1E4F0}
div#submenu-whiteboard ul li a:focus,div#submenu-whiteboard ul li button:focus{background-color:#A3C8E1}
div#submenu-whiteboard ul li a.active,div#submenu-whiteboard ul li button.active{background-color:#285A7B;color:#fff}
div#submenu-whiteboard ul li a.dropdown,div#submenu-whiteboard ul li button.dropdown{background-color:#FFD189}
div#submenu-whiteboard ul li a.dropdown:hover,div#submenu-whiteboard ul li button.dropdown:hover{background-color:#FFC05C}
div#submenu-whiteboard ul li div.tooltip{display:none;background:url(../../../src/assets/images/tooltip_small.png) no-repeat;font-size:12px;height:85px;width:160px;padding:10px 25px 25px;color:#fff;position:absolute;top:-70px;left:50%;margin-left:-105px}
div#submenu-whiteboard ul li div.tooltip span{display:block}
div#submenu-whiteboard ul li div.tooltip span.class{height:18px;font-weight:700;font-size:15px}
div#submenu-whiteboard ul li div.tooltip span.school{font-size:12px}
div#topmenu{box-sizing:border-box;width:1002px;width:100%;text-align:center;overflow:visible}
div#topmenu ul{float:left;list-style-type:none;padding:0;margin:0;width:100%;background-image:url(../images/topmenu_bg.png)}
div#topmenu ul.single-item li{display:block;width:100%}
div#topmenu li{display:table-cell;width:1%;max-width:300px}
div#topmenu li:first-of-type a{border-left:none}
div#topmenu li:last-of-type a{border-right:none}
div#topmenu button{cursor:pointer;box-sizing:border-box;height:42px;margin-top:0;float:left;width:100%;line-height:41px;border-bottom:none;border-top:1px solid #19384D;border-left:1px solid #19384D;border-right:1px solid #19384D;border-radius:6px 6px 0 0;color:#F0F6FA;font-size:15px;font-weight:600;text-decoration:none;position:relative;overflow:visible;background:#32709A;background:-webkit-linear-gradient(-90deg,#32709A,#19384D);background:linear-gradient(180deg,#32709A,#19384D)}
div#topmenu button:hover{background:#285A7B;background:-webkit-linear-gradient(-90deg,#285A7B,#0F222E);background:linear-gradient(180deg,#285A7B,#0F222E)}
div#topmenu button:focus{background:#285A7B;background:-webkit-linear-gradient(-90deg,#285A7B,#0F222E);background:linear-gradient(180deg,#285A7B,#0F222E);color:#fff}
div#topmenu button.active{color:#19384D;background:#F1F7F9;background:-webkit-linear-gradient(-90deg,#F1F7F9,#9CC4D3);background:linear-gradient(180deg,#F1F7F9,#9CC4D3)}
div#topmenu button span{white-space:nowrap}
div#topmenu button img{position:relative}
div#topmenu.topmenu-whiteboard ul{display:table}
div#topmenu.topmenu-whiteboard ul li{width:33%}
div#topmenu.topmenu-whiteboard ul button{font-size:24px}
div#topmenu.topmenu-staff ul button img{position:absolute;top:-12px;right:-10px;z-index:10}
div#S_Identitycard p.form-line{line-height:24px;margin:0;padding:0}
div#S_Identitycard p.protection{margin:0 0 -2px;color:red}
div#S_Identitycard span#charsRemaining{float:left;width:100%;margin-bottom:5px}
.grayout table tr:not(:first-child){opacity:.4;filter:alpha(opacity=40)}
.time-input{width:40%!important;text-align:center}
.days-table td{border:0;font-size:80%}
td.day{width:20%}
td.lab{text-align:left}