/* MAIN STYLE*/
body{
  font-family: 'Open Sans', sans-serif;
}
.no-padding{
  padding:0;
}
.no-margin{
  margin:0;
}
.mdl-layout__header{
  color:black !important;
}
.mdl-layout__header-row .mdl-navigation__link{
  color:black;
}

.expand{
  padding-left:20px;padding-right:20px;font-size:25px!important;cursor:pointer;
}

.white{
  color:white!important;
}

.dl-layout--fixed-header{
  background-color:white;

}

.green-bkg{
  background-color:#3dbf22;
}


.green{
  color:#3dbf22;
}

.black{
  color:black;
}

.grey-bck{
  background-color:#242424;
}
.black-bck{
  background-color:#000;
}

.main-header{
  background-color:white;
  height:64px!important;
}

select.form-control {

}

/*SIDE BAR STYLE*/
.side-trigger{
  text-align:center;
  margin:auto;
  padding-top:20px;
  padding-bottom:20px;
  cursor:pointer;
  color:white;
  font-size:200%;  
}

.element-sidenav{
  overflow:hidden;
  margin-bottom:20px;
  margin-top:20px;
}

.sidenav-header {
  background-color:black;
  padding:20px 0;
  font-size:22px;
  color:white;
  height:71px;  
}

.maincontent-nav{
  background-color:#242424;
  padding:23px 0;
  font-size:22px;
  color:white;
  height:71px;
}

.side{
  display:none;
}

.close-side{
  cursor:pointer;
  margin-top:4px;
}

#sidenav-container{
  color:white;
  float:left;
  width: 322px;  
}

.btn-search{
  height:34px;
}

.btn-sidenav {
  padding-bottom:10px;
  padding-top:10px;
  color:black;
  font-size:18px;
}

.custom-input{
  background-color:black!important;
  color:white!important;
  border-color:#393939!important;
}

.divider{
  border-color:#393939;
}

.icon-margin{
  margin-right:10px;
}

.centro-selector{
  cursor:pointer;
}

.centrale-items{
  display:none;

}

.centrale-container{
  display:none;
  cursor:pointer;
}
.close-centrale , .close-centro{
  display:none;
  cursor:pointer;
}
.centrale-selector{

}
.element-sidenav{

}

.login-input{
  background-color:#f3f3f3;
  color: #999;
}

#sidebar{
  box-shadow: black 2px 2px 2px 2px;
  z-index: 3;
  float:left;
  width:70px;
}

.floating-sidebar{
  position:absolute;

  z-index:100;
}
.floating-sidebar-open{
  width: 400px;  
}
/* CONTENT */

.new-device{
  display:none;
}

.new-device-save{
  margin-top:40px;
}

.title-container{
  font-size:25px;
  color:#fff;
  margin-top:10px;
}

/* LOGIN */
.login-subtitle{
  font-size:16px;
}

.login-link{
  padding-top:15px;

}

.ui-widget-header{
  border: none!important;
  background:none!important;
  color:black!important;
}

#main-container{
  padding-left:410px;
}
.main-collapse{
  padding-left:82px!important;
}
.action-icon-sm{
  margin-top:3px;
}

.main-content{
  padding:20px;
}
.loader{
  position:absolute;
  width:100%;
  height:100%;
  text-align:center;margin:auto;
  z-index:100;
  top:0;left: 0;
  opacity:0.8;
  background:black;
  color:white;
  padding-top:20%;
  font-size:50px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- MEDIA QUERY */
/* Large desktop */
@media (min-width: 1200px) {

}

/* --------------------------------------------------------------------------------------------------------------------- terra di mezzo tra tablet e desktop */
@media (min-width: 980px) and (max-width: 1199px) {


}

/* ---------------------------------------------------------------------------------------------------------------- Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {


}

/* ---------------------------------------------------------------------------------------------------------------------- Landscape phone to portrait tablet */
@media (max-width: 767px) {
/*
  #main-container{
    padding-left:0px!important;
  }
  .main-collapse{
    padding-left:0px!important;
  }

  .floating-sidebar{
    max-width:100%;    
  }
  */
  
  #main-container{
    padding-left:0px
  }
  .main-collapse{
    padding-left:0px
  }

  .floating-sidebar{
    max-width:100%;    
  }
}

/* ------------------------------------------------------------------------------------------------------------------------------- Landscape phones and down */
@media (max-width: 480px) {


}