/*
*  Clio Manager Both frontend & admin StyleSheet
*/

#wp-admin-bar-user-info img {
   width: 64px;
}

/* Adminbar */
#wpadminbar .quicklinks ul {
    text-align: left;
    background-color: #23282d;
}
.clio_adminbar-icon::before {
   font-size: 1.3em;
   vertical-align: sub;
   margin-right: 0.3em;
}

@media screen and (max-width: 782px) {
   #wpadminbar #wp-admin-bar-clio-adminbar,
   #wpadminbar #wp-admin-bar-clio-tutorials {
      position: static;
   }
   #wpadminbar li#wp-admin-bar-clio-adminbar,
   #wpadminbar li#wp-admin-bar-clio-tutorials {
      display: block;
   }
   #wpadminbar #wp-admin-bar-clio-adminbar .ab-icon:before,
   #wpadminbar #wp-admin-bar-clio-tutorials .ab-icon:before {
      top: -3px;
      line-height: 53px;
      height: 46px!important;
      text-align: center;
      width: 52px;
      display: block;
   }
   #wpadminbar #wp-admin-bar-clio-adminbar .ab-icon:before {
      top: -6px;
   }
   #wpadminbar #wp-admin-bar-clio-adminbar .clio_adminbar-icon {
      font-size: 1em !important;
   }
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
    height: 18px;
    border: none; 
    background: transparent;
}

#wp-admin-bar-clio-adminbar .awaiting-mod {
   display: inline-block;
   margin: 1px 0 0 2px;
   padding: 0 5px;
   min-width: 7px;
   height: 17px;
   border-radius: 11px;
   background-color: #ca4a1f;
   color: #fff;
   font-size: 9px;
   line-height: 17px;
   text-align: center;
   z-index: 26
}

#wp-admin-bar-clio-adminbar li.current a .awaiting-mod {
   background-color: #00b9eb;
   color: #fff
}