.whats-new-dialog .title {
  padding: 10px 0;
  border-bottom: 1px solid rgba(70, 90, 100, 0.13);
  margin: 0 0 0.8em 0;
}
.whats-new-dialog .whats-new-icon {
  position: relative;
  display: inline-block;
  margin: 0;
  top: 0;
  right: 0;
}
.whats-new-dialog .notes-section {
  margin-bottom: 3em;
}
.user-roles-component .role {
  cursor: pointer;
  display: inline-block;
  min-width: 100px;
  padding: 4px;
  border-radius: 10px;
  font-size: 0.9em;
  font-weight: 300;
  text-align: center;
  background: #e0e0e0;
  margin: 5px 3px;
}
.user-roles-component .role:hover {
  background: rgb(203.6, 203.6, 203.6);
}
.user-roles-component .role:active, .user-roles-component .role:focus {
  background: rgb(193.4, 193.4, 193.4);
}
.user-roles-component .role.active {
  background: rgb(72.8192307692, 117.5653846154, 187.8807692308);
  color: #FFFFFF;
}
.user-roles-component .role.active:hover {
  background: rgb(59.2038461538, 98.6730769231, 160.6961538462);
}
.user-roles-component .role.active:active, .user-roles-component .role.active:focus {
  background: rgb(53.7115384615, 89.5192307692, 145.7884615385);
}
/** @format */
@keyframes opcanim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.toast-message {
  position: fixed;
  top: 70px;
  right: 10px;
  width: auto;
  height: auto;
  z-index: 200;
  background: #F44336;
  color: #FFFFFF;
  border-radius: 5px;
  padding: 1em;
  font-weight: lighter;
  animation: opcanim 1s ease-in-out;
}
.toast-message p {
  margin: 2px 0;
}
.toast-message .close {
  position: absolute;
  top: 0;
  right: 8px;
  font-weight: lighter;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvYXBwfjQwMDFjMjI0LmJmOThiNDg0NmZhNDU0YmRhMWQwLmNodW5rLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/