html,
body,
.sidebar-inner,
.tab-content,
.tabs-div,
.container,
aside{
height: 100%;
	
}

aside {
    background: #fcfcfc;
width: 250px;
visibility: unset;
transition: all 0.5s;
left: 0px;
position: fixed;
z-index: 10;
border-right: 1px solid #DADADA;
    
}
.main-content {
  
    height: 100%;
    transition:margin-left 0.5s;
	position:relative;
	z-index:5;
	margin-left:250px;
}

#sidebar-button {
   position: absolute;
right: 7px;
bottom: 1px;
font-size: 25px;
cursor: pointer;
color:#797878;
  transition:right 0.5s;
}

.logo-bar {
    background: #797878;
    padding: 5px;
    text-align: center;
}


.logo-bar img{
	height:40px;
	
}



.menu-bar ul li{
list-style:none;
border-bottom:1px solid #F0F0F0;	
}

.menu-bar ul {
padding-left:0px;
padding-top: 5px;	
}



.menu-bar ul li a{
color: #7B7A7A;
padding: 14px 5px;
display: table;
width:100%;
font-size: 14px;
	
}

.menu-bar ul li a:hover{
opacity:0.6;	
}

.men-col-1{
width: 10%;
display: table;
float: left;
font-size: 17px !important;
padding-left: 7px;
margin-top: 2px;
text-align: center;
}

.men-col-2{
text-align:center;
width:80%;
display:table;	
float:left;
}

.men-col-3{
width: 10%;
display: table;
float: left;
text-align: right;
padding-right: 2px;
padding-top: 2px;
}


.user-menu {
    position: absolute;
    bottom: 2px;
    left: 20px;
}



.user-menu a{
color:#797878;

}
.menu-bar ul.submenu{
padding-left:5px;	

}

.menu-bar ul.submenu[data-what="close"]{
display:none;	
}

.menu-bar ul.submenu[data-what="open"]{
display: table;
width:100%;
}

.menu-bar ul.very-submenu[data-what="close"]{
display:none;	
}

.menu-bar ul.very-submenu[data-what="open"]{
display: table;
width:100%;
}

.menu-bar ul.submenu li a{
color: #7B7A7A;
padding: 5px 5px;
padding-left: 5px;
display: table;
width: 100%;
font-size: 12px;
background: white;
padding-left: 10px;

}


.menu-bar ul.submenu li a br{
float:left;	
}



.menu-bar {
    height: calc(100% - 90px);
    overflow-y: auto;
}

.menu-bar ul.submenu .active {
    background: #cf202a ;
    color: white;
}

.menu-bar ul.submenu .active span{
  
    color: white !important;
	font-weight:bold;
}



.full-iframe{
	width:100%;
	border:0px;
	height: 85%;
}



.tab-pane.active {
    height: 100%;
    padding-top: 5px;
}


.tab-content {
width:100%;	
}
.container {
    width: 100%;
}


.modal-dialog {
    width: 80%;
 
}
.modal-content {
     height: 600px;
}

.tab-content > .tab-pane {
    width: 100%;
}

.dataTables_scrollHeadInner {
    width: unset !important;
}


.settings-row .col-md-3 {
  
    min-height: 60px;
    font-size: 12px;
	padding-right: 0px;
}
.form-control {
    height: 26px;
    font-size: 12px;
    border-radius: 2px;
}


.settings-row  .col-md-6 {
   
    padding-right: 10px;
    padding-left: 0px;
}



.settings-row  .col-md-12 {
   
    padding-right: 10px;
    padding-left: 0px;
}


.settings-row .btn.btn-default {
    height: 27px;
    font-size: 12px;
    border-radius: 2px;
    background: #8A8A8A;
    color: white;
}

.settings-row .btn.btn-default:hover{
opacity:0.5;	
}


.settings-map{
background: #fbfbfb;
height: 242px;
position: relative;
margin-top: -14px;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 1px;
}
.btn{
	 font-size: 12px;
	 border-radius: 1px;
	 padding: 2px 4px;
	 padding-top: 5px;
}

.tool-td i{
margin-left:5px;	
}


.lamps-exports-for-chart-ul li {
 font-size: 10px;
display: inline-table;
padding: 2px 7px;
width: 5%;
}



.lamps-exports-for-chart-ul {
    height: 90px;
    overflow-y: auto;
    border: 1px solid #C0C0C0;
    padding: 0px;
    background-color: #F9F9F9;
}


.dashboard-row{
padding-top:15px;	
}


.chart-col{
padding:unset;	
}

.count-box{
height:100px;
margin-bottom:15px;	
width:100%;
}

.count-box-red{
background-color:#b83c3c;	

}


.count-box-green{
background-color:#44b67b;	
}

.dashboard-row {
padding:10px 15px;	
}


.count-lamps-boxes-col {
    padding-top: 30px;
    padding-right: 40px;
}
.row.count-box-row {
    padding-left: 20px;
    padding-top: 16px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 18px;
}


.count-box-text {
    font-size: 13px;
    line-height: 14px;
    padding-top: 11px;
    padding-right: 6px;
}

.checkboxes i{
font-size:15px;
padding:0px 5px;	
cursor:pointer;
}

a{
cursor:pointer;	
}

.old-new-image img{
width: 100%;
height: 90px;
object-fit: cover;
}



.big-height {
    height: 35px;
    margin-bottom: 25px;
}

.sakis-label-node{
background:white;	
}


.smart-devices-colapse-btn {

    cursor: pointer;
    background: #4E4E4E;
    margin-bottom: 10px;
    color: #fff;
    padding: 6px;
    font-size: 13px;

}


.on-off-panel-meter{
max-width:400px;	
}