:root { --temp_zadana1_size: 2rem; --screen_temp_size: 2.5rem; --temp_act1_size: 2rem; --rh_act1_size: 2rem; --room-list-size:1.6rem; --comfort-plus-color: #f44336; --comfort-color: #ffc107; --lower-color: #8bc34a; --antifreeze-color: #bdbdbd; --czujnik-color: #657fd6; --czujnik-84-87: #666666; --heat-color: #decb21; --submenu-selected-color: #e7303a; --room-prog-size: 1rem; } .ui-datepicker { z-index:1050 !important; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis {max-width: none !important;} .room-tabs .nav-tabs .nav-link { border:1px solid #ffffff; background-color: #f7f7f7; color:#919191; } .text-locked { color: #a5abcc !important; } .room-tabs .nav-tabs .nav-link.active { background-color: #ffffff; color:#001737; border-color:#ebedf2 #ebedf2 #ffffff; } .page-body-wrapper { min-height: calc(100vh) !important; } .navbar + .page-body-wrapper { padding-top: 5.6rem !important; } .sidebar { margin-bottom: 0.5rem !important; } .content-wrapper { padding: 0 1.812rem 0.5rem !important; } .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img { height: initial; } .loading_cover { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; height: 100%; opacity: 1; } .page-not-active { position: absolute; display: none; top: 0; right: 0; left: 0; z-index: 1099; height: 300%; backdrop-filter: blur(5px); } .modal-md {max-width: 50% !important;} .modal-full {max-width: 98% !important;} /*.submenu-selected {color: var(--submenu-selected-color) !important; text-decoration: underline !important;}*/ .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-date2 .nav-link h6 { font-weight: normal; font-size: .875rem; } .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-date2 .nav-link i { margin-left: 0.562rem; font-size: 1.125rem; } .waitingDiv {margin:auto; font-size:40px; text-align:center; padding-top:80px;} .pointer {cursor: pointer;} /*.pointer:hover {text-decoration:underline;}*/ .tooltip-body { border: solid 1px #e46067; border-radius: 0.25rem; padding: 7px; font-size: 13px; color: #1a2035; display:none; position:absolute; z-index:1101; background: #ffffff; max-width:400px; } .screen-title {margin-bottom:0.5rem !important; text-align:left;} .screen-footer {background-color: rgba(231, 48, 58, 0.2); border-radius: 0.5rem;} .screen-temp {font-size:var(--screen_temp_size)} .hidden {display: none !important;} .alarms-0 > i {filter: invert(70%) sepia(1%) saturate(0%) hue-rotate(81deg) brightness(94%) contrast(88%);} .icon.active-red {filter: invert(37%) sepia(12%) saturate(3797%) hue-rotate(319deg) brightness(116%) contrast(71%);} /*red*/ .icon.active-flame {filter: brightness(0) saturate(100%) invert(69%) sepia(47%) saturate(642%) hue-rotate(4deg) brightness(92%) contrast(98%);} .icon.active-green {filter: invert(60%) sepia(46%) saturate(380%) hue-rotate(73deg) brightness(88%) contrast(92%);} /*green*/ .icon.off {filter: invert(70%) sepia(1%) saturate(0%) hue-rotate(81deg) brightness(94%) contrast(88%);} /*gray*/ .icon-32 {max-height:32px; max-width: 32px;} .icon-32.forced {height:32px; width: 32px;} .icon-70 {max-height:70px; max-width: 70px;} .icon-94 {max-height:94px; max-width: 94px;} .img-fluid2 { max-width: 100%; height: auto; } /* @media (min-width: 576px) { .icon-94 {max-height:60px; max-width: 60px;} } @media (min-width: 768) { .icon-94 {max-height:94px; max-width: 94px;} } */ .box {background:#ffffff; border-color:#ffffff #ebedf2 #ebedf2 !important; border:1px solid transparent;} .wp-name {font-size: 0.825rem;} /*-----------------------------------------------*/ /* HS */ /*-----------------------------------------------*/ .hs-header a {font-size:24px !important; font-weight: 300 !important; color:#000 !important;} /*-----------------------------------------------*/ /* Pokoje */ /*-----------------------------------------------*/ .bg-gradient-frost {background: linear-gradient(to bottom, var(--antifreeze-color), #ffffff, #ffffff);} .stats .bg-gradient-frost:hover {background: var(--antifreeze-color);} .bg-gradient-min {background: linear-gradient(to bottom, var(--lower-color), #ffffff, #ffffff);} .stats .bg-gradient-min:hover {background: var(--lower-color);} .bg-gradient-medium {background: linear-gradient(to bottom, var(--comfort-color), #ffffff, #ffffff);} .stats .bg-gradient-medium:hover {background: var(--comfort-color);} .bg-gradient-max {background: linear-gradient(to bottom, var(--comfort-plus-color), #ffffff, #ffffff);} .stats .bg-gradient-max:hover {background: var(--comfort-plus-color);} .bg-gradient-czujnik {background: linear-gradient(to bottom, var(--czujnik-color), #ffffff, #ffffff);} .stats .bg-gradient-czujnik:hover {background: var(--czujnik-color);} .bg-gradient-energy {background: linear-gradient(to bottom, #9b2242, #ffffff, #ffffff);} .stats .bg-gradient-energy:hover {background: #9b2242;} .text-max {color: var(--comfort-plus-color);} .text-medium {color: var(--comfort-color);} .text-min {color: var(--lower-color);} .text-frost{color: var(--antifreeze-color);} .box h5 {border-bottom: 0;} /* kółeczka */ .widget-room-image .temp_zadana {border-radius: 50%; border-width: 4px; border-style: solid; width: 120px; height: 120px; background: #fff; text-align: center; line-height: 120px; font-size: var(--temp_zadana1_size); position: relative; font-weight: 300;} .widget-room-image .heat .temp_value:after {content: "\f46a";font-family: "Font Awesome 6 Free"; font-weight:900; font-size: 20px; position: absolute; top: 36px; left: 44%; color: var(--heat-color)} .widget-room-image .temp_zadana.max {border-color: var(--comfort-plus-color);} .widget-room-image .max .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../images/gfx/kropki_4.png) no-repeat center; } .widget-room-image .temp_zadana.medium {border-color: var(--comfort-color);} .widget-room-image .medium .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../images/gfx/kropki_3.png) no-repeat center; } .widget-room-image .temp_zadana.min {border-color: var(--lower-color);} .widget-room-image .min .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../images/gfx/kropki_2.png) no-repeat center; } .widget-room-image .temp_zadana.frost {border-color: var(--antifreeze-color);} .widget-room-image .frost .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../images/gfx/kropki_1.png) no-repeat center; } .room_list_value {font-size:var(--room-list-size);} .change_day_text {font-size: 0.8rem;} /*-----------------------------------------------*/ /* pokój */ /*-----------------------------------------------*/ .room_value {font-size: var(--screen_temp_size); font-weight: 300;} .tab-pane {min-height: 395px;} .head_input {font-size:14px !important; line-height: 15px !important;} /***** PROGRAMATOR *****/ .weekly2 th { font-size:0.7rem !important; padding-right: 0.2rem !important; padding-left: 0.2rem !important; padding-top: 0.7rem !important; padding-bottom: 0.7rem !important; vertical-align: top; border-top: 1px solid #f3f3f3;} .weekly2 td { padding: 0 !important; } .weekly2 div.sel.blank{width:var(--room-prog-size); height:var(--room-prog-size); border-radius: 25%; background-color: var(--antifreeze-color);} .weekly2 div.sel.min{width:var(--room-prog-size); height:var(--room-prog-size); border-radius: 25%; background-color: var(--lower-color);} .weekly2 div.sel.medium{width:var(--room-prog-size); height:var(--room-prog-size); border-radius: 25%; background-color: var(--comfort-color);} .weekly2 div.sel.max{width:var(--room-prog-size); height:var(--room-prog-size); border-radius: 25%; background-color: var(--comfort-plus-color);} .weekly th, .weekly td { padding: 1.25rem 0.8375rem !important; vertical-align: top; border-top: 1px solid #f3f3f3; } #pro_tt {display:none; left:0; top:0; position:fixed;padding:5px; background: #fff; border-radius: 4px; border:1px solid #ddd; z-index:20;} .prog_day ul li {border-right:none !important; display: block; width: 30px; height: 30px; float: left; cursor: pointer;margin:5px;} .temp_zadana3 {border-radius: 50%; border-width: 3px; border-style: solid; width: 30px; height: 30px; background: #fff; text-align: center; line-height: 23px; font-size: 11px; position: relative; font-weight: 300;} .temp_zadana3.max {border-color: var(--comfort-plus-color);} .temp_zadana3.medium {border-color: var(--comfort-color);} .temp_zadana3.min {border-color: var(--lower-color);} .temp_zadana3.frost {border-color: var(--antifreeze-color);} /***** Konfiguracja temperatury *****/ /*.spinner {width: 45px; font-size: 1.3em !important;}*/ .spinner_cels {width: 45px; font-size: 1.3em !important;} .ui-spinner { margin: 0 0 0 0.5rem !important;} /***** Zmiana temperatury zadanej *****/ .change_temp {padding: 10px 0 10px 0px; border-radius: 6px;} .change_temp:hover {background: #ededed; cursor: pointer;} .temp_selected {background: #ddd; cursor: pointer;} .select_manual {height: 50px;border-radius: 50%;width: 50px;padding-top: 10px;border: 1px solid #fff;} .select_manual:hover {border: 1px solid #ccc;} .selected_hand {background: #e6e6e6;} .manual {background: url(../images/gfx/icon_manual.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;} .manual_location {background: url(../images/gfx/icon_manual_location.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;} .manual_plus1 {background: url(../images/gfx/icon_manual_plus1.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;} .manual_plus2 {background: url(../images/gfx/icon_manual_plus2.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;} .manual_window {background: url(../images/gfx/icon_manual_window.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;} .empty_box {background: url(../images/gfx/empty.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;} /***** Zakładka konfiguracja *****/ .remove_device {color: #f00;float:right;} .opt_device {float:right;margin-right:20px;} .widget-test .temp_zadana2 {border-radius: 50%; border-width: 4px; border-style: solid; width: 84px; height: 84px; background: #fff; text-align: center; line-height: 74px; font-size: 26px; position: relative; font-weight: 300;} .widget-test .temp_zadana2.max {border-color: var(--comfort-plus-color);} .widget-test .temp_zadana2.medium {border-color: var(--comfort-color);} .widget-test .temp_zadana2.min {border-color: var(--lower-color);} .widget-test .temp_zadana2.frost {border-color: var(--antifreeze-color);} /*raczka do ustawiania sily docisku glowicy*/ #custom-handle { width: 3em; height: 1.6em; top: 50%; margin-top: -.8em; text-align: center; line-height: 1.6em;} /*-----------------------------------------------*/ /* HeatSource */ /*-----------------------------------------------*/ .dots {margin: 0 auto 0px auto; text-align: center;color:#fff; font-size: 0.925 rem;min-height:60px;} .dots .dot-off {background: url(../images/gfx/dot_grey.png) no-repeat center; width: 23px; height: 23px; display: inline-block; padding: 0px; margin: 1px;} .dots .dot-on {background: url(../images/gfx/dot_orange.png) no-repeat center; width: 23px; height: 23px; display: inline-block; padding: 0px; margin: 1px;} .temp_hs { border-radius: 50%; width: 120px; height: 120px; background: var(--czujnik-84-87); color: #ffffff; text-align: center; font-size: 38px; font-weight: 300;} .temp_hs_rh {font-size: 18px;} /*przemek*/ .ui-selected {border: 2px solid #656565 !important;} #responseInfoBox {font-weight:bold; font-size:18px;} .gray {cursor:not-allowed;background:#ebebeb; color:#a1a1a1 !important;} .primary-state {border-color: #e7303a !important; background-color: #fff; color: #e7303a !important;} /*-----------------------------------------------*/ /* Settings */ /*-----------------------------------------------*/ /*************************************/ /*********** WEEKLYTABLE ***********/ .select-mode-program {list-style-type: none; margin: 15px;} .select-mode-program li {display: inline; padding: 0 15px;} .select-mode-program li a{float: left;} .select-mode-program li span.tryb-name{display: block;float: left;margin-top: 15px;margin-left: 5px;font-weight: bold;} .select-mode-program img {width: 50px;} /*********** programator temperatury kotła ***********/ .kot_prog_0-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_0.png) no-repeat center;} .kot_prog_0-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_02.png) no-repeat center;} .kot_prog_0-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_02.png) no-repeat center;} .kot_prog_0 {background: url(../images/gfx/weeklytable/blue-mini.png) no-repeat center;} #selectable .kot_prog_0.ui-selected {border: 1px solid #656565 !important;} .kot_prog_1-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_1.png) no-repeat center;} .kot_prog_1-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_12.png) no-repeat center;} .kot_prog_1-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_12.png) no-repeat center;} .kot_prog_1 {background: url(../images/gfx/weeklytable/red-mini.png) no-repeat center;} #selectable .kot_prog_1.ui-selected {border: 1px solid #656565 !important;} /*********** OB1, OB2, OB3 ***********/ .ob1_pok_prog_0-mode, .ob2_pok_prog_0-mode, .ob3_pok_prog_0-mode, .ob4_pok_prog_0-mode, .ob5_pok_prog_0-mode, .ob6_pok_prog_0-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_0.png) no-repeat center;} .ob1_pok_prog_0-mode.mode-selected, .ob2_pok_prog_0-mode.mode-selected, .ob3_pok_prog_0-mode.mode-selected, .ob4_pok_prog_0-mode.mode-selected, .ob5_pok_prog_0-mode.mode-selected, .ob6_pok_prog_0-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_02.png) no-repeat center;} .ob1_pok_prog_0-mode:hover, .ob2_pok_prog_0-mode:hover, .ob3_pok_prog_0-mode:hover, .ob4_pok_prog_0-mode:hover, .ob5_pok_prog_0-mode:hover, .ob6_pok_prog_0-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_02.png) no-repeat center;} .ob1_pok_prog_0, .ob2_pok_prog_0, .ob3_pok_prog_0, .ob4_pok_prog_0, .ob5_pok_prog_0, .ob6_pok_prog_0 {background: url(../images/gfx/weeklytable/gray-mini.png) no-repeat center;} #selectable .ob1_pok_prog_0.ui-selected, .ob2_pok_prog_0.ui-selected, .ob3_pok_prog_0.ui-selected, .ob4_pok_prog_0.ui-selected, .ob5_pok_prog_0.ui-selected, .ob6_pok_prog_0.ui-selected {border: 1px solid #656565 !important;} .ob1_pok_prog_1-mode, .ob2_pok_prog_1-mode, .ob3_pok_prog_1-mode, .ob4_pok_prog_1-mode, .ob5_pok_prog_1-mode, .ob6_pok_prog_1-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_1.png) no-repeat center;} .ob1_pok_prog_1-mode.mode-selected, .ob2_pok_prog_1-mode.mode-selected, .ob3_pok_prog_1-mode.mode-selected, .ob4_pok_prog_1-mode.mode-selected, .ob5_pok_prog_1-mode.mode-selected, .ob6_pok_prog_1-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_12.png) no-repeat center;} .ob1_pok_prog_1-mode:hover, .ob2_pok_prog_1-mode:hover, .ob3_pok_prog_1-mode:hover, .ob4_pok_prog_1-mode:hover, .ob5_pok_prog_1-mode:hover, .ob6_pok_prog_1-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_12.png) no-repeat center;} .ob1_pok_prog_1, .ob2_pok_prog_1, .ob3_pok_prog_1, .ob4_pok_prog_1, .ob5_pok_prog_1, .ob6_pok_prog_1 {background: url(../images/gfx/weeklytable/green-mini.png) no-repeat center;} #selectable .ob1_pok_prog_1.ui-selected, .ob2_pok_prog_1.ui-selected, .ob3_pok_prog_1.ui-selected, .ob4_pok_prog_1.ui-selected, .ob5_pok_prog_1.ui-selected, .ob6_pok_prog_1.ui-selected {border: 1px solid #656565 !important;} .ob1_pok_prog_2-mode, .ob2_pok_prog_2-mode, .ob3_pok_prog_2-mode, .ob4_pok_prog_2-mode, .ob5_pok_prog_2-mode, .ob6_pok_prog_2-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_2.png) no-repeat center;} .ob1_pok_prog_2-mode.mode-selected, .ob2_pok_prog_2-mode.mode-selected, .ob3_pok_prog_2-mode.mode-selected, .ob4_pok_prog_2-mode.mode-selected, .ob5_pok_prog_2-mode.mode-selected, .ob6_pok_prog_2-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_22.png) no-repeat center;} .ob1_pok_prog_2-mode:hover, .ob2_pok_prog_2-mode:hover, .ob3_pok_prog_2-mode:hover, .ob4_pok_prog_2-mode:hover, .ob5_pok_prog_2-mode:hover, .ob6_pok_prog_2-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_22.png) no-repeat center;} .ob1_pok_prog_2, .ob2_pok_prog_2, .ob3_pok_prog_2, .ob4_pok_prog_2, .ob5_pok_prog_2, .ob6_pok_prog_2 {background: url(../images/gfx/weeklytable/yellow-mini.png) no-repeat center;} #selectable .ob1_pok_prog_2.ui-selected, .ob2_pok_prog_2.ui-selected, .ob3_pok_prog_2.ui-selected, .ob4_pok_prog_2.ui-selected, .ob5_pok_prog_2.ui-selected, .ob6_pok_prog_2.ui-selected {border: 1px solid #656565 !important;} .ob1_pok_prog_3-mode, .ob2_pok_prog_3-mode, .ob3_pok_prog_3-mode, .ob4_pok_prog_3-mode, .ob5_pok_prog_3-mode, .ob6_pok_prog_3-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_3.png) no-repeat center;} .ob1_pok_prog_3-mode.mode-selected, .ob2_pok_prog_3-mode.mode-selected, .ob3_pok_prog_3-mode.mode-selected, .ob4_pok_prog_3-mode.mode-selected, .ob5_pok_prog_3-mode.mode-selected, .ob6_pok_prog_3-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_32.png) no-repeat center;} .ob1_pok_prog_3-mode:hover, .ob2_pok_prog_3-mode:hover, .ob3_pok_prog_3-mode:hover, .ob4_pok_prog_3-mode:hover, .ob5_pok_prog_3-mode:hover, .ob6_pok_prog_3-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/prog_32.png) no-repeat center;} .ob1_pok_prog_3, .ob2_pok_prog_3, .ob3_pok_prog_3, .ob4_pok_prog_3, .ob5_pok_prog_3, .ob6_pok_prog_3 {background: url(../images/gfx/weeklytable/red-mini.png) no-repeat center;} #selectable .ob1_pok_prog_3.ui-selected, .ob2_pok_prog_3.ui-selected, .ob3_pok_prog_3.ui-selected, .ob4_pok_prog_3.ui-selected, .ob5_pok_prog_3.ui-selected, .ob6_pok_prog_3.ui-selected {border: 1px solid #656565 !important;} /*********** ZAW4D OB1, OB2, OB3 ***********/ .ob1_zaw_prog_0-mode, .ob2_zaw_prog_0-mode, .ob3_zaw_prog_0-mode, .ob4_zaw_prog_0-mode, .ob5_zaw_prog_0-mode, .ob6_zaw_prog_0-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_0.png) no-repeat center;} .ob1_zaw_prog_0-mode.mode-selected, .ob2_zaw_prog_0-mode.mode-selected, .ob3_zaw_prog_0-mode.mode-selected, .ob4_zaw_prog_0-mode.mode-selected, .ob5_zaw_prog_0-mode.mode-selected, .ob6_zaw_prog_0-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_02.png) no-repeat center;} .ob1_zaw_prog_0-mode:hover, .ob2_zaw_prog_0-mode:hover, .ob3_zaw_prog_0-mode:hover, .ob4_zaw_prog_0-mode:hover, .ob5_zaw_prog_0-mode:hover, .ob6_zaw_prog_0-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_02.png) no-repeat center;} .ob1_zaw_prog_0, .ob2_zaw_prog_0, .ob3_zaw_prog_0, .ob4_zaw_prog_0, .ob5_zaw_prog_0, .ob6_zaw_prog_0 {background: url(../images/gfx/weeklytable/blue-mini.png) no-repeat center;} #selectable .ob1_zaw_prog_0.ui-selected, .ob2_zaw_prog_0.ui-selected, .ob3_zaw_prog_0.ui-selected, .ob4_zaw_prog_0.ui-selected, .ob5_zaw_prog_0.ui-selected, .ob6_zaw_prog_0.ui-selected {border: 1px solid #656565 !important;} .ob1_zaw_prog_1-mode, .ob2_zaw_prog_1-mode, .ob3_zaw_prog_1-mode, .ob4_zaw_prog_1-mode, .ob5_zaw_prog_1-mode, .ob6_zaw_prog_1-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_1.png) no-repeat center;} .ob1_zaw_prog_1-mode.mode-selected, .ob2_zaw_prog_1-mode.mode-selected, .ob3_zaw_prog_1-mode.mode-selected, .ob4_zaw_prog_1-mode.mode-selected, .ob5_zaw_prog_1-mode.mode-selected, .ob6_zaw_prog_1-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_12.png) no-repeat center;} .ob1_zaw_prog_1-mode:hover, .ob2_zaw_prog_1-mode:hover, .ob3_zaw_prog_1-mode:hover, .ob4_zaw_prog_1-mode:hover, .ob5_zaw_prog_1-mode:hover, .ob6_zaw_prog_1-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/temp_12.png) no-repeat center;} .ob1_zaw_prog_1, .ob2_zaw_prog_1, .ob3_zaw_prog_1, .ob4_zaw_prog_1, .ob5_zaw_prog_1, .ob6_zaw_prog_1 {background: url(../images/gfx/weeklytable/red-mini.png) no-repeat center;} #selectable .ob1_zaw_prog_1.ui-selected, .ob2_zaw_prog_1.ui-selected, .ob3_zaw_prog_1.ui-selected, .ob4_zaw_prog_1.ui-selected, .ob5_zaw_prog_1.ui-selected, .ob6_zaw_prog_1.ui-selected {border: 1px solid #656565 !important;} /*********** CWU CYRKULACJA ***********/ .crk_prog_0-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_0.png) no-repeat center;} .crk_prog_0-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_02.png) no-repeat center;} .crk_prog_0-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_02.png) no-repeat center;} .crk_prog_0 {background: url(../images/gfx/weeklytable/gray-mini.png) no-repeat center;} #selectable .crk_prog_0.ui-selected {border: 1px solid #656565 !important;} .crk_prog_1-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_1.png) no-repeat center;} .crk_prog_1-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_12.png) no-repeat center;} .crk_prog_1-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_12.png) no-repeat center;} .crk_prog_1 {background: url(../images/gfx/weeklytable/blue-mini.png) no-repeat center;} #selectable .crk_prog_1.ui-selected {border: 1px solid #656565 !important;} .crk_prog_2-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_2.png) no-repeat center;} .crk_prog_2-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_22.png) no-repeat center;} .crk_prog_2-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cyrk_prog_22.png) no-repeat center;} .crk_prog_2 {background: url(../images/gfx/weeklytable/green-mini.png) no-repeat center;} #selectable .crk_prog_2.ui-selected {border: 1px solid #656565 !important;} .cwu_prog_0-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_0.png) no-repeat center;} .cwu_prog_0-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_02.png) no-repeat center;} .cwu_prog_0-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_02.png) no-repeat center;} .cwu_prog_0 {background: url(../images/gfx/weeklytable/gray-mini.png) no-repeat center;} #selectable .cwu_prog_0.ui-selected {border: 1px solid #656565 !important;} .cwu_prog_1-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_1.png) no-repeat center;} .cwu_prog_1-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_12.png) no-repeat center;} .cwu_prog_1-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_12.png) no-repeat center;} .cwu_prog_1 {background: url(../images/gfx/weeklytable/blue-mini.png) no-repeat center;} #selectable .cwu_prog_1.ui-selected {border: 1px solid #656565 !important;} .cwu_prog_2-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_2.png) no-repeat center;} .cwu_prog_2-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_22.png) no-repeat center;} .cwu_prog_2-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/cwu_prog_22.png) no-repeat center;} .cwu_prog_2 {background: url(../images/gfx/weeklytable/red-mini.png) no-repeat center;} #selectable .cwu_prog_2.ui-selected {border: 1px solid #656565 !important;} /*********** AutoLato/Programator ***********/ .autolato_prog_0-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_0.png) no-repeat center;} .autolato_prog_0-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_02.png) no-repeat center;} .autolato_prog_0-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_02.png) no-repeat center;} .autolato_prog_0 {background: url(../images/gfx/weeklytable/blue-mini.png) no-repeat center;} #selectable .autolato_prog_0.ui-selected {border: 1px solid #656565 !important;} .autolato_prog_1-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_1.png) no-repeat center;} .autolato_prog_1-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_12.png) no-repeat center;} .autolato_prog_1-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_12.png) no-repeat center;} .autolato_prog_1 {background: url(../images/gfx/weeklytable/red-mini.png) no-repeat center;} #selectable .autolato_prog_1.ui-selected {border: 1px solid #656565 !important;} .autolato_prog_2-mode {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_2.png) no-repeat center;} .autolato_prog_2-mode.mode-selected {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_22.png) no-repeat center;} .autolato_prog_2-mode:hover {display: block; width: 50px; height: 50px; background: url(../images/gfx/weeklytable/autolato_prog_22.png) no-repeat center;} .autolato_prog_2 {background: url(../images/gfx/weeklytable/green-mini.png) no-repeat center;} #selectable .autolato_prog_2.ui-selected {border: 1px solid #656565 !important;} /*-----------------------------------------------*/ /* Schema */ /*-----------------------------------------------*/ .schema-image {position: absolute; top:0;left:0;} .span-reg {position:absolute; font-size:14px; text-align:center; border:1px solid transparent;}