body,h1,h2,h3,h4,h5,h6,html,li,p,ul{margin:0;padding:0}body,html{height:100%}body,button,input,option,select,textarea{font:14px Roboto,sans-serif}body{-webkit-box-orient:vertical;-webkit-box-direction:normal;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;line-height:1.4}a svg{color:inherit}form,p,table{margin-bottom:10px}ul{list-style-type:none}time{cursor:help}header{-webkit-box-flex:0;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#343e4c;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;justify-content:space-between;padding:10px 20px}header img{display:block;height:80px;margin:0}header a{color:inherit;text-decoration:none}nav{background:#58889f;color:#fff;padding:0 10px}nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}nav a{background:#58889f;color:inherit;display:block;padding:5px 10px;text-decoration:none;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s}nav a:active,nav a:hover{background:#78a0b4}body>footer{-webkit-box-flex:0;background:#343e4c;color:#fff;-ms-flex:0 0 auto;flex:0 0 auto;padding:2px 10px;text-align:right}main{-webkit-box-flex:1;background:#f0f0f0;display:block;-ms-flex:1 0 auto;flex:1 0 auto;padding:20px}main>h1{color:gray;font-size:18px;margin-bottom:10px}main.dialog{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}main.dialog .dialog-area{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:450px}main.dialog .dialog-area h1{background:#343e4c;border-radius:4px 4px 0 0;color:#fff;padding:2px 10px}main.dialog.wide .dialog-area{width:600px}main.dialog .content{border-radius:0 0 4px 4px;min-width:300px;padding:20px}main.dialog .content,main.dialog .content>p{background:#fff;color:#333}main.dialog hr{border:0;border-top:1px solid #d0d0d0}form>div{margin-bottom:10px}form .field-validation-error{color:#d64f2e;display:block}form label{display:block}form input[type=email],form input[type=password],form input[type=search],form input[type=text]{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin-bottom:2px;min-width:300px;padding:2px;width:100%}form input[type=email],form input[type=password],form input[type=search],form input[type=text],form textarea{background:#fff;border:1px solid #d0d0d0;outline:none;padding:5px}form input[type=email]:focus,form input[type=password]:focus,form input[type=search]:focus,form input[type=text]:focus,form textarea:focus{background:#e8eff2;border:1px solid #58889f}form textarea{height:100px;width:100%}form select{width:100%}form input[type=checkbox]{margin:0}label{font-weight:700}a.btn,button,input[type=button],input[type=submit],label.btn{background-color:#d64f2e;border:none;border-radius:4px;color:#fff;cursor:default;display:inline-block;padding:5px 10px;text-decoration:none;-webkit-transition:background .3s,color .3s;-o-transition:background .3s,color .3s;transition:background .3s,color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a.btn:active,a.btn:hover,button:active,button:hover,input[type=button]:active,input[type=button]:hover,input[type=submit]:active,input[type=submit]:hover,label.btn:active,label.btn:hover{background-color:#9fd7c1;color:#333}a.btn:disabled,button:disabled,input[type=button]:disabled,input[type=submit]:disabled,label.btn:disabled{background-color:gray;color:#fff}#dialog{bottom:0;display:none;left:0;position:fixed;right:0;top:0}#dialog .modal-background{background:#fff;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}#dialog .dialog-content{border-radius:4px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.4);box-shadow:0 0 5px 0 rgba(0,0,0,.4);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}#dialog .text-content{background:#fff;color:#333;min-height:100px;padding:5px 10px}#dialog .buttons{background:#343e4c;border-radius:0 0 4px 4px;padding:10px}#dialog .buttons button{margin-right:5px}#dialog h1{background:#343e4c;border-radius:4px 4px 0 0;color:#fff;padding:5px 10px}div.message{background:#fff1d5;border:1px solid #ea9c00;color:#333;margin-bottom:10px;padding:10px}table{border-spacing:0;table-layout:fixed;width:100%}table td,table th{overflow:hidden;padding:5px;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}table th.long{width:200px}table th.mid-size{width:120px}table th.short{width:100px}table th.very-short{width:80px}table th.icon{width:30px}table th.actions{width:50px}table th.time{width:150px}table thead tr{background:#58889f;color:#fff}table tbody tr:nth-child(2n){background:#e8eff2;color:#333}table tbody tr:nth-child(odd){background:#fff;color:#333}table td.invalid{background:#f7dcd5;color:#d64f2e;font-weight:700}table td a,table td span{color:#343e4c;margin-right:5px}table td a:active,table td a:hover{color:#58889f}table td svg{font-size:18px}.icon-super-admin{color:#333}.icon-admin{color:#58889f}.icon-guide{color:#d79f2d}.icon-student{color:#33931c}.icon-disabled{opacity:.1}label.btn{display:inline-block;font-weight:400}input[type=file]{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.warning{background:#fff1d5;border:1px solid #ea9c00;padding:5px}.warning p:last-of-type{margin-bottom:0}.details{margin-bottom:10px}.details div{display:-webkit-box;display:-ms-flexbox;display:flex}.details label{-webkit-box-flex:0;-ms-flex:0 0 120px;flex:0 0 120px}.details span{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}