.titelPanel {
  color: #fff;
  background-color: #5bc0de;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 19px;
  padding-right: 19px;
}

.panel-primary {
  border: 1px solid #ffffff !important;
  box-shadow: 5px 5px 5px 5px #999;
}

table .text-muted,
.table .text-muted {
  color: white !important;
}

/* Form-Controls*/

.form-control[readonly] {
  background-color: #2B3E50 !important;
}

.form-control[disabled] {
  background-color: #344B61 !important;
}

/* Temporärer Fix für Kendo-Grid */

a.k-link {
  color: black !important;
  text-decoration: none !important;
}

a.k-icon {
  color: black !important;
  text-decoration: none !important;
}

/* PanelBar*/

.k-panel {
  background-color: #4E5D6C !important;
}

.k-panelbar-expand {
  color: white !important;
}

.k-panelbar-collapse {
  color: white !important;
}

.k-panelbar {
  color: white !important;
  border-color: #4E5D6C !important;
  word-break: break-word;
}

.k-panelbar>.k-item+.k-item {
  border-color: #4E5D6C !important;
}

.k-panelbar .k-group > .k-item {
  word-break: break-word;
}

/* group font */

.k-panelbar>.k-item>.k-link,
.k-panelbar>.k-panelbar-header>.k-link {
  font-size: 1.5em !important;
  font-weight: 700 !important;
  color: #fff !important;
  background-color: #2B3E50 !important;
  box-shadow: inset 0 0 0 3px #2B3E50 !important;
  cursor: pointer;
}

.k-panelbar .k-panelbar-group>.k-panelbar-item>.k-link.k-selected {
  background-color: #5bc0de !important;
}

.k-panelbar .k-group > .k-item > .k-link:hover, .k-panelbar .k-group > .k-item > .k-link.k-hover, .k-panelbar .k-group > .k-panelbar-item > .k-link:hover, .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover, .k-panelbar .k-panelbar-group > .k-item > .k-link:hover, .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
  background-color: black !important;
}


/* default link font */

.k-panelbar .k-group .k-link {
  font-size: 1.3em !important;
}

.k-link {
  cursor: pointer !important;
}

/* indent subgroups items */

.k-panelbar .k-group .k-group .k-link {
  padding-left: 30px !important;
}

.k-panelbar .k-group .k-group .k-group .k-link {
  padding-left: 60px !important;
}

/* font of parent nodes */

.k-panelbar .k-group .k-link.is-parent-node {
  font-size: 1.3em !important;
  font-weight: 500 !important;
}

.k-panelbar .k-panel>.k-item>.k-link.k-state-selected,
.k-panelbar .k-panel>.k-item>.k-link.k-state-focused.k-state-selected {
  color: #fff !important;
  background-color: #5bc0de !important;
  border-color: #5bc0de !important;
  box-shadow: inset 0 0 0 3px #5bc0de !important;
}

/* Überschreiben von Bootstrap-Styles */

.nav-tabs {
  border-bottom: 1px solid #5bc0de !important;
}

.nav-tabs-has-error {
  border-bottom: 1px solid red;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #fff !important;
  background-color: #5bc0de !important;
  border: 1px solid #5bc0de !important;
  border-bottom-color: transparent !important;
  text-decoration: none !important;
}

.nav-tabs>li>a {
  text-decoration: none !important;
}

/* Überschreiben von Kendo-Styles */

.k-detail-cell .nav-tabs>li>a {
  color: black !important;
}

.k-grid-edit-command {
  color: #fff !important;
  background-color: #f0ad4e !important;
  border-color: #f0ad4e !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
}
.k-grid-edit-command:focus,
.k-grid-edit-command.focus {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #b06d0f !important;
}
.k-grid-edit-command:hover {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #eb9316 !important;
}
.k-grid-edit-command:active,
.k-grid-edit-command.active {
  color: #fff !important;
  background-color: #ec971f !important;
  border-color: #eb9316 !important;
}
.k-grid-edit-command:active:hover,
.k-grid-edit-command.active:hover,
.k-grid-edit-command:active:focus,
.k-grid-edit-command.active:focus,
.k-grid-edit-command:active.focus,
.k-grid-edit-command.active.focus {
  color: #fff !important;
  background-color: #d58512 !important;
  border-color: #b06d0f !important;
}
.k-grid-edit-command:active,
.k-grid-edit-command.active {
  background-image: none !important;
}
.k-grid-edit-command.disabled:hover,
.k-grid-edit-command[disabled]:hover,
fieldset[disabled] .k-grid-edit-command:hover,
.k-grid-edit-command.disabled:focus,
.k-grid-edit-command[disabled]:focus,
fieldset[disabled] .k-grid-edit-command:focus,
.k-grid-edit-command.disabled.focus,
.k-grid-edit-command[disabled].focus,
fieldset[disabled] .k-grid-edit-command.focus {
  background-color: #f0ad4e !important;
  border-color: #f0ad4e !important;
}

.k-grid-remove-command {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d9534f !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
}
.k-grid-remove-command:focus,
.k-grid-remove-command.focus {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #8b211e !important;
}
.k-grid-remove-command:hover {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #c12e2a !important;
}
.k-grid-remove-command:active,
.k-grid-remove-command.active {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #c12e2a !important;
}
.k-grid-remove-command:active:hover,
.k-grid-remove-command.active:hover,
.k-grid-remove-command:active:focus,
.k-grid-remove-command.active:focus,
.k-grid-remove-command:active.focus,
.k-grid-remove-command.active.focus {
  color: #fff !important;
  background-color: #ac2925 !important;
  border-color: #8b211e !important;
}
.k-grid-remove-command:active,
.k-grid-remove-command.active {
  background-image: none !important;
}
.k-grid-remove-command.disabled:hover,
.k-grid-remove-command[disabled]:hover,
fieldset[disabled] .k-grid-remove-command:hover,
.k-grid-remove-command.disabled:focus,
.k-grid-remove-command[disabled]:focus,
fieldset[disabled] .k-grid-remove-command:focus,
.k-grid-remove-command.disabled.focus,
.k-grid-remove-command[disabled].focus,
fieldset[disabled] .k-grid-remove-command.focus {
  background-color: #d9534f !important;
  border-color: #d9534f !important;
}

.k-grid-save-command {
  color: #fff !important;
  background-color: #5cb85c !important;
  border-color: #5cb85c !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
}
.k-grid-save-command:focus,
.k-grid-save-command.focus {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #2d672d !important;
}
.k-grid-save-command:hover {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #419641 !important;
}
.k-grid-save-command:active,
.k-grid-save-command.active {
  color: #fff !important;
  background-color: #449d44 !important;
  border-color: #419641 !important;
}
.k-grid-save-command:active:hover,
.k-grid-save-command.active:hover,
.k-grid-save-command:active:focus,
.k-grid-save-command.active:focus,
.k-grid-save-command:active.focus,
.k-grid-save-command.active.focus {
  color: #fff !important;
  background-color: #398439 !important;
  border-color: #2d672d !important;
}
.k-grid-save-command:active,
.k-grid-save-command.active {
  background-image: none !important;
}
.k-grid-save-command.disabled:hover,
.k-grid-save-command[disabled]:hover,
.k-grid-save-command.disabled:focus,
.k-grid-save-command[disabled]:focus,
.k-grid-save-command.disabled.focus,
.k-grid-save-command[disabled].focus {
  background-color: #5cb85c !important;
  border-color: #5cb85c !important;
}

.k-grid-cancel-command {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d9534f !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
}
.k-grid-cancel-command:focus,
.k-grid-cancel-command.focus {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #8b211e !important;
}
.k-grid-cancel-command:hover {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #c12e2a !important;
}
.k-grid-cancel-command:active,
.k-grid-cancel-command.active {
  color: #fff !important;
  background-color: #c9302c !important;
  border-color: #c12e2a !important;
}
.k-grid-cancel-command:active:hover,
.k-grid-cancel-command.active:hover,
.k-grid-cancel-command:active:focus,
.k-grid-cancel-command.active:focus,
.k-grid-cancel-command:active.focus,
.k-grid-cancel-command.active.focus {
  color: #fff !important;
  background-color: #ac2925 !important;
  border-color: #8b211e !important;
}
.k-grid-cancel-command:active,
.k-grid-cancel-command.active {
  background-image: none !important;
}
.k-grid-cancel-command.disabled:hover,
.k-grid-cancel-command[disabled]:hover,
fieldset[disabled] .k-grid-cancel-command:hover,
.k-grid-cancel-command.disabled:focus,
.k-grid-cancel-command[disabled]:focus,
fieldset[disabled] .k-grid-cancel-command:focus,
.k-grid-cancel-command.disabled.focus,
.k-grid-cancel-command[disabled].focus,
fieldset[disabled] .k-grid-cancel-command.focus {
  background-color: #d9534f !important;
  border-color: #d9534f !important;
}

.k-grid-add-command {
  color: #fff !important;
  background-color: #5bc0de !important;
  border-color: #5bc0de !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
}
.k-grid-add-command:focus,
.k-grid-add-command.focus {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #1f7e9a !important;
}
.k-grid-add-command:hover {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #2aabd2 !important;
}
.k-grid-add-command:active,
.k-grid-add-command.active {
  color: #fff !important;
  background-color: #31b0d5 !important;
  border-color: #2aabd2 !important;
}
.k-grid-add-command:active:hover,
.k-grid-add-command.active:hover,
.k-grid-add-command:active:focus,
.k-grid-add-command.active:focus,
.k-grid-add-command:active.focus,
.k-grid-add-command.active.focus {
  color: #fff !important;
  background-color: #269abc !important;
  border-color: #1f7e9a !important;
}
.k-grid-add-command:active,
.k-grid-add-command.active {
  background-image: none !important;
}
.k-grid-add-command.disabled:hover,
.k-grid-add-command[disabled]:hover,
.k-grid-add-command.disabled:focus,
.k-grid-add-command[disabled]:focus,
.k-grid-add-command.disabled.focus,
.k-grid-add-command[disabled].focus {
  background-color: #5bc0de !important;
  border-color: #5bc0de !important;
}

/**
* BOOTSTRAP DATEPICKER STYLE ANPSSUNGEN
*/

/* Abstand zwischen Container und dem darin enthaltenen bs-datepicker verringern */
.bs-datepicker-container {
  padding: 5px !important;
  }

  /* Der "Vor" & "Zurück" Button im Header des bs-datepickers sollen viereckig dargestellt werden */
  .bs-datepicker-head button.next,
  .bs-datepicker-head button.previous {
  border-radius: 0% !important;
  }

  /* Tage vor oder nach dem atkuellen Monat sollen nicht angezeigt werden */
  .bs-datepicker table tr td span.is-other-month {
  height: 0;
  line-height: 0;
  visibility: hidden;
  }

  /* Farbanpassung für den Header des bs-datepickers für das default theming. */
  .theme-default .bs-datepicker-head {
  background-color: #2B3E50 !important;
  }

  /* Die Felder im Body des bs-datepickers sollen viereckig dargestellt werden
     Außerdem sind selektierte Felder im Body des bs-datepickers ebenfalls wie der
     Header dunkel */
  .theme-default .bs-datepicker-body table td span.selected,
  .theme-default .bs-datepicker-body table td.selected span,
  .theme-default .bs-datepicker-body table td span[class*="select-"]:after,
  .theme-default .bs-datepicker-body table td[class*="select-"] span:after {
  background-color: #2B3E50 !important;
  border-radius: 0% !important
  }

  /* Bei "hover" sollen die Felder im Body des bs-datepickers viereckig dargestellt werden */
  .theme-default .bs-datepicker-body table td span:hover {
  border-radius: 0% !important
  }