body {
    background-color: rgb(220, 230, 240);
}

body > .header .logo {
    font-size: 14px;
    font-family: inherit;
}

.navbar {
    /*background-color: #3c8dbc;*/
}

.nav a {
    /*color: rgba(255, 255, 255, 0.8);*/
    background-color: transparent;
}

.navbar .nav a:hover, .navbar .nav a:focus {
    background-color: rgba(0, 0, 0, 0.1);
}

i.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.table-striped > tbody > tr.user-locked:nth-child(even) > td{
    background-color: #f2dede !important;

}
.table-striped > tbody > tr.user-locked:nth-child(odd) > td{
    background-color: #f2c5c5 !important;
}

label.error {
    color: red;
}

.pupil