.i_blue-panel {
    background: #969696;
}

.i_login_to_system {
    background-image: url(../images/login_to_system.png);
}

.i_exit_from_system {
    background-image: url(../images/exit_from_system.png);
}

.i_refresh {
    background-image: url(../images/9.ico);
}

.i_clear_filter {
    background-image: url(../images/clear_filter.png);
}

.i_properties {
    background-image: url(../images/1.ico);
}

.i_edit {
    background-image: url(../images/3.ico);
}

.i_add {
    background-image: url(../images/26.ico);
}

.i_add_copy {
    background-image: url(../images/53.ico);
}

.i_delete {
    background-image: url(../images/25.ico);
}

.i_delete_all {
    background-image: url(../images/55.ico);
}

.i_save {
    background-image: url(../images/7.ico);
}

.i_undo {
    background-image: url(../images/6.ico);
}

.i_exit {
    background-image: url(../images/0.ico);
}

.i_many_select {
    background-image: url(../images/45.ico);
}

.i_one_select {
    background-image: url(../images/10.ico);
}

.i_null_select {
    background-image: url(../images/44.ico);
}

.i_period {
    background-image: url(../images/date_magnify.png);
}

.i_auto_update {
    background-image: url(../images/auto_update.png);
}

.i_sostav {
    background-image: url(../images/12.ico);
}

.i_recalc {
    background-image: url(../images/29.ico);
}

.i_privs {
    background-image: url(../images/14.ico);
}

.i_find {
    background-image: url(../images/54.ico);
}

.i_info {
    background-image: url(../images/64.png);
}

.i_up_arrow {
    background-image: url(../images/65.png);
}

.i_down_arrow {
    background-image: url(../images/66.png);
}

.i_alert {
    background-image: url(../images/67.png);
}

.i_history {
    background-image: url(../images/68.png);
}

.i_start {
    background-image: url(../images/69.png);
}

.i_stop {
    background-image: url(../images/70.png);
}

.i_show_data {
    background-image: url(../images/31.ico);
}

.i_last_config {
    background-image: url(../images/71.png);
}

.i_download_last {
    background-image: url(../images/72.png);
}

.i_check_season {
    background-image: url(../images/73.png);
}

.i_season {
    background-image: url(../images/74.png);
}

.i_dis_season {
    background-image: url(../images/75.png);
}

.i_dis_season {
    background-image: url(../images/75.png);
}

/**
 * Иконки кнопок работы с датой
 */

.i_today {
    background-image: url(../images/today.png);
}

.i_month {
    background-image: url(../images/month.png);
}

.i_prev_date {
    background-image: url(../images/date_prev.png);
}

.i_next_date {
    background-image: url(../images/date_next.png);
}

.i_equal_date {
    background-image: url(../images/equal_date.png);
}

.i_link_object {
    background-image: url(../images/link_object.png);
}

.i_show_object {
    background-image: url(../images/57.png);
}

.i_use_drag {
    background-image: url(../images/58.png);
}

.i_start_module {
    background-image: url(../images/59.png);
}

.i_stop_module {
    background-image: url(../images/60.png);
}

.i_sync_levels {
    background-image: url(../images/61.png);
}

.i_send_task {
    background-image: url(../images/62.png);
}

.i_lock {
    background-image: url(../images/63.png);
}

.i_graph {
    background-image: url(../images/graph.png);
}

.i_select_period {
    background-image: url(../images/select_period.png);
}

.i_check_all {
    background-image: url(../images/check_all.png);
}

.i_toggle_graph {
    background-image: url(../images/toggle_graph.png);
}

.i_excel {
    background-image: url(../images/excel.png);
}

.i_row_count {
    background-image: url(../images/row_count.png);
}

.i_download_file {
    background-image: url(../images/download_file.png);
    margin: 0 10px;
}

.i_show_captions {
    background-image: url(../images/srez_caption.png);
}

/* Custom */

.x-grid-checkheader {
    height: 14px;
    background-image: url(../images/unchecked.gif);
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
    background-image: url(../images/checked.gif);
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

#about {
    width: 100%;
    margin: 3px;
}

#about h3 {
    font-size: 18px;
    color: #042171;
    margin-bottom: 5px;
}

#about p {
    margin-bottom: 5px;
}

#about img {
    display: block;
    margin: auto;
}

.fast {
    font-weight: bold;
}

.ux-wallpaper {
    background-color: #3d71b8;
}

.showWinLine {
    overflow: hidden;
}

/**
 * Оформление подсказок в асинхронном режиме
 */

#msg-div {
    position: absolute;
    left: 75%;
    top: 70px;
    width: 300px;
    z-index: 99999;
}

#msg-div .msg {
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #F6F6F6;
    border: 2px solid #ccc;
    margin-top: 2px;
    padding: 10px 15px;
    color: #555;
}

#msg-div .msg h3 {
    display: block;
    position: relative;
    margin: 0 0 5px;
    font-weight: bold;
    font-size: 15px;
    line-height: 32px;
    text-indent: 40px;
    width: 150px;
    float: left;
}

#msg-div .msg p {
    margin: 0;
}

.msg-close-icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 270px;
    cursor: pointer;
}

.clear-both {
    clear: both;
}

.msg-close-icon-div {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 270px;
    cursor: pointer;
    background: url(../images/delete-all.png) no-repeat;
}

/**
 * Стили для подсветки обычных гридов
 */

.server_log_desc ul {
    list-style-type: none;
    /* display: inline-block; */
}

.server_log_desc ul li {
    margin-bottom: 1px;
    display: flex;
}

.server_log_desc ul li span.title {
    font-weight: bold;
    /* width: 150px; */
    /* display: block;
    float: left; */
    flex-basis: 30%;
}
.server_log_desc ul li span.value {
    flex-basis: 70%;
}

.formula_desc ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.formula_desc ul li span {
    font-weight: bold;
}

.hide {
    display: none;
}

.child-row .x-grid-cell {
    background-color: #FA664F !important;
}

.child-row-black .x-grid-cell {
    background-color: #C0C0C0 !important;
}

.child-row-green .x-grid-cell {
    background-color: #0C992F !important;
}

.child-row-red .x-grid-cell {
    background-color: #FA664F !important;
}

.child-row-yellow .x-grid-cell {
    background-color: #EEFF92 !important;
}

/** Стили ячеек гридов */

.not-full-data {
    background: no-repeat;
    background-color: #FA664F !important;
    background-image: url(../images/76.png);
    background-position: left;
    font-weight: 700;
}

.full-data {
    background: no-repeat;
    background-color: #61fa60 !important;
    background-image: url(../images/77.png);
    background-position: left;
}

.strange-tree-row .x-grid-cell {
    background-color: #FA664F !important;
}

/** Кнопки окна справочника пользователей */

.i_add_user {
    background-image: url(../images/add_user.png);
}

.i_del_user {
    background-image: url(../images/del_user.png);
}

.i_change_pass {
    background-image: url(../images/change_pass.png);
}

.i_change_group {
    background-image: url(../images/change_group.png);
}

.i_change_denied {
    background-image: url(../images/change_denied.png);
}

/** Иконки счётчиков, подстанций, суммарников */

.i_sp_tree {
    background-image: url(../images/sp_tree_sum.png) !important;
}

.i_substation_tree {
    background-image: url(../images/substation_tree.png) !important;
}

.i_ivke_tree {
    background-image: url(../images/86.png) !important;
}

.i_counter_tree {
    background-image: url(../images/counter_node.png) !important;
}

.i_channel_tree {
    background-image: url(../images/counter_node.png) !important;
}

.i_counter_disabled {
    background-image: url(../images/counter_node_off.png) !important;
}

.i_channel_left {
    background-image: url(../images/84.png) !important;
}

.i_channel_right {
    background-image: url(../images/85.png) !important;
}

.i_download {
    background-image: url(../images/78.png) !important;
}

.i_upload {
    background-image: url(../images/79.png) !important;
}

.i_list {
    background-image: url(../images/80.png) !important;
}

.i_algorithms {
    background-image: url(../images/81.png) !important;
}

.i_xml {
    background-image: url(../images/82.png) !important;
}

.i_difference {
    background-image: url(../images/83.png) !important;
}

/**
Классы для календаря
*/

.satCls {
    background-color: #777; !important;
}

.sunCls {
    background-color: #333; !important;
}

.holyCls {
    background-color: red; !important;
}

.x-datepicker-selected .x-datepicker-date {
    background: none;
}

.server_log_rowbody_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.rowbody_panel_item {
    flex-basis: 50%;
}