/*
    Main Css file
    Created on : 17-jan-2014, 11:42:56
    Author     : dionbosschieter
*/
/*@import url("http://fonts.googleapis.com/css?family=Open+Sans");*/
/*@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");*/
/*
  Color-variables
*/
/*
  Font-variables
*/
html {
  height: 100%;
}
body {
  /* footer positioning */
  min-height: 100%;
  padding-bottom: 134px;
  position: relative;
  background-color: #fff;
  font-family: Lato, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #5f5f5f;
}
a,
button,
input {
  transition: 0.25s all;
}
label {
  color: #94b025;
  font-size: 18px;
}
.btn-lg {
  padding: 10px 35px;
  font-size: 20px;
}
.btn.btn-primary {
  background-color: #b2d235;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  border-color: #b2d235;
  border-radius: 0;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: #c2db5f;
}
#site-container {
  z-index: 1000;
  margin-bottom: 20px;
}
.header-top-strip {
  background-color: #666666;
  height: 12px;
  width: 100%;
}
.navbar-pttop {
  margin-bottom: 0;
  border: 0;
}
.navbar-header {
  margin: 36px 0px;
  width: 205px;
}
.navbar-pt {
  background-color: #f7f7f7;
}
.navbar-pt .navbar-nav > li > a {
  padding: 30px 20px;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  color: #808080;
  text-decoration: none;
}
.navbar-pt .navbar-nav > li > a:hover {
  background-color: #b2d235;
  color: #000000;
}
/*
 * Table style
 */
table {
  background: #fff;
}
table tr > th {
  color: #94b025;
  font-style: italic;
  font-size: 18px;
}
table tr > td {
  color: #4d4d4d;
}
table.results {
  width: auto;
}
table td.userfullname {
  width: 300px;
}
table td.assignment {
  width: 41px;
  text-align: center;
}
/*
 * Footer
 */
footer {
  color: #b3b3b3;
  font-size: 16px;
  background-color: #666666;
  padding: 30px 0px;
  position: absolute;
  bottom: 0;
  height: 134px;
  width: 100%;
}
footer a {
  color: #b3b3b3;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
}
.footer-right {
  float: right;
  max-width: 17%;
  margin: 10px 20px;
}
.footer-left {
  float: left;
  max-width: 70%;
  margin: 10px 20px;
}
/*
 * Logo's
 */
.navbar > .container .navbar-brand {
  margin-left: 5px;
}
.site-logo {
  height: 53px;
  width: 205px;
  display: block;
  padding: 0;
}
.site-logo-students {
  background: url('../images/logo-students.png') no-repeat;
}
.site-logo-teacher {
  background: url('../images/logo-students.png') no-repeat;
}
.language-select {
  border-radius: 25px;
  border: solid 1px #B2D235;
  margin: 37px 0px;
  width: 270px;
}
.language-select .lang-label {
  background-color: #B2D235;
  border-radius: 25px 0px 0px 25px;
  color: #ffffff;
  padding: 12px;
  display: inline-block;
}
.language-select .ddTitle .ddlabel {
  padding-left: 40px;
}
.language-select li > img.fnone {
  height: 20px;
  vertical-align: -20%;
}
#tech_child {
  height: auto!important;
}
.lang-select-opt {
  border: none;
  font-size: 16px;
  color: #808080;
}
/*
 * Error page
 */
.error-page-container {
  width: 320px;
  margin: 0 auto;
}
/*
 * Lessons page
 */
.result100 {
  background: #5CB85C;
  color: #FFFFFF;
  border-radius: 4px;
  padding-left: 2px;
  padding-right: 4px;
  font-style: normal;
  font-weight: 300;
}
.lesson-sidebar {
  float: left;
  width: 330px;
  border: solid 1px #f2f2f2;
  padding: 15px;
}
.lesson-sidebar .lesson-edit {
  float: right;
  padding-right: 5px;
}
.lesson-sidebar .lesson-delete {
  float: right;
  padding-right: 5px;
}
.lesson-sidebar .lesson-container .glyphicon {
  color: #b2d235;
}
.lesson-sidebar .lesson-container .showmore {
  background: #FFFFFF;
  display: none;
  padding-left: 30px;
}
.lesson-sidebar .lesson-container.collapsed .showmore {
  display: block;
}
.lesson-sidebar .lesson-container .lessonchapter a {
  text-decoration: none;
  color: #666666;
}
.lesson-sidebar .lesson-container .lessonchapter.selected .glyphicon {
  color: #90a82d;
}
.lesson-sidebar .lesson-container .lessonchapter.selected a {
  color: #000000;
  font-weight: bold;
}
.lesson-sidebar .lesson-container .lessonchapter .lessonchapter-edit {
  float: right;
  padding-right: 5px;
}
.lesson-sidebar .lesson {
  color: #000000;
  cursor: pointer;
  text-decoration: none;
}
.lesson-sidebar .lesson:hover,
.lesson-sidebar .lesson:focus,
.lesson-sidebar .lesson:active {
  color: #000000;
  text-decoration: none;
}
.lesson-sidebar .lesson .glyphicon-minus-sign {
  display: none;
}
.lesson-sidebar .lesson.collapsed .glyphicon-minus-sign {
  display: inline-block;
}
.lesson-sidebar .lesson.collapsed .glyphicon-plus-sign {
  display: none;
}
.lessonchapter-content {
  float: left;
  border: solid 1px #f2f2f2;
  padding: 15px;
  width: 670px;
  margin-left: 10px;
}
.lessonchapter-content h2 .button-container {
  float: right;
}
.lessonchapter-content .content-container {
  padding-top: 15px;
  width: 650px;
  margin: 0 auto;
  color: #666666;
}
/*
 * User page
 */
.userpage-container {
  background-color: #fff;
  max-width: 750px;
  border-radius: 4px;
  border: 1px solid #cccccc;
}
/*
 * Text styles
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  color: #94b025;
}
/* default text overlow style */
.text-overflow-dotted {
  overflow: hidden;
  text-overflow: ellipsis;
}
.center {
  text-align: center;
}
/*
 * Infomessage
 */
.infomessage > h1,
.infomessage > h2,
.infomessage > h3 {
  margin-top: 0;
}
/*
 * a href styles
 */
.nolink {
  color: #000;
}
.nolink:hover {
  text-decoration: none;
  color: #000;
}
.right {
  float: right;
}
.left {
  float: left;
}
/*
 * VRAAG
 */
.vraag {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  padding: 10px;
  margin-top: 10px;
}
.templateAnswer,
.templateQuestion {
  display: none;
}
.removebox {
  float: right;
}
.removequestionbox {
  margin-top: 10px;
}
/*
 * Exam rendering
 */
#exam-container .question {
  margin-bottom: 10px;
  border: 1px solid #DDDDDD;
  background: #EEEEEE;
  padding: 10px;
}
#exam-container .question .question-text {
  font-size: 15px;
  margin: 0;
}
#exam-container .question .answer {
  padding-left: 10px;
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
}
#exam-container .question .answer span {
  font-weight: 300;
  padding-left: 10px;
}
#exam-container .question .answer.correct {
  background: #d0f8ce;
}
#exam-container .question .answer.wrong {
  background: #f9bdbb;
}
/*
 * Timetable table
 */
table.timetable th.time {
  width: 90px;
}
table.timetable .time {
  text-align: center;
}
/*
 * Docent timetables
 */
.ajax-loading {
  display: none;
}
span.group-result {
  border-radius: 4px;
  background-color: #B2D235;
  color: white;
  padding: 0 4px;
  cursor: pointer;
  transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
}
span.group-result:hover {
  background-color: #c2db5f;
}
span.group-result:focus,
span.group-result:active {
  background-color: #92ad27;
}
#edit-result-modal > .modal-dialog {
  width: 240px;
}