/* Table of contents
esterownik.pl
----------------------
1. BASIC ELEMENTS
2. GENERAL LAYOUT
3. HOME PAGE
4.
7. MISC
----------------------*/


/*------------------------------------------------------------------
f4c618-zolty
fd1703-czerwony
#f8720e-pomarancz

1.  BASIC ELEMENTS

------------------------------------------------------------------*/
html {background: #f9f9f9;}
BODY {color:#333333; background: #f9f9f9; font-family: Open Sans; font-weight: 400;}

* html .clearfix {height: 1%; /* IE5-6 */}
* + html .clearfix {display: inline-block; /* IE7not8 */}
.clearfix:after { /* FF, IE8, O, S, etc. */content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/*-----------------------------------------------*/
/*                   header                      */
/*-----------------------------------------------*/
.navbar {font-weight: 300 !important;}
#top_nav {background: #fff; height: 70px; 
        -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.51);
        -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.51);
        box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.51);}

#top_nav .navbar-nav>li>a {line-height: 40px; color: #000 !important;}
#top_nav .fa-bell-o {color: #ff0000; font-size: 24px; padding-top: 5px;}
#top_nav .icon-bar {background: #f8720e;}
#top_nav .navbar-toggle {padding-top: 20px;}




/*-----------------------------------------------*/
/*                   login                       */
/*-----------------------------------------------*/
.login-box {background: #fff; border: 1px solid #ddd; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); padding:40px 20px 15px 20px; text-align: center;}
.login-box input {margin-bottom: 20px;}
.login-box select {margin-bottom: 20px;}
.login-box .checkbox {text-align: left;}
.login-box .checkbox label {font-weight: 300;}
.btn-login {width: 100%; background: #f8720e; color: #fff; font-size: 24px; border-radius: 10px; margin: 20px 0 50px 0; padding: 15px 0; font-weight: 300;}
.btn-login:hover {background: #666; color: #333; font-size: 24px; border-radius: 10px; margin: 20px 0 50px 0; padding: 15px 0; font-weight: 300;}
.user {font-size: 14px;}
.login-box a {color: #333; font-weight: 300;}

/*-----------------------------------------------*/
/*                   mdoal                       */
/*-----------------------------------------------*/
/*#responseInfoBox {font-size:25px; text-align:center;height:40px;line-height:26px;margin-bottom:10px;}*/




/*-----------------------------------------------*/
/*                   header                      */
/*-----------------------------------------------*/
.navbar {font-weight: 300 !important;}
#top_nav {background: #fff; height: 70px; 
        -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.51);
        -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.51);
        box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.51);}

#top_nav .navbar-nav>li>a {line-height: 40px; color: #000 !important;}
#top_nav .fa-bell-o {color: #ff0000; font-size: 24px; padding-top: 5px;}
#top_nav .icon-bar {background: #f8720e;}
#top_nav .navbar-toggle {padding-top: 20px;}

.blue_bar {
	background: linear-gradient(left, #f4c618, #fd1703);
	background: -webkit-linear-gradient(left, #f4c618, #fd1703); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #f4c618, #fd1703); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #f4c618, #fd1703); /* For Firefox 3.6 to 15 */
	color: #fff; display: block; border-radius: 0; max-height: 48px;position: fixed; z-index:100; width:100%;}
.blue_bar .dropdown-menu>li>a {font-weight: 300 !important; }
.blue_bar .navbar-nav>li>a {padding: 0 10px !important; line-height: 48px; margin-left: -10px;}
.blue_bar .bars {color: #fff; font-size: 28px; font-weight: 100;}
.blue_bar .nav>li>a:focus, .nav>li>a:hover {border: 0px; color:#f8720e;}
.blue_bar .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border: 0px; color:#f8720e; }
.blue_bar .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background:#f8720e; color: #fff; }
.blue_bar h3 {font-family: Roboto; font-weight: 400; margin: 0 0 0 10px; line-height: 48px;}

.blue_bar .alarms>li {}
.blue_bar .alarms>li>a {color:#fff; font-size:20px;width:48px;line-height:48px; cursor: pointer;text-align:center;}
.blue_bar .alarms>li>a:hover {color:#f8720e;}



/*-----------------------------------------------*/
/*                   Pokoje                      */
/*-----------------------------------------------*/
.widget-col {padding: 15px;}

.box-widget {border: none; position: relative;}
.widget-room .widget-room-header {padding: 10px; height: 120px; border-top-right-radius: 3px;  border-top-left-radius: 3px;}
.widget-room .widget-room-name {margin-top: 0; margin-bottom: 5px; font-size: 24px; font-weight: 400; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); display: block; cursor: pointer;}
.widget-room .widget-room-name a {color: #fff; display: block;}
.widget-room .widget-room-name a:hover {text-decoration: underline !important;}
.widget-room .widget-room-desc {margin-top: 0;}
.widget-room .widget-room-image {position: absolute; top: 39px; left:45%; margin-left: -45px;}
.widget-room .widget-room-image > img {width: 90px; height: auto; border: 3px solid #fff;}
.widget-room .box-footer {padding-top: 30px;}
.widget-room-2 .widget-room-header {padding: 20px; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.widget-room-2 .widget-room-name {margin-top: 5px; margin-bottom: 5px; font-size: 25px; font-weight: 300;}
.widget-room-2 .widget-room-desc {margin-top: 0;}
.widget-room-2 .widget-room-name, .widget-room-2 .widget-room-desc {margin-left: 75px;}
.widget-room-2 .widget-room-image > img {width: 65px; height: auto; float: left;}

.box {position: relative; border-radius: 3px; background: #ffffff; margin-bottom: 20px; width: 100%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

.box.box-solid.box-success {border: 1px solid #00a65a;}
.box.box-solid.box-success > .box-header {color: #ffffff;  background: #00a65a;  background-color: #00a65a;}
.box.box-solid.box-success > .box-header a, 
.box.box-solid.box-success > .box-header .btn {color: #ffffff;}
.box.box-solid > .box-header > .box-tools .btn {border: 0; box-shadow: none;}
.box.box-solid[class*='bg'] > .box-header {color: #fff;}
.box .box-group > .box {margin-bottom: 5px;}
.box .knob-label {text-align: center; color: #333; font-weight: 100; font-size: 12px; margin-bottom: 0.3em;}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box .overlay,
.overlay-wrapper .overlay {z-index: 50; background: rgba(255, 255, 255, 0.7); border-radius: 3px;}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {position: absolute; top: 50%; left: 50%; margin-left: -15px;  margin-top: -15px; color: #000; font-size: 30px;}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {background: rgba(0, 0, 0, 0.5);}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {content: " "; display: table;}
.box-header:after,
.box-body:after,
.box-footer:after {clear: both;}
.box-header {color: #444; display: block; padding: 10px; position: relative;}
.box-header.with-border {border-bottom: 1px solid #f4f4f4;}
.collapsed-box .box-header.with-border {border-bottom: none;}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {display: inline-block; font-size: 14px; margin: 0; font-weight: 300; color: #fff; line-height: 1;}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {margin-right: 5px;}
.box-header > .box-tools {position: absolute; right: 10px;  top: 5px;}
.box-header > .box-tools [data-toggle="tooltip"] {position: relative;}
.box-header > .box-tools.pull-right .dropdown-menu {right: 0;  left: auto;}
.btn-box-tool {padding: 5px; font-size: 12px; background: transparent; color: #97a0b3;}
.open .btn-box-tool,
.btn-box-tool:hover {color: #606c84;}
.btn-box-tool.btn:active {box-shadow: none;}
.box-body {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px;}
.no-header .box-body {border-top-right-radius: 3px; border-top-left-radius: 3px;}
.box-body > .table {margin-bottom: 0;}
.box-body .fc {margin-top: 5px;}
.box-body .full-width-chart {margin: -19px;}
.box-body.no-padding .full-width-chart {margin: -9px;}
.box-body .box-pane {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px;}
.box-body .box-pane-right {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0;}
.box-footer {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px;  background-color: #ffffff;}


.bg-yellow {background: #f9bd0d !important;}
.bg-grey {background: #b9b2ac !important; color: #fff;}
.bg-blue {background: #005384 !important;}
.bg-red {background: #d33724 !important;}
.bell {color: #fff; padding: 20px 0 0 0;} 
.przekaznik {color: #fff; padding: 20px 0 0 0;}  
 
.bg-max {background-color: #f44336 !important;}
.bg-max-active {color: #fff; background-color: #f44336 !important;}

.bg-min {background-color: #8bc34a !important;}
.bg-min-active {color: #fff; background-color: #8bc34a !important;}

.bg-medium {background-color: #ffc107 !important;}
.bg-medium-active {color: #fff; background-color: #ffc107 !important;}

.bg-frost {background-color: #bdbdbd !important;}
.bg-frost-active {color: #fff; background-color: #bdbdbd !important;}

.bg-czujnik {background-color: #063e85 !important;}
.bg-czujnik-active {color: #fff; background-color: #063e85 !important;}


[class^="bg-"].disabled {opacity: 0.65; filter: alpha(opacity=65);}

.description-block {display: block; margin:0 0 10px 0; text-align: center;}
.change {margin:30px 0 4px 0; font-weight: 300; font-size: 16px;min-height:69px; height:70px;}
.description-block.margin-bottom {margin-bottom: 25px;}
.description-block > .description-header {margin: 0; padding: 0; font-weight: 600;font-size: 18px;}
.description-block > .description-text {color: #666666;}

.new_temp {font-size: 400; font-size: 18px;}
.new_temp.new_max {color: #f44336;}
.new_temp.new_medium {color: #ffc107;}
.new_temp.new_min {color: #8bc34a;}
.new_temp.new_frost{color: #bdbdbd;}

.arrow-min {color: #666666;}
.box h5 {border-bottom: 0;}

.termometr {background: url(../images/termometr.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;}
.wilgotnosc {background: url(../images/wilgotnosc.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;}

.border-right {border-right: 1px solid #ededed;}


/* 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: 38px; position: relative; font-weight: 300;}
    .widget-room-image .temp_zadana.tint {border-color: #063e85; background: #063e85; color: #fff; } 
    .widget-room-image .temp_zadana.tint.heat {border-color: #063e85; border-style: solid;} 
    .widget-room-image .tint .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; }  
    .widget-room-image .tint .temp_value {height: 10px; position: absolute; top: 30px; left: 25%; width: 45px; }  

    .widget-room-image .temp_zadana.max {border-color: #f44336;} 
    .widget-room-image .temp_zadana.max.heat {border-color: #f44336; border-style: solid;} 
    .widget-room-image .max .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../bg/kropki_4.png) no-repeat center; }  

    .widget-room-image .temp_zadana.medium {border-color: #ffc107;} 
    .widget-room-image .temp_zadana.medium.heat {border-color: #ffc107; border-style: solid;} 
    .widget-room-image .medium .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../bg/kropki_3.png) no-repeat center; } 

    .widget-room-image .temp_zadana.min {border-color: #8bc34a;} 
    .widget-room-image .temp_zadana.min.heat {border-color: #8bc34a; border-style: solid;} 
    .widget-room-image .min .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../bg/kropki_2.png) no-repeat center; } 

    .widget-room-image .temp_zadana.frost {border-color: #bdbdbd;} 
    .widget-room-image .temp_zadana.frost.heat {border-color: #bdbdbd; border-style: solid;} 
    .widget-room-image .frost .temp_value:before {content: ""; height: 10px; position: absolute; top: 24px; left: 28%; width: 45px; background: url(../bg/kropki_1.png) no-repeat center; } 


.widget-room-image .zmiana {border-radius: 50%; border-width: 2px; border-style: solid; width: 60px; height: 60px; background: none; text-align: center; line-height: 60px; font-size: 18px; position: relative; margin: 20px auto 0 auto;}
    .widget-room-image .max .zmiana {border-color: #f44336;} 
    .widget-room-image .max .zmiana .temp_value:before {content: ""; height: 4px; position: absolute; top: 12px; left: 25%; width:28px; background: url(../bg/zmiana_kropki_4.png) no-repeat center; } 

    .widget-room-image .medium .zmiana {border-color: #f9bd0d;} 
    .widget-room-image .medium .zmiana .temp_value:before {content: ""; height: 4px; position: absolute; top: 12px; left: 25%; width:28px; background: url(../bg/zmiana_kropki_3.png) no-repeat center; } 

    .widget-room-image .min .zmiana {border-color: #84BA25;} 
    .widget-room-image .min .zmiana .temp_value:before {content: ""; height: 4px; position: absolute; top: 12px; left: 25%; width:28px; background: url(../bg/zmiana_kropki_2.png) no-repeat center; } 

    .widget-room-image .frost .zmiana {border-color: #B2B2B2;} 
    .widget-room-image .frost .zmiana .temp_value:before {content: ""; height: 4px; position: absolute; top: 12px; left: 25%; width:28px; background: url(../bg/zmiana_kropki_1.png) no-repeat center; } 




.widget-room-image .heating-on {border-color: #f44336;border-radius: 50%; border-width: 4px; border-style: solid; width: 120px; height: 120px; background: #fff; text-align: center; line-height: 108px; font-size: 38px; position: relative; font-weight: 500;color:#f44336;}
.widget-room-image .heating-off {border-color: #bdbdbd;border-radius: 50%; border-width: 4px; border-style: solid; width: 120px; height: 120px; background: #fff; text-align: center; line-height: 108px; font-size: 38px; position: relative; font-weight: 500;color:#bdbdbd;}

.home-heat-on{background: url(../images/termometr.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 34px; font-weight: 300;}
.home-heat-off{display: block; text-align: center; padding-top: 50px; font-size: 34px; font-weight: 300;}

.widget-room-image .hw-off {border-color: #bdbdbd;border-radius: 50%; border-width: 4px; border-style: solid; width: 120px; height: 120px; background: #fff; text-align: center; line-height: 108px; font-size: 38px; position: relative; font-weight: 500;color:#bdbdbd;}
.widget-room-image .hw-on {border-color: #8bc34a;border-radius: 50%; border-width: 4px; border-style: solid; width: 120px; height: 120px; background: #fff; text-align: center; line-height: 108px; font-size: 38px; position: relative; font-weight: 500;color:#8bc34a;}

.modal-full {width: 98% !important;}
.modal-half {width: 58% !important;}
.off {background: url(../images/nofrost-mini.png) no-repeat center;}
.on {background: url(../images/sun-mini.png) no-repeat center;}


#selectable .ui-selecting {border: 1px solid red !important;}
	#selectable .sun.ui-selected {border: 1px solid #656565 !important;}
    #selectable .flower.ui-selected {border: 1px solid #656565 !important;}
    #selectable .snow.ui-selected {border: 1px solid #656565 !important;}
    #selectable .nofrost.ui-selected {border: 1px solid #656565 !important;}



/*-----------------------------------------------*/
/*                   źrodło                      */
/*-----------------------------------------------*/
.widget-room .bg-green-active {height: 60px !important;}
.widget-room .bg-green-active .widget-room-name a {font-size: 24px !important; font-weight: 300 !important; color: #333 !important;}
.widget-room .green-footer .description-header {color: #66cc33; font-size: 24px; font-weight: 300;}

.widget-room .bg-orange-active {height: 60px !important;}
.widget-room .bg-orange-active .widget-room-name a {font-size: 24px !important; font-weight: 300 !important; color: #333 !important;}
.widget-room .orange-footer .description-header {color: #ffcc33; font-size: 24px; font-weight: 300;}

.widget-room .bg-grey-active {height: 60px !important;}
.widget-room .bg-grey-active .widget-room-name a {font-size: 24px !important; font-weight: 300 !important; color: #333 !important;}
.widget-room .grey-footer .description-header {color: #666666; font-size: 24px; font-weight: 300;}

.widget-room-kociol {text-align: center;}


.dots {padding: 8px 5px 22px 5px; width: 252px; margin: 0 auto 0px auto; text-align: center;color:#fff; font-weight:bold; min-height:80px;}
.dots .dot-off {background: url(../images/dot_grey.png) no-repeat center; width: 23px; height: 23px; display: inline-block; padding: 2px; margin: 1px;}
.dots .dot-on {background: url(../images/dot_orange.png) no-repeat center; width: 23px; height: 23px; display: inline-block; padding: 2px; margin: 1px;}


/*-----------------------------------------------*/
/*                   pokój                       */
/*-----------------------------------------------*/

/* left col */
.room_content_row {border-bottom: 1px solid #a7a6a7; margin:0 0px; padding: 20px 0; font-family: Roboto; font-weight: 100; font-size: 18px;}
.room_value {font-size: 24px; font-weight: 100;}
.room_change_value {font-size: 18px; line-height: 32px;}
.room_value_name {line-height: 32px;}
.box-room-content {padding: 60px 0 0 0;}
a.angle-right {color: #000000; padding:0 8px; font-size:22px;}
.box-value {padding: 0;}
.room_content_row.glowice {border-bottom:0; padding-top:5px;}


/* //////// right col //////// */
.tab-pane {min-height: 510px;}
.right_col .nav-tabs {background: #fff; border-radius: 6px; border:1px solid #ddd; font-size: 18px; font-weight: 300; margin-bottom: 20px;}
.right_col .nav-tabs li {border-right:1px solid #ddd; margin: 0 !important;}
.right_col .nav-tabs>li>a {border-radius: 0; border: 0 !important; padding: 5px 15px; color: #333;}
.right_col .nav-tabs li:last-child {border-right:0px solid #ddd;}

.right_col .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {border: 0; background:#f8720e; color: #fff; padding:5px 15px;}
.right_col .nav-tabs.nav-justified li:first-child.active>a, .nav-tabs.nav-justified li:first-child.active>a:focus, .nav-tabs.nav-justified li:first-child.active>a:hover {border-radius: 6px 0px 0px 6px;}
.right_col .nav-tabs.nav-justified li:last-child.active>a, .nav-tabs.nav-justified li:last-child.active>a:focus, .nav-tabs.nav-justified li:last-child.active>a:hover {border-radius: 0px 6px 6px 0px;}
.right_col .nav-tabs.nav-justified>li>a {border-bottom: 0 !important;}

/* informacje */
.right_col_content {padding:0 10px 15px 0;}
.right_col_content h3 {font-size: 18px; font-weight: 300; padding: 10px; margin: 0;}
.chart {padding: 0 10px 5px 10px;}

/* programator */
.unlock {background: url(../images/unlock.png) no-repeat left top; margin-top: 10px; padding:0px 15px 0 30px; font-size: 18px; font-weight: 100; line-height: 25px; display: block;}
/*.programator {padding:15px 10px; font-size: 14px; font-weight: 300;}*/
.programator {padding:15px 29px; font-size: 14px; font-weight: 300;}
.programator_nonactive {padding:15px 29px; font-size: 14px; font-weight: 300;}
.one_day {margin-bottom: 10px;}
.one_day ul {list-style-type: none; padding: 0 !important; margin-left: 5px;}
.one_day ul li {display: block; width: 13px; height: 30px; float: left; cursor: pointer;}
.one_day ul li:first-child {width: 26px; font-size: 12px; line-height: 30px; text-align: center;}
.one_day ul li:last-child {width: 26px; font-size: 12px; line-height: 30px; text-align: center;}
.one_day ul li:nth-child(even) {border-right:0px solid #d6d6d6; font-size: 12px; line-height: 30px; text-align: center;}
.one_day ul li:nth-child(odd) {border-right:1px solid #efefef; font-size: 12px; line-height: 30px; text-align: center;}
.one_day ul li.max:nth-child(even) {border-right:1px solid #e4243a;font-size: 12px; line-height: 30px; text-align: center;}
.one_day ul li.min:nth-child(even) {border-right:1px solid #74bc2e;font-size: 12px; line-height: 30px; text-align: center;}
.one_day ul li.medium:nth-child(even) {border-right:1px solid #eabb2e;font-size: 12px; line-height: 30px; text-align: center;}
.one_day ul li.max {background:#f44336;}
.one_day ul li.medium {background:#ffc107;}
.one_day ul li.min {background:#8bc34a;}
.one_day ul li.blank {background:#e8e8e8;}
.one_day ul li.blank:nth-child(odd) {background:#ededed;}
.one_day ul li.frost {background:#bdbdbd;}

.hours ul {list-style-type: none; padding: 0 !important; margin-left: 18px;}
.hours ul li {display: block; width: 26px; height: 30px; float: left; cursor: pointer; text-align: center; font-size: 12px;}

.spinner {width: 40px; font-size: 1.3em !important;}
.ui-spinner {margin: 10px 0px 0 10px;}
.spin.noarrow {width: 70px; font-size: 1.3em !important; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; text-align: center; padding: 4px 0; border: none;}

/* ustawienia */
.circle_setting {padding-left: 10px}
.ilosc {width: 90px; /*margin-top: 12px;*/ padding-left: 10px;}
/*.input-group .input-group-btn .btn:hover {background: #666; color: #fff;}*/

.right-menu img {border-radius: 50%;margin-left: 20px;border: 5px solid #f00;}

#quantity {padding:4px 2px; height:30px; text-align: center; font-size: 12px !important;}
.ilosc .btn.btn-default {background: #ecf0f1; color: #999; padding: 5px 6px;}

/* alarmy */
.alarmy {padding:10px 15px 10px 25px;}

/* konfiguracja */
#konfiguracja {padding: 10px 15px 10px 25px;}
.disabled label  {color: #999 !important;}
.spacer {padding-bottom: 25px;}
.konfiguracja_temp .modal-dialog {width: 750px;}
.konfiguracja_temp .modal-dialog .modal-header {border: 0;}
.konfiguracja_temp .modal-dialog .modal-footer {border: 0;}

.widget_row {padding: 15px 0 0 0;}
.zmiana_temp .modal-dialog {width: 750px;}
.zmiana_temp .modal-dialog .modal-header {border: 0;}
.zmiana_temp .modal-dialog .modal-footer {border: 0;}
.change_temp {padding: 10px 0 10px 17px; border-radius: 6px;}
.change_temp:hover {background: #ededed; cursor: pointer;}



/*.checkbox .przekaznik img {width: 30px; height: 30px;}*/
.checkbox .przekaznik img, .listwa-img img {width: 30px; height: 30px;}
.listwa-img {margin-left: 15px !important; padding-top: 8px;}
.lista_desc {padding: 13px 0;}
.checkbox label.przekaznik {padding: 0;}
.checkbox .przekaznik input[type=checkbox] {margin:9px 0 0 5px;}
.checkbox .przekaznik span {margin-left:5px; color: #666;}
.listwa-grzejna .checkbox .przekaznik span {margin-left:25px; color: #666;}



/*-----------------------------------------------*/
/*                   parametry                   */
/*-----------------------------------------------*/
.parametry {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.left_nav ul {list-style-type: none; padding-left: 0;}
.left_nav ul li {line-height: 2.0;}
.left_nav ul li ul {margin-bottom: 20px; padding-left: 20px;}
.left_nav ul li a {color: #000; font-weight: 300;}

.left_border {border-left: 1px solid #ededed;}
.panel-body h3 {font-size: 18px; font-weight: 300; padding:0px; margin: 0;}
.regvalue {cursor: pointer;}


/*przemek*/
.ui-selected {border: 1px solid #656565 !important;}
.waitingDiv {margin:auto; font-size:40px; text-align:center; padding-top:80px;}
.pointer {cursor: pointer;}
.pointer:hover {text-decoration:underline;}
.pointer2 {cursor: pointer; text-decoration: underline;}
.head_input {font-size:14px !important; line-height: 15px !important;}

.remove_device {text-align: right; color: #f00; padding-right:25px;float:right;}
.opt_device {float:right;margin-right:20px;}
.dev_options {padding-top: 15px;font-size: 18px;padding-right: 0px; float:left;}

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

.hand_parent {padding-top:17px;}

.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/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/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/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/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/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/empty.png) no-repeat center top; display: block; text-align: center; padding-top: 50px; font-size: 38px; font-weight: 300;}



ul.screencode {min-width:60px;}
ul.screencode li {display:inline;}
ul.screencode li a{display:block;width:60px;text-indent:-9999px;}
    
ul.screencode li a:hover{background: #e6e6e6;}
ul.screencode li.frost a{height:30px ;background: url('../images/circle_0.min.png') bottom center no-repeat;}
ul.screencode li.min a{height:30px ;background: url('../images/circle_1.min.png') bottom center no-repeat;}
ul.screencode li.medium a{height:30px ;background: url('../images/circle_2.min.png') bottom center no-repeat;}
ul.screencode li.max a{height:30px ;background: url('../images/circle_3.min.png') bottom center no-repeat;}
        
#responseInfoBox {font-weight:bold; font-size:18px;}
.widget-test {margin-left:0px;padding:0 24px;}

.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;}
    
    
.temp_selected {background: #ddd !important; cursor: pointer;}
    
    
    
.widget-test .temp_zadana2.max {border-color: #f44336;} 
.widget-test .temp_zadana2.medium {border-color: #ffc107;} 
.widget-test .temp_zadana2.min {border-color: #8bc34a;} 
.widget-test .temp_zadana2.frost {border-color: #bdbdbd;}
.widget-test .temp_zadana2.off {border-color: #bdbdbd;}  
.widget-test .temp_zadana2.on {border-color: #f44336;}
.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: #f44336;} 
.temp_zadana3.medium {border-color: #ffc107;} 
.temp_zadana3.min {border-color: #8bc34a;} 
.temp_zadana3.frost {border-color: #bdbdbd;} 

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
  }
  
.popover {z-index:1300;}
h3.popover-title {margin:0; line-height:inherit; color: #000;}
.popover-content {color: #000;}

.gray {cursor:not-allowed;background:#ebebeb; color:#a1a1a1 !important;}

.home_nav { font-weight:400; font-size: 20px; padding:0 10px; }

.ctrl-hotwater {margin-left:40px;}

.my_shader {width:100%; height:100%; background:#000; opacity:0.1;display:none;position: absolute;top: 0;left: 0;z-index: 1000;}