@import url('Novasib.Orange.Default.css');
@import url('Novasib.Common.css');

/*base colors:
- #EF6F1C
- #E24B17
- #5A4B43
- #EDEDED
- rgb(239,111,28)
*/

/* 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 {
    --colortext: #333333;
}

html, body, form, div#form {
    color: #333333;
    color: var(--colortext);
}

label {
    color: #333333;
    color: var(--colortext);
}

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown, .k-input, .k-button {
    color: #333333 !important;
    color: var(--colortext) !important;
}

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

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

.k-window-titlebar {
    background-color: #EF6F1C;
    color: #EDEDED;
}

.k-window-actions {
    background-color: #EF6F1C;
    color: #EDEDED;
}

.k-grid-header-wrap .k-header .k-state-active {
    background-color: #EF6F1C;
}

.futureMember {
    color: blue;
}

.currentMember {
    color: green;
}

.oldMember {
    color: silver;
}

.loginBackground {
    background-image: url(../Images/background_orange.jpg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.appIcon {
    color: #000000;
}

    .appIcon:hover {
        background-color: #EF6F1C;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.desktopApp2 {
    background-image: url(Orange/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(Orange/icons/memo_selected.png);
}

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

/* Kendo 1021.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 1021.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;
}

.desktopFolderHover, .desktopFolderSelected {
    background-color: rgba(239,111,28,0.8);
}

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

#startMenu_allApps:hover, #themes:hover, #languages:hover, #myFavorites:hover, #mySettings:hover, .LastUsedAppItem:hover {
    color: white;
    background-color: #EF6F1C;
}

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

#logout:hover {
    color: white;
    background-color: #EF6F1C;
}
/*
#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(239,111,28,1);
}

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

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

#showDesktop {
    /* background-image: url(Orange/toolbar-bkg-show-desktop.gif); */
    background-image: url(Orange/toolbar-button-show-desktop.png);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.moduleTitleDetail {
    background-color: #C0C0C0;
}

.moduleTreeview {
    background-color: #F0F0F0;
}

.openNode {
    background-color: white;
}

.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: #EDEDED !important;
}

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

.k-loading, .k-state-hover .k-loading {
    background-image: url('Orange/loading.gif');
}

.k-loading-image {
    background-image: url('Orange/loading-image.gif');
}

#Menu, #ThemesMenu, #LanguagesMenu, #MenuFav, #MenuSettings {
    color: #FFFFFF !important;
    background-color: #2e2f30;
}

    #Menu .k-group {
        background-color: #2e2f30;
    }

    #Menu .k-popup {
        color: #FFFFFF !important;
    }

    #Menu .k-state-active, #Menu .k-state-active:hover {
        color: #FFFFFF;
    }

    #Menu .k-link,
    #Menu .k-link:link,
    #Menu .k-link:visited,
    #Menu .k-nav-current.k-state-hover .k-link {
        color: #FFFFFF;
    }

    #ThemesMenu .k-link:link, #ThemesMenu .k-link:visited, #ThemesMenu .k-nav-current.k-state-hover .k-link {
        color: #FFFFFF;
    }

    #LanguagesMenu .k-link:link, #LanguagesMenu .k-link:visited, #LanguagesMenu .k-nav-current.k-state-hover .k-link {
        color: #FFFFFF;
    }

    #MenuFav .k-link:link, #MenuFav .k-link:visited, #MenuFav .k-nav-current.k-state-hover .k-link {
        color: #FFFFFF;
    }

    #MenuSettings .k-link:link, #MenuSettings .k-link:visited, #MenuSettings .k-nav-current.k-state-hover .k-link {
        color: #FFFFFF;
    }

.k-menu .k-state-hover > .k-link {
    color: #fff;
    background-color: #EF6F1C;
    background-image: none;
}


/* panel start */

.panelHeaderBkg > div > a > span {
    background-color: #EF6F1C;
}

.open-panel {
    background-color: #EF6F1C;
    background-image: url(Orange/openPanel.png);
}

.close-panel {
    background-color: #EF6F1C;
    background-image: url(Orange/closePanel.png);
}


.open-panel:hover {
    background-color: #EF6F1C;
    background-image: url(Orange/openPanel_g.png);
}

.close-panel:hover {
    background-color: #EF6F1C;
    background-image: url(Orange/closePanel_g.png);
}

.panelAction > a > span {
    background-color: #EF6F1C;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gridDefaulSettings {
    background-image: url(Orange/undo.png);
    background-color: #EF6F1C
}

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

.clearYourOwnSorting {
    background-image: url(Orange/clear_sort.png);
    background-color: #EF6F1C
}

.clearYourOwnFiltering {
    background-image: url(Orange/clear_filter.png);
    background-color: #EF6F1C
}

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

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

.startActionDisabled {
    background-color: #EF6F1C;
    background-image: url(Orange/start_g.png);
}

.startActionDisabled:hover {
    background-color: #8C8C8C;
}
.startActionEnabled {
    background-color: #EF6F1C;
    background-image: url(Orange/start.png);
}

.startActionEnabled:hover {
    background-image: url(Orange/start_g.png);
}

.backActionDisabled {
    background-color: #EF6F1C;
    background-image: url(Black/backAction.png);
}

.backActionEnabled {
    background-color: #EF6F1C;
    background-image: url(Black/backAction.png);
}

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

.startActionDisabledX32 {
    background-color: #EF6F1C;
    background-image: url(Orange/start_g.png);
}

.startActionEnabledX32 {
    background-color: #EF6F1C;
    background-image: url(Metro/start.png);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* panel end*/

/* fleet manager start*/
.details-button {
    background-color: #EF6F1C;
    background-image: url(Orange/edit_g.png);
}

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

.zoom-button {
    background-color: #EF6F1C;
    background-image: url(Metro/zoom_in.png);
}

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

.lock-green-button {
    background-color: #EF6F1C;
    background-image: url(Metro/lock2_green.png);
}

.lock-red-button {
    background-color: #EF6F1C;
    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;
}

.k-grid-header {
    background-color: #8C8C8C;
    color: #FFFFFF;
}

    .k-grid-header .k-header {
        background-color: #8C8C8C;
        color: #D3D3D3;
    }

        .k-grid-header .k-header .k-link {
            color: #FFFFFF;
        }

th.k-header {
    color: #FFFFFF!important;
}

.k-grouping-header {
    background-color: #8C8C8C;
    color: #FFFFFF;
}

    .k-grouping-header .k-link {
        color: #FFFFFF;
    }

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

.legend-point {
    color: #EF6F1C;
}

.checked-button {
    background-color: #EF6F1C;
    background-image: url(Orange/checked.png);
}

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

.button-selected {
    color: #fff;
    border-color: #EF6F1C;
    background-color: #EF6F1C !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(Orange/user_64x64.png);
}

.k-grid tr:hover {
    background-color: #EF6F1C;
}

.stamp-button-base{
    background-color: #EF6F1C;
}