/**** Niedersachsen Design ****/
.navbar {
  border-bottom: 0.1em solid #e50046;
}

.footer {
  border-top: 0.1em solid #e50046;
}

.blink {
  animation: blink-animation 20s steps(50, start) infinite;
  -webkit-animation: blink-animation 20s steps(50, start) infinite;
}

@keyframes blink-animation {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  70% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes blink-animation {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  70% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.klar {
  float: right;
}

  .klar img {
    height: 35px;
    width: auto;
    float: right;
    position: relative;
    top: 4px;
  }

.ndslogo {
  height: 35px;
  width: auto;
  float: right;
  position: relative;
  top: 4px;
}

/**** Telerik anpassungen ****/
/* Bootstrap v4 Bug Grid*/
.k-grid-header .k-header:first-child {
  border-left-width: 1px;
}

.form-control.k-widget {
  padding: 0;
  width: 100%;
  height: auto;
}

  .form-control.k-widget:not(.k-autocomplete) {
    border-width: 0;
  }

.k-alt.bg-danger {
  background-color: #f2dede;
}

.k-widget > span.k-invalid, input.k-invalid {
  background-color: #f2dede !important;
}

.k-textbox > span.k-invalid, input.k-invalid {
  background-color: #f2dede;
}

.dropdown-validation-error {
  background-color: #f2dede !important;
}

.checkbox label {
  padding-left: 0;
}

.k-filter-row label > input[type=radio] {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/* Validation Messagebox */
.k-tooltip-validation {
  border-color: #fff;
  color: #e50046 !important;
  background-color: #fff !important;
}

.k-animation-container {
  border-color: #dddde5;
  border-radius: 0.25em 0.25em;
  border-style: solid;
  border-width: 1px;
}

  .k-animation-container .row {
    box-sizing: content-box;
  }

.k-tooltip {
  flex-direction: row;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgb(52, 58, 64);
  margin-top: 0;
  box-sizing: content-box;
}

/* reset everything to the default box model */

*, :before, :after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.dropdown-item,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/**** Sonstiges ****/
html {
  position: relative;
  min-height: 100%;
}

body {
  padding-top: 50px;
  padding-bottom: 20px;
}


/* Asterix für Labels - manuell die css-Klasse setzen oder per JS - nicht für Telerik-Checkbox-Labels */
:not(.k-checkbox-label).requiredLabel:after {
  content: " *";
  font-weight: bold;
  color: red;
}

/* Blendet die ValidationSummary aus solange es keine Fehler gibt*/
.validation-summary-valid.alert-danger {
  display: none;
}

.detail-btn-footer {
  margin-top: 15px;
  margin-bottom: 15px;
}

.tab-pane {
  padding-top: 1em;
  padding-bottom: 1em;
}

.ndsTabContent .tab-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 1px solid rgb(221,221,221);
  border-left: 1px solid rgb(221,221,221);
  border-right: 1px solid rgb(221,221,221);
}

.ndsTabContent .row {
  margin-left: 0;
  margin-right: 0;
}

.ndsTabContent .nav {
  background-color: rgb(231,231,231);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.highlightSpan {
  padding: 2px;
  margin: 2px;
}

.highlightRow {
  margin: 4px;
}

.notiztextColumn {
  width: 550px;
}

table input[type="radio"][disabled],
table input[type="checkbox"][disabled],
table input[type="radio"].disabled,
table input[type="checkbox"].disabled,
table fieldset[disabled] input[type="radio"],
table fieldset[disabled] input[type="checkbox"] {
  cursor: default;
}

.bg-itn {
  background: url('/itn-background.jpg');
  background-size: cover;
}