﻿body {
  padding: 122px 0 40px 0;
  color: #4D4D4D;
  height: 100%;
}
/****************************************
 * Allgemein
 */
.scrollbars-hidden {
  height: 100%;
  overflow: hidden;
}
.content {
  padding: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .k-window .container {
    width: 600px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .double-row-md {
    margin-top: -11px;
    margin-bottom: -6px !important;
  }
  .double-row-md.required::after {
    margin-top: -6px !important;
  }
  .k-window .double-row-in-window-md {
    margin-top: -9px;
    margin-bottom: -2px !important;
  }
  .passswordvalidation-fix,
  .abschlussbezeichnung-fix {
    padding-left: 0 !important;
  }
  .k-window .passswordvalidation-fix {
    padding-left: 11px !important;
    padding-right: 19px !important;
  }
  .k-window .abschlussbezeichnung-fix {
    padding-left: 8px !important;
    padding-right: 22px !important;
  }
  .k-window .container {
    width: 800px;
  }
}
@media (min-width: 1200px) {
  .double-row-lg {
    margin-top: -11px;
    margin-bottom: -6px !important;
  }
  .double-row-lg.required::after {
    margin-top: -6px !important;
  }
  .k-window .double-row-in-window-lg {
    margin-top: -10px;
    margin-bottom: -2px !important;
  }
  .k-window .container {
    width: 950px;
  }
}
input:required {
  box-shadow: none;
}
.verwaltung-tabstrip-margin {
  margin-top: 10px;
}
.k-checkbox-label {
  padding: 0 2em;
  line-height: 1.5em;
  margin-bottom: -10px;
}
.k-checkbox-label::before {
  font-size: 20px;
}
input.k-textbox,
textarea.k-textbox {
  padding-left: 0px;
}
/****************************************
 * Ansichtsseitenstyle für BearbeitenHTML Seiten.
 */
.disabled input,
.disabled iframe,
.disabled textarea,
.disabled .k-state-disabled,
.disabled .k-editor-widget {
  border: white !important;
  box-shadow: none !important;
  resize: none !important;
}
.disabled iframe {
  opacity: 0.3;
}
.disabled .k-dropdown-wrap > span.k-select,
.disabled .dropdown-placeholder,
.disabled .k-multiselect-wrap span.k-select,
.disabled .k-numeric-wrap span.k-select,
.disabled .k-multiselect input,
.disabled .k-editor-toolbar,
.disabled .required,
.disabled .k-tooltip-validation {
  display: none !important;
}
.disabled .multiSelectTagButton:hover {
  color: white !important;
  border-color: #810023 !important;
  background-color: #810023 !important;
}
.disabled .open-window-buttons {
  /*button.toolbutton {
    display: none !important;
  }*/
}
.disabled .open-window-buttons button.toolbutton-download {
  display: inline !important;
}
.disabled .button-cancel {
  margin-left: 5px;
}
.disabled .form-control[disabled],
.disabled .form-control[readonly],
.disabled fieldset[disabled] .form-control {
  background-color: #fff;
  cursor: default;
  opacity: 0.65;
}
.disabled .k-state-disabled,
.disabled .k-state-disabled .k-link,
.disabled .k-state-disabled .k-button,
.disabled .k-other-month,
.disabled .k-other-month .k-link,
.disabled .k-dropzone em,
.disabled .k-tile-empty strong,
.disabled .k-slider .k-draghandle {
  color: #787878;
}
.disabled .k-button[disabled],
.disabled .k-button.k-state-disabled,
.disabled .k-state-disabled .k-button,
.disabled .k-state-disabled .k-button:hover,
.disabled .k-button.k-state-disabled:hover,
.disabled .k-state-disabled .k-button:active,
.disabled .k-button.k-state-disabled:active,
.disabled .k-checkbox:disabled + .k-checkbox-label {
  border-color: #787878;
}
.disabled .k-select {
  margin-top: 3px;
}
.disabled .k-multiselect {
  margin-left: 4px;
}
.disabled .k-multiselect-wrap li {
  padding-right: 0.4em;
}
/****************************************
 * Footer
 */
footer {
  height: 40px;
  width: 100%;
  margin-top: 20px;
  padding: 10px 0 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #f0f0f0;
}
/****************************************
 * Header, Navbar, Menüs
 */
nav {
  background-color: white !important;
  border: none !important;
}
nav > div:first-child,
nav > div:last-child {
  margin-top: 10px;
}
nav > div:first-child .pull-right {
  margin-top: 30px;
}
#menu-main {
  border-left: none;
  border-right: none;
}
#menu-main > li:nth-last-child(1),
#menu-main > li:nth-last-child(2) {
  float: right;
}
#menu-verwaltung {
  border-top: none;
  border-left: none;
  border-right: none;
  position: fixed;
  z-index: 3;
  width: 100%;
}
#content-verwaltung {
  padding-top: 32px;
}
.k-menu-horizontal > .k-item {
  border: none !important;
}
.k-menu-group .k-item .fa {
  width: 20px;
}
/****************************************
 * Login
 */
#login {
  margin: 0 auto 0 auto;
  width: 400px;
  padding: 2em;
  border: 1px solid rgba(20, 53, 80, 0.14);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.08);
}
#login .login-tab {
  padding: 20px 40px;
  min-height: 180px;
}
#login h1 {
  margin: 0 0 30px 0;
  text-align: center;
}
#login form ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#login form ul li {
  margin-top: 0.75em;
}
#login form ul li input {
  display: block;
  width: 100% !important;
}
#login form ul li label {
  display: block;
}
#login form ul li:nth-last-child(2) {
  margin-top: 1.5em;
}
#login form ul li:last-child {
  margin-top: 1.5em;
}
#login .invalid {
  color: red;
}
#credits {
  margin-top: 75px;
}
#credits > .credit-group {
  display: block !important;
}
#credits .credit-group {
  display: inline-block;
}
#credits .credit {
  float: left;
  padding: 0 15px;
}
#credits .credit img {
  display: block;
}
#credits .credit div {
  margin-left: -15px;
  padding: 15px 0 0 15px;
  height: 90px;
  border-left: 1px solid silver;
}
#credits .credit-label {
  text-align: right;
  padding-right: 15px;
  width: 150px;
}
#credits .credit-label div {
  border-left: none;
}
#privacy {
  margin-top: 15px;
  text-align: right;
}
#privacy a {
  color: inherit;
}
@media (max-width: 1100px) {
  #login {
    margin-top: -100px;
  }
  #credits {
    margin-top: -75px;
  }
}
/****************************************
 * Validation
 */
span.k-widget.k-tooltip-validation {
  float: left;
  border: 0;
  padding: 0;
  margin: 4px 0 5px 0;
  background: none;
  box-shadow: none;
  color: darkred;
}
span.k-widget.k-tooltip-validation .k-warning {
  display: none;
}
/****************************************
 * Required
 */
.required:after {
  content: "\f005";
  font-family: FontAwesome;
  color: #810023 !important;
  font-size: 9px;
  font-weight: normal;
  vertical-align: text-top;
  white-space: pre;
  float: left;
  margin-left: -12px;
  margin-top: 5px;
  bottom: 0px;
}
@media (max-width: 992px) {
  .required:after {
    float: none;
  }
}
label > span.required:after {
  float: none;
  margin-left: 5px !important;
  margin-top: -2px !important;
}
span.k-widget.k-tooltip-validation:before {
  content: "\f071";
  font-size: 14px;
  font-family: FontAwesome;
}
/****************************************
 * Labels
 */
label {
  font-weight: normal;
}
/****************************************
 * Confirm-Dialog
 */
.confirm-dialog {
  min-width: 320px;
  max-width: 480px;
}
.confirm-dialog-body {
  padding: 25px;
}
.confirm-dialog-footer {
  padding: 25px;
  text-align: center;
}
.confirm-dialog-footer button {
  margin: 0 5px;
}
.token-expiration-message i {
  color: orange;
}
/****************************************
 * Forms
 */
.form-horizontal {
  padding: 30px 15px;
}
/****************************************
 * Buttons
 */
.toolbutton {
  width: 2.2em;
}
.button-login:before {
  content: " \f090";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-ok:before {
  content: " \f00c";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-save:before {
  content: " \f0c7";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-cancel:before {
  content: " \f05e";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-new:before {
  content: " \f067";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-delete:before {
  content: " \f014";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-remove:before {
  content: " \f146";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-refresh:before {
  content: " \f021";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-exportexcel:before {
  content: " \f1c3";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-add:before {
  content: " \f0fe";
  font-family: FontAwesome;
  margin-right: 5px;
}
.button-report:before {
  content: "\f0f6";
  font-family: FontAwesome;
  margin-right: 5px;
}
.open-window-buttons {
  white-space: nowrap;
}
.form-buttons {
  margin-top: 30px;
}
.multiSelectTagButton {
  margin-top: -3px;
  margin-left: 10px;
  height: 19px;
  line-height: 10px;
}
.multiSelectTagButton:hover {
  color: #787878;
  background: #fff;
}
/****************************************
 * Tabs
 */
.k-tabstrip {
  border: none !important;
}
.k-tabstrip .k-tabstrip-items {
  padding: 0;
  /*background-color: @gray94;*/
}
.k-panelbar .k-tabstrip > div.k-content,
.k-tabstrip > div.k-content {
  margin: 0;
}
.k-loading.k-complete {
  border: 0;
}
.form-control {
  width: 100% !important;
  height: auto;
}
/****************************************
 * Placeholder
 */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
.dropdown-placeholder {
  color: red !important;
}
/****************************************
 * Grids
 */
.grid-container {
  padding: 15px;
}
.grid-container .grid-toolbar {
  margin: 10px 0;
}
.k-tabstrip .grid-container {
  padding: 0;
}
.k-dropdown .k-state-hover .k-input {
  color: #ffffff !important;
}
.k-filter-menu .k-combobox,
.k-filter-menu .k-datepicker,
.k-filter-menu .k-datetimepicker,
.k-filter-menu .k-dropdown,
.k-filter-menu .k-numerictextbox,
.k-filter-menu .k-textbox,
.k-filter-menu .k-timepicker {
  width: 100%;
}
.k-grid-filter.k-state-active {
  background: #810023;
  color: #ffffff;
}
.k-grid-filter.k-state-active > .k-filter {
  background-position: -48px -80px;
}
/****************************************
 * Editor
 */
.k-editor .k-editable-area {
  border: none;
  vertical-align: top;
}
.k-editable-area .k-content {
  border: 1px solid #f0f0f0;
  height: 90%;
}
/****************************************
 * Window
 */
div.k-window-content {
  overflow-x: hidden;
}
/****************************************
 * Upload
 */
.k-upload-files {
  margin-bottom: -1px;
}
/****************************************
 * Dropdwon
 */
.k-dropdown .k-state-focused .k-input {
  color: white;
}
/****************************************
 * angular-block-ui
 */
.block-ui-container {
  z-index: 16777271;
}
/****************************************
 * Kendo images
 */
.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
  background-image: url('/Content/css/kendo/Metro/sprite.png');
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  background-image: url('/Content/css/kendo/Metro/sprite.png');
}
.k-loading,
.k-state-hover .k-loading {
  background-image: url('/Content/css/kendo/Metro/loading.gif');
}
.k-loading-image {
  background-image: url('/Content/css/kendo/Metro/loading-image.gif');
}
.k-tool-icon {
  background-image: url('/Content/css/kendo/Metro/sprite.png');
}
.k-progressbar-indeterminate {
  background: url('/Content/css/kendo/Metro/indeterminate.gif');
}
.k-slider-horizontal .k-tick {
  background-image: url('/Content/css/kendo/Metro/slider-h.gif');
}
.k-slider-vertical .k-tick {
  background-image: url('/Content/css/kendo/Metro/slider-v.gif');
}
.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file {
  background-image: url('/Content/css/kendo/Metro/imagebrowser.png');
}
.k-i-kpi-decrease,
.k-i-kpi-denied,
.k-i-kpi-equal,
.k-i-kpi-hold,
.k-i-kpi-increase,
.k-i-kpi-open {
  background-image: url('/Content/css/kendo/Metro/sprite_kpi.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
  .k-icon:not(.k-loading),
  .k-grouping-dropclue,
  .k-drop-hint,
  .k-callout,
  .k-tool-icon,
  .k-state-hover .k-tool-icon,
  .k-state-active .k-tool-icon,
  .k-state-active.k-state-hover .k-tool-icon,
  .k-state-selected .k-tool-icon,
  .k-state-selected.k-state-hover .k-tool-icon,
  .k-column-menu .k-sprite,
  .k-mobile-list .k-check:checked,
  .k-mobile-list .k-edit-field [type=checkbox]:checked,
  .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url('/Content/css/kendo/Metro/sprite_2x.png');
  }
  .k-i-kpi-decrease,
  .k-i-kpi-denied,
  .k-i-kpi-equal,
  .k-i-kpi-hold,
  .k-i-kpi-increase,
  .k-i-kpi-open {
    background-image: url('/Content/css/kendo/Metro/sprite_kpi_2x.png');
  }
}
.k-map .k-marker {
  background-image: url("/Content/css/kendo/Metro/markers.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
  .k-map .k-marker {
    background-image: url("/Content/css/kendo/Metro/markers_2x.png");
  }
}