body {
  font-size: 12px;
  color: #000;
  background-color: #FFF;
  line-height: 17px;
  font-family: Georgia, "Arial", serif;
}
body table {
  border-collapse: collapse;
}
body table.specialBewert {
  width: 100%;
}
body table.specialBewert td {
  padding-bottom: 10px;
  border: none;
}
body table.printAll {
  table-layout: fixed !important;
}
body table:not(.printAll) td:last-child,
body table:not(.printAll) th:last-child {
  display: none;
}
body table th {
  border: 1px solid black;
  text-align: left;
  vertical-align: top;
}
body table td {
  border: 1px solid black;
  border-bottom: 1px solid grey;
  text-align: left;
  vertical-align: top;
}
body #content table td a i {
  display: none;
}
body .btn,
body .close,
body .divider,
body #newPerson,
body #newFirma,
body #myModalLabel {
  display: none;
}
#languagebar,
#metanav,
#login,
#navigation,
.pagination,
.actionbar,
#footer,
div.info,
#simulator,
#metahelpicon,
.noprint {
  display: none;
}
.boldPrint {
  font-weight: bold;
}
#content .print_line {
  border-top: 1px solid black;
}
#content p {
  padding-top: 10px;
}
#content ul.breadcrumb {
  font-size: 12px;
  padding: 0;
}
#content ul.breadcrumb li {
  display: inline-block;
  font-weight: 700;
}
#content ul.breadcrumb li:not(:last-child)::after {
  content: " > ";
}
#content span {
  text-decoration: underline;
  font-size: 15px;
  display-inline: block ;
}
#content a {
  color: #000;
  text-decoration: none;
}
#content .bx-content {
  border: 1px solid #000;
  padding: 10px;
}
#content .bx-content dt {
  font-size: 12px;
  line-height: 17px;
  font-family: Georgia, "Times New Roman", serif;
}
#content .bx-header {
  border: 1px solid #000;
  padding: 10px;
}
#content .container-fluid {
  margin: 15px 15px 15px 0;
}
#content .table-condensed {
  width: 100%;
}
#content .dl-horizontal dt {
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  min-height: 25px;
  min-width: 200px;
  float: left;
  clear: left;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#content .dl-horizontal dd {
  font-size: 12;
  line-height: 20px;
  min-height: 25px;
  min-width: 200px;
  text-align: left;
  white-space: nowrap;
}
#content .dl-horizontal dd a {
  text-decoration: none;
  color: #000;
}
#content .dl-horizontal div.bx-title span {
  border-radius: 4px 0 4px 0;
  color: #9DA0A4;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  margin: 0;
  padding: 0 10px;
}
fieldset.kompetenzplanung {
  border: none;
}
fieldset.kompetenzplanung legend {
  border: none;
}
fieldset.kompetenzplanung table {
  display: inherit!important;
  margin-bottom: 12px;
}
/**
 * Themen-Standard Farbe
 */
/**
 * Farbe der Metanav-links
 */
/**
 * Alle normalen Links und Icons
 */
/**
 * Navigations-Links
 */
/**
 * Rahmen
 */
.titel {
  font-weight: bold;
}
.knwactionlist {
  vertical-align: middle;
  margin-bottom: 50px;
  text-align: center;
}
.knwactionlist a i {
  /* heble Default aus */

  padding-right: 0;
}
.knwactionlist .kntarrow,
.knwactionlist .knwbutton {
  position: relative;
  width: 100px;
  height: 100px;
  color: #b22222;
  padding-top: 20px;
}
.knwactionlist .kntarrow .icon,
.knwactionlist .knwbutton .icon {
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
}
.knwactionlist .icon.knwchecked {
  position: absolute;
  color: #b22222;
  bottom: 0;
  right: -10px;
}
.knwactionlist .kntarrow {
  top: 12px;
}
.knwactionlist .knwbutton {
  border-radius: 50%;
  background-color: #ffffff;
  border: 5px solid #b22222;
  text-align: center;
}
.knwactionlist .knwbutton:active,
.knwactionlist .knwbutton:focus,
.knwactionlist .knwbutton.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.knwactionlist .knwbutton .knwtitel {
  visibility: hidden;
  font-weight: bold;
  background-color: #ffffff;
  width: 120px;
  margin-left: -20px;
}
.knwactionlist .knwbutton:hover {
  color: #721616;
  border-color: #721616;
}
.knwactionlist .knwbutton:hover .knwtitel {
  visibility: visible;
}
.knwactionlist .knwbutton.knwbutton-active {
  background-color: #e88585;
}
.knwactionlist .knwbutton-disabled {
  pointer-events: none;
  cursor: default;
}
.knwactionlist .knwbutton-disabled .knwbutton {
  color: #777777;
  border-color: #777777;
}
.bewertungstabelle {
  margin-top: 24px;
  border: 1px solid grey;
}
.bewertungstabelle .bewertungskriterium,
.bewertungstabelle .bewertungsfiller,
.bewertungstabelle .bewertungsguetestufe {
  vertical-align: top;
  height: 60px;
  padding: 6px;
  border: 1px solid grey;
}
.bewertungstabelle .bewertungsbereich {
  text-align: left;
  padding: 12px;
  border: 1px solid grey;
  border-bottom: none;
}
.bewertungstabelle .bewertungsfiller {
  border: none;
  padding: 0;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}
.bewertungstabelle .bewertungsguetestufe {
  position: relative;
}
.bewertungstabelle .bewertungsguetestufe input {
  visibility: hidden;
}
.bewertungstabelle .bewertungsguetestufe.active.bestanden {
  background-color: #dff0d8;
}
.bewertungstabelle .bewertungsguetestufe.active.nichtbestanden {
  background-color: #f2dede;
}
.bewertungstabelle .bewertungsguetestufe .bewertungsbemerkung {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}
.bewertungstabelle .bewertungsguetestufe.active .bewertungsbemerkung {
  visibility: visible;
}
#modalBewertung .modal-body .bewertungsbemerkung {
  width: 90%;
  height: 100%;
  min-height: 200px;
}
.table tfoot tr td {
  background-color: #eceaeb;
}
.table tfoot tr:last-child td {
  background-color: #dedadc;
}
/* UNVERARBEITET */
#inputPROGRAMMVORLAGE thead tr th.semester,
#inputPROGRAMMVORLAGE tfoot tr td.semester {
  text-align: center;
}
#inputPROGRAMMVORLAGE tr th,
#inputPROGRAMMVORLAGE tr td {
  /* ToDo: Provisorisch */

  border: 1px solid grey;
}
#inputPROGRAMMVORLAGE tbody tr td {
  padding: 3px;
}
#inputPROGRAMMVORLAGE.workable tbody tr td.semester.success:hover i {
  visibility: visible!important;
}
#inputPROGRAMMVORLAGE tbody tr td.handlungskompetenz i {
  visibility: hidden;
}
#inputPROGRAMMVORLAGE tbody tr td.handlungskompetenz i.active {
  visibility: visible;
}
#inputPROGRAMMVORLAGE.workable tbody tr td.handlungskompetenz:hover i {
  visibility: visible!important;
}
#inputPROGRAMMVORLAGE tbody tr td.semester input {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 50px;
  margin: 0;
}
#inputPROGRAMMVORLAGE tbody tr td.semester input:disabled {
  cursor: default;
}
#inputPROGRAMMVORLAGE tfoot tr td {
  background-color: #DEDADC;
}
#inputPROGRAMMVORLAGE thead tr th.semester:last-child,
#inputPROGRAMMVORLAGE tbody tr td.semester[data-nsemester="0"] {
  border: none;
  background: none;
}
.kompetenzplanung {
  width: 100%;
  table-layout: fixed;
  margin: 0;
}
.kompetenzplanung .titel {
  width: 100px;
}
.kompetenzplanung .zeiteinheit {
  background-color: lightgrey;
  border: 2px solid white;
  text-align: center;
}
.kompetenzplanung .zeiteinheit.zeiteinheit.monat,
.kompetenzplanung .zeiteinheit.zeiteinheit.woche {
  border-top: 0;
}
.kompetenzplanung .zeiteinheit:hover {
  filter: brightness(60%);
}
.kompetenzplanung .termin {
  background-color: lightgrey;
  border: 2px solid white;
  text-align: center;
}
.kompetenzplanung .termin.provisorisch {
  background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(255, 255, 255, 0.5) 3px, rgba(255, 255, 255, 0.5) 6px);
}
.kompetenzplanung .termin.taken:hover {
  filter: brightness(60%);
}
.kompetenzplanung .planung {
  padding: 5px;
}
.kompetenzplanung .planung.titel {
  text-align: right;
  margin-right: 10px;
}
.kompetenzplanung .planung.titel .zeit {
  font-weight: normal;
}
.kompetenzplanung .planung.plantext {
  vertical-align: top;
  height: 60px;
  border-bottom: 2px solid white;
}
.kompetenzplanung .planung.action {
  text-align: right;
  vertical-align: top;
  width: 100px;
}
.kompetenzplanung .success,
.kompetenzplanung .success:hover {
  background-color: #588c1e;
}
.kompetenzplanung fieldset {
  margin-bottom: 20px;
}
#termine,
#berichte,
#ziele,
#planung {
  margin-top: 40px;
}