/*@import url('Novasib.Red.Default.css');
@import url('Novasib.Common.css');*/

/*base colors:
- #CF2536
- #787878
- #E5E5E5
- #FFFFFF
- rgb(142,188,0)
*/

/* test: define variables, NOT supported by MS browsers yet
  pseudo class :root means vars being valid for all the html document,
  also supported: html, body, ... (any other tag) */
:root {
    --color-text: 0,0,0;
    --color-text-base: 224, 224, 224;
    --color-text-hov: 0,0,0;
    --color-base: 207,37,54;
    --color-sel: 120, 120, 120;
    --color-hov: 180, 180, 180;
    --color-bg: 224, 224, 224;
    --color-bg-alt: 190, 190, 190;
}

html, body, form, div#form {
    color: #000000;
    color: rgb(var(--color-text));
}

label {
    color: #000000;
    color: rgb(var(--color-text));
}

input {
    background-color: white;
}
.k-block, .k-widget, .k-popup, .k-content, .k-dropdown, .k-input, .k-button {
    color: #000000 !important;
    color: rgb(var(--color-text)) !important;
}

.page-buttons {
    background-color: #c0c0c0;
}

.k-theme-btn-background-color {
    background-color: rgb(var(--color-base));
}

.header {
    background-color: #c0c0c0;
}

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

.field-validation-error {
    color: #ff0000;
}

.input-validation-error {
    background-color: #ffa0a0 !important;
}

.validation-summary b {
    color: #ff0000;
}

div.k-window {
    border: 3px solid rgb(var(--color-base));
}

.k-window-titlebar,
.k-window-titlebar.k-header {
    background-color: rgb(var(--color-base));
    color: #FFFFFF;
}

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

.k-window-action:hover {
    background-color: rgb(var(--color-base));
    border-color: rgb(var(--color-base));
}

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

.k-grid-header .k-header {
    font-weight: bold;
    color: #6D6D6D;
}

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

.k-grouping-header {
    font-weight: bold;
}

.k-tabstrip .k-tabstrip-items {
    font-weight: bold;
}

.futureMember {
    color: blue;
}

.currentMember {
    color: green;
}

.oldMember {
    color: silver;
}

.save {
    background-image: url(Red/floppy_disk.png);
}

.back {
    background-image: url(Red/arrow_left.png);
}

.login {
    background-image: url(Red/lock_open.png);
}

.navigate-left {
    background-image: url(Red/navigate_left.png);
}

.navigate-left2 {
    background-image: url(Red/navigate_left2.png);
}

.navigate-right {
    background-image: url(Red/navigate_right.png);
}

.navigate-right2 {
    background-image: url(Red/navigate_right2.png);
}

.arrow-right {
    background-image: url(Red/arrow_right.png);
}

.lock3 {
    background-image: url(Red/lock3.png);
}

.lock3_64x64 {
    background-image: url(Red/lock3_64x64.png);
}

.information_64x64 {
    background-image: url(Red/information_64x64.png);
}

.users {
    background-image: url(Red/users.png);
}

.appIcon {
    color: #000000;
}

    .appIcon:hover {
        background-color: rgb(var(--color-base));
    }

.Application-BasicData-Applications {
    background-image: url(Red/application_64x64.png);
}

.Application-BasicData-Customers {
    background-image: url(Red/bulldozer_64x64.png);
}

.Application-BasicData-Users {
    background-image: url(Red/user_64x64.png);
}

.Application-BasicData-UserGroups {
    background-image: url(Red/users_64x64.png);
}

/* for desktop icons start */
.desktopFolder0 {
    background-image: url(Red/Icons/folder32x32.png);
}

.desktopFolder1 {
    background-image: url(Red/Icons/folder48x48.png);
}

.desktopFolder2 {
    background-image: url(Red/Icons/folder64x64.png);
}

.desktopPicture0 {
    background-image: url(Red/Icons/picture32x32.png);
}

.desktopPicture1 {
    background-image: url(Red/Icons/picture48x48.png);
}

.desktopPicture2 {
    background-image: url(Red/Icons/picture64x64.png);
}

.desktopApp0 {
    background-image: url(Red/Icons/app32x32.png);
}

.desktopApp1 {
    background-image: url(Red/Icons/app48x48.png);
}

.desktopApp2 {
    background-image: url(Red/Icons/app64x64.png);
}

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

.k-context-menu-item {
    color: #000000!important;
}

.k-i-memos {
    background-image: url(Red/icons/memo_selected.png);
}

.k-state-hover .k-i-memos {
    background-image: url(Red/icons/memo.png);
}

/* Kendo 2021.1.119*/
.k-icon.k-i-dbtrace, .k-icon.k-i-help,
.k-icon.k-i-folder-add, .k-icon.k-i-window-minimize, .k-icon.k-i-myminimize,
.k-icon.k-i-window-maximize, .k-icon.k-i-window-restore, .k-icon.k-i-close {
    color: #ffffff;
}

/* Kendo 2021.1.119*/
.k-state-hover .k-icon.k-i-dbtrace,
.k-state-hover .k-icon.k-i-close, .k-state-hover .k-icon.k-i-help,
.k-state-hover .k-icon.k-i-window-minimize, .k-state-hover .k-icon.k-i-myminimize, .k-icon.k-state-hover .k-i-window-maximize,
.k-state-hover .k-icon.k-i-window-restore, .k-state-hover .k-icon.k-i-folder-add {
    color: #787878;
}


.k-state-hover .k-i-min {
    background-position: -80px -288px;
}

.k-state-hover .k-i-max {
    background-position: -48px -144px;
}

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

.desktopFolderHover, .desktopFolderSelected {
    background-color: rgba(195,195,195,0.8);
}

#startMenu_allApps, #themes, #languages, #myFavorites, #mySettings {
    background-image: url(Red/all-programs-arrow-white.gif);
    color: white;
}

#startMenu_allApps:hover, #themes:hover, #languages:hover, #myFavorites:hover, #mySettings:hover, .LastUsedAppItem:hover {
    color: white;
    background-color: rgb(var(--color-base));
}

#defaultForAll, #defaultForCustomer, #myPictures, #restoreDefault, #startMenu_rightBottom {
    color: white !important;
}

#logout:hover {
    color: white;
    background-color: rgb(var(--color-base));
}
/*
#logout:link, #logout:visited {
    color: white !important;
}
*/
#Menu .k-state-active, .k-state-active:hover, #MenuFav .k-state-active {
    background-color: transparent;
}

#myDocuments .k-link:link, #myDocuments .k-link:visited, #myPictures .k-link:link, #myPictures .k-link:visited {
    color: white;
}

#Menu .ui-sortable-state-highlight, #MenuFav .ui-sortable-state-highlight {
    height: 28px;
    border: 1px solid rgba(195,195,195,1);
}

#startButton {
    background-image: url(Red/startButton.png);
}

#startButton:hover {
    background-image: url(Red/startButton-hover.png);
}

#showDesktop {
    background-image: url(Red/toolbar-button-show-desktop.png);
}

#taskbar {
    background-image: url(Red/toolbar-bkg.gif);
}

#clock {
    background-image: url(Red/toolbar-bkg.gif);
}

.k-taskbar-button {
    background-image: url(Red/toolbar-button-sprite.gif);
}

.k-taskbar-button-hover {
    background-image: url(Red/toolbar-button-sprite-hover.gif);
}

.k-taskbar-button-selected {
    background-image: url(Red/toolbar-button-sprite-selected.gif);
}

.k-taskbar-button-middle {
    color: White;
}
/*
#startMenu {
    background-image: url(Red/menu-bkg.png);
}
*/
.imgCloseIcon {
    background-image: url(Red/closeIcon.gif);
}

.imgOpenIcon {
    background-image: url(Red/openIcon.gif);
}
/* for desktop icons end */

.semaphore_blank {
    background-image: url(Red/semaphore/blank.png);
}

.semaphore_gray {
    background-image: url(Red/semaphore/gray.png);
}

.semaphore_yellow {
    background-image: url(Red/semaphore/yellow.png);
}

.semaphore_blue {
    background-image: url(Red/semaphore/blue.png);
}

.semaphore_green {
    background-image: url(Red/semaphore/green.png);
}

.semaphore_red {
    background-image: url(Red/semaphore/red.png);
}

.nav_left {
    background-image: url(Red/nav_left.png);
}

.moduleTitleDetail {
    background-color: #C0C0C0;
}

.moduleTreeview {
    background-color: #C0C0C0;
}

.openNode {
    background-color: #C0C0C0;
}

.k-list li {
    border-bottom: 1px solid #cccccc !important;
    border-top: 1px solid transparent !important;
}

.readonly {
    background-color: #E6E7E4 !important;
}

.comp_dis {
    color: #FF0000 !important;
}

.mod_dis {
    color: #00A800 !important;
}

.vcomp_dis {
    color: #FF00FF !important;
}

.vcomp {
    color: #0000FF !important;
}

#themesMenu .k-state-disabled {
    opacity: 0.3;
}

    #themesMenu .k-state-disabled .k-link {
        color: black;
    }

.messageContent {
    background-color: #999999 !important;
}

.hideTrElement {
    display: none;
}

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

.k-secondary.k-filter-menu {
    background-color: #E0E0E0;
    color: #2e2e2e;
}

#Menu, #Menu .k-group, #ThemesMenu, #LanguagesMenu, #MenuFav, #MenuSettings {
    border: none;
}

.loginFooter {
    color: #101010 !important;
}

/* panel start */

.panelHeaderBkg > div > a > span {
    background-color: rgb(var(--color-base));
}

.open-panel {
    background-color: rgb(var(--color-base));
    background-image: url(Red/openPanel.png);
}

.close-panel {
    background-color: rgb(var(--color-base));
    background-image: url(Red/closePanel.png);
}


.open-panel:hover {
    background-color: rgb(var(--color-base));
    background-image: url(Red/openPanel_g.png);
}

.close-panel:hover {
    background-color: rgb(var(--color-base));
    background-image: url(Red/closePanel_g.png);
}

.panelAction > a > span {
    background-color: rgb(var(--color-base));
}

.searchFilter:hover, .searchGrid:hover {
    background-image: url(Red/search_g.png);
}

.enlargeMap:hover, .enlargeChart:hover {
    background-image: url(Red/fit_to_size_g.png);
}

.showLabelsMap:hover {
    background-image: url(Red/tag_g.png);
}

.printGrid:hover, .printMap:hover, .printChart:hover {
    background-image: url(Red/printer2_g.png);
}

.exportMap:hover, .exportGrid:hover, .exportChart:hover {
    background-image: url(Red/export_g.png);
}

.defaultGrid:hover {
    background-image: url(Red/clock_history_g.png);
}

.showDataGridMap:hover {
    background-image: url(Red/table2_selection_row_g.png);
}

.showChartsMap:hover, .btnGenerateChart:hover, .btnShowChart:hover {
    background-image: url(Red/window_equalizer_g.png);
}

.autoSizeColumns:hover, .autoSizeColumns:focus {
    background-image: url(Red/table2_selection_column_g.png);
}

.gridDefaulSettings:hover, .gridDefaulSettings:focus {
    background-image: url(Red/undo_g.png);
}

.gridAddButton:hover {
    background-image: url(Red/add24x24.png);
}

.clearYourOwnSorting:hover, .clearYourOwnSorting:focus {
    background-image: url(Red/clear_sort_g.png);
}

.clearYourOwnFiltering:hover, .clearYourOwnFiltering:focus {
    background-image: url(Red/clear_filter_g.png);
}

.searchFilter, .searchGrid {
    background-image: url(Red/search.png);
}

.enlargeMap, .enlargeChart {
    background-image: url(Red/fit_to_size.png);
}

.showLabelsMap {
    background-image: url(Red/tag.png);
}

.printGrid, .printMap, .printChart {
    background-image: url(Red/printer2.png);
}

.exportMap, .exportGrid, .exportChart {
    background-image: url(Red/export.png);
}

.cancelExportGrid {
    background-color: #C00000 !important;
    background-image: url(Red/cancel24.png);
}

    .cancelExportGrid:hover {
        background-image: url(Red/cancel_g24.png);
    }

.defaultGrid {
    background-image: url(Red/clock_history.png);
}

.showDataGridMap {
    background-image: url(Red/table2_selection_row.png);
}

.showChartsMap, .btnGenerateChart, .btnShowChart {
    background-image: url(Red/window_equalizer.png);
}

.showChartsMap {
    background-image: url(Red/window_equalizer.png);
}

.autoSizeColumns {
    background-image: url(Red/table2_selection_column.png);
}

.gridDefaulSettings {
    background-image: url(Red/undo.png);
}

.gridAddButton {
    background-image: url(Red/add24x24.png);
}

.clearYourOwnSorting {
    background-image: url(Red/clear_sort.png);
}

.clearYourOwnFiltering {
    background-image: url(Red/clear_filter.png);
}

.filterActive {
    background-color: #C00000 !important;
}

.collapse {
    border: 2px solid #BFBFBF;
    background-color: #F2F2F2;
}

.startActionDisabled {
    background-color: rgb(var(--color-base));
    background-image: url(Red/start_g.png);
}

.startActionDisabled:hover {
    background-color: #8C8C8C;
}

.startActionEnabled {
    background-color: rgb(var(--color-base));
    background-image: url(Red/start.png);
}

.backActionDisabled {
    background-color: rgb(var(--color-base));
    background-image: url(Black/backAction.png);
}

.backActionEnabled {
    background-color: rgb(var(--color-base));
    background-image: url(Black/backAction.png);
}

.cancelAction {
    background-color: #C00000;
    background-image: url(Red/cancel.png);
}

.startActionDisabledX32 {
    background-color: rgb(var(--color-base));
    background-image: url(Red/start_g.png);
}

.startActionEnabledX32 {
    background-color: rgb(var(--color-base));
    background-image: url(Red/start.png);
}

.cancelActionX32 {
    background-color: #C00000;
    background-image: url(Red/cancel.png);
}

.entireTour {
    background-image: url(Red/entire_tour.png);
}

    .entireTour:hover {
        background-image: url(Red/entire_tour_g.png);
    }

.clearCache {
    background-image: url(Red/brush.png);
}

    .clearCache:hover {
        background-image: url(Red/brush_g.png);
    }

.preview {
    background-image: url(Red/magnifying_glass.png);
}

    .preview:hover {
        background-image: url(Red/magnifying_glass_g.png);
    }

.saveIcon {
    background-image: url(Red/save.png);
}

    .saveIcon:hover {
        background-image: url(Red/save_g.png);
    }

.copy {
    background-image: url(Red/copy.png);
}

    .copy:hover {
        background-image: url(Red/copy_g.png);
    }

.toggle-button {
    background-image: url(Red/gridToggle.png);
}

    .toggle-button:hover {
        background-image: url(Red/gridToggle.png);
    }

/* panel end*/

/* fleet manager start*/
.details-button {
    background-color: rgb(var(--color-base));
    background-image: url(Red/edit.png);
}

    .details-button:hover {
        background-image: url(Red/edit_g.png);
    }

.zoom-button {
    background-color: rgb(var(--color-base));
    background-image: url(Red/zoom_in.png);
}

    .zoom-button:hover {
        background-image: url(Red/zoom_in_g.png);
    }

.lock-green-button {
    background-color: rgb(var(--color-base));
    background-image: url(Metro/lock2_green.png);
}

.lock-red-button {
    background-color: rgb(var(--color-base));
    background-image: url(Metro/lock2_red.png);
}

/* fleet manager end */

/* traffic areas start start*/

.iconLockedForEdit {
    background-image: url(Orange/lock2_green.png);
}

.iconLockedByOther {
    background-image: url(Orange/lock2_red.png);
}

/* traffic areas start end*/

.isAssigned {
    color: #00B400 !important;
}

.isAssignedOver {
    color: #015C01 !important;
}

.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-window-actions .k-i-close {
    background-position: -48px -16px;
}

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

.k-window-titlebar .k-window-action {
    filter: alpha(opacity=100);
    opacity: 1;
}

.legend-point {
    color: rgb(var(--color-base));
}

.checked-button {
    background-color: rgb(var(--color-base));
    background-image: url(Red/checked.png);
}

.not-checked-button {
    background-color: #C00000;
    background-image: url(Red/not_checked.png);
}

.button-selected {
    color: #fff;
    border-color: rgb(var(--color-base));
    background-color: rgb(var(--color-base)) !important;
}

.btn-tab {
    background-color: lightgray;
    border-radius: 5px;
}

.btn-asset-images {
    background-color: lightgrey;
}

.grayRow {
    background-color: lightgray !important;
}

.icon-user32x32 {
    background-image: url(Red/user_64x64.png);
}

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

.k-grid tr:hover {
    background-color: rgb(var(--color-base));
}

.stamp-button-base {
    background-color: rgb(var(--color-base));
}

.k-grid-header th.k-header {
    border-color: #fff;
    border-width: 0 0 2px 1px;
}

/* grid - region start */

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

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

/* grid - region end */