body {
  padding-top: 70px; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.focus_subject {
    font-weight: bold;
    background: #FFF8eC;
}

.m15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt0 {
    margin-top: 0px;
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.mlr10 {
    margin: 0px 10px;
}

.pre-line {
    padding-top: 0px;
    white-space: pre-line;
}

.help-icon {
    opacity: 0.5;
}

.add-padding-1 {
    padding: 15px;
}

.panel-body {
    word-wrap:break-word;
}

.inline-form-actions form {
  display: inline; }

.form-inline label {
    margin-right: 1em;
}

.navbar-avatar {
  height: 18px; }

.failed-1 {
  color: green; }

.failed-2 {
  color: orangered; }

.failed, .failed-3 {
  color: red; }

.failed-4 {
  color: darkred; }

.label.tekortpunt {
}

.handmatig {
   border: 2px black solid !important; }

.hc-good,
.hc-warning,
.hc-danger {
    font-weight: bold;
}

.label-unknown {
    background-color: lightgray;
}

.hc-good,
.label-failed-1 {
  background-color: green;
    border: 2px green solid;}

.label-failed-2 {
  background-color: orange;
    border: 2px orange solid;}

.hc-warning,
.label-failed-3,
.label-failed-4 {
  background-color: red;
    border: 2px red solid;}

.hc-danger,
.label-failed-5 {
  background-color: darkred;
    border: 2px darkred solid;}

.magister_enable_sync_1 {
    color: green;
}

.magister_enable_sync_0 {
    color: lightgray;
}

.magister_enable_sync_m1 {
    color: lightgray;
}

.cursor-pointer {
    cursor: pointer;
}

td.sync-controls {
    font-size: 0px;
}

td.sync-controls a {
    font-size: 14px;
}

.tabel-cijfers .kop-periode,
.tabel-cijfers .kop-kolom {
 text-align: center;
}

.tabel-cijfers .cijfer {
    width: 50px;
    text-align: center;
    cursor: pointer;
}

.tabel-cijfers i {
    font-size: 10px;
}

.tabel-cijfers .undefined {
    background-color: #eee !important;
}

.tabel-cijfers .gemiddelde {
    background-color: #cdf4cd !important;
}

.tabel-cijfers .onvoldoende {
    color: #c3000c !important;
    font-weight: bold;
}

.editable-wrap {
    display: inline-block;
    white-space: nowrap;
    margin: 0;
    width: 100%;  //
}
.editable-wrap .editable-controls, .editable-wrap .editable-error {
    margin-bottom: 0;
    width: 100%;
}
.editable-wrap .editable-controls>select {
    margin-bottom: 0;
}
.editable-wrap .editable-controls>input, .editable-wrap .editable-controls>textarea {
    margin-bottom: 0;
    width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
}

.pva-doelen {
    font-weight: bold;
}

table .unavailable {
    background-image: -moz-linear-gradient(45deg, #666 25%, transparent 25%),
    -moz-linear-gradient(-45deg, #666 25%, transparent 25%),
    -moz-linear-gradient(45deg, transparent 75%, #666 75%),
    -moz-linear-gradient(-45deg, transparent 75%, #666 75%);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #666), color-stop(.25, transparent)),
    -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #666), color-stop(.25, transparent)),
    -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #666)),
    -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #666));
    background-image: -webkit-linear-gradient(45deg, #666 25%, transparent 25%),
    -webkit-linear-gradient(-45deg, #666 25%, transparent 25%),
    -webkit-linear-gradient(45deg, transparent 75%, #666 75%),
    -webkit-linear-gradient(-45deg, transparent 75%, #666 75%);
    background-image: -o-linear-gradient(45deg, #666 25%, transparent 25%),
    -o-linear-gradient(-45deg, #666 25%, transparent 25%),
    -o-linear-gradient(45deg, transparent 75%, #666 75%),
    -o-linear-gradient(-45deg, transparent 75%, #666 75%);
    background-image: linear-gradient(45deg, #666 25%, transparent 25%),
    linear-gradient(-45deg, #666 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #666 75%),
    linear-gradient(-45deg, transparent 75%, #666 75%);
    -moz-background-size: 2px 2px;
    background-size: 2px 2px;
    -webkit-background-size: 2px 2.1px; /* override value for webkit */
    background-position: 0 0, 1px 0, 1px -1px, 0px 1px;
}

table .head {
    font-weight: bold;
    background-color: #fafafa;
}

table .total th {
    border-top-width: 3px !important;
}

.table .indent {
    font-weight: normal;
    padding-left: 2em;
}

.table.rapportages {
    width: auto;
}

.table.rapportages .head {
    width: 15em;
}
.table.rapportages .week-kolom {
    width: 4em;
    text-align: center;
}

.table.rapportages .heeft_opmerking {
    font-weight: bold;
}

.number-field {
    width: 4em;
}

.date-field {
    width: 11em;
}


.page-break-before {
    page-break-before: always;
}
.page-break-after {
    page-break-after: always;
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}


/* temporary workaround for display editable-bstime in bs3 - up/down symbols not shown */
.editable-bstime .editable-input i.icon-chevron-up:before {
    content: '\e113';
}
.editable-bstime .editable-input i.icon-chevron-down:before {
    content: '\e114';
}
.editable-bstime .editable-input i.icon-chevron-up,
.editable-bstime .editable-input i.icon-chevron-down {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.panel-highlight {
    background-color: #fff9ea;
}

.panel-highlight .panel-footer {
    background-color: #f6f3e7;
}

.inline-comma-list {
    display: inline;
    padding: 0px;
}

.inline-comma-list li {
    display: inline;
}

.inline-comma-list li::after {
    content: ", ";
}

.inline-comma-list li:last-child::after {
    content: "";
}

.message {
    cursor: pointer;
}

.message.unread {
    font-weight: bold;
}

.message .avatar {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.message small.message-count {
    margin-left: 0.3em;
    font-weight: normal;
    color: #888;
}

.message .latest {
    font-weight: normal;
    color: #888;
}

.message .latest:before {
    content: "-";
    margin-right: 0.3em;
}

.message-list .message .actions {
    display: none;
}

.message-list .message:hover .actions {
    display: table-cell;
}

.message-detail {
    padding: 1.3em;
}

.message-detail .author .full-name {
    font-weight: bold;
}

.message-detail .author .username {
    color: #888;
}

.message-detail .date {
    margin-bottom: 1em;
}

.message-detail ul.actions li {
    margin-left: 5px;
    display: inline;
}

.message-detail .avatar {
    width: 40px;
    height: 40px;
}

.message-detail .meta {
    margin-left: 50px;
}

.badge.highlight {
    background-color: #cc0000;
    color: white;
}

sup.required,
.hasError label {
    color: #a94442;
}

.hasError input {
    border-color: #a94442;
}

.panel>.list-group .list-group-item:first-child {
    border-top: 0px;
}

.pijler-opmerking {
    max-width: 300px;
}

.pijler-waarde {
    width: 50px !important;
}

.pijler-kleur-1 a,
.pijler-kleur-2 a,
.pijler-kleur-4 a,
.pijler-kleur-5 a {
    color: white;
}

.pijler-kleur-3 a {
    color: black;
}

.pijler-kleur-1 {
    color: white;
    background-color: red;
}

.pijler-kleur-2 {
    color: white;
    background-color: orange;
}

.pijler-kleur-3 {
    color: black;
    background-color: yellow;
}

.pijler-kleur-4 {
    color: white;
    background-color: mediumturquoise;
}

.pijler-kleur-5 {
    color: white;
    background-color: green;
}

.pijler-binaire-waarde {
    background-color: white !important;
}

.pijler-binaire-waarde a {
    color: black !important;
}

.pijlers-waarderingen-input input:first-child {
    margin-left: 0;
}

.pijlers-waarderingen-input input {
    margin-left: 15px;
}

.dashboard-table th {
    position: sticky;
    top: 50px;
    background: white;
    vertical-align: top !important;
    z-index: 1;
}