.elementor-44150 .elementor-element.elementor-element-9e41c84{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-44150 .elementor-element.elementor-element-4c56854{--display:flex;}.elementor-44150 .elementor-element.elementor-element-f52d99c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-44150 .elementor-element.elementor-element-f52d99c .elementor-heading-title{font-family:"Lato", Sans-serif;color:#222222;}.elementor-44150 .elementor-element.elementor-element-0e23d5b > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-44150 .elementor-element.elementor-element-0e23d5b.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-0e23d5b *//* ===== Notification Table Styling ===== */
.with_frm_style {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 15px;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  border-radius: 8px;
  overflow: hidden;
}

/* ===== Table Header ===== */
.with_frm_style thead th {
  background: #f3f4f6;
  color: #333;
  font-weight: 600;
  text-align: left;
  padding: 10px 14px;
  border-bottom: 2px solid #e0e0e0;
}

/* ===== Table Rows ===== */
.with_frm_style tbody tr {
  border-bottom: 1px solid #eee;
  transition: background 0.2s ease;
}

/* Unread rows */
.with_frm_style tr.unread {
  background-color: #e8f3ff; /* Light blue */
  font-weight: 600;
}

/* Read rows */
.with_frm_style tr.read {
  background-color: #fff;
  font-weight: 400;
}

/* Hover effect */
.with_frm_style tbody tr:hover {
  background-color: #f9fafb;
}

/* ===== Table Cells ===== */
.with_frm_style td {
  padding: 10px 14px;
  color: #333;
  vertical-align: middle;
}

/* ===== Read/Unread Buttons ===== */
.with_frm_style .update-field-btn {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  transition: transform 0.15s ease;
}

.with_frm_style .update-field-btn:hover {
  transform: scale(1.2);
}

.with_frm_style .field-updated {
  font-size: 18px;
  color: #10b981; /* Green for checkmark */
}/* End custom CSS */