.alert {position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.1111111111rem; } .alert-heading {color: inherit; } .alert-link {font-weight: 700; } .alert-dismissible {padding-right: 4rem; } .alert-dismissible .close {position: absolute;top: 0;right: 0;padding: 0.75rem 1.25rem;color: inherit; } .alert-white {color: var(--white-alert-color);background-color: var(--white-alert-bg);border-color: var(--white-alert-border); } .alert-gray-100 {color: var(--gray-100-alert-color);background-color: var(--gray-100-alert-bg);border-color: var(--gray-100-alert-border); } .alert-gray-200 {color: var(--gray-200-alert-color);background-color: var(--gray-200-alert-bg);border-color: var(--gray-200-alert-border); } .alert-gray-300 {color: var(--gray-300-alert-color);background-color: var(--gray-300-alert-bg);border-color: var(--gray-300-alert-border); } .alert-gray-400 {color: var(--gray-400-alert-color);background-color: var(--gray-400-alert-bg);border-color: var(--gray-400-alert-border); } .alert-gray-500 {color: var(--gray-500-alert-color);background-color: var(--gray-500-alert-bg);border-color: var(--gray-500-alert-border); } .alert-gray-600 {color: var(--gray-600-alert-color);background-color: var(--gray-600-alert-bg);border-color: var(--gray-600-alert-border); } .alert-gray-700 {color: var(--gray-700-alert-color);background-color: var(--gray-700-alert-bg);border-color: var(--gray-700-alert-border); } .alert-gray-800 {color: var(--gray-800-alert-color);background-color: var(--gray-800-alert-bg);border-color: var(--gray-800-alert-border); } .alert-gray-900 {color: var(--gray-900-alert-color);background-color: var(--gray-900-alert-bg);border-color: var(--gray-900-alert-border); } .alert-black {color: var(--black-alert-color);background-color: var(--black-alert-bg);border-color: var(--black-alert-border); } .alert-blue {color: var(--blue-alert-color);background-color: var(--blue-alert-bg);border-color: var(--blue-alert-border); } .alert-indigo {color: var(--indigo-alert-color);background-color: var(--indigo-alert-bg);border-color: var(--indigo-alert-border); } .alert-purple {color: var(--purple-alert-color);background-color: var(--purple-alert-bg);border-color: var(--purple-alert-border); } .alert-pink {color: var(--pink-alert-color);background-color: var(--pink-alert-bg);border-color: var(--pink-alert-border); } .alert-red {color: var(--red-alert-color);background-color: var(--red-alert-bg);border-color: var(--red-alert-border); } .alert-orange {color: var(--orange-alert-color);background-color: var(--orange-alert-bg);border-color: var(--orange-alert-border); } .alert-yellow {color: var(--yellow-alert-color);background-color: var(--yellow-alert-bg);border-color: var(--yellow-alert-border); } .alert-green {color: var(--green-alert-color);background-color: var(--green-alert-bg);border-color: var(--green-alert-border); } .alert-teal {color: var(--teal-alert-color);background-color: var(--teal-alert-bg);border-color: var(--teal-alert-border); } .alert-cyan {color: var(--cyan-alert-color);background-color: var(--cyan-alert-bg);border-color: var(--cyan-alert-border); } .alert-primary {color: var(--primary-alert-color);background-color: var(--primary-alert-bg);border-color: var(--primary-alert-border); } .alert-secondary {color: var(--secondary-alert-color);background-color: var(--secondary-alert-bg);border-color: var(--secondary-alert-border); } .alert-success {color: var(--success-alert-color);background-color: var(--success-alert-bg);border-color: var(--success-alert-border); } .alert-info {color: var(--info-alert-color);background-color: var(--info-alert-bg);border-color: var(--info-alert-border); } .alert-warning {color: var(--warning-alert-color);background-color: var(--warning-alert-bg);border-color: var(--warning-alert-border); } .alert-danger, .alert-error {color: var(--danger-alert-color);background-color: var(--danger-alert-bg);border-color: var(--danger-alert-border); } .alert-light {color: var(--light-alert-color);background-color: var(--light-alert-bg);border-color: var(--light-alert-border); } .alert-dark {color: var(--dark-alert-color);background-color: var(--dark-alert-bg);border-color: var(--dark-alert-border); } .alert-color1 {color: var(--color1-alert-color);background-color: var(--color1-alert-bg);border-color: var(--color1-alert-border); } .alert-color2 {color: var(--color2-alert-color);background-color: var(--color2-alert-bg);border-color: var(--color2-alert-border); } .alert-color3 {color: var(--color3-alert-color);background-color: var(--color3-alert-bg);border-color: var(--color3-alert-border); } .alert-color4 {color: var(--color4-alert-color);background-color: var(--color4-alert-bg);border-color: var(--color4-alert-border); } .alert-color5 {color: var(--color5-alert-color);background-color: var(--color5-alert-bg);border-color: var(--color5-alert-border); } .alert-color6 {color: var(--color6-alert-color);background-color: var(--color6-alert-bg);border-color: var(--color6-alert-border); } .alert-color7 {color: var(--color7-alert-color);background-color: var(--color7-alert-bg);border-color: var(--color7-alert-border); } .alert-color8 {color: var(--color8-alert-color);background-color: var(--color8-alert-bg);border-color: var(--color8-alert-border); } .alert-color9 {color: var(--color9-alert-color);background-color: var(--color9-alert-bg);border-color: var(--color9-alert-border); } .alert-color10 {color: var(--color10-alert-color);background-color: var(--color10-alert-bg);border-color: var(--color10-alert-border); } .alert-color11 {color: var(--color11-alert-color);background-color: var(--color11-alert-bg);border-color: var(--color11-alert-border); } .alert-color12 {color: var(--color12-alert-color);background-color: var(--color12-alert-bg);border-color: var(--color12-alert-border); } .alert-color13 {color: var(--color13-alert-color);background-color: var(--color13-alert-bg);border-color: var(--color13-alert-border); } .alert-color14 {color: var(--color14-alert-color);background-color: var(--color14-alert-bg);border-color: var(--color14-alert-border); } .alert-color15 {color: var(--color15-alert-color);background-color: var(--color15-alert-bg);border-color: var(--color15-alert-border); } .alert-color16 {color: var(--color16-alert-color);background-color: var(--color16-alert-bg);border-color: var(--color16-alert-border); } .alert-color17 {color: var(--color17-alert-color);background-color: var(--color17-alert-bg);border-color: var(--color17-alert-border); } .alert-color18 {color: var(--color18-alert-color);background-color: var(--color18-alert-bg);border-color: var(--color18-alert-border); } .alert-color19 {color: var(--color19-alert-color);background-color: var(--color19-alert-bg);border-color: var(--color19-alert-border); } .alert-color20 {color: var(--color20-alert-color);background-color: var(--color20-alert-bg);border-color: var(--color20-alert-border); } .alert-message {display: flex;flex-direction: row;align-items: center;justify-content: space-between; } .alert-message .btn {padding: 0;box-shadow: none; } .alert-message:not(.show) {display: none; } 