@-webkit-keyframes show-loader--dot {
  0% {
    -webkit-transform:scale(.001);
    transform:scale(.001)
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@-webkit-keyframes slide-loader--dot {
  to {
    -webkit-transform:translateX(15px);
    transform:translateX(15px)
  }
}
@keyframes show-loader--dot {
  0% {
    -webkit-transform:scale(.001);
    transform:scale(.001)
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes slide-loader--dot {
  to {
    -webkit-transform:translateX(15px);
    transform:translateX(15px)
  }
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  to {
    -webkit-transform:scale(0)
  }
  40% {
    -webkit-transform:scale(1)
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  to {
    transform:scale(0);
    -webkit-transform:scale(0)
  }
  40% {
    transform:scale(1);
    -webkit-transform:scale(1)
  }
}
.mixin-width-stretch {
  width:-webkit-fill-available;
  width:-moz-available;
  width:stretch
}
.mixin-grid-reset {
  clear:both;
  float:none;
  margin-left:0;
  margin-right:0;
  width:auto
}
.mixin-clearfix:after,
.mixin-clearfix:before {
  content:"";
  display:table
}
.mixin-clearfix:after {
  clear:both
}
@font-face {
  font-family:'Open Sans';
  src:url(../fonts/OpenSans-Regular-webfont-ver-79515AD0788973C533405F7012DFECCD.woff) format('woff'),
  url(../fonts/OpenSans-Regular-webfont-ver-488D5CC145299BA07B75495100419EE6.ttf) format('truetype'),
  url(../fonts/OpenSans-Regular-webfont-ver-8185EB3059C46E4169CE107DFCF85950.svg#open_sansregular) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Open Sans Light';
  src:url(../fonts/OpenSans-Light-webfont-ver-45B47F3E9C7D74B80F5C6E0A3C513B23.woff) format('woff'),
  url(../fonts/OpenSans-Light-webfont-ver-2E98FC3CE85F31F63010B706259CB604.ttf) format('truetype'),
  url(../fonts/OpenSans-Light-webfont-ver-8F04ED9AEB2185499068D84842B95AA1.svg#open_sanslight) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Open Sans Semibold';
  src:url(../fonts/OpenSans-Semibold-webfont-ver-697574B47BCFDD2C45E3E63C7380DD67.woff) format('woff'),
  url(../fonts/OpenSans-Semibold-webfont-ver-B32ACEA6FD3C228B5059042C7AD21C55.ttf) format('truetype'),
  url(../fonts/OpenSans-Semibold-webfont-ver-3F6B1EED8A0832D6F316FC26526348A8.svg#open_sanssemibold) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Droid Sans Regular';
  src:url(../fonts/DroidSans-webfont-ver-5D747C4B2157CC42A6C8EE77EB092BD8.woff) format('woff'),
  url(../fonts/DroidSans-webfont-ver-5ABAF7B5FA05765A3D62FC84065D7036.ttf) format('truetype'),
  url(../fonts/DroidSans-webfont-ver-CC8179649C06E8CE0AFE83238C7095DC.svg#DroidSansRegular) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Droid Sans Bold';
  src:url(../fonts/DroidSans-Bold-webfont-ver-57D9BF5DC1E289B5FD21977D4A9607C2.woff) format('woff'),
  url(../fonts/DroidSans-Bold-webfont-ver-B58126D663DB663DC065483D9C747212.ttf) format('truetype'),
  url(../fonts/DroidSans-Bold-webfont-ver-A14452466B334E165660D55176AEF23C.svg#DroidSansBold) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Droid Serif Regular';
  src:url(../fonts/DroidSerif-Regular-webfont-ver-19E4E6AB1175D555D122D9352C1010AE.woff) format('woff'),
  url(../fonts/DroidSerif-Regular-webfont-ver-6909D13A884BEAFDE611786B1A91CDBB.ttf) format('truetype'),
  url(../fonts/DroidSerif-Regular-webfont-ver-121209375797C6B24D2A1A9B4D1414C4.svg#DroidSerifRegular) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Droid Serif Bold';
  src:url(../fonts/DroidSerif-Bold-webfont-ver-1FE32EE4A3403150BE2752438A2B5D2B.woff) format('woff'),
  url(../fonts/DroidSerif-Bold-webfont-ver-CFD2967797B72556F726227F12FEF9BD.ttf) format('truetype'),
  url(../fonts/DroidSerif-Bold-webfont-ver-B993F50FE45584E1660E71692673505E.svg#DroidSerifBold) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Droid Serif Italic';
  src:url(../fonts/DroidSerif-Italic-webfont-ver-48E9D4A05FF3C06330051E41D9B47609.woff) format('woff'),
  url(../fonts/DroidSerif-Italic-webfont-ver-5B5941843BF3FA2E368EB000C9F3B927.ttf) format('truetype'),
  url(../fonts/DroidSerif-Italic-webfont-ver-2CE7157DDB481AD01CB04C46D3AC7052.svg#DroidSerifItalic) format('svg');
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:'Droid Serif BoldItalic';
  src:url(../fonts/DroidSerif-BoldItalic-webfont-ver-235EC08A0C375E6275FF9F7894E27FB7.woff) format('woff'),
  url(../fonts/DroidSerif-BoldItalic-webfont-ver-AD12A375A3A2E3527403A251D1889AD0.ttf) format('truetype'),
  url(../fonts/DroidSerif-BoldItalic-webfont-ver-CA9D09A9727CD29A6E432477EF1461B8.svg#DroidSerifBoldItalic) format('svg');
  font-weight:400;
  font-style:normal
}
a,
b,
div,
form,
html,
i,
img,
input,
li,
p,
span,
ul {
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline;
  font-size:100%
}
body,
h1 {
  margin:0
}
body,
h1,
h2,
h3,
h4,
h5,
textarea {
  vertical-align:baseline
}
h4,
h5,
textarea {
  font-size:100%
}
body,
h1,
h2,
h3,
h4,
h5 {
  padding:0;
  border:0
}
h4,
h5 {
  line-height:15px;
  margin:0 0 10px;
  padding-bottom:2px;
  color:#2b2b2b
}
textarea {
  margin:0
}
[hidden] {
  display:none!important
}
a {
  outline:0;
  color:#39f;
  cursor:pointer
}
a,
a:hover {
  text-decoration:none
}
body {
  line-height:1;
  font-size:12px;
  font-family:Open Sans,Arial,Helvetica,sans-serif;
  overflow-y:scroll;
  overflow-x:hidden;
  background:#f0f3f5
}
body.is-locked {
  overflow:hidden
}
input[type=password],
input[type=text],
input[type=url] {
  display:inline-block;
  width:200px;
  line-height:23px;
  height:21px;
  border:1px solid #adc0cb;
  background:#fff url(../images/bck_input-ver-9B61EADB0C34FA5DB402353188EA62F3.png) repeat-x;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px
}
input[type=password][disabled],
input[type=text][disabled],
input[type=url][disabled] {
  background:#ccc
}
input[type=button],
input[type=submit] {
  float:right
}
h1 {
  line-height:27px;
  font-weight:700;
  color:#004f9b
}
h2 {
  line-height:22px;
  font-size:16px;
  font-weight:600;
  margin:0 0 4px;
  color:#000829
}
h3,
h3 a {
  text-transform:none
}
h3 {
  line-height:22px;
  color:#3b4d68;
  font-size:16px;
  font-weight:600;
  margin:0 0 8px
}
h3 a {
  margin-left:8px
}
h3 a,
h5 {
  font-weight:400
}
h5 {
  margin:10px 0 0
}
select {
  border-radius:3px
}
li {
  list-style:none
}
.panel-header .sub {
  font-size:11pt;
  color:#3b4d68
}
.watermark {
  color:#666
}
.left {
  float:left
}
.right {
  float:right
}
.center {
  text-align:center
}
.bold {
  font-weight:700
}
.inline {
  display:inline-block
}
.flex {
  display:flex
}
.left-5 {
  margin-left:5px
}
#user>.header~img {
  margin-left:10px
}
.l-16,
.left-16 {
  margin-left:16px
}
.l-30 {
  margin-left:30px
}
.l-40 {
  margin-left:40px
}
.l-50 {
  margin-left:50px
}
.l-60 {
  margin-left:60px
}
.l-70 {
  margin-left:70px
}
.l-80 {
  margin-left:80px
}
.l-90 {
  margin-left:90px
}
.l-100 {
  margin-left:100px
}
.bottom-10,
div.error-panel .error-tekst h1 {
  margin-bottom:10px
}
.bottom-20 {
  margin-bottom:20px
}
.b-30,
.bottom-30 {
  margin-bottom:30px
}
.b-40,
.bottom-40 {
  margin-bottom:40px
}
.b-50,
.bottom-50 {
  margin-bottom:50px
}
.top-10 {
  margin-top:10px
}
.form-ouderavond form,
.t-20,
.top-20 {
  margin-top:20px
}
.t-30,
.top-30 {
  margin-top:30px
}
.t-40,
.top-40 {
  margin-top:40px
}
.t-50,
.top-50 {
  margin-top:50px
}
.r-5 {
  margin-right:5px
}
.defaultcursor {
  cursor:default
}
.linkify {
  cursor:pointer;
  color:#39f
}
.hidden {
  display:none
}
.dialogKnop {
  background:#00a9bf;
  border-radius:2px;
  float:right;
  box-shadow:2px 2px 3px #888;
  margin:15px;
  padding:7px 45px;
  cursor:pointer
}
#master-panel .date div,
.dialogKnop span {
  color:#fff;
  text-align:center;
  font-size:12px
}
.dialogLogo {
  background-image:url(../images/logo-ver-7DE5B2E1484A70D5599A013C3631439C.png);
  background-repeat:no-repeat;
  margin-top:11px;
  margin-left:14px;
  width:113px;
  height:41px;
  float:left
}
.dialogTitel {
  font-weight:300;
  font-size:20px;
  color:#4d4d4d;
  margin-left:15px;
  margin-top:15px;
  float:left
}
#dialogMededelingBox,
.ssContainer {
  border-radius:5px
}
#dialogMededelingBox #header {
  height:55px
}
#dialogMededelingBox .mededelingDatum {
  float:right;
  margin-right:25px;
  margin-top:20px;
  font-size:12px;
  font-weight:700;
  color:#00acbf
}
#dialogMededelingBox #mededelingenInhoud {
  background:#d0d7db;
  overflow:auto;
  height:230px;
  padding:10px 25px 0;
  font-size:12px;
  color:#666
}
#dialogMededelingBox #mededelingHeader {
  color:#e65b05;
  padding-bottom:10px;
  margin-top:20px
}
#dialogMededelingBox #mededelingDatum {
  float:right
}
#dialogMededelingBox #mededelingInhoud,
.agendaKwtWindowOptie .keuzevak label {
  padding-bottom:15px
}
#dialogMededelingBox #mededelingenFooter {
  height:65px;
  float:left;
  width:100%
}
#dialogMededelingBox #mededelingenFooter .gelezenKnop {
  padding:9px 25px
}
div.stpanel--meldingenpage {
  background-color:gray
}
div.sscenter {
  top:45%;
  left:45%;
  margin-top:-150px;
  margin-left:-150px;
  width:300px;
  height:100px;
  color:#000;
  position:fixed;
  position:expression("absolute")
}
.ssContainer {
  width:485px;
  height:360px;
  background:#fff;
  margin-left:auto;
  margin-right:auto;
  float:left
}
.logo {
  display:block;
  background-image:url(../images/logo-somtoday-small-ver-9CF87D5E673971B01F71593D4A4FA106.svg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  width:140px;
  height:28px;
  margin:10px 20px 10px 0
}
.maintext {
  color:#666
}
.errorText {
  color:red
}
#content-wrapper,
#header-wrapper,
#main-menu-wrapper {
  padding-left:28px
}
#content-wrapper {
  margin-bottom:20px
}
#content,
#footer,
#header,
#main-menu,
#main-menu-bottom {
  width:960px;
  margin:0 auto
}
#header-wrapper {
  background-color:#004f9b
}
#header {
  height:50px;
  margin-bottom:10px
}
#main-menu-wrapper {
  padding-top:22px
}
#main-menu {
  overflow:hidden
}
#content {
  display:table;
  background-color:#fff;
  box-shadow:1px 1px 4px 1px rgba(102,102,102,.5);
  border:1px solid #d7dfe6;
  border-top:0;
  box-shadow:0 2px 5px #e3e9ee
}
#master-panel {
  display:table-cell;
  background-color:#fff;
  position:relative;
  vertical-align:top;
  -moz-transition:width .3s;
  -webkit-transition:width .3s;
  -o-transition:width .3s;
  -ms-transition:width .3s;
  transition:width .3s
}
#master-panel h2 {
  font-size:15px;
  font-weight:400;
  line-height:20px;
  color:#296bd7;
  margin-bottom:4px
}
#master-panel .no-click h2,
.m-wrapper.active h2,
body {
  color:#000
}
#master-panel .m-wrapper h2 {
  margin-left:48px
}
#master-panel .date {
  border:0!important
}
#master-panel .date div {
  border:2px solid #d0dae4!important;
  border-radius:5px 0 0 5px!important;
  position:absolute;
  width:28px;
  height:42px;
  padding:4px!important;
  margin:-1px 0 0 -40px!important;
  background-color:#6a91a9;
  font-size:21px;
  font-weight:700
}
#master-panel .date div p.date-day,
#master-panel .date div p.date-month,
#master-panel .date span {
  color:#004f9b!important;
  font-weight:600!important
}
#detail-panel,
#master-panel {
  padding-top:30px
}
#master-panel .date div,
.pauze,
.roster-table-header .day .huiswerk-items,
.uurNummer {
  background:#f0f3f5!important
}
.roster-table-header {
  border-top:2px solid #e3e9ee!important;
  border-bottom:0!important
}
.roster-table-header .day,
.roster-table-header .today {
  color:#3b4d68!important
}
.roster-table-content .uurNummer {
  color:#004f9b!important;
  border-radius:5px!important;
  border:2px solid #d0dae4!important
}
.roster-table-content .hours .hour {
  border-top:1px solid #e3e9ee!important;
  border-bottom:1px solid #e3e9ee!important
}
#detail-panel.absolute {
  position:absolute
}
#detail-panel,
#detail-panel-wrapper,
.loaderFade {
  -moz-transition:.2s;
  -webkit-transition:.2s;
  -o-transition:.2s;
  -ms-transition:.2s;
  transition:.2s
}
#detail-panel-wrapper {
  display:table-cell;
  padding:0 15px;
  background-color:#f0f3f5;
  vertical-align:top;
  padding-top:0 15px;
  min-width:250px
}
#detail-panel,
.loaderFade {
  transition-delay:.1s;
  -moz-transition-delay:.1s;
  -webkit-transition-delay:.1s;
  -o-transition-delay:.1s;
  -ms-transition-delay:.1s
}
.r-content {
  color:#2b2b2b;
  line-height:15px
}
.r-content.sub .vertical-center {
  margin-top:4px
}
.r-content .sub2 {
  margin-left:5px
}
.loading {
  opacity:.3;
  -moz-opacity:.3;
  -webkit-opacity:.3;
  -o-opacity:.3;
  -ms-opacity:.3
}
.loading #detail-panel {
  opacity:0;
  transition-delay:0s;
  -moz-transition-delay:0s;
  -webkit-transition-delay:0s;
  -o-transition-delay:0s;
  -ms-transition-delay:0s
}
#detail-panel {
  -moz-transition:opacity .3s;
  -webkit-transition:opacity .3s;
  -o-transition:opacity .3s;
  -ms-transition:opacity .3s;
  transition:opacity .3s
}
#footer {
  padding:18px 0 60px
}
#header .left {
  padding-top:2px;
  line-height:20px;
  margin-bottom:10px;
  font-size:11px;
  color:#888;
  overflow:hidden
}
#header .date,
#header .version,
#search-form,
.select.block>span {
  display:inline-block
}
#search-form {
  vertical-align:-9px;
  border:1px solid #adc0cb;
  border-radius:3px;
  box-shadow:0 1px 4px 1px rgba(102,102,102,.4) inset
}
#search-form * {
  display:block;
  float:left
}
#search-form .i-text {
  width:170px;
  height:24px;
  padding:0 4px;
  background:0 0;
  border:0
}
#search-form .i-submit {
  width:24px;
  height:24px;
  cursor:pointer;
  background:url(../images/ico_searchsubmit-ver-B4E23EF8519F06282B1B070E586EA518.png) no-repeat center center
}
#user,
#user .dd,
#user img,
#user span.header {
  display:inline-block
}
#user {
  height:22px;
  padding-left:6px;
  margin-left:6px
}
#user img {
  height:50px
}
#user .ddTitle img {
  vertical-align:-4px;
  width:17px;
  height:24px
}
#user>a,
#user>span {
  vertical-align:top;
  line-height:50px;
  margin-left:10px;
  color:#fff
}
#user>a:hover {
  opacity:.5
}
#user .dd a {
  border:0;
  margin:0
}
#user span.header {
  margin-right:0;
  color:#c9d1d6;
  line-height:50px;
  max-width:180px;
  max-height:50px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
#user .dd {
  margin-top:13px;
  max-width:175px;
  float:left
}
#user .leerlingSelect {
  width:240px
}
#user .leerlingSelect img {
  margin-top:1px
}
#user span {
  padding-top:3px
}
#main-menu a q,
.panel-header h2,
span#inbox-counter {
  display:inline-block;
  line-height:24px
}
span#inbox-counter {
  height:24px;
  width:24px;
  text-align:center;
  border-radius:50%;
  background-color:#ffdc30;
  color:#3f5c71;
  margin-top:15px;
  margin-left:2px;
  padding-top:0
}
span#inbox-counter.no-unread-messages {
  display:none
}
a#applicationLogoff i,
h1 {
  font-size:20px
}
#footer {
  font-size:11px
}
#footer a {
  color:#2b2b2b
}
#footer a+a {
  padding-left:8px;
  border-left:1px solid #2b2b2b;
  margin-left:8px
}
#footer .copy {
  margin-left:10px;
  color:#666
}
#main-menu-bottom {
  height:5px;
  background-color:#ffc600
}
#main-menu a {
  display:block;
  float:left;
  height:30px;
  margin-right:4px;
  font-size:13.5px;
  border-radius:5px 5px 0 0;
  padding:12px 16px 4px;
  color:#004f9b;
  background:#e3e9ee
}
#main-menu a.active,
#main-menu a.active:hover {
  text-decoration:none;
  cursor:pointer;
  color:#004f9b;
  background:#ffc600
}
#main-menu a:hover {
  color:#296bd7;
  background:#dbe9f0
}
#main-menu a .IconFont {
  font-size:18pt
}
#main-menu a q {
  background-repeat:no-repeat;
  height:20px;
  line-height:10px;
  quotes:none;
  text-transform:capitalize
}
#main-menu .mi-feed q {
  background-image:url(../images/ico_menufeed-ver-B9F793C3A1AD3D48DB0E43528EED67C8.png);
  padding-left:31px
}
#main-menu .mi-roster q {
  background-image:url(../images/ico_menuroster-ver-F71E7AD6EFC66845AEEC394154EC8E0C.png);
  padding-left:34px
}
#main-menu .mi-grades q {
  background-image:url(../images/ico_menugrades-ver-6DA61AFD57D00F6ACE540518D0CDABB8.png);
  padding-left:27px
}
#main-menu .mi-courses q {
  background-image:url(../images/ico_menucourses-ver-755485BCB4B978A89FCC8B1E40571600.png);
  padding-left:38px
}
#main-menu .mi-twitter q {
  background-image:url(../images/ico_menutwitter-ver-56F31B7A5F4CC6C48DDB08DB0FC85515.png);
  padding-left:35px
}
#main-menu .mi-absence q {
  background-image:url(../images/ico_menuabsence-ver-E5F5B91F13E83D00A1F8E4ADF763560F.png);
  padding-left:31px
}
.panel-header {
  min-height:50px
}
.panel-header h1 {
  margin-top:2px
}
#detail-panel .type {
  margin-bottom:20px
}
#detail-panel .inleverperiode .type {
  margin-bottom:0;
  margin-right:16px;
  flex-shrink:0
}
#master-panel .panel-header {
  padding-left:15px;
  border-bottom:1px solid #e2e9ee
}
.panel-header h2 {
  margin-bottom:4px
}
.panel-header .shown {
  margin-top:8px;
  color:#666
}
.panel-header img {
  float:right;
  border:1px solid #d3d3d3;
  background-color:#fff;
  padding:3px;
  border-radius:2px
}
.panel-header+* {
  clear:both
}
.d-next,
.d-prev {
  border-style:solid;
  border-color:#d0dae4;
  border-width:5px 5px 0 0;
  content:'';
  display:inline-block;
  height:10px;
  width:10px;
  position:relative;
  vertical-align:top;
  background:0 0
}
.d-next:hover,
.d-prev:hover {
  border-color:#296bd7
}
.d-prev {
  transform:rotate(-135deg)
}
.d-next {
  transform:rotate(45deg)
}
.d-current {
  position:relative;
  margin-top:8px;
  margin-right:10px;
  color:#665117
}
.ribbon {
  float:right;
  padding-left:0;
  font-size:13px;
  color:#5c4005
}
.ribbon p {
  height:42px;
  line-height:28px;
  margin-right:8px;
  padding:0 5px
}
#main-menu a q,
.ribbon p * {
  vertical-align:middle
}
.ribbon label {
  vertical-align:-2px
}
.yellow.ribbon {
  background:0 0;
  position:relative;
  z-index:2
}
.yellow.ribbon a {
  line-height:22px;
  color:#004f9b
}
.yellow.ribbon a.IconFont {
  padding:4px;
  font-size:16pt;
  background:#fff
}
.yellow.ribbon a:hover {
  background:#fff
}
.blue.ribbon,
.yellow.ribbon p {
  background:0 0
}
.yellow.ribbon span {
  font-style:italic;
  color:#004f9b;
  position:relative;
  margin-right:5px
}
.yellow.ribbon select {
  min-width:150px
}
.yellow.ribbon select .small {
  width:100px;
  text-overflow:ellipsis;
  min-width:100px
}
.ribbon label,
.section .set .blocks .block a.button-silver-deluxe,
.yellow.ribbon .d-next,
.yellow.ribbon .d-prev {
  margin-right:5px
}
.homeworkaster .yellow.ribbon span {
  display:inline-block;
  width:70px;
  text-align:center
}
.blue.ribbon {
  color:#fff
}
.blue.ribbon p {
  background:0 0;
  margin-right:-23px;
  color:#004f9b
}
.blue.ribbon select {
  min-width:110px
}
.blue.ribbon .icon-check,
.blue.ribbon .icon-check-empty {
  color:#004f9b!important
}
a:-webkit-any-link {
  text-decoration:none
}
.type,
.type-empty {
  text-align:center;
  float:left;
  margin-top:1px;
  letter-spacing:-1px;
  line-height:16px;
  overflow:hidden
}
.type {
  height:34px;
  font-weight:600;
  margin-left:8px;
  margin-right:10px;
  padding:3px;
  color:#004f9b;
  font-size:11pt;
  background-color:#f0f3f5;
  border:2px solid #d0dae4;
  border-radius:3px
}
.type-empty {
  background-color:none;
  border-radius:4px;
  font-size:16px;
  color:#fff;
  margin-right:4px;
  padding:5px;
  height:16px
}
.type.v-one {
  width:34px
}
#detail-panel .type,
.m-wrapper.active .type,
.type span {
  display:block;
  width:34px;
  overflow:hidden;
  word-wrap:break-word;
  line-height:34px
}
.fixed-scroll {
  position:fixed;
  top:0
}
.type * {
  vertical-align:middle
}
.type img {
  margin-top:-3px
}
.m-wrapper,
.m-wrapperTable tr {
  transition:height .5s;
  -moz-transition:height .5s;
  -webkit-transition:height .5s;
  -o-transition:height .5s;
  overflow:hidden;
  min-height:55px
}
.no-bericht .m-wrapper.bericht,
.no-rooster .m-wrapper.rooster {
  height:0
}
.b-homework {
  display:inline-block;
  width:20px;
  height:20px;
  background:url(../images/ico_homework-ver-724511599691FB3635F8B9C4018250D2.png);
  margin-left:5px
}
.b-leermiddelen {
  background:url(../images/ico_leermiddelen-ver-8F136B98AFF505ACE1C73E636721C9A5.png);
  margin-left:5px
}
.b-homework.toets {
  background:url(../images/ico_homework_toets-ver-1F48D3E905AA80A3BD1B4B9F46D443FB.png)
}
.b-alert,
.b-alert-alt,
.b-leermiddelen {
  display:inline-block;
  width:20px;
  height:20px
}
.b-alert {
  background:url(../images/ico_alert-ver-00AF4B84B7FD20762B4DD30648155D93.png);
  vertical-align:middle
}
.b-alert-alt {
  background:url(../images/ico_alert_alt-ver-C35BF6704DBA4B600D690D8E5E6B526B.png)
}
.b-alert-alt,
.inleverperiode {
  vertical-align:middle
}
.inleveropdracht-conversation-separator {
  margin:24px -12px;
  border-top:1px solid #d0dae4;
  border-bottom:0
}
.inleveropdracht-conversation-header {
  font-weight:600;
  font-size:16px;
  line-height:22px;
  color:#3b4d68;
  margin-bottom:11px
}
.inleveropdracht-conversation {
  padding-left:4px;
  padding-right:4px
}
.inleveropdracht-conversation .reactie-container {
  margin-bottom:10px;
  display:flex;
  width:100%
}
.inleveropdracht-conversation .reactie-container textarea {
  height:30px;
  min-height:30px;
  border:1px solid #d0dae4;
  font-weight:400;
  font-size:16px;
  line-height:22px;
  border-radius:3px;
  flex-grow:1;
  background:0
}
.inleveropdracht-conversation .reactie-container textarea:focus,
.inleveropdracht-conversation .reactie-container textarea:hover {
  border:1px solid #296bd7;
  box-shadow:0 0 8px rgba(41,107,215,.25)
}
.inleveropdracht-conversation .reactie-container a {
  display:flex;
  justify-content:center;
  margin-left:8px;
  height:42px;
  max-height:42px;
  width:42px;
  min-width:42px;
  background:#3f8541;
  border:1px solid #3f8541;
  box-sizing:border-box;
  border-radius:3px
}
.inleveropdracht-conversation .reactie-container a i {
  font-size:30px;
  color:#fff
}
.inleveropdracht-conversation .reactie-container a.disabled {
  pointer-events:none;
  background:#f0f3f5;
  border:1px solid #d0dae4
}
.inleveropdracht-conversation .reactie-container a.disabled i {
  color:#d0dae4
}
.inleveropdracht-conversation .boodschap-container {
  overflow:auto;
  margin-bottom:16px
}
.inleveropdracht-conversation .pasfoto {
  width:32px;
  height:32px;
  border-radius:50%;
  object-fit:cover
}
.inleveropdracht-conversation .boodschap {
  display:flex;
  flex-wrap:wrap;
  margin-left:62px;
  font-weight:600
}
.inleveropdracht-conversation .boodschap hr {
  width:100%;
  flex-basis:100%;
  height:0;
  margin:0;
  border:0
}
.inleveropdracht-conversation .boodschap .bijlages {
  margin-top:8px;
  font-size:14px;
  font-weight:400;
  line-height:19px
}
.inleveropdracht-conversation .boodschap .bijlages a {
  color:#296bd7
}
.inleveropdracht-conversation .boodschap .afzender {
  font-size:14px;
  color:#3b4d68;
  line-height:19px
}
.inleveropdracht-conversation .boodschap .datum {
  margin-left:auto;
  font-size:11px;
  color:#557195;
  line-height:100%
}
.inleveropdracht-conversation .boodschap .content {
  font-weight:400;
  font-size:16px;
  color:#000829;
  line-height:22px
}
.inleveropdracht-conversation .message-content {
  display:flex
}
.class-time,
.location {
  padding-left:17px;
  line-height:20px;
  display:inline-block
}
.location {
  background:url(../images/ico_room-ver-DD23F3F0CB8824D0E9FC17CD6E06A4A9.png) no-repeat left 2px
}
.class-time {
  background:url(../images/ico_clock_grey-ver-36EF6AE1AC0D2A867F596F6822C2D382.png) no-repeat left center;
  display:-moz-inline-stack;
  margin-right:5px
}
.appoint-time {
  padding-left:22px;
  line-height:20px;
  background:url(../images/ico_alarmclock-ver-28EC22C9AEF9351D2364B7CCE43A5560.png) no-repeat left center
}
.corner-all {
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px
}
.ribbon .chk {
  display:inline-block;
  height:22px;
  margin:0 5px;
  background-repeat:no-repeat;
  background-position:0 -20px;
  cursor:pointer;
  font-size:22px;
  line-height:22px
}
.ribbon .chk.checked,
.ribbon .chk:hover,
.ribbon.chk.checked {
  color:#296bd7;
  border-bottom:3px solid #ffc600
}
.ribbon .chk,
.ribbon .chk.checked:hover {
  color:#004f9b;
  border-bottom:3px solid #fff
}
.exam td a:hover,
a.chk {
  text-decoration:none
}
.chk.feed {
  background-image:url(../images/ico_chkfeed-ver-B11DBF024226B763916D07CA4EA3DC75.png);
  width:21px
}
.chk.roster {
  background-image:url(../images/ico_chkroster-ver-12EFA443ED95648CBA2DDE72922E7F33.png);
  width:23px
}
.chk.grades {
  background-image:url(../images/ico_chkgrades-ver-DFAACC7DDB0D8422C6EBE1A3F308A76F.png);
  width:15px
}
.chk.courses {
  background-image:url(../images/ico_chkcourses-ver-78748A23959296FF8FA760C7A1A4C17C.png);
  width:25px
}
.chk.absentie {
  background-image:url(../images/ico_chkabsentie-ver-BEAB706FD38A32BCC91C9F96D7ACE75C.png);
  width:13px
}
.chk.maatregel {
  background-image:url(../images/ico_chkmaatregel-ver-F055515DB53E850C694D0DC662283422.png);
  width:17px
}
.chk.waarneming {
  background-image:url(../images/ico_chkwaarneming-ver-B595704909F0F34ADAB0E2DCF0A6DE0A.png);
  width:23px
}
.chk.inbox,
.chk.outbox {
  background-image:url(../images/ico_chkinbox-ver-939794596F2ABD4406D060FBF378777A.png);
  width:16px;
  margin-top:-4px
}
.chk.outbox {
  background-image:url(../images/ico_chkoutbox-ver-4A4CB83919C42CB56203A306D4B5A713.png)
}
#master-panel .master-title {
  display:table;
  position:relative;
  z-index:1;
  padding-top:3px
}
#master-panel .date {
  border-top:1px solid #dce5e6;
  margin-top:-1px
}
#master-panel .date div p.date-day {
  height:11px;
  padding-top:0;
  margin:0 1px;
  font-size:10px;
  background-color:#fff;
  text-transform:uppercase
}
#master-panel .date div p.date-month {
  height:11px;
  padding-top:0;
  margin-top:-1px;
  font-size:10px;
  background-color:transparent;
  text-transform:uppercase
}
.m-wrapper.active {
  margin-right:-5px;
  padding-right:5px;
  background:#f0f3f5
}
#master-panel~#detail-panel-wrapper {
  border-left:1px solid #e2e9ee!important
}
.m-element,
div.m-wrapperTable table tr td {
  margin-top:-1px;
  border:1px solid #dce5e6;
  overflow:hidden
}
.m-element {
  padding:14px 7px;
  border-left-width:0;
  border-right-width:0;
  cursor:pointer
}
div.m-wrapperTable table tr td {
  border-width:0 0 1px;
  padding:14px 15px;
  cursor:auto
}
.m-element.no-click {
  cursor:default
}
.m-element.no-click:hover {
  cursor:default;
  background:0 0;
  border-bottom:1px solid #dce5e6
}
.m-element h2.centered {
  padding-top:5px
}
table.cm-table {
  line-height:20px;
  margin:0;
  padding:0;
  width:100%;
  border-collapse:collapse
}
table.cm-table thead {
  background:0 0 #f2f7f7;
  font-weight:700;
  line-height:24px;
  font-size:13px
}
table.cm-table tr td {
  border-right:1px solid #e2e9ee;
  border-bottom:1px solid #e2e9ee;
  padding-left:5px
}
table.cm-table tr td.no-border {
  border-right:0
}
.m-element:hover {
  background-color:#f0f3f5
}
.huiswerk {
  float:left;
  line-height:19px;
  font-size:14px;
  color:#3b4d68
}
.huiswerk .onderwerp {
  font-weight:600;
  color:#000829
}
.active .huiswerk .onderwerp {
  color:#296bd7
}
.studiewijzerdescription {
  line-height:22px;
  font-size:14px;
  color:#000829
}
.huiswerk,
.studiewijzerdescription {
  display:block;
  margin-bottom:14px
}
.studiewijzerdescription h3,
.studiewijzerdescription h4,
.studiewijzerdescription h5,
.studiewijzerdescription h6 {
  display:inline;
  color:#2b2b2b;
  font-size:12px;
  line-height:18px
}
.studiewijzerdescription h1,
.studiewijzerdescription h2 {
  display:inline;
  color:#2b2b2b;
  font-size:12px
}
h2.studiewijzertitel {
  font-weight:700;
  margin:5px 0 16px
}
.m-wrapper .m-element .IconFont.MainMenuIcons {
  font-size:15px;
  color:#b5c5c9;
  padding-left:30px
}
.m-wrapper.active .m-element .IconFont.MainMenuIcons {
  font-size:1px;
  color:#f1f1f1;
  opacity:0;
  padding-left:44px
}
.m-wrapper.active .m-element:hover {
  background-color:transparent
}
.m-element .r-content {
  margin-left:45px
}
.form-ouderavond ul li,
.homework-detail-header {
  margin:0
}
.sub {
  line-height:18px;
  font-size:12px
}
.sub.homework {
  line-height:19px;
  font-size:14px;
  color:#3b4d68
}
.sub.homework .deadline {
  color:#000829;
  font-weight:600
}
.sub.smaller {
  font-size:11px
}
.sub>span {
  display:inline-block
}
#master-panel div.sub {
  margin-left:48px
}
#master-panel .sub {
  font-size:10pt;
  color:#557195;
  padding:4px 0 0 16px
}
.m-element .description {
  margin-top:3px;
  line-height:15px
}
.m-element .description.wimg {
  margin-top:12px
}
.m-element .description img,
.section img {
  margin-right:2px;
  display:inline-block
}
.m-element .title+.b-homework {
  vertical-align:-3px;
  margin:-5px 0 0 5px
}
.m-element .sub .b-homework {
  vertical-align:-5px;
  margin:0 5px
}
.m-element .grade span {
  margin-right:10px
}
.m-element .free-time,
.twitter {
  line-height:30px;
  font-size:15px;
  color:#666
}
.twitter {
  float:right;
  font-size:11px;
  line-height:33px;
  margin:-6px -3px 0 0
}
.agendaKwtWindow table.keuzes td a.vakLink span,
.twitter * {
  vertical-align:middle
}
.twitter a {
  display:block;
  width:32px;
  height:35px;
  float:right;
  margin-left:3px;
  background:url(../images/btn_twitter-ver-6B7262AED846FD739C1AD3CF4ACCAF13.png)
}
.twitter a:hover {
  background:url(../images/btn_twitter_hover-ver-8C1B3BDF18F0492BE4D5EE7D108AACEE.png)
}
.load-more {
  text-align:center;
  color:#999;
  font-size:13px
}
.load-more a {
  display:block;
  padding:27px 0
}
.load-more a:active {
  padding:28px 0 26px
}
.box .chevron .icon-chevron-right,
.load-more:hover {
  cursor:pointer
}
.load-more:active,
.section {
  color:#666
}
.load-more.loading {
  background:url(../images/bck_loadmore-ver-A8CDC405FB3BD2FAE77AF5343B65D6DA.gif) no-repeat center 70px
}
.section {
  overflow:hidden;
  line-height:15px
}
.newline,
.section {
  clear:both
}
.display-block,
.section .title {
  display:block
}
.clean-list {
  list-style:none
}
.sub-section {
  margin-bottom:18px;
  clear:both;
  overflow:hidden
}
.section p {
  margin:0 0 5px
}
.h-homework {
  margin-top:10px;
  background:url(../images/ico_homework-ver-724511599691FB3635F8B9C4018250D2.png) no-repeat left
}
.h-homework.toets {
  background:url(../images/ico_homework_toets-ver-1F48D3E905AA80A3BD1B4B9F46D443FB.png) no-repeat left
}
.h-assignment,
.h-homework {
  padding-left:25px
}
.h-recommended {
  padding-left:16px;
  background:url(../images/ico_recommended-ver-31B40733489C08C3CF5090DAAE2F0DF9.png) no-repeat left 2px
}
.NewMessageDetail ul li>div>div,
.NewMessageDetail ul li>div>input,
.form-ouderavond ul li>div>div,
.form-ouderavond ul li>div>input,
.wide-box,
div.block.content>div {
  display:inline-block
}
.box.small {
  width:30%
}
.box {
  padding:5px;
  background-color:#fff;
  border:1px solid #e2e9ee;
  color:#000829;
  overflow:hidden;
  border-radius:3px;
  line-height:16px;
  margin-right:5px
}
.box .inleverperiode-flex-container {
  display:flex
}
.box .chevron {
  align-self:center;
  color:#d0dae4;
  font-size:16px;
  padding-left:16px;
  margin-left:auto
}
.box.inleverperiode {
  cursor:pointer;
  margin-top:12px;
  margin-bottom:12px;
  padding:12px 16px 12px 8px
}
.box.inleverperiode:hover {
  background-color:#f7f9fa;
  border-color:#296bd7;
  box-sizing:border-box;
  box-shadow:0 2px 8px rgba(0,8,41,.15)
}
.box.inleverperiode:hover .periode-titel {
  color:#296bd7
}
.box.inleverperiode .naar-inleveringen {
  font-weight:600;
  font-size:14px;
  line-height:19px;
  color:#296bd7
}
.box .number {
  font-size:24px;
  margin-right:5px
}
.box .number,
.freetime-box .number {
  font-weight:700;
  color:#999;
  float:left;
  height:50px
}
.box.roster {
  margin-right:5px;
  margin-bottom:2px;
  min-height:55px;
  width:initial
}
.detailsLink {
  margin-top:3px;
  text-align:right
}
.freetime-box .number {
  font-size:18px;
  display:inline-block;
  margin-right:5px
}
.box.class .content {
  line-height:15px;
  margin-left:18px
}
.box .name {
  line-height:18px
}
.box .class-time {
  display:inline
}
.box .loc-room {
  line-height:20px;
  padding-left:25px;
  background:url(../images/ico_room-ver-DD23F3F0CB8824D0E9FC17CD6E06A4A9.png) no-repeat 3px center
}
.box.appointment {
  float:right;
  margin:-121px 0 0;
  position:relative;
  top:45px
}
.box.appointment.first {
  margin:-61px 0 0
}
.activityDetail .class-box ul li {
  list-style:none;
  padding-right:4px
}
.activityDetail>div {
  padding-bottom:20px
}
.class-box .name .b-homework {
  vertical-align:-4px;
  margin-left:5px
}
.mini-box {
  padding:5px;
  margin:1px 0 0;
  border:1px solid #e2e9ee;
  color:#666;
  overflow:hidden;
  display:inline-block;
  vertical-align:top
}
.mini-box.bigger {
  width:47.6%
}
.mini-box.bigger:nth-of-type(even) {
  margin-left:5px
}
.mini-box.max {
  width:98%
}
.mini-box .content,
.mini-box .header,
.mini-box .subheader {
  display:inline-block;
  width:100%
}
.mini-box .header {
  margin-bottom:2px;
  font-weight:700
}
.mini-box .content>span {
  display:inline-block;
  line-height:20px
}
.mini-box .content .file-download {
  width:450px;
  margin-top:5px;
  line-height:1em
}
.mini-box .content .file-download+.uploadIcon {
  margin-top:13px
}
.freetime-box {
  margin:2px 0;
  padding-left:8px;
  line-height:30px;
  font-size:13px;
  overflow:hidden;
  color:#666
}
.class-box.feed .class-time {
  display:none
}
.bericht .r-content .sub>span,
.class-box.feed:hover .class-time,
.exam td a:hover .popup {
  display:block
}
.type.grade,
.type.homework,
.type.m-newmessage,
.type.maatregel,
.type.mail,
.type.melding,
.type.publicatie,
.type.roster,
.type.waarneming {
  background-position:center center;
  background-repeat:no-repeat;
  width:30px
}
.custom-select {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin-right:3px;
  display:inline-block;
  height:22px;
  background:#f0f3f5;
  border:1px solid #d0dae4;
  border-radius:3px
}
.custom-select select {
  background:0 0;
  border:0 solid #fff;
  padding:2px;
  height:22px
}
.blue.ribbon .custom-select:hover,
.custom-select:hover {
  border:1px solid #296bd7
}
.blue.ribbon .custom-select {
  background:#fff;
  border:1px solid #d0dae4;
  border-radius:3px;
  margin-right:16px
}
#detail-panel-wrapper.zero {
  display:none;
  min-width:0;
  padding:0
}
.grades .m-element .sub {
  color:#999
}
.grades .m-element b {
  margin:0 12px 0 5px;
  font-weight:700;
  font-size:13px;
  color:#184856
}
.grades .glevel .tog-level span.right {
  font-size:12px;
  margin-right:52px
}
b.warn {
  color:#e64e22
}
.glevel {
  border-color:#d0dae4;
  background-color:#fff;
  margin-bottom:3px
}
.gperiod.expand,
.gperiod.expand tbody {
  max-height:30px;
  overflow:hidden;
  border:1px solid #d0dae4;
  background-color:#f0f3f5
}
.glevel.expanded,
.gperiod.expanded,
tbody.expanded {
  max-height:none
}
.tog-explanation {
  border:1px solid #ccc;
  padding-left:23px;
  display:block;
  min-height:24px;
  line-height:24px;
  cursor:pointer;
  font-weight:700;
  color:#3f5c6e;
  font-size:12px;
  background:#fff url(../images/bck_levelshrinked-ver-183AE12A8943134C34FA665BC1D0AFF0.png) no-repeat 4px 5px
}
.tog-explanation.expanded {
  background-image:url(../images/bck_levelexpanded-ver-E3703F8158EBFA264750E762D48B5ABF.png)
}
.explanation {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:#fff;
  margin-bottom:3px;
  padding-left:23px;
  line-height:29px;
  color:#666
}
.gperiod.expand .tog-noperiod,
.tog-level {
  padding-left:23px;
  display:block;
  min-height:24px;
  line-height:24px;
  cursor:pointer;
  font-weight:700;
  color:#3f5c6e;
  font-size:15px;
  border:1px solid #d0dae4;
  background:#f0f3f5 url(../images/bck_levelshrinked-ver-183AE12A8943134C34FA665BC1D0AFF0.png) no-repeat 4px 5px
}
.glevel.expanded .tog-level,
.tog-level.expanded {
  color:#3f5c6e;
  background-image:url(../images/bck_levelexpanded-ver-E3703F8158EBFA264750E762D48B5ABF.png)
}
.glevel.nofold {
  max-height:none
}
.glevel.nofold .tog-level {
  background-image:url(../images/bck_levelbullet-ver-98EEC4949976E6FABB8A666FE10C8B8A.png)
}
.gperiod .tog-period,
.gperiod.expand .tog-period {
  border-color:#d0dae4;
  line-height:29px;
  border-top:1px solid #d0dae4;
  color:#666
}
.gperiod .tog-period {
  position:relative;
  padding-left:7px;
  min-height:29px
}
.gperiod.expand .tog-period {
  padding-left:27px;
  height:29px;
  cursor:pointer;
  background:url(../images/bck_levelshrinked-ver-183AE12A8943134C34FA665BC1D0AFF0.png) no-repeat 4px 7px
}
.uitlegherkansing {
  float:left;
  font-style:italic;
  margin-bottom:20px;
  margin-left:20px;
  margin-right:20px
}
.period-opmerking {
  font-size:90%;
  font-style:italic;
  padding-left:23px;
  padding-top:5px;
  padding-bottom:5px;
  background:#e2e9ee
}
.toetsopmerking {
  font-size:90%;
  font-style:italic;
  line-height:normal;
  margin-bottom:10px
}
.gperiod.expanded .tog-period {
  background-image:url(../images/bck_levelexpanded-ver-E3703F8158EBFA264750E762D48B5ABF.png)
}
.gperiod {
  border-top:0
}
.exam {
  width:100%;
  padding-right:15px;
  padding-bottom:20px;
  padding-left:20px;
  border-spacing:1px
}
.exam tr.even,
.exam tr.odd {
  background-color:#fcfdfd
}
.exam tr.even {
  color:#9b9ea8
}
.exam th {
  font-weight:400;
  font-size:13px;
  color:#184856;
  text-align:left;
  padding:0 7px
}
.exam td {
  padding:4px 7px;
  line-height:14px;
  border:1px solid #e2e9ee
}
.exam tbody tr.expand:first-child td:first-child {
  color:#39f;
  background:url(../images/bck_levelshrinked-ver-183AE12A8943134C34FA665BC1D0AFF0.png) no-repeat 4px 4px
}
.exam tbody tr.expand:first-child td:first-child:hover {
  text-decoration:underline
}
.exam tbody.expanded tr {
  display:table-row
}
.exam tbody tr:first-child {
  display:table-row
}
.exam tbody.expanded tr:first-child td:first-child {
  background-image:url(../images/bck_levelexpanded-ver-E3703F8158EBFA264750E762D48B5ABF.png)
}
.exam tbody tr.no-expand:first-child td:first-child {
  background:0 0
}
.exam tr.herkansing td {
  background:0 0;
  padding-left:25px
}
.exam tr.herkansingindent td:first-child {
  padding-left:35px
}
.section .grade,
.section .weging {
  padding-left:8px;
  right:52px;
  position:absolute;
  background:#fff
}
.section .weging {
  right:9px
}
.exam .n {
  width:auto;
  padding-bottom:2px
}
.exam .d {
  width:85px
}
.exam .g {
  width:70px
}
.exam .w {
  width:8px
}
.exam tr td.g {
  font-weight:700
}
.goverview {
  width:100%;
  border-spacing:0;
  border-collapse:collapse
}
.goverview th {
  background-color:#e2e9ee;
  color:#666;
  border:1px solid #ccc
}
.goverview th.vaklabel {
  max-width:40px!important;
  padding-top:5px;
  padding-bottom:5px;
  cursor:pointer
}
.goverview th.niveaulabel {
  padding-top:1px;
  padding-bottom:1px;
  font-size:10px
}
.goverview tbody td {
  border:1px solid #ccc;
  background-color:#fff;
  text-align:center
}
img.pasfoto {
  background-color:#fff;
  border:1px solid #999;
  padding:2px;
  height:85px;
  float:left;
  display:inline-block;
  margin-right:5px
}
.bericht .r-content {
  display:inline-block;
  vertical-align:top;
  margin-bottom:10px;
  max-width:320px
}
.bericht .r-content h2 {
  max-width:60%
}
.huidig-bericht {
  min-height:150px;
  padding:7px;
  overflow:auto;
  margin-bottom:10px
}
.verstuurpanel {
  display:inline-block;
  width:100%
}
.invoerVeld {
  background:url(../images/bck_input-ver-9B61EADB0C34FA5DB402353188EA62F3.png) repeat-x 0 0 #fff;
  border:1px solid #adc0cb;
  border-radius:2px 2px 2px 2px;
  line-height:15px;
  width:96%;
  margin-bottom:5px;
  min-height:190px
}
.berichtenMaster .msgdetails1 span.title {
  width:225px;
  display:inline-block;
  display:-moz-inline-stack;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  height:1.6em;
  line-height:1.6em
}
.conversation {
  border-top:1px dotted;
  margin-top:10px;
  padding-top:10px
}
.conversation .bericht {
  margin-bottom:25px
}
.conversation .bericht div {
  margin-bottom:0
}
.conversation img,
.conversation-afzender {
  float:left
}
.conversation .reply img,
.conversation-datum,
.reply .conversation-afzender {
  float:right
}
.reply .conversation-datum {
  float:left
}
.NewMessageDetail .invoerVeld table,
.form-ouderavond .invoerVeld table,
.inline.inpQuickSearch,
.section .block .content>ul>li>div,
div table.tblData {
  width:100%
}
.triangle-box {
  margin-left:85px;
  border:1px solid #e2e9ee;
  background:#fff;
  overflow:visible;
  position:relative;
  min-height:75px
}
.triangle-box::after,
.triangle-box:before {
  border-color:transparent #e2e9ee;
  border-style:solid;
  border-width:10px 15px 10px 0;
  content:"";
  display:block;
  left:-15px;
  position:absolute;
  top:9px;
  width:0
}
.triangle-box::after {
  border-color:transparent #f2f7f7;
  border-width:9px 14px 9px 0;
  left:-13px;
  top:10px
}
.reply .triangle-box {
  margin-left:0;
  margin-right:90px
}
.reply .triangle-box:before {
  border-width:10px 0 10px 15px;
  right:-15px;
  left:auto
}
.reply .triangle-box::after {
  border-color:transparent #f2f7f7;
  border-width:9px 0 9px 14px;
  right:-13px;
  left:auto
}
.form-ouderavond textarea {
  width:95%
}
.form-ouderavond .button-silver-deluxe {
  margin-top:20px
}
.form-ouderavond--detail {
  margin-top:10px;
  margin-left:16px;
  margin-bottom:10px
}
li.form-ouderavond--keuze {
  padding:8px
}
li.form-ouderavond--keuze:nth-child(odd) {
  background:#fff
}
li.form-ouderavond--keuze:nth-child(even) {
  background:rgba(255,255,255,.5)
}
li.form-ouderavond--keuzegeen {
  padding:30px 8px 8px
}
li.form-ouderavond--keuzes {
  margin-top:20px
}
.NewMessageDetail ul li.button-silver-deluxe,
.form-ouderavond ul li.button-silver-deluxe {
  margin-top:0
}
.NewMessageDetail ul li>label,
.form-ouderavond ul li>label {
  width:70px;
  display:block;
  margin-bottom:2px
}
.NewMessageDetail .invoerVeld,
.NewMessageDetail input[type=password],
.NewMessageDetail input[type=text],
.form-ouderavond .invoerVeld,
.form-ouderavond input[type=password],
.form-ouderavond input[type=text] {
  width:99%
}
.NewMessageDetail .verwijderImage,
.form-ouderavond .verwijderImage {
  margin-top:4px
}
.NewMessageDetail .invoerVeld table div.wysiwyg,
.form-ouderavond .invoerVeld table div.wysiwyg {
  background:0 0;
  border:0;
  padding:0
}
.NewMessageDetail .invoerVeld table div.wysiwyg ul.toolbar,
.form-ouderavond .invoerVeld table div.wysiwyg ul.toolbar {
  height:0;
  padding:3px 0 30px
}
.NewMessageDetail .invoerVeld table div.wysiwyg ul.toolbar li.undo,
.form-ouderavond .invoerVeld table div.wysiwyg ul.toolbar li.undo {
  background-position:0 -63px
}
.NewMessageDetail .invoerVeld table div.wysiwyg iframe,
.form-ouderavond .invoerVeld table div.wysiwyg iframe {
  background-color:transparent;
  border:0;
  box-shadow:none;
  padding:5px
}
.NewMessageDetail ul li {
  margin:0 0 10px
}
.popup {
  position:absolute;
  display:none;
  width:480px;
  margin:12px 0 0 -335px;
  border:1px solid #dbdbdb;
  box-shadow:1px 1px 3px rgba(102,102,102,.5);
  background-color:#fff;
  padding:15px;
  color:#2b2b2b;
  line-height:15px
}
.popup h3 {
  margin-right:8px;
  display:inline
}
.popup .right {
  margin-top:-3px
}
.popup .grade {
  margin-left:8px;
  font-size:15px;
  font-weight:700
}
.popup .right+p {
  clear:both;
  margin-top:14px
}
.feed #master-panel {
  width:580px
}
.roster #master-panel {
  width:480px
}
.courses #master-panel {
  width:380px
}
.gradespage #master-panel {
  width:480px
}
.uploadFrame {
  border:1px;
  width:100%;
  height:98%
}
.absenceMaster .m-element {
  cursor:default
}
.absenceMaster .m-element:hover,
textarea[readonly=readonly],
textarea[readonly] {
  background:0 0
}
.absenceMaster .r-content>.sub.right>span,
.absenceMaster .r-content>.sub>div>span {
  margin-left:5px;
  min-width:20px;
  display:inline-block
}
.absenceMaster .title {
  display:inline-block;
  width:440px
}
div.dialog-panel {
  width:100%;
  height:100%;
  position:relative;
  margin:auto
}
#dialog {
  background:#ffc600;
  color:#3f5c6e
}
@media only screen and (min-width:767px) {
  #dialog {
    height:100%;
    background:url(../images/background-ver-31BCD0729217329196693F45854935D6.jpg) no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
  }
}
div.dialog-panel-header {
  color:#3f5c6e;
  padding:.45rem;
  height:5rem;
  margin:auto
}
@media only screen and (min-width:767px) {
  div.dialog-panel-header {
    padding:.25rem;
    height:10rem
  }
}
div.dialog-panel-header .logo {
  display:block;
  height:5rem;
  width:6rem;
  margin:0 auto;
  background-image:url(../images/logo-somtoday-brand-ver-0B89B7894A0B12EF0ADE5E51043C0DAB.svg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat
}
@media only screen and (min-width:767px) {
  div.dialog-panel-header .logo {
    height:9.7rem
  }
}
div.dialog-panel-header .version {
  margin-top:0;
  text-align:center;
  width:100%;
  color:#3f5c6e;
  font-weight:600
}
div.dialog-panel-content {
  display:block;
  background-color:rgba(255,255,255,.5);
  text-align:center;
  line-height:2rem;
  width:20rem;
  padding:1rem;
  margin:1rem auto
}
.widget-button {
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-box-shadow:0 1px 0 #d7d7d7;
  -webkit-box-shadow:0 1px 0 #d7d7d7;
  display:inline-block;
  border:1px solid #adc0cb;
  box-shadow:0 1px 0 #d7d7d7;
  margin-bottom:1px;
  text-decoration:none!important
}
span.button-silver-deluxe span {
  cursor:default;
  color:#989898
}
a.button-silver-deluxe:focus span,
a.button-silver-deluxe:hover span {
  background:silver url(../images/btn_silv_delux_bck_hvr-ver-4D2EB3DECD828BBBE68D5BEBF4E47DE8.png) 0 0 repeat-x;
  color:#5a5a5a;
  text-shadow:1px 1px #fff
}
.tijdsindicatie {
  margin-bottom:18px
}
.tijdsindicatie .icon-clock {
  margin-right:4px;
  margin-bottom:-1px
}
.label-pill-lighter {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  height:20px;
  padding:4px 10px;
  background-color:#e5edfa;
  border-radius:50px;
  color:#004f9b;
  width:max-content;
  font-weight:600;
  font-size:11px
}
input[type=checkbox] {
  line-height:23px;
  margin-left:20px
}
input[type=button].simplebutton,
input[type=submit].simplebutton,
textarea {
  line-height:23px;
  border:1px solid #adc0cb;
  background:#fff url(../images/bck_input-ver-9B61EADB0C34FA5DB402353188EA62F3.png) repeat-x;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px
}
textarea {
  display:inline-block;
  width:99%;
  min-height:82px;
  resize:none;
  padding:5px;
  font-family:Open Sans
}
.button-silver-deluxe,
.button-silver-deluxe span {
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-border-radius:3px
}
.button-silver-deluxe {
  -moz-box-shadow:0 1px 0 #d7d7d7;
  -webkit-box-shadow:0 1px 0 #d7d7d7;
  display:inline-block;
  border:1px solid #adc0cb;
  box-shadow:0 1px 0 #d7d7d7;
  margin-bottom:1px;
  text-decoration:none!important
}
.button-silver-deluxe span {
  cursor:pointer;
  background:url(../images/btn_silv_delux_bck-ver-360F11CDB1EF979710AF264AD0D48747.png) 0 0 repeat-x;
  line-height:20px;
  height:20px;
  color:#525252;
  text-shadow:1px 1px #fff;
  display:block;
  font-size:12px;
  padding:0 12px
}
span.button-silver-deluxe {
  border:1px solid silver
}
#ical_toelichting {
  margin:2px 0 6px
}
.profileMaster .button-silver-deluxe {
  margin:2px 20px 6px
}
div.dialog-panel-inner-footer {
  float:right;
  width:235px;
  text-align:right
}
div.dialog-panel-footer a,
div.dialog-panel-footer input {
  margin-left:5px;
  float:left
}
input[type=button].simplebutton,
input[type=submit].simplebutton {
  height:23px;
  margin-left:20px;
  padding:0 5px
}
.select.block {
  margin:20px 40px 40px;
  width:100px;
  vertical-align:top
}
.select.block,
.select.block a,
.select.block img {
  display:inline-block;
  text-align:center
}
.select.block img {
  margin:0 auto;
  width:80px;
  padding:10px
}
.select.block a {
  vertical-align:top
}
div.profileMaster {
  padding-bottom:30px
}
div.profileMaster div.m-wrapperTable table tr td {
  padding:0 15px;
  line-height:30px
}
div.profileMaster div.m-wrapperTable table tr td.tblTag {
  line-height:15px
}
div.profileMaster table.tblData td:nth-of-type(2) {
  width:250px
}
table.profielTblData td {
  width:250px
}
div.profileMaster div.feedbackContainer ul.feedbackPanel li.feedbackPanelINFO {
  color:#aaa
}
div.profile-image {
  margin-left:auto;
  margin-right:auto;
  margin-top:42px;
  width:104px
}
div.profileDetail div {
  text-align:center;
  width:100%
}
div.profile-image img {
  margin:16px 0 10px;
  width:auto;
  overflow:hidden
}
div table.tblData td .label.twopartfields,
div table.tblData td .twopartfields span,
div table.tblData td.tblTag {
  font-size:12px;
  color:#184755
}
#detail-panel .grid .griditem ul li .content b.normal,
div table.tblData td .twopartfields,
div table.tblData td.tblInput {
  color:#666
}
div table.tblData td .twopartfields input,
div table.tblData td.tblInput {
  margin-left:0;
  margin-top:-6px;
  margin-bottom:-5px
}
div table.tblData td.tblInput input {
  margin-left:0
}
ul.feedbackPanel li.feedbackPanelERROR {
  line-height:18px
}
ul.feedbackPanel li.feedbackPanelINFO {
  color:#39f
}
div.profileMaster div.feedbackContainer.wijzigwachtwoord {
  float:none!important;
  text-align:left!important;
  margin-top:0!important
}
div.profileMaster div.feedbackContainer.wijzigwachtwoord .feedbackPanelINFO {
  color:#bbb
}
.msgdetails2 ol,
.msgdetails2 ul {
  margin-left:0;
  padding-left:0
}
.msgdetails2 ol li,
.msgdetails2 ul li,
.section .description {
  margin-left:35px;
  padding-left:5px
}
.msgdetails2 ol li {
  list-style:decimal outside none
}
.msgdetails2 ul li,
.section .description {
  list-style:disc outside none
}
.conversation .section .bericht .box ol li,
.conversation .section .bericht .box ul li {
  list-style:disc outside none;
  margin-left:20px;
  padding-left:5px
}
.studiewijzerdescription h1 {
  line-height:24px
}
.studiewijzerdescription h2 {
  line-height:27px
}
.studiewijzerdescription h3 {
  line-heihgt:15px
}
.icon-16 {
  height:16px
}
.icon-24 {
  height:24px
}
.html p:first-child {
  display:inline-block
}
.section .set {
  margin:0
}
.studiewijzerdescription ul li {
  list-style-type:disc;
  list-style-position:inside
}
.studiewijzerdescription ol,
.studiewijzerdescription ul {
  padding-left:40px
}
.studiewijzerdescription ol li {
  list-style-type:decimal;
  list-style-position:inside
}
.section .block {
  padding:12px;
  border-radius:5px;
  background:#fff;
  border:1px solid #d0dae4;
  margin:8px
}
div.block.content {
  background:#e2e9ee;
  padding:2px 6px;
  font-weight:700;
  margin:15px 0 0;
  color:#3f5c6e
}
.title div.block.content {
  height:17px;
  text-transform:none;
  color:#3b4d68;
  font-size:12pt;
  margin-bottom:8px;
  padding:8px
}
.section .block.double {
  display:inline-block;
  margin-right:.6%;
  width:49%
}
.section .block span.content {
  margin:5px 0 0
}
.section a.right {
  padding:8px 16px;
  margin-left:8px;
  color:#296bd7;
  font-weight:600;
  background:#fff;
  border:2px solid #d0dae4;
  border-radius:5px
}
.section a.right:empty {
  display:none
}
.section a.right:hover {
  background:#e5edfa;
  border:2px solid #296bd7
}
.set .contents,
.set .title {
  display:inline-block;
  width:100%
}
.set .title {
  height:auto;
  vertical-align:top
}
.set .contents {
  margin:0
}
.set .double {
  display:inline-block;
  height:auto;
  vertical-align:top;
  width:50%
}
.set .double .block {
  margin-right:5px
}
.set .double:nth-child(even) .block {
  margin-right:0
}
.set .block .blocks {
  display:table;
  border-spacing:1px;
  width:100%;
  margin:0 0 12px
}
.set .block .blocks .block {
  background-color:#f1f1f1;
  display:table-cell;
  vertical-align:top;
  padding:10px
}
.set .block .block.wide {
  width:69%
}
.set .block .block.small {
  vertical-align:top;
  width:31%;
  padding:1%;
  display:inline-block
}
.section>h3 {
  margin-top:23px;
  padding:16px 0;
  border-bottom:2px solid #d0dae4
}
.section>p {
  color:#3b4d68;
  font-size:11pt;
  line-height:24px
}
a.button-grey {
  -moz-box-shadow:inset 0 -6px 14px -2px #fff;
  -webkit-box-shadow:inset 0 -6px 14px -2px #fff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:inset 0 -6px 14px -2px #fff;
  background-image:url(../images/ico_computer-ver-AD0EFFFDD767453C6873A030922F3CF2.png);
  background-color:#ededed;
  background-position:7px 2px;
  background-repeat:no-repeat;
  border-radius:3px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#777;
  font-weight:700;
  text-decoration:none;
  text-shadow:1px 1px 4px #fff;
  padding:4px 10px 4px 28px
}
a.button-grey:hover {
  background-color:#dfdfdf
}
a.button-grey:active {
  position:relative;
  top:1px
}
.jaarbijlagen .jaarbijlagen-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px
}
.jaarbijlagen .jaarbijlagen-flex {
  display:none;
  flex-flow:row wrap
}
.jaarbijlagen .jaarbijlage {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  padding:4px 8px;
  background-color:#f0f3f5;
  border:1px solid #e2e9ee;
  align-content:center;
  cursor:pointer;
  margin-right:8px;
  margin-bottom:8px;
  height:30px
}
.jaarbijlagen .jaarbijlage .url {
  display:flex;
  align-items:center
}
.jaarbijlagen .jaarbijlage .jaarbijlage-label {
  color:#296bd7;
  font-weight:600;
  font-size:16px
}
.jaarbijlagen .jaarbijlage .jaarbijlage-extensie {
  margin-left:2px;
  margin-right:10px;
  display:flex;
  align-items:center;
  height:20px;
  padding:0 10px;
  background-color:#e5f1fd;
  border-radius:10px;
  font-weight:600;
  font-size:11px;
  color:#004f9b
}
.jaarbijlagen .jaarbijlage .jaarbijlage-extensie.hidden {
  display:none
}
.jaarbijlagen .jaarbijlage:hover .jaarbijlage-label {
  color:#296bd7
}
.jaarbijlagen .jaarbijlage-mappen {
  display:flex;
  row-gap:16px;
  padding-bottom:16px
}
.jaarbijlagen .bijlagen-container,
.jaarbijlagen .jaarbijlage-map {
  background-color:#fff;
  width:calc(100% - 32px);
  border:1px solid #e2e9ee;
  border-radius:5px;
  padding:0 15px
}
.jaarbijlagen .bijlagen-container .bijlagen-header,
.jaarbijlagen .bijlagen-container .jaarbijlage-map-header,
.jaarbijlagen .jaarbijlage-map .bijlagen-header,
.jaarbijlagen .jaarbijlage-map .jaarbijlage-map-header {
  display:flex;
  font-size:12pt;
  font-weight:600;
  align-items:center;
  height:42px;
  color:#296bd7;
  width:100%
}
.jaarbijlagen .bijlagen-container .bijlagen-header .map-naam,
.jaarbijlagen .bijlagen-container .jaarbijlage-map-header .map-naam,
.jaarbijlagen .jaarbijlage-map .bijlagen-header .map-naam,
.jaarbijlagen .jaarbijlage-map .jaarbijlage-map-header .map-naam {
  flex:auto;
  padding:0 10px
}
.jaarbijlagen .bijlagen-container .bijlagen-header .icon-chevron-right,
.jaarbijlagen .bijlagen-container .jaarbijlage-map-header .icon-chevron-right,
.jaarbijlagen .jaarbijlage-map .bijlagen-header .icon-chevron-right,
.jaarbijlagen .jaarbijlage-map .jaarbijlage-map-header .icon-chevron-right {
  transform:rotate(90deg)
}
.jaarbijlagen .bijlagen-container.expanded .jaarbijlagen-flex,
.jaarbijlagen .jaarbijlage-map.expanded .jaarbijlagen-flex {
  display:flex
}
.jaarbijlagen .bijlagen-container.expanded .icon-chevron-right,
.jaarbijlagen .jaarbijlage-map.expanded .icon-chevron-right {
  transform:rotate(-90deg)
}
.jaarbijlagen .bijlagen-container:hover:not(.not-expandable),
.jaarbijlagen .jaarbijlage-map:hover:not(.not-expandable) {
  border-color:#004f9b
}
.jaarbijlagen .bijlagen-container:hover:not(.not-expandable) .bijlagen-header .map-naam,
.jaarbijlagen .bijlagen-container:hover:not(.not-expandable) .jaarbijlage-map-header .map-naam,
.jaarbijlagen .jaarbijlage-map:hover:not(.not-expandable) .bijlagen-header .map-naam,
.jaarbijlagen .jaarbijlage-map:hover:not(.not-expandable) .jaarbijlage-map-header .map-naam {
  color:#004f9b
}
.jaarbijlagen .bijlagen-container:hover:not(.not-expandable) .bijlagen-header,
.jaarbijlagen .bijlagen-container:hover:not(.not-expandable) .bijlagen-header .IconFont,
.jaarbijlagen .bijlagen-container:hover:not(.not-expandable) .jaarbijlage-map-header,
.jaarbijlagen .bijlagen-container:hover:not(.not-expandable) .jaarbijlage-map-header .IconFont,
.jaarbijlagen .jaarbijlage-map:hover:not(.not-expandable) .bijlagen-header,
.jaarbijlagen .jaarbijlage-map:hover:not(.not-expandable) .bijlagen-header .IconFont,
.jaarbijlagen .jaarbijlage-map:hover:not(.not-expandable) .jaarbijlage-map-header,
.jaarbijlagen .jaarbijlage-map:hover:not(.not-expandable) .jaarbijlage-map-header .IconFont {
  cursor:pointer
}
.huiswerkbijlage .simple-view .bijlage-extensie.hidden,
.jaarbijlagen .bijlagen-container.not-expandable .icon-chevron-right,
.jaarbijlagen .jaarbijlage-map.not-expandable .icon-chevron-right {
  display:none
}
#user span,
.huiswerkbijlage {
  display:inline-block
}
.huiswerkbijlage:after,
.huiswerkbijlage:before {
  content:"";
  display:table
}
.huiswerkbijlage:after {
  clear:both
}
.huiswerkbijlage .fileBlock {
  border:0;
  display:block;
  float:left;
  margin:0 5px;
  width:80px;
  height:70px
}
.huiswerkbijlage .fileBlock span div,
.huiswerkbijlage .fileBlock>a>div {
  height:40px;
  text-align:center;
  width:80px
}
.huiswerkbijlage .fileBlock img {
  margin:0;
  vertical-align:bottom;
  width:40px
}
.huiswerkbijlage .fileBlock>a>span {
  display:block;
  font-size:11px;
  margin-top:5px;
  text-align:center;
  width:80px;
  overflow:hidden
}
.huiswerkbijlage .simple-view {
  display:flex;
  padding:4px 8px;
  background-color:#f0f3f5;
  border:1px solid #e2e9ee;
  align-content:center;
  cursor:pointer;
  margin-right:8px;
  margin-bottom:8px;
  height:30px;
  width:max-content;
  float:left
}
.huiswerkbijlage .simple-view .carouselurl {
  display:flex;
  align-items:center
}
.huiswerkbijlage .simple-view .bijlage-label {
  color:#296bd7;
  font-weight:400;
  font-size:14px
}
.huiswerkbijlage .simple-view .bijlage-extensie {
  margin-left:2px;
  margin-right:10px;
  display:flex;
  align-items:center;
  height:20px;
  padding:0 10px;
  background-color:#e5f1fd;
  border-radius:10px;
  font-weight:600;
  font-size:11px;
  color:#004f9b
}
.huiswerkbijlage .simple-view:hover .bijlage-label {
  color:#296bd7
}
.errorPage {
  height:200px
}
.errorPage .errorPage-content,
div.error-panel {
  border:1px solid #cdcdcd;
  position:relative;
  background:#f1f1f1;
  -moz-box-shadow:1px 1px 3px #888;
  -webkit-box-shadow:1px 1px 3px #888;
  box-shadow:1px 1px 3px #888
}
.errorPage .errorPage-content {
  width:400px;
  top:25%;
  margin:60px auto 0;
  height:100px
}
.errorPage .errorTekst {
  float:left;
  padding-top:10px;
  padding-bottom:10px
}
div.error-panel {
  width:690px;
  top:10%;
  margin:40px auto 0
}
div.error-panel .browserblock {
  display:inline-block;
  width:32%;
  height:120px;
  background-position:center center;
  background-repeat:no-repeat
}
div.error-panel .error-tekst ul {
  margin-left:18px
}
div.error-panel .error-tekst {
  padding:10px;
  font-size:14px
}
div.error-panel .error-tekst p,
div.error-panel .error-tekst ul {
  line-height:18px;
  margin-bottom:8px
}
.berichtdetail-subwrapper .icon-email,
.berichtdetail-subwrapper .icon-envelope-open,
.berichtdetail-subwrapper .icon-trash {
  margin-left:5px;
  margin-right:5px
}
.invisible {
  overflow:hidden;
  width:0;
  height:0
}
.loaderOverlay.hidden {
  display:none
}
.loaderOverlay {
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  width:100%;
  height:100%;
  -moz-transition:width .3s;
  -webkit-transition:width .3s;
  -o-transition:width .3s;
  -ms-transition:width .3s;
  transition:width .3s
}
.loaderOverlay .loader,
.loaderOverlay .overlay {
  display:block;
  position:fixed;
  width:100%;
  height:100%
}
.loaderOverlay .overlay {
  background:#fff;
  opacity:.2;
  -moz-opacity:.2;
  -webkit-opacity:.2;
  -o-opacity:.2;
  -ms-opacity:.2
}
.loaderOverlay .loader {
  background:url(../images/ajax-loader-big-ver-B7998FB83F2426A89721CE30D2A7BDC5.gif) no-repeat center center;
  margin:auto
}
#detail-panel .grid,
.section .beschrijving a.right {
  margin-bottom:15px
}
#detail-panel .grid .griditem {
  background-color:#fff;
  margin-bottom:2px;
  border:1px solid #e2e9ee;
  overflow:hidden
}
#detail-panel .grid .griditem span.titleblock {
  display:block;
  vertical-align:middle;
  width:92px;
  float:left
}
#detail-panel .grid .griditem span.titleblock a {
  line-height:40px;
  height:40px;
  display:block;
  padding-left:5px
}
#detail-panel .grid .griditem span.titleblock a:hover {
  background-color:#f1f1f1;
  text-decoration:none
}
#detail-panel .grid .griditem span.titleblock label {
  color:#184856;
  font-weight:700
}
#detail-panel .grid .griditem.tworows span.titleblock a {
  height:81px;
  line-height:81px
}
#detail-panel .grid .griditem.tworows span.titleblock a label {
  cursor:inherit
}
#detail-panel .grid .griditem ul {
  display:inline-block;
  vertical-align:middle;
  padding-left:5px;
  border-left:1px solid #e2e9ee;
  min-width:250px
}
#detail-panel .grid .griditem.tworows ul.firstOfType {
  border-bottom:1px solid #e2e9ee
}
#detail-panel .grid .griditem ul li {
  border-right:1px solid #e2e9ee;
  display:inline-block;
  padding:5px 7px 15px 10px;
  width:60px
}
#detail-panel .grid .griditem ul li .content {
  font-size:12px
}
b.vrijstelling {
  color:#999;
  font-weight:400!important
}
#detail-panel .grid .griditem ul li .title {
  display:inline-block;
  font-size:10px;
  text-align:right;
  width:100%;
  padding-top:2px
}
#detail-panel .panel-header {
  position:relative;
  padding-top:1px
}
#projectgroepenWidget .projectGroepLeerling {
  display:inline-block;
  margin:2px
}
#projectgroepenWidget .projectGroepTitle {
  margin-left:25px
}
#projectgroepenWidget .ui-widget-content {
  background:repeat-x 50% 50% #fff;
  color:currentColor;
  border-color:#e2e9ee
}
#projectgroepenWidget .ui-widget {
  border:medium;
  font-family:inherit;
  font-size:inherit
}
#projectgroepenWidget .ui-state-active,
#projectgroepenWidget .ui-state-default {
  background:repeat-x 50% 50% #fff;
  border:1px solid #e2e9ee;
  color:#39f
}
#projectgroepenWidget .ui-state-active {
  font-weight:400
}
#db-chooser {
  visibility:hidden
}
#turnitin-eula {
  height:550px;
  width:550px;
  margin-bottom:16px
}
.bottomdots {
  border-bottom:2px dotted #000
}
.stpanel label,
.stpanel section form ul.indent_left li,
.vakAfkortingFontSize {
  font-size:14px
}
.ical_url {
  font-size:10px
}
.IconFont {
  font-family:'SOMFont',Arial,Helvetica,sans-serif!important
}
.IconFont.MainMenuIcons {
  font-size:28px;
  line-height:24px
}
.IconFont.type {
  color:#004f9b;
  font-size:22px;
  width:29px;
  line-height:29px
}
.IconFont.type.larger {
  font-size:28px
}
.blue.ribbon .IconFont.MainMenuIcons {
  font-size:17px;
  margin:0 5px;
  color:#fff;
  vertical-align:baseline
}
.IconFont.b-alert {
  color:#ffc600;
  font-size:22px;
  background:0 0
}
#user span {
  vertical-align:top
}
#user i:before {
  vertical-align:top;
  font-size:22px;
  margin-right:3px;
  margin-left:3px;
  margin-top:14px
}
.close-detailpanel {
  display:none
}
.close-detailpanel .icon-remove-sign {
  font-size:24px;
  color:#004f9b;
  margin-left:15px;
  margin-right:15px;
  cursor:pointer
}
.detailpanel-tools {
  text-align:right;
  margin-right:10px;
  margin-bottom:10px
}
.elo-upload-header {
  padding-top:20px
}
.inleverperiode-panel .block {
  background:#f0f3f5;
  border:1px solid #d0dae4
}
.inleverperiode-panel .header {
  font-weight:600;
  font-size:14px;
  color:#52647e;
  line-height:40px
}
.inleverperiode-panel .button-silver-deluxe span,
.inleverperiode-panel .leerling-inlevering .naam {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  max-width:330px
}
.inleverperiode-panel .leerling-inlevering {
  border-top:1px solid #d7dfe6;
  line-height:40px;
  display:flex;
  justify-content:space-between
}
.inleverperiode-panel .leerling-inlevering .naam {
  font-size:14px;
  color:#296bd7;
  flex:1;
  max-width:300px;
  padding-right:8px
}
.inleverperiode-panel .leerling-inlevering .datum {
  font-weight:600;
  font-size:11px;
  color:#557195
}
.inleverperiode-panel .leerling-inlevering .icon-trash {
  color:#d32f0d;
  line-height:40px;
  padding-left:8px;
  font-size:20px
}
.inleverperiode-panel .leerling-inlevering:hover {
  background:#e3e9ee
}
.url-inleveren-panel .url-input {
  width:calc(100% - 14px);
  border:1px solid #d0dae4;
  background:0 0;
  border-radius:3px;
  outline:0;
  padding:0 5px;
  height:40px;
  font-size:16px
}
.url-inleveren-panel .url-input:focus {
  border-color:#296bd7;
  box-shadow:0 0 8px rgba(41,107,215,.25)
}
.url-inleveren-panel .button {
  display:inline-block
}
.url-inleveren-panel .button a {
  height:40px;
  width:188px;
  box-shadow:none;
  border:1px solid #d0dae4;
  border-radius:3px;
  line-height:40px;
  text-align:center;
  display:inline-block;
  cursor:pointer
}
.url-inleveren-panel .button span {
  font-weight:600;
  font-size:14px;
  color:#557195
}
.url-inleveren-panel .button.annuleren a {
  margin-right:16px
}
.url-inleveren-panel .button.opslaan a {
  border-color:#3f8541;
  background-color:#3f8541
}
.url-inleveren-panel .button.opslaan a span {
  color:#fff
}
@media screen and (max-width:1020px) {
  #content,
  #footer,
  #header,
  #main-menu,
  #main-menu-bottom {
    width:100%
  }
  #content-wrapper,
  #header-wrapper,
  #main-menu-wrapper {
    padding-left:0
  }
  #header {
    margin-left:15px;
    margin-right:15px
  }
  #header .right {
    float:none;
    position:absolute;
    right:15px
  }
  #user span.header {
    max-width:130px
  }
  #master-panel {
    width:100%!important;
    display:inline-block
  }
  #master-panel .panel-header {
    padding-left:15px
  }
  #master-panel .date {
    border:0
  }
  #master-panel .date div {
    position:relative;
    width:100%;
    height:18px;
    text-align:left;
    line-height:17px;
    font-size:12px;
    font-weight:300;
    color:#fff;
    padding:4px;
    margin:-1px 0 0 -40px;
    background:#f0f3f5;
    border:2px solid #d0dae4;
    border-radius:5px 0 0 5px
  }
  #master-panel .date div p.date-day {
    display:inline-block;
    margin-left:36px;
    margin-right:3px;
    font-size:12px;
    color:#fff;
    background-color:transparent
  }
  #master-panel .date div p.date-month {
    display:inline-block;
    font-size:12px;
    margin-left:3px
  }
  #detail-panel-wrapper {
    display:none
  }
  #detail-panel,
  .activityDetail {
    padding-left:10px;
    padding-right:10px
  }
  #detail-panel {
    width:initial!important
  }
  #content-wrapper.is-opendetailpanel #detail-panel-wrapper {
    display:block;
    position:absolute;
    top:124px;
    z-index:10;
    width:100%!important;
    left:0;
    right:0;
    padding:0
  }
  #content-wrapper.is-opendetailpanel #master-panel {
    display:none
  }
  #content-wrapper.is-opendetailpanel .close-detailpanel {
    display:block;
    position:absolute;
    right:0;
    top:15px
  }
  #content-wrapper.is-opendetailpanel .panel-header .sub {
    width:82%
  }
  .blue.ribbon {
    margin-top:14px
  }
}
@media screen and (max-width:900px) {
  #main-menu a q {
    line-height:14px;
    font-size:12px
  }
  #main-menu a .IconFont {
    font-size:20px
  }
}
@media screen and (max-width:800px) {
  .logo {
    display:inline-block;
    margin-left:15px
  }
  #header .date {
    position:absolute;
    left:15px
  }
  #header .version {
    position:absolute;
    right:15px
  }
  #user span.header {
    max-width:150px
  }
  #user>a>span {
    display:none
  }
  #user span.custom-select {
    display:inline-block
  }
  #user .dd {
    margin-top:0;
    width:initial!important
  }
  .dd .ddTitle {
    height:50px
  }
  .dd .ddTitle span.ddTitleText span.ddTitleText {
    display:none!important
  }
  .dd .ddTitle span.ddTitleText img {
    padding:0
  }
  #user .ddTitle img {
    width:initial;
    height:50px
  }
  .dd .ddTitle span.arrow {
    background-position:50% 15%!important;
    width:10px;
    height:10px
  }
  .dd .ddChild {
    left:-69px
  }
  #main-menu a {
    height:30px;
    padding:7px 7px 0 6px;
    font-size:11.5px;
    font-weight:600
  }
  #main-menu a q {
    line-height:16px;
    font-size:11px
  }
  #main-menu a .IconFont {
    font-size:16px;
    line-height:24px
  }
  .ribbon p {
    padding:0 11px 0 5px
  }
  .m-element span.sub,
  .msgdetails1>.right {
    display:none
  }
  .gelezenImage,
  .onGelezenImage,
  .verwijderImage {
    display:block;
    width:40px;
    height:40px;
    margin:0
  }
  .verwijderImage {
    width:42px
  }
}
@media screen and (max-width:600px) {
  #header {
    margin-left:10px;
    margin-right:10px
  }
  #main-menu a q,
  .homeworkaster .yellow.ribbon span,
  .logo {
    display:none
  }
  #header .date {
    margin-top:50px;
    left:10px
  }
  #header .version {
    margin-top:50px;
    right:10px
  }
  #main-menu a {
    padding:7px 9px 0;
    margin-right:2px
  }
  #main-menu a .IconFont {
    font-size:25px
  }
  #master-panel {
    padding-top:14px
  }
  #master-panel .panel-header {
    padding-left:10px;
    min-height:46px
  }
  #master-panel .panel-header h1 {
    margin-top:6px;
    font-size:19px
  }
  .box.small {
    width:98%
  }
}
@media screen and (max-width:420px) {
  .gperiod .tog-period {
    height:53px
  }
}
@media screen and (max-width:350px) {
  #main-menu a .IconFont {
    font-size:22px
  }
}
@media only screen and (max-width:1024px) {
  #content-wrapper.is-opendetailpanel #detail-panel-wrapper {
    top:135px
  }
  #master-panel .date {
    border:0;
    color:#000
  }
  #master-panel .date div {
    padding:8px 0;
    border-top:1px solid #d0dae4;
    border-bottom:1px solid #d0dae4;
    margin-left:-3px;
    border-radius:0
  }
  #master-panel .date div p.date-day,
  #master-panel .date div p.date-month,
  #master-panel .date span {
    color:#004f9b;
    font-weight:600
  }
}
.w-5 {
  width:5px!important
}
.w-15 {
  width:15px!important
}
.w-20 {
  width:20px!important
}
.w-30 {
  width:30px!important
}
.w-40 {
  width:40px!important
}
.w-50 {
  width:50px!important
}
.w-60 {
  width:60px!important
}
.w-70 {
  width:70px!important
}
.w-75 {
  width:75px!important
}
.w-80 {
  width:80px!important
}
.w-100 {
  width:100px!important
}
.w-120 {
  width:120px!important
}
.w-140 {
  width:140px!important
}
.w-150 {
  width:150px!important
}
.w-175 {
  width:175px!important
}
.w-180 {
  width:180px!important
}
.w-200 {
  width:200px!important
}
.w-220 {
  width:220px!important
}
.w-260,
textarea.w-260 {
  width:260px!important
}
.w-280 {
  width:280px!important
}
.w-320 {
  width:320px!important
}
.w-330 {
  width:330px!important
}
.w-333 {
  width:333px!important
}
.w-380 {
  width:380px!important
}
.w-413 {
  width:413px!important
}
.w-430 {
  width:430px!important
}
.w-678 {
  width:678px!important
}
.w-768 {
  width:768px!important
}
.w-900 {
  width:900px!important
}
.w-940 {
  width:940px!important
}
.w-970 {
  width:970px!important
}
.w-30p {
  width:30%!important
}
.w-50p {
  width:50%!important
}
.w-69p {
  width:69%!important
}
.w-100p {
  width:98%!important
}
.agendaKwtWindow table.keuzes,
.w-100pe {
  width:100%!important
}
.w-auto {
  width:auto
}
.unit_14 {
  width:14px!important
}
.unit_17 {
  width:17px!important
}
.unit_20 {
  width:20px!important
}
.unit_hgt_22 {
  height:22px!important
}
.unit_25 {
  width:25px!important
}
.unit_30 {
  width:30px!important
}
.unit_40 {
  width:40px!important
}
.unit_50 {
  width:50px!important
}
.unit_60 {
  width:60px!important
}
.unit_70 {
  width:70px!important
}
.unit_80 {
  width:80px!important
}
.unit_90 {
  width:90px!important
}
.unit_100 {
  width:100px!important
}
.unit_120 {
  width:120px!important
}
.unit_130 {
  width:130px!important
}
.unit_140 {
  width:140px!important
}
.unit_150 {
  width:150px!important
}
.unit_160 {
  width:160px!important
}
.unit_180 {
  width:180px!important
}
.unit_200 {
  width:200px!important
}
.unit_220 {
  width:220px!important
}
.unit_227 {
  width:227px!important
}
.unit_240 {
  width:240px!important
}
.unit_280 {
  width:280px!important
}
.unit_300 {
  width:300px!important
}
.unit_320 {
  width:320px!important
}
.unit_324 {
  width:324px!important
}
.unit_360 {
  width:360px!important
}
.unit_380 {
  width:380px!important
}
.unit_400 {
  width:400px!important
}
.unit_440 {
  width:440px!important
}
.unit_480 {
  width:480px!important
}
.unit_640 {
  width:640px!important
}
.unit_780 {
  width:780px!important
}
.unit_max,
.unit_max.hasDatepicker,
.unit_max.inpAutoComplete,
select.unit_max,
textarea.unit_max {
  width:90%!important
}
.unit_220.selectEntity {
  width:195px!important
}
.autoHeight {
  height:auto
}
.unitHeight_100 {
  height:100px!important
}
.unitHeight_100percent {
  height:100%!important
}
.h-40 {
  height:40px!important
}
.h-100 {
  height:100px!important
}
.h-180 {
  height:180px!important
}
.h-200 {
  height:200px!important
}
.h-300 {
  height:300px!important
}
.h-320 {
  height:320px!important
}
.h-360 {
  height:360px!important
}
.h-400 {
  height:400px!important
}
.h-90p {
  height:90%!important
}
.h-auto {
  height:auto
}
.t-0 {
  margin-top:0!important
}
.t-5 {
  margin-top:5px!important
}
.t-10 {
  margin-top:10px!important
}
.b-0 {
  margin-bottom:0!important
}
.b-5 {
  margin-bottom:5px!important
}
.b-10 {
  margin-bottom:10px!important
}
.b-20 {
  margin-bottom:20px!important
}
.l-0 {
  margin-left:0!important
}
.l-5 {
  margin-left:5px!important
}
.l-10 {
  margin-left:10px!important
}
.l-20 {
  margin-left:20px!important
}
.left-10 {
  margin-left:10px
}
.left-20,
.stpanel section form h1,
.stpanel section form p {
  margin-left:20px
}
.left-30 {
  margin-left:30px
}
.left-40 {
  margin-left:40px
}
.left-50 {
  margin-left:50px
}
.left-60,
.stpanel section form ul.indent_left {
  margin-left:60px
}
.left-70 {
  margin-left:70px
}
.left-80 {
  margin-left:80px
}
.left-90 {
  margin-left:90px
}
.left-100 {
  margin-left:100px
}
.movedown_5 {
  margin-top:5px!important
}
.movedown_10 {
  margin-top:10px!important
}
.movedown_20 {
  margin-top:20px!important
}
.append_10 {
  margin-left:10px!important
}
.append_20 {
  margin-left:20px!important
}
.append_30 {
  margin-left:30px!important
}
.append_40 {
  margin-left:40px!important
}
.extend_5 {
  margin-right:5px!important
}
.extend_10 {
  margin-right:10px!important
}
.extend_20 {
  margin-right:20px!important
}
.extend_30 {
  margin-right:30px!important
}
.extend_40 {
  margin-right:40px!important
}
.below_20 {
  margin-bottom:20px
}
.indent_left {
  padding-left:5px
}
.indent_right {
  padding-right:5px
}
.indent_right_15 {
  padding-right:15px
}
.indent_top {
  padding-top:5px
}
.indent_top_15 {
  padding-top:15px
}
.indent_bottom {
  padding-bottom:5px
}
.indent_bottom_left {
  padding-bottom:10px;
  padding-left:10px
}
.roosterMaster {
  width:960px
}
.roosterMaster .panel-header {
  border-bottom:none!important
}
#vakanties table,
.agendaKwtWindow table.keuzes tr.details table,
.roster-table {
  width:100%
}
.day {
  display:table-cell;
  position:relative;
  border-left:dotted 1px #dce5e6;
  overflow:hidden
}
.dayTitle,
.weekTitle {
  padding:5px
}
.dayTitle {
  border-bottom:solid 3px #dce5e6;
  background:#fff
}
.weekitems {
  display:table-cell;
  min-height:50px
}
.weekitems .weekitemLabel {
  color:#3f5c6e;
  font-size:15px;
  margin-left:10px
}
.weekitems .toekenning {
  margin-left:8px
}
.weekitems .geen-items {
  padding-left:15px
}
.hiddenWeekItemsPanel {
  min-height:30px;
  margin:0 12px
}
.hiddenWeekItemsPanel hr {
  background-color:#dce5e6;
  color:#dce5e6;
  height:2px;
  border:0
}
.today {
  border-bottom:solid 3px #ffc600;
  color:#3f5c6e;
  font-weight:700
}
.roster-table-header {
  display:table;
  width:100%;
  position:relative;
  table-layout:fixed
}
.roster-table-header .day {
  text-align:center;
  font-size:15px;
  background:#f5f6f7;
  height:100%
}
.roster-table-header .day .huiswerk-items {
  background-color:#f5f6f7;
  min-height:100px;
  height:100%;
  padding-left:3px
}
.roster-table-header .daylabel,
.schooltijd-lang {
  display:inline-block
}
.agendaKwtWindow table.keuzes tr.details td.collapsed,
.roster-table-header .daylabelshort,
.schooltijd-kort {
  display:none
}
.roster-table-header .geen-items {
  font-size:13px;
  font-style:italic;
  padding-top:3px;
  color:#aeb3b4
}
.eerste-kolom {
  width:150px
}
.toekenning {
  font-size:11px;
  text-align:left;
  padding:2px;
  color:#39f
}
.toekenning .icon-geen-van-beide,
.toekenning .icon-huiswerk,
.toekenning .icon-maatregel,
.toekenning .icon-toets {
  width:20px;
  height:20px
}
.toekenning a {
  color:#2b2b2b
}
.toekenning a:hover {
  color:#39f
}
.afspraak .toekenning {
  background-color:#dbebf1;
  margin-left:3px;
  height:100%
}
.huiswerk-gemaakt {
  text-decoration:line-through;
  color:gray
}
.truncate {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.filler {
  display:none;
  border-left:0
}
.roster-table-content {
  display:table;
  width:100%;
  table-layout:fixed
}
.roster-table-content .day {
  border-top:solid 1px #dce5e6
}
.roster-table-content .hours {
  display:table-cell;
  border-top:1px solid #dce5e6
}
.roster-table-content .hours .hour {
  width:960px;
  position:relative;
  height:98px
}
.roster-table-content .hours .hour .lesuur {
  width:150px;
  height:100%
}
.buitenSchooltijd {
  position:absolute;
  line-height:26px;
  margin-top:10px
}
.buitenSchooltijd.schooltijd-lang {
  margin-left:40px
}
.buitenSchooltijd.schooltijd-kort {
  margin-left:10px
}
.uurNummer,
.uurTijd {
  display:block;
  float:left;
  line-height:26px;
  margin-top:10px
}
.uurNummer {
  margin-left:10px;
  width:40px;
  font-size:16px;
  color:#3f5c6e;
  background-color:#e2e9ee;
  font-weight:700;
  top:50%;
  text-align:center;
  vertical-align:middle
}
.uurTijd {
  position:absolute;
  margin-left:60px
}
.afspraak {
  position:absolute;
  left:5px;
  right:5px;
  background-color:#b9deea;
  margin:2px;
  text-align:left
}
.afspraak .icon-link {
  float:right;
  padding:4px
}
.afspraak.nlg {
  background-color:#f0f3f5;
  border-radius:5px;
  border-left:3px solid #da6710;
  border-top:1px solid #d0dae4;
  border-right:1px solid #d0dae4;
  border-bottom:1px solid #d0dae4;
  box-shadow:0 2px 5px #e3e9ee
}
.afspraak.nlg:hover {
  background-color:#e8f4fa
}
.afspraak.kwt {
  border:dashed 2px #004b87;
  background-color:#fff
}
.afspraak.kwt.kwtGekozen {
  background-color:#b9deea
}
.afspraak-link {
  margin:8px;
  text-decoration:none!important;
  display:block;
  z-index:1
}
.afspraak-window {
  display:none;
  width:600px
}
.afspraak-huiswerk {
  float:right;
  z-index:999
}
.afspraak-huiswerk span {
  position:absolute;
  width:22px;
  height:22px;
  bottom:5px;
  right:5px
}
.afspraak-omschrijving {
  float:right;
  position:absolute;
  top:3px;
  right:2px
}
.pauze {
  width:960px;
  height:18px!important;
  color:#3f5c6e;
  background-color:#dce5e6;
  line-height:26px;
  vertical-align:middle
}
.pauzelabel,
.pauzetijden {
  position:absolute;
  top:50%;
  margin-left:60px;
  margin-top:-13px;
  line-height:26px
}
.pauzelabel {
  margin-left:15px
}
.afspraakVakNaam {
  color:#296bd7;
  font-size:13px;
  font-weight:600;
  height:14px;
  width:auto;
  word-break:break-all
}
.afspraakTijdEnLocatie:after {
  content:"";
  display:table;
  clear:both
}
.afspraakLocatie,
.kwtOpties {
  color:#3b4d68;
  width:auto;
  display:block
}
.afspraakLocatie {
  font-size:12px;
  font-weight:600;
  line-height:20px;
  word-break:break-all
}
.kwtOpties {
  padding-top:1em;
  padding-left:.5em;
  font-size:8px
}
.stpanel--melding time,
.verborgenlesuren_afspraakLocatie {
  float:right
}
.afspraakTijden {
  color:#184856;
  line-height:20px;
  float:left;
  display:none
}
.verborgenlesuren_afspraakTijden {
  display:block
}
.rooster-bijlage {
  font-size:14px;
  color:#557195;
  float:right
}
.roosterdetail.titel {
  line-height:16px;
  color:#000;
  font-size:16px;
  font-weight:700;
  margin-bottom:0 0 4px
}
#vakanties .vakantieNaam {
  width:45%
}
#vakanties .vakantieDatum {
  width:50%
}
.roosterdetail {
  vertical-align:top;
  line-height:18px
}
.roosterdetail.label,
.roosterkwt h3 {
  color:#999;
  font-size:11px;
  line-height:19px
}
.roosterdetail.label {
  width:40px;
  text-align:right;
  padding-right:5px
}
.roosterdetail.eind,
.roosterdetail.locatie {
  padding-bottom:10px
}
.roosterkwt h3 {
  height:auto
}
.roosterkwt span {
  display:inline-block;
  color:#000;
  font-size:12px
}
.roosterkwt span:nth-child(1) {
  width:110px
}
.agendaKwtWindow p {
  margin-top:2em
}
.agendaKwtWindow table.keuzes td,
.agendaKwtWindow table.keuzes th {
  text-align:justify
}
.agendaKwtWindow table.keuzes td a.vakLink {
  line-height:42px
}
.agendaKwtWindow table.keuzes td a.vakLink .IconFont {
  font-size:36px
}
.agendaKwtWindow table.keuzes td a.vakLink[disabled] {
  color:#737a7c!important;
  cursor:not-allowed
}
.agendaKwtWindow table.keuzes td a.vakLink[disabled] span {
  color:#737a7c!important
}
.agendaKwtWindow table.keuzes td a.toggle,
.agendaKwtWindow table.keuzes td a.toggled {
  padding-left:23px;
  display:inline;
  min-height:24px;
  line-height:24px;
  cursor:pointer;
  font-weight:700;
  color:#3f5c6e;
  font-size:15px
}
.agendaKwtWindow table.keuzes td a.toggle {
  background:url(../images/bck_levelshrinked-ver-183AE12A8943134C34FA665BC1D0AFF0.png) no-repeat 4px 5px
}
.agendaKwtWindow table.keuzes td a.toggled {
  background:url(../images/bck_levelexpanded-ver-E3703F8158EBFA264750E762D48B5ABF.png) no-repeat 4px 5px
}
.agendaKwtWindow table.keuzes tr.details td.expanded {
  display:table-cell
}
.agendaKwtWindow table.keuzes tr.details td.details {
  padding-top:15px;
  padding-bottom:15px
}
.agendaKwtWindow table.keuzes tr.details table td,
.agendaKwtWindow table.keuzes tr.details table th {
  width:25%
}
.agendaKwtWindow table.keuzes tr.separator td {
  border-bottom:1px solid #dce5e6
}
.agendaKwtWindowOptie {
  margin-top:10px
}
.agendaKwtWindowOptie a {
  display:block;
  line-height:40px;
  border-top:dashed 1px #000
}
.agendaKwtWindowOptie .keuzevak .IconFont.MainMenuIcons {
  padding-top:15px;
  font-size:13px
}
.kwtinfo {
  line-height:14px;
  font-size:14px;
  margin-bottom:4px
}
.kwtinfo.omschrijving {
  margin:16px 0
}
.kwtinfo.bijlage {
  display:block;
  margin-bottom:10px
}
@media screen and (max-width:1020px) {
  .roster #master-panel {
    width:100%!important;
    display:block
  }
  .roosterMaster {
    width:100%!important
  }
  .roosterMaster .hours {
    width:44px;
    border-right:none
  }
  .roosterMaster .hours .hour {
    width:100vw
  }
  .roosterMaster .hours .hour .lesuur {
    width:45px
  }
  .roosterMaster .uurNummer {
    width:26px;
    line-height:26px
  }
  .roosterMaster .uurTijd,
  .schooltijd-lang {
    display:none
  }
  .roosterMaster .afspraak {
    padding:0
  }
  .roosterMaster .afspraak-link {
    margin:0
  }
  .roosterMaster .afspraakVakNaam {
    font-size:11px;
    margin-left:2px;
    margin-right:2px
  }
  .roosterMaster .afspraakLocatie,
  .roosterMaster .afspraakTijden {
    font-size:11px;
    line-height:16px;
    margin-left:2px;
    margin-right:2px
  }
  .roosterMaster .afspraakLocatie {
    font-weight:600
  }
  .roosterMaster .afspraakTijden {
    color:#184856
  }
  .roosterMaster .pauze {
    width:100vw!important;
    font-size:11px;
    font-weight:600
  }
  .roosterMaster .pauzelabel {
    margin-left:3px
  }
  .roosterMaster .pauzetijden {
    margin-left:49px
  }
  .roosterMaster .eerste-kolom {
    width:44px!important;
    min-width:44px
  }
  .roosterMaster .verborgenlesuren_eerstekolom {
    width:0!important;
    min-width:0
  }
  .roosterMaster .weekitems {
    display:table-caption;
    width:100%!important;
    margin-left:5px
  }
  .roosterMaster .filler {
    display:table-cell
  }
  .schooltijd-kort {
    display:inline-block
  }
}
.afspraak-details {
  border-spacing:0
}
.afspraak-details>tr>td:first-child {
  display:contents
}
@media screen and (max-width:630px) {
  .roster-table-header .day .daylabel {
    display:none
  }
  .roster-table-header .day .daylabelshort {
    display:inline-block
  }
}
@media screen and (max-width:670px) {
  .roster-table-content .day,
  .roster-table-header .day {
    min-width:65px
  }
  .roosterMaster .afspraakLocatie {
    clear:left;
    float:left
  }
  .roosterMaster .verborgenlesuren_eerstekolom {
    width:0!important;
    min-width:0
  }
}
@media screen and (max-width:350px) {
  .roosterMaster h1 {
    display:none
  }
}
.verborgenlesuren_eerstekolom {
  width:0!important
}
.verborgenlesuren_tijd {
  display:none
}
.verborgenlesuren_weekitems {
  display:table-caption;
  width:100%!important;
  margin-left:5px
}
.huiswerk-niet-gemaakt {
  font-weight:bolder;
  text-decoration:underline;
  color:red
}
.stpanel figure {
  display:inline-block;
  width:100%;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat
}
.stpanel input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
.stpanel input::-webkit-input-placeholder {
  color:#8aa1b6
}
.stpanel input:-moz-placeholder {
  color:#8aa1b6
}
.stpanel input:-ms-input-placeholder {
  color:#8aa1b6
}
.stpanel input:input-placeholder {
  color:#8aa1b6
}
.stpanel textarea::-webkit-input-placeholder {
  color:#82c1ff
}
.stpanel textarea:-moz-placeholder {
  color:#82c1ff
}
.stpanel textarea:-ms-input-placeholder {
  color:#82c1ff
}
.stpanel textarea:input-placeholder {
  color:#82c1ff
}
.stpanel input:-webkit-autofill,
.stpanel textarea:-webkit-autofill {
  background-color:#82c1ff!important
}
.stpanel input[type=email],
.stpanel input[type=number],
.stpanel input[type=password],
.stpanel input[type=search],
.stpanel input[type=tel],
.stpanel input[type=text],
.stpanel input[type=url],
.stpanel select {
  display:block;
  width:100%;
  vertical-align:baseline
}
.stpanel input[type=email],
.stpanel input[type=number],
.stpanel input[type=password],
.stpanel input[type=search],
.stpanel input[type=tel],
.stpanel input[type=text],
.stpanel input[type=url],
.stpanel select,
.stpanel textarea {
  min-width:6rem;
  margin:1rem 0 0;
  padding:.5em;
  line-height:1.5em;
  font-family:'Open Sans Semibold','Roboto',Helvetica;
  font-size:14px;
  color:#003568;
  border:2px solid #fff;
  border-radius:0;
  -webkit-appearance:none;
  background:#fff
}
.stpanel input[type=email].no-margin,
.stpanel input[type=number].no-margin,
.stpanel input[type=password].no-margin,
.stpanel input[type=search].no-margin,
.stpanel input[type=tel].no-margin,
.stpanel input[type=text].no-margin,
.stpanel input[type=url].no-margin,
.stpanel select.no-margin,
.stpanel textarea.no-margin {
  margin:0
}
.stpanel input[type=email]:focus,
.stpanel input[type=number]:focus,
.stpanel input[type=password]:focus,
.stpanel input[type=search]:focus,
.stpanel input[type=tel]:focus,
.stpanel input[type=text]:focus,
.stpanel input[type=url]:focus,
.stpanel select:focus,
.stpanel textarea:focus {
  border-color:#004f9b;
  color:#004f9b;
  outline:0
}
.stpanel input[type=email]:focus+[class^=icon-],
.stpanel input[type=number]:focus+[class^=icon-],
.stpanel input[type=password]:focus+[class^=icon-],
.stpanel input[type=search]:focus+[class^=icon-],
.stpanel input[type=tel]:focus+[class^=icon-],
.stpanel input[type=text]:focus+[class^=icon-],
.stpanel input[type=url]:focus+[class^=icon-],
.stpanel select:focus+[class^=icon-],
.stpanel textarea:focus+[class^=icon-] {
  color:#004f9b!important
}
.stpanel input[type=radio] {
  margin-right:.5rem
}
.stpanel textarea {
  overflow:auto;
  resize:vertical;
  vertical-align:top;
  display:block;
  width:100%!important;
  min-height:10rem
}
.stpanel input[type=checkbox] {
  border-radius:0
}
.stpanel .include-form-box {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  height:2.8rem;
  padding:.5rem .7rem;
  outline:0;
  appearance:normal;
  -moz-appearance:none;
  -webkit-appearance:none
}
.stpanel .form--input input,
.stpanel .include-form-border {
  border-color:#fff;
  -ms-transition:border-color .3s;
  -moz-transition:border-color .3s;
  -webkit-transition:border-color .3s
}
.stpanel .form--input {
  position:relative;
  display:block
}
.stpanel .form--input input {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  height:2.8rem;
  outline:0;
  appearance:normal;
  -moz-appearance:none;
  -webkit-appearance:none;
  padding:.5rem 2.5rem .5rem .7rem;
  border-color:#d7dfe6;
  padding-left:20px;
  border-radius:20px
}
.stpanel .form--input:focus i,
.stpanel .form--input:hover i {
  color:#000
}
.stpanel .form--input i {
  position:absolute;
  top:.35rem;
  width:2rem;
  height:2rem;
  right:.35rem;
  line-height:2rem;
  font-size:1rem;
  text-align:center;
  color:#0021a9
}
.testomgeving.stpanel .form--input i {
  color:#ccc
}
.stpanel .form--input.state-disabled input {
  background-color:#ffc600;
  border-color:#ffc600;
  opacity:1
}
@-moz-document url-prefix() {
  .stpanel .form--select {
    overflow:-moz-hidden-unscrollable
  }
}
.stpanel .form--select {
  position:relative;
  display:block
}
.stpanel .form--select select {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  height:2.8rem;
  padding:.5rem .7rem;
  outline:0;
  -ms-transition:border-color .3s;
  -moz-transition:border-color .3s;
  -webkit-transition:border-color .3s;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  text-indent:.01px;
  text-overflow:'';
  border-radius:20px;
  border-color:#d7dfe6;
  padding-left:20px
}
.stpanel .form--checkbox:focus i,
.stpanel .form--checkbox:hover i,
.stpanel .form--radio:focus i,
.stpanel .form--radio:hover i,
.stpanel .form--select:focus select,
.stpanel .form--select:hover select {
  border-color:#004f9b
}
.stpanel .form--select:hover i:after {
  bottom:0;
  border-top:.3rem solid #004f9b
}
.stpanel .form--select:hover i:before {
  top:0;
  border-bottom:.3rem solid #004f9b
}
.stpanel .form--select i {
  position:absolute;
  top:14px;
  right:14px;
  width:8px;
  height:11px;
  background:#fff;
  pointer-events:none
}
.stpanel .form--select i:after,
.stpanel .form--select i:before {
  content:'';
  position:absolute;
  right:0;
  border-right:.3rem solid transparent;
  border-left:.3rem solid transparent
}
.stpanel .form--select i:after {
  bottom:0;
  border-top:.3rem solid #ffc600
}
.stpanel .form--select i:before {
  top:0;
  border-bottom:.3rem solid #ffc600
}
.stpanel .form--checkbox,
.stpanel .form--radio {
  position:relative;
  margin-top:.2rem;
  padding-left:1.95rem;
  line-height:2.1rem;
  cursor:pointer;
  margin-left:20px
}
.stpanel .form--checkbox {
  display:block
}
.stpanel .form--checkbox:last-child,
.stpanel .form--radio:last-child {
  margin-bottom:0
}
.stpanel .form--checkbox input,
.stpanel .form--radio input {
  position:absolute;
  left:-9999px
}
.stpanel .form--checkbox input:checked+i,
.stpanel .form--radio input:checked+i {
  border-color:#ffc600;
  background-color:#ffc600
}
.stpanel .form--checkbox input:checked+i:after,
.stpanel .form--radio input:checked+i:after {
  opacity:1
}
.stpanel .form--checkbox input+i:after,
.stpanel .form--radio input+i:after {
  position:absolute;
  opacity:0;
  -ms-transition:opacity .1s;
  -moz-transition:opacity .1s;
  -webkit-transition:opacity .1s
}
.stpanel .form--checkbox i,
.stpanel .form--radio i {
  -ms-transition:border-color .3s;
  -moz-transition:border-color .3s;
  -webkit-transition:border-color .3s;
  display:block;
  position:absolute;
  top:.4rem;
  left:0;
  width:1rem;
  height:1rem;
  outline:0;
  border-width:2px;
  border-style:solid;
  background:#fff;
  border-color:#d7dfe6
}
.stpanel .form--checkbox i {
  border-radius:6px
}
.stpanel .form--radio {
  display:inline-block
}
.stpanel .form--radio i {
  border-radius:50%
}
.stpanel .form--radio input+i:after {
  content:'';
  top:3px;
  left:3px;
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:#004f9b
}
.stpanel .form--checkbox input+i:after {
  font-family:'SOMAuthFont';
  content:'\1E12';
  width:1.3rem;
  height:1.2rem;
  font-style:normal;
  font-size:1.2rem;
  bottom:1px;
  line-height:1.2;
  left:0;
  color:#004f9b;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  vertical-align:baseline
}
.stpanel .form--note-error {
  margin:0 .75rem .5rem 0;
  padding:10px 1px;
  font-size:11px;
  line-height:1rem;
  color:#da6710
}
.stpanel .form--checkbox.state-error i,
.stpanel .form--radio.state-error i,
.stpanel .form--toggle.state-error i,
.stpanel .state-error input,
.stpanel .state-error select,
.stpanel .state-error textarea {
  color:#d32f0d;
  border-color:#d32f0d
}
.stpanel .state-error i {
  color:#d32f0d!important
}
.stpanel .state-error select+i {
  color:#d32f0d
}
.stpanel .button.state-disabled,
.stpanel .form--checkbox.state-disabled,
.stpanel .form--radio.state-disabled,
.stpanel .form--select.state-disabled,
.stpanel .form--textarea.state-disabled {
  cursor:default;
  opacity:.5
}
.stpanel .form--checkbox.state-disabled:hover i,
.stpanel .form--radio.state-disabled:hover,
.stpanel .form--select.state-disabled:hover select,
.stpanel .form--textarea.state-disabled:hover textarea {
  border-color:#fff!important
}
.stpanel .form--input.state-disabled:hover i {
  color:#000829!important
}
.button--stpanel,
.include-button,
button.button--stpanel,
input[type=submit].button--stpanel {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  display:inline-block;
  font-size:13px;
  font-weight:700!important;
  font-family:'Open Sans Semibold','Roboto',Helvetica;
  line-height:1.5rem!important;
  padding:.56rem 1rem;
  vertical-align:baseline;
  text-decoration:none;
  border:.15rem solid #004f9b
}
.button--stpanel,
button.button--stpanel,
input[type=submit].button--stpanel {
  color:#004f9b!important;
  background-color:#004f9b;
  -webkit-font-smoothing:antialiased
}
.button--stpanel:active,
.button--stpanel:focus,
.button--stpanel:hover,
.stpanel section div.form--holder .stpanel--error--message a.button--stpanel:active,
.stpanel section div.form--holder .stpanel--error--message a.button--stpanel:focus,
.stpanel section div.form--holder .stpanel--error--message a.button--stpanel:hover,
.stpanel section div.form--holder form a.button--stpanel:active,
.stpanel section div.form--holder form a.button--stpanel:focus,
.stpanel section div.form--holder form a.button--stpanel:hover,
.stpanel--meldingen a.button--stpanel:active,
.stpanel--meldingen a.button--stpanel:focus,
.stpanel--meldingen a.button--stpanel:hover,
button.button--stpanel:active,
button.button--stpanel:focus,
button.button--stpanel:hover,
input[type=submit].button--stpanel:active,
input[type=submit].button--stpanel:focus,
input[type=submit].button--stpanel:hover {
  background:#004f9b;
  color:#fff!important
}
.include-message {
  display:block;
  font-size:.9rem;
  line-height:1.5rem;
  padding:0;
  vertical-align:baseline;
  margin-bottom:2px;
  padding-left:.75rem;
  padding-right:.75rem
}
.stpanel div.message,
.stpanel ul.feedbackPanel,
.stpanel ul.messages {
  list-style:none;
  margin:0;
  text-align:left
}
.stpanel div.message li,
.stpanel ul.feedbackPanel li,
.stpanel ul.messages li {
  margin-bottom:.5rem
}
.stpanel div.message li:last-of-type,
.stpanel ul.feedbackPanel li:last-of-type,
.stpanel ul.messages li:last-of-type {
  margin-bottom:0
}
.stpanel div.message-alert,
.stpanel li.feedbackPanelERROR,
.stpanel li.message-alert {
  display:block;
  font-size:.9rem;
  line-height:1.5rem;
  padding:0;
  vertical-align:baseline;
  margin-bottom:2px;
  padding-left:.75rem;
  padding-right:.75rem;
  padding-left:0;
  color:#d32f0d;
  -webkit-font-smoothing:antialiased
}
.stpanel .loader {
  position:relative;
  width:40px;
  padding:0;
  margin:auto
}
.stpanel .loader--dot1,
.stpanel .loader--dot2,
.stpanel .loader--dot3,
.stpanel .loader--dot4 {
  width:10px;
  height:10px;
  border-radius:50%;
  background:#004f9b;
  position:absolute;
  -webkit-animation:.5s ease infinite;
  animation:.5s ease infinite
}
.stpanel .loader--dot1,
.stpanel .loader--dot2 {
  left:0
}
.stpanel .loader--dot3 {
  left:15px
}
.stpanel .loader--dot4 {
  left:30px
}
.stpanel .loader--dot1 {
  -webkit-animation-name:show-loader--dot;
  animation-name:show-loader--dot
}
.stpanel .loader--dot2,
.stpanel .loader--dot3 {
  -webkit-animation-name:slide-loader--dot;
  animation-name:slide-loader--dot
}
.stpanel .loader--dot4 {
  -webkit-animation-name:show-loader--dot;
  animation-name:show-loader--dot;
  -webkit-animation-direction:reverse;
  animation-direction:reverse
}
.stpanel .loader--box {
  display:block;
  width:100%;
  height:3rem;
  text-align:center
}
.stpanel .loader--bounce {
  margin:100px auto 0;
  width:70px;
  text-align:center
}
.stpanel .loader--bounce>div {
  width:18px;
  height:18px;
  background-color:#004f9b;
  border-radius:100%;
  display:inline-block;
  -webkit-animation:bouncedelay 1.4s infinite ease-in-out;
  animation:bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.stpanel .loader--bounce .loader--bounce1 {
  -webkit-animation-delay:-.32s;
  animation-delay:-.32s
}
.stpanel .loader--bounce .loader--bounce2 {
  -webkit-animation-delay:-.16s;
  animation-delay:-.16s
}
@font-face {
  font-family:'SOMFont';
  src:url(../fonts/som-icons-ver-504C161853ACA3F834F252835264296C.woff) format('woff'),
  url(../fonts/som-icons-ver-66F7EFFCC64F4CBA73097A853C8625DA.ttf) format('truetype'),
  url(../fonts/som-icons-ver-50EE0A1006540D7343515AEE61A2A17A.svg#SOMFontRegular) format('svg');
  font-weight:400;
  font-style:normal
}
.iconfont:before {
  font-family:'SOMFont';
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.icon-leeromgeving:before {
  content:"\00C7"
}
[class*=" icon-"],
[class^=icon-] {
  font-family:SOMFont;
  font-weight:400;
  font-style:normal;
  text-decoration:inherit;
  -webkit-font-smoothing:antialiased;
  display:inline;
  width:auto;
  height:auto;
  line-height:normal;
  vertical-align:baseline;
  background-image:none;
  background-position:0 0;
  background-repeat:repeat;
  margin-top:0
}
[class*=" icon-"]:before,
[class^=icon-]:before {
  text-decoration:inherit;
  display:inline-block;
  speak:none
}
.icon-grote-toets,
.icon-toets {
  height:22px;
  width:22px;
  text-align:center;
  line-height:22px;
  border-radius:50%;
  background:#ffdd30;
  color:#184856;
  display:inline-block
}
.icon-huiswerk {
  background:#ffdd30
}
.icon-geen-van-beide,
.icon-leermiddelen,
.icon-studiewijzer {
  background:#ffdd30;
  color:#184856
}
.icon-geen-van-beide,
.icon-leermiddelen,
.icon-maatregel,
.icon-studiewijzer {
  height:22px;
  width:22px;
  text-align:center;
  line-height:22px;
  border-radius:50%;
  display:inline-block
}
.icon-huiswerk-in-orde,
.icon-huiswerk-niet-in-orde,
.icon-maatregel {
  background:#ffdd30
}
.icon-toets {
  background:#da6710
}
.icon-grote-toets {
  background:#d32f0d
}
.icon-geen-van-beide {
  background:#c1cbcc
}
.icon-maatregel {
  background:#004b87;
  color:#dbebf1
}
.icon-sm {
  font-size:16px
}
.icon-md {
  font-size:20px
}
.icon-lg {
  font-size:24px
}
.icon-disable {
  opacity:.3
}
.icon-email:before {
  content:"\f003"
}
.icon-bijlage:before {
  content:"\F0C6"
}
.icon-map:before {
  content:"\F07B"
}
.icon-user:before {
  content:"\f007"
}
.icon-ok:before {
  content:"\f00c"
}
.icon-remove:before {
  content:"\f00d"
}
.icon-off:before {
  content:"\f011"
}
.icon-home:before {
  content:"\f015"
}
.icon-lock:before {
  content:"\1f512"
}
.icon-book:before {
  content:"\f02d"
}
.icon-pencil:before {
  content:"\270f"
}
.icon-map-marker:before {
  content:"\f041"
}
.icon-edit:before {
  content:"\f044"
}
.icon-check:before {
  content:"\f046"
}
.icon-remove-sign:before {
  content:"\f057"
}
.icon-ok-sign:before {
  content:"\f058"
}
.icon-info-sign:before {
  content:"\f05a"
}
.icon-remove-circle:before {
  content:"\f05c"
}
.icon-ok-circle:before {
  content:"\f05d"
}
.icon-eye-open:before {
  content:"\f06e"
}
.icon-eye-close:before {
  content:"\f070"
}
.icon-calendar:before {
  content:"\1f4c5"
}
.icon-cogs:before {
  content:"\f085"
}
.icon-signout:before {
  content:"\f08b"
}
.icon-signin:before {
  content:"\f090"
}
.icon-phone:before {
  content:"\f095"
}
.icon-check-empty:before,
.icon-unchecked:before {
  content:"\f096"
}
.icon-rss:before {
  content:"\f09e"
}
.icon-fullscreen:before {
  content:"\f0b2"
}
.icon-group:before {
  content:"\f0c0"
}
.icon-list-ul:before {
  content:"\f0ca"
}
.icon-caret-down:before {
  content:"\f0d7"
}
.icon-envelope-open:before {
  content:"\f0e0"
}
.icon-envelope:before {
  content:"\f003"
}
.icon-envelope-attach:before {
  content:"\00D0"
}
.icon-envelope-open-attach:before {
  content:"\0110"
}
.icon-comment-alt:before {
  content:"\f0e5"
}
.icon-angle-down:before {
  content:"\f107"
}
.icon-mobile-phone:before {
  content:"\f10b"
}
.icon-reply:before {
  content:"\f112"
}
.icon-reply-all:before {
  content:"\F122"
}
.icon-forward:before {
  content:"\F064"
}
.icon-check-plus:before {
  content:"\f116"
}
.icon-exclamation:before {
  content:"\f12a"
}
.icon-calendar-empty:before {
  content:"\f133"
}
.icon-chevron-sign-left:before {
  content:"\f137"
}
.icon-chevron-sign-right:before {
  content:"\f138"
}
.icon-check-minus:before {
  content:"\f147"
}
.icon-document-media:before {
  content:"\f172"
}
.icon-user-quest:before {
  content:"\00C3"
}
.icon-user-no:before {
  content:"\00E1"
}
.icon-parents:before {
  content:"\00E5"
}
.icon-mapmarker:before {
  content:"\00D3"
}
.icon-user-watch:before {
  content:"\00D4"
}
.icon-user-warning:before {
  content:"\0153"
}
.icon-wintoets:before {
  content:"\0219"
}
.icon-list-checkall:before {
  content:"\00FC"
}
.icon-document-pic:before {
  content:"\00F9"
}
.icon-warning-alt:before {
  content:"\0175"
}
.icon-conversate:before {
  content:"\0131"
}
.icon-resultaten:before {
  content:"\1E81"
}
.icon-document-zip:before {
  content:"\00FD"
}
.icon-document-acrobat:before {
  content:"\0177"
}
.icon-presentatie:before {
  content:"\00FF"
}
.icon-check-no:before {
  content:"\00EC"
}
.icon-zoom-glass:before {
  content:"\010C"
}
.icon-school:before {
  content:"\011A"
}
.icon-books:before {
  content:"\1E82"
}
.icon-rooster:before {
  content:"\00DA"
}
.icon-studiewijzer:before {
  content:"\0116"
}
.icon-chevron-right:before {
  content:"\f054"
}
.icon-grote-toets:before,
.icon-huiswerk:before,
.icon-toets:before {
  content:"\270f"
}
.icon-leermiddelen:before {
  content:"\f02d"
}
.icon-trash:before {
  content:"\f014"
}
.icon-geen-van-beide:before {
  content:"\f0f3"
}
.icon-maatregel:before {
  content:"\0153"
}
.icon-document:before {
  content:"\f15b"
}
.icon-external-link:before {
  content:"\f08e"
}
.icon-clock:before,
.icon-klok:before {
  content:"\00d3"
}
.icon-huiswerk,
.icon-huiswerk-in-orde,
.icon-huiswerk-niet-in-orde {
  height:22px;
  width:22px;
  text-align:center;
  line-height:22px;
  border-radius:50%;
  color:#fff;
  display:inline-block
}
.icon-huiswerk-in-orde {
  background:green
}
.icon-huiswerk-in-orde:before {
  content:"\f058"
}
.icon-huiswerk-niet-in-orde {
  background:red
}
.icon-huiswerk-niet-in-orde:before {
  content:"\f057"
}
.h-assignment {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wFFgwRKQzLs98AAASuSURBVDjLbZRriJR1FMaf8/7fy8zszM7szOyu7qW9aZqSqOtamrH6wQsU9KELSphaaQSRkEhCaN4iNyFLIiXT1C4IRhEIWYiCYeIFWklTjF2V1FbdXV13dt55551zTh/WxKAD59N5+PFweHho9jtbmo3rfmk5zjSFRQBAAIigqiDFf+f/bgRRCcPjHBYX2vFMdl+0amRbW+PIu9l4NCQAfX6AUz0DmTEV8VxDMho8COy6MxTpupMvm15T0Z/wbAWA2/nAPnXp7+m5G9f32W462zapsbZvwYSGxdWJ6BEAwY5fOleTYg1xadfCic2rAdw3s/Fw50cksmRc0lvWPqbhAABvoFBsU8vsOFYsttGCrw5pQ2Xqw01zp6yYvWarGtdFLFOFxIhaHeq7RUM3roNLDAAwjkG8uhbRiozevXaF/Dv94KB4+dDG5U1Lvzv2bi7vr7VFBVdu9vdmx051U40tiKTSSpYhsm0qq6xWN1VBjYmInw/Z3ApKrm07SsZQeV0j4jX16vf3NtZNmendvjtItjGgF/b+rGHB7ykODtxJ1jeNdWJlgCoAaChKzWW2//aT41fdGvKbNv968Y2ckG0RFACBCGF+CANXL1/wEqmM7XmVtigQT1dWUUU6y7YLFgFUVQGqjRh/3axH1xljtgLAQN6Przp8dtEgwwGgICJyPKTqGh+GsSnIDcJiYUytSx/d89yMDX6hABFRZqGsQ0PLJjW/b4zpKIYlAEAyFl36+uSm7UmDgEVImNUPCvj4qdZPWkemTrAILGXGkT8u/URE6xEUwMyUNFrYNHfy+tFVqQ0AYBsLOvwGTKjJvvnenEkfJEgDFiENfGTLYstPdv11QLkEW0QhUlIA4BLDFkVP/0Dk6U07O2as7OgQEduyLAaAJ1ZsMmRM6dnNu5GoqYcbT0DC4QTk/aCkqrBZGKriAAArg1VArod43UPwUmlwWLwf6nh9A4zjwonHQY4LVgHrMLDEoU1kDTvkIFjSvvbTdrIMhAUgC5YbheWVoET3gZbr3dsooHpPa9C+dtvBUiFoMV4EtgLqJCuaKVbWTI6rIjxMUICF4STKdepbHbAshZOq0DA3CCPDrqAAua56I2rm2o4LDny1mJnam0ee+ebF2XvzQZGYBcwCFoEq0Hv+7EsS+lNKQTCl9+yZV1QJLPc0LMgHRfp20bzdM0fVdAoLWSKMoxe692fi0UUS+FBVFREIC8hx1Etnv4hUjjgVqRxxyktnPyPHVmGBiEBVVQMf5VFvydHz3ftFGLaKIu8HIQA0lsdwKQjJIoJrLC0pkZXMwE2m79UUgZXIqGrIQqxKTeUxAEAul3csY2CLKjgsjgLg7Fw4byWAUflCkJy76+D8Ja2jT7/82LjTD9bXtmO/P/51Z9fEPc+3H2ipqrgKoHvX5/NTxOEcsSzQ4j0HBi5e7y0P+3p+6O3r+y0ohsW6+vrmRG3Dq+HQ4PHL58/9KMwKAJZxqGX8uGcQS7SWenu+77r458mI58YyVdUz3Gz1rNGVqUE60X1tw/bj51Z03+yLclAEoLAcD05ZmXIQUKmQ/7csALJgR2MwrqehnyMJAgAEE4mgpSrjvzbtkS3/AAE1Yf4sqKN2AAAAAElFTkSuQmCC) no-repeat left top
}
#feedbackPanel {
  width:971px
}
#rhodiumFeedbackPanel {
  width:930px;
  float:left
}
.contentpanel #feedbackPanel {
  width:946px;
  display:inline-block
}
#feedbackPanel_100percent {
  width:100%
}
ul.feedbackPanel {
  padding:0;
  margin:10px 10px 0 0;
  float:none
}
ul.feedbackPanel li {
  width:100%;
  padding:4px 0 4px 8px;
  margin-bottom:4px;
  list-style:none;
  border-radius:5px;
  font-weight:400;
  font-size:12px
}
#debug,
ul.feedbackPanel li.feedbackPanelERROR {
  color:#000
}
.stpanel--meldingenpage ul.feedbackPanel {
  padding-top:10px
}
.stpanel--meldingenpage ul.feedbackPanel li {
  width:310px;
  margin-right:58px;
  font-size:11px
}
ul.feedbackPanel li:only-child {
  padding-top:8px;
  padding-bottom:8px
}
ul.feedbackPanel li:last-child {
  margin-bottom:8px
}
.feedbackTooltipERROR img {
  margin:3px 0 0 2px
}
.feedbackPanelUNDEFINED {
  color:gray
}
.feedbackPanelDEBUG {
  color:purple
}
.feedbackPanelINFO {
  width:100%
}
.feedbackPanelINFOinline {
  color:#00f
}
.feedbackPanelERROR {
  background-color:#f2dede!important;
  border-color:#eed3d7;
  color:#682a28
}
.feedbackPanelINFO,
.feedbackPanelWARNING {
  background-color:#d9edf7;
  border-color:#bce8f1;
  color:#3a87ad
}
.feedbackPanelGUIDE {
  background-color:#eee;
  border-color:#eee;
  color:#777
}
.feedbackPanelLEGENDA {
  background-color:#fff;
  border:1px dashed #d0dae4;
  color:#777
}
.feedbackPanelERRORinline {
  color:#f60
}
.feedbackPanelFATAL {
  color:#0f0
}
@media screen and (max-width:1020px) {
  #rhodiumFeedbackPanel {
    width:95%
  }
}
.stpanel {
  background-color:transparent;
  height:100%;
  width:100%;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  min-height:768px;
  min-width:300px;
  line-height:1.5em;
  color:#000829;
  font-family:'Open Sans Semibold','Roboto',Helvetica;
  font-weight:400
}
@media only screen and (max-width:736px) {
  .stpanel {
    min-height:unset
  }
}
.stpanel h1,
.stpanel h2,
.stpanel h3,
.stpanel h4,
.stpanel h5,
.stpanel h6 {
  font-weight:300;
  line-height:1.5em;
  margin:0;
  font-family:'Pluto','Roboto',Helvetica,Arial,sans-serif
}
.stpanel h1.soft,
.stpanel h2.soft,
.stpanel h3.soft,
.stpanel h4.soft,
.stpanel h5.soft,
.stpanel h6.soft {
  color:#2953ff
}
.stpanel h1 {
  font-size:1.2rem
}
.stpanel p {
  font-size:14px;
  margin-bottom:1.5rem
}
.stpanel p.lead {
  font-size:1rem;
  line-height:2rem
}
.stpanel a {
  cursor:pointer
}
.stpanel a.btn {
  text-decoration:none
}
.stpanel small {
  font-size:13px;
  color:#0030f5
}
.stpanel ::-webkit-scrollbar-thumb {
  border-radius:1em;
  background-color:rgba(0,8,41,.3)
}
.stpanel ::-webkit-scrollbar {
  width:7px;
  height:7px
}
.stpanel .center,
.stpanel section div.form--holder .stpanel--buttons,
.stpanel section div.form--holder .stpanel--error--message div.button-bar,
.stpanel section div.form--holder form div.button-bar {
  text-align:center
}
.stpanel section {
  position:relative;
  margin:auto;
  display:flex;
  flex-flow:column wrap;
  min-height:100%
}
@media only screen and (min-width:769px) {
  .stpanel section {
    background:no-repeat right 110%;
    -webkit-background-size:auto 55%;
    -moz-background-size:auto 55%;
    -o-background-size:auto 55%;
    background-size:auto 55%;
    height:100%
  }
  .stpanel section.aan-de-slag {
    background-image:url(../images/backgroundimages/aan-de-slag-ver-1A87A84FF286C230404E6F7DB1EF85F9.svg)
  }
  .stpanel section.apps-koppelen {
    background-image:url(../images/backgroundimages/apps-koppelen-ver-F86EFB9848ABDB1A01AA146CDB0EA99A.svg)
  }
  .stpanel section.kwt-geregeld {
    background-image:url(../images/backgroundimages/kwt-geregeld-ver-D41B7DFB99EB3A4D660A30CD248EECF1.svg)
  }
  .stpanel section.no-error {
    background-image:url(../images/backgroundimages/no-error-ver-69449E06F12EF9C5208DECD1C36D4465.svg)
  }
  .stpanel section.onderwijs-van-morgen {
    background-image:url(../images/backgroundimages/onderwijs-van-morgen-ver-B1010F72B06505ACE24916C9FA1F2451.svg)
  }
  .stpanel section.voor-jou {
    background-image:url(../images/backgroundimages/voor-jou-ver-217EC0B900609F3B2CAFE05DF99F85E9.svg)
  }
  .stpanel section .left-content {
    display:flex;
    flex-direction:column;
    height:100%;
    width:50%
  }
}
@media only screen and (min-width:950px) {
  .stpanel section {
    -webkit-background-size:auto 70%;
    -moz-background-size:auto 70%;
    -o-background-size:auto 70%;
    background-size:auto 70%;
    background-position-y:125%
  }
}
.stpanel section div#logo {
  color:#004f9b;
  height:15%;
  width:76%;
  margin-left:2%
}
.stpanel section div#logo figure {
  width:75%
}
@media only screen and (min-width:950px) {
  .stpanel section div#logo figure {
    width:50%
  }
}
.stpanel section div#logo figure.figurelogo {
  display:block;
  background-image:url(../images/logo-somtoday-brand-ver-0B89B7894A0B12EF0ADE5E51043C0DAB.svg);
  background-position:left;
  background-size:contain;
  margin-left:2%;
  height:7.7rem
}
@media only screen and (max-width:768px) {
  .stpanel section div#logo {
    width:50%
  }
}
@media only screen and (max-width:736px) {
  .stpanel section div#logo {
    margin-left:0;
    width:100%;
    max-height:600px
  }
  .stpanel section div#logo figure.figurelogo {
    width:50%;
    margin:auto
  }
}
.stpanel section div#marketing {
  font-size:14px;
  position:relative;
  width:38%;
  margin-left:2%;
  margin-top:7%;
  margin-bottom:auto
}
#debug td,
#debug th,
#hibernate td,
#hibernate th,
.stpanel section div#marketing p,
.stpanel section h1 {
  text-align:left
}
.stpanel section div#marketing a.btn {
  border-radius:2rem;
  padding:.8rem 2rem;
  background-color:transparent;
  border:.15rem solid #004f9b;
  color:#004f9b
}
.stpanel section div#marketing a.btn:hover,
.stpanel--meldingen a.button--stpanel:hover {
  background-color:#004f9b;
  color:#fff
}
@media only screen and (max-width:768px) {
  .stpanel section div#marketing {
    width:80%
  }
}
.stpanel section div#slogan {
  font-family:'Pluto','Roboto',Helvetica,Arial,sans-serif;
  font-weight:400;
  height:100%;
  display:none
}
.stpanel section div#slogan span.white {
  color:#fff;
  background:0 0
}
@media only screen and (min-width:830px) {
  .stpanel section div#slogan {
    display:block;
    color:#0d3b5e;
    width:50%;
    margin-top:10%;
    text-align:center
  }
  .stpanel section div#slogan span {
    font-size:4rem;
    line-height:4rem
  }
  .stpanel section div#slogan span .logo-small {
    background-image:url(../images/logo-somtoday-ver-01F92BBF24D5F27B65A9EEEEB4EDE95C.svg);
    background-position:right top;
    background-size:2rem;
    padding-right:3rem;
    background-repeat:no-repeat
  }
  .stpanel section div#slogan span.block {
    display:block
  }
}
@media only screen and (min-width:950px) {
  .stpanel section div#slogan {
    margin-top:6%
  }
  .stpanel section div#slogan span {
    font-size:6rem;
    line-height:6rem
  }
}
.stpanel section p {
  -webkit-font-smoothing:antialiased;
  text-align:left
}
.stpanel section div.form--holder {
  width:96%;
  margin-left:2%;
  margin-bottom:auto
}
.stpanel section div.form--holder.tenant-form {
  margin-bottom:0
}
@media only screen and (min-width:830px) {
  .stpanel section div.form--holder {
    width:76%
  }
}
@media only screen and (max-width:736px) {
  .stpanel section div.form--holder {
    width:100%;
    margin:0 0 auto
  }
}
.stpanel section div.form--holder .stpanel--error--message,
.stpanel section div.form--holder form {
  background:#fff;
  visibility:visible;
  -webkit-backface-visibility:hidden;
  -webkit-animation:slide-up 500ms ease;
  -moz-animation:slide-up 500ms ease;
  animation:slide-up 500ms ease;
  border-radius:5px;
  box-shadow:0 0 30px 0 rgba(13,59,94,.3);
  padding:2rem
}
@media only screen and (max-width:736px) {
  .stpanel section div.form--holder .stpanel--error--message,
  .stpanel section div.form--holder form {
    border-radius:0
  }
}
.stpanel section div.form--holder .stpanel--error--message select::-ms-expand,
.stpanel section div.form--holder form select::-ms-expand {
  display:none
}
.stpanel section div.form--holder .stpanel--error--message h2+p,
.stpanel section div.form--holder form h2+p {
  margin-top:0;
  padding-top:0
}
.stpanel section div.form--holder .stpanel--error--message a.button--stpanel,
.stpanel section div.form--holder form a.button--stpanel,
.stpanel--meldingen a.button--stpanel {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  font-size:13px;
  font-weight:700!important;
  font-family:'Open Sans Semibold','Roboto',Helvetica;
  line-height:1.5rem!important;
  padding:.56rem 1rem;
  vertical-align:baseline;
  text-decoration:none;
  color:#004f9b!important;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  width:175px;
  border:.15rem solid #004f9b;
  border-radius:25px;
  background-color:transparent;
  text-align:center;
  margin-top:1.5rem
}
.stpanel section div.form--holder .stpanel--error--message a.button--stpanel span,
.stpanel section div.form--holder form a.button--stpanel span {
  font-size:14px
}
.stpanel section div.form--holder .stpanel--error--message ul.feedbackPanel li.feedbackPanelERROR,
.stpanel section div.form--holder form ul.feedbackPanel li.feedbackPanelERROR {
  line-height:1.3;
  margin-bottom:1.1rem;
  position:relative;
  margin-left:3.3rem;
  text-align:left;
  padding-top:5px;
  width:auto;
  color:#d32f0d;
  background:0 0
}
.stpanel section div.form--holder .stpanel--error--message ul.feedbackPanel li.feedbackPanelERROR:before,
.stpanel section div.form--holder form ul.feedbackPanel li.feedbackPanelERROR:before {
  font-family:'SOMAuthFont';
  content:'\018A';
  position:absolute;
  top:0;
  left:-2rem;
  font-size:20px;
  color:#d32f0d
}
.testomgeving.stpanel section div.form--holder .stpanel--error--message,
.testomgeving.stpanel section div.form--holder form {
  background:#ccc
}
.stpanel #tenantdropdownwrapper {
  visibility:hidden
}
.stpanel #tenantdropdownwrapper::before {
  content:"";
  position:absolute;
  width:0;
  height:0;
  margin-left:-.5em;
  left:60px;
  box-sizing:border-box;
  border:.7em solid #000829;
  border-color:transparent transparent #fff #fff;
  border-radius:0 0 0 8px;
  transform-origin:0 0;
  transform:rotate(135deg);
  top:59px;
  z-index:101;
  box-shadow:-2px 2px 5px 0 0 0 30px 0 rgba(13,59,94,.3);
  overflow:hidden
}
.stpanel ul.ui-autocomplete {
  box-shadow:0 0 30px 0 rgba(13,59,94,.3);
  max-width:100%
}
.stpanel ul.ui-autocomplete.ui-widget.ui-widget-content {
  font-family:'Open Sans Semibold','Roboto',Helvetica;
  font-size:14px;
  overflow-y:auto;
  border:0;
  max-height:15rem;
  border-radius:5px;
  box-shadow:0 0 30px 4px rgba(13,59,94,.3)
}
.stpanel ul.ui-autocomplete.ui-widget.ui-widget-content li {
  margin:3px 0;
  padding:2px 12px
}
.stpanel ul.ui-autocomplete.ui-widget.ui-widget-content li:hover {
  background-color:#e7ecf0
}
.stpanel ul.ui-autocomplete .ui-button.ui-state-active:hover,
.stpanel ul.ui-autocomplete .ui-button:active,
.stpanel ul.ui-autocomplete .ui-state-active,
.stpanel ul.ui-autocomplete .ui-widget-header .ui-state-active,
.stpanel ul.ui-autocomplete a.ui-button:active,
.stpanel ul.ui-autocomplete.ui-widget.ui-widget-content .ui-state-active {
  border:0!important;
  margin:0;
  background:0 0
}
.stpanel footer {
  position:relative;
  bottom:3px;
  left:0;
  right:0;
  width:48%;
  margin-left:2%
}
@media only screen and (max-width:768px) {
  .stpanel footer {
    width:98%
  }
}
.stpanel footer span {
  display:inline-block;
  float:left;
  width:100%;
  font-size:.8rem;
  text-align:left
}
.stpanel footer span.stpanel--version {
  float:right;
  display:none
}
.stpanel--meldingen {
  background:#ffc600;
  visibility:visible;
  -webkit-backface-visibility:hidden;
  -webkit-animation:slide-up 500ms ease;
  -moz-animation:slide-up 500ms ease;
  animation:slide-up 500ms ease;
  margin:auto;
  padding:1.5rem;
  max-width:40rem;
  margin-bottom:1.5rem
}
.stpanel--meldingen a.button--stpanel {
  display:block
}
.sso-link a span,
.stpanel--meldingen a.button--stpanel span {
  font-size:14px
}
.stpanel--meldingen h1 {
  padding-bottom:.5rem;
  margin-bottom:0;
  border-bottom:1px dotted #004f9b
}
.stpanel--meldingen header a {
  position:absolute;
  right:1rem;
  top:1rem;
  color:#3f5c6e
}
.stpanel--meldingenpage {
  position:absolute;
  left:0;
  min-height:768px;
  height:100%;
  width:100%;
  padding:0;
  margin:0;
  z-index:40000;
  background-image:none;
  background-color:transparent
}
@media only screen and (max-width:736px) {
  .stpanel--meldingenpage {
    min-height:550px
  }
}
iframe.stpanel--meldingenpage {
  z-index:39999;
  background-image:none;
  background-color:transparent
}
.stpanel--melding {
  position:relative;
  padding:1rem 0
}
.stpanel--melding span {
  display:block;
  width:100%
}
.stpanel--melding span * {
  text-align:left!important;
  margin:0;
  padding:0;
  border:0;
  font:inherit;
  vertical-align:baseline
}
.stpanel--meldingheader {
  display:block
}
.stpanel--error--message,
.stpanel--status {
  background-color:rgba(255,255,255,.5);
  padding:1rem;
  margin:1rem auto;
  margin-bottom:auto
}
.stpanel--error--message a,
.stpanel--status a {
  margin-top:.5rem
}
.stpanel--error--message ul {
  list-style-type:none
}
.stpanel--loader {
  position:relative;
  background-color:rgba(255,255,255,.5);
  text-align:center;
  line-height:3rem;
  width:20rem;
  padding:1rem 0 2.5rem;
  margin:1rem auto auto
}
.stpanel--links {
  -webkit-font-smoothing:antialiased;
  list-style:none;
  margin:8% auto 0;
  max-width:27rem;
  visibility:visible;
  -webkit-backface-visibility:hidden;
  -webkit-animation:slide-up 500ms ease;
  -moz-animation:slide-up 500ms ease;
  animation:slide-up 500ms ease;
  padding:0
}
.stpanel--links a {
  text-align:center;
  text-decoration:underline;
  display:block;
  font-size:1rem;
  font-weight:400;
  padding:.5rem;
  color:#004f9b
}
.stpanel--links a:hover {
  color:#001b35
}
.stpanel--links a:not(:last-child) {
  border-bottom:1px solid rgba(0,79,155,.2)
}
.stpanel section div.form--holder form div a.primary-button {
  color:#fff!important;
  background-color:#004f9b!important
}
.stpanel section div.form--holder form div a.primary-button:hover {
  background-color:#fff!important;
  color:#004f9b!important
}
.sso-links {
  display:grid;
  text-align:center;
  grid-template-columns:100%
}
@media only screen and (min-width:950px) {
  .sso-links {
    grid-template-columns:50% 50%;
    column-gap:.5rem
  }
}
.sso-link {
  -webkit-font-smoothing:antialiased;
  list-style:none;
  visibility:visible;
  -webkit-backface-visibility:hidden;
  -webkit-animation:slide-up 500ms ease;
  -moz-animation:slide-up 500ms ease;
  animation:slide-up 500ms ease;
  width:100%;
  align-items:stretch;
  display:inline-grid
}
.sso-link a {
  color:#004f9b;
  background-color:transparent;
  margin-top:1rem;
  display:inline-block;
  border:.15rem solid #004f9b;
  border-radius:25px;
  text-align:center;
  padding:.5rem;
  text-decoration:none;
  overflow:hidden;
  overflow-wrap:break-word
}
.sso-link a:hover {
  background-color:#004f9b;
  color:#fff
}
.sso-links-seperator {
  margin-top:3rem;
  margin-bottom:1rem;
  width:100%;
  background-color:#d7dfe6;
  height:1px;
  text-align:center
}
.sso-links-title {
  background-color:#fff;
  text-align:center;
  position:relative;
  top:-13px;
  padding-left:.5rem;
  padding-right:.5rem;
  align-self:center
}
.testomgeving section div.form--holder form div.sso-links-seperator .sso-links-title {
  background-color:#ccc
}
#debug,
#hibernate {
  display:none;
  z-index:100000;
  background:#fff;
  border:solid thin #777;
  border-radius:5px;
  box-shadow:0 0 30px 0 rgba(13,59,94,.3);
  margin-top:10px;
  padding:.5rem;
  position:absolute;
  right:50px
}
#debug a,
#debug span,
#hibernate a,
#hibernate span {
  display:inline
}
#debug a.debug--btn {
  border:1px solid #005eb5;
  border-radius:2em;
  color:#005eb5;
  display:inline-block;
  margin-right:.25rem;
  padding:.25rem .5rem
}
#debug a.debug--link {
  color:#005eb5;
  text-decoration:underline
}
#debug a.debug--btn:hover {
  background-color:#005eb5;
  color:#fff
}
#debug td *,
#hibernate td * {
  float:none;
  vertical-align:middle
}
#debug th.debug--header,
#hibernate th.hibernate--header {
  font-size:16px;
  font-weight:700;
  text-align:center
}
#debug input+label,
#debug label+input,
#hibernate input+label,
#hibernate label+input {
  margin-left:.25rem
}
#hibernate {
  z-index:10000;
  border-radius:3px;
  margin-top:18px;
  right:0;
  text-transform:none;
  max-width:80%
}
#hibernate h3 {
  text-align:left;
  padding:0;
  margin-top:0
}
.hibernateERROR {
  background-color:#a00;
  color:#fff!important;
  padding-left:.25em;
  padding-right:.25em;
  border-radius:3px
}
/*# sourceMappingURL=rhodium.css.map */