/*
 * NOTICE - PLEASE READ BELOW
 * ############################################################################
 *
 * THIS SITE USES A NEW GLOBAL CSS/JAVASCRIPT RESET AND CUSTOMISATION SYSTEM
 * PLEASE SPEAK TO A WUNDERWRITER BEFORE MAKING ANY CHANGES
 */

/* Imports */
@import url("https://schemeservefrontenduk.z33.web.core.windows.net/boilerplate/beta/ss-custom.css");

/* Custom fonts here */

:root {
  /* Override custom variables */
  /* Brand colors */
--ss-custom-color-primary--dark: #443c74;
--ss-custom-color-primary: #584D96;
--ss-custom-color-primary--light: #7166b0;
--ss-custom-color-secondary--dark: #d7dc78;
--ss-custom-color-secondary: #CBD24F;
--ss-custom-color-secondary--light: #b6be30;

}

/* Custom code here */
/* Installment Payment Option */
.is-frontend #ctl00_MainContent_divSetupDirectDebit table tr {
  display: flex;
  flex-direction: column;
}

.is-frontend #ctl00_MainContent_divSetupDirectDebit table .leftColumn,
.is-frontend #ctl00_MainContent_divSetupDirectDebit table .rightColumn {
  width: 100%;
}

.is-frontend #ctl00_MainContent_divSetupDirectDebit table .spacerColumn,
.is-frontend #ctl00_MainContent_ctl00_lblDateOfFirstCollectionLabel,
.is-frontend #ctl00_MainContent_ctl00_lblDateOfFirstCollection,
.is-frontend #ctl00_MainContent_ctl00_lblDateOfFirstCollection,
.is-frontend #ctl00_MainContent_ctl00_lblDayPaymentsWillBeTaken,
.is-frontend #ctl00_MainContent_ctl00_InstallmentsList_lnkToggle {
  display: none !important;
}

.is-frontend #ctl00_MainContent_divSetupDirectDebit table .gaptop20,
.is-frontend #ctl00_MainContent_divSetupDirectDebit table .InstallmentsList {
  display: none !important;
}

/*
CSS to handle back-office viewing7 case button changes
*/
#adjustment_link, #renewal_link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 14px;
  background-color: var(--ss-custom-color-primary);
  margin-bottom: 2px;
  border-radius: 20px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#adjustment_link .plus-icon, #renewal_link .plus-icon {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}

#adjustment_link .plus-icon {
  color: var(--ss-custom-color-secondary);
}