@import url("./lib/jquery.jgrowl.min.css");

.office-message-success { background-color: white !important;  width: 300px !important; opacity: 1; color: black; border-radius: 16px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.10); font-family: 'Inter'; font-size: 18px; font-weight: 600; padding: 24px;}

.office-message-success .jGrowl-message {
  display: flex;
  align-items: center;
  gap: 12px;
}

.office-message-success .jGrowl-message::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 2px;

  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.25 12C0.25 5.51065 5.51065 0.25 12 0.25C18.4893 0.25 23.75 5.51065 23.75 12C23.75 18.4893 18.4893 23.75 12 23.75C5.51065 23.75 0.25 18.4893 0.25 12ZM17.0303 9.53033C17.3232 9.23744 17.3232 8.76256 17.0303 8.46967C16.7374 8.17678 16.2626 8.17678 15.9697 8.46967L10.5 13.9393L8.03033 11.4697C7.73744 11.1768 7.26256 11.1768 6.96967 11.4697C6.67678 11.7626 6.67678 12.2374 6.96967 12.5303L9.96967 15.5303C10.2626 15.8232 10.7374 15.8232 11.0303 15.5303L17.0303 9.53033Z' fill='%2327C840'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

  background-size: contain;
  background-repeat: no-repeat;
}


.office-message-error { background-color: white !important; width: 300px !important; opacity: 1; color: black; border-radius: 16px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.10); font-family: 'Inter'; font-size: 18px; font-weight: 600; padding: 24px;}

.office-message-error .jGrowl-message {
  display: flex;
  align-items: center;
  gap: 12px;
}

.office-message-error .jGrowl-message::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 2px;

  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.25 12C0.25 5.51065 5.51065 0.25 12 0.25C18.4893 0.25 23.75 5.51065 23.75 12C23.75 18.4893 18.4893 23.75 12 23.75C5.51065 23.75 0.25 18.4893 0.25 12ZM8.46966 15.5303C8.17677 15.2374 8.17677 14.7626 8.46966 14.4697L10.9393 12L8.46967 9.53035C8.17678 9.23745 8.17678 8.76258 8.46967 8.46969C8.76256 8.17679 9.23744 8.17679 9.53033 8.46969L12 10.9393L14.4697 8.46968C14.7626 8.17678 15.2374 8.17678 15.5303 8.46968C15.8232 8.76257 15.8232 9.23744 15.5303 9.53034L13.0607 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2375 15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L12 13.0607L9.53032 15.5303C9.23743 15.8232 8.76255 15.8232 8.46966 15.5303Z' fill='%23FF5F57'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

  background-size: contain;
  background-repeat: no-repeat;
}

.office-message-info { background-color: black !important; }

#office-auth-form .red {
    color: darkred;
}