html {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}
body {
  background-color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.loader {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: auto;
}
.loader div {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.dialogwidth {
  width: 500px!important;
  left: 50%!important;
  margin-left: -250px !important;
}
.right {
  text-align: right;
  display: block;
  margin-top: 15px;
}
.loginloader {
  margin-right: 60px;
  margin-top: 0;
}
.hidden {
  display: none!important;
}
.menuSelected {
  background-color: #80DEEA !important;
}
.page {
  padding: 0;
  box-sizing: border-box;
}
.tab {
  padding: 10px 20px 20px 20px;
}
.error {
  color: #ff0000;
}
.deleted {
  text-decoration: line-through !important;
}
.tduser {
  padding: 2px!important;
}
.r_width {
  display: inline-block !important;
  vertical-align: top!important;
}
.editUserForm div div div div {
  max-height: 63vh!important;
}
.editUserForm div div {
  transform: none!important;
}
.listAvatar {
  border-bottom: 1px #d0d0d0 solid;
}
a.userAvatar {
  color: #666666;
  text-decoration: none;
}
a.userAvatar:hover {
  color: #000000;
}
a.userAvatar span {
  font-size: 8px;
  vertical-align: middle;
  color: #c0c0c0;
}
.table {
  width: 100%;
  border: 0;
  border-spacing: 0;
}
.table thead {
  color: #00BCD4;
  font-weight: bold;
}
.table tbody tr:hover {
  background-color: #EEEEEE;
}
td.tdadmin {
  width: 20px;
}
td.tdadmin a {
  color: #666666;
}
td.tdadmin a i {
  font-size: 20px;
}
tr.deleted {
  color: #999999!important;
}
tr.deleted label {
  text-decoration: line-through !important;
  color: #999999!important;
}
tr.selected {
  background-color: #00BCD4 !important;
  color: #ffffff;
}
tr.selectable {
  cursor: pointer;
}
tr.selectable:hover {
  background-color: #EEEEEE;
}
.selectField div {
  -webkit-appearance: none!important;
}
@media (max-width: 639px) {
  .offmob {
    display: none!important;
  }
  .r_width {
    width: 100%!important;
  }
}
@media (min-width: 640px) {
  .r_width {
    width: 50%!important;
  }
}
@media (min-width: 1024px) {
  .r_width {
    width: 33%!important;
  }
}