div[data-id="channelFilter"] {
  display: none;
}
#field_layoutId {
  display: none;
}
/* Delete min-height of widgets area */

.Layout__oneColumn,
.Layout__twoColumn,
.Layout__twoColumn2,
.Layout__twoColumnReverse {
  min-height: 0;
}

/* Footer display */

.Footer__footerQus {
  font-size: 1.5rem;
}

.Button__footerBtn {
  font-size: 1.5rem;
}

/* Mouse over color on footer button */
.Button__footerBtn:hover {
  background-color: #a2217f;}

/* Background for search button */
.commonStyle__zt3BrandBg {
  background-color: #a2217f;
}

/* Attach a file colors */
.commonStyle__zt3BrandBorder {
  border-color: #a2217f;
}
.commonStyle__zt3Brand,
.Icon__brand {
  color: #a2217f;
}

/* Submit a ticket page - body background color */
#ticketform_fields_container {
  padding: 20px;
  background-color: #f8f8f8;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Submit a ticket page -dropdown list background color */
.DropDown__dropdown {
  background-color: #fff;
}

.TicketFormLeftContainer__formHeader {
  display: none;
}
.TicketFormLeftContainer__sectionName {
  padding-top: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: inherit;
}

/* Reduce margin between widgets */
.WidgetContainer__contentList + .WidgetContainer__contentList {
  margin-top: 1rem;
}

/* Full card clickable */
.DepartmentList__listContent {
  position: relative;
}
.DepartmentList__listContent .Link__link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
/* hide the comment button for customer */
.ConversationForm__replay li:last-child {
  display: none;  
}

/*hide résolution from customers */
.ticketDetail .ticket_resolution {
    display: none;
}
 /* Color codes 
orange: #FFa500
green: #32a221
red: #ff0000

*/

/*
PreviousMessage: 
Fluid Topics Ongoing Incident on Publishing - staging and production publishing back for now.
Fluid Topics Incident on Publishing - staging and production publishing incident resolved. Thank you for your patience.
25-02-2025 btw 4PM: Possible SSO disruption: Some users may Experience access disruption to their FT portal - ongoing investigation.
04-03-2025: Temporary DITA Publishing Pause in Production Environment.
10-04-2025: Fluid Topics Ongoing Incident on Production - Some portals may Experience 504 errors. We are investigating to resolve the issue ASAP.
11-04-2025: Fluid Topics Incident on Production - Outage resolved, sorry for the inconveniences.
27-01-2026: Fluid Topics Ongoing Incident on Production - Some portals may Experience 503 errors. We are working on resolving the issue ASAP.
27-01-2026: Fluid Topics Ongoing Incident on Production - Portals who experienced 503 errors are coming back up. A fix is being deployed.
27-01-2026: Fluid Topics service restored - Portals who experienced 503 errors are back up. Sorry for the inconveniences.
11-02-2026: Fluid Topics Ongoing Incident - Staging and Development portals are returning 503 errors. We are investigating to resolve the issue ASAP.
11-02-2026: Fluid Topics Ongoing Incident - Staging and Development portal fronts are restored, but content processing is still down.
12-02-2026: Fluid Topics Incident - Service restored on Pre-production and Dev portals. Publishing is back up.
*/

/* NEW BANNER CODE */
/* Update the code below */
:root{
  /* TURN BANNER ON/OFF */
  --ft-display-banner: none; /* block for ON; none for OFF */
  /* message text — change as needed */
  --ft-banner-text: "Fluid Topics Incident - Service restored on Pre-production and Dev portals. Publishing is back up.";

  /* colors */
  --green: #38A169;
  --orange: #D87B2B;
  --red: #D6453B;
  --ft-on-color: #ffffff;

  /* Update color here! */
  --ft-banner-bg: var(--green);

  /* sizing / layout */
  --ft-banner-max-width: 1100px;
  --ft-banner-radius: 8px;
  --ft-banner-padding-vertical: clamp(8px, 2.2vh, 14px);
  --ft-banner-padding-horizontal: clamp(18px, 4.5vw, 60px);
  --ft-banner-font-size: clamp(14px, 1.2vw + 10px, 18px);
  --ft-banner-line-height: 1.45;

  /* animation / shadow */
  --ft-banner-transition: 240ms ease;
  --ft-banner-shadow: 0 10px 30px rgba(8,18,30,0.12), 0 3px 8px rgba(8,18,30,0.06);
}

/* baseline hidden so nothing appears unless .signedIn is present */
.AppContainer__breadCrumbs::after {
  content: none;
  display: none;             
  box-sizing: border-box;
  overflow: hidden;
  max-height: 0;
  padding: 0 var(--ft-banner-padding-horizontal);
  opacity: 0;
  transform: translateY(-6px);
  transition:
  max-height var(--ft-banner-transition),
  opacity var(--ft-banner-transition),
  transform var(--ft-banner-transition),
  padding var(--ft-banner-transition);
  pointer-events: none;       
}


/* show banner when .signedIn exists */
.signedIn .AppContainer__breadCrumbs::after {
  content: var(--ft-banner-text);
  display: var(--ft-display-banner);
  max-height: 200px;
  padding: var(--ft-banner-padding-vertical) var(--ft-banner-padding-horizontal);
  opacity: 1;
  transform: translateY(0);
  margin: 12px auto 0;
  max-width: var(--ft-banner-max-width);
  font-family: 'Latos', sans-serif;
  /* visual styling */
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0)) , var(--ft-banner-bg);
  color: var(--ft-on-color);
  text-align: center;
  font-size: var(--ft-banner-font-size);
  line-height: var(--ft-banner-line-height);
  box-shadow: var(--ft-banner-shadow);
  border: 1px solid rgba(255,255,255,0.06);
  box-sizing: border-box;
  pointer-events: auto;
}

/* OLD CODE - Message banner below  */

/*
.AppContainer__breadCrumbs::after{
  display: none
}
.signedIn .AppContainer__breadCrumbs::after{
  content: 'Fluid Topics Incident - Service restored on Pre-production and Dev portals. Publishing is back up.';
  display: block;
  text-align:center;
  padding: 12px 50px;
  margin: 0 auto;
  background-color:#32a221;
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
}
*/