.navbar-brand img, .page-avatar{
	height:40px;
}

.logo-text-small{
	font-size: 12px;
}
.bootstrap-datetimepicker-widget *{ 
  padding:2px !important; margin:0 !important;
  text-align:center !important;
}
.modal-xl {
	width: 90% !important;
	max-width:1680px !important;
	max-height: calc(100vh) !important;
	min-height:90%;
}
.modal-device .modal-header .close{
    font-size: 1.5rem;
    margin: -1rem -1rem -1rem auto;
}
.vtabs{
	width:100%;
}


.page-device .page-titles, .page-public .page-titles{
	margin:0;
}
.page-device footer, .page-public footer{
	margin:0;
}
.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link.active:focus, .tabs-vertical li .nav-link:hover{
	background-color:#5c4ac7;
}
.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active > a i,
.sidebar-nav > ul > li:hover> a, .sidebar-nav > ul > li:hover> a i{
    color:#5c4ac7;
}
#overview-devices #device-map{
	height:81vh; 
	width:calc(100% - 20px);
	transition: 1s;
}
.btn-device-map-expand:hover{
	cursor:col-resize
}
#overview-devices .btn-device-map-expand{
	border-radius: 0;
	padding: 0;
	width:20px;
	height:100%;
	background:#ccc;
	text-align:center;
	line-height:81vh;
}

#view-device #device-map{
	height:81vh; 
	width:100%;
	transition: 1s;
}
#view-device #device-map.collapsed{
	height:25vh
}
#view-device #device-map.expanded{
	height:81vh
}
#view-device .btn-device-map-expand{
	border-radius: 0;
	padding: 0;
}


#view-device-groups-tab .card-lamp, #view-device-lamps-tab .card-lamp{
	padding:0px;
}
#view-device-groups-tab .card-lamp .card-body, #view-device-lamps-tab .card-lamp .card-body{
	padding:0px;
}	
.card-pgxx-group, .card-pgxx-lamp{
	padding:0px;
}
.card-pgxx-group .card-body, .card-pgxx-lamp .card-body{
	padding:0px;
}	
.card-pgxx-group .card-body .row{
	margin:0;
	min-height:28px;
}	
.card-pgxx-group .card-body .row>div{
	padding:0;	
}
.card-pgxx-lamp span.number{
	font-size:8px
}
.card-pgxx-lamp{
    margin: 0;
    padding: 0;
    border: 1px solid #ffc107;
    border-radius: 0px;
    box-shadow: none;
	height:28px;
	color:#fff;
	background: #ffb22b;
}
.card-pgxx-lamp:hover{
	background: #ffc107;
	cursor: -webkit-grab; cursor: grab;
}
.card-pgxx-lamp .card-body{
    font-size:10px;
	line-height:14px
}
.list-group-edit-gxrc{
	
}
.list-group-edit-gxrc li{
	padding:3px;
}
.list-group-item-text-gxrc{
	width: 100%;
}.list-group-item-text-gxrc span{
	width:50%;
	display:inline-block;
	
}
.btn-group-xs > .btn, .btn-xs {
	padding: .25rem .25rem;
	font-size: 0.3rem;
	line-height: .5;
	border-radius: .15rem;
}
.card-pgxx-group-active{
	
}
.card-pgxx-group-disabled{
	background: #cccc none repeat scroll 0 0;
}
/*
.card-pg .card-body{
	padding: 0 0;
}
.dd-sortable{
	display:block;
	border: 2px #ccc dashed;
	background: #eee;
	height: 50px;
	margin: 0.25rem;
}

*/
#map-markers{
	height:81vh; width:100%
}
#map-markers-row{
	position:relative;
	height:100%;
	margin:0;
}
#map-markers-list{
	position:relative;
	height:100%;
}
#map-markers{
	padding-right:0;
	padding-left:0;
}
#map-markers-scroll{
	padding-right:15px;
	padding-left:15px;
}
#map-markers-tab a{
	padding-left:5px;
	padding-right:5px;
}
#map-markers .customtab2 li a.nav-link.active {
    color: #fff;
    background-color: #565656;
}
#map-markers .customtab2 li a.nav-link:hover {
    color: #fff;
    background-color: #565656;
}
#map-markers .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #565656;;
}
#map-markers .card{
	padding:5px;
	margin:5px 0;
	border-radius:3px;
	
}
#map-markers .card-title{
	font-size:14px;	
	line-height:14px;	
	margin:5px 0;
}
#map-markers .card-body{
	font-size:12px;	
}
#map-markers .card-switchboard, #map-markers .card-lamp, #map-markers .card-sensor{
	background:no-repeat right bottom;
	background-size:contain;
	transition: opacity .2s;
	opacity:0.85;
}
#map-markers .card-switchboard:hover, #map-markers .card-lamp:hover, #map-markers .card-sensor:hover{
	opacity:1;
	cursor:pointer;
}
#map-markers .card-switchboard{
	background-image: url(../icons/aieoua/ib/switchboard.svg);

}
#map-markers .card-lamp{
	background-image: url(../icons/aieoua/ib/lamp.svg);
}
#map-markers .card-sensor{
	background-image: url(../icons/aieoua/ib/sensor.svg);
	color:#EEE;
}

#map-markers .card-lamp.bg-on{
	background-color:#FFCC33;
	color:#EEE;
}
#map-markers .card-lamp.bg-off{
	background-color:#2CA089;
	color:#EEE;
}
#map-markers .card-lamp.bg-alarm{
	background-color:#D64C4C;
	color:#EEE;
}
#map-markers .card-sensor.bg-normal{
	background-color:#1EB5D8;
}
#map-markers .card-sensor.bg-alarm{
	background-color:#870C0C;
}

#map-markers .card-switchboard.bg-off{
	background-color:#2CA089;
	color:#EEE;
}
#map-markers .card-switchboard.bg-on{
	background-color:#FFCC33;
}
#map-markers .card-switchboard.bg-servis{
	background-color:#DDE4E4;
	color:#EEE;
}
#map-markers .card-switchboard.bg-blocked{
	background-color:#3C48DD;
	color:#EEE;
}
#map-markers .card-switchboard.bg-alarm{
	background-color:#D64C4C;
	color:#EEE;
}
#map-markers .card-title, #map-markers .card-body{
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}


#modal-device .view-device-thumb{
	background-repeat: no-repeat; 
	background-size:contain;
	background-position:center center;
	height:200px;
}
.item-sensor .card-sensor{
	height:175px;
}
.item-meter .card-meter{
	min-height:280px;
}
.card-switchboard-meter-value {
	font-size: 2rem;
}
.card-readout {

}
.card-sensor .card-title{
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-sensor .card-text{
    text-align: right;
}
.card-sensor span{
	display: block;
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-sensor span.value{
    font-size: 48px;
	font-weight: 600;
}
select.device-filter{
	min-height:80px;
}
.table-view-link, .view-link{
	cursor:poniter;
}
.view-device-group .container-canvas-chart{
	height: 250px
}
@media only screen and (max-width: 600px){
	.modal-xl .vtabs{
		display:block;
	}
	.modal-xl .vtabs .tabs-vertical{
		border:none;
		display:flex;
		width:auto;
		border-bottom: 1px solid #dee2e6;
	}
	.modal-xl .vtabs .tab-content{
		display:block;
		padding:0;
	}
	.modal-xl .vtabs .tabs-vertical li .nav-link{
		border-radius:4px;
	}
	.modal-xl .p-20{
		padding:0 !important;
	}
	.modal-xl #chart-sensor-data-container{ 
		height:500px;
	}
}
.ib{
	background-repeat:no-repeat;
	background-position:left 90%;
}

.ib-no2{
	background-image: url(../icons/aieoua/ib/no2.svg);
}
.ib-o3{
	background-image: url(../icons/aieoua/ib/o3.svg);
}
.ib-co{
	background-image: url(../icons/aieoua/ib/co.svg);
}
.ib-so2{
	background-image: url(../icons/aieoua/ib/so2.svg);
}
.ib-illum,.ib-uvi{
	background-image: url(../icons/aieoua/ib/illum.svg);
}
.ib-rh, .ib-cct, .ib-t_atm{
	background-image: url(../icons/aieoua/ib/t_atm.svg);
} 
.ib-p_atm{ 
	background-image: url(../icons/aieoua/ib/p_atm.svg);
}
.ib-pm25,.ib-pm100{
	background-image: url(../icons/aieoua/ib/pm25.svg);
}
.ib-spl{
	background-image: url(../icons/aieoua/ib/spl.svg);
}
.ii{
	padding: 3px;
    border: 1px solid;
    margin-right: 5px;
    border-radius: 12px;
}

.sc{
	color: #67757c;
}
.alert-danger.sc{
	color: #fc6180;
}

/* TABLE */
.dataTable>tbody>tr.odd>td, 
.dataTable>tbody>tr.odd>th {
   background-color:rgba(0,0,0,0.05);
 }

.dataTable>tbody>tr.even>td, 
.dataTable>tbody>tr.even>th {

 }
.dataTable>tbody>tr.odd:hover>td{
	background-color:rgba(0,0,0,0.08);
 }

.dataTable>tbody>tr.even:hover>td{
	background-color:rgba(0,0,0,0.08);
 }
 div.dataTables_wrapper div.dataTables_info {
   	padding: 0;
    white-space: break-spaces;
	font-size: 0.85rem;
}