/****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 2024/10/30  
 *
 * 
 *  Document contains changes to Unspecified
 *
 *
*/
/****************************************/
/****************************************/
:root {
    --arrow-up: url(/images/Launchpad5/icons/up-arrow.svg);
    --arrow-down:  url(/images/Launchpad5/icons/down-arrow.svg);
    --logo: url(/images/BDAA/BDAA-logo-600px.png);
    
    --primary-color: #008982;
    --primary-color-hover: 
color-mix(in srgb, var(--primary-color) 80%, white 20%);
    --primary-alt-dark: 
color-mix(in srgb, var(--primary-color) 80%, black 20%);
    --primary-alt-light: 
color-mix(in srgb, var(--primary-color) 80%, white 20%);
    --primary-image-filter: invert(41%) sepia(35%) saturate(1447%) hue-rotate(134deg) brightness(91%) contrast(101%);
    --image-filter-color: invert(41%) sepia(35%) saturate(1447%) hue-rotate(134deg) brightness(91%) contrast(101%);

    --secondary-color: color-mix(in srgb, var(--primary-color) 80%, black 20%);
    --secondary-color-hover: 
    color-mix(in srgb, var(--secondary-color) 80%, white 20%);
        --secondary-alt-dark: 
    color-mix(in srgb, var(--secondary-color) 80%, black 20%);
        --secondary-alt-light: 
    color-mix(in srgb, var(--secondary-color) 80%, white 20%);
    --secondary-image-filter: invert(41%) sepia(35%) saturate(1447%) hue-rotate(134deg) brightness(91%) contrast(101%);

    --tertiary-color: #008982;
    --tertiary-color-hover: 
    color-mix(in srgb, var(--tertiary-color) 80%, white 20%);
        --tertiary-alt-dark: 
    color-mix(in srgb, var(--tertiary-color) 80%, black 20%);
        --tertiary-alt-light: 
    color-mix(in srgb, var(--tertiary-color) 80%, white 20%);
    --tertiary-image-filter: invert(41%) sepia(35%) saturate(1447%) hue-rotate(134deg) brightness(91%) contrast(101%);

    --grey-color: #f6f2ee;
    --grey-alt-dark: #d4d4d4;
    --dark-color: #231F20;
    --black-color: #231F20;
    --dark-image-filter: brightness(0);
    --white-color: #fff;
    --selection-color: #14b0a8;

    --row-padding: calc(var(--padding) * 2);
    --row-margin: calc(var(--padding) * 2);
    --tab-size: 1em;

    --button-border-radius: 1.7rem;
    --border-radius: 1.7rem;
    --button-padding: 1em;

    --input-border: .1rem solid #DFDFDF;
    --item-border-radius: calc(var(--border-radius) / 4);;

    --box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
    --padding: calc(1em * 2);

    --lrg-p-text: 2rem;
    --mid-p-text: 1.8rem;
    --sml-p-text: 1.6rem;
}


 html {
    scroll-behavior: smooth;
  }
  
  /******* hamburger on iPad styling **********/
  
  @media only screen and (max-width: 1200.98px) {
      .navbar-toggle {
        display: block;
      }
    }
    
    @media (min-width: 1200.98px) {
      .navbar-toggle {
        display: none;
      }
    }
    
    div#masterMainButtonBar {
        margin-bottom: 1.4rem;
    }
    
    
    .showoverflow {
        overflow: visible !important;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    .breadcrumb-obo-container.ClearFix {
        display: none;
        max-width: 127.1rem;
        margin: auto;
        padding: 0 2.8rem 1.5rem 2.8rem;
    }
    
    .search-container-sm {
        display: none !important;
    }
    
    .ste-section {
        /* filter: brightness(73.5); */
        /* display: none !important;  */
        margin: 0;
    }
    
    .hide {
        display: none !important;
    }
    
    a.noeffect {
        text-decoration: none;
    }
    
    @media (min-width: 1200.98px) {
        .hideondesktop {
            display: none !important;
        }
    }
    
    @media only screen and (max-width: 1200.98px) {
        .hideonmobile {
            display: none !important;
        }
    }
    
    * {
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        text-shadow: none;
    }
    
    div[id*="SignInCommon_"] input[type="text"], div[id*="SignInCommon_"] input[type="password"] {
        border-radius: 2rem;
    padding: 5px 10px;
    }
    
    
    .ValidationError[style="display: inline;"] {
        display: block !important;
    }
    
  
    
    /***** ON BEHALF OF *****/
    div#masterContentArea .OnBehalfOf>div {
        position: fixed;
        bottom: 3rem;
        right: 3rem;
        background: #fff;
        box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 15%);
        padding: 1rem;
        /* border-radius: .7rem; */
        z-index: 1000;
    }
    
    div#masterContentArea .OnBehalfOf .obo-label {
        color: var(--dark-color);
    }
    
    div#masterContentArea .UtilitySTEToggle>a {
        position: fixed;
        bottom: 10rem;
        right: 3rem;
        background-color: #fff;
        box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 15%);
        padding: 1rem;
        /* border-radius: .7rem; */
        z-index: 10000000000;
    }
    
    div#masterContentArea .obo-panel {
        margin: 0;
    }
    
    div#masterContentArea .UtilitySTEToggle>a.on {
        background-color: var(--grey-color);
        ;
    }
    
    a[class*="arge"][class*="utton"].SocialSprite {
        padding: 0 !important;
    }
    
    div[id*="_ContactAddressEditor_"] div[class*="col"]+div[style] {
        display: none;
    }
    
    
    div#masterContentArea .col-primary > div > div > div > div.row > div:has(+ div[class*="col-sm"][style="display: none;"]) {
        margin-left: 0;
    }
    
    
    /*************************/
    div.ScrollUp {
        position: fixed;
        z-index: 2000;
        text-align: center;
        top: auto;
        right: 0;
        bottom: 1rem;
        display: flex;
        flex-direction: column;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
        overflow: hidden;
    }
    
    div.ScrollUp div {
        padding: 0.3rem;
        position: relative;
    }
    
    div.ScrollUp a.scroll1:first-of-type div {
        background: #ababab;
    }
    
    div.ScrollUp a.scroll1:nth-of-type(2) {
        background: #4267b2;
    }
    
    div.ScrollUp a.scroll1:nth-of-type(3) {
        background: #00aced;
    }
    
    div.ScrollUp a.scroll1:last-of-type div {
        background: white;
    }
    
    div.ScrollUp img {
        margin: auto;
        top: 1rem;
        padding: 1rem;
        width: 4rem !important;
        height: 4rem !important;
    }
    
    div.ScrollUp a.scroll1:first-of-type img {
        top: 1.2rem
    }
    
    div.ScrollUp a.scroll2 img {
        top: 0.8rem
    }
    
    div.ScrollUp a.scroll1 div:hover {
        background: var(--secondary-color);
    }
    
    @media only screen and (max-width: 881.98px) {
        div.ScrollUp a.scroll1:not(.scroll2) {
            display: none;
        }
    
        div.ScrollUp {
            right: 1rem;
            border-radius: 50%;
        }
    
        div.ScrollUp a.scroll1:last-of-type div {
            padding-bottom: 0.3rem;
        }
    }
    
    
    
    /* Remove blue outline for button "focus" (click but not pass-through) */
    :focus {
        outline-color: transparent;
        outline-style: none;
          outline: 5px auto -webkit-focus-ring-color !important;
        outline-offset: -2px !important;
    }
    
    a.noclick {
        /* cursor: default !important; */
        /* pointer-events: none !important; */
    }
    
    /* Highlight color of selected text */
    ::selection {
        color: #ffffff;
        background-color: var(--selection-color);
    }
    
    ::-moz-selection {
        color: #ffffff;
        background-color: var(--selection-color);
    }
    }
    
    /* Anything with the below class will not be displayed */
    .hide {
        display: none !important;
    }
    
    .iMIS-WebPart > div > div.panel > .panel-heading + .panel-body-container > .panel-body > a[name] {
        position: relative;
        top: -10rem;
    }
    
    /* removes transparent border around content */
    .panel {
        border: none;
    }
    
    hr {
        margin: 4rem 0;
    }
    
    @media only screen and (max-width: 881.98px) {
        hr {
            margin: 4rem 0;
        }
    }
    
    /* override 15px padding on all content areas >  replace with rem */
    .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
          padding-left: calc(var(--padding) / 2);
          padding-right: calc(var(--padding) / 2);
    }
    
    div#masterMainButtonBar {
        padding: 0;
        margin: 0;
    }
    
    /**** cookie warning *****/
    .cc-window {
        background: #e7e7e9;
        color: var(--dark-color);
        padding: 1rem;
        font-size: 1.6rem;
    }
    
    a.cc-link {
        color: var(--dark-color) !important;
        font-size: 1.6rem;
        font-weight: 400 !important;
        opacity: 1;
        padding: 0;
        text-decoration: underline !important;
    }
    
    a.cc-btn.cc-dismiss {
        padding: 1.4rem;
        cursor: pointer;
        background: var(--primary-color);
        text-decoration: none;
        color: #fff;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        vertical-align: text-top;
        -webkit-transform: perspective(0.1rem) translateZ(0);
        transform: perspective(0.1rem) translateZ(0);
        box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        border-radius: 0.7rem;
        line-height: 1;
        font-size: 1.4rem !important;
        font-weight: 400;
        transition: cubic-bezier(0.32, 0.96, 0.58, 1) 0.4s background;
        border: none;
    }
    
    a.cc-btn.cc-dismiss:hover {
        background: var(--dark-color);
    }
    
    .col-primary {
        width: 100% !important;
    }
    
    .col-secondary {
        width: 100% !important;
        display: none !important;
    }
    
    /* Hides col-secondary (the secondary nav on dektop) */
    @media (min-width: 1200.98px) {
        .col-primary {
            width:100% !important;
        }
    
        .col-secondary {
            width: 100% !important;
            display: none !important;
        }
    }
    
    .col-secondary {
        padding: 1.5rem;
    }
    
    .TextButton.Disabled {
        pointer-events: none;
        background: var(--grey-color);
        color: var(--dark-color) !important;
    }
    
    h4, .h4, .SectionLabel {
        border-bottom: none !important;
    }
    
    .hideThisZone {
        display: none;
    }
    
    img[id*="ProgressImage2"] {
        filter: brightness(0);
    }
    
    .AsiWarning {
        border-color: var(--grey-color);
        background-color: var(--grey-color);
        color: var(--dark-color);
    }
    
    .PanelFieldValue input[type="radio"] {
        width: auto !important;
    }
    
    .AsiWarning .PanelFieldValue {
        max-width: 100%;
    }
    
    .AsiWarning .SectionLabel {
        color: var(--dark-color);
    }
    
    li.AsiInformation {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
        color: #ffffff;
    }
    
    li.AsiInformation img.iMISUserMessageIcon {
        filter: grayscale(1);
    }
    
    li.AsiInformation ul li a {
        text-decoration: underline !important;
    }
    
    li.AsiInformation ul li a:visited, li.AsiInformation ul li a:active {
        text-decoration: underline !important;
        color: #ffffff;
    }
    
    li.AsiInformation ul li a:hover {
        color: #ffffff;
    }
    
    .NeutralShading.FileMessageDetails {
        background-color: var(--primary-color);
        border: 0.1rem solid var(--primary-color);
    }
    
    .IconSprite.AddIcon {
        background-image: none !important;
        transition: all .2s ease-in-out;
        width: 4rem;
        height: 2.3rem;
        /* margin-left: -3.5rem; */
    }
    
    .IconSprite.AddIcon:after {
        content: 'Add';
        background: transparent;
        font-weight: 700;
        color: var(--dark-color);
        border: 0.1rem var(--dark-color) solid;
        padding: 0.3rem 0.7rem;
        transition: all .2s ease-in-out;
        font-size: 1.2rem;
    }
    
    .IconSprite.AddIcon:hover:after {
        background: var(--primary-color);
        color: white;
        border: 0.1rem var(--primary-color) solid;
        transition: all .2s ease-in-out;
    }
    
    .IconSprite.AddIcon:hover {
        transition: all .2s ease-in-out;
    }
    
    td.ListerColumnHeader > a[title*="Edit"] {
        text-decoration: none !important;
    }
    
    td.ListerColumnHeader > a[title*="Edit"]:after {
        /* content: 'Edit'; */
        /* background: transparent; */
        /* font-weight: 700; */
        /* color: var(--dark-color); */
        /* border: 0.1rem var(--dark-color) solid; */
        /* padding: 0; */
        /* transition: all .2s ease-in-out; */
        /* font-size: 1rem; */
        /* padding: 0.3rem 0.7rem; */
        content: 'Edit';
        /* background: transparent; */
        /* font-weight: 700; */
        /* color: var(--dark-color); */
        /* border: 0.1rem var(--dark-color) solid; */
        padding: 0;
        transition: all .2s ease-in-out;
        font-size: var(--sml-p-text);
        /* padding: 0.3rem 0.7rem; */
        /* text-decoration: none !important; */
        text-decoration: none !important;
        border: none !important;
        padding: 0 !important;
        position: relative;
        /* top: -0.2rem; */
        font-weight: 500 !important;
        background: none !important;
        color: var(--dark-color) !important;
        word-break: normal;
        line-height: 0;
        padding: 0rem  0.5rem !important;
    }
    
    button[id*="_ContactAddress_ct"] {
        padding: 12.5px !important;
    }
    
    
    td.ListerColumnHeader > a[title*="Edit"]:hover:after {
        background: var(--primary-color);
        color: white;
        border: 0.1rem var(--primary-color) solid;
        transition: all .2s ease-in-out;
    }
    
    .IconSprite.EditIcon {
        background: transparent !important;
        width: 4rem;
    }
    
    .IconSprite.EditIcon:after {
        content: 'Edit';
        background: transparent;
        font-weight: 700;
        color: var(--white-color) !important;
        border: 0.1rem var(--dark-color) solid;
        padding: 0;
        transition: all .2s ease-in-out;
        font-size: var(--sml-p-text);
        padding: 0.3rem 0.7rem;
        text-decoration: none !important;
    }
    
    .IconSprite.EditIcon:hover:after {
        background: var(--primary-color);
        color: white !important;
        border: 0.1rem var(--primary-color) solid;
        transition: all .2s ease-in-out;
    }
    
    td.ListerColumnHeader > a[title*="Edit"] > img {
        display: none;
    }
    
    td.ListerColumnHeader {
        padding: 0 !important;
    }
    
    .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
        background: var(--grey-color);
    }
    
    .ProgressDiv {
        background-color: var(--primary-color);
        color: #ffffff;
    }
    
    /* some Telerik overrides */
    .ruButton {
        background-color: var(--primary-color) !important;
        color: #fff !important;
        cursor: pointer;
        border-radius: 0.5rem !important;
    }
    
    .RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
        background-color: var(--primary-color);
        color: #fff;
    }
    
    .ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span {
        background-color: var(--primary-color);
    }
    
    /* </Progress Tracker > */
    /* <Progress Tracker 2> */
    .ProgressTracker2 .ProgressTrackerPanel {
        background-color: var(--primary-color);
    }
    
    
    
    
    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch  {
        border-color: var(--primary-color) !important;
    }
    
    html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected span.rtsTxt {
        /* color: var(--dark-color); */
        color: var(--white-color);
    }
    
    .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
        border-bottom-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageNext:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageLast:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: var(--white-color) !important;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .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: var(--primary-color);
        border-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
        color: var(--white-color) !important;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel, body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
        background-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
        border-color: var(--primary-color);
    }
    
    * + html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
        background-color: var(--primary-color);
    }
    
    * html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
        background-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch input.rgAdd, body#MainBody .RadGrid.RadGrid_MetroTouch input.rgRefresh, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSave, body#MainBody .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
        background-color: var(--primary-color);
    }
    
    .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_Metro .rdpPageFirst:hover, .RadDataPager.RadDataPager_Metro .rdpPagePrev:hover, .RadDataPager.RadDataPager_Metro .rdpPageNext:hover, .RadDataPager.RadDataPager_Metro .rdpPageLast:hover, .RadDataPager.RadDataPager_Metro .rdpPagerButton {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }
    
    .RadGrid_MetroTouch .rgAltRow.rgSelectedRow {
        background-color: var(--grey-color);
        border-color: var(--grey-color);
    }
    
    .RadGrid_MetroTouch .rgAltRow.rgSelectedRow > td {
        border-color: var(--grey-color);
        color: var(--dark-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
        color: var(--white-color) !important;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch tr.rgSelectedRow {
        background-color: var(--grey-color) !important;
        border-color: var(--grey-color);
        /* background-color: var(--primary-color); */
        /* border-color: white; */
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch tr.rgSelectedRow > td {
        /* border-color: var(--white-color); */
        color: var(--dark-color) !important;
        border: 0.05rem solid var(--grey-alt-dark) !important;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow > td.rgSorted {
        background-color: var(--primary-color);
    }
    
    .RadGrid_MetroTouch .rgAltRow.rgSelectedRow > td.rgSorted {
        background-color: var(--grey-color);
        color: var(--dark-color);
        border-color: var(--white-color);
    }
    
    /**********IQA Colors Start **************/
    /* RadGrid
       ========================================================================== */
    body#MainBody .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
        color: var(--dark-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable {
        /* background-color: var(--white-color); */
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgEditRow > td {
        border-left-color: transparent;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch td.rgPagerCell, .RadGrid.RadGrid_Metro td.rgPagerCell {
        border-width: 0;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader, body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch th.rgResizeCol, body#MainBody .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgEditRow > td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFooter td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFilterRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgNoRecords td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow > td, .RadGrid.RadGrid_Metro .rgEditRow > td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, .RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
        padding: 7px 12px;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, body#MainBody .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, body#MainBody .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child {
        /* reset the padding for expand/collapse column */
        padding-left: 0;
        padding-right: 0;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgCommandRow, .RadGrid.RadGrid_Metro .rgCommandRow {
        background-color: transparent;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, body#MainBody .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageNext:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPageLast:active, body#MainBody .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: var(--white-color) !important;
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch input.rgAdd, body#MainBody .RadGrid.RadGrid_MetroTouch input.rgRefresh, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSave, body#MainBody .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
        background-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch input.rgAdd:hover, body#MainBody .RadGrid.RadGrid_MetroTouch input.rgRefresh:hover, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSave:hover, body#MainBody .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover, .RadGrid.RadGrid_Metro input.rgAdd:hover, .RadGrid.RadGrid_Metro input.rgRefresh:hover, .RadGrid.RadGrid_Metro .rgSave:hover, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover {
        background-color: var(--white-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel, body#MainBody .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption {
        background-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
        border-color: var(--primary-color);
    }
    
    * + html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
        background-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, body#MainBody .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: var(--primary-color);
        border-color: var(--primary-color);
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, body#MainBody .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
        color: var(--dark-color) !important;
    }
    /**********IQA Colors End **************/
    
    
      .RadGrid_MetroTouch {
          background: transparent !important;
          background-color: transparent !important;
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch,
      .RadGrid.RadGrid_Metro {
          border: none;
          color: var(--dark-color);
          /* border-radius: var(--border-radius) !important; */
          border: none;
      }
    
    body#MainBody  .RadMultiPage .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
           overflow: auto;
           /* max-width: calc(100vw - calc(var(--padding) * 3.6)) !important; */
           display: block;
      }
    
    @media (min-width: 1200.98px) {
    body#MainBody  .RadMultiPage .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
            /* max-width: calc(100vw - calc(var(--padding) * 4)) !important; */
       }
     
    }
     
    
    
     body#MainBody .RadGrid.RadGrid_MetroTouch, .RadGrid.RadGrid_Metro {
           overflow: auto;
           /* max-width: calc(100vw - calc(var(--padding) * 1)) !important; */
           display: block;
      }
    
    
    
      body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader {
          border: 0px !important;
          padding: 0 !important;
          background: var(--primary-color) !important;
      }
    
      .RadGrid_MetroTouch .rgHeader,
      .RadGrid_MetroTouch th.rgResizeCol,
      .RadGrid_MetroTouch .rgHeaderWrapper,
      .RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader,
      .RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol {
          background-color: transparent;
          border: 0;
          border-bottom: none;
          border-left: none;
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch th.rgHeader {
          line-height: 1 !important;
          /* border-radius: var(--border-radius); */
          border: 0px !important;
          padding: 1.2rem !important;
          text-decoration: none !important;
          box-shadow: inset 0 0 0 0.1rem var(--grey-alt-dark) !important;
          color: white !important;
          width: auto;
          height: auto;
          text-wrap: nowrap;
          text-align: left !important;
          /* background: var(--primary-color) !important; */
          /* margin-right: 0.2rem; */
          /* border: none !important; */
          /* box-shadow: none !important; */
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch th.rgHeader a {
          text-decoration: none !important;
          color: white !important;
      }
    
      th.rgHeader.rgSorted:not(th.rgHeader.rgSorted *) {
          /* font-size: 0; */
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch th a:after,
      .RadGrid.RadGrid_Metro th a:after {
          content: '';
          padding: 0.0rem 0.6rem;
          filter: invert(1) brightness(16.5);
          margin-left: 1rem;
          background-repeat: no-repeat;
          background-position: center;
      }
    
    
    .RadGrid_MetroTouch .rgRow, .RadGrid_MetroTouch .rgAltRow{
      background: var(--white-color) !important;
      }
    
    
     
    
      .col-primary .RadGrid_MetroTouch .rgRow>td,
      .RadGrid_MetroTouch .rgAltRow>td {
          text-align: left;
          border: 0.05rem solid var(--grey-alt-dark) !important;
          word-break: normal;
          padding: 0.6em !important;
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch .rgHeader {
          text-align: center;
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable,
      .RadGrid.RadGrid_Metro .rgMasterTable {
          background: transparent;
          /* border-radius: var(--border-radius) !IMPORTANT; */
       }
     body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable,
      .RadGrid.RadGrid_Metro .rgMasterTable {
           overflow-x: scroll;
           width: 100%;
      }
      body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted,
      .RadGrid.RadGrid_Metro th.rgSorted {
          background: transparent;
          background-color: transparent;
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted a,
      .RadGrid.RadGrid_Metro th.rgSorted a {
          background: transparent;
          color: var(--white-color) !important;
          filter: brightness(1);
      }
    
      .RadGrid_MetroTouch .rgHeader .rgSortAsc,
      .RadGrid_MetroTouch .rgHeader .rgSortDesc {
          display: none !important;
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted[aria-sort="ascending"] a:after,
      .RadGrid.RadGrid_Metro th.rgSorted[aria-sort="ascending"] a:after {
          content: '';
          padding: 0.0rem 0.6rem;
          background: var(--arrow-up);
          /* filter: invert(1); */
          /* margin-left: 1rem; */
          background-repeat: no-repeat;
          background-position: center;
      }
    
      body#MainBody .RadGrid.RadGrid_MetroTouch th.rgSorted[aria-sort="descending"] a:after,
      .RadGrid.RadGrid_Metro th.rgSorted[aria-sort="descending"] a:after {
          content: '';
          padding: 0.0rem 0.6rem;
          background: var(--arrow-down);
          filter: brightness(0) invert(1);
          margin-left: 1rem;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
      }
    
      .RadGrid_MetroTouch td.rgSorted,
      .RadGrid td.rgSorted {
          /* filter: brightness(1.92); */
          background: var(--grey-color) !important;
          border: 0.05rem solid var(--grey-alt-dark) !important;
      }
    
    
     
    
    .Right label:not(.PanelEditorEditForm *) {
        max-width: 90%;
    }
    
    .Alerts .AlertItem br+br {
        display: none;
    }
    
    .Alerts .AlertItem a.TextButton {
        width: 100% !important;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div+div {
        margin-top: 1em;
    }
    
    /*****************horizontal tabs *******************/
    .RadTabStrip .rtsUL {
        display: flex;
        flex-wrap: wrap;
        /* margin-bottom: 3rem; */
    }
    
    .RadTabStrip .rtsUL>li {
        /* margin: 0 1rem 1rem 0; */
        /* padding: 1px; */
        /* margin: 0 1rem 0rem 0; */
        padding: 0px;
        /* display: block !important; */
        /* float: none !important; */
        /* border-right: 0.1rem solid var(--black-color); */
        margin-right: 1rem;
    }
    
    
    .RadTabStrip .rtsUL>li:last-child {
        
        border-right: none;
    }
    
    
    
    .RadTabStrip .rtsUL>li>a {
        /* border-radius: var(--button-border-radius); */
        /* background: var(--grey-color); */
        /* background: transparent !important; */
        /* border: 0px !important; */
        /* line-height: 0; */
        /* padding: 0.6em 1em; */
        /* text-decoration: none !important; */
        /* box-shadow: inset 0 0 0 0.1rem var(--primary-color); */
        transition: 0.4s ease all;
        filter: brightness(0.9);
        /* color: var(--dark-color) !important; */
        border-radius: var(--button-border-radius);
        border: 0px !important;
        line-height: 1;
        padding: 1em;
        text-decoration: none !important;
        transition: 0.4s ease all;
        color: var(--dark-color) !important;
        background: #D1D0DC !important;
        overflow: hidden !important;
    }
    
    .RadTabStrip .rtsUL>li>a:hover {
        /* box-shadow: inset 0 0 0 0.1rem var(--primary-color-hover); */
        /* background: transparent !important; */
        filter:  brightness(0.95);
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
        background: transparent;
        border-radius: var(--border-radius);
        padding: calc(var(--padding) / 2);
        display: flex;
        width: 100%;
        flex: 1 1 100%;
        transition: all ease 0.4s;
        padding: 3rem;
        flex-direction: column;
        border: 0.1rem solid var(--grey-color) !important;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"] {
        display: flex;
        margin: 1rem 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
        display: flex;
        flex-direction: column;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
        display: flex;
        margin: 1rem 0;
        flex-direction: column;
        height: 100%;
        flex-grow: 1;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(odd) {
        /* display: flex; */
        padding-left: 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
        width: 100%;
        margin: 0;
    }
    
    .RadMultiPage {
        border: none;
        padding: 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(even) {
        padding-right: 0;
    }
    
    .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
        border: none;
    }
    
    
    
    
    
    
    
    
    
    
    .RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL {
        background-color: var(--primary-color) !important;
    }
    
    .RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
        text-transform: none;
        border-color: var(--primary-color);
        border-radius: 0.5rem 0.5rem 0 0;
    }
    
    html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
        filter: brightness(1);
        background: var(--primary-color) !important;
        box-shadow: none;
    }
    
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover {
        background: var(--white-color);
        box-shadow: 0px 0px 1.5rem #e1e1e1;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish {
        border: none;
        padding: 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish>*, .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish>*>a {
        color: var(--primary-color);
        font-size: 2.6rem;
        font-weight: 600;
        /* letter-spacing: -0.02em; */
        padding: 0 0 1rem 0;
     }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .col-md-6 {
        padding: 0;
    }
    
    .RadTabStrip .rtsUL>li>a:hover:before {
    }
    
    .RadTabStrip .rtsUL>li>a:before {
    }
    
    html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover span.rtsTxt {
        /* color: var(--dark-color) !important;*/
    }
    
    /************ vertical tabs ************/
    body#MainBody .RadTabStripVertical .rtsUL {
        display: flex;
        margin-bottom: 3rem;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        overflow: visible;
    }
    
    body#MainBody .RadTabStripVertical .rtsUL>li {
        margin: 0 0rem 1rem 1px;
        padding: 0px;
        display: block !important;
        float: none !important;
        /* border-bottom: 0.1rem solid var(--black-color); */
        overflow: visible;
    }
    body#MainBody .RadTabStripVertical .rtsUL>li:last-child {
        border-bottom: none;
    }
    body#MainBody .RadTabStripVertical .rtsUL>li>a {
        border-radius: var(--button-border-radius);
        border: 0px !important;
        line-height: 1;
        padding: 1.2em;
        text-decoration: none !important;
        transition: 0.4s ease all;
        color: var(--dark-color) !important;
        /* background: #D1D0DC !important; */
        overflow: hidden;
    }
    
    body#MainBody .RadTabStripVertical .rtsUL>li>a:hover {
        /* box-shadow: inset 0 0 0 0.1rem var(--primary-color-hover); */
        /* background: transparent !important; */
        filter: brightness(0.95);
    }
    
    
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
        background: var(--grey-color);
        border-radius: var(--border-radius);
        padding: calc(var(--padding) / 2);
        display: flex;
        width: 100%;
        flex: 1 1 100%;
        transition: all ease 0.4s;
        padding: 2.5rem;
        flex-direction: column;
    }

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:has(>div:is([id*="css"], [id*="CSS"])) {
/* display: none; */
}
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"] {
        display: flex;
        margin: 0;
        padding: 0 1rem;
    }

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
    margin: 1rem 0;
}

  
  .RadMultiPage .rmpView>div>div .row:first-child:not(.row .row .row)>div[class*="col-sm"] {
      margin-top: 0;
  }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
        display: flex;
        flex-direction: column;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
        display: flex;
        margin: 1rem 0;
        flex-direction: column;
        height: 100%;
        flex: 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(odd) {
        /* display: flex; */
        padding-left: 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div {
        width: 100%;
        margin: 0;
    }
    
    .RadMultiPage {
        border: none;
        padding: 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div:nth-child(even) {
        padding-right: 0;
    }
    
    body#MainBody .RadTabStripVerticalbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 {
        border: none;
    }
    
    html body#MainBody .RadTabStripVerticalbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected, html body#MainBody .RadTabStripVerticalbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected:hover, html body#MainBody .RadTabStripVertical_MetroTouchbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected, html body#MainBody .RadTabStripVertical_MetroTouchbody#MainBody .RadTabStripVertical_MetroTouch .rtsLevel1 .rtsSelected:hover {
        filter: brightness(1);
        background: var(--primary-color) !important;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover {
        background: var(--white-color);
        box-shadow: 0px 0px 1.5rem #e1e1e1;
    }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]:has(>div:not(:has(> *))) {
      margin: 0;
  }
  
  .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:not(:has(> *)) {
      display: none;
  }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish {
        border: none;
        padding: 0;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .panel-heading.Distinguish>* {
        color: var(--primary-color);
        /* font-size: 2.6rem; */
        /* font-weight: 600; */
        /* letter-spacing: -0.02em; */
        padding: 0 0 1rem 0;
        font-size: 2.7rem;
        font-weight: bold;
      }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div .col-md-6 {
        padding: 0;
    }
    
    body#MainBody .RadTabStripVertical .rtsUL>li>a:hover:before {
    }
    
    body#MainBody .RadTabStripVertical .rtsUL>li>a:before {
    }
    
    body#MainBody .RadTabStripVertical .rtsLevel1 .rtsSelected span.rtsTxt {
        color: #ffffff;
    }
    
    span.rtsIn {
        text-align: left;
    }
    
    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
        border: none !important;
    }
    
    .wrapper:not(.has-secondary-col) body#MainBody .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripLeft+.RadMultiPage {
        margin-top: -1rem;
    }
    
    body#MainBody .RadTabStripVertical .rtsLevel1 span.rtsTxt {
        color: var(--dark-color);
        font-weight: bold;
        border: none !important;
        /* border-radius: var(--button-border-radius); */
        text-transform: initial !important;
        /* font-family: "Inter", sans-serif !important; */
        /* background: var( --secondary-color); */
        font-size: 1.6rem;
    }
    body#MainBody .RadTabStripVertical .rtsLevel1 .rtsSelected span.rtsTxt {
        color: var(--white-color);
    }
    
    /*********************************************/
    .IconSprite {
        background: transparent !important;
        width: 4rem;
    }
    
    .IconSprite:after {
        border: none !important;
        padding: 0 !important;
        position: relative;
        top: 0 !important;
        font-weight: 500 !important;
        background: none !important;
        color: white !important;
    }
    
    .RadButton.rbButton, span.sysicon.sysicon-edit, td.ListerColumnHeader > a[title*="Edit"]{
        /* line-height: 0.5; */
        box-shadow: inset 0 0 0 0.2rem var(--grey-color);
        border-radius: var(--button-border-radius);
        /* background: transparent; */
        border: 0px !important;
        line-height: 1;
        padding: 1.2rem !important;
        text-decoration: none !important;
        box-shadow: inset 0 0 0 0.1rem var(--primary-color);
        transition: 0.4s ease all;
        /* filter: brightness(0.9); */
        /* color: var(
        --dark-color) !important; */
        width: auto;
        height: auto;
        /* background-image: none !important; */
        margin: 0.2rem;
        border-radius: var(
        --button-border-radius) !important;
        /* font-family: 'poppins'; */
        padding: 1rem;
        background: var(--primary-color) !important;
        color: white !important;
        font-size: 1.4rem;
        text-transform: uppercase;
        /* font-family: "Inter", sans-serif !important; */
        /* font-weight: bold !important; */
        overflow: hidden !important;
    }
    
    .RadButton.rbButton:before, span.sysicon.sysicon-edit:before {
        
    }
    
    .RadButton.rbButton:hover:before, span.sysicon.sysicon-edit:hover:before {
     
    }
    
    .RadButton.rbButton:hover, span.sysicon.sysicon-edit:hover {
        /* background: white !important; */
        filter: brightness(1);
        box-shadow: inset 0 0 0 0.0rem var(--primary-color);
        background: var(--primary-alt-light) !important;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover .RadButton.rbButton {
        box-shadow: inset 0 0 0 0.1rem var(--primary-color);
        transition: 0.4s ease all;
        /* filter: brightness(0.9); */
        /* color: var(
        --dark-color) !important; */
        background: transparent !important;
        background: var(--primary-color) !important;
        box-shadow: inset 0 0 0 0.orem var(--primary-color);
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div:hover .RadButton.rbButton:hover {
        /* filter: brightness(1); */
        /* box-shadow: inset 0 0 0 0.1rem var(--primary-color-hover); */
        /* color: var(--primary-color-hover) !important; */
        background: var(--primary-alt-light) !important;
        box-shadow: 0px 0px 0 0rem var(--primary-alt-light);
    }
    
    .IconSprite {
        background: transparent !important;
        width: 4rem;
    }
    
    .IconSprite.ConfigureIcon:after {
        content: 'Configure';
        background: transparent;
        font-weight: 700;
        color: var(--dark-color);
        border: 0.1rem var(--dark-color) solid;
        padding: 0;
        transition: all .2s ease-in-out;
        font-size: var(--sml-p-text) !important;
        padding: 0.3rem 0.7rem;
        text-decoration: none !important;
    }
  
  button.IconSprite.ConfigureIcon:hover:after {
      color: #fff !important;
  }
    
    /**********************************/
    .Alerts ul.AlertSet {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .AsiWarning {
        border-color: #f5f6f8;
        background: #f5f6f8;
        color: #182232;
    }
    
    .PanelFieldValue input[type="radio"] {
        width: auto !important;
    }
    
    .AsiWarning .PanelFieldValue {
        max-width: 100%;
    }
    
    .AsiWarning .SectionLabel {
        color: #253746;
    }
    
    li.AsiInformation img.iMISUserMessageIcon {
        filter: grayscale(1);
    }
    
    li.AsiInformation ul li a {
        text-decoration: underline !important;
    }
    
    li.AsiInformation ul li a:visited, li.AsiInformation ul li a:active {
        text-decoration: underline !important;
        color: #ffffff;
    }
    
    li.AsiInformation ul li a:hover {
        color: #ffffff;
    }
    
    .Alerts ul.AlertSet li>div>div, .Alerts ul.AlertSet li>div>div * {
        color: white;
    }
    
    .Alerts ul.AlertSet li>div>img {
        filter: brightness(473.5);
        margin: 1.5rem 0rem 0rem 1.5rem;
        position: absolute;
        max-width: 3rem;
        top: 0;
    }
    
    .Alerts ul.AlertSet>li>div>div {
        border: none;
        margin: 0rem 0rem 0rem 0rem;
        border-radius: var(--button-border-radius);
        padding: 1.5rem 1.5rem 1.5rem 6rem;
    }
    
    .Alerts .AlertItem {
        padding: 0;
        margin-bottom: 1rem;
        background: transparent;
        border: none;
    }
    
    img[src="/images/Icons/Alerts/alarm-grey.png"]+div {
        background: var(--primary-color);
    }
    
    img[src="/images/Icons/Alerts/people-grey.png"]+div, .AlertItem {
        background: var(--primary-color-hover);
    }
    
    img[src="/images/Icons/Alerts/calendar-color.png"]+div, .AsiInformation {
        border-color: #00529B;
        background: #00529B;
        color: white;
    }
    
    img[src="/images/Icons/Alerts/info-color.png"]+div, .AsiInformation {
        border-color: var(--primary-color);
        background: var(--primary-color);
        color: #ffffff;
    }
    
    img[src="/images/Icons/Alerts/cart-color.png"]+div, .AsiSuccess {
        border-color: #70ba21;
        /*    background: #70ba21; */
        /* color: white; */
    }
    
    img[src="/images/Icons/Alerts/caution.png"]+div, .AsiWarning {
        border-color: #ff8800;
        background: #ff8800;
        color: white;
    }
    
    img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiError {
        border-color: #c74b49;
        background: #c74b49;
        color: white;
    }
    
    img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiImportant {
        border-color: #c74b49;
        background: #c74b49;
        color: white;
    }
    
    img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiNeutral {
        border-color: var(--primary-dark-color);
        background: var(--primary-dark-color);
        color: white;
    }
    
    img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiValidation {
        border-color: #f38a8a;
        background: #f38a8a;
        color: white;
    }
    
    img[src="/images/Icons/Alerts/warning.png"]+div {
        border-color: red;
        background: red;
        color: #ffffff;
    }
    
    img[src="/images/Icons/Alerts/INSERT.png"]+div, .AsiValidationSummary {
        border-color: #D63301;
        background: #D63301;
        color: white;
        background-image: url(/images/Causeis/SmartSuite/SmartLogin/warning.svg);
        background-image: url(/images/Causeis/SmartSuite/SmartLogin/greentick.svg);
        background-image: url(/images/Causeis/SmartSuite/SmartLogin/caution.svg);
    }
    
    .Alerts ul.AlertSet>li>div>div.AsiValidationSummary {
        background-image: none;
    }
    
    .Alerts .AlertItem .media {
        background: var(--primary-color);
        color: white;
        border: none;
        margin: 0rem 0rem 0rem 0rem;
        border-radius: var(--button-border-radius);
        /* padding: 1em; */
        align-items: center;
        position: relative;
    }
    
    .Alerts .AlertItem .media strong+div {
        padding: 1.5rem 1.5rem 1.5rem 0;
    }
    
    .Alerts .AlertItem .media strong+div * {
        color: white;
    }
    
    .Alerts .AlertItem .media strong:not(a strong) {
        padding: 0;
    }
    
    .Alerts .AlertItem .media strong {
    }
    
    .media+div:not([class]) ul.list-unstyled {
        padding: 1.5rem 1.5rem 1.5rem 6rem;
        max-height: 200rem;
        overflow: hidden;
    }
    
    .media+div:not([class]) {
    }
    
    .media+div:not([class]):before {
        /*     content: 'expand'; */
        /*     position: relative; */
        /*     top: -5rem; */
        /*     width: 100%; */
        /*     display: block; */
        /*     text-align: right; */
        /*     padding-right: 2rem; */
        /*     color: white; */
    }
    
    .media+div:not([class]) ul.list-unstyled {
        /*     max-height: 0; */
        /*     overflow: hidden; */
        /*     padding: 0; */
    }
    
    .media+div:not([class]):hover ul.list-unstyled {
        /*     max-height: 200rem; */
        /*     overflow: hidden; */
    }
    
    /***********************************/
    .panel-heading-options>a.panel-heading-collapse {
        display: none;
    }
    
    .Collapsible h2.panel-title {
        cursor: pointer;
        position: relative;
        font-weight: 600;
    }
    
    .Collapsible h2.panel-title a:before {
        content: '';
        content: "+";
        margin: auto 0.5rem auto 0;
        display: inline-block;
        /* position: absolute; */
        left: auto;
        right: 2.1rem;
        color: var(--primary-color);
        /* background-image: var(--arrow-up); */
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        padding: 1.2rem 0.7rem;
        transform: rotate(0deg);
        webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: transform;
        transition-property: transform, opacity;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        top: 1rem;
        /* filter: brightness(0); */
    }
    
    .Collapsible h2.panel-title a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 0 1rem 0;
        font-size: 2.7rem;
        font-weight: bold;
        /* letter-spacing: -0.04em; */
        /* font-family: "Cunia", sans-serif; */
    }
    
    .Collapsible h2.panel-title a:not([aria-expanded="false"], .collapsed):before {
        /* background-image: var(--arrow-up); */
        transform: rotate(45deg);
    }
    
    img[id*="_ProgressImage"] {
        display: none;
    }
    
    /****************/
    .RadButton.rbButton.AddIcon:after {
        content: 'Add';
        background: transparent;
        font-weight: 700;
        color: var(--dark-color);
        border: 0.1rem var(--dark-color) solid;
        padding: 0.3rem 0.7rem;
        transition: all .2s ease-in-out;
        font-size: 1.2rem;
    }
    
    .sysicon.sysicon-edit:after, .sysicon.sysicon-configure::after {
        content: 'Edit';
        background: transparent;
        font-weight: 700;
        color: var(--white-color);
        border: 0.1rem var(--dark-color) solid;
        padding: 0;
        transition: all .2s ease-in-out;
        font-size: 1.4rem;
        /* padding: 0.3rem 0.7rem; */
        text-decoration: none !important;
        -webkit-mask-image: none !important;
        border: none;
        /* padding: 0; */
        line-height: 1;
        font-weight: 500;
        background-color: transparent !important;
        width: auto;
        height: auto;
    }
    
    .RadButton.rbButton input {
        display: none;
    }
    
    .sysicon.sysicon-configure::after {
        content: 'Configure';
    }
    
    span.rtsTxt {
        font-size: 1.4rem;
        padding: 0 !important;
        line-height: normal;
        font-weight: bold;
        border: none !important;
        border-radius: var(--button-border-radius);
        text-transform: uppercase;
        font-family: "Inter", sans-serif !important;
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div .summary-display-item.col {
        padding: 0;
    }
    
    .cell-empty {
        display: none;
    }
    
    .tabs-wrapper.tabs-left {
        gap: 1.5rem;
    }
    
    @media only screen and (max-width: 881.98px) {
        .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"] {
            padding: 0;
        }
    }
    
    .iMIS-WebPart>div[id*='rimary'][id*='ow'] {
    }
    
    body#MainBody .RadGrid.RadGrid_MetroTouch .rgMasterTable > tfoot, .RadGrid.RadGrid_Metro .rgMasterTable > tfoot {
        /* display: flex; */
        /* position: absolute; */
        /* margin-top: 2rem; */
        /* width: 100%; */
    }
    
    
    .row {
        width: 100%;
    }
    
    
    /* RadScheduler
       ========================================================================== */
    .RadScheduler.RadScheduler_Metro .rsAptIn {
        border-top: none;
    }
    
    .RadScheduler.RadScheduler_Metro .rsHeader {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
    }
    
    .RadScheduler.RadScheduler_Metro .rsHeader ul a {
        border-color: var(--primary-color);
    }
    
    .RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
        background-color: var(--primary-color);
    }
    
    .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink {
        border-color: var(--primary-color);
    }
    
    .RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
        border-color: var(--primary-color);
    }
    
    .RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover, .RadMenu.RadMenu_Metro .rmGroup .rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
        color: #FFF !important;
    }
    
    .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
        background-color: var(--primary-color);
    }
    
    .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
    }
    
    .RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a {
        background-color: var(--primary-color);
    }
    
    .RadWindow.RadWindow_Metro .rwControlButtons a {
        border-color: var(--primary-color);
    }
    
    .RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
        border-color: var(--primary-color);
    }
    
    .RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
        color: var(--primary-color);
    }
    
    .RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
        border-color: var(--primary-color);
    }
    
    .RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
        border-color: var(--primary-color);
        background: var(--primary-color);
    }
    
    .RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
        background: var(--primary-color);
    }
    
    .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
        background: var(--primary-color);
        border-color: var(--primary-color);
    }
    
    .RadCalendarTimeView.RadCalendarTimeView_Metro, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
        font-family: inherit;
        font-weight: inherit;
    }
    
    .RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
        border-color: var(--primary-color);
        background: var(--primary-color);
    }
    
    .RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active, .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
        background-color: var(--primary-color);
    }
    
    .panel-body, .PanelBody {
        padding: 0;
    }
    
    label, .Label, .PanelFieldLabelFont {
        color: var(--dark-color);
    }
    
    .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
        color: var(--dark-color) !important;
    }
    
    .RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
        color: var(--primary-color);
    }
    
    .RadComboBox_MetroTouch .rcbReadOnly.rcbFocused {
        background-color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
    }
    
    .CommunicationPreferencesSection, .ProductDisplay {
        background-color: var(--grey-color);
    }
    
    /************* Radwindows ************/
    @media (min-width: 881.98px) {
        div#MainPanel {
            padding: 0 2.5rem 0 2.5rem;
        }
    
        .RadWindow_MetroTouch td.rwBodyLeft, .RadWindow_MetroTouch td.rwBodyRight,.RadWindow .rwFooterCenter, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight {
            background: var(--white-color) !important;
        }
    
      .RadWindow .rwCorner {
        width: 1.5rem;
    }
    
      .RadWindow .rwFooterCenter{
        height: 1.5rem !important;
      }
        div#MainPanel .PanelField.Top .PanelFieldValue input {
            width: 100%;
            max-width: 35rem;
        }
    
        div#MainPanel .PanelField.Top label {
            width: 100% !important;
            max-width: 35rem;
            margin-bottom: 1rem;
        }
    
        div#MainPanel .PanelField.Top .PanelFieldValue select {
            width: 100%;
            max-width: 35rem;
        }
    
        div#MainPanel .PanelField.Top .PanelFieldValue textarea {
            width: 100%;
            max-width: 35rem;
        }
    
        div#MainPanel .row {
            margin: 0;
        }
    
        div#MainPanel .PanelField.Top {
            border-bottom: 0.1rem solid var(--grey-color);
            padding-bottom: 1.4rem;
        }
    }
    
    @media (max-width: 881.98px) {
        div#MainPanel {
            padding: 0 2.5rem;
        }
    
        .RadWindow_MetroTouch td.rwBodyLeft, .RadWindow_MetroTouch td.rwBodyRight,.RadWindow .rwFooterCenter, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight {
            background: var(--grey-color);
        }
    
        div#MainPanel .PanelField.Top .PanelFieldValue input {
            width: 100%;
            max-width: 35rem;
        }
    
        div#MainPanel .PanelField.Top label {
            width: 100% !important;
            max-width: 35rem;
        }
    
        div#MainPanel .PanelField.Top .PanelFieldValue select {
            width: 100%;
            max-width: 35rem;
        }
    
        div#MainPanel .PanelField.Top .PanelFieldValue textarea {
            width: 100%;
            max-width: 35rem;
        }
    
        div#MainPanel .row {
            margin: 0;
        }
    
        div#MainPanel .PanelField.Top {
            border-bottom: 0.1rem solid var(--grey-color);
            padding-bottom: 1.4rem;
        }
    }
    
    /********************   IE Fixes   **********************/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    }
    
    /********************   EDGE Fixes   **********************/
    @supports (-ms-ime-align:auto) and (font-variation-settings: normal) {
    }
    
    /********************   MOZ Fixes   **********************/
    @-moz-document url-prefix() {
    }
    
    .CartCharges {
        background-color: var(--grey-color);
        padding: 1.5rem;
    }
    
    .CartCharges .GrandTotal .PanelField .Label {
        color: var(--primary-color);
        padding-left: 1.5rem;
    }
    
    .CartCharges .GrandTotal .PanelFieldValue span {
        color: var(--primary-color);
    }
    
    /************** fILTERS ****************/
    .FilterPanel {
        background-color: transparent;
        padding: 2.5rem;
        margin-bottom: 1rem;
        border: 0.1rem solid var(--grey-color) !important;
    }
    
    .FilterPanel .PanelField label, .FilterPanel .PanelField:first-child span {
        color: var(--dark-color);
        width: 100%;
        max-width: 20%;
    }
    
    .FilterPanel .PanelField label + .PanelFieldValue {
        width: 100%;
        max-width: 50%;
    }
    
    .FilterPanel .PanelField label + .PanelFieldValue > span > div {
        width: 100% !important;
    }
    
    .FilterPanel .PanelField label + .PanelFieldValue {
        width: 100%;
        max-width: 50%;
    }
    
    .FilterPanel .PanelField label + .PanelFieldValue > span > div {
        width: 100% !important;
        max-width: 50%;
    }
    
    
     
     
    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, .RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
        border: var(--input-border) !important;
        border-radius: var(--border-radius);
        background: #fff;
        box-shadow: none !important;
    }
  textarea {
      padding: 10px !important;
  }
  select {
      padding: 0px 10px !important;
  }
    
    .RadComboBox.RadComboBox_MetroTouch .rcbInner
    
    {box-shadow: none !important;border: none !important;}
    
    .RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
        padding: 2px;
        border: none !important;
        box-shadow: none !important;
    }
    
    
     .RadGrid .rgNumPart a {
           border: none !important;
           border-radius: var(--border-radius) !important;
           background: var(--grey-color);
           box-shadow: none !important;
           width: 3rem !important;
           height: 3rem !important;
           line-height: 1;
     }
    
    
    .RadGrid_MetroTouch .rgPagePrev, .RadGrid_MetroTouch .rgPageNext, .RadGrid_MetroTouch .rgPageFirst, .RadGrid_MetroTouch .rgPageLast
    {
        border: none !important;
        border-radius: var(--border-radius) !important;
        background-color: var(--grey-color) !important;
        box-shadow: none !important;
        width: 3rem !important;
        height: 3rem !important;
    }
    .FilterPanel .PanelField label + .PanelFieldValue > input, .FilterPanel .PanelField label + .PanelFieldValue > select {
        width: 100%;
        max-width: 50%;
    }
    
    @media (max-width: 881.98px) {
        .FilterPanel .PanelField label {
            color: var(--dark-color);
            width: 100%;
            max-width: 100%;
        }
    
        .FilterPanel .PanelField label, .FilterPanel .PanelField:first-child span {
            color: var(--dark-color);
            width: 100%;
            max-width: 100%;
        }
    
        .FilterPanel .PanelField label + .PanelFieldValue {
            width: 100%;
            max-width: 26.2rem;
        }
    
        .FilterPanel .PanelField label + .PanelFieldValue option {
            white-space: pre-wrap;
        }
    
        .FilterPanel .PanelField label + .PanelFieldValue > span > div {
            width: 100% !important;
            max-width: 100%;
        }
    
        .FilterPanel .PanelField label + .PanelFieldValue > input, .FilterPanel .PanelField label + .PanelFieldValue > select {
            width: 100%;
            max-width: 100%;
        }
    }
    
    /********************   Zoom Level Fixes   **********************/
    html {
        font-size: 62.5%;
    }
    
    /******   4k desktop resolution  ******/
    @media (max-width: 3840px) and (min-width: 3830px) {
        /* html {
            font-size: 134.5%;
            transition: all .4s ease-in-out;
            transition-delay: 0.4s;
        } */
    }
    
    /******   300% desktop resolution  ******/
    @media (min-width: 1280px) and (max-width:1290px) {
        /* html {
            font-size: 44.5%;
            transition: all .4s ease-in-out;
            transition-delay: 0.4s;
        } */
    }
    
    /******   175% desktop resolution  ******/
    @media (min-width: 1080px) and (max-width:1100px) {
        /* html {
            font-size: 35.5%;
            transition: all .4s ease-in-out;
            transition-delay: 0.4s;
        } */
    }
    
    /******   150% desktop resolution  ******/
    @media (min-width: 1280px) and (max-width:1280px) {
        /* html {
            font-size: 41.5%;
            transition: all .4s ease-in-out;
            transition-delay: 0.4s;
        } */
    }
    
    /******   125% desktop resolution  ******/
    @media (min-width: 1536px) and (max-width:1536px) {
        /* html {
            font-size: 50%;
            transition: all .4s ease-in-out;
            transition-delay: 0.4s;
        } */
    } 
    
    img[id*="_ProgressImage"] {
        display: none;
    }
    
     /**************radwindow popups***************/
    
    
     
    
    div[id*="RadWindowWrapper"][id*="GenericWindow"] > table {
        border: 0;
        padding: var(--tab-size)!important;
        background: var(--white-color);
    }
    
    div[id*="RadWindowWrapper"][id*="GenericWindow"] tr.rwTitleRow {
        pointer-events: none;
    }
    
    .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar {
        background: none;
    }
    
    div[id*="RadWindowWrapper"][id*="GenericWindow"] {
        border: 0;
        border-radius: var(--border-radius);
        overflow: hidden;
        /* left: 0 !important; */
        /* margin: 1.5rem; */
    }
    
    .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
        background: transparent;
    }
    
    .RadWindow_MetroTouch .rwTable .rwControlButtons li a {/* filter: brightness(0.2); */background-color: var(--primary-color);border-radius: 5rem;cursor: pointer;}
    
     
    
    .RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
        color: var(--primary-color) !important;
        /* font-family: "Cunia", sans-serif; */
        font-size: 3.7rem !important;
        /* font-weight: bold !important; */
        /* letter-spacing: -0.04em; */
        font-family: "Giorgio Sans", sans-serif;
        /* color: var(--dark-color); */
        text-transform: uppercase;
        letter-spacing: 0;
        line-height: 90%;
        padding: 0 !important;
        padding-left: 2rem !important;
    }
    
    
    table.rwTable {
        font-family: "Cunia", sans-serif;
        color: var(--primary-color);
    }
    
     
    
    table.rwTitlebarControls {
        padding: 1.5rem 0 !important;
        border-collapse: separate;
        height: auto !important;
    }
    
    .TelerikModalOverlay {
        background-color: #bfb8b678 !important;
        backdrop-filter: blur(6px);
        opacity: 1 !important;
        z-index: 100 !important;
    }
    
    .RadWindow .rwTitlebarControls td ul {
        z-index: 1;
        position: relative;
        pointer-events: all;
        display: flex;
        margin: 0 !important;
    }
    
    
    
    form#aspnetForm[action*="IsPopup=true"] div.PanelTitle, 
    form#aspnetForm[action*="IsPopup=true"] div.PanelTitle span {
        color: var(--primary-color);
        font-size: 2.6rem;
        font-weight: 600;
        letter-spacing: -0.02em;
        padding: 0 0 1rem 0;
    }
    form#aspnetForm[action*="IsPopup=true"] div#MainPanel {
        padding: 0;
    }
    
    
    /*********** forgot password page *************/
    @media (max-width: 881.98px) {
        form#aspnetForm[action^="./ContactSignInDialog.aspx"] div#masterContentArea {
            max-width: 120rem;
            margin: auto;
            padding: 8rem 2rem;
        }
    }
    
    @media (min-width: 881.98px) {
        form#aspnetForm[action^="./ContactSignInDialog.aspx"] div#masterContentArea {
            margin-top: 200px !important;
            max-width: 120rem;
            margin: auto;
            padding: 8rem 2rem;
        }
    }
    /***** error page *****/
    /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
    @media (min-width: 1200.98px) {
        /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/ div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
            --desiredwidth-var: 141.5rem;
            --width-var: calc(100vw - var(--desiredwidth-var));
            --fullwidth-var: calc(100%);
            --currentwidth-var: calc(100vw);
            flex-flow: nowrap;
            margin: 0;
            /* --bs-gutter-x: 23px; */
            /* overflow: auto; */
        }
    
       
    
        div#masterContentArea .col-primary .row.full:not(.call-to-action-row) {
            width: 100%;
            max-width: 100%;
            padding: 0;
        }
    
        div#masterContentArea .col-primary .row.full >.col-sm-12 {
            width: 100%;
            max-width: 100%;
        }
    }
    
       @media (max-width: 1200.98px) {
       
    
          /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
        --desiredwidth-var: 141.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        margin: 0;
        /* --bs-gutter-x: 23px; */
        /* overflow: auto; */
        }
        /*divide the remaning content area by 2, apply it to each side of the main content container */
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
        padding: 0 calc(var(--width-var) / 2);
        max-width: 100%;
        }
        /*margin auto content inside the columns*/
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div {
        margin: 0 auto;
        }
        /*calculate new bootstrap style col widths*/
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-12 {
        width: calc(var(--fullwidth-var) * 1.0);
        max-width: calc(var(--desiredwidth-var) * 1.0);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-11 {
        width: calc(var(--fullwidth-var) * 0.916);
        max-width: calc(var(--desiredwidth-var) * 0.916);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-10 {
        width: calc(var(--fullwidth-var) * 0.833);
        max-width: calc(var(--desiredwidth-var) * 0.833);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-9 {
        width: calc(var(--fullwidth-var) * 0.75);
        max-width: calc(var(--desiredwidth-var) * 0.75);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-8 {
        width: calc(var(--fullwidth-var) * 0.6666);
        max-width: calc(var(--desiredwidth-var) * 0.6666);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-7 {
        width: calc(var(--fullwidth-var) * 0.583);
        max-width: calc(var(--desiredwidth-var) * 0.583);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-6 {
        width: calc(var(--fullwidth-var) * 0.5);
        max-width: calc(var(--desiredwidth-var) * 0.5);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-5 {
        width: calc(var(--fullwidth-var) * 0.416);
        max-width: calc(var(--desiredwidth-var) * 0.416);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-4 {
        width: calc(var(--fullwidth-var)* 0.333);
        max-width: calc(var(--desiredwidth-var) * 0.333);
        --ctawidth-var:
        calc(var(--fullwidth-var)* 0.333);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-3 {
        width: calc(var(--fullwidth-var) * 0.250);
        max-width: calc(var(--desiredwidth-var) * 0.250);
        --ctawidth-var: calc(var(--fullwidth-var)* 0.25);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-2 {
        width: calc(var(--fullwidth-var) * 0.166);
        max-width: calc(var(--desiredwidth-var) * 0.166);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-1 {
        width: calc(var(--fullwidth-var) * 0.183);
        max-width: calc(var(--desiredwidth-var) * 0.183);
        }
    
    
     
    
           div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div[class*="col-sm-"] {
        margin: 0 auto;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
        margin: 0;
        }
       
       div#masterContentArea .col-primary .row.full >.col-sm-12 {
            width: 100%;
            max-width: 100%;
        }
    
    
    }
      div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-9 div[id*="Panel"] > * {
        max-width: 100rem;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-9:nth-child(2) div[id*="Panel"] > * {
        margin-left: auto;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-8 div[id*="Panel"] > * {
        max-width: 100rem;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row > div.col-sm-8:nth-child(2) div[id*="Panel"] > * {
        margin-left: auto;
        }
    
     div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row {
        padding-top: 5rem;
        padding-bottom: 5rem;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row:nth-of-type(1) {
        background: var(--grey-color);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row:nth-of-type(3) {
        padding-top: 0;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div.row:nth-of-type(3) div {
        display: flex;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"] {
        flex-direction: column;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"] {
        padding: 3rem;
        margin-bottom: 1rem;
        background: var(--primary-color);
        width: 100%;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="rimary"] {
        background: var(--primary-color);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="econdary"] {
        background: var(--secondary-color);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"] > div {
        flex-grow: 1;
        display: flex;
        align-items: flex-end;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"]:not([id*="rey"]) * {
        color: #fff;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="rimary"] a[class*="utton"] {
        background: #fff;
        color: var(--primary-color);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="econdary"] a[class*="utton"] {
        background: #fff;
        color: var(--secondary-color);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"]:not([id*="rey"]) a[class*="utton"]:hover {
        background: #fff0;
        box-shadow: 0 0 0 2px #fff;
        color: #fff;
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="grey"] {
        background: var(--grey-color);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="grey"] h4 {
        color: var(--primary-color);
        }
        div#masterContentArea .col-primary > div > div > .ContentWizardDisplay.ClearFix div[id*="container"][id*="ile"][id*="grey"] a[class*="utton"]:hover {
        background: #fff;
        box-shadow: 0 0 0 2px var(--primary-color);
        color: var(--primary-color);
        }
  
  /******   iframe form styling  ******/
  form[action*="./SocialNetworkProfileEdit.aspx?PartyId="]
    .PanelField
    .PanelFieldValue
    > input[type="text"] {
    width: 100%;
  }
  
  form[action*="./ContactAddressEdit.aspx?AddressId"]
    .PanelField
    .PanelFieldValue
    > input[type="text"] {
    width: 100%;
  }
  
  form[action*="./ContactAddressEdit.aspx?AddressId"]
    table.Form
    > tbody
    > tr
    > td {
    display: block;
  }
  
  form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
    .AsiInformation
    .AsiMessageText {
    font-size: 0;
  }
  
  form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
    .AsiInformation
    .AsiMessageText:before {
    content: 'The address you entered could not be found. Please re-enter or press "Save & Close" to store this address';
    font-size: 1.7rem;
  }
  
  form[action*="/InvoicePrintCash?Invoice+Number=Cash"]
    a[title="Export to Excel"] {
    display: none;
  }
  
  a[title="Export to Excel"] {
    display: none !important;
  }
  
  form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
    .AsiInformation
    .AsiMessageText {
    font-size: 0;
  }
  
  form[action*="./ContactAddressEdit.aspx?AddressId=11176"]
    .AsiInformation
    .AsiMessageText:before {
    content: 'The address you entered could not be found. Please re-enter or press "Save & Close" to store this address';
    font-size: 1.7rem;
  }
  
  
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] div#masterContentArea .col-primary > div > div > div > div.row {
      margin: 0 !important;
  }
  
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .mini-profile-name-section,
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .mini-profile-address-section {
      background: #fff0;
  }
  
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .mini-profile-picture-section,
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-small .mini-profile-picture-section {
      background: #fff0;
  }
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-large .panel-heading,
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] .mini-profile-banner-small .panel-heading,
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] .account-page-with-banner .account-page-top-area.account-page-top-area {
      background: #fff0;
  }
  
  @media (min-width: 767.98px) {
  body#MainBody form[action*="/Shared_Content/ContactManagement/"] div#masterContentArea .col-primary > div > div > div > div.row + .row .iMIS-WebPart > div {
      padding-top: 5rem;
  }
  }

body#MainBody form[action*="/IndividualAccountPage.aspx"] div#masterContentArea .col-primary > div > div > div > div.row {
  margin: 0 !important;
}

body#MainBody form[action*="/IndividualAccountPage.aspx"] div#masterContentArea .col-primary > div > div > div > div.row:nth-child(1) {
    background: var(--grey-color);
}

body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .mini-profile-name-section,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .mini-profile-address-section {
  background: #fff0;
}

body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .mini-profile-picture-section,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-small .mini-profile-picture-section {
  background: #fff0;
}
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-large .panel-heading,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .mini-profile-banner-small .panel-heading,
body#MainBody form[action*="/IndividualAccountPage.aspx"] .account-page-with-banner .account-page-top-area.account-page-top-area {
  background: #fff0;
}

@media (min-width: 767.98px) {
body#MainBody form[action*="/IndividualAccountPage.aspx"] div#masterContentArea .col-primary > div > div > div > div.row + .row .iMIS-WebPart > div {
  padding-top: 5rem;
}
}

div[id*="_EditPanel_"] .panel-heading>h2 {
    font-size: 2rem;
}

body#MainBody>.RadCalendarPopup {
  z-index: 10000000000000000000000 !important;
}

body#MainBody>.RadCalendarFastNavPopup+.RadCalendarPopup {
  z-index: 100 !important;
}

body#MainBody>.RadCalendarFastNavPopup:has(+.RadCalendarPopup) {
  z-index: 10000000000000000000000 !important;
}




/****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 2024/10/30  
 *
 * 
 *  Document contains changes to Fonts
 *
 *
*/
/****************************************/
/****************************************/

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

/**********  IMPORTANT  **********************/
/* THIS WEBSITE MUST USE REM FOR ALL SIZING */
/* EVERY SIZE IN PIXLES MUSE BE EVIDED BY 10 */
/* E.G: */
/* padding: 15px -> padding 1.5rem */
/* font-size: 42px -> font-size: 4.2rem */
/********************************************/
/**/
/**/

/****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 2024/10/30  
 *
 * 
 *  Document contains changes to Layout
 *
 *
*/
/****************************************/
/****************************************/

/****************************************/
/*** Desktop Nav ***/
/****************************************/
@media (min-width: 1024.98px) {
    header#hd {
      background: #fff;
      position: sticky;
      width: 100%;
      z-index: 10000;
      box-shadow: var(--box-shadow);
      top: 0;
    }
  
    header#hd > .header-bottom-container {
      background: #fff;
    }
  
    header#hd > .header-bottom-container > div {
      display: flex;
      max-width: 183rem;
      padding: 1.5rem;
      flex-wrap: wrap;
      justify-content: flex-end;
    }
  
    header#hd > .header-bottom-container > div div#masterLogoArea {
      padding-right: 6rem;
      flex-grow: 1;
    }
  
    header#hd > .header-bottom-container > div div#masterLogoArea > div > div {
      padding: 1.5rem 0;
    }
  
    header#hd
      > .header-bottom-container
      > div
      div#masterLogoArea
      a#masterHeaderImage {
      font-size: 0;
      background-image: var(--logo);
      padding: 0;
      width: 13.5rem;
      height: 8rem;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      padding: inherit;
    }
  
    header#hd > .header-bottom-container > div > div[data-label="Primary"] {
      display: flex;
      /* flex-grow: 1; */
      align-items: center;
    }
  
    header#hd > .header-bottom-container > div > div[data-label="Primary"] > div {
      width: 100%;
    }
  
    header#hd > .header-bottom-container .navbar-collapse {
      width: 100%;
    }
  
    header#hd > .header-bottom-container .navbar-collapse > nav > div {
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > div.UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.nav-aux-account {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem {
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has(a.home) {
      flex-grow: 1;
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink.home
      > span {
      font-size: 0;
      background-image: var(--logo);
      padding: 0;
      width: 17.5rem;
      height: 5rem;
      background-repeat: no-repeat;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:not([class*="utton"]) {
      color: var(--dark-color);
      /* font-size: 1.8rem; */
      font-weight: 500;
      padding: 1.5rem;
      display: flex;
      align-items: center;
      line-height: 1.2;
      transition: all 0.2s ease-in-out;
      text-decoration: none !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:not([class*="noclick"]):hover {
      color: var(--primary-color);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmText {
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:not([class*="utton"])
      > span.rmToggle {
      margin: 0;
      position: static;
      width: auto;
      height: auto;
      margin-left: 1rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:not([class*="utton"])
      > span.rmToggle
      > .rmIcon {
      width: 1.8rem;
      position: static;
      height: 1.8rem;
      margin: 0;
      background-image: var(--arrow-down);
      background-size: contain;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:not([class*="utton"]):is(.rmExpanded, [name="clicked"])
      > span.rmToggle
      > .rmIcon {
      transform: rotatex(180deg);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has(.rmLink[class*="utton"]) {
      padding: 0 0.75rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink[class*="utton"] {
      background: var(--grey-color);
      color: var(--dark-color);
      padding: 1.2rem 3.2rem;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      border: none;
      transition: all 0.2s ease-in-out;
      box-shadow: none !important;
      border-radius: var(--border-radius) !important;
      top: 0 !important;
      line-height: 1.2;
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has(> a.rmLink[class*="utton"]) {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink[class*="utton"].login {
      background: var(--primary-color);
      color: var(--white-color);
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink[class*="utton"]:hover {
      background: var(--secondary-color);
      color: var(--white-color);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide {
      width: auto !important;
      height: auto !important;
      display: block !important;
      left: 0 !important;
      opacity: 0;
      transition: opacity 0.2s ease-in-out !important;
      overflow: visible !important;
      top: -1000rem !important;
      max-width: 35rem;
      min-width: 24rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:is(.rmExpanded, [name="clicked"])
      + .rmSlide {
      opacity: 1;
      top: 100% !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul {
      padding: 3rem;
      position: static;
      display: block !important;
      background: #fff;
      box-shadow: var(--box-shadow);
      border-radius: var(--border-radius);
      width: auto;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li {
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a {
      width: auto !important;
      text-decoration: none !important;
      color: var(--dark-color);
      transition: all 0.2s ease-in-out;
      display: flex;
      align-items: center;
      text-decoration: none !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a:hover {
      color: var(--primary-color);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a[name="clicked"] {
      color: var(--primary-color);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      > span.rmText {
      padding: 0;
      margin: 0;
      max-width: 35rem;
      white-space: initial;
      width: auto !important;
      min-width: 17rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      span.rmToggle {
      margin: 0;
      position: static;
      width: auto;
      height: auto;
      margin-left: 1rem;
      min-width: 1.8rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      span.rmToggle
      > .rmIcon {
      width: 1.8rem;
      position: static;
      height: 1.8rem;
      margin: 0;
      background-image: var(--arrow-down);
      background-size: contain;
      transition: all 0.2s ease-in-out;
      display: block !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink[name="clicked"]
      span.rmToggle
      > .rmIcon {
      transform: rotatex(180deg);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink
      + .rmSlide {
      display: block !important;
      position: static;
      width: auto !important;
      height: auto !important;
      max-height: 0;
      overflow: hidden !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink[name="clicked"]
      + .rmSlide {
      max-height: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink
      + .rmSlide
      > ul {
      padding: 1rem 1.5rem;
      position: static;
      border-bottom: 0.1rem solid #ececec;
      border-top: 0.1rem solid #ececce;
      margin: 1rem 0;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      .rmLast
      a.rmLink
      + .rmSlide
      > ul {
      margin-bottom: 0;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink
      + .rmSlide
      > ul
      > li {
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink
      + .rmSlide
      > ul
      > li:not(:last-child) {
      margin-bottom: 1rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li:not(:last-child) {
      margin-bottom: 1rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink
      + .rmSlide
      > ul
      > li
      > a {
      /* font-size: 1.8rem; */
      text-decoration: none !important;
      color: var(--dark-color) !important;
      transition: all 0.2s ease-in-out;
      width: auto !important;
      white-space: break-spaces;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink
      + .rmSlide
      > ul
      > li
      > a:hover {
      color: var(--primary-color) !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      > span.rmText {
      padding: 0;
      margin: 0;
    }
  
    header#hd > .header-bottom-container #auxiliary-container {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li {
      margin: 0 0.75rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li:last-child {
      margin-right: 0;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a {
      background: var(--grey-color);
      font-size: 0;
      width: 4.8rem;
      height: 4.8rem;
      border-radius: var(--border-radius);
      padding: 0;
      transition: 0.2s ease-in-out all;
      margin: 0 !important;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      .UtilityAuthentication
      ~ li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a {
      width: 5.4rem;
      height: 5.4rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a:hover {
      background: var(--primary-color);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a
      > span.nav-text {
      background-repeat: no-repeat;
      background-size: 2rem;
      background-position: center;
      display: block;
      width: 100%;
      height: 100%;
      filter: brightness(0);
      transition: all 0.2s ease-in-out;
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a:hover
      > span.nav-text {
      filter: brightness(0) invert(1);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].search
      > a
      > span.nav-text {
      background-image: url(/images/Launchpad5/icons/search.svg);
      background-size: 1.6rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a {
      position: relative;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a
      > span.nav-text {
      background-image: url(/images/Launchpad5/icons/cart.svg);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a
      span.cartFull {
      width: auto;
      height: auto;
      left: auto;
      right: -0.5rem;
      top: -0.5rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a
      span.cartFull
      .cartCenter {
      font-size: 1.6rem;
  
      background-color: var(--primary-color);
  
      width: 2rem;
  
      display: block;
  
      height: 2rem;
  
      padding: 0;
  
      border-radius: 50%;
  
      display: flex;
  
      align-items: center;
  
      justify-content: center;
  
      box-shadow: none;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a:hover
      span.cartFull
      .cartCenter {
      background: var(--primary-alt-dark);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:is(.join, .login, .nav-aux-account, .membership)
      > a {
      background: var(--primary-color) !important;
      color: var(--white-color) !important;
      padding: 1.2rem 3.2rem;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      border: none;
      transition: all 0.2s ease-in-out;
      box-shadow: none !important;
      border-radius: var(--border-radius) !important;
      top: 0 !important;
      line-height: 1.2;
      min-height: 5.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      /* font-size: 1.8rem; */
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:is(.join, .login, .nav-aux-account, .membership)
      > a:hover {
      background: var(--primary-alt-dark) !important;
      color: var(--white-color) !important;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].join
      > a {
      background: var(--grey-color) !important;
      color: var(--dark-color) !important;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-account {
      order: -1;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-account
      > a {
      display: flex;
      align-items: center;
      min-height: 5.4rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-account
      > a:not(:has(img)):before {
      content: "";
      display: inline-block;
      width: 3rem;
      height: 3rem;
      margin-right: 1rem;
      background-image: url(/images/Icons/svg/profile.svg);
      background-position: center;
      background-size: contain;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-account
      > a
      img {
      width: 3rem !important;
      height: 3rem !important;
      border-radius: 50%;
      margin-right: 1rem;
    }
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-account
      > a
      > span.nav-text {
      background: none;
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > .UtilityAuthentication {
      margin: 0 0.75rem;
      display: block;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > .UtilityAuthentication
      > a.sign-out-link {
      background: var(--grey-color);
      color: var(--dark-color);
      padding: 1.2rem 3.2rem;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      border: none;
      transition: all 0.2s ease-in-out;
      box-shadow: none !important;
      border-radius: var(--border-radius) !important;
      top: 0 !important;
      line-height: 1.2;
      font-weight: 400;
      min-height: 5.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > .UtilityAuthentication
      ~ .UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > .UtilityAuthentication
      > a.sign-out-link:hover {
      color: var(--white-color);
      background: var(--primary-color);
    }
  }
  
  /****************************************/
  /*** Ipad ***/
  /****************************************/
  @media (max-width: 1539.98px) and (min-width: 767.98px) {
    /* header#hd > .header-bottom-container > div > div[data-label="Primary"] {
      order: 1;
      width: 100%;
    } */
  }
  
  @media (width: 768px) {
  }
  
  @media (width: 1024px) {
  }
  
  /****************************************/
  /*** Mobile Nav ***/
  /****************************************/
  @media (max-width: 1024.98px) {
    header#hd {
      background: #fff;
      box-shadow: var(--box-shadow);
      position: relative;
      z-index: 10000;
    }
  
    header#hd > .header-bottom-container {
      background: #fff;
    }
  
    header#hd > .header-bottom-container > div {
      padding: 0;
      display: flex;
      flex-wrap: wrap;
    }
  
    header#hd > .header-bottom-container > div div#masterLogoArea {
      flex-grow: 1;
    }
  
    header#hd > .header-bottom-container > div div#masterLogoArea > div > div {
      padding: 1.5rem;
    }
  
    header#hd
      > .header-bottom-container
      > div
      div#masterLogoArea
      a#masterHeaderImage {
      font-size: 0;
      background-image: var(--logo);
      padding: 0;
      width: 12.5rem;
      height: 6rem;
      background-repeat: no-repeat;
      background-position: left;
      background-size: contain;
      padding: inherit;
    }
  
    header#hd > .header-bottom-container #auxiliary-container {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigation.nav-auxiliary {
      display: flex;
      align-items: center;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul {
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li {
      margin: 0 0.75rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li:last-child {
      /* margin-right: 0; */
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a {
      background: var(--grey-color);
      font-size: 0;
      width: 4.8rem;
      height: 4.8rem;
      border-radius: var(--border-radius);
      padding: 0;
      transition: 0.2s ease-in-out all;
      margin: 0;
      border: none;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a:hover {
      background: var(--primary-color);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a
      > span.nav-text {
      background-repeat: no-repeat;
      background-size: 2rem;
      background-position: center;
      display: block;
      width: 100%;
      height: 100%;
      filter: brightness(0);
      transition: all 0.2s ease-in-out;
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:not(.nav-aux-account, .join, .login, .membership)
      > a:hover
      > span.nav-text {
      filter: brightness(0) invert(1);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].search
      > a
      > span.nav-text {
      background-image: url(/images/Launchpad5/icons/search.svg);
      background-size: 1.6rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a
      span.cartFull {
      width: auto;
  
      height: auto;
  
      left: auto;
  
      right: -0.5rem;
  
      top: -0.5rem;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a
      span.cartFull
      .cartCenter {
      font-size: 1.6rem;
  
      background-color: var(--primary-color);
  
      width: 2rem;
  
      display: block;
  
      height: 2rem;
  
      padding: 0;
  
      border-radius: 50%;
  
      display: flex;
  
      align-items: center;
  
      justify-content: center;
  
      box-shadow: none;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a
      span.cartFull
      .cartCenter {
      background-color: var(--primary-alt-dark);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].nav-aux-cart
      > a
      > span.nav-text {
      background-image: url(/images/Launchpad5/icons/cart.svg);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li.nav-aux-account {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:is(.join, .login, .nav-aux-account, .membership)
      > a {
      background: var(--primary-color);
      color: var(--white-color);
      padding: 1.2rem 3.2rem;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      border: none;
      transition: all 0.2s ease-in-out;
      box-shadow: none !important;
      border-radius: var(--border-radius) !important;
      top: 0 !important;
      line-height: 1.2;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:is(.join, .login, .nav-aux-account, .membership)
      > a:hover {
      background: var(--primary-alt-dark);
      color: var(--white-color);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"].join
      > a {
      background: var(--grey-color);
      color: var(--dark-color);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button {
      margin: 0rem 1.5rem 0rem 0.75rem;
      background: #fff0 !important;
      width: 2.8rem;
      height: 2.8rem;
      position: relative;
      display: block;
      padding: 0;
      border-radius: 0;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button
      > span.icon-bar {
      background: var(--dark-color);
      height: 0.1rem;
      background: #1c3044;
      width: 2.8rem;
      height: 0.1rem;
      margin-top: 0 !important;
      transition: all 0.3s ease-in-out;
      position: absolute;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button
      > span.icon-bar
      + span.icon-bar {
      margin-top: 0.7rem !important;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button
      span.icon-bar:nth-child(2) {
      top: 0.3rem;
      transform: rotate(0);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button
      span.icon-bar
      + span.icon-bar:nth-child(3) {
      margin-top: 0 !important;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button
      span.icon-bar:nth-child(4) {
      bottom: 0.3rem;
      transform: rotate(0);
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button.clicked
      span.icon-bar:nth-child(2) {
      transform: rotate(-45deg);
      top: 50%;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button.clicked
      span.icon-bar:nth-child(3) {
      background: #fff0;
    }
  
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationToggle
      > button.clicked
      span.icon-bar:nth-child(4) {
      transform: rotate(45deg);
      bottom: 50%;
    }
  
    header#hd > .header-bottom-container > div > div[data-label="Primary"] {
      order: 2;
      width: 100%;
    }
  
    header#hd > .header-bottom-container .navbar-collapse {
      display: block !important;
      margin: 0;
      height: auto !important;
      max-height: 0;
      overflow: hidden !important;
      background: #fff;
      transition: max-height 0.8s ease-in-out;
    }
  
    header#hd > .header-bottom-container .navbar-collapse.in {
      max-height: 200rem;
    }
  
    header#hd > .header-bottom-container .navbar-collapse > nav > div {
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal {
      flex-wrap: wrap;
      display: flex;
      border-top: var(--input-border);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.nav-aux-account {
      width: 50%;
      padding: 1.5rem;
      border-bottom: var(--input-border);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.nav-aux-account
      ~ li.nav-aux-account {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > div.UtilityAuthentication
      ~ div.UtilityAuthentication {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.nav-aux-account
      > a {
      background: var(--primary-color);
      color: var(--white-color);
      padding: 1.2rem 2.2rem;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      border: none;
      transition: all 0.2s ease-in-out;
      box-shadow: none !important;
      border-radius: var(--border-radius) !important;
      top: 0 !important;
      line-height: 1.2;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.nav-aux-account
      > a:not(:has(img)):before {
      content: "";
      display: inline-block;
      width: 3rem;
      height: 3rem;
      margin-right: 1rem;
      background-image: url(/images/Icons/svg/profile.svg);
      background-position: center;
      background-size: contain;
      min-width: 3rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.nav-aux-account
      > a
      img {
      width: 3rem !important;
      height: 3rem !important;
      margin-right: 1.5rem;
      border-radius: 50%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > div.UtilityAuthentication {
      width: 50%;
      padding: 1.5rem;
      margin: 0;
      border-bottom: var(--input-border);
      display: flex;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > div.UtilityAuthentication
      > a {
      background: var(--grey-color);
      color: var(--dark-color);
      padding: 1.2rem 3.2rem;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      vertical-align: middle;
      border: none;
      transition: all 0.2s ease-in-out;
      box-shadow: none !important;
      border-radius: var(--border-radius) !important;
      top: 0 !important;
      line-height: 1.2;
      font-weight: 400;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem {
      border-bottom: var(--input-border);
      width: 100%;
      display: flex;
      flex-direction: column;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has(.home) {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has([class*="utton"]) {
      order: -2;
      width: 50%;
      padding: 1.5rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has(.nav-aux-account) {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has([class*="utton"].membership) {
      width: 100%;
      order: -1;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink {
      padding: 1.5rem;
      font-size: 2rem;
      color: var(--dark-color);
      text-decoration: none !important;
      font-weight: 500;
      text-decoration: none !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink:after {
      display: none;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:not(:has([class*="utton"]))
      > a.rmLink {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmToggle {
      margin: 0;
      position: static;
      width: auto;
      height: auto;
      margin-left: 3rem;
      min-width: 2.2rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmToggle
      > .rmIcon {
      width: 2.2rem;
      position: static;
      height: 2.2rem;
      margin: 0;
      background-image: var(--arrow-down);
      background-size: contain;
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink[name="clicked"]
      > span.rmToggle
      > .rmIcon {
      transform: rotatex(180deg);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a[class*="utton"].rmLink {
      /* margin: 1.5rem; */
      background: var(--primary-color);
      color: var(--white-color);
      padding: 1.2rem 3.2rem;
      text-align: center;
      text-decoration: none;
      display: flex;
      vertical-align: middle;
      border: none;
      transition: all 0.2s ease-in-out;
      box-shadow: none !important;
      border-radius: var(--border-radius) !important;
      top: 0 !important;
      line-height: 1.2;
      align-items: center;
      justify-content: center;
      font-weight: 400;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has(a[class*="utton"].rmLink.join) {
      justify-content: flex-end;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem:has(a[class*="utton"].rmLink.join) {
      display: flex;
      justify-content: flex-end;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a[class*="utton"].rmLink.join {
      background: var(--grey-color);
      color: var(--dark-color);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      > span.rmText {
      padding: 0;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide {
      display: block !important;
      position: static;
      max-height: 0;
      overflow: hidden !important;
      transition: max-height 0.8s ease-in-out;
      height: auto !important;
      width: 100% !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink[name="clicked"]
      + .rmSlide {
      max-height: 100rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul {
      display: block !important;
      position: static;
      padding: 0;
      border: none;
      width: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li {
      margin-bottom: 0.5rem;
      display: flex;
      flex-direction: column;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a {
      font-size: 1.8rem;
      color: var(--dark-color) !important;
      text-decoration: none !important;
      width: auto !important;
      transition: 0.2s ease-in-out all;
      padding: 0 1.5rem;
      display: flex;
      align-items: center;
      text-decoration: none !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a:hover {
      color: var(--primary-color) !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      > span {
      padding: 0;
      margin: 0;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      > span.rmText {
      flex-grow: 1;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      > span.rmToggle {
      margin: 0;
      position: static;
      width: auto;
      height: auto;
      margin-left: 3rem;
      min-width: 2.2rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      > span.rmToggle
      > .rmIcon {
      width: 2.2rem;
      position: static;
      height: 2.2rem;
      margin: 0;
      background-image: var(--arrow-down);
      background-size: contain;
      transition: all 0.2s ease-in-out;
      display: block !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a[name="clicked"]
      > span.rmToggle
      > .rmIcon {
      transform: rotatex(180deg);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      + .rmSlide {
      width: 100% !important;
      height: auto !important;
      position: static;
      display: flex !important;
      max-height: 0;
      overflow: hidden !important;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a[name="clicked"]
      + .rmSlide {
      max-height: 100%;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      + .rmSlide
      > ul {
      display: block !important;
      padding: 0;
      position: static;
      width: 100% !important;
      border-top: var(--input-border);
      border-bottom: var(--input-border);
      padding: 1.5rem 0;
      margin: 1.5rem;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      + .rmSlide
      > ul
      > li {
      margin: 0.375rem 0;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      + .rmSlide
      > ul
      > li
      > a {
      width: 100% !important;
      font-size: 1.8rem;
      text-decoration: none !important;
      color: var(--dark-color);
      transition: all 0.2s ease-in-out;
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      + .rmSlide
      > ul
      > li
      > a:hover {
      color: var(--primary-color);
    }
  
    header#hd
      > .header-bottom-container
      ul.rmRootGroup.rmToggleHandles.rmHorizontal
      > li.rmItem
      > a.rmLink
      + .rmSlide
      > ul
      > li
      > a
      + .rmSlide
      > ul
      > li
      > a
      > span.rmText {
      padding: 0;
      margin: 0;
    }
  }
  
  @media (max-width: 1023.98px) {
    header#hd
      > .header-bottom-container
      #auxiliary-container
      .UtilityNavigationList
      > ul
      > li[class*="utton"]:is(.join, .login, .membership) {
      display: none;
    }
  }
  
  /****************************************/
  /*** MasterContentArea - Col-primary ***/
  /****************************************/
  
  div[id$="_masterWrapper"].wrapper {
    height: auto;
  }
  
  /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
  @media (min-width: 1336.98px) {
    /*Calculate the width of the site minus the desired width of the main content container, leaving the remainder empty content area on the sides*/
    .row {
      --desiredwidth-var: 136.7rem;
      --width-var: calc(100vw - var(--desiredwidth-var));
      --fullwidth-var: calc(100%);
      --currentwidth-var: calc(100vw);
      flex-flow: wrap;
      margin: 0;
    }
  
    /*divide the remaning content area by 2, apply it to each side of the main content container */
    div#masterContentArea .col-primary > div > div > div > div.row {
      padding: 0 calc(var(--width-var) / 2);
      max-width: 100%;
    }
  
    /*margin auto content inside the columns*/
    div#masterContentArea .col-primary > div > div > div > div.row > div {
      margin: 0 auto;
    }
  
    /*calculate new bootstrap style col widths*/
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-12 {
      width: calc(var(--fullwidth-var) * 1);
      max-width: calc(var(--desiredwidth-var) * 1);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-11 {
      width: calc(var(--fullwidth-var) * 0.916);
      max-width: calc(var(--desiredwidth-var) * 0.916);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-10 {
      width: calc(var(--fullwidth-var) * 0.833);
      max-width: calc(var(--desiredwidth-var) * 0.833);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-9 {
      width: calc(var(--fullwidth-var) * 0.75);
      max-width: calc(var(--desiredwidth-var) * 0.75);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-8 {
      width: calc(var(--fullwidth-var) * 0.6666);
      max-width: calc(var(--desiredwidth-var) * 0.6666);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-7 {
      width: calc(var(--fullwidth-var) * 0.583);
      max-width: calc(var(--desiredwidth-var) * 0.583);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-6 {
      width: calc(var(--fullwidth-var) * 0.5);
      max-width: calc(var(--desiredwidth-var) * 0.5);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-5 {
      width: calc(var(--fullwidth-var) * 0.416);
      max-width: calc(var(--desiredwidth-var) * 0.416);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-4 {
      width: calc(var(--fullwidth-var) * 0.333);
      max-width: calc(var(--desiredwidth-var) * 0.333);
      --ctawidth-var: calc(var(--fullwidth-var) * 0.333);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-3 {
      width: calc(var(--fullwidth-var) * 0.25);
      max-width: calc(var(--desiredwidth-var) * 0.25);
      --ctawidth-var: calc(var(--fullwidth-var) * 0.25);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-2 {
      width: calc(var(--fullwidth-var) * 0.166);
      max-width: calc(var(--desiredwidth-var) * 0.166);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div.col-sm-1 {
      width: calc(var(--fullwidth-var) * 0.183);
      max-width: calc(var(--desiredwidth-var) * 0.183);
    }
  
    div#masterContentArea .col-primary .row.full:not(.call-to-action-row) {
      width: 100%;
      max-width: 100%;
      padding: 0;
    }
  
    div#masterContentArea .col-primary .row.full > .col-sm-12 {
      width: 100%;
      max-width: 100%;
    }
  }
  
  @media (max-width: 1336.98px) {
    .row {
      --desiredwidth-var: 136.7rem;
      --width-var: calc(100vw - var(--desiredwidth-var));
      --fullwidth-var: calc(100%);
      --currentwidth-var: calc(100vw);
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row
      > div[class*="col-sm-"] {
      margin: 0 auto;
    }
  
    div#masterContentArea .col-primary > div > div > div > div.row {
      margin: 0;
    }
  }
  
  /***** DESKTOP ******/
  @media (min-width: 767.98px) {
    .iMIS-WebPart > .ContentItemContainer {
      margin-bottom: 0;
    }
  
    .container,
    .header-container,
    .SliderPage1 {
      max-width: 133.7rem;
    }
  
    div#masterContentArea {
      max-width: 100%;
      padding: 0;
      margin-top: 0;
    }
  
    .col-primary > div > div > div > div.row .iMIS-WebPart > div {
      padding-top: 4rem;
    }
  
    .col-primary
      > div
      > div
      > div
      > div.row
      .iMIS-WebPart
      > div[id*="PageHeading"] {
      padding: 0;
    }
  
    .col-primary > div > div > div > div.row .iMIS-WebPart + .iMIS-WebPart > div {
      padding: 0;
    }
  
    .col-primary > div > div > div > div.row .iMIS-WebPart:last-of-type > div {
      padding-bottom: 4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:first-child
      > .col-sm-12
      .iMIS-WebPart:nth-child(2):last-child
      > div {
      padding-bottom: 0;
      padding-top: 4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row)
      + div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row) {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row
      + div.row.grey-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.primary-row
      + div.row.primary-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.secondary-row
      + div.row.secondary-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(
        .carousel-row,
        .grey-row,
        .primary-row,
        .secondary-row
      ).call-to-action-row
      + div.row:not(
        .carousel-row,
        .grey-row,
        .primary-row,
        .secondary-row
      ).call-to-action-row {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row.call-to-action-row
      + div.row.grey-row.call-to-action-row {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.primary-row.call-to-action-row
      + div.row.primary-row.call-to-action-row {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row.call-to-action-row
      + div.row.grey-row.call-to-action-row {
      margin-top: -5rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:has(div[id*="ertical"][id*="lign"]) {
      align-items: center;
    }
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row.grey-row {
    background: var(--grey-color);
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row.primary-row {
    background: var(--primary-color);
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row.secondary-row {
    background: var(--secondary-color);
  }
  
  div.row.primary-row div[id*="_Panel_"] > *,
  div.row.secondary-row div[id*="_Panel_"] > * {
    color: #ffffff;
    background: none;
    -webkit-text-fill-color: initial;
  }
  
  div#masterContentArea .col-primary > div > div > div > div.row {
    margin: 0;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row:has(.hideThisZone) {
    display: none;
  }
  
  /***** MOBILE ****/
  @media (max-width: 767.98px) {
    div#masterContentArea {
      max-width: 100%;
      padding: 0;
      margin-top: 0 !important;
    }
  
    div#masterContentArea .col-primary > div > div > div > div.row {
      margin: 0;
      padding: 4rem 0;
    }
  
    div#masterContentArea .col-primary > div > div > div > div.row:first-of-type {
      padding: 0;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row)
      + div.row:not(.carousel-row, .grey-row, .primary-row, .secondary-row) {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:has(div[id*="PageHeading"]):nth-child(1)
      + div {
      margin-top: 0 !important;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row
      + div.row.grey-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.primary-row
      + div.row.primary-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.secondary-row
      + div.row.secondary-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row:not(
        .carousel-row,
        .grey-row,
        .primary-row,
        .secondary-row
      ).call-to-action-row
      + div.row:not(
        .carousel-row,
        .grey-row,
        .primary-row,
        .secondary-row
      ).call-to-action-row {
      margin-top: -4rem;
      padding-top: 0;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row.call-to-action-row
      + div.row.grey-row.call-to-action-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.primary-row.call-to-action-row
      + div.row.primary-row.call-to-action-row {
      margin-top: -4rem;
    }
  
    div#masterContentArea
      .col-primary
      > div
      > div
      > div
      > div.row.grey-row.call-to-action-row
      + div.row.grey-row.call-to-action-row {
      margin-top: -4rem;
    }
  }
  
  @media (max-width: 1023.98px) {
    div#masterContentArea {
      margin-top: 0 !important;
    }
  }
  
  /****************************************/
  /***  Footer ***/
  /****************************************/
  /***** DESKTOP ******/
  @media (min-width: 767.98px) {
    footer#ft {
      background: var(--primary-alt-dark);
      color: var(--white-color);
    }
  
    footer#ft > .footer-content {
      background: var(--primary-alt-dark);
      padding: 0;
      text-align: left;
    }
  
    footer#ft > .footer-content > div {
      padding: 0;
      max-width: 133.7rem;
    }
  
    footer#ft > .footer-nav-copyright {
      display: none;
    }
  
    footer#ft .row {
      padding: 4rem 0;
      margin: 0;
    }
  
    footer#ft > .footer-content * {
      color: #fff;
    }
  
    footer#ft > .footer-content li,
    footer#ft > .footer-content p {
      font-size: 1.8rem;
    }
  
    footer#ft > .footer-content a {
      text-decoration: none;
    }
  
    footer#ft > .footer-content p a {
      font-size: 1.8rem;
    }
  
    footer#ft > .footer-content a:hover {
      text-decoration: underline;
    }
  
    footer#ft > .footer-content ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
  
    footer#ft > .footer-content h6 {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
    }
  
    footer#ft > .footer-content div[id*="Socials"] {
      display: flex;
    }
  
    footer#ft > .footer-content div[id*="Socials"] p {
      margin-bottom: 0;
      margin-right: 2rem;
    }
  
    footer#ft > .footer-content div[id*="Socials"] img {
      width: 2rem !important;
      height: 2rem !important;
      object-fit: contain;
    }
  
    footer#ft > .footer-content div[id*="Getintouch"] p {
      display: flex;
    }
  
    footer#ft > .footer-content div[id*="Getintouch"] p:last-child {
      margin: 0;
    }
  
    footer#ft > .footer-content div[id*="Getintouch"] img {
      width: 2rem !important;
      height: 2rem !important;
      object-fit: contain;
      margin-right: 1.5rem;
      margin-top: 0.5rem;
    }
  
    footer#ft > .footer-content div[id*="Logo"] img {
      max-width: 16rem;
    }
  
    footer#ft > .footer-content img {
      filter: brightness(0) invert(1);
    }
  
    footer#ft > .footer-content .row:not(:nth-child(1)) {
      border-top: 0.1rem solid #ffffff40;
    }
  
    footer#ft > .footer-content .row:nth-child(4) {
      border: none;
      padding-top: 0;
      display: none;
    }
  
    footer#ft > .footer-content .row:nth-child(1) {
      text-align: center;
      display: none;
    }
  
    footer#ft > .footer-content .row:nth-child(1) p {
      font-size: 2rem;
      font-weight: 600;
      margin: 0 auto;
      max-width: 100rem;
    }
  
    footer#ft > .footer-content .row:nth-child(2) {
      border: none;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div {
      display: flex;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div:first-child {
      padding-left: 0;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div:last-child {
      padding-right: 0;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div {
      display: flex;
    }
  
    footer#ft > .footer-content .row:nth-child(3) > div:first-child {
      padding-left: 0;
    }
  
    footer#ft > .footer-content .row:nth-child(3) > div:last-child {
      padding-right: 0;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div > div {
      display: flex;
      flex-direction: column;
    }
  
    footer#ft > .footer-content div[id*="Logo"] {
      flex-grow: 1;
      display: flex;
      align-items: flex-end;
      padding-top: 2rem;
    }
  
    footer#ft > .footer-content .row:nth-child(3) p {
      margin-bottom: 0;
    }
  
    footer#ft > .footer-content .row:nth-child(3) > div:nth-child(2) {
      text-align: right;
    }
  }
  
  @media (min-width: 767.98px) and (max-width: 1337px) {
    footer#ft > .footer-content .row:nth-child(2) > div {
      width: 100%;
      padding-bottom: 3rem;
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
  
    footer#ft > .footer-content .row:nth-child(3) > div {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div:not(:first-child) {
      width: 50%;
    }
  }
  
  /***** MOBILE ****/
  @media (max-width: 767.98px) {
    footer#ft {
      background: var(--primary-alt-dark);
      color: var(--white-color);
    }
  
    footer#ft > .footer-content {
      background: var(--primary-alt-dark);
      padding: 0 1.5rem;
      text-align: left;
    }
  
    footer#ft > .footer-nav-copyright {
      display: none;
    }
  
    footer#ft .row {
      padding: 4rem 0;
    }
  
    footer#ft > .footer-content * {
      color: #fff;
    }
  
    footer#ft > .footer-content li,
    footer#ft > .footer-content p {
      font-size: 1.8rem;
    }
  
    footer#ft > .footer-content a {
      text-decoration: none;
    }
  
    footer#ft > .footer-content p a {
      font-size: 1.8rem;
    }
  
    footer#ft > .footer-content a:hover {
      text-decoration: underline;
    }
  
    footer#ft > .footer-content ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
  
    footer#ft > .footer-content h6 {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
    }
  
    footer#ft > .footer-content div[id*="Socials"] {
      display: flex;
    }
  
    footer#ft > .footer-content div[id*="Socials"] p {
      margin-bottom: 0;
      margin-right: 2rem;
    }
  
    footer#ft > .footer-content div[id*="Socials"] img {
      width: 2rem !important;
      height: 2rem !important;
      object-fit: contain;
    }
  
    footer#ft > .footer-content div[id*="Getintouch"] p {
      display: flex;
    }
  
    footer#ft > .footer-content div[id*="Getintouch"] p:last-child {
      margin: 0;
    }
  
    footer#ft > .footer-content div[id*="Getintouch"] img {
      width: 2rem !important;
      height: 2rem !important;
      object-fit: contain;
      margin-right: 1.5rem;
      margin-top: 0.5rem;
    }
  
    footer#ft > .footer-content div[id*="Logo"] img {
      max-width: 16rem;
    }
  
    footer#ft > .footer-content img {
      filter: brightness(0) invert(1);
    }
  
    footer#ft > .footer-content .row:not(:nth-child(1)) {
      border-top: 0.1rem solid #ffffff40;
    }
  
    footer#ft > .footer-content .row:nth-child(4) {
      display: none;
    }
  
    footer#ft > .footer-content .row:nth-child(1) {
      text-align: center;
      display: none;
    }
  
    footer#ft > .footer-content .row > div {
      padding-left: 0;
      padding-right: 0;
    }
  
    footer#ft > .footer-content .row:nth-child(1) p {
      font-size: 2rem;
      font-weight: 600;
      margin: 0;
    }
    footer#ft > .footer-content .row:nth-child(2) {
      border: none;
    }
    footer#ft > .footer-content .row:nth-child(2) > div {
      display: flex;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div > div {
      display: flex;
      flex-direction: column;
    }
  
    footer#ft > .footer-content div[id*="Logo"] {
      order: -1;
      margin-bottom: 3rem;
      display: none;
    }
  
    footer#ft > .footer-content .row:nth-child(2) > div {
      padding-bottom: 3rem;
    }
  }
  
  footer#ft {
    display: block !important;
    height: auto !important;
  }
  
  /****************************************/
  /*** accordion ***/
  /****************************************/
  div#accordionGroup {
    border: var(--input-border);
    background: #fff;
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-bottom: 1.5rem;
  }
  
  h4.accordionheading {
    margin: 0;
  }
  
  h4.accordionheading > button {
    width: 100%;
    text-align: left;
    border: none;
    padding: 3rem 9rem 3rem 3rem;
    background: #fff;
    font-weight: 700;
    position: relative;
    color: var(--primary-color);
    font-size: 2.4rem;
    border-radius: var(--border-radius);
  }
  
  h4.accordionheading > button:after {
    content: "";
    display: block;
    position: absolute;
    background-image: var(--arrow-down);
    width: 3rem;
    height: 3rem;
    top: 50%;
    right: 3rem;
    background-size: contain;
    transform: translate(0, -50%);
    filter: var(--primary-image-filter);
  }
  
  h4.accordionheading > button[aria-expanded="true"]:after {
    transform: translate(0, -50%) rotateZ(180deg);
  }
  
  div#accordionGroup > .accordion-panel {
    padding: 0 3rem 3rem;
  }
  
  div#accordionGroup > .accordion-panel > *:last-child {
    margin-bottom: 0;
  }
  
  /****************************************/
  /*** accordion ***/
  /****************************************/
  
  div[id*="_Panel_"][id*="ightbox"] {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
  }
  div[id*="_Panel_"][id*="ightbox"] > * {
    width: calc(50% - 1.5rem);
  }
  div[id*="_Panel_"][id*="ightbox"] > a:before {
    display: none !important;
  }
  div[id*="_Panel_"][id*="ightbox"] > a:after {
    display: none !important;
  }
  div[id*="_Panel_"][id*="ightbox"] > a {
    position: relative !important;
    padding: 0 !important;
    padding-bottom: 25% !important;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    display: block !important;
    top: 0 !important;
  }
  div[id*="_Panel_"][id*="ightbox"] > a > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
  .lb-nav a.lb-prev {
    background: url(/images/Launchpad2/svg/arrow-white-right.svg) left 48%
      no-repeat;
    transform: rotatez(180deg);
    background-size: 3rem;
    background-position: 95% 50%;
  }
  .lb-nav a.lb-next {
    background: url(/images/Launchpad2/svg/arrow-white-right.svg) right 48%
      no-repeat;
    background-size: 3rem;
    background-position: 95% 50%;
  }
  @media (max-width: 1024px) {
    div[id*="_Panel_"][id*="ightbox"] > * {
      width: calc(50% - 1.5rem);
    }
  }
  @media (max-width: 767px) {
    div[id*="_Panel_"][id*="ightbox"] > * {
      width: 100%;
    }
    div[id*="_Panel_"][id*="ightbox"] > a {
      padding-bottom: 75% !important;
    }
  }
  
  /************************************************/
  /************ Page load animations *************/
  /************************************************/
  /************************/
  @-webkit-keyframes fade-in-top {
    0% {
    }
  
    100% {
    }
  }
  
  @-webkit-keyframes fade-in {
    0% {
    }
  
    100% {
    }
  }
  
  html.html-main > body#MainBody {
    opacity: 0;
    transition: ease 0.4s all;
  }
  
  html.html-main > body#MainBody.animateIn {
    opacity: 1;
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
      both;
    animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
    background: white;
  }
  
  html.html-main > body#MainBody header#hd {
    opacity: 0;
    transition: ease 0.4s all;
  }
  
  html.html-main > body#MainBody.animateIn header#hd {
    opacity: 1;
    -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
      both;
    animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
  }
  
  /****************************************/
  /*** Announcement bar ***/
  /****************************************/
  header#hd > .pre-header {
    background: var(--primary-color);
    /* position: relative; */
  }
  
  header#hd > .pre-header > div {
    max-width: 183rem;
    margin: 0 auto;
  }
  
  header#hd > .pre-header > div * {
    color: var(--white-color);
  }
  
  header#hd > .pre-header .row {
    display: block;
  }
  
  header#hd > .pre-header .row .ContentItemContainer {
    padding: 1.5rem 1.5rem 2.5rem;
    padding-right: 6rem;
    position: relative;
  }
  
  header#hd > .pre-header .row .ContentItemContainer > *:nth-last-child(2) {
    margin-bottom: 0;
  }
  
  header#hd > .pre-header .row > div {
    padding: 0;
  }
  
  header#hd > .pre-header .row .ContentItemContainer > a.announcement-close {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 3rem;
    height: 3rem;
    background: var(--secondary-color);
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    font-size: 2rem;
    line-height: 1;
  }
  
  header#hd
    > .pre-header
    .row
    .ContentItemContainer
    > a.announcement-close:after {
    content: "x";
    position: relative;
    top: -0.1rem;
  }
  
  @media (max-width: 767.98px) {
    header#hd > .pre-header .row .ContentItemContainer {
      padding-right: 1.5rem;
      padding-bottom: 6rem;
    }
  
    header#hd > .pre-header .row .ContentItemContainer > a.announcement-close {
      top: auto;
      bottom: 1.5rem;
      right: 50%;
      transform: translate(50%, 0);
      width: 4rem;
      height: 4rem;
    }
  }
  

  /****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 2024/10/30  
 *
 * 
 *  Document contains changes to Typography
 *
 *
*/
/****************************************/
/****************************************/
body,
p,
a,
p a,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.PageTitle,
.PanelTitle,
.SectionTitle,
.SectionLabel,
.SectionLabelSmaller,
.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5,
input,
button,
select,
textarea {
  font-family: "Open Sans" !important;
}

body,
p,
.iMIS-WebPart div[id*="_Panel_"],
p a {
  color: var(--dark-color);
  font-size: 1.6rem;
  font-weight: 400;
}

ul,
ol {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}

p {
  margin-bottom: 1.5rem;
}

body div[id*="_Panel_"],
body div[id*="_Panel_"] p,
body div[id*="_Panel_"] p a {
}

h1,
.h1,
.PageTitle {
  color: var(--primary-color);
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h2,
.h2,
.PanelTitle {
  color: var(--primary-color);
  font-size: 4.2rem;
  font-weight: 700;
  border: none !important;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h3,
.h3,
.SectionTitle {
  color: var(--primary-color);
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h4,
.h4,
.SectionLabel {
  color: var(--primary-color);
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h5,
.h5 {
  font-weight: 700;
  font-size: 2.4rem;
  color: var(--primary-color);
  line-height: 1.2;
  margin: 0 0 1.5rem;
}

h6 {
  color: var(--primary-color);
  font-size: 2.4rem;
  margin-bottom: 1rem;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  font-weight: 700;
}

*:is(h1, h2, h3, h4, h5, h6) + p[class*="arge"] {
  /* margin-top: 4rem; */
}

div[id*="_Panel_"] > p + *:is(h1, h2, h3, h4, h5, h6) {
  /* margin-top: 4rem; */
}

@media (max-width: 767.98px) {
  h1,
  .h1,
  .PageTitle {
    font-size: 4rem;
  }

  h1.xl,
  h1.XL,
  .h1.xl,
  .h1.XL,
  .PageTitle.xl,
  .PageTitle.XL {
    font-size: 4rem;
  }

  h2,
  .h2,
  .PanelTitle {
    font-size: 3.2rem;
  }

  h3,
  .h3,
  .SectionTitle {
    font-size: 2.4rem;
  }

  h4,
  .h4,
  .SectionLabel {
    font-size: 2.4rem;
  }

  h5,
  .h5 {
    font-size: 2.2rem;
  }

  h6 {
    font-size: 1.8rem;
  }
}

.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow),
a:not(.button):not(.btn):not(.Button):not(.TextButton):not(.PrimaryButton):not(
    .rtsLink
  ):not(.carousel-control):not(.noeffect):not(.arrow):not(.Arrow)
  :visited {
  color: var(--primary-color);
  text-decoration: none;
  text-shadow: 0 0 var(--primary-color);
  font-weight: 600;
}

.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ) {
  transition: background-size 0.3s ease-out;
  background-image: linear-gradient(var(--primary-color), var(--primary-color));
  background-size: 0% 3px;
  background-repeat: no-repeat;
  background-position: left bottom;
}

.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):hover,
.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):active,
.iMIS-WebPart
  div[id*="_Panel_"]
  a:not(.button):not(.btn):not(.Button):not(.TextButton):not(
    .PrimaryButton
  ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not(
    .Arrow
  ):focus {
  background-size: 100% 3px;
}

/* quote block styling START */

div[id*="_Panel_"][id*="uote"][id*="lock"] {
  padding: 3rem;
  padding-left: 9rem;
  background: var(--white-color);
  box-shadow: var(--box-shadow);
  margin: 3rem 0;
  border-radius: var(--border-radius);
  position: relative;
}

div[id*="_Panel_"][id*="uote"][id*="lock"]:before {
  content: "";
  display: block;
  width: 6rem;
  height: 6rem;
  background: center / contain no-repeat url(/images/Icons/svg/quote.svg);
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  filter: var(--image-filter-color);
}

div[id*="_Panel_"][id*="uote"][id*="lock"] > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  div[id*="_Panel_"][id*="uote"][id*="lock"] {
    padding: 3rem;
    padding-top: 7.5rem;
  }

  div[id*="_Panel_"][id*="uote"][id*="lock"]:before {
    top: 1rem;
    left: 1.5rem;
  }
}

/* quote block styling END */



/****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 2024/10/30  
 *
 * 
 *  Document contains changes to Sticky NAV
 *
 *
*/
/****************************************/
/****************************************/


/****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 - 2024/10/30
 *
 * 
 *  Document contains changes to call-to-action
 *
 *
*/
/****************************************/
/****************************************/

div[id*="_Panel_"][id*="ile"] {
    padding: 3rem;
    background: var(--primary-color);
    border-radius: var(--border-radius);
    margin-bottom: 1.5rem;
  }
  
  div[id*="_Panel_"][id*="ile"] a[class*="utton"] {
    background: var(--white-color);
    color: var(--primary-color);
  }
  
  div[id*="_Panel_"][id*="ile"] a[class*="utton"]:hover {
    color: var(--white-color);
    background: var(--secondary-color);
  }
  
  div[id*="_Panel_"][id*="ile"] > *:last-child:not(div) {
    margin-bottom: 0;
  }
  
  div[id*="_Panel_"][id*="ile"]:not([id*="hite"]) *:not([class*="utton"]) {
    color: var(--white-color);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="rimary"] {
    background: var(--primary-color);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="econdary"] {
    background: var(--secondary-color);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="econdary"] a[class*="utton"]:hover {
    color: var(--white-color);
    background: var(--primary-color);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="econdary"] a[class*="utton"] {
    color: var(--secondary-color);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="econdary"] a[class*="utton"]:hover {
    color: var(--white-color);
    background: var(--primary-color);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="hite"] {
    background: var(--white-color);
    border: var(--input-border);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="hite"] a[class*="utton"] {
    color: var(--white-color);
    background: var(--primary-color);
  }
  
  div[id*="_Panel_"][id*="ile"][id*="hite"] a[class*="utton"]:hover {
    background: var(--primary-alt-dark);
  }
  
  div[id*="_Panel_"][id*="ile"]:not([id*="rimary"], [id*="econdary"]) a:not(.button):not(.btn):not(.button):not(.Button):not(.TextButton):not( .PrimaryButton ):not(.rtsLink):not(.carousel-control):not(.noeffect):not(.arrow):not( .Arrow ) {
    color: #fff;
    background-image: linear-gradient(var(--white-color), var(--white-color));
  }
  
  /**************** Standard call-to-action ****************/
  .row.call-to-action-row {
    display: flex;
  }
  
  .row.call-to-action-row > div {
    display: flex;
  }
  
  .row.call-to-action-row > div div {
    display: flex;
    width: 100%;
  }
  
  div[id*="_Panel_"][id*="calltoaction"] {
    display: flex;
    overflow: hidden;
    border-radius: var(--border-radius);
    border: var(--input-border);
    flex-direction: column;
    background: #fff;
    transition: all 0.2s ease-in-out;
  }
  
  div[id*="_Panel_"][id*="calltoaction"]:hover {
    box-shadow: var(--box-shadow);
  }
  
  div[id*="_Panel_"][id*="calltoaction"] > *:not(.image-container) {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  
  div[id*="_Panel_"][id*="calltoaction"] > .image-container {
    position: relative;
    padding-bottom: 56.78%;
    height: 0;
    max-width: 100%;/
  }
  
  div[id*="_Panel_"][id*="calltoaction"] img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
  }
  
  div[id*="_Panel_"][id*="calltoaction"]
    > div:not(.image-container):last-of-type {
    align-self: flex-start;
    flex-grow: 1;
    align-items: flex-start;
    padding: 0 3rem 3rem;
  }
  
  div[id*="_Panel_"][id*="calltoaction"]:last-of-type a[class*="utton"] {
    margin-top: auto;
  }
  
  div[id*="_Panel_"][id*="calltoaction"] h4 {
    margin-bottom: 1.5rem;
    margin-top: 3rem;
  }
  
  div[id*="_Panel_"][id*="calltoaction"] > *:last-child:not(div) {
    margin-bottom: 0;
  }

  
  /****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - 2024/10/30  
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/
a.button,
a.Button,
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"] {
  background: var(--primary-color);
  color: var(--white-color);
  padding: 1.2rem 3.2rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  transition: all 0.2s ease-in-out;
  box-shadow: none !important;
  border-radius: var(--border-radius) !important;
  top: 0 !important;
  line-height: 1.2;
  font-weight: 400;
}

.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"] {
  font-size: 1.6rem;
}

.PrimaryButton:visited,
.SaveAndClose:visited,
.SaveAs:visited,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:visited,
.btn:visited,
.TextButton:visited,
.TextButtonWithImage:visited,
.ruButton:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:visited,
html input[type="button"]:visited {
  background: var(--primary-color);
}

a.button:focus,
a.Button:focus,
.PrimaryButton:focus,
.SaveAndClose:focus,
.SaveAs:focus,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButtonWithImage:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.PrimaryButton:focus,
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.ruButton:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.TextButton:focus,
html input[type="button"]:focus {
  background: var(--primary-alt-dark);
}

a.button:hover,
a.Button:hover,
.PrimaryButton:hover,
.SaveAndClose:hover,
.SaveAs:hover,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:hover,
.RadGrid input.PrimaryButton:hover,
.btn:hover,
.TextButton:hover,
.TextButtonWithImage:hover,
.ruButton:hover,
#masterHeaderActionArea a:hover,
.RadGrid input.TextButton:hover,
html input[type="button"]:hover {
  background: var(--primary-alt-dark);
}

a.button:active,
a.Button:active,
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active,
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active,
html input[type="button"]:active {
  background: var(--primary-alt-dark);
}

[class*="utton"][disabled] {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a[class*="arge"][class*="utton"] {
  font-size: 2.6rem;
}

a[class*="mall"][class*="utton"] {
  font-size: 1.6rem;
}

a[class*="rimary"][class*="utton"] {
  background: var(--primary-color) !important;
}

a[class*="rimary"][class*="utton"]:hover {
  background: var(--primary-alt-dark) !important;
}

a[class*="econdary"][class*="utton"] {
  background: var(--primary-alt-dark) !important;
}

a[class*="econdary"][class*="utton"]:hover {
  background: var(--primary-color) !important;
}

a[class*="rey"][class*="utton"] {
  background: var(--grey-color) !important;
  color: var(--dark-color) !important;
}

a[class*="rey"][class*="utton"]:hover {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a[class*="hite"][class*="utton"] {
  background: var(--white-color) !important;
  color: var(--dark-color) !important;
}

a[class*="hite"][class*="utton"]:hover {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a[class*="ark"][class*="utton"] {
  background: var(--dark-color) !important;
}

a[class*="ark"][class*="utton"]:hover {
  background: var(--secondary-color) !important;
}

a[class*="isabled"][class*="utton"] {
  background: #d4d4d4 !important;
  color: #fff !important;
  pointer-events: none;
  cursor: pointer;
}

[class*="utton"]:is(.Danger, .Error, .Warning, .danger, .error, .warning) {
  background: #f65656 !important;
  color: var(--white-color) !important;
}

[class*="utton"]:is(
    .Danger,
    .Error,
    .Warning,
    .danger,
    .error,
    .warning
  ):hover {
  background: #e96b6b !important;
  color: var(--white-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ) {
  background: var(--white-color);
  color: var(--primary-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ):hover {
  background: var(--primary-alt-dark);
  color: var(--white-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"][class*="rey"]:hover {
  background: var(--primary-alt-dark) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"][class*="econdary"]:hover {
  background: var(--white-color) !important;
  color: var(--primary-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ) {
  background: var(--white-color);
  color: var(--secondary-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ):hover {
  background: var(--primary-color);
  color: var(--white-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"]:hover {
  background: var(--primary-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"][class*="rey"]:hover {
  background: var(--primary-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"][class*="rimary"]:hover {
  background: var(--white-color) !important;
  color: var(--secondary-color) !important;
}


/****************************************/
/****************************************/
/** Building Designers Association of Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD  
 * 
 *  Version: 1 - 2024/10/30  
 *
 * 
 *  Document contains changes to Banners
 *
 *
*/
/****************************************/
/****************************************/
div#masterMainBreadcrumb {
    background: var(--grey-color);
  }
  div#masterMainBreadcrumb > nav {
    max-width: 133.7rem;
    margin: 0 auto;
    padding: 1.5rem;
  }
  
  div#masterMainBreadcrumb .breadcrumb li:not(:last-of-type):after {
    width: 1.8rem;
    position: static;
    height: 1.8rem;
    margin: 0;
    background-image: var(--arrow-down);
    background-size: contain;
    background-position: center;
    padding: 0;
    vertical-align: middle;
    content: "";
    transform: rotatez(270deg);
    margin: 0 0.5rem;
  }
  
  div#masterMainBreadcrumb .breadcrumb li {
    font-weight: 600;
    font-size: 1.8rem;
  }
  
  div#masterMainBreadcrumb .breadcrumb li a {
    text-decoration: none;
    color: var(--primary-color);
    transition: all 0.2s ease-in-out;
  }
  
  div#masterMainBreadcrumb .breadcrumb li > a:hover {
    color: var(--secondary-color);
  }
  
  .HeaderRow:not(.carousel) {
    background: var(--grey-color);
    display: none !important;
  }
  
  .HeaderRow:not(.carousel) > div {
    max-width: 133.7rem;
    margin: 0 auto;
    padding: 4rem 1.5rem;
  }
  
  .HeaderRow:not(.carousel) h1:not(:nth-last-child(2)) {
    margin-bottom: 1.5rem;
  }
  
  .HeaderRow:not(.carousel) > div > *:nth-last-child(2) {
    margin-bottom: 0;
  }
  
  .HeaderRow.carousel {
  }
  
  .HeaderRow.carousel .carousel-inner.bg-img > .item {
    min-height: 55rem;
    display: flex;
    position: relative;
    align-items: flex-end;
  }
  
  .HeaderRow.carousel .carousel-inner.bg-img > .item > .carousel-caption {
    max-width: 133.7rem;
    margin: 0 auto;
    position: relative;
    padding: 1.5rem;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    text-align: right;
    width: 100%;
  }
  
  .HeaderRow.carousel .carousel-inner.bg-img > .item > .carousel-caption * {
    color: var(--white-color);
  }
  
  .HeaderRow.carousel
    .carousel-inner.bg-img
    > .item
    > .carousel-caption
    *:nth-last-child(2) {
    margin-bottom: 0;
  }
  
  .HeaderRow.carousel p#tooltipwithinfo {
    margin: 0;
    background: var(--primary-color);
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 1.5rem;
    left: 1.5rem;
  }
  
  .HeaderRow.carousel p#tooltipwithinfo > label.tooltipcustom {
    padding: 0;
    margin: 0;
    display: flex;
    font-size: 2rem;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  
  .HeaderRow.carousel
    p#tooltipwithinfo
    > label.tooltipcustom
    > input[type="checkbox"] {
    display: none;
  }
  
  .HeaderRow.carousel p#tooltipwithinfo > label.tooltipcustom > span {
    position: absolute;
    background: var(--primary-color);
    border-radius: var(--border-radius);
    opacity: 0;
    visibility: hidden;
    max-width: 47rem;
    left: calc(100% + 1.5rem);
    padding: 1.5rem;
    width: 31rem;
    text-align: left;
    bottom: 0;
    font-size: 1.6rem;
    display: block;
    font-weight: 400;
  }
  
  .HeaderRow.carousel
    p#tooltipwithinfo
    > label.tooltipcustom
    > input[type="checkbox"]:checked
    + span {
    opacity: 1;
    visibility: visible;
  }
  
  @media (max-width: 767.98px) {
    .HeaderRow.carousel .carousel-inner.bg-img > .item {
      display: block;
      min-height: 4rem;
    }
  
    .HeaderRow.carousel .carousel-inner.bg-img > .item > .carousel-caption {
      text-align: left;
      position: relative;
      height: 100%;
    }
  
    .HeaderRow.carousel p#tooltipwithinfo > label.tooltipcustom > span {
      width: calc(100vw - 8.5rem);
    }
  }
  
  /************ Content page banner START *************/
  
  /************ Content page banner END *************/
  
  /************ Carousel Banners START *************/
  /************ Carousel Banners END *************/
  
  /************ Homepage Carousel START *************/
  div#masterContentArea .col-primary > div > div > div > div.row.carousel-row {
    padding: 0;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.carousel-row
    > div {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0;
  }
  
  div#masterContentArea
    .col-primary
    > div
    > div
    > div
    > div.row.carousel-row
    .iMIS-WebPart
    > div {
    padding: 0;
    margin: 0;
  }
  
  div[id*="HomepageCarousel_SlideshowControls"] {
    display: none !important;
  }
  
  div[id*="HomepageCarousel"] .carousel-inner.bg-img .item {
    height: calc(100vh - 19.5rem) !important;
    min-height: 60rem;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    max-height: 72rem;
  }
  
  div[id*="HomepageCarousel"] .carousel-inner.bg-img .item > .carousel-caption {
    padding: 3rem 1.5rem;
    position: absolute;
    top: auto;
    left: 50%;
    right: auto;
    bottom: 0;
    text-align: right;
    width: 100%;
    max-width: 183rem;
    transform: translate(-50%, 0);
  }
  
  div[id*="HomepageCarousel"]
    .carousel-inner.bg-img
    .item
    > .carousel-caption
    > *:not(a) {
    color: #fff;
  }
  
  div[id*="HomepageCarousel"]
    .carousel-inner.bg-img
    .item
    > .carousel-caption
    > *:nth-last-child(2) {
    margin-bottom: 0;
  }
  
  @media (max-width: 767.98px) {
    div[id*="HomepageCarousel"] .carousel-inner.bg-img .item {
      height: auto !important;
      max-height: 100%;
    }
  }
  
  div[id*="HomepageCarousel"] p#tooltipwithinfo {
    margin: 0;
    background: var(--primary-color);
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 3rem;
    left: 1.5rem;
  }
  
  div[id*="HomepageCarousel"] p#tooltipwithinfo > label.tooltipcustom {
    padding: 0;
    margin: 0;
    display: flex;
    font-size: 2rem;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--white-color);
  }
  
  div[id*="HomepageCarousel"]
    p#tooltipwithinfo
    > label.tooltipcustom
    > input[type="checkbox"] {
    display: none;
  }
  
  div[id*="HomepageCarousel"] p#tooltipwithinfo > label.tooltipcustom > span {
    position: absolute;
    background: var(--primary-color);
    border-radius: var(--border-radius);
    opacity: 0;
    visibility: hidden;
    max-width: 72rem;
    left: calc(100% + 1.5rem);
    padding: 1.5rem;
    width: 105rem;
    text-align: left;
    bottom: 0;
    font-size: 1.6rem;
    display: block;
    font-weight: 400;
  }
  
  div[id*="HomepageCarousel"]
    p#tooltipwithinfo
    > label.tooltipcustom
    > input[type="checkbox"]:checked
    + span {
    opacity: 1;
    visibility: visible;
  }
  
  @media (max-width: 767.98px) {
    div[id*="HomepageCarousel"] .carousel-inner.bg-img > .item {
      display: block;
      min-height: 4rem;
    }
  
    div[id*="HomepageCarousel"]
      .carousel-inner.bg-img
      > .item
      > .carousel-caption {
      text-align: left;
      position: relative;
      height: 100%;
    }
  
    div[id*="HomepageCarousel"] p#tooltipwithinfo > label.tooltipcustom > span {
      width: calc(100vw - 8.5rem);
      font-size: 1.2rem;
    }
  
    div[id*="HomepageCarousel"] .carousel-inner.bg-img .item > .carousel-caption {
      height: 100%;
      text-align: left;
      padding-bottom: 6rem;
    }
    div[id*="HomepageCarousel"] p#tooltipwithinfo {
      bottom: 1.5rem;
    }
  }
  
  /************ Homepage Carousel END *************/