/* Icons */

/********************************/
/************* Icons ************/
/********************************/

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

a i {vertical-align: middle;}

.material-icons.leftnav {
  color: #f0ffff;
  border-radius: 50%;
  padding: 10px;
}

.material-icons.leftnav:hover {
  color: #b2dfdb;
}

i.material-icons.system-correct  {
  color: rgba(46, 204, 113,0.8); /* green #2ecc71 */
}

i.material-icons.system-problems  {
  color: 	rgba(231, 76, 60,0.8); /* red #e74c3c */
}

i.material-icons.system-check  {
  color: #454948;
}

i.material-icons.settings-info {
  color: #bdc3c7;
  font-size: 18px;
  padding: none;
  margin: none;
  display: inline;
}

#circle i.material-icons {
  border-radius: 50%;
  font-size: 36px;
  width: 100px;
  height: 100px;
  color: #f0ffff;
  background: #e67e22;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  /*-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);*/
  -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
  /*box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);*/
}

i.material-icons.system-problems  {
  color: #e74c3c;
}

#circle-error i.material-icons {
  border-radius: 50%;
  font-size: 76px;
  width: 140px;
  height: 140px;
  color: #f0ffff;
  background: #e67e22;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 44px;
  transition: all .5s ease-in-out;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.5);
}

/*@keyframes spin {
 
  100% { transform: rotate(360deg); }
}*/

i.navout-lang-icon 
{
  display: inline-block;
  vertical-align: text-top;
}

.material-icons.icon-header-nav {
  padding-top: 8px;
}

.material-icons.icon-header-nav:focus,
.material-icons.icon-header-nav:active {
  color:  #ff9800 !important;
}

.material-icons.header-dropdown {
  color:  #ff9800;
}

.material-icons.icon-language-dropdown {
  color: #f0ffff;
}

.header-icon {
    color: White;
}

.table-icon {
    font-size: 17px !important;
}

/* online status icons */
.material-icons.icon-online{
  color:rgba(46, 204, 113,0.7);
}
.material-icons.icon-offline{
  color: rgba(255, 255, 255, 0.2);
}
.material-icons.icon-incall{
  color: rgba(255, 152, 0,0.8);
}
/* icon size */
.material-icons.md-14{font-size: 14px;}
.material-icons.md-16{font-size: 16px;}
.material-icons.md-18{font-size: 18px;}

.material-icons.btn-icon{
    margin-right: 5px;
}