@charset "UTF-8";
@import url(../../../fonts/univers-next.css);
/*!
 * UTwente Styling for Web Applications
 */
.ut-font-body{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:400}
.ut-font-body-condensed{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300}
.ut-font-body-bold{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700}
.ut-font-heading{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:400;text-transform:uppercase}
.ut-font-heading-condensed{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;text-transform:uppercase}
.ut-font-heading-bold{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase}
.ut-font-icon{font-family:Linearicons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,form,html,img,table{margin:0;padding:0;border:0}
body,html{color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:400;font-size:15px;line-height:25px}
form,table{font:inherit;font-size:inherit}
h1{color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:48px;line-height:48px;margin:50px 0 20px 0}
h2{color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:26px;line-height:26px;margin:50px 0 20px 0}
h2:first-child{margin-top:20px}
h3{color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:18px;line-height:18px;margin:20px 0 20px 0}
h4{color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:15px;line-height:25px;margin:15px 0 15px 0}
h5{color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;line-height:25px;margin:15px 0 15px 0}
p{margin:15px 0 15px 0}
a{color:#5a5e62;text-decoration:underline}
a:hover{color:#1e2328}
[class*=" ut-"],[class^=ut-]{box-sizing:border-box}
.ut-hidden{display:none}
.ut-border{border:1px solid #dcddde}
.ut-no-border{border-style:none}
.ut-shadow{box-shadow:rgba(0,0,0,.2) 0 2px 6px 0,rgba(0,0,0,.05) 0 2px 3px 0}
ul.ut-radiolist{list-style:none;margin:0;padding:0}
ul.ut-radiolist>li{margin-top:10px}
ul.ut-radiolist>li:first-of-type{margin-top:0}
.ut-page{position:relative;overflow:visible}
.ut-page-nav{background:#1e2328;color:#fff;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;font-size:18px;line-height:24px;position:fixed;top:0;left:0;bottom:0;width:260px;transition:left .3s ease-out;z-index:9999;box-shadow:rgba(0,0,0,.2) 0 2px 6px 0,rgba(0,0,0,.05) 0 2px 3px 0}
.ut-page-nav .ut-page-nav-logo{display:inline-block}
.ut-page-nav .ut-page-nav-logo a{display:block;width:145px;height:45px;background-image:url(../images/utlogo-stacked.png);background-repeat:no-repeat;background-size:145px 45px;background-size:contain;margin:20px 0 20px 20px}
.ut-page-nav .ut-page-nav-close{background:#1e2328;color:#fff;display:none;float:right;height:40px;font-size:20px;line-height:22px;padding:8px 0}
.ut-page-nav .ut-page-nav-close a{color:#fff;text-decoration:none;display:block;width:40px;text-align:center}
.ut-page-nav ul.ut-page-nav-menu{list-style:none;margin:0 0;padding:0 0 24px 0}
.ut-page-nav ul.ut-page-nav-menu li{width:100%}
.ut-page-nav ul.ut-page-nav-menu li a{display:block;background:#1e2328;color:#fff;text-decoration:none;padding:8px 20px 8px 20px;transition:background .3s ease}
.ut-page-nav ul.ut-page-nav-menu li a:hover{background:#5a5e62;color:#fff;text-decoration:none;transition:background .3s ease}
.ut-page-nav ul.ut-page-nav-menu li a.ut-active{background:#fff;color:#1e2328}
.ut-page-nav ul.ut-page-nav-menu [class*=" icon-"],.ut-page-nav ul.ut-page-nav-menu [class^=icon-]{display:inline-block;width:25px;font-size:20px;line-height:20px;position:relative;top:2px}
.ut-page-nav ul.ut-page-nav-lang{list-style:none;margin:0 0;padding:0 0 24px 0}
.ut-page-nav ul.ut-page-nav-lang li{display:inline-block;border-left:1px solid #5a5e62}
.ut-page-nav ul.ut-page-nav-lang li a{color:#aaacae;text-decoration:none;padding:0 20px}
.ut-page-nav ul.ut-page-nav-lang li a:hover{color:#fff;text-decoration:none}
.ut-page-nav ul.ut-page-nav-lang li a.ut-active{color:#fff}
.ut-page-nav ul.ut-page-nav-lang li:first-of-type{border-left:none}
.ut-page-nav ul.ut-page-userinfo{list-style:none;margin:0 20px;padding:24px 0 0 0;border-top:1px solid #5a5e62;color:#aaacae}
.ut-page-nav ul.ut-page-userinfo li{padding:0}
.ut-page-nav ul.ut-page-userinfo li a{color:#fff!important;text-decoration:none}
.ut-page-nav ul.ut-page-userinfo li a:hover{color:#fff;text-decoration:none}
.ut-page-container{position:relative;margin-left:260px;transition:margin-left .3s ease-out;z-index:0}
.ut-page-navbar{background:#fff;color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;text-transform:uppercase;font-size:22px;line-height:22px;height:40px;padding:8px 0}
.ut-page-navbar a{color:#1e2328;text-decoration:none}
.ut-page-navbar a:hover{color:#1e2328;text-decoration:none}
.ut-page-navbar .ut-page-navbar-menu{display:none;width:40px;border-right:1px solid #1e2328;text-align:center}
.ut-page-navbar .ut-page-navbar-logo{display:inline-block;margin-left:8px}
.ut-page-navbar .ut-page-navbar-logo em{color:#3e8cd4;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;text-transform:uppercase;font-style:normal}
.ut-page-navbar .ut-page-navbar-title{display:inline-block}
.ut-page-navbar [class*=" icon-"],.ut-page-navbar [class^=icon-]{font-size:20px}
.ut-page-title{background:#f0f1f2;color:#1e2328;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;text-transform:uppercase;margin:0 0 30px 0;padding:50px 0 25px 0;display:flex;flex-flow:column wrap;align-items:flex-end;justify-content:flex-end}
.ut-page-title h1,.ut-page-title h2{color:inherit;margin:15px 0}
.ut-page-title-default{background-image:url(../images/title-background.png);background-repeat:no-repeat;background-position:center top;background-size:cover}
.ut-page-title-utwente{background-image:url(../images/utwente-background.jpg);background-repeat:no-repeat;background-position:50% 60%;background-size:cover;color:#fff;height:300px}
.ut-page-title-selfservice{background-image:url(../images/selfservice-background.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;height:300px}
.ut-page-title-content{padding:0 20px}
.ut-page-main-content{padding:20px 20px}
.ut-page-main-content>:first-child{margin-top:0}
.ut-page-large .ut-page-main-content,.ut-page-large .ut-page-title-content{width:1140px;margin:0 auto}
.ut-page-medium .ut-page-main-content,.ut-page-medium .ut-page-title-content{width:940px;margin:0 auto}
.ut-page-small .ut-page-main-content,.ut-page-small .ut-page-title-content{width:720px;margin:0 auto}
.ut-page-toc{display:block;position:absolute;left:20px;margin-left:0;width:140px;font-size:12px;line-height:15px;font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase}
.ut-page-toc ul{list-style:none;margin:0;padding:0}
.ut-page-toc ul li{margin:5px 0}
.ut-page-toc ul li a{display:block;background:#aaacae;color:#fff;text-decoration:none;border-radius:3px;padding:3px 5px;word-wrap:break-word;max-height:45px;overflow:hidden}
.ut-page-toc ul li a:hover{background:#5a5e62;text-decoration:none}
.ut-page-toc.ut-page-toc-fixed{position:fixed;top:30px;margin-left:130px}
.ut-page-large .ut-page-toc{left:calc(50% + 570px)}
.ut-page-medium .ut-page-toc{left:calc(50% + 470px)}
.ut-page-small .ut-page-toc{left:calc(50% + 360px)}
ul.ut-breadcrumbs{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;font-size:18px;line-height:24px;margin-left:0;padding-left:0;list-style:none}
ul.ut-breadcrumbs li{display:inline;margin-left:0;padding-left:0;list-style-type:none;color:#5a5e62}
ul.ut-breadcrumbs li a{text-decoration:none}
ul.ut-breadcrumbs li:before{font-family:Linearicons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;content:"\e93c";margin-left:3px;margin-right:3px;color:#1e2328}
ul.ut-breadcrumbs li:first-child:before{content:"\e601";margin-left:0;margin-right:5px}
.ut-about-window{display:none;font-size:15px;line-height:25px}
.ut-about-window p{margin:10px 0}
.ut-about-window .ut-about-title{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:18px;margin:0 0}
.ut-about-window .ut-about-release{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;text-transform:uppercase;font-size:15px;margin:0 0}
.ut-form-help{color:#5a5e62}
.ut-form-buttons{margin:30px 0}
.ut-form-title{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:300;text-transform:uppercase}
.ut-form-content{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:400}
.ut-form-question{font-family:"Univers Next W02",Arial,Helvetica,sans-serif;font-weight:400}
.ut-form-grid{display:flex;flex-flow:row nowrap;margin:20px 0}
.ut-form-grid .ut-form-title{flex:0 0 200px;margin-right:20px}
.ut-form-grid .ut-form-content{flex:1 1 auto}
.ut-form-grid .ut-form-question{flex:0 0 75%;margin-right:20px}
.ut-form-grid-4col{display:flex;flex-flow:row nowrap;margin:20px 0}
.ut-form-grid-4col .ut-form-grid{flex:1 1 50%;margin:0 0 0 20px}
.ut-form-grid-4col .ut-form-grid:first-of-type{margin-left:0}
.ut-page-small .ut-form-grid{flex-flow:column;margin:20px 0}
.ut-page-small .ut-form-grid .ut-form-title{flex:0 0 auto;margin-right:0}
.ut-page-small .ut-form-grid .ut-form-content{flex:1 1 auto}
.ut-page-small .ut-form-grid .ut-form-question{flex:0 0 auto;margin-right:0}
.ut-page-small .ut-form-grid-4col{display:flex;flex-flow:column;margin:20px 0}
.ut-page-small .ut-form-grid-4col .ut-form-grid{flex:1 1 auto;margin:20px 0 0 0}
.ut-page-small .ut-form-grid-4col .ut-form-grid:first-of-type{margin:0}
.ut-block{border:1px solid #dcddde;padding:20px}
.ut-block>:first-child{margin-top:10px}
.ut-block>:last-child{margin-bottom:10px}
.ut-block-shadow{box-shadow:rgba(0,0,0,.2) 0 2px 6px 0,rgba(0,0,0,.05) 0 2px 3px 0;border:none}
.ut-block.ut-block-icon{display:flex;flex-flow:row nowrap;align-items:center}
.ut-block.ut-block-icon [class*=" icon-"],.ut-block.ut-block-icon [class^=icon-]{font-size:40px;margin-right:20px}
.ut-block-error{background:#cd202c;color:#fff}
.ut-block-info{background:#3e8cd4;color:#fff}
.ut-block-success{background:#3f9c35;color:#fff}
.ut-block-warning{background:#fed100}
.ut-block-help{background:#fff;color:#fff}
.ut-block-error.ut-block-shadow,.ut-block-info.ut-block-shadow,.ut-block-success.ut-block-shadow,.ut-block-warning.ut-block-shadow{border:none}
body.ut-page-startmenu{background:#f0f1f2}
body.ut-page-startmenu .ut-block{padding:20px;margin-right:9px;margin-bottom:8px}
body.ut-page-startmenu .ut-block-startmenu{background:#fff}
ul.ut-startmenu{list-style:none;margin:0;padding:0;display:flex;flex-flow:row wrap;align-items:stretch}
ul.ut-startmenu>li{flex:1 0 210px;padding:0;margin-right:10px;margin-bottom:10px}
ul.ut-startmenu>li a{display:block;position:relative;min-height:120px;min-width:170px;background:#fff;border:none;text-decoration:none;padding:20px 30px 20px 20px;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);transition:box-shadow .2s ease}
ul.ut-startmenu>li a:hover{border:none;text-decoration:none;background:#f0f1f2;background:linear-gradient(to right,#fff 50%,#f0f1f2);box-shadow:0 0 8px 0 rgba(0,0,0,.12),0 8px 8px 0 rgba(0,0,0,.24)}
ul.ut-startmenu>li a:before{display:block;color:#aaacae;font-family:Linearicons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1;content:'\e965';position:absolute;top:50%;margin-top:-10px;right:7px}
ul.ut-startmenu>li a:hover:before{color:#1e2328}
ul.ut-startmenu>li h3{color:#1e2328;margin:0 0 10px 0}
ul.ut-startmenu>li p{margin:10px 0 10px 0}
@media screen and (max-width:1719px){
.ut-page-large .ut-page-nav{left:-260px}
.ut-page-large .ut-page-container{margin-left:0}
.ut-page-large .ut-page-navbar .ut-page-navbar-menu{display:inline-block}
.ut-page-large .ut-page-navbar .ut-page-navbar-logo{margin-left:5px}
.ut-page-large .ut-page-toc{margin-left:0}
.ut-page-large.ut-page-with-nav .ut-page-nav{left:0}
.ut-page-large.ut-page-with-nav .ut-page-nav .ut-page-nav-close{display:inline-block}
.ut-page-large.ut-page-with-nav .ut-page-navbar .ut-page-navbar-menu{display:none}
.ut-page-large.ut-page-with-nav .ut-page-container{margin-left:260px;overflow:hidden}
}
@media screen and (max-width:1511px){
.ut-page-large .ut-page-toc{display:none}
.ut-page-medium .ut-page-nav{left:-260px}
.ut-page-medium .ut-page-container{margin-left:0}
.ut-page-medium .ut-page-navbar .ut-page-navbar-menu{display:inline-block}
.ut-page-medium .ut-page-navbar .ut-page-navbar-logo{margin-left:5px}
.ut-page-medium .ut-page-toc{margin-left:0}
.ut-page-medium.ut-page-with-nav .ut-page-nav{left:0}
.ut-page-medium.ut-page-with-nav .ut-page-nav .ut-page-nav-close{display:inline-block}
.ut-page-medium.ut-page-with-nav .ut-page-navbar .ut-page-navbar-menu{display:none}
.ut-page-medium.ut-page-with-nav .ut-page-container{margin-left:260px;overflow:hidden}
}
@media screen and (max-width:1287px){
.ut-page-medium .ut-page-toc{display:none}
.ut-page-small .ut-page-nav{left:-260px}
.ut-page-small .ut-page-container{margin-left:0}
.ut-page-small .ut-page-navbar .ut-page-navbar-menu{display:inline-block}
.ut-page-small .ut-page-navbar .ut-page-navbar-logo{margin-left:5px}
.ut-page-small .ut-page-toc{margin-left:0}
.ut-page-small.ut-page-with-nav .ut-page-nav{left:0}
.ut-page-small.ut-page-with-nav .ut-page-nav .ut-page-nav-close{display:inline-block}
.ut-page-small.ut-page-with-nav .ut-page-navbar .ut-page-navbar-menu{display:none}
.ut-page-small.ut-page-with-nav .ut-page-container{margin-left:260px;overflow:hidden}
}
@media screen and (max-width:1199px){
.ut-page-large.ut-page-responsive .ut-page-main-content,.ut-page-large.ut-page-responsive .ut-page-title-content{width:940px}
}
@media screen and (max-width:991px){
.ut-page-large.ut-page-responsive .ut-page-main-content,.ut-page-large.ut-page-responsive .ut-page-title-content,.ut-page-medium.ut-page-responsive .ut-page-main-content,.ut-page-medium.ut-page-responsive .ut-page-title-content{width:720px}
.ut-page-large.ut-page-responsive .ut-form-grid,.ut-page-medium.ut-page-responsive .ut-form-grid{flex-flow:column;margin:20px 0}
.ut-page-large.ut-page-responsive .ut-form-grid .ut-form-title,.ut-page-medium.ut-page-responsive .ut-form-grid .ut-form-title{flex:0 0 auto;margin-right:0}
.ut-page-large.ut-page-responsive .ut-form-grid .ut-form-content,.ut-page-medium.ut-page-responsive .ut-form-grid .ut-form-content{flex:1 1 auto}
.ut-page-large.ut-page-responsive .ut-form-grid .ut-form-question,.ut-page-medium.ut-page-responsive .ut-form-grid .ut-form-question{flex:0 0 auto;margin-right:0}
.ut-page-large.ut-page-responsive .ut-form-grid-4col,.ut-page-medium.ut-page-responsive .ut-form-grid-4col{display:flex;flex-flow:column;margin:20px 0}
.ut-page-large.ut-page-responsive .ut-form-grid-4col .ut-form-grid,.ut-page-medium.ut-page-responsive .ut-form-grid-4col .ut-form-grid{flex:1 1 auto;margin:20px 0 0 0}
.ut-page-large.ut-page-responsive .ut-form-grid-4col .ut-form-grid:first-of-type,.ut-page-medium.ut-page-responsive .ut-form-grid-4col .ut-form-grid:first-of-type{margin:0}
.ut-page-small .ut-page-toc{display:none}
}
@media screen and (max-width:767px){
.ut-page-large.ut-page-responsive .ut-page-main-content,.ut-page-large.ut-page-responsive .ut-page-title-content,.ut-page-medium.ut-page-responsive .ut-page-main-content,.ut-page-medium.ut-page-responsive .ut-page-title-content,.ut-page-small.ut-page-responsive .ut-page-main-content,.ut-page-small.ut-page-responsive .ut-page-title-content{width:100%;max-width:720px;min-width:320px}
.ut-page-navbar .ut-page-navbar-logo{display:none}
.ut-page-navbar .ut-page-navbar-title{margin-left:5px}
.ut-page-title{background:#f0f1f2;background-image:none;color:#1e2328;padding:15px 0 15px 0;height:auto}
.ut-page-startmenu .ut-page-title{background:#5a5e62;color:#fff}
h1{font-size:30px;line-height:30px}
h2{font-size:22px;line-height:22px}
ul.ut-startmenu{flex-flow:column nowrap;align-items:stretch}
ul.ut-startmenu>li{flex:0 0 auto}
ul.ut-startmenu>li a{min-height:unset}
ul.ut-startmenu>li h3{margin:0}
ul.ut-startmenu>li p{font-size:14px;margin:5px 0 0 0}
}
.k-textbox[disabled=disabled]{opacity:.7}
.k-textbox[disabled=disabled]:hover{box-shadow:none}
div.k-editor{border-width:1px;border-style:solid;border-color:#dcddde}
.k-multiselect,.k-multiselect-wrap{border-radius:0}
.k-multiselect-wrap li span{margin-right:.1em}
.k-button.k-primary{background-color:#3e8cd4;border-color:#3e8cd4;color:#fff}
.k-button.k-primary:hover{background-color:#63b1e5;border-color:#63b1e5;color:#fff}
.ut-form-buttons .k-button{margin:0 2px 5px 0}
.k-tabstrip{background-color:#fff}
.k-tabstrip .k-tabstrip-items{border-color:#dcddde;border-style:solid;border-width:0 0 1px 0}
.k-tabstrip .k-tabstrip-items .k-item{background-color:#fff;color:#1e2328;border:none;border-color:#fff}
.k-tabstrip .k-tabstrip-items .k-item .k-link{color:#1e2328}
.k-tabstrip .k-tabstrip-items .k-item.k-state-active{background-color:#fff;border-bottom:3px solid #3e8cd4;margin-bottom:-1px}
.k-tabstrip .k-tabstrip-items .k-item.k-state-hover{background-color:#fff;border-bottom:3px solid #3e8cd4;margin-bottom:-1px}
.k-tabstrip .k-content{font-weight:400}
.k-tabstrip .k-content h2:first-of-type{margin-top:30px}
.k-widget.k-tabstrip:focus{box-shadow:none}
.k-edit-form-container{width:100%}
.k-window .ut-form{margin:10px 25px}
input:invalid{box-shadow:none}
.k-tooltip-validation.k-invalid-msg{color:#cd202c;background:0 0;border:0;box-shadow:none;padding:0;margin:0;font-weight:500;text-align:left}
.k-tooltip-validation.k-invalid-msg .k-callout-n{border-bottom-color:#cd202c}
.ut-form-content .k-tooltip-validation.k-invalid-msg{display:block;position:relative}
.ut-form-content .k-tooltip-validation.k-invalid-msg .k-icon{margin-top:1px}
.ut-form-content .k-tooltip-validation.k-invalid-msg .k-callout{display:none}