/* todo Implement different colours for different UserAlerService categories - danger, error, info, success */

.essa-alert.essa-alert-root {
  position: fixed;
  top: 20px;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  color: black;
  border: black;
  /*background-color: #efef08;*/
  background-color: #fc9376;
  padding: 15px;
  opacity: 0.99;
}

.essa-alert ul {
  list-style: none;
}

.essa-alert ul li {
  padding: 5px;
}

.essa-alert ul li:first-of-type {
  font-weight: bold;
}

.essa-alert button.close {
  font-size: 14px;
  margin-right: 6px;
  margin-top: 4px;
  opacity: 1;
  color: black;
  text-shadow: none;
  font-weight: normal;
}