.float-right {
   float: right;
}

.marginv10 {
   margin: 10px 0;
}

.full-width,
.full-width > button,
.full-width ul.mui-dropdown__menu {
   width: 100%;
}

.mui--text-title:first-letter,
.capitalize:first-letter {
   text-transform: uppercase;
}

.mui-text-success {
   color: #8bc34a;
}

.navbarAvatar {
   height: 34px;
   border-radius: 17px;
   top: 12px;
   position: relative;
   margin-right: 6px;
}

/**
 * Layout CSS
 */
#header {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 2;
   transition: left 0.2s;
}

#sidedrawer {
   position: fixed;
   top: 0;
   bottom: 0;
   width: 250px;
   left: -250px;
   overflow: auto;
   z-index: 2;
   background-color: #fff;
   transition: transform 0.2s;
}

#sidedrawer ul {
   padding-left: 0;
   overflow: hidden;
}

#sidedrawer li {
   list-style: none;
}
#sidedrawer .mui-btn {
   width: 100%;
   text-align: left;
}

#content-wrapper {
   min-height: 100%;
   overflow-x: hidden;
   margin-left: 0px;
   transition: margin-left 0.2s;

   /* sticky bottom */
   margin-bottom: -160px;
   padding-bottom: 160px;
}

#footer {
   height: 160px;
   margin-left: 0px;
   transition: margin-left 0.2s;
}

@media (min-width: 768px) {
   #header {
      left: 250px;
   }

   #sidedrawer {
      transform: translate(250px);
   }

   #content-wrapper {
      margin-left: 250px;
   }

   #footer {
      margin-left: 250px;
   }

   #sideMenu.hide-sidedrawer #header {
      left: 0;
   }

   #sideMenu.hide-sidedrawer #sidedrawer {
      transform: translate(0px);
   }

   #sideMenu.hide-sidedrawer #content-wrapper {
      margin-left: 0;
   }

   #sideMenu.hide-sidedrawer #footer {
      margin-left: 0;
   }
}

/**
 * Toggle Side drawer
 */
#sidedrawer.active {
   transform: translate(250px);
}

@media (max-width: 768px) {
   #sidedrawer.active {
      border-right: 1px solid #ebebeb;

      box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
   }
}

ul.mui-tabs__bar a {
   cursor: pointer;
}
/**
 * Header CSS
 */
.sidedrawer-toggle {
   color: #fff;
   cursor: pointer;
   font-size: 20px;
   line-height: 20px;
   margin-right: 10px;
}

.sidedrawer-toggle:hover {
   color: #fff;
   text-decoration: none;
}

/** responsive table */
table {
   overflow: scroll !important;
}
table tbody tr:hover {
   background-color: #fafafa;
}

.mui-btn--xsmall {
   height: 24px;
   line-height: 24px;
   padding: 0 14px;
   font-size: 11px;
}

.mui-btn--xsmall.mui-btn--fab {
   width: 24px;
   padding: 0 6px;
}

ul.mui-dropdown__menu li a {
   cursor: pointer;
}

@media screen and (max-width: 600px) {
   table {
      width: 100%;
   }
   thead {
      display: none;
   }
   tr:nth-of-type(2n) {
      background-color: inherit;
   }
   tr td:first-child {
      background: #f0f0f0;
      font-weight: bold;
      font-size: 1.3em;
   }
   tbody td {
      display: block;
      text-align: center;
   }
   tbody td:before {
      content: attr(data-th);
      display: block;
      text-align: center;
   }
}