/*

*/
.container_flex{
    display: flex;
     gap: 16px;
}
.display_none{
    display: none !important;
}

.selectable_account_options{
    width: 50%;
    min-height: 50px;
    text-align: center;
    outline: 1px solid #E2E8F0;
    padding:10px;
    /* box-shadow: 0 4px 14px 0 rgba(66, 153, 225, 0.3);  */
}

 .selectable_account_options.selected-account
  {
    background-color: #EBF8FF; 
    border-color: #4299E1; 
    box-shadow: 0 4px 14px 0 rgba(66, 153, 225, 0.3); 
}

#partner-box, #customer-box{
 /*padding-top: 10%;*/
}


/* --- General Alert Styling --- */
.alert {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 8px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  position: relative;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

  /* A thick left border for emphasis */
  border-left-width: 6px;
}

/* Icon Styling */
.alert i {
  margin-right: 12px;
  font-size: 1.25rem;
  width: 20px;
  text-align: center;
}

/* --- Color Variations --- */

/* ✅ Success (Green) */
.alert-success {
  background-color: #f0f9eb; /* Light Green */
  border-color: #65a30d; /* Dark Green */
  color: #3f6212; /* Darker Green for text */
}

.alert-success i {
  color: #65a30d;
}

/* ❗ Danger / Error (Red) */
.alert-danger,
.alert-error {
  background-color: #fef2f2; /* Light Red */
  border-color: #dc2626; /* Red */
  color: #991b1b; /* Dark Red for text */
}

.alert-danger i,
.alert-error i {
  color: #dc2626;
}

/* ℹ️ Info (Blue) */
.alert-info {
  background-color: #eff6ff; /* Light Blue */
  border-color: #2563eb; /* Blue */
  color: #1e40af; /* Dark Blue for text */
}

.alert-info i {
  color: #2563eb;
}

/* 🔷 Primary (Indigo) */
.alert-primary {
  background-color: #eef2ff; /* Light Indigo */
  border-color: #4f46e5; /* Indigo */
  color: #3730a3; /* Dark Indigo for text */
}

.alert-primary i {
  color: #4f46e5;
}

/* 🔥 Warning (Amber) */
.alert-warning {
  background-color: #fffbeb; /* Light Amber */
  border-color: #d97706; /* Amber */
  color: #92400e; /* Dark Amber for text */
}

.alert-warning i {
  color: #d97706;
}