/**  Customization for toolbar **/ 



/**  toolbar background **/ 
#Tension {  

/*  background: #fff!important;
  width: 100%;*/
  
}

/**  toolbar icons desktop **/ 

.Bar {
/*
  height: 21px;
  width: 100%;
  margin-right: 3px !important;
  margin-left: 3px !important;
  padding: 11px 10px !important;
  color: gray;
  border-width: 1px;
  border-style: solid;  
  border-bottom-width: 0px;
  width: 25px;
  border-top-width: 0px;
*/
}

/*icon color*/

.Bar i {

/*  color: gray !important;*/

}

/*icon active color*/

.bar-active i {

  /*color: red !important;*/

}

@media only screen and (min-width: 320px) and (max-width: 1000px) {

 /*toolbar icons mobile, using smaller sizes to fit all icons on toolbar **/

  .Bar {
    

 /*   width: 100%;
    margin-right: 0px !important;
    margin-left: 0px !important;     
    width: 23px !important;
   */

    
  }
}