@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  /* global */
  --base-font-size: 100%;
  --mobile-font-size: 100%;
  --inner-width: 1170px;
  --article-width: 900px;
  --inner-padding: 1em;
  /* used only for left and right padding on inner container */
  --widget-padding-top: 6em;
  --widget-padding-bottom: 6em;
  --interactive-transition: all 0.6s;
  /* used for links, inputs and buttons */
  --default-gap: 2em;
  /* used for spacing between elements throughout the site, e.g. grid gap, margins, padding, etc. */
  --default-box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2);
  /* used for card-like elements */
  --default-border-radius: 0;
  --bold-weight: 700;
  /* varies depending on font family */
  --imagebar-overlay: rgba(0, 0, 0, 0.5);
  --loader-size: 4rem;
  --loader-padding: 4rem;
  --loader-colour: var(--brand-1-bg);

  /* colours */
  --dark-blue-500: #001747;
  --dark-blue-400: #112D67;
  --grey-blue-500: #416D81;
  --grey-blue-400: #7Da9bd;
  --grey-blue-300: #B8d0db;
  --grey-blue-200: #DEE9EE;
  --grey-blue-100: #F4F7F9;
  --light-blue-500: #34b6e4;
  --blue-500: #0264CB;
  --blue-400: #112d67;
  --hover: #0054AB;
  --white: #fff;
  --body-font: #222;

  /* Font/text values */
  --font-family: "Poppins", serif;
  --font-style-normal: normal;
  --font-weight-medium: 700;
  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 900;
  --font-size-base: 14px;
  --font-size-20: 20px;
  --font-size-26: 26px;
  --letter-spacing: 0.07px;
  --character-spacing-0: 0px;
  --character-spacing--0-26: -0.26px;
  --line-spacing-normal: 1.25em;
  --line-spacing-24: 24px;
  --line-spacing-26: 26px;
  --menu-color: var(--white);
  --font-color: #222;
  --link-color: var(--blue-500);
  --link-color-hover: var(--hover);
  --heading-color: var(--dark-blue-500);
  --body-color: #222;
  --light-text: var(--grey-blue-500);
  --dark-text: var(--grey-blue-400);
  --dark-background-text: var(--white);
  --label-color: var(--grey-blue-500);
  --rad-menu-bg: var(--dark-blue-500);
  --rad-menu-fg: var(--white);

  /* borders */

  --border-dark: var(--dark-blue-400);
  --primary-border: var(--grey-blue-400);
  --secondary-border: var(--grey-blue-300);
  --hrbluegrey: 1px solid var(--grey-blue-300);

  /* interaction colors */

  /* forms */
  --form-border: var(--dark-blue-500);
  --form-font-color: var(--dark-blue-400);

  /* alignment */
  --default-text-align: left;
  --titlebar-title-align: var(--default-text-align);
  --titlebar-intro-align: var(--default-text-align);
  --blocklink-align: center;

  /* Alerts */
  --green-alert: #13BD46;
  --yellow-alert: #ffe07b;
  --error-red: #EB0033;

  /* titlebar */
  --titlebar-margin-bottom: 1em;
  --titlebar-intro-width: 100%;

  /* buttons */
  --button-bg: var(--blue-500);
  --button-fg: var(--white);
  --button-hover-bg: var(--dark-blue-400);
  --button-hover-fg: var(--white);
  --button-padding: 24px;
  --button-border-radius: var(--default-border-radius);
  --button-font-size: 0.7em;
  --button-font-weight: 400;
  --button-shadow: none;
  --button-text-transform: uppercase;

  /* blocklink */
  --blocklink-top-margin: 3em;
  --blocklink-button-padding: var(--button-padding);
  --blocklink-button-border-radius: var(--button-border-radius);
  --blocklink-button-font-size: var(--button-font-size);

  /* accordion */
  --accordion-bg: var(--brand-3-bg);
  --accordion-fg: var(--brand-3-fg);
  --accordion-bg-active: var(--brand-1-bg);
  --accordion-fg-active: var(--brand-1-fg);
  --accordion-font-size: 1.2em;
  --accordion-icon-size-small: 0.75em;
  --accordion-icon-size-medium: 1em;
  /* default size */
  --accordion-icon-size-large: 2em;
  --accordion-icon-size-extra-large: 3em;

  /* article */
  --article-title-align: var(--titlebar-title-align);
  --article-intro-align: var(--titlebar-intro-align);
  --article-intro-colour: var(--brand-2-bg);
  --article-intro-bold: var(--bold-weight);
  --article-image-height: 50%;
  /* percentage of width; 50% = 2:1 image ratio */
  --article-bgimage-display: none;
  /* uses background-image - hidden (none) by default */
  --article-picture-display: flex;
  /* flex to show; uses picture element with separate desktop and mobile images */

  /* banners */
  --banner-content-width: 40%;
  --banner-content-position: center;
  /* uses flex for *vertical* positioning; flex-end = bottom; flex-start = top */
  --banner-text-colour: var(--brand-1-fg);
  --banner-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  --banner-overlay: rgba(0, 0, 0, 0.1);

  /* cards */
  --card-min-width: 18em;
  --card-bg: var(--neutral-1);
  --card-title-colour: var(--brand-2-bg);
  --card-subtitle-colour: var(--brand-1-bg);
  --card-gap: var(--default-gap);
  --card-title-font-size: 1.3em;
  --card-title-line-height: 1.3em;
  --card-title-margin-bottom: 1.3em;
  --card-description-font-size: 0.8em;
  --card-description-font-weight: 400;
  --card-description-line-height: 1.2em;
  --card-action-align: left;
  /* button alignment */
  --card-border-radius: var(--default-border-radius);
  --card-shadow: var(--default-box-shadow);
  --card-image-height: 50%;
  /* percentage of width; 50% = 2:1 image ratio */
  --card-image-height-horz: 60%;
  /* percentage of width for horizontal cards */
  --card-image-height-textonimage: 100%;
  /* for preset 6 */
  --card-details-height: auto;
  /* container includes description and link */
  --card-description-height: auto;
  /* description only */
  --card-circular-width: 40%;
  /* for circular images like preset 4 & 7 */
  --card-circular-width-horz: 60%;
  /* for circular images on horizontal cards like preset 4 */
  --card-circular-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.3);
  /* for circular images like preset 4 & 7 */
  --card-circular-border: solid 0.25em var(--card-bg);
  /* for circular images like preset 4 & 7 */
  --card-alt-row-direction: row-reverse;
  /* for even rows on horizontal cards; default: row */
  --card-alt-row-text-align: right;
  /* for even rows on horizontal cards; default: left */

  /* dynamic cards */
  --dynamic-body-height: 12em;
  /* fixed height to prevent long descriptions */
  --dynamic-body-overlay: linear-gradient(to top, var(--card-bg), transparent);
  /* gradient over the bottom of the content for long descriptions - should match card bg */
  --dynamic-body-overlay-height: 6em;
  --dynamic-product-image-height: 80%;

  /* dynamic counters */
  --counter-icon-colour: var(--brand-2-bg);
  --counter-label-colour: var(--brand-2-bg);
  --counter-number-colour: var(--brand-1-bg);
  --counter-icon-font-size: 2em;
  --counter-label-font-size: 1em;
  --counter-number-font-size: 3em;
  --counter-number-line-height: 1em;
  --counter-text-align: center;

  /* dynamic widget's filterbar */
  --filterbar-align: center;
  /* flex alignment */

  /* features */
  --feature-text-align: center;
  --feature-icon-size-small: 1.5em;
  --feature-icon-size-medium: 2em;
  --feature-icon-size-large: 3em;
  --feature-icon-size-extra-large: 4em;

  /* flipboxes */
  --flipbox-align: center;
  --flipbox-flexjustify-align: center;
  /* flex alignment */
  --flibpox-padding: 2em;
  --flipbox-icon-size: 3em;
  --flipbox-subheading-size: 0.8em;
  --flipbox-description-size: 0.8em;
  --flipbox-rotate-padding: 0.25em 1.5em;
  --flipbox-rotate-background: var(--brand-1-bg);
  --flipbox-rotate-colour: var(--brand-1-fg);
  --flipbox-rotate-size: 0.8em;
  --flipbox-rotate-border: solid 1em var(--brand-1-bg);
  /* bottom position -0.5em by default */
  --flipbox-rotate-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
  --flipbox-rotate-shadow: 0 -0.2em 0.4em rgba(0, 0, 0, 0.2);

  /* gallery */
  --gallery-inner-width: var(--inner-width);
  --gallery-gap: 1px;
  --gallery-thumb-min-width: 12em;
  --gallery-thumb-height: 100%;
  /* relative to width - 100% = square */
  --gallery-thumb-filters: saturate(0.3);
  --gallery-caption-bg: var(--brand-2-bg);
  --gallery-caption-fg: var(--brand-2-fg);
  --gallery-caption-padding: 0.5em 1em;
  --gallery-caption-font-size: 0.6em;
  --gallery-caption-line-height: 1.2em;

  /* overlay cards */
  --overlay-background: rgba(255, 255, 255, 0.9);
  --overlay-backdrop-filter: blur(5px);
  --overlay-inner-min-height: 35vh;
  --overlay-inner-bg: var(--card-bg);
  --overlay-inner-padding: 2em;
  --overlay-inner-radius: var(--card-border-radius);
  --overlay-inner-shadow: var(--card-shadow);
  --overlay-close-link-size: 4em;
  /* large stands out full-screen */

  /* perspective carousel */
  --pcarousel-gap: 1em;
  --pcarousel-bg: var(--card-bg);
  --pcarousel-border-radius: var(--card-border-radius);
  --pcarousel-border-colour: var(--brand-3-bg);
  --pcarousel-shadow: var(--card-shadow);
  --pcarousel-inactive-filters: saturate(0) blur(2px);
  --pcarousel-image-width: 40%;
  --pcarousel-image-width-rectangle: 60%;
  --pcarousel-image-shadow: inset 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
  --pcarousel-text-padding: 1em 3em;
  --pcarousel-font-size: 0.8em;
  --pcarousel-line-height: 1.6em;
  --pcarousel-text-align: center;

  /* tabs */
  --tab-nav-inactive-bg: var(--brand-3-bg);
  --tab-nav-inactive-fg: var(--brand-3-fg);
  --tab-nav-active-bg: var(--brand-1-bg);
  --tab-nav-active-fg: var(--brand-1-fg);
  --tab-nav-padding: 0.25em 2em;
  --tab-nav-text-size: 1em;
  --tab-nav-text-align: center;
  --tab-min-height: 0em;
  --tab-padding: 1em;
  --tab-border-colour: var(--brand-1-bg);
  --tab-border-radius: var(--default-border-radius);
  --tab-shadow: var(--default-box-shadow);

  /* teams */
  --team-card-bg: var(--card-bg);
  --team-card-border-radius: var(--card-border-radius);
  --team-card-shadow: var(--card-shadow);
  --team-image-height: 120%;
  --team-bio-height: 6em;
  --team-circular-image-shadow: inset 0 0.25em 1em rgba(0, 0, 0, 0.5);
  --team-circular-image-outer-shadow: 0 -0.1em 0.3em rgba(0, 0, 0, 0.2);
  --team-circular-align: center;

  /* testimonials */
  --testimonial-bg: var(--card-bg);
  --testimonial-border-radius: var(--card-border-radius);
  --testimonial-shadow: var(--card-shadow);
  --testimonial-quotes: "“" "”";
  --testimonial-quote-font: "Times New Roman", sans-serif;
  --testimonial-quote-mark-align: center;
  --testimonial-quote-align: center;
  --testimonial-credit-align: center;
  --testimonial-image-align: center;
  --testimonial-image-size: 6em;
  --testimonial-image-scale: cover;
  --testimonial-image-radius: 100%;
  --testimonial-image-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2);

  --aux-link-color: var(--white);
  --aux-bg: var(--dark-blue-500);
  --nav-color: var(--white);
  --system-icon-color: var(--grey-blue-500);
  --system-icon-color-hover: var(--grey-blue-400);

  /* text */
  --text-image-height: 20em;
  --text-image-align: center;
}

/* header */
#masterHeaderImage {
  background-image: url("images/rcog-logo.svg");
  margin: 16px 0;
}

.header-logo-container {
  border-left: 1px solid #112D67;
  border-right: 1px solid #112D67;
}

#hd {
  border-bottom: 1px solid #112D67;
}

@media (min-width: 992px) {
  #masterHeaderImage {
    background-image: url("images/rcog-logo.svg");
    display: flex;
    width: 141px;
    height: 48px;
    flex-shrink: 0;
  }

  #masterHeaderImage:hover {
    transform: scale(1);
  }
}

header.header,
header.header,
.header-aux-container,
footer.footer,
.footer-banner .carousel-inner.bg-img>.item {
  background-color: var(--dark-blue-500);
}

@media (min-width: 992px) {
  header.header .header-logo-container {
    align-self: center;
    border-right: 1px solid #112d67;
    border-left: 1px solid #112d67;
    justify-content: center;
    align-items: center;
    margin-left: -15px;
    margin-left: -100px;
    padding-right: 30px
  }
}

/* menu */
.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Coffee .rmRootLink:hover,
.RadMenu.RadMenu_Coffee .rmRootLink.rmFocused,
.RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
  color: var(--white)
}

/* site container */
@media (min-width: 992px) {
  body:not(.Wrapper-HomePage) .body-container>div {
    padding: 0;
    background: var(--grey-blue-100);
  }
}

/* .backToTop {
      background: var(--dark-blue-400) url(images/ResponsiveHeaderSprite.png) 5px -223px no-repeat;} */
.side-bar a,
.side-bar a:visited {
  color: var(--dark-blue-500);
  font-weight: var(--font-weight-semibold);
}

.side-bar body {
  font-weight: 500;
}

.side-bar .menuList {
  border-bottom: 1px solid var(--grey-blue-400);
  border-left: 1px solid var(--grey-blue-400);
  border-right: 1px solid var(--grey-blue-400);
  /* padding: 10px 10px 0 10px; */
}

.InternalMenu .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}

.side-bar {
  position: relative;
  top: -16px;
}
@media(min-width: 922px) {

    .RadMenu.RadMenu_Coffee .rmSlide,
    .RadMenu.RadMenu_Coffee .rmToggle .rmIcon,
    .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
        display: none !important;
    }
}
.BkDarkBlue500.TopSpacer.mini-profile-standard .Label{
  margin-left: 0;
}
@media(max-width: 767px) {
  .side-bar {
    top:0;
  }

  #ste_container_ciProfile {
    margin-right: -10px;
    margin-left: -11px;
  }

  .header-primary-nav-container {
    background: #fff;
  }

  .RadMenu.RadMenu_Coffee .rmToggle .rmIcon,
  .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    background: var(--heading-color)
  }

  .RadMenu.RadMenu_Coffee .rmRootLink {
    color: var(--heading-color);
    font-weight: 600;
    margin-bottom: 1px solid var(--grey-blue-300)
  }

  .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
  .RadMenu.RadMenu_Coffee .rmRootLink:hover,
  .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused,
  .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
    background: var(--grey-blue-100);
    color: var(--body-font)
  }

  .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup,
  .RadMenu.RadMenu_Coffee .rmRootLink {
    border-radius: 0;
  }

  ul.rmVertical.rmGroup.rmLevel1 li,
  ul.rmRootGroup.rmToggleHandles.rmHorizontal li {
    border-bottom: 1px solid var(--grey-blue-400);
    font-size: 16px;
  }

  .RadMenu.RadMenu_Coffee .rmRootLink {
    text-transform: uppercase;
  }

  .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup:not(.rmLast),
  .RadMenu.RadMenu_Coffee .rmRootLink:not(.rmLast) {
    border-radius: 0;
    border-bottom: 1px solid var(--grey-blue-400);
  }

  .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLast,
  .RadMenu.RadMenu_Coffee .rmRootLink .rmLast {
    border-bottom: 1px solid transparent !important;
  }
}
.TopSpacer {
  padding-top: 1em;
}
/* font styles */
body {
  font-weight: var(--font-weight-normal);
  color: var(--body-color);
}

@media (max-width: 991px) {
  body {
    font-size: 14px;
  }
}

h1,
.h1,
.PageTitle {
  font-size: 225%;
  font-weight: var(--font-weight-semibold);
  color: var(--heading-color);
}
@media(max-width:767px){
 h1,
.h1,
.PageTitle {
  font-size: 2em; 
}}
h1.BigHeader,
.h1.BigHeader {
  background-color: var(--heading-color);
}

h2,
.h2,
.panel-heading.Distinguish,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle {
  border-bottom-style: none;
}

h2,
.h2,
.SectionLabel,
.PanelTitle {
  font-size: 175%;
  font-weight: var(--font-weight-semibold);
  color: var(--heading-color);
}
@media(max-width:767px){
  h2,
.h2,
.SectionLabel,
.PanelTitle {
  font-size: 135%;
}}
h3,
.SectionTitle, .ProductTitle {
  font-size: 135%;
  font-weight: var(--font-weight-semibold);
  color: var(--heading-color);
}
@media (max-width:767px){
  h3,
.SectionTitle, .ProductTitle {
    font-size: 110%;
}
}
h4, .h4{
  font-size: 100%;
}
h4,
.h4,
h5 {
  font-weight: var(--font-weight-semibold);
  color: var(--heading-color);
}

h5,
.h5,
.SectionLabelSmaller {
  font-size: 90%;
  font-weight: var(--font-weight-semibold);
  color: var(--heading-color);
}

h6,
.h6 {
  font-size: 90%;
  font-family: "Poppins", Helvetica, sans-serif;
  font-weight: 400;
  color: #222222;
  margin: 0;
}

/* links */
a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
  color: var(--link-color);
}

a:visited,
.Link:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited,
.RadGrid.RadGrid .rgEditForm a:visited,
.k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
  color: var(--link-color);
}

a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active,
.RadGrid.RadGrid .rgAltRow a:hover,
.RadGrid.RadGrid .rgAltRow a:focus,
.RadGrid.RadGrid .rgAltRow a:active,
.RadGrid.RadGrid .rgEditForm a:hover,
.RadGrid.RadGrid .rgEditForm a:focus,
.RadGrid.RadGrid .rgEditForm a:active,
.k-grid.k-grid a:hover,
.k-grid.k-grid a:focus,
.k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
  color: var(--link-color-hover);
}

a.aspNetDisabled,
a.aspNetDisabled:hover,
a.aspNetDisabled:focus,
a.aspNetDisabled:active,
a.aspNetDisabled:visited,
a:disabled,
a:disabled:hover,
a:disabled:focus,
a:disabled:active,
a:disabled:visited,
.Link.aspNetDisabled,
.Link.aspNetDisabled:hover,
.Link.aspNetDisabled:focus,
.Link.aspNetDisabled:active,
.Link.aspNetDisabled:visited,
.Link:disabled,
.Link:disabled:hover,
.Link:disabled:focus,
.Link:disabled:active,
.Link:disabled:visited,
.RadGrid.RadGrid .rgRow a.aspNetDisabled,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgRow a:disabled,
.RadGrid.RadGrid .rgRow a:disabled:hover,
.RadGrid.RadGrid .rgRow a:disabled:focus,
.RadGrid.RadGrid .rgRow a:disabled:active,
.RadGrid.RadGrid .rgRow a:disabled:visited,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgAltRow a:disabled,
.RadGrid.RadGrid .rgAltRow a:disabled:hover,
.RadGrid.RadGrid .rgAltRow a:disabled:focus,
.RadGrid.RadGrid .rgAltRow a:disabled:active,
.RadGrid.RadGrid .rgAltRow a:disabled:visited,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgEditForm a:disabled,
.RadGrid.RadGrid .rgEditForm a:disabled:hover,
.RadGrid.RadGrid .rgEditForm a:disabled:focus,
.RadGrid.RadGrid .rgEditForm a:disabled:active,
.RadGrid.RadGrid .rgEditForm a:disabled:visited,
.k-grid.k-grid a.aspNetDisabled,
.k-grid.k-grid a.aspNetDisabled:hover,
.k-grid.k-grid a.aspNetDisabled:focus,
.k-grid.k-grid a.aspNetDisabled:active,
.k-grid.k-grid a.aspNetDisabled:visited,
.k-grid.k-grid a:disabled,
.k-grid.k-grid a:disabled:hover,
.k-grid.k-grid a:disabled:focus,
.k-grid.k-grid a:disabled:active,
.k-grid.k-grid a:disabled:visited,
.RadToolTip.RadToolTip a.aspNetDisabled,
.RadToolTip.RadToolTip a.aspNetDisabled:hover,
.RadToolTip.RadToolTip a.aspNetDisabled:focus,
.RadToolTip.RadToolTip a.aspNetDisabled:active,
.RadToolTip.RadToolTip a.aspNetDisabled:visited,
.RadToolTip.RadToolTip a:disabled,
.RadToolTip.RadToolTip a:disabled:hover,
.RadToolTip.RadToolTip a:disabled:focus,
.RadToolTip.RadToolTip a:disabled:active,
.RadToolTip.RadToolTip a:disabled:visited {
  color: var(--rad-menu-fg);
}

/* buttons */
button, .btn,
.TextButton, .WordButton
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  padding: 12px;
  font-size: 18px;
  border-radius: 0;
  margin-top: 16px;
}
.main-button-container #ctl01_TemplateBody_WebPartManager1_gwpciInvoicePayment_ciInvoicePayment_PayInvoiceButton {
  float: right;
}

/* default button */
button, .btn,
.TextButton, .WordButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: var(--button-bg);
  border-color: var(--button-bg)
}

button, .btn,
.btn:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
  color: var(--button-fg);
}

.TextButton,
.TextButton:visited {
  background-color: var(--white);
  color: var(--button-bg);
}
.WordButton,
.wordButton:visisted{
  border-color: transparent;
}
.btn:hover,
.btn:focus,
.btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.WordButton:hover,
.TWordButton:focus,
.WordButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
  color: var(--button-hover-fg);
  background-color: var(--button-hover-bg);
  border-color: var(--button-bg);
}
button:disabled,
button:disabled:hover,
button:disabled:focus,
button:disabled:active,
.btn:disabled,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled:active,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
.btn.aspNetDisabled,
.btn.aspNetDisabled:hover,
.btn.aspNetDisabled:focus,
.btn.aspNetDisabled:active,
.TextButton:disabled,
.TextButton:disabled:hover,
.TextButton:disabled:focus,
.TextButton:disabled:active,
.TextButton.disabled,
.TextButton.disabled:hover,
.TextButton.disabled:focus,
.TextButton.disabled:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.RadUpload.RadUpload .ruButton:disabled,
.RadUpload.RadUpload .ruButton:disabled:hover,
.RadUpload.RadUpload .ruButton:disabled:focus,
.RadUpload.RadUpload .ruButton:disabled:active,
.RadUpload.RadUpload .ruButton.disabled,
.RadUpload.RadUpload .ruButton.disabled:hover,
.RadUpload.RadUpload .ruButton.disabled:focus,
.RadUpload.RadUpload .ruButton.disabled:active,
.RadUpload.RadUpload .ruButton.aspNetDisabled,
.RadUpload.RadUpload .ruButton.aspNetDisabled:hover,
.RadUpload.RadUpload .ruButton.aspNetDisabled:focus,
.RadUpload.RadUpload .ruButton.aspNetDisabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
  color: var(--button-fg);
  background-color: var(--button-bg);
  border-color: var(--button-bg);
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 10px 20px;
  line-height: 1.6;
  border-radius: 4px;
}

/* primary button */
button,.PrimaryButton,
.UsePrimaryButton .TextButton, .WordButton
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
  background-color: var(--button-bg);
  border-color: var(--button-bg);
}

button, button:visited, .PrimaryButton,
.PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:visited,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton:visited,
.RadGrid.RadGrid a.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton:visited {
  color: var(--button-fg);
}

button, button:hover, button:focus, button:active, .PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
  color: var(--button-hover-fg);
  text-decoration: none;
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-bg);
}

button:disabled,
button:disabled:hover,
button:disabled:focus,
button:disabled:active,.PrimaryButton:disabled,
.PrimaryButton:disabled:hover,
.PrimaryButton:disabled:focus,
.PrimaryButton:disabled:active,
.PrimaryButton.disabled,
.PrimaryButton.disabled:hover,
.PrimaryButton.disabled:focus,
.PrimaryButton.disabled:active,
.PrimaryButton.aspNetDisabled,
.PrimaryButton.aspNetDisabled:hover,
.PrimaryButton.aspNetDisabled:focus,
.PrimaryButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton:disabled,
.UsePrimaryButton .TextButton:disabled:hover,
.UsePrimaryButton .TextButton:disabled:focus,
.UsePrimaryButton .TextButton:disabled:active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton:disabled,
.RadGrid input.PrimaryButton:disabled:hover,
.RadGrid input.PrimaryButton:disabled:focus,
.RadGrid input.PrimaryButton:disabled:active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton.aspNetDisabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.disabled:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton.aspNetDisabled:active {
  color: var(--button-fg);
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-bg);
}

.SmallButton,
.UseSmallButton .TextButton,
.LargeButton,
.UseLargeButton .TextButton,
.MediumButton,
.UseMediumButton .TextButton {
  border-radius: var(--button-border-radius);
}

.FullWidthButton,
.UseFullWidthButton .TextButton {
  width: 100%;
}
.BorderTransparent.TextButton, .BorderTransparent.TextButton:hover {
    border-width: 0;
    text-decoration: underline;
}
@media (min-width: 992px) {
  .StandardButtonMd {
    padding: var(--button-padding);
    font-size: 18px;
    line-height: 1.6;
    border-radius: var(--button-border-radius);
  }
}

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.DangerButton {
  background-color: var(--error-red);
}

.DangerButton,
.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active,
.DangerButton:visited {
  text-decoration: none;
}

.DangerButton,
.DangerButton:visited {
  color: #fff;
}

.DangerButton:hover,
.DangerButton:focus,
.DangerButton:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--error-red);
  border-color: rgba(0, 0, 0, 0);
}

.DangerButton:active {
  background-image: none;
}

.DangerButton:disabled,
.DangerButton:disabled:hover,
.DangerButton:disabled:focus,
.DangerButton:disabled:active,
.DangerButton.disabled,
.DangerButton.disabled:hover,
.DangerButton.disabled:focus,
.DangerButton.disabled:active,
.DangerButton.aspNetDisabled,
.DangerButton.aspNetDisabled:hover,
.DangerButton.aspNetDisabled:focus,
.DangerButton.aspNetDisabled:active {
  color: #fff;
  background-color: var(--error-red);
  border-color: transparent;
}

.SuccessButton {
  background-color: var(--green-alert);
  border-color: transparent;
}

.SuccessButton,
.SuccessButton:hover,
.SuccessButton:focus,
.SuccessButton:active,
.SuccessButton:visited {
  text-decoration: none;
}

.SuccessButton,
.SuccessButton:visited {
  color: #fff;
}

.SuccessButton:hover,
.SuccessButton:focus,
.SuccessButton:active {
  color: #fff;
  text-decoration: underline;
  background-color: var(--green-alert);
  border-color: rgba(0, 0, 0, 0);
}

.SuccessButton:active {
  background-image: none;
}

.SuccessButton:disabled,
.SuccessButton:disabled:hover,
.SuccessButton:disabled:focus,
.SuccessButton:disabled:active,
.SuccessButton.disabled,
.SuccessButton.disabled:hover,
.SuccessButton.disabled:focus,
.SuccessButton.disabled:active,
.SuccessButton.aspNetDisabled,
.SuccessButton.aspNetDisabled:hover,
.SuccessButton.aspNetDisabled:focus,
.SuccessButton.aspNetDisabled:active {
  color: #fff;
  background-color: var(--green-alert);
  border-color: transparent;
}

/* tables and forms */
label,
.Label,
.PanelFieldLabelFont {
  color: var(--label-color);
  padding-left: 0;
  font-size:16px;
  color: #000;
}

.text-wrapper {
  color: var(--grey-blue-500);
  font-size: var(--font-size-base);
}
.text-wrapper p{font-weight: var(--font-weight-normal);
  color: var(--body-color);
               font-size: 18px;}
.hrbottom {
  border-bottom: var(--hrbluegrey);
}
.Wrapper-FullWidth :is(.VACSS_Space.pb-5) {
  padding-bottom: 0 !important;
}
.Wrapper-FullWidth :is( .panel-body, .PanelBody){padding-top: 0;}
.hrtop {
  border-top: var(--hrbluegrey);
}

.no-padding .VACSS_Space.pb-5 {
  display: none;
}

.RadGrid_MetroTouch {
  border-color: var(--grey-blue-300) !important;
}

tbody td a {
  text-decoration: underline !important;
}

.RadGrid_MetroTouch .rgAltRow {
  background: var(--grey-blue-100) !important;
}

.RadGrid_MetroTouch td.rgGroupCol,
.RadGrid_MetroTouch td.rgExpandCol {
  border-color: var(--grey-blue-300) !important;
  background: var(--grey-blue-100) !important;
}

/* backgrounds  */
.BkDarkBlue500 {
  background: var(--dark-blue-500);
}

.BkDarkBlue400 {
  background: var(--dark-blue-400);
}

:is(.BkDarkBlue500, .BkDarkBlue400) :is(body, a, p, h1, h2, h3, h4, h5, h6, panel, .panel, hr, label, .Label, .PanelFieldLabelFont, .SectionLabel) {
  color: var(--dark-background-text);
}

.BgWhite {
  background-color: #fff;
}

/* ifinity Cards */
:is(.iFinityCard) :is(.TaggedListPanel, .tbody) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-min-width), 1fr));
  gap: var(--card-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.Left .iFinityCardItem {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1em;
  grid-template-areas:
    "iFinityCardImage iFinityCardDescription";
}

.iFinityCardImage {
  height: var(--card-image-height-horz)
}

.iFinityCardTitle {
  display: block;
  min-width: calc(var(--card-min-width) - 20px);
  padding-top: .5em;
}

.iFinityCardTitle a {
  text-decoration: none;
}

.iFinityCardDate {
  display: block;
  font-weight: var(--card-date-font-weight);
}

.iFiniyCardDescription {
  display: block;
  height: var(--card-desciption-height);
}

.ifinityCardLink {
  display: block;
  padding: 1em;
  text-align: var(--card-action-align);
}

:is(.iFinityCard) .Two-per-row {
  grid-template-columns: 1fr 1fr;
  gap: var(--card-gap);
}

:is(.iFinityCard.NoDate) .IfinityCardDate {
  display: none;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-fake {
  border: 1px solid #001747 !important;
}
.Wrapper-FullWidth .col-primary .row .node {
  margin-left: -60px;
}
@media (max-width: 767px){
  .Wrapper-FullWidth .col-primary .row .node {
  margin-left: -15px;
}
}
.node label {
  color: #112D67;
  text-indent: 10px
}
.node label.Required {
  text-indent:15px
}
.node .PanelFieldsFlex.PanelFieldsFlexNoWrap label {
    text-indent: 10px;
}
.Required {
    background-position: left 1em !important;}
:not(.BkDarkBlue500) .PanelField label, .PanelField .Label {
    padding-left: 0;
}
.FormBuilder label:not(.Required){
  margin-left: 5px;
}
.FormBuilder #ctl01_TemplateBody_WebPartManager1_gwpciNameChangeForm_ciNameChangeForm_FB_DropDown_RCOGNameChanges_ReasonForChange {
    margin-left: 5px;
}
.FormBuilder #FB_Upload_RCOGNameChanges_Document2, .FormBuilder #FB_Upload_RCOGNameChanges_Document3 {
    margin-left: 15px;
}
.Label.Required{
  background-position: left .45em !important;
}
label#ctl01_TemplateBody_WebPartManager1_gwpciName_ciName_Label_FB_DropDown_CsContact_Prefix_WithID {
    margin-left: -10px !important;
}
.menuList {
  display: grid;
  grid-template-columns: 3.75fr .25fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "menuLink MenuIcon";
  border-bottom: 1px solid var(--grey-blue-400);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

.menuList:last-of-type {
  border-bottom: 0 solid transparent;
}

.menuLink {
  grid-area: menuLink;
}

.MenuIcon {
  grid-area: MenuIcon;
  width: 1em
}

.MenuDescription {
  font-size: .8em;
}

.BkDarkBlue500.SectionHeader {
  margin: -45px -45px 0;
  padding: 3rem;
}

@media(max-width: 767px) {
  .BkDarkBlue500.SectionHeader {
    margin:0;
  }
}

@media(min-width:992px) {

  #ctl01_TemplateBody_WebPartZone3Header,
  .InternalMenu .panel-heading.Distinguish {
    display: none;
  }

}

@media(max-width: 991px) {
  .MenuDescription {
    display: none;
  }

  #ctl01_TemplateBody_WebPartZone3Header,
  .InternalMenu .panel-heading.Distinguish {
    text-transform: uppercase;
    padding: 10px;
    background: var(--grey-blue-100);
    display: none;
  }

  .side-bar {
    background: var(--grey-blue-100);
  }

  .menuLink {
    padding: 10px;
    border-bottom: 1px solid var(--dark-blue-400);
  }
}

@media (min-width: 992px) {
  header.header .header-aux-container {
    background: var(--dark-blue-400);
  }

  .account-menu .profile-picture-wrapper img {
    display: none;
  }

  .BkDarkBlue500.SectionHeader {
    margin: 0 -30px 0 -30px;
  }

  .Wrapper-FullWidth .col-primary .row {
    padding-left: 0;
    padding-right: 0;
  }

  #Section_R1C1W12 {
    margin-right: 30px;
    margin-left: 30px;
  }

  .side-bar .InternalMenu {
    border: none;
  }

  .menuList {
    padding: 1rem;
    border-bottom: 1px solid var(--grey-blue-500);
    background: #fff;
  }
}

.CommunicationPreferencesSection {
  font-size: 16px;
}

label {
  color: #222;
}

@media (min-width: 768px) {

  .PanelField label,
  .PanelField .Label {
    width: 11.5em;
    color: var(--blue-400);
  }

  :is(.BkDarkBlue500, .BkDarkBlue400) :is(.PanelField label, .PanelField .Label) {
    color: #fff;
  }
}
@media (min-width: 1380px) {
    header.header .header-primary-nav-container {
        max-width: 1000px;
        justify-self: flex-end;
        margin-right: 11%;
    }
}

@media (min-width: 992px) {
  header.header .header-primary-nav-container {
    width: max-content;
  }
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
  color: #fff !important;
  font-weight: 600 !important;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper {
  background-color: var(--dark-blue-500) !important;
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper,
.RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader,
.RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol {
  border: 0;
  border-bottom: 1px solid var(--grey-blue-300);
  border-left: 1px solid var(--grey-blue-300)
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper {
  background-color: var(--dark-blue-500);
}

.RadGrid_MetroTouch .rgHeaderDiv {
  border-right: 1px solid var(--grey-blue-300)
}

.RadGrid_MetroTouch .rgHeaderWrapper {
  border-bottom: 1px solid var(--grey-blue-300)
}

.RadGrid_MetroTouch th.rgSorted {
  background-color: var(--grey-blue-400)
}

.RadGrid .rgHeader a {
  text-decoration: none !important;
}

/* main menu changes */
@media(min-width: 768px) {
  a.rmLink.rmRootLink.rmFocused.mobileSignOut {
    display: none !important;
  }
}

a.rmLink.rmRootLink.rmFocused.mobileSignOut {
  background: var(--grey-blue-100);
  color: var(--dark-blue-400);
  font-weight: 600;
  padding: 12px;
  border: 1px solid var(--blue-500);

  border-radius: 0;
}

/* Accordion controls */
/* STRTUTTURA */
.radio-accordion {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.radio-accordion-title {
  margin-right: 1px;
  width: 100%;
  position: relative;
}

.radio-accordion-title>label {
  background: #001747;
  min-height: 40px;
  color: white;
  font-size: 18px;
  line-height: 1.5em;
  padding: 0 10px;
  cursor: pointer;
  display: block;
  font-weight: bold;
  display: -webkit-flex;
  display: block;
  align-items: center;
  border-bottom: 2px solid #001747;
  padding-right: 50px;
}

.radio-accordion-title>label:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid white;
  border-right: 5px solid white;
}

.radio-accordion-body {
  padding: 20px;
  width: 100%;
  background: white;
  font-size: 14px;
  border-top: 1px solid #f5f5f5;
}

/* COMPORTAMENTO + COLORI TAB */
.radio-accordion input[type=radio] {
  display: none;
}

.radio-accordion input[type=checkbox] {
  display: none;
}

.radio-accordion input[type=radio]:checked+.radio-accordion-title+.radio-accordion-body {
  height: auto;
  padding: 20px;
  overflow: hidden;
  transition: 0.5s all;
  opacity: 1;
}

.radio-accordion input[type=checkbox]:checked+.radio-accordion-title+.radio-accordion-body {
  height: auto;
  padding: 20px;
  overflow: hidden;
  transition: 0.5s all;
  opacity: 1;
}

.radio-accordion-body {
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s all;
}

/* al momento non usata serve + tipicamente dei TAB il cambio del colore dell'elemento attivo */
/* .radio-accordion input[type=radio]:checked + .radio-accordion-title > label, .radio-accordion input[type=checkbox]:checked + .radio-accordion-title > label {
  border-color:white;
  background-color: white;
  color: #3f51b5;
}
*/
/** espander icon **/
.radio-accordion input[type=radio]+.radio-accordion-title>label:after,
.radio-accordion input[type=checkbox]+.radio-accordion-title>label:after {
  content: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M19.2 4.5L0 4.5L0 6.68182L9.6 16.5L19.2 6.68182V4.5Z' fill='white'/%3E%3C/svg%3E");
  position: absolute;
  top: 7px;
  right: 10px;
  border: 0;
  width: 20px;
  height: 20px;
}

.radio-accordion input[type=radio]:checked+.radio-accordion-title>label:after,
.radio-accordion input[type=checkbox]:checked+.radio-accordion-title>label:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cg clip-path='url(%23clip0_618_2153)'%3E%3Cpath d='M4 1.3V20.5H6.18182L16 10.9L6.18182 1.3H4Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_618_2153'%3E%3Crect width='20' height='20' fill='white' transform='matrix(0 -1 1 0 0 20.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  top: 7px;
  right: 10px;
  border: 0;
  width: 20px;
  height: 20px;
}

.radio-accordion th.rgHeader {
  display: none;
}

.radio-accordion .RadGrid_MetroTouch {
  border: none;
}

.radio-accordion .badge.bg-success {
  margin-left: 10px;
}

.radio-accordion .sm-text {
  font-size: .8em !important;
  font-weight: 500;
}

@media (max-width: 480px) {
  .radio-accordion-title {
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 1px;
  }

  .radio-accordion-body {
    -webkit-order: 1;
    order: 1;
  }
}

.radio-accordion a.btn.PrimaryButton.MediumButton {
  color: #fff;
  text-decoration: none;
}

/* Alerts */
.Alerts.NoBg .AlertItem {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid var(--grey-blue-400);
}

/* Address area */
html .RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink {
  border-radius: 0;
  margin: 0;
  font-weight: var(--font-weight-semibold);
}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink {
  border-top: 1px solid var(--grey-blue-400, #7DA9BD);
  border-right: 1px solid var(--grey-blue-400, #7DA9BD);
  background: var(--white, #FFF);
  border-radius: 0;
  color: var(--dark-blue-500);
  padding: 20px 15px;
  margin: 0;
}

html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink:hover,
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected,
html .RadTabStrip_MetroTouch .rtsLevel1 a.rtsLink.rtsSelected:hover {
  border-radius: 0;
  background: var(--rad-menu-fg);
  border-top: 4px solid var(--blue-500);
  color: var(--dark-blue-500);
  letter-spacing: 0.09px;
  box-shadow: none;
  padding: 20px 15px;
}

.RadMultiPage {
  background: var(--rad-menu-fg);
  border-radius: 0;
  box-shadow: none;
  border: 1px solid var(--grey-blue-300, #B8D0DB);
}

/* Fixes left align */
.container-inner .row:first-child .col-sm-3 {
  --bs-gutter-x: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .BkDarkBlue500.SectionHeader {
    margin: -45px -15px 0 -15px;
  }

  .InputXXLarge,
  .InputXXLargeWrapper input[type='text'],
  .InputXXLargeWrapper textarea,
  .InputXXLargeWrapper .RadComboBox {
    width: 30em;
  }

  .Wrapper-FullWidth .col-primary .row .BkDarkBlue500.mini-profile-standard {
    margin-left: -30px;
    margin-right: -30px
  }
}

.cc-revoke.cc-bottom {
    color: #fff;
    border-radius: 0;
}
@media(max-width:767px){
  .cc-revoke.cc-bottom {
    background: var(--grey-blue-400);
}
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: var(--grey-blue-300);
}

@media(min-width: 992px) {

  .rmToggle .rmIcon,
  .rmSlide {
    display: none !important;
  }
}
.col-sm-3.BgWhite {
  border: 1px solid var(--grey-blue-300);
  border-top: 0;
}
.Wrapper-FullWidth .container-inner {
  max-width: 100%;
  margin: 0 10px;
}
/* footer chagnes */
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer ul {
  flex-basis: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer ul li::before {
  display: none;
}

.footer ul.footer__social-list, .footer ul.base__utility {
  display: inline-block;
}

.footer ul.footer__social-list li, .footer ul.base__utility li {
  display: inline-block;
  margin: 0 0 0 5px;
  vertical-align: middle;
}

.footer ul.footer__social-list li a {
  background: #0264cb;
  background-position: center;
  border-radius: 50%;
  display: block;
  height: 30px;
  font-size: 0;
  margin: 0;
  width: 30px;
}

 .footer ul.base__utility li a:not(first-child){
   margin-left: 1em
 }

.footer ul.footer__social-list li a:hover {
  background: #0054ab;
}

.footer .footer__join {
  align-self: center;
  letter-spacing: 1.5px;
}

.footer .footer__join ul {
  margin: 5px 0 0;
  width: 100%;
}
footer.footer .footer-content>.container .footer-column:nth-child(3) .ContentItemContainer ul>li {
    width: 100% !important;
}

@media screen and (min-width: 768px) {
  .footer .footer__join {
      margin-left:auto;
      float: right;
  }

  .footer .footer__join ul {
      margin: 0;
      width: auto;
  }
}
.footer ul.footer__social-list li a.fb {
  background-image: url("/images/RCOG/Icons/facebook.svg");
}

.footer ul.footer__social-list li a.tw {
  background-image: url("/images/RCOG/Icons/twitter.svg");
}

.footer ul.footer__social-list li a.ig {
  background-image: url("/images/RCOG/Icons/insta.svg");
}

.footer ul.footer__social-list li a.vm {
  background-image: url("/images/RCOG/Icons/vimeo.svg");
}

.footer ul.footer__social-list li a.li {
  background-image: url("/images/RCOG/Icons/linked.svg");
}

.footer ul.footer__social-list li a.yt {
  background-image: url("/images/RCOG/Icons/youtube.svg");
}

.footer ul.footer__nav-list li a {
  font-weight: 600;
}

.footer ul.footer__contact-list li a {
  color: #7da9db;
  font-size: 16px;
}
.footer ul.footer__contact-list li a[href*=mailto] {
  color: #fff;
}
.footer address {
  color: #7da9db;
  font-style: normal;
}
footer .footer__support {
  display: block;
  font-weight: 600;
}

footer .footer__support a {
  display: inline-block;
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  footer .footer__support {
      padding:30px 0 0;
  }
}

@media screen and (min-width: 992px) {
  footer .footer__support {
      padding:0 20px 0;
  }

  footer .footer__support a {
      margin: 20px 0 40px;
  }
}
footer .base {
  background: #112d67;
  color: #fff;
  padding: 10px 0;
}

footer .base .base__charity {
  align-self: center;
  color: #7da9db;
  display: inline-block;
  font-size: 14px;
  margin: 0 10px 0 0;
}

footer .base a:not(:hover) {
  text-decoration: none;
}

footer .base ul {
  display: inline-block;
  flex-basis: auto;
  list-style-type: none;
  margin: -1px 0 0;
  padding: 0;
}

footer .base ul li::before {
  display: none;
}

footer .base ul.base__utility li {
  display: inline-block;
  margin: 0 10px 0 0;
}

footer .base ul.base__utility li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

@media screen and (min-width: 576px) {
  footer .base ul.base__utility {
      margin:0 0 0 10px;
  }
}

footer .row--styled-borders .col-lg-3:nth-child(1),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(1),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(1),footer .row--styled-borders .col-lg-3:nth-child(2),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(2),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(2),footer .row--styled-borders .col-lg-3:nth-child(3),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(3),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(3) {
  border-bottom: 1px solid #112d67;
}

@media screen and (min-width: 768px) {
  footer .row--styled-borders .col-lg-3,footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter,.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter {
      min-height:160px;
  }

  footer .row--styled-borders .col-lg-3:nth-child(1),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(1),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(1),footer .row--styled-borders .col-lg-3:nth-child(2),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(2),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(2),footer .row--styled-borders .col-lg-3:nth-child(3),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(3),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(3) {
      border-bottom: 0;
      border-right: 1px solid #112d67;
      margin-bottom: 20px;
  }

  footer .row--styled-borders .col-lg-3:nth-child(4),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(4),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(4) {
      border-top: 1px solid #112d67;
  }
}

@media screen and (min-width: 992px) {
  footer .row--styled-borders .col-lg-3:nth-child(1),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(1),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(1),footer .row--styled-borders .col-lg-3:nth-child(2),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(2),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(2),footer .row--styled-borders .col-lg-3:nth-child(3),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(3),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(3) {
      margin-bottom:0;
  }

  footer .row--styled-borders .col-lg-3:nth-child(4),footer .row--styled-borders .corporatesitesearch .page-content .search-body #ss360-filter:nth-child(4),.corporatesitesearch .page-content .search-body footer .row--styled-borders #ss360-filter:nth-child(4) {
      border-top: 0;
  }
}
/* Icons */
a.icon {
  position: relative;
}

a.icon::after {
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  right: -10px;
  top: -1px;
  transition: 0.2s ease-in-out;
  vertical-align: middle;
  width: 20px;
}

a.icon.icon--left {
  padding-left: 10px;
}

a.icon.icon--left::after {
  left: -10px;
  position: absolute;
  right: auto;
  top: 1px;
  transform: rotate(180deg);
}

a.icon.icon--share::after {
  background-image: url("/Static/themes/rcog/img/icons/hub/share.svg");
  background-position: center;
  background-size: 15px;
  height: 20px;
  right: -10px;
  top: 2px;
  width: 20px;
}

a.icon.icon--share.icon--left {
  padding-left: 20px;
}

a.icon.icon--share.icon--left::after {
  left: -3px;
  right: auto;
  transform: rotate(0deg);
}
a.icon.icon--chevron-fill::after {
  background-image: url("/images/RCOG/Icons/fill.svg");
  right: -5px;
  width: 10px;
}

a.icon.icon--chevron-fill:hover::after {
  right: -8px;
}

a.icon.icon--chevron-fill.icon--left::after {
  left: -5px;
  right: auto;
}

a.icon.icon--chevron-fill.icon--left:hover::after {
  left: -8px;
}

ul.AOE-list{list-style: none;
  padding-inline-start:.5em}

.AOE-list li:before{
content: '✓   ';
color: var(--blue-500);
font-weight: 600;
margin-left: -1em;
}
.padding-right{padding-right: .8em;}
:not(.BkDarkBlue500, .BkDarkBlue400, .side-bar) :is(.panel-heading.Distinguish, section.col,.panel-body, .PanelBody){padding-left:0;}
.BkDarkBlue500, .BkDarkBlue400, .side-bar :is(.panel-heading.Distinguish, section.col,.panel-body, .PanelBody){padding-left:10px;}
input[type="checkbox"] {
  width: 30px;
  height: 30px;
}

/* Form Changes */
#ctl01_TemplateBody_WebPartManager1_gwpciAddress_ciAddress_ctl06_LinkEmail,
#ctl01_TemplateBody_WebPartManager1_gwpciAddress_ciAddress_ctl07_LinkEmail,
label#ctl00_TemplateBody_AddressEdit_LabelEmailPrompt,
input#ctl00_TemplateBody_AddressEdit_TextEmail {
    display: none;
}
#ctl01_TemplateBody_WebPartManager1_gwpciNewFormsCommon_ciNewFormsCommon_Label_FB_DropDown_RCOGEmploymentHistory_EmployerUK_WithID,
#ctl01_TemplateBody_WebPartManager1_gwpciNewFormsCommon_ciNewFormsCommon_Label_FB_DropDown_RCOGEmploymentHistory_CareerStage_WithID {
    padding-left: 5px;
}
label#ctl00_TemplateBody_AddressEdit_LabelEmailPrompt,
input#ctl00_TemplateBody_AddressEdit_TextEmail {
    display: none;
}

.UpdateForm .PanelFieldsFlex.PanelFieldsFlexNoWrap {
    margin-bottom: 1em;
}

.UpdateForm button#RSC_PostalCodeLookup_Lookup {
    margin-top: 1em !important;
    margin-left: 0em;
}

@media(max-width: 767px) {
    .UpdateForm button#RSC_PostalCodeLookup_Lookup {
        margin-top: 1em;
        margin-left: 0em;
    }
        input#ctl01_TemplateBody_WebPartManager1_gwpciNewFormsCommon_ciNewFormsCommon_FB_Button {
        margin-left: 1.75em !important;
    }
}

.text-wrapper h4 {
    margin-top: 1.5em;
}
.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;}

.Member-Application :is(#Section_R2C1W12, #Section_R3C1W12) .node {
    margin-left: -30px
}
    .Member-Application .FormBuilder .Top .PanelFieldValue {
        padding-left: 5px;
    }

    .RadInput_Metro .riTextBox,
    .RadInput_Metro .riSelect,
    .RadInput_Metro .rcSelect,
    .RadInputMgr_Metro {
        background-color: transparent;
    }

    .mr-3,   .mx-3 {
        margin-right: 2rem!important;
    }

    .node label {
        padding-top: 1rem;
    }
    .Wrapper-FullWidth.Member-Application .col-primary .row:first-of-type {
        max-width: 100vw;
    }
    @media (min-width: 768px) {
        .PanelField label, .PanelField .Label {
            width: 11.5em;
            color: var(--blue-400);
        }
          .PanelField label.Required, .PanelField .Label.Required {
            margin-left: 5px;
            text-indent: 10px;
    }
  }
  @media (min-width: 992px) {
    .Member-Application  .BkDarkBlue500.SectionHeader {
            margin: -15px -30px 0 0;
        }
    }
    @media (max-width: 767px) {
        .Member-Application .BkDarkBlue500.SectionHeader {
            margin: -15px -45px 0 0;
        }
    }
    .Member-Application .BkDarkBlue500.SectionHeader .container-inner{
        max-width:1380px;
        margin:auto
    }

    input#RSC_PostalCodeLookup_PostalCode {
        margin-bottom: 1em;
    }
    .wrapper{        
        background: var(--grey-blue-100);}

.Left-30{
margin-left: 30px}
.text-wrapper p{font-weight: var(--font-weight-normal);
    color: var(--body-color);
   font-size: 18px;}
/* :not(.BkDarkBlue500, .BkDarkBlue400, .side-bar) :is(.panel-heading.Distinguish, section.col,.panel-body, .PanelBody){
  padding-left:0;
  margin-left: -1px} */


/* responsive fixes */
@media(max-width: 767px){
  body:not(.Wrapper-HomePage) .body-container > div {
    padding:0;
}
.Wrapper-FullWidth .col-primary .row {
  padding-left: 0;
  padding-right: 0;
}
:not(.BkDarkBlue500, .BkDarkBlue400, .side-bar) :is(.panel-heading.Distinguish, section.col,.panel-body, .PanelBody){padding-left:0;}
.BkDarkBlue500, .BkDarkBlue400, .side-bar :is(.panel-heading.Distinguish, section.col,.panel-body, .PanelBody){padding-left:10px;}
}
        .HideContent{display:none}

.AllPad{
  padding: 1em;
}
.PTX :is(.RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro, table, thead, tr, td)
         {
    color: transparent;
}

.PTX {
    text-indent: -999999px;
}

.PTX th.rgHeader {
    background: transparent!important;
}
.PTX :is(.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol) {
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
}
.PTX .RadGrid_MetroTouch{
  border-color: transparent!important
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #252E38!important;}
button{font-weight: 600}
.AllPad{
  padding: 1em;
}
.PTX :is(.RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro, table, thead, tr, td)
         {
    color: transparent;
}

.PTX {
    text-indent: -999999px;
}

.PTX th.rgHeader {
    background: transparent!important;
}
.PTX :is(.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader, .RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol) {
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
}
.PTX .RadGrid_MetroTouch{
  border-color: transparent !important
}
button{  padding: 12px;
  font-size: 18px;
  border-radius: 0;
  margin-top: 16px;
  background-color: var(--button-bg);
  border-color: var(--button-bg);
  color: var(--button-fg);}

button, button:visited{
 color: var(--button-fg);}
button:hover, button:focus, button:active{
  color: var(--button-hover-fg);
  text-decoration: none;
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-bg);
}
button:disabled,
button:disabled:hover,
button:disabled:focus,
button:disabled:active{  color: var(--button-fg);
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-bg);}
.card {
   border-radius: 0;
    border-color: var(--grey-blue-300) !important;
}