#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
:root {
  --indigo-900: #17123f;
  --indigo-700: #2a2570;
  --indigo-500: #4158d0;
  --cyan-400:   #6fc0d8;
  --text: #0f1222;
  --muted: #556070;
  --border: #e7e8ec;
}

/* Base */
* { box-sizing: border-box; }
body { color: var(--text); }
.container { max-width: 1140px; margin: 0 auto; }
.section-title { font-weight: 800; margin: 0 0 14px; color: var(--text); }

/* HERO */
.hero-support {
  background: linear-gradient(135deg, var(--indigo-900) 0%, var(--indigo-500) 55%, var(--cyan-400) 100%);
  color: #fff;
  padding: 64px 0 40px;
  text-align: center;
}
.hero-support h1 { font-size: clamp(28px, 4vw, 44px); font-weight: 800; margin: 0; }
.hero-support .subtitle { opacity: 0.9; margin: 6px 0 20px; }
.hero-support .hero-search { max-width: 760px; margin: 0 auto; }

/* FAQ (replaces Articles populaires) */
.faq { padding: 26px 0 36px; }
.faq h2 { font-size: 24px; font-weight: 800; margin-bottom: 14px; }
.faq-item {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 12px;
}
.faq-item summary { cursor: pointer; font-weight: 600; }
.faq-item[open] { box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.faq-item p { margin-top: 10px; color: var(--muted); }

/* DASHBOARDS BAND */
.dashboards-band {
  background: linear-gradient(135deg, var(--indigo-500) 0%, var(--cyan-400) 100%);
  color: #fff;
  padding: 36px 0;
}
.band-inner { display: flex; align-items: center; justify-content: flex-end; }
.band-inner > div { max-width: 520px; }
.ghost-btn {
  display: inline-block;
  padding: 10px 16px;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
}
.ghost-btn:hover { background: rgba(255,255,255,.12); }

/* QUICK ACTIONS */
.quick-actions { padding: 34px 0 50px; }
.cta-card {
  display: block;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 18px;
  text-decoration: none;
  color: var(--text);
  transition: transform .12s ease, box-shadow .12s ease;
  height: 100%;
  box-shadow: 0 8px 24px rgba(0,0,0,.05);
}
.cta-card h3 { margin-top: 0; margin-bottom: 6px; font-weight: 800; }
.cta-card p { margin-bottom: 10px; color: var(--muted); }
.cta-card .cta-link { font-weight: 600; }
.cta-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0,0,0,.08); }

/* Responsive */
@media (max-width: 991.98px) {
  .band-inner { justify-content: center; text-align: center; }
}



/* ==========================================================================
   Global Site Theme (Power Pages) — Brand: #090a3c
   ========================================================================== */

/* ---- Design tokens ------------------------------------------------------ */
:root{
  /* Brand blues */
  --brand-500:#090a3c;   /* primary */
  --brand-600:#070833;   /* hover/active */
  --brand-700:#090a3c;   /* darkest */
  --brand-300:#2b2f86;   /* light accent */
  --brand-100:#eef0ff;   /* subtle tint */

  /* Neutrals */
  --surface:#ffffff;
  --surface-2:#f7f8fb;
  --text:#0f1222;
  --muted:#556070;
  --border:#e7e8ec;

  /* States */
  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#dc2626;

  /* Radii & shadows */
  --radius:12px;
  --radius-sm:10px;
  --shadow:0 8px 24px rgba(0,0,0,.08);
  --shadow-sm:0 3px 10px rgba(0,0,0,.05);

  /* Layout */
  --container-w:1140px;
  --space:16px;
}

/* ---- Base --------------------------------------------------------------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.5;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-500);text-decoration:none}
a:hover{color:var(--brand-300);text-decoration:underline}
.container{max-width:var(--container-w);margin:0 auto;padding:0 20px}

/* Typography */
h1,h2,h3,h4{font-weight:800;margin:0 0 .5rem}
h1{font-size:clamp(28px,4vw,44px)}
h2{font-size:clamp(22px,3.2vw,28px)}
h3{font-size:clamp(18px,2.6vw,22px)}
p{margin:0 0 1rem;color:var(--muted)}
small, .text-muted{color:var(--muted)!important}

/* ---- Buttons ------------------------------------------------------------ */
.btn, .button, a.btn, a.button{
  display:inline-block;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--text);
  padding:10px 16px;
  border-radius:var(--radius-sm);
  transition:transform .12s, box-shadow .12s, background .12s, color .12s, border-color .12s;
}
.btn:hover, .button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);text-decoration:none}
.btn:active{transform:translateY(0)}
.btn-primary, .button-primary, .btn.btn-primary{
  background:var(--brand-500);
  border-color:var(--brand-500);
  color:#fff;
}
.btn-primary:hover, .btn-primary:focus{background:var(--brand-600);border-color:var(--brand-600)}
.btn-outline, .button-outline{
  background:transparent;color:var(--brand-500);border-color:var(--brand-500)
}
.btn-outline:hover{background:var(--brand-100)}
.btn-link{border-color:transparent;background:transparent;color:var(--brand-500);padding:0}

/* ---- Forms -------------------------------------------------------------- */
.form-control,
input[type="text"],input[type="email"],input[type="password"],input[type="search"],
input[type="number"],select,textarea{
  width:100%;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:10px 12px;outline:none;transition:border-color .12s, box-shadow .12s;
}
.form-control:focus, input:focus, select:focus, textarea:focus{
  border-color:var(--brand-500);
  box-shadow:0 0 0 4px rgba(9,10,60,.15);
}
label{font-weight:600;color:#2d3253;margin-bottom:6px;display:inline-block}
.input-group .input-group-addon{background:#f3f4f8;border:1px solid var(--border)}

/* Validation */
.text-danger, .field-validation-error{color:var(--danger)!important}
.validation-summary-errors{
  border:1px solid #fecaca;background:#fef2f2;color:#7f1d1d;
  padding:10px 12px;border-radius:var(--radius-sm);margin-bottom:var(--space)
}

/* ---- Cards / Panels ----------------------------------------------------- */
.card, .panel, .adx-web-template .card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.card .card-body, .panel .panel-body{padding:18px}
.card:hover{box-shadow:var(--shadow)}

/* ---- Tables & Lists (Entity List) -------------------------------------- */
.table{
  width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);
  border-radius:var(--radius);overflow:hidden;background:#fff
}
.table th{background:var(--surface-2);color:#2d3253;font-weight:700}
.table th, .table td{padding:12px 14px;border-bottom:1px solid var(--border)}
.table tr:last-child td{border-bottom:none}
.table-hover tbody tr:hover{background:#fafbff}
.pagination>li>a, .pagination>li>span{
  border:1px solid var(--border);border-radius:8px;margin:0 4px;color:var(--text)
}
.pagination>li>a:hover{background:var(--brand-100);color:var(--brand-700)}

/* ---- Alerts ------------------------------------------------------------- */
.alert{border-radius:var(--radius-sm);border:1px solid var(--border)}
.alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.alert-danger{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}

/* ---- Navbar / Header ---------------------------------------------------- */
.navbar, .navbar-default, .navbar-inverse{
  border:none;box-shadow:0 6px 18px rgba(0,0,0,.06)
}
.navbar-default{background:#fff;border-bottom:1px solid var(--border)}
.navbar-inverse{
  background:linear-gradient(135deg,var(--brand-700),var(--brand-500));
  color:#fff;
}
.navbar a{font-weight:600}
.navbar-inverse .navbar-nav>li>a{color:#eef2ff}
.navbar-inverse .navbar-nav>li>a:hover{color:#fff}

/* ---- Footer ------------------------------------------------------------- */
footer, .site-footer{
  background:var(--brand-700);color:#dfe3ff;padding:22px 0;margin-top:40px
}
.footer-inner{display:flex;gap:20px;align-items:center}
.footer-left{flex:1;opacity:.9}
.footer-right{flex:1;display:flex;gap:16px;justify-content:flex-end;align-items:center}
.footer-right a{color:#fff;opacity:.95}
.footer-right a:hover{opacity:1}
.footer-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.footer-actions .footerbtn{min-width:150px}

/* ---- Breadcrumb --------------------------------------------------------- */
.breadcrumb{background:transparent;padding:8px 0;margin-bottom:12px}
.breadcrumb>li+li:before{content:'›';color:#9aa3b2}

/* ---- Search (generic hero search wrapper) ------------------------------- */
.site-search{
  max-width:760px;margin:0 auto;display:flex;align-items:stretch;
  border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);
  background:#fff;
}
.site-search input{border:none;flex:1;padding:12px 14px}
.site-search select{border:none;background:#f3f4f8;padding:12px 14px;min-width:120px}
.site-search button{border:none;background:#fff;width:54px}

/* ---- Hero / Banner (generic) -------------------------------------------- */
.hero{
  background:linear-gradient(135deg,var(--brand-700) 0%, var(--brand-500) 55%, var(--brand-300) 100%);
  color:#fff;text-align:center;padding:64px 0 40px;margin-bottom:8px
}
.hero .subtitle{opacity:.9;margin-top:6px}

/* ---- Quick Actions (3 cards row) ---------------------------------------- */
.quick-actions{padding:34px 0 50px}
.quick-actions .section-title{font-weight:800;margin:0 0 14px;color:var(--text)}
.cta-card{
  display:block;background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:18px;color:var(--text);box-shadow:var(--shadow-sm);
  transition:transform .12s, box-shadow .12s; height:100%;
}
.cta-card h3{margin:0 0 6px;font-weight:800}
.cta-card p{margin:0 0 10px;color:var(--muted)}
.cta-card .cta-link{font-weight:600}
.cta-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}

/* ---- FAQ (details/summary) --------------------------------------------- */
.faq{padding:26px 0 36px}
.faq h2{font-size:24px;font-weight:800;margin-bottom:14px}
.faq-item{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:12px 14px;margin-bottom:12px
}
.faq-item summary{cursor:pointer;font-weight:600}
.faq-item[open]{box-shadow:var(--shadow-sm)}
.faq-item p{margin-top:10px;color:var(--muted)}

/* ---- Entity Forms (Basic/Advanced) ------------------------------------- */
.entity-form, .adx-entityform{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:18px;box-shadow:var(--shadow-sm)
}
.entity-form h2, .adx-entityform h2{margin-bottom:10px}
.entity-form .btn-toolbar{margin-top:12px}

/* ---- Modals ------------------------------------------------------------- */
.modal-content{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}

/* ---- Utilities ---------------------------------------------------------- */
.shadow-sm{box-shadow:var(--shadow-sm)!important}
.shadow{box-shadow:var(--shadow)!important}
.rounded{border-radius:var(--radius)!important}
.text-right{text-align:right!important}
.w-100{width:100%!important}
.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}
.mb-8{margin-bottom:8px!important}.mb-16{margin-bottom:16px!important}.mb-24{margin-bottom:24px!important}
.p-0{padding:0!important}.p-8{padding:8px!important}.p-16{padding:16px!important}
.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}

/* ---- Responsive --------------------------------------------------------- */
@media (max-width: 991.98px){
  .container{padding:0 16px}
  .footer-inner{flex-direction:column}
  .footer-right{justify-content:center}
  .hero{padding:48px 0 32px}
  .quick-actions .row>[class*="col-"]{margin-bottom:16px}
}

/* ============================================================
   DROPDOWNS / SELECTS — readable, no clipping, brand caret
   ============================================================ */
:root{
  /* ensure brand tokens exist (your theme already sets these) */
  --brand-500: #090a3c;
  --border: #e7e8ec;
}

/* Base select styling across portal forms */
.entity-form select,
.adx-entityform select,
select.form-control,
select {
  width: 100%;
  max-width: 100%;
  font-size: 16px;              /* readable text */
  line-height: 1.4;             /* prevent vertical clipping */
  min-height: 44px;             /* good touch target */
  padding: 10px 44px 10px 12px; /* extra right padding for arrow */
  color: #0f1222;
  background-color: #fff;

  border: 1px solid var(--border);
  border-radius: 10px;

  /* Consistent custom arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23090a3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}

/* Focus ring in brand color */
.entity-form select:focus,
.adx-entityform select:focus,
select.form-control:focus,
select:focus {
  border-color: var(--brand-500);
  box-shadow: 0 0 0 4px rgba(9,10,60,.15);
  outline: none;
}

/* Make option rows comfortable in the dropdown list */
select option {
  padding: 6px 8px;
  white-space: normal;   /* allow wrapping where supported */
}

/* Firefox: keep extra right padding so text never sits under the arrow */
@-moz-document url-prefix() {
  .entity-form select,
  .adx-entityform select,
  select.form-control,
  select { padding-right: 52px; }
}

/* If a parent sets overflow hidden, keep the dropdown visible */
.entity-form .form-group,
.adx-entityform .form-group { overflow: visible; }

/* Disabled look to match rest of theme */
select:disabled {
  background-color: #f3f4f8;
  color: #8a90a6;
  cursor: not-allowed;
}


/* ================== Portal Search Bar — fixed & combined ================== */
/* Target the exact section that contains the Notes control */
.case-edit-form table.section[data-name="nouvel_incident_section_3"] .zero-cell {
  display: none !important;               /* hide the empty column */
}
.case-edit-form table.section[data-name="nouvel_incident_section_3"] .notes-cell {
  display: block !important;
  width: 100% !important;                 /* give notes full width */
}

/* Optional: hide the "Note Text" label row if it still shows */
.case-edit-form table.section[data-name="nouvel_incident_section_3"] .control-label {
  display: none !important;
}

/* Keep timestamps/author on one line and prevent odd wrapping */
.case-edit-form table.section[data-name="nouvel_incident_section_3"] *,
.case-edit-form table.section[data-name="nouvel_incident_section_3"] {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}
.case-edit-form table.section[data-name="nouvel_incident_section_3"] time {
  white-space: nowrap !important;
}

/* Slightly nicer spacing for each attachment/note card */
.case-edit-form table.section[data-name="nouvel_incident_section_3"] .attachment,
.case-edit-form table.section[data-name="nouvel_incident_section_3"] .note {
  margin-bottom: .75rem;
}


/* form-level scope */
.case-edit-form .note-actions .col-sm-3{
  /* Bootstrap 3 & 4/5 friendly */
  float: none;              /* BS3 */
  width: 100%;              /* BS3 */
  flex: 0 0 100%;           /* BS4/5 */
  max-width: 100%;          /* BS4/5 */
}
.case-edit-form .note-actions .addnote{
  display: block;
  width: 100%;
  text-align: center;
}