/* V1.0.8 */
/* review */

* {
    -moz-box-sizing: content-boxtent-box;
    -webkit-box-sizing: content-boxtent-box;
    -o-box-sizing: content-boxtent-box;
    box-sizing: content-boxtent-box;
}

html, body, form, div#form {
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
    font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow: hidden;
}

.k-splitter,
.k-treeview {
    font-family: "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* die Rule "html, body, form, div#form" verbiegt für Grid-Filtermenüs benötigte Styles*/
div.k-animation-container form {
    height: initial;
    overflow: initial;
}

a img {
    border: none;
}

.scroller {
    overflow: auto;
}

.autowidth {
    min-width: 0px !important;
    max-width: 100% !important;
    width: auto !important;
}

.clear {
    clear: both;
}

.readonly {
    filter: alpha(opacity=70);
    opacity: .7;
}

/* Styles des "confirmPrompt"-Dialogs -> TODO: den Dialog als Kendo-Dialog generieren */
.k-header.k-window-titlebar {
background-color: rgb(var(--color-base));
color: rgb(var(--color-bg));
}

.k-window-actions {
    background-color: rgb(var(--color-base));
    color: rgb(var(--color-bg));
}

.k-grid-header-wrap .k-header .k-state-active {
    background-color: rgb(var(--color-base));
}

.page-buttons {
    text-align: center;
}

    .page-buttons a {
        margin: 10px 4px 10px 4px;
        padding: 5px 10px;
    }

/* review end */

/* Überladungen des "user agent stylesheet" */

:focus-visible {
    outline: unset;
}

/* Überladungen des "user agent stylesheet" end */

.div-overlay {
    z-index: 120000;
    opacity: 0.2;
    background-color: black;
}

.hiddenClass, .hiddenClass > label {
    display: none !important;
}

.floatRight {
    float: right;
}

.middleAllign {
    vertical-align: middle;
}

.border-right {
    border-right-width: 1px !important;
}

.unselectableClass {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.disabledClass {
    position: relative;
    display: inline-block;
    color: grey !important;
    border-color: rgba(200, 200, 200, 0.50) !important;
    background-color: rgba(200, 200, 200, 0.50) !important;
    pointer-events: none;
}

    .disabledClass:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: ' ';
        border-color: rgba(200, 200, 200, 0.50);
        background-color: rgba(200, 200, 200, 0.50);
        color: white;
        text-align: center;
    }

/* panel start*/

.panelHeaderBkg {
    height: 34px;
}

.panelAction {
    height: 26px;
    vertical-align: top;
    display: inline-block;
}

.panelButtonRow {
    display: inline-flex;
}

    .panelButtonRow button {
        margin-right: 2px;
    }

.panelContent .editor-fields-container {
    float: left;
}

.panelContent > div > table {
    width: 100%;
}

.panelTitle .panelHeaderTitle {
    float: left;
    background-color: transparent !important;
    margin-top: 5px;
    margin-left: 5px;
    font-size: 120%;
    font-weight: bold;
}

.panelHeaderTitle {
    margin-left: 5px;
    font-size: 120%;
    font-weight: bold;
}

.panelActionLeft {
    height: 26px;
    vertical-align: top;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
}

.contentOfPanelTableHeader {
    width: 100%;
    background-color: white;
    height: 34px;
}

.k-nw-status-panel {
    /*position: absolute;*/
    width: 100%;
    /*bottom: 16px;*/
}

.k-nw-status-panel-content {
    /*position: absolute;
    width: 100%;
    bottom: 16px;*/
}

.k-nw-button-row {
    text-align: center;
}

    .k-nw-button-row .k-button {
        transition: color .2s ease-in-out;
    }

    .k-nw-button-row .k-button:hover {
    }

.k-nw-button-24 {
    border: 2px solid;
    border-color: rgb(var(--color-bg));
    background-color: rgb(var(--color-base));
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px;
    margin: 0px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    color: rgb(var(--color-text-hov));
}

    .k-nw-button-24:hover:not(.disabled) {
        background-color: rgb(var(--color-hov));
        color: rgb(var(--color-text-hov));
    }

.button-header {
    width: 175px;
    height: 35px;
    font-size: 16px;
}

.button-header-250 {
    width: 250px;
    height: 35px;
    font-size: 16px;
}

.button-header-small {
    width: auto;
    height: 28px;
    font-size: 16px;
    padding: 4px 10px;
}

.expander,
.icon-button {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: 2px;
}

.icon-button-large {
    width: 64px;
    height: 64px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: 2px;
}

    .icon-button:hover,
    .icon-button-large:hover,
    button.icon-button:hover {
        /*background-color: rgb(var(--color-hov));*/
        border-color: rgb(var(--color-hov));
    }


.info-button {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
    margin: 2px;
    background-image: url(../Images/info_icon.png);
}

    .info-button:hover {
        background-image: url("../Images/info_icon_g.png");
    }

.k-nw-symbol-tiny {
    display:inline-block;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
}

.k-nw-symbol-tiny-a {
    display: inline-block;
    width: 12px;
    height: auto;
    min-width: 12px;
    min-height: 12px;
}
/*
.k-nw-symbol-small {
    display: inline-block;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.k-nw-symbol-mid {
    display: inline-block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}
*/

/* tabellenbasiertes Layout (Sperrinfosys) */

.tableCellpadding10 td, .tableCellpadding10 th {
    padding: 10px;
}

.tableCellpadding7 td, .tableCellpadding7 th {
    padding: 7px;
}

.tableCellpadding5 td, .tableCellpadding5 th {
    padding: 5px;
}

.tableCompact td, .tableCompact th {
    padding: 0px;
}

.tableCompact {
    border-spacing: 0px;
    border-collapse: separate;
}

/* Grids */

/* START grid header buttons - div based layout */

.k-nw-grid-panel{
    margin-left:2px;
    margin-right:2px;
}

.k-nw-grid-panel-left {
    display: inline-flex;
}

/* Darstellung von Textinformationen im linken Panelbereich*/
span.k-nw-panel-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

span.k-nw-panel-text p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.k-nw-grid-panel-right {
}

.k-nw-grid-header-button-24 {
    border: 2px solid;
    border-color: rgb(var(--color-bg));
    background-color: rgb(var(--color-base));
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: color 0.2s ease-in-out;
    padding: 0px;
    margin: 2px;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

    .k-nw-grid-header-button-24:hover {
        border-color: rgb(var(--color-bg));
        background-color: rgb(var(--color-hov));
    }

    .k-nw-grid-header-button-24.filterActive {
        border-color: rgb(var(--color-bg));
    }

.k-nw-grid-panel-right .k-nw-grid-header-button-24 {
    border-color: rgb(var(--color-base));
}

    .k-nw-grid-panel-right .k-nw-grid-header-button-24:hover {
        border-color: rgb(var(--color-hov));
        background-color: rgb(var(--color-hov));
    }

    .k-nw-grid-panel-right .k-nw-grid-header-button-24.filterActive {
        border-color: #C00000;
    }

/* Aktions-Buttons im Datenbereich eines Grids -> REVIEW */

.k-nw-grid-button-24 {
    border: 2px solid;
    border-color: rgb(var(--color-bg));
    background-color: rgb(var(--color-bg));
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: color 0.2s ease-in-out;
    padding: 0px;
    margin: 0px;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

    .k-nw-grid-button-24:hover:not(.disabled) {
        background-color: rgb(var(--color-hov));
    }

/* image buttons -> old layout */

.clearYourOwnSorting, .clearYourOwnSorting:hover, .clearYourOwnSorting:focus {
    background-image: url(../Images/Icons/24/clear_sort.png) !important;
}

.clearYourOwnFiltering, .clearYourOwnFiltering:hover, .clearYourOwnFiltering:focus {
    background-image: url(../Images/Icons/24/clear_filter.png) !important;
}

.gridDefaulSettings, .gridDefaulSettings:hover, .gridDefaulSettings:focus {
    background-image: url(../Images/Icons/24/undo.png) !important;
}

.gridSaveSettings, .gridSaveSettings:hover, .gridSaveSettings:focus {
    background-image: url(../Images/Icons/24/floppy_disk.png) !important;
}

.autoSizeColumns, .autoSizeColumns:hover, .autoSizeColumns:focus {
    background-image: url(../Images/Icons/24/table2_selection_column.png) !important;
}

.gridAddButton, .gridAddButton:hover, .gridAddButton:focus {
    background-image: url(../Images/Icons/24/add.png) !important;
}

.printGrid, .printGrid:hover, .printGrid:focus,
.printMap, .printMap:hover, .printMap:focus,
.printChart, .printChart:hover, .printChart:focus {
    background-image: url(../Images/Icons/24/printer2.png) !important;
}

.exportMap, .exportMap:hover, .exportMap:focus,
.exportGrid, .exportGrid:hover, .exportGrid:focus,
.exportChart, .exportChart:hover, .exportChart:focus {
    background-image: url(../Images/Icons/24/export.png) !important;
}

.grid-header-restore-button {
    background-image: url(../Images/clock_history_dark_16x16.png) !important;
}

.data-grid-history-button {
    background-image: url(../Images/clock_document_24x24.png) !important;
    border: 1px solid #BFBFBF;
}

.data-grid-link-button {
    background-image: url(../Images/link_24x24.png) !important;
    background-color: #8C8C8C;
    border: 1px solid #BFBFBF;
}

.exportbutton {
    float: right;
}

.action-chooser {
    margin: 10px;
}

/* grid filter menu */
.filterHigherScroller {
    top: -114px !important;
    overflow-y: auto !important;
    height: 150px !important;
    overflow-x: hidden !important;
    width: 228px !important;
}

.filterHigher {
    top: -114px !important;
}

.filterLower {
    top: -76px !important;
}

.sum-line {
    font-weight: bold;
    color: #ffffff;
    background-color: #8C8C8C;
    border-color: #dbdbdb !important;
}

/* grid edit mode - review */
.editor-row {
    padding-bottom: 15px !important;
    height: 28px; /*border-bottom: 1px solid #ddf; */
}

.editor-row-layout {
    border: none;
    padding: 0px;
    margin: 0px;
    height: 0px;
    overflow: hidden;
}

.editor-field-under textarea {
    height: 50px;
}

.editor-fields-container {
    border: none;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
    table-layout: fixed;
    margin: auto;
}

.editor-label {
    padding: 3px 20px 3px 10px/* !important*/;
    width: auto/* !important*/;
    /*min-width: 80px !important;*/
    display: inline/* !important*/;
    vertical-align: middle;
    text-align: left/* !important*/;
    /*padding-left: 10px !important;*/
}

td.editor-label, td.editor-field {
    display: table-cell !important;
}

.editor-label-inner {
    padding: 3px 20px 3px 0px !important;
    line-height: 20px;
}

.editor-filler {
    width: 50px;
}

.editor-field {
    padding: 3px !important;
    overflow: hidden;
    display: inline !important;
    width: auto !important;
    white-space: nowrap;
}

.editor-field-inner {
    padding: 3px !important;
}

.editor-field-under, .editor-field-spaned {
    padding: 3px !important;
}

/* Styles des FieldGridBuilders */
.k-nw-field-grid {
}

.k-nw-field-grid-row {
    margin-left: 5px;
}

.k-nw-field-grid-value {
}

.k-nw-field-grid-label {
    margin-right: 20px;
}

.k-nw-field-table {
    text-align: center;
}

.k-nw-field-table-row {
}

.k-nw-field-table-value {
    padding: 0 1em;
}

.k-nw-field-table-label {
    padding: 0 1em;
}


/* Validation */

.field-validation-error {
    vertical-align: top;
    padding-left: 4px;
    font-weight: bold;
}

.validationErrorInRequiredField {
    border: 1px solid red !important;
}

/* from Novasib.Common.css - start */

/* for dialogues - region start*/

.dialogButtonRow {
    margin-top: 8px;
    text-align: center;
}

.dialogButtonSize {
    width: 100px
}

.dialogButtonSizeW140 {
    width: 140px
}

/* for dialogues - region end */

/* panel start */
.panelBkg {
    /* border: 2px solid #BFBFBF; */
    background-color: #F2F2F2;
    margin: 2px;
}

.panelHeaderBkg {
    background-color: #FFFFFF;
    margin: 4px;
}


.startActionDisabled {
    background-size: 48px 48px;
    background-position: center center;
    width: 64px;
    height: 64px;
}

.startActionEnabled {
    background-size: 48px 48px;
    background-position: center center;
    width: 64px;
    height: 64px;
}

.cancelAction {
    background-size: 48px 48px;
    background-position: center center;
    width: 64px;
    height: 64px;
}

/* novaweb common styles - region start*/

.k-nw-multiselect-grid .k-multiselect-wrap,
.k-nw-multiselect-grid-dyn .k-multiselect-wrap {
    border-radius: 4px;
}

.k-nw-multiselect-grid .k-button,
.k-nw-multiselect-grid-dyn .k-button {
    margin: 0;
    border: 0;
    height: 25px;
}

.k-nw-multiselect-grid .k-multiselect-wrap .k-select,
.k-nw-multiselect-grid-dyn .k-multiselect-wrap .k-select {
    line-height: 2em;
    height: 100%;
}

.k-nw-multiselect-grid .k-multiselect-wrap .k-input,
.k-nw-multiselect-grid-dyn .k-multiselect-wrap .k-input {
    max-height: 0;
    min-height: 0;
    padding: 0;
}


.k-nw-dropdownlist-grid-dyn .k-multiselect-wrap {
    border-radius: 4px;
}

.k-nw-dropdownlist-grid-dyn .k-button {
    margin: 0;
    border: 0;
    height: 25px;
}

.k-i-inline-delete:before {
    content: "\e11b"
}

/* Slider */

.k-tick .k-tick-large {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-draghandle {
    border-radius: 6px;
}

.k-slider-horizontal .k-slider-selection {
    top: 55%;
    left: 0;
    height: 4px;
}

.k-slider-horizontal .k-slider-track {
    top: 65%;
    left: 0;
    height: 1px;
}

.k-slider-horizontal .k-draghandle {
    top: -7px;
    width: 10px;
    height: 10px;
}

/* Slider - region end */

/* image buttons */

.k-icon {
    width: 16px;
    height: 16px;
}

.k-icon-24 {
    width: 24px;
    height: 24px;
}

.image_add_24x24 {
    background-image: url(../Images/Icons/24/add.png);
}

.image_edit_24x24 {
    background-image: url(../Images/Icons/24/edit.png);
}

.image_delete_24x24 {
    background-image: url(../Images/Icons/24/delete.png);
}

.image_copy_24x24 {
    background-image: url(../Images/Icons/24/copy.png);
}

.image_cancel_24x24 {
    background-image: url(../Images/Icons/24/error.png);
}

.image_save_24x24 {
    background-image: url(../Images/Icons/24/floppy_disk.png);
}

.information_24x24 {
    background-image: url(../Images/Icons/24/information.png);
}

.image_earth_24x24 {
    background-image: url(../Images/Icons/24/earth.png);
}

.image_eraser2_24x24 {
    background-image: url(../Images/Icons/24/eraser2.png);
}

.image_media_play_24x24 {
    background-image: url(../Images/Icons/24/media_play.png);
}

.image_refresh_24x24 {
    background-image: url(../Images/Icons/24/refresh.png);
}

.image_chart_radar_24x24 {
    background-image: url(../Images/Icons/24/chart_radar.png);
}

.image_find_24x24 {
    background-image: url(../Images/Icons/24/find.png);
}

/* image buttons - region end */

@keyframes animation-pending {
    0%, 100% {
        border-color: rgb(var(--color-sel));
        background-color: rgb(var(--color-sel));
    }

    50% {
        border-color: rgb(var(--color-bg-alt));
        background-color: rgb(var(--color-bg-alt));
    }
}

/* style for icon-buttons */
.k-nw-state-pending, .k-nw-state-pending:hover {
    animation: animation-pending 3s infinite;
    pointer-events: none;
}

a .k-nw-state-pending {
    pointer-events: none;
}

/* novaweb common styles - region end*/