body {overflow-y:scroll;}

@media (min-width:1300px) {
	.container {
		width:1270px;
		max-width:100%;
	}
}
@media (min-width:1450px) {
	.container {
		width:1430px;
		max-width:100%;
	}
}
@media (min-width:1600px) {
	.container {
		width:1590px;
		max-width:100%;
	}
}


.id-czujnika {font-size: 18px; color: #999;}

.czujnik-prog {flex: 0 1 25%; display: flex; flex-direction: column; align-items: flex-end;}
.czujnik-value {font-size: 1.84615rem;}
.czujnik-value {font-size: 1.33rem;}
.czujnik-value-title {font-weight: 300;}

.humidity .icon {flex:0 1 50%; font-size: 30px; color: dodgerblue}
.temperatura .icon {flex:0 1 50%; font-size: 30px; color:darkorange}

.czujnik-box-item {padding: 12px 30px; display: flex; width: 100%; margin-bottom: 0; align-items: center; justify-content:space-between;}/*border-bottom: 1px solid #e6e6e6; */

.wykres {margin-bottom: 40px;}

.on {color: darkgreen;}
.off {color:brown;}

button.btn.btn-space.btn-green.btn-xs {background-color: darkgreen;}


.input-group input {padding-left: 10px !important;}

.mai-datatable-header {display: none;}

.temp_val {font-size: 22px;}
.hum_val {font-size: 22px;}

#czujniki th {font-weight: bold;}

.mai-sub-header {padding: 0 0 0 0;}
.mai-sub-header:before {background: none; height: 0;}
.mai-sub-header .search {right: 32px; top: 48px; width: 170px;}

.mai-sub-header .navbar-nav > .nav-item.open > a, .mai-sub-header .navbar-nav > .nav-item.open:hover > a {background: #f4f4f4;}






@media (max-width:768px) {
	.dotmenu {
	    top: 7px;position: absolute; right: 0; 
	}
}
@media (min-width:768px) {
	.dotmenu {position: absolute; right: 0; top: 29px;}
}



.dotmenu .dot {color: #fff;}
.dotmenu .dot span {font-size: 30px; max-width: 10px;}
.dotmenu .dot img {height: 30px; padding-top: 5px;}

.modal-body {margin-top: -20px; padding-top: 0;}

.modal-header {justify-content: flex-start !important;}
.modal-header h3 {text-align: left !important;}
.modal-header .close {position: absolute;right: 20px;}

.black-select {background:url(../img/select.png) no-repeat right 20px center; height: 36px !important; line-height: 36px; padding-left: 10px !important;}
.register-check {margin:8px 0 -4px 10px;}



#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
  }
  
table.dataTable thead th {font-weight:bold;}
table.dataTable thead span {display:block; padding-left:20px;}



table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before {
    left: 0.3em;
    content: "";
}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after {
    left: 0.8em;
    content: ""
}


table.dataTable thead .sorting_asc:before{
    left: 0.4em;
    content: "\25B2";
    opacity: 1;
}

table.dataTable thead .sorting_desc:before{
    left: 0.4em;
    content: "\25BC";
    float:left;
    opacity: 1;
}

tr.trh {cursor:pointer;}

.alarm_td_0 {color: #000000;display: block;text-align: center;font-size:22px;}
.alarm_td_1 {color: #000000;display: block;text-align: center;font-size:22px;}
.alarm_td_2 {color: #615a06;display: block;text-align: center;font-size:22px;}
.alarm_td_3 {color: #615a06;display: block;text-align: center;font-size:22px;}
.alarm_td_4 {color: #ff0000;display: block;text-align: center;font-size:22px;}
.alarm_td_5 {color: #ff0000;display: block;text-align: center;font-size:22px;}

.time-control, .time-control2 {cursor:pointer;}
.time-control:hover {border:1px solid #dedede; background: #cecece;}
.time-control2:hover {border: 1px solid #dedede; background: #cecece;}

.alarm_trh {padding:5px 15px; font-size: 15px;flex:0 1 50%;}
.alarm_trh_0 { color:#000000}
.alarm_trh_0 .icon { color:#000000}
.alarm_trh_1 { color:#000000}
.alarm_trh_1 .icon { color:#000000}
.alarm_trh_2 { color:#615a06}
.alarm_trh_2 .icon { color:#615a06}
.alarm_trh_3 { color:#615a06}
.alarm_trh_3 .icon { color:#615a06}
.alarm_trh_4 { color:#ff0000}
.alarm_trh_4 .icon { color:#ff0000}
.alarm_trh_5 { color:#ff0000}
.alarm_trh_5 .icon { color:#ff0000}

.header_info {display:flex; width:100%;padding:3px 15px;font-size:1.0rem;}
.header_info span{font-weight:bold;}

table.alertTable thead th {font-weight:bold;width:25%; text-align:left !important;}
table.alertTable tbody td {width:25%; text-align:left !important;padding-left:25px;}
.trh_config {cursor:pointer; margin:0; padding:0;}
.czujnik-prog2 {flex: 0 0 100%; display: flex; align-items: flex-end;}
.czujnik-box-item {padding: 5px 15px;}

.btn-default-time {background: #f4f4f4;}
.time-travel > span {background: #f4f4f4; border: none;}
.time-travel > input {border: none;}


.red-font {color: #f00; font-weight:400; font-size:25px;}
.red-font-14 {color: #f00; font-weight:bold; font-size:14px;}
.green-font {color: #2cc185; font-weight:400; font-size:25px;}
.green-font-14 {color: #2cc185; font-weight:bold; font-size:14px;}

.loading-skeleton {animation: skeleton-loading 1s linear infinite alternate; width:26px; height:18px;border-radius:5px; margin:auto;}
@keyframes skeleton-loading {
	
	100% {
		background-color: hsl(200, 20%, 95%);
	}
	0% {
		background-color: hsl(200, 20%, 70%);
	}
}