/* ausschliesslich den Legacy-Anwendungen vorbehalten (_SiteLayout.cshtml)*/
h1 {
    text-align: center;
}

h2 {
    text-align: center;
    margin: 0px;
    font-weight: normal;
}

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

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

.header {
    text-align: center;
}

    .header a {
        margin: 10px;
        padding: 5px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
    }

    .header .k-icon-text, .header .k-icon {
        margin: 0px !important;
    }

.k-button {
    border-radius: 0px;
}

.loginBackground, .k-login-background {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .loginBackground .k-content, .k-login-background .k-content {
        background-color: transparent;
    }

.lock3_64x64 {
    width: 64px;
    height: 64px;
}

.information_64x64 {
    width: 84px;
    height: 64px;
}

/*
.appIcon {
    float: left;
    width: 128px;
    padding: 16px;
    text-align: center;
    text-decoration: none;
}

.appIconName {
    margin: 10px 0px 10px 0px;
    height: 32px;
    overflow: hidden;
}

.Application-BasicData-Applications {
    width: 64px;
    height: 64px;
    margin: auto;
}

.Application-BasicData-Customers {
    width: 64px;
    height: 64px;
    margin: auto;
}

.Application-BasicData-Users {
    width: 64px;
    height: 64px;
    margin: auto;
}

.Application-BasicData-UserGroups {
    width: 64px;
    height: 64px;
    margin: auto;
}
*/

/* for desktop icons start */
.k-window-actions .k-i-defaultgripanelsettings {
    background-image: url(metro/icons/defaultGridPanel_selected.png);
}

.k-window-actions .k-state-hover .k-i-defaultgripanelsettings {
    background-image: url(metro/icons/defaultGridPanel.png);
}
/*
#logout:link, #logout:visited {
    text-decoration: none;
}
*/
#logout {
    background-image: url(./../themes/base/images/exit.png);
}

#startMenu {
    background-image: url(./../themes/base/images/menu-bkg.png);
}

#startMenu_allApps_div-middle, #my_favorites_div_middle {
    padding: 1px;
}

.imgCloseIcon {
    background-position: top center;
    background-repeat: no-repeat;
}

.imgOpenIcon {
    background-position: top center;
    background-repeat: no-repeat;
}
/* for desktop icons end */

.semaphore_blank {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.semaphore_gray {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.semaphore_yellow {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.semaphore_blue {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.semaphore_green {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.semaphore_red {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.nav_left {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.k-list li {
    line-height: normal !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.hideTrElement {
    display: none;
}

.k-header {
    background-image: none;
}

.itemLabelTile {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#Menu, #ThemesMenu, #LanguagesMenu, #MenuFav, #MenuSettings {
    border: none;
    background-image: none;
}

    #Menu .k-group {
        border: none;
    }

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

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

.panelHeaderBkgHide {
    display:none;
}

.panelHeaderTitle {
}

.panelAction > a {
    text-decoration: none;
}

.panelHeaderBkg > div > a {
    text-decoration: none;
}

.panelContent {
    margin: 4px;
}

.startButtonLink {
    text-decoration: none;
    /*margin-left: 64px;*/
}

.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;
}

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

.backActionEnabled {
    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;
}

.startActionDisabledX32 {
    background-size: 24px 24px;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.startActionEnabledX32 {
    background-size: 24px 24px;
    background-position: center center;
    width: 32px;
    height: 32px;
}

.cancelActionX32 {
    background-size: 24px 24px;
    background-position: center center;
    width: 32px;
    height: 32px;
}
/* panel end*/

/* fleet manager / WSCentral start */

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

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

.fleetIcon {
    border-radius: 6px;
    width: 8px;
    height: 8px;
    margin-top: -18px;
    margin-left: 6px;
}
/* fleet manager end */

/*asset management */
.lock-green-button {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: 2px;
}

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

/*asset management end*/

/* traffic areas start*/
.resetFilter {
    background-image: url("/Content/Comp/NovaDesk/Icons/64/eraser2.png");
}
/* traffic areas start*/

.k-grid-header .k-header .k-i-arrow-s, .k-grid-header .k-link:hover span.k-i-arrow-s {
    background-position: -16px -32px;
}


.k-grid-header .k-header .k-i-arrow-n, .k-grid-header .k-link:hover span.k-i-arrow-n {
    background-position: -16px 0px;
}


        .k-grid-header .k-header .k-i-arrowhead-s {
            background-position: -16px -288px;
        }


    .k-grouping-header .k-group-delete, .k-grouping-header .k-button:hover span.k-group-delete, .k-window-actions .k-i-close {
        background-position: -48px -16px;
    }

    .k-grouping-header .k-si-arrow-n, .k-grouping-header .k-link:hover span.k-si-arrow-n {
        background-position: -16px -129px;
    }

    .k-grouping-header .k-si-arrow-s, .k-grouping-header .k-link:hover span.k-si-arrow-s {
        background-position: -16px -159px;
    }

.k-window-actions .k-i-folder-add {
    background-position: -48px -272px;
}

.k-window-actions .k-i-max {
    background-position: -48px -144px;
}

.k-window-actions .k-i-max-restore {
    background-position: -48px -128px;
}

.k-window-actions .k-i-min {
    background-position: -80px -288px;
}

.k-window-actions .k-state-hover .k-i-folder-add {
    background-position: -32px -272px !important;
}

.k-window-actions .k-state-hover .k-i-close {
    background-position: -32px -16px !important;
}

.k-i-min, .k-window-actions .k-state-hover .k-i-min {
    background-position: -64px -288px;
}

.k-i-max, .k-window-actions .k-state-hover .k-i-max {
    background-position: -32px -144px;
}

.k-window-actions .k-state-hover .k-i-max-restore {
    background-position: -32px -128px;
}

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

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

.button-selected {
    font-weight: bolder;
}

.button-center {
    text-align: center !important;
}

.btn-tab {
    min-width: 200px;
    max-width: 200px;
    border-radius: 5px;
}

.table-full-size {
    border: 0px;
    border-spacing: 0px;
    width: 100%;
    height: 100%;
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

    .table-full-size thead,
    .table-full-size tr,
    .table-full-size td,
    .table-full-size th {
        padding: 0; /* 'cellpadding' equivalent */
    }

.td-asset-column-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 112px;
    max-width: 112px;
}

.btn-asset-images {
    min-width: 150px;
    margin: 2px;
    border-radius: 5px;
    font-weight: bold;
}

.icon-user32x32 {
    width: 32px !important;
    height: 32px !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 6px;
    margin: 0px 6px 0px -6px;
}

.invoice-ok-button {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: 2px;
    background-image: url(../Images/invoice_ok.png);
    margin-left: 10px;
    vertical-align: bottom;
}

.invoice-not-ok-button {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: 2px;
    background-image: url(../Images/invoice_not_ok.png);
    margin-left: 10px;
    vertical-align: bottom;
}

.invoice-undecided-button {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: 2px;
    background-image: url(../Images/invoice_undecided.png);
    margin-left: 10px;
    vertical-align: bottom;
}

.k-grouping-row .k-reset {
    line-height:30px;
}

#new_svg_layer_control li {
    background-color: #F2F2F2; 
}

.map-ddl-control li, .report-ddl-control li {
    background: none;
    background-color: #F2F2F2;
}

textarea.k-textbox {
    padding-left: .571em;
    padding-right: .571em;
}

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

.fullWidth {
    width: 100%;
}

/* 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 */

/* Arrangement --> View Design*/

#Arrangement_listbox li {
    text-align: center;
}

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

.sideBySideR {
    width: 50%;
    float: right;
}

.oneBelowOther {
    width: 100%;
    float: none;
}

/* Arrangement - region end */

/* grid - region start */

.k-grid-header .k-i-sort-asc-sm {
    color: lightgrey;
    /*background-color: #298BC8;*/
}

.k-grid-header .k-i-sort-desc-sm {
    color: lightgrey;
    /*background-color: #298BC8;*/
}

.flatButton {
    border: 1px solid lightgrey;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}

    .flatButton:hover:not(.disabled) {
        border: 1px solid darkgrey;
        background-color: rgba(0,0,0,0.25);
    }

.k-grid-content td,
.k-grid-content .k-table-td {
    text-align: left;
}

.k-grid .k-datepicker {
    width: 120px;
}

/* grid - region end */

.k-checkbox, .k-checkbox:checked, .k-checkbox:hover {
    /*color: #101010;*/
    color: #303030;
}

.k-radio, .k-radio:checked, .k-radio:hover {
    color: #303030;
}
/* only images with information over their size - region start */

.image_add_24x24 {
    background-image: url(../Images/add_24x24.png);
}

    .image_add_24x24:hover {
        background-image: url(../Images/add_24x24_g.png);
    }

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

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

.image_delete_24x24 {
    background-image: url(../Images/delete_24x24.png);
}

    .image_delete_24x24:hover {
        background-image: url(../Images/delete_24x24_g.png);
    }

.image_copy_24x24 {
    background-image: url(../Images/copy_24x24.png);
}

    .image_copy_24x24:hover {
        background-image: url(../Images/copy_24x24_g.png);
    }

.image_cancel_24x24 {
    background-image: url(../Images/cancel_24x24.png);
}

    .image_cancel_24x24:hover {
        background-image: url(../Images/cancel_24x24_g.png);
    }

.image_save_24x24 {
    background-image: url(../Images/save_24x24.png);
}

    .image_save_24x24:hover {
        background-image: url(../Images/save_24x24_g.png);
    }

.information_24x24 {
    background-image: url(../Images/information_24x24.png);
}
    .information_24x24:hover {
        background-image: url(../Images/information_g_24x24.png);
    }

.image_earth_24x24 {
    background-image: url(../Images/earth_24x24.png);
}

    .image_earth_24x24:hover {
        background-image: url(../Images/earth_24x24_g.png);
    }

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

.image_media_play_24x24 {
    background-image: url(../Images/media_play_24x24.png);
}

.image_refresh_24x24 {
    background-image: url(../Images/refresh_24x24.png);
}

    .image_refresh_24x24:hover {
        background-image: url(../Images/refresh_24x24_g.png);
    }

.image_chart_radar_24x24 {
    background-image: url(../Images/chart_radar_24x24.png);
}

    .image_chart_radar_24x24:hover {
        background-image: url('../Images/chart_radar_g_24x24.png');
    }

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

    .image_find_24x24:hover {
        background-image: url(../Images/Icons/24/find_g.png);
    }
/* only images with information over their size - region end */


/* for dialogues - region start*/

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

.dialogButtonSize {
    width: 100px
}

.dialogButtonSizeW140 {
    width: 140px
}

/* for dialogues - region end */

/* 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"
}

.k-layout-footer {
    background-color: rgb(var(--color-bg));
}
/* novaweb common styles - region end*/