html {
    font-family: arial;
    overflow-y: scroll;
}

table tr {
    vertical-align: top;
}

table th {
    text-align: left;
}

.InlineBlock {
    display: inline-block;
    vertical-align: top;
    width: 440px;
}

dl {
    margin: 0;
}

dt, dd {
    line-height: 1.428571429
}


dd {
    margin-left: 0
}

.dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    width: 200px;
    margin-right: 6px;
    color: #c2c2c2;
}

.dl-horizontal dd {
    margin-left: 208px;
    vertical-align: middle;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

#suchEingabe > div {
    margin-bottom: 5px;
}

.zsr-h3 {
    display: block;
    margin: 1em 0;
    font-weight: bold;
    color: #333;
}

.zsr-h1 {
    display: block;
    font-size: 2em;
    margin: 16px 0;
    font-weight: bold;
    color: #333;
}

.zsr-h1.Inactive {
    color: #f35800;
}

.Inactive {
    color: #c2c2c2;
}

table.zsr-layout {
    width: 1254px;
    table-layout: fixed;
    border-collapse: collapse;
    border: none;
}

table.zsr-layout > tbody > tr > td {
    vertical-align: top;
    padding: 3px;
    border: none;
}

table.zsr-layout tr:not(:first-child) td {
    padding: 3px;
}

table.zsr-layout tr td:nth-child(1) {
    width: 250px;
    color: #000;
}

table.zsr-layout tr td:nth-child(2) {
    text-align: right;
    width: 160px !important;
}

table.zsr-layout tr td:nth-child(3) {
    width: 300px !important;
}

table.zsr-layout tr td:nth-child(4),
table.zsr-layout tr td:nth-child(5),
table.comments tr td:nth-child(2),
table.comments tr td:nth-child(3) {
    width: 100px;
}

table.comments {
    width: 100%;
}

table.zsr-layout tr td.property-label-0 {
    color: #c2c2c2;
    width: 220px;
}

table.zsr-layout.zsr-liquid-value tr td:nth-child(3) {
    width: auto !important;
}

table tr.zsr-layout-header,
table.zsr-layout tr td:first-child {
    font-weight: bold;
}

table tr.zsr-layout-header td {
    padding-bottom: 12px !important;
}

table.zsr-layout tr.delimiter-a td,
table.zsr-layout tr.delimiter-b td {
    padding: 6px 0;
}

table.zsr-layout tr.delimiter-a td:not(:first-child)::after {
    content: "";
    display: block;
    height: 1px;
    border-top: 1px dotted #c2c2c2;
}

table.zsr-layout.zsr-properties tr.delimiter-a td:nth-child(2)::after {
    margin-right: 24px;
}

table.zsr-layout.zsr-properties tr.delimiter-a td:last-child::after {
    margin-right: 70px;
}

table.zsr-layout tr.delimiter-b td::after {
    content: "";
    display: block;
    height: 1px;
    border-top: 1px solid #c2c2c2;
}

table.zsr-layout tr.item-delimiter td {
    padding-top: 10px;
}

.zsr-title {
    display: block;
    font-weight: bold;
    margin: 12px 0 6px 0;
}

#suchEingabe label:first-child, #suchEingabe .label {
    width: 180px;
    display: inline-block;
}

#LabelUidNummer {
    text-align: right;
    width: 73px;
    display: inline-block;
}

#GlnNummer, #UidNummer {
    width: 210px;
}

#commentsContainer .k-dropdown,
#commentsContainer .k-textbox,
#searchDateContainer .k-dropdown,
#changedNumbersSearch .k-dropdown,
#searchArea .k-dropdown,
#changedNumberSpacer {
    width: 248px;
    display: inline-block;
}

#changedNumbersSearch > span.k-widget.k-datepicker,
#searchDateContainer > span.k-widget.k-datepicker,
#changedNumbersSearch span.k-widget.k-datepicker {
    width: 148px;
}

#changedNumbersSearch label,
#searchDateContainer label {
    width: 93px;
    display: inline-block;
    text-align: right;
}

#changedNumbersSearch label:first-child,
#searchDateContainer label:first-child {
    text-align: left;
}


#Name, #Vorname, #Zusatzname, #Nachname, #Strasse, #PaOg, #PaUg, #Eigenschaft, #EigenschaftWert, #ZsrNummer, #SearchStatus, #NumberChangeType, #SuchBereich, .wide {
    width: 500px !important;
}

#Plz {
    width: 80px;
}

#Ort {
    width: 412px;
    margin-left: 5px;
}

#EinfachePaOg {
    width: 200px;
}

.shortDropdown {
    width: 250px;
}

.NoValid {
    color: red !important;
    font-style: italic !important;
}

.NoValid a {
    color: red !important;
    font-style: italic !important;
}

.quickSearchIcons {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.vertical-aligned-middle {
    vertical-align: middle;
}

.right {
    float: right;
}

#queryContainer {
    display: table;
    width: 100%;
    padding-top: 0;
}

#queryContainer > div {
    vertical-align: middle;
}

#textInputContainer {
    display: table-cell;
    padding-right: 10px;
}

#searchButtonContainer {
    display: table-cell;
    height: 40px;
}

#activeFlagContainer {
    clear: both;
    margin-right: 35px;
}

.button-de,
.button-it {
    width: 70px;
}

.button-fr {
    width: 90px;
}

#resetButtonContainer {
    display: table-cell;
    width: 25px;
    padding-left: 10px;
}

#searchTooltipIcon {
    padding-left: 7px;
}

#Query {
    display: block;
    width: 100% !important;
    height: 40px;
    padding-left: 5px;
}

#btnSucheEinfach {
    height: 40px;
    width: 100%;
}

#openPickerErweiterteSuche {
    float: left;
    text-decoration: underline;
    margin-top: 6px;
}

#frmSucheEinfach > div.right > label {
    vertical-align: middle;
}

#frmSucheEinfach:after {
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 16px;
    clear: both;
}

.quickSearch > * {
    padding-top: 8px;
    padding-bottom: 8px;
}

.k-switch {
    font-size: 5px !important;
}

#zsrSucheNoResult {
    display: none;
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    display: none;
}

.spinner > div {
    background-color: #84bf41;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect1 {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

.detailData {
    border: solid #c5c5c5;
    border-width: 1px;
}

.baseData {
    margin: 20px 14px;
}

.baseData:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 50%;
}

.green {
    color: green;
}

.red {
    color: red;
}

.yellow {
    color: #ffcc00;
}

div.tooltip {
    display: inline-block;
}

div.tooltip > div {
    display: none;
}

.tooltipInfoContent {
    text-align: left;
    padding: 5px;
}

.tooltipInfoContent ul li {
    margin: 10px 0;
    line-height: normal;
}

.tooltipInfoContent span.title {
    text-decoration: underline;
    display: block;
    padding: 2px 0;    
}

.k-tooltip {
    width: 550px;
}

.baseDataTitle {
    display: inline-block;
}

.validityDateControl {
    float: right;
    display: inline-block;
}

.validityDateControl > div:nth-child(1) {
    margin: 3px 0;
}

.validityDateTooltip ul li {
    margin: 3px 0;
}

div.k-tabstrip {
    border-width: 0;
}

div.k-tabstrip .k-tabstrip-items {
    padding: 0;
}

div.k-tabstrip .k-content {
    margin: 0;
    border: 0;
}

div.k-tabstrip > .k-tabstrip-items .k-state-default,
div.k-tabstrip > .k-tabstrip-items .k-state-disabled,
div.k-tabstrip > .k-tabstrip-items .k-widget {
    border-color: #fff !important;
}

div.k-tabstrip.k-tabstrip-top > .k-tabstrip-items .k-item:not(.k-state-active) {
    border-top: 1px solid #eae8e8 !important;
}

div.k-tabstrip.k-tabstrip-top > .k-tabstrip-items .k-state-active {
    border-top: 2px solid #84bf41 !important;
}

.k-dropzone em, .k-slider .k-draghandle, .k-state-disabled,
.k-state-disabled .k-link, .k-tile-empty strong {
    color: #888 !important;
}

div.k-tabstrip {
    background-color: transparent;
}

div.k-tabstrip div.k-content {
    border-top: 1px solid #c5c5c5;
    margin-top: -1px;
}

.k-tabstrip:focus {
    box-shadow: none !important;
}

.k-grid tr:hover {
    background-color: #84bf41 !important;
    color: #fff
}

.k-grid > table.k-selectable tr td {
    cursor: pointer;
}

.k-grid.no-selectable > table.k-selectable tr td {
    cursor: default;
}

.k-button:active,
.k-button.k-state-active,
.k-button.k-state-active.k-state-focused,
.k-button.k-state-active.k-state-focused:hover {
    background-color: #84bf41 !important;
    border-color: #84bf41 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc !important;
    font-style: italic;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #ccc !important;
    font-style: italic;
}

::-ms-input-placeholder { /* IE Edge */
    color: #ccc !important;
    font-style: italic;
}

::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
}

::placeholder {
    font-style: italic;
}

/* custom checkbox styles */
.zsr-checkbox-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.zsr-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.zsr-checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 4px;
}

.zsr-checkbox-container:hover input ~ .zsr-checkbox-checkmark {
    background-color: #ccc;
}

.zsr-checkbox-container input:checked ~ .zsr-checkbox-checkmark {
    background-color: #84bf41;
}

.zsr-checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.zsr-checkbox-container input:checked ~ .zsr-checkbox-checkmark:after {
    display: block;
}

.zsr-checkbox-container .zsr-checkbox-checkmark:after {
    left: 7px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#activeFlagLabel {
    display: inline-block;
    padding-top: 5px;
}

.fa-file-export-container {
    font-size: 13px;
    padding: 5px;
}

.fa-file-export-button {
    padding: .3em 0.5em .2em;
    border: #c5c5c5 1px solid;
    color: #313131;
}

.fa-file-export-button  a {
    color: #313131;
}

.fa-file-export-dropdown-button {
    color: #313131;
    margin-left: -5px;
}

.fa-file-export-dropdown {
    display: inline-block;
}

.fa-file-export-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
    border: #c5c5c5 1px solid;
    margin-top: -1px;
}

.fa-file-export-dropdown:hover .fa-file-export-dropdown-content {
    display: block;
}

.fa-file-export-dropdown-content a {
    color: #313131;
    padding: .5em 0.5em .4em;
    display: block;
}

.fa-file-export-dropdown-content a:hover {
    border: 2px solid #c5c5c5;
    padding: calc(.5em - 2px) calc(0.5em - 2px) calc(.4em - 2px);
}

#exportcolumns, .export-group {
    display: inline-block;
}

.export-group.group-Basis {
    display: none !important;
}

/* show certifiers in three columns */
.export-group.group-ASCA,
.export-group.group-APTN,
.export-group.group-SPAK,
.export-group.group-EMR,
.export-group.group-EMfit,
.export-group.group-FGuide,
.export-group.group-FGuideK,
.export-group.group-QualiCert,
.export-group.group-QualiTop {
    float: left;
    width: 275px;
}

.export-field {
    float: left;
    width: 275px;
}

.export-field.field-hidden label {
    display: none !important;
}

.report-delimiter {
    clear: both;
    margin-bottom: 1rem;
}