@tailwind base;
@tailwind components;
@tailwind utilities;
@import './icomoon/style.css'

/**************** My custom styles *****************/

.my-alert-primary {
  color: #084298; /* Text color */
  background-color: #cfe2ff; /* Background color */
  border: 1px solid #b6d4fe; /* Border color */
  padding: 1rem 1rem; /* Padding similar to Bootstrap */
  margin-bottom: 1rem; /* Margin similar to Bootstrap */
  border-radius: 0.25rem; /* Border radius similar to Bootstrap */
}
.my-alert-success {
  color: #0f5132; /* Text color */
  background-color: #d1e7dd; /* Background color */
  border: 1px solid #badbcc; /* Border color */
  padding: 1rem 1rem; /* Padding similar to Bootstrap */
  margin-bottom: 1rem; /* Margin similar to Bootstrap */
  border-radius: 0.25rem; /* Border radius similar to Bootstrap */
}
.my-alert-danger {
  color: #842029; /* Text color */
  background-color: #f8d7da; /* Background color */
  border: 1px solid #f5c2c7; /* Border color */
  padding: 1rem 1rem; /* Padding similar to Bootstrap */
  margin-bottom: 1rem; /* Margin similar to Bootstrap */
  border-radius: 0.25rem; /* Border radius similar to Bootstrap */
}
.my-alert-warning {
  color: #664d03; /* Text color */
  background-color: #fff3cd; /* Background color */
  border: 1px solid #ffecb5; /* Border color */
  padding: 1rem 1rem; /* Padding similar to Bootstrap */
  margin-bottom: 1rem; /* Margin similar to Bootstrap */
  border-radius: 0.25rem; /* Border radius similar to Bootstrap */
}
.my-alert-info {
  color: #055160; /* Text color */
  background-color: #cff4fc; /* Background color */
  border: 1px solid #b6effb; /* Border color */
  padding: 1rem 1rem; /* Padding similar to Bootstrap */
  margin-bottom: 1rem; /* Margin similar to Bootstrap */
  border-radius: 0.25rem; /* Border radius similar to Bootstrap */
}