/**
 * @file
 * Custom CSS styles for administration dashboard page.
 */

/* Custom messages Info variant. */
.messages.messages--info {
  border-color: #598cff;
}

.messages--info .messages__header {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.445 5.95V13.7c0 .293.115.575.32.782.204.208.481.325.77.325v1.107H.081v-1.107c.29 0 .567-.117.772-.325.204-.207.32-.489.32-.782V8.164c0-.293-.116-.575-.32-.783a1.083 1.083 0 0 0-.772-.324V5.95h4.364ZM.627 2.63c0 .383.112.757.321 1.076.21.318.508.567.857.713A1.883 1.883 0 0 0 3.885 4 1.964 1.964 0 0 0 4.3 1.888a1.931 1.931 0 0 0-.703-.869 1.89 1.89 0 0 0-2.41.24c-.358.364-.56.857-.56 1.37Z' fill='%23598CFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left;
}

.messages .button {
  background-color: #3371ff;
  color: #fff;
  text-decoration: none;
}

.messages .button:hover {
  background-color: #004eff;
  color: #fff;
  text-decoration: none;
}