/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 *
 * 
 *  Document contains changes to Typography
 *
 *
*/
/****************************************/
/****************************************/
ul,
ol {
    margin-bottom: 1em;
}

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

h1,
.h1,
.PageTitle {
    color: var(--black-color);
    font-size: 4.5rem;
    font-weight: 700;
    letter-spacing: -0em;
}

h2,
.h2,
.PanelTitle {
    color: var(--black-color);
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: -0em;
    border: none !important;
}

h3,
.h3,
.SectionTitle {
    color: var(--black-color);
    font-size: 2.7rem;
    font-weight: 600;
    letter-spacing: -0em;
}

h4,
.h4,
.SectionLabel {
    color: var(--black-color);
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: -0em;
}

h5,
.h5 {
    color: var(--black-color);
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0em;
}

h6 {
    color: var(--dark-color);
    font-size: 2.2rem;
    margin-bottom: 1rem;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
}

:is(.col-primary *):is(h1, h2, h3, h4, h5, h6, p):is(.iMIS-WebPart div[id*="_Panel_"] *) {
    margin-bottom: 1.5rem;
}

:is(.col-primary *):is(body a,
    p a,
    .iMIS-WebPart div[id*="_Panel_"] a,
    p a):not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup):not(.rgHeader a):not(div[id*="AddToCartDiv"] a),
body div[id*="_Panel_"] p a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup),
body div[id*="_Panel_"] a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup) {
    color: var(--parrot-pea-red);
    font-weight: 500;
    text-decoration: none;
}

:is(.col-primary *):is(body a,
    p a,
    .iMIS-WebPart div[id*="_Panel_"] a,
    p a):not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup):not(.rgHeader a):not(div[id*="AddToCartDiv"] a):hover,
body div[id*="_Panel_"] p a:not(.Button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.TextButton):not(.button):hover,
body div[id*="_Panel_"] a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup):hover {
    text-decoration: underline;
    color: var(--parrot-pea-red);
}

.RadGrid a,
.RadToolTip a {
    color: var(--parrot-pea-red) !important;
    text-decoration: underline;
}

.RadGrid a:is(:active, :hover, :focus, :visited),
.RadToolTip a:is(:active, :hover, :focus, :visited) {
    color: var(--parrot-pea-red) !important;
    text-decoration: underline;
}

/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 *
 * 
 *  Document contains changes to Unspecified
 *
 *
*/
/****************************************/
/****************************************/
html {
    /* scroll-behavior: smooth;*/
}

*[id] {
    scroll-margin-top: 200px;
}

/******* hamburger on iPad styling **********/
/******* 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;  */
}

.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: var(--border-radius);
    padding: 1em;
}

.ValidationError[style="display: inline;"] {
    display: block !important;
}

/* Remove blue outline for button "focus" (click but not pass-through) */
:focus {
    outline-color: transparent;
    outline-style: none;
}

a.noclick {
    cursor: default !important;
}

/* Highlight color of selected text */
::selection {
    color: #ffffff;
    background-color: var(--selection-color);
}

::-moz-selection {
    color: #ffffff;
    background-color: var(--selection-color);
}
}

.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 (max-width: 992.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: 1.5rem;
    padding-right: 1.5rem;
    padding-left: calc(var(--padding) / 1);
    padding-right: calc(var(--padding) / 1);
}

@media (min-width: 992.98px) and (max-width: 1200.98px) {

    /* 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: 1.5rem;
        padding-right: 1.5rem;
        padding-left: calc(var(--padding) / 2);
        padding-right: calc(var(--padding) / 2);
    }
}

div#masterMainButtonBar {
    padding: 0;
    margin: 0;
}

/**** cookie warning *****/
.cc-window {
    background: var(--grey-color);
    color: var(--primary-color);
    padding: 1rem;
    font-size: 1.6rem;
}

a.cc-link {
    color: var(--primary-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(--primary-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(--primary-color) !important;
}

h4,
.h4,
.SectionLabel {
    border-bottom: none !important;
}

.hideThisZone {
    display: none !important;
}

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(--primary-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);
}

td.ListerColumnHeader>a[title*="Edit"] {
    text-decoration: none !important;
}

td.ListerColumnHeader>a[title*="Edit"]:after {
    content: 'Edit';
    background: transparent;
    font-weight: 700;
    color: var(--primary-color);
    border: 0.1rem var(--primary-color) solid;
    padding: 0;
    transition: all .2s ease-in-out;
    font-size: 1rem;
    padding: 0.3rem 0.7rem;
    text-decoration: none !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;
}

td.ListerColumnHeader>a[title*="Edit"]>img {
    display: none;
}

td.ListerColumnHeader {
    padding: 0 !important;
}

.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup {
    background: var(--grey-alt-dark);
}

.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);
}

.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);
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    border-color: var(--primary-color) !important;
}

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected span.rtsTxt {
    color: var(--secondary-color);
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: var(--primary-color);
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.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) !important;
    !i;
    !;
    border-color: var(--primary-color) !important;
    !i;
    !;
    color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.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: #fff !important;
}

.RadGrid.RadGrid_MetroTouch .rgGroupPanel,
.RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
    background-color: var(--primary-color);
}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td,
.RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.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(--dark-color);
}

*+html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
*+html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
    background-color: var(--primary-color);
}

* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
    background-color: var(--primary-color);
}

.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.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);
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.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: #ffffff !important;
}

.RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow {
    background-color: #fff;
    border-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow>td {
    border-color: #fff;
    color: var(--dark-color);
}

.RadGrid.RadGrid_MetroTouch .rgRow.rgSelectedRow>td.rgSorted {
    background-color: var(--grey-color);
}

.RadGrid_MetroTouch .rgAltRow.rgSelectedRow>td.rgSorted {
    background-color: var(--grey-color);
    color: var(--primary-color);
    border-color: #ffffff;
}

/**********IQA Colors Start **************/
/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch,
.RadGrid.RadGrid_Metro {
    color: var(--dark-color);
    border-radius: var(--border-radius) !important;
    border: none;
    overflow: auto;
    width: 100% !important;
    background: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
    /* background-color: var(--grey-color); */
    border-radius: var(--border-radius) !IMPORTANT;
    overflow-x: scroll;
}

.RadGrid.RadGrid_MetroTouch .rgHeader,
.RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.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;
    border-bottom: none;
    border-left: none;
}

.RadGrid.RadGrid_MetroTouch td.rgPagerCell,
.RadGrid.RadGrid_Metro td.rgPagerCell {
    border-width: 0;
}

.RadGrid.RadGrid_MetroTouch .rgHeader,
.RadGrid.RadGrid_MetroTouch .rgHeader:first-child,
.RadGrid.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child,
.RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgEditRow>td,
.RadGrid.RadGrid_MetroTouch .rgEditRow>td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFooter td,
.RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgNoRecords td,
.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;
}

.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol,
.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol,
.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;
}

.RadGrid.RadGrid_MetroTouch .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
    background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.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: #fff !important;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.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);
}

.RadGrid.RadGrid_MetroTouch input.rgAdd:hover,
.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,
.RadGrid.RadGrid_MetroTouch .rgSave:hover,
.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: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgGroupPanel,
.RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
    background-color: var(--primary-color);
}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td,
.RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.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(--dark-color);
}

*+html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
*+html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
    background-color: var(--primary-color);
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.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: #fff !important;
}

.RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgEditRow>td,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgEditRow>td {
    border: 0.1rem solid var(--white-color);
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid_MetroTouch .rgHeaderWrapper,
.RadGrid_MetroTouch .rgMultiHeaderRow th.rgHeader,
.RadGrid_MetroTouch .rgMultiHeaderRow th.rgResizeCol {
    border-color: white;
}

.RadGrid_MetroTouch .rgRow,
.RadGrid_MetroTouch .rgAltRow {
    background: var(--grey-color) !important;
}

/**********IQA Colors End **************/
/* 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(--primary-color);
    color: var(--black-color);
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
    color: var(--white-color) !important;
    text-decoration: none !important;
}

.RadGrid_MetroTouch .rgHeader {
    background: var(--kuitpo-green) !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: 992.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(--grey-color) !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: 992.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: var(--grey-color);
    padding: 2.5rem;
    margin-bottom: 1rem;
}

.FilterPanel .PanelField label,
.FilterPanel .PanelField:first-child span {
    color: var(--primary-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%;
}

.FilterPanel .PanelField label+.PanelFieldValue>input,
.FilterPanel .PanelField label+.PanelFieldValue>select {
    width: 100%;
    max-width: 50%;
}

@media (max-width: 992.98px) {
    .FilterPanel .PanelField label {
        color: var(--primary-color);
        width: 100%;
        max-width: 100%;
    }
    
    .FilterPanel .PanelField label,
    .FilterPanel .PanelField:first-child span {
        color: var(--primary-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 {}
}

/******   300% desktop resolution  ******/
@media (min-width: 1280px) and (max-width:1290px) {
    html {}
}

/******   175% desktop resolution  ******/
@media (min-width: 1080px) and (max-width:1100px) {
    html {}
}

/******   150% desktop resolution  ******/
@media (min-width: 1280px) and (max-width:1280px) {
    html {}
}

/******   125% desktop resolution  ******/
@media (min-width: 1536px) and (max-width:1536px) {
    html {}
}

.col-primary>div>div>div>div.row .iMIS-WebPart:not(.row.carousel-row *):not(:has(div[id*="ste_container_"][id*="age"][id*="eading"])) {
    margin: 1rem 0 1rem 0;
    display: block;
}

.iMIS-WebPart:has(> div[id*="ste_container_"][id*="age"][id*="eading"]) {
    margin: 0 !important;
    !i;
    !;
}

/********** IQA areas ************/
div#ste_container_ciShoppingCart,
div#ste_container_ciCartCharges {
    background: var(--grey-alt-dark);
    border-radius: var(--border-radius);
    padding: var(--tab-size) !important;
    display: flex;
    width: 100%;
    flex: 1 1 100%;
    transition: all ease 0.4s;
    padding: 3rem;
    flex-direction: column;
    margin-bottom: 0;
}

.col-primary>div>div>div>div.row>div div:not(.iMIS-WebPart > .ContentItemContainer *) {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
    margin-bottom: 0;
}

.col-primary>div>div>div>div.row>div div.iMIS-WebPart:has([id*=_Panel_]),
.col-primary>div>div>div>div.row>div div.iMIS-WebPart:has([id*=_Panel_]) > .ContentItemContainer {
    height: auto !important;
    flex-grow: 0 !important;
}

.EventSummary {
    background: transparent;
}

.TitleBarCaption {
    border: none;
    padding: 0;
}

.EventSummary .Description {
    padding: 2em 0;
}

.EventDetails.row>div {
    padding: 1rem;
}

/******   radStrip  ******/
/*****************horizontal tabs *******************/
.RadTabStrip .rtsUL {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.RadTabStrip .rtsUL>li {
    margin: 0 0rem 0rem 0.1rem;
    padding: 1px;
    width: calc(100% - 0.1rem);
}

.RadTabStrip .rtsUL>li>a {
    border-radius: var(--button-border-radius);
    background: white !important;
    border: 0px !important;
    line-height: 1;
    padding: var(--tab-size);
    text-decoration: none !important;
    box-shadow: inset 0px 0px 0 0.2rem transparent;
    box-shadow: var(--box-shadow);
    white-space: normal;
}

.RadTabStrip .rtsUL>li>a:hover {
    box-shadow: inset 0 0 0 0.2rem var(--primary-color);
    background: transparent !important;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border: none;
}

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 {
    background: var(--primary-color) !important;
    box-shadow: none;
}

.RadMultiPage .rmpView>div>div {
    display: flex;
    /* flex-direction: row; */
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    justify-content: space-between;
}

.RadMultiPage .rmpView>div>div>div {
    /* order: 2; */
    width: 100%;
}

.RadMultiPage .rmpView>div>div>div:nth-child(1)+div {
    /* order: -2; */
    width: 100%;
}

.RadMultiPage .rmpView>div>div>div:nth-child(2) {}

.RadMultiPage .rmpView>div>div>div:nth-child(2) .col-sm-6 {
    padding: 0;
    width: 50%;
    align-items: flex-start;
}

.RadMultiPage .rmpView>div>div>div:nth-child(2) .col-sm-6>* {
    margin-bottom: 1rem;
}

.RadMultiPage .rmpView>div>div>div:nth-child(2) .col-sm-6:not(:first-child) {}

@media (max-width: 768.98px) {
    .RadMultiPage .rmpView>div>div>div:nth-child(2) .col-sm-6 {
        width: 100%;
    }
}

.RadMultiPage .rmpView>div>div>div:nth-child(2) .col-sm-6>br {
    display: none;
}

.RadTabStrip .rtsUL>li>a.rtsLink:not(.rtsSelected) {
    background: var(--grey-color) !important;
}

.RadMultiPage .rmpView>div {
    background: transparent;
    border: none;
    border-radius: var(--border-radius);
    padding: 0;
}

.RadTabStrip .rtsUL>li {
    padding: 1rem 0 0;
    overflow: visible;
}

.RadTabStrip .rtsUL>li>a.rtsLink:not(.rtsSelected) {
    background: var(--grey-color) !important;
    color: var(--primary-color) !important;
    box-shadow: var(--box-shadow);
}

.Alerts .AlertItem {
    border-radius: var(--border-radius);
    border: none;
    margin-bottom: 1.5rem;
    background-color: var(--grey-alt-dark);
    padding: 1.2rem;
}

.Alerts .AlertItem p {
    margin: 0;
}

.Alerts .AlertItem p+p {
    margin-top: 1em;
}

/****************profiles********************/
.IconSprite:after {
    padding: 1.2rem 1.4rem;
    background-color: 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: middle;
    -webkit-transform: perspective(0.1rem) translateZ(0);
    transform: perspective(0.1rem) translateZ(0);
    box-shadow: inset 0px 0px 0 0.2rem var(--primary-color);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    line-height: 1;
    border-radius: 0rem;
    font-weight: 500;
    border: none !important;
    border-radius: var(--button-border-radius);
    padding: var(--button-padding) !important;
    border-radius: calc(var(--button-border-radius) / 2);
    margin: auto;
    font-size: 1.2rem !important;
    border-radius: var(--border-radius);
    margin-left: 0.3rem;
}

.IconSprite:hover:after {
    color: var(--primary-color) !important;
    overflow: overlay;
    background-color: transparent !important;
    box-shadow: inset 0px 0px 0 0.2rem var(--primary-color);
    border: none !important;
    border-radius: var(--border-radius);
}

.IconSprite.EditIcon:after {
    /* content: 'Edit'; */
}

.IconSprite.AddIcon:after {
    /* content: 'Add'; */
}

.IconSprite.EditIcon:after {
    background-image: url(/images/site/icons/edit.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 57%;
    content: '';
    padding: 1rem 2rem !important;
}

.IconSprite.AddIcon:after {
    background-image: url(/images/site/icons/add.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 57%;
    content: '';
    padding: 1rem 2rem !important;
}

.IconSprite.ConfigureIcon:after {
    background-image: url(/images/site/icons/configure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 57%;
    content: '';
    padding: 1rem 2rem !important;
    aspect-ratio: 1 / 1;
}

.IconSprite.EditIcon:hover:after {
    background-image: url(/images/site/icons/edit-dark.svg);
}

.IconSprite.AddIcon:hover:after {
    background-image: url(/images/site/icons/add-dark.svg);
}

.IconSprite.ConfigureIcon:hover:after {
    background-image: url(/images/site/icons/configure-dark.svg);
}

div .panel-heading.Distinguish {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0;
}

div .panel-heading.Distinguish>h2:not(:last-child) {
    margin-right: auto !important;
    max-width: calc(100% - 5rem);
}

div .panel-heading.Distinguish>h2:not(:last-child):has(+ div > span:nth-child(2)) {
    margin-right: auto !important;
    max-width: calc(100% - 9rem);
}

div .panel-heading.Distinguish>.panel-heading-options {
    display: flex;
    float: none;
    height: auto;
}

.panel-heading-options .IconSprite {
    display: table;
    background-image: none !important;
    margin: 0;
}

div .panel-heading.Distinguish {
    padding-bottom: 1.5rem;
}

@media (max-width: 1200.98px) {
    div .panel-heading.Distinguish>h2 {
        padding: 1.5rem 0;
    }
}

div .panel-heading.Distinguish,
div .panel-heading.Distinguish>*:not(.PanelEditLock) {
    margin: auto 0;
    padding: 0;
    border: none !important;
    font-size: 2rem;
    /* max-width: 77%; */
    /* position: absolute; */
}

.panel-heading-options .IconSprite {
    display: table;
    background-image: none !important;
    margin: 0;
    aspect-ratio: 1/1;
}

.RadTabStrip .rtsUL {
    display: flex !important;
    flex-direction: column;
}

div[id*="_MainContentControl"] {
    display: grid;
    grid-template-columns: 16% 84%;
    grid-template-rows: 1fr;
    grid-column-gap: var(--padding);
    grid-row-gap: 0px;
}

@media (max-width: 1200.98px) {
    div[id*="_MainContentControl"] {
        display: flex;
    }
}

@media (max-width: 992.98px) {
    div[id*="_MainContentControl"] {
        display: flex;
        flex-direction: column;
    }
    
    .RadTabStrip .rtsUL {
        width: 98.5% !important;
        overflow: visible !important;
    }
}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
    background: var(--grey-alt-dark);
    background: white;
    border-radius: var(--border-radius);
    padding: calc(var(--padding));
    display: flex;
    width: 100%;
    flex: 1 1 100%;
    transition: all ease 0.4s;
    padding: var(--padding);
    flex-direction: column;
}

.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"] {
    display: flex;
    margin: 1rem 0;
    padding: 0 1rem;
}

.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:not(.ContentItemContainer) {
    display: flex;
    margin: 1rem 0;
    flex-direction: column;
    height: 100%;
    flex: 0;
}

@media (max-width: 1200.98px) {
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div {
        max-width: calc(100svw - calc(var(--padding) * 3.33));
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"] {
        padding: 0 0rem;
    }
}

/******   radwindow  ******/
div[id*="RadWindowWrapper"][id*="GenericWindow"]>table {
    border: 0;
    padding: var(--tab-size) !important;
    background: var(--grey-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;
}

div[id*="RadWindowWrapper"][id*="GenericWindow"]:not([style*="display: none;"]) {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    max-width: 95vw;
    max-height: 95vh;
    transform: translate(-50%,-50%) !important;
    overflow: auto;
}

div[id*="RadWindowWrapper"][id*="GenericWindow"]:not([style*="display: none;"])>table {
    height: 100% !important;
}

div#MainPanel>.EmptyMasterContentPanel {
    height: auto !important;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
color: var(--black-color) !important;
font-size: 2.6rem;
font-weight: bold !important;
letter-spacing: -0.00em;
border: none !important;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    color: var(--black-color) !important;
    font-size: 2.6rem;
    font-weight: bold !important;
    letter-spacing: -0.00em;
    border: none !important;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}

.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: 100px;
    box-shadow: none !important;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    /* color: var(--dark-color) !important; */
}

.TelerikModalOverlay {
    background-color: var(--black-color) !important;
}

ul.rwControlButtons {
    display: flex;
}

.RadWindow .rwTitlebarControls td ul {
    z-index: 1;
    position: relative;
    pointer-events: all;
}

form#aspnetForm[action*="IsPopup=true"] .col-md-12 {
    padding: 0;
}

/**********  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 */
/********************************************/
/**/
/**/
/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 * 
 *  Document contains changes to Layout
 *
 *
*/
/****************************************/
/****************************************/
html, body, form {
    height: auto;
}

html#MainHtml {
    background: var(--grey-color);
}

html#MainHtml body#MainBody {
    height: auto !important;
}

/*******Header******/
header#hd {
    /* position: sticky; */
    /* top: 0; */
    /* z-index: 1; */
    /* background: #bbbbbb; */
    /* box-shadow: 0px 0px 13px #00000033; */
}

header#hd>.header-top-container {
    padding: 0;
}

.nav-aux-button.nav-aux-cart>a {
    padding: 0;
    width: 100%;
    display: flex;
    height: 100%;
    text-decoration: none !important;
    position: relative;
}

/*******nav toggle******/
button.navbar-toggle.menu-toggle {
    margin: 0;
    padding: 0.5rem 0 0.5rem 0.5rem;
    background: transparent;
}

button.navbar-toggle.menu-toggle>span {
    background: var(--dark-color);
    height: 0.25rem;
    width: 2.2rem;
}

button.navbar-toggle span.icon-bar:nth-child(2),
button.navbar-toggle span.icon-bar:nth-child(2)::before,
button.navbar-toggle span.icon-bar:nth-child(2)::after {
    background: var(--dark-color);
    content: "";
    display: block;
    height: 0.2rem;
    position: absolute;
    transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s;
    width: 2.8rem;
}

button.navbar-toggle>span:not(:nth-child(2)) {
    display: none;
}

button.navbar-toggle:hover span.icon-bar:nth-child(2),
button.navbar-toggle:hover span.icon-bar:nth-child(2)::before,
button.navbar-toggle:hover span.icon-bar:nth-child(2)::after {
    background: var(--dark-color);
}

button.navbar-toggle span.icon-bar:nth-child(2)::before {
    top: -0.9rem;
}

button.navbar-toggle span.icon-bar:nth-child(2)::after {
    top: 0.9rem;
}

button.navbar-toggle.clicked span.icon-bar:nth-child(2) {
    background: transparent;
}

button.navbar-toggle.clicked span.icon-bar:nth-child(2)::before {
    transform: rotate(45deg);
}

button.navbar-toggle.clicked span.icon-bar:nth-child(2)::after {
    transform: rotate(-45deg);
}

button.navbar-toggle.clicked span.icon-bar:nth-child(2)::before,
button.navbar-toggle.clicked span.icon-bar:nth-child(2)::after {
    top: 0;
    transition: top ease 0.3s, transform ease 0.3s 0.3s;
}

button.navbar-toggle>span:nth-child(3) {
    display: block;
    position: absolute;
    top: -1.6rem;
    left: 0;
    padding: 1.2rem 1.4rem;
    background: transparent;
}

/****************************************/
/*** Desktop Nav ***/
/****************************************/
@media (min-width: 1200.98px) {

    /************* navigation *************/
    header#hd {
        box-shadow: 0rem 0rem 2rem #0000004f;
        box-shadow: 0rem 1rem 1rem -1rem #0000004f;
        z-index: 100;
        position: sticky;
        top: 0;
        min-height: 0;
        background: var(--grey-alt-dark);
    }
    
    header#hd .header-bottom-container {
        margin: 0;
    }
    
    header#hd .header-bottom-container>div>div>div {}
    
    header#hd>.header-top-container>.header-container {
        display: grid;
        /* grid-template-columns: 20%; */
        /* grid-template-rows: repeat(1, 1fr); */
        grid-template-columns: 25rem 1fr;
        grid-template-rows: repeat(2, 1fr);
        /* max-width: 192rem; */
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--row-padding) / 2) calc(var(--row-padding) / 2) 0 calc(var(--row-padding) / 2);
        justify-items: stretch;
        /* column-gap: 1.5rem; */
    }
    
    header#hd>.header-top-container>.header-container:before,
    header#hd>.header-top-container>.header-container:after {
        display: none;
    }
    
    header#hd>.header-top-container>.header-container>[data-label="Primary"] {
        grid-area: 2 / 2 / 3 / 3;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
    
    div#auxiliary-container-two {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    div#masterLogoArea {
        grid-area: 1 / 1 / 3 / 2;
        justify-self: center;
        padding-bottom: calc(var(--row-padding) / 2);
    }
    
    /*******logo******/
    a#masterHeaderImage {
        background-image: none;
        font-size: 0 !important;
        height: auto;
        width: auto;
        margin: auto;
        border: none;
    }
    
    a#masterHeaderImage:after {
        content: "";
        background-image: url(/images/site/icons/logo.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 10rem;
        width: 25rem;
        display: block;
    }
    
    div#masterLogoArea>div>div>div {
        display: flex;
    }
    
    /******aux*******/
    .nav-auxiliary {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /* justify-content: space-between; */
        flex-grow: 1;
        align-items: center;
        /* gap: 1.5rem; */
    }
    
    .nav-auxiliary>* {
        margin-left: 2.5rem;
    }
    
    .nav-auxiliary>.UtilitySection.UtilityNavigationToggle {
        display: none;
    }
    
    .nav-auxiliary ul.NavigationUnorderedList {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1.5rem;
        align-items: center;
        justify-content: flex-end;
    }
    
    .nav-auxiliary ul+ul {
        display: none;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal .header-aux-nav,
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus {
        display: none;
    }
    
    .header-aux-nav {
        /* display: flex; */
        display: flex;
        gap: 1.5rem;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        padding-inline-start: 0;
        list-style: none;
    }
    
    .nav-auxiliary ul.NavigationUnorderedList li {
        margin-left: 0;
        display: flex;
        z-index: 10000;
        position: relative;
    }
    
    .UtilityNavigationList .NavigationUnorderedList li>a:not(.nav-aux-account *) {
        padding: 0;
        color: var(--dark-color);
        font-size: 1.6rem;
        letter-spacing: -0.02em;
        font-weight: 600;
        transition: all 0.2s ease;
        /* background: transparent !important; */
        text-decoration: none;
        text-transform: none;
    }
    
    .UtilityNavigationList .NavigationUnorderedList li>a:hover {
        text-decoration: underline;
    }
    
    .search-icon {}
    
    .search-icon>a {
        padding: 0;
    }
    
    .search-icon>a>span {
        font-size: 0;
        display: flex;
    }
    
    .search-icon>a>span:before {
        content: "";
        width: 2.25rem;
        height: 2.5rem;
        display: inline-block;
        margin-left: 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(/images/site/icons/search.svg);
        filter: var(--primary-image-filter);
    }
    
    .UtilitySection.UtilityAuthentication>a:not(.logged-in *) {
        background: var(--primary-color);
        text-decoration: none;
        color: var(--secondary-color);
        font-weight: 500;
        border: none !important;
        border-radius: var(--button-border-radius);
        padding: 0.5em 1em;
        box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
        transition: box-shadow ease 0.2s;
    }
    
    .UtilitySection.UtilityAuthentication>a:not(.logged-in *):hover {
        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    }
    
    .UtilitySection.UtilityAuthentication>a:not(.logged-in *):before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 2.2rem;
        background-size: contain;
        margin-right: 0.5rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--secondary-image-filter);
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a {
        background: var(--primary-color);
        text-decoration: none;
        color: var(--secondary-color);
        font-weight: 500;
        border: none !important;
        border-radius: var(--button-border-radius);
        padding: 0.5em 1em;
        position: relative;
        display: block;
        box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
        transition: box-shadow ease 0.2s;
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a:hover {
        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a:before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 2.2rem;
        background-size: contain;
        margin-right: 0.5rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--secondary-image-filter);
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a>span.nav-text {
        background: none;
        padding: 0;
    }
    
    .UtilitySection.UtilityAuthentication>a:hover {}
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown {
        z-index: 1000;
        position: absolute;
        opacity: 0;
        transition: opacity .2s .2s ease-in-out;
        left: -10000px;
        right: 0;
        top: 4rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        font-size: 1.3rem;
        display: flex;
        align-items: flex-start;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
        flex-direction: column;
        padding: 1.5rem 4.8rem 1.5rem 1.9rem;
        display: none;
    }
    
    li.nav-aux-button.nav-aux-account>a:hover+.account-dropdown,
    li.nav-aux-button.nav-aux-account>a+.account-dropdown:hover {
        top: 4rem;
        right: 0;
        opacity: 1;
        color: var(--black-color);
        left: auto;
        transition: opacity .2s .2s ease-in-out;
        display: flex;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>li>a,
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication>a {
        padding: 0;
        text-decoration: none;
        color: var(--black-color);
        margin-bottom: 0.25em;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>li>a>span {
        background: none;
        padding: 0 !important;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication {
        margin: 0;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication>a {
        margin: 0.5em 0 0 0;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>li>a:hover,
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication>a:hover {
        text-decoration: underline;
    }
    
    /******primary******/
    div#ste_container_ciNewUtilityNavigationCommon {}
    
    div#ste_container_ciPrimaryNavigation+div {
        display: none;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        width: 100%;
        flex-flow: wrap;
        height: 100%;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: center;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a {
        padding: 0;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem {
        /* padding-bottom: calc(var(--row-padding) / 2); */
        /* margin-left: clamp(1.5rem, 1.5vw, 2.5rem); */
        box-shadow: inset 0 -0.2rem 0 0 transparent;
        transition: box-shadow 0.2s 0.2s ease;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink {
        color: var(--dark-color);
        font-size: 1.6rem;
        letter-spacing: -0.01em;
        font-weight: 600;
        transition: all 0.2s ease;
        background: transparent !important;
        text-decoration: none;
        text-transform: none;
        padding: 0 calc(clamp(1.5rem, 1.5vw, 2.5rem) / 2) calc(var(--row-padding) / 2) !important;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem:has(> .hide) {
        display: none;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem:has(> .rmLink:is(.rmExpanded, [name="clicked"], .rmFocused, :hover)) {
        background: transparent;
        box-shadow: inset 0 -0.2rem 0 0 var(--primary-color);
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span {
        padding: 0;
        margin-bottom: 0;
    }
    
    header#hd {
        --desiredwidth-var: 162.6rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div {
        position: absolute;
        position: fixed;
        left: 0 !important;
        right: 0;
        width: 100% !important;
        top: 0px !important;
        background: var(--grey-color);
        display: flex !important;
        overflow: hidden !important;
        max-height: 0vh;
        padding: 0rem clamp(1.5rem, calc(var(--width-var) / 2), 7.5rem);
        box-shadow: 0rem 1rem 1rem -1rem #0000004f;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink):is(.rmExpanded, [name="clicked"], :hover)+div {
        opacity: 1;
        max-height: 72vh;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span.rmToggle {
        */ position: absolute;
        width: 100%;
        position: absolute;
        display: block;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span.rmToggle>span.rmIcon {
        margin: 0;
        background: none;
        width: 0;
        height: 0;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink):is(.rmExpanded, [name="clicked"], :hover)+div>ul {
        display: block;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink)+div {
        /* opacity: 0; */
        transition: 0.2s 0.3s ease opacity, 0.2s 0.3s ease max-height !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul {
        /* width: 100%; */
        /* background: transparent; */
        /* max-width: var(--desiredwidth-var); */
        /* margin: auto !important; */
        /* padding: 0 calc(var(--row-padding) / 2); */
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul {
        top: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li {
        width: 100% !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div {
        padding: 0;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul {
        width: 100%;
        padding: 0;
        max-width: 100%;
        float: none;
        /* padding: 5rem 0 4rem 0 !important; */
        0;
        */ padding-bottom: 4.7rem;
        display: grid !important;
        grid-template-columns: calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem);
        grid-template-rows: 1fr;
        grid-column-gap: 2.5rem;
        grid-row-gap: 0px;
        max-width: var(--desiredwidth-var);
        margin: auto !important;
        padding: 5rem calc(var(--row-padding) / 2) !important;
        background: transparent;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul:not(:has(> li:last-child:is(:nth-child(1), :nth-child(2), :nth-child(3)))) {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul:has(> li:last-child:is(:nth-child(1), :nth-child(2), :nth-child(3))) {
        grid-template-columns: calc(33.33% - 2.5rem) calc(33.33% - 2.5rem) calc(33.33% - 2.5rem);
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul * {
        transition: ease 0.2s all;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li {
        padding: 0;
        margin: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>a {
        color: var(--black-color) !important;
        font-size: 1.6rem !important;
        text-transform: none !important;
        letter-spacing: 0em !important;
        border: none;
        font-weight: bold !important;
        margin: 0 !important;
        line-height: 1.0;
        margin-bottom: 2rem !important;
        width: auto !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>a>span {
        white-space: pre-wrap !important;
        padding: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div,
    .RadMenu.RadMenu_Toronto.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide,
    .RadMenu.RadMenu_Toronto.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        width: auto !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul {
        width: 100% !important;
        padding: 0 !important;
        min-width: auto !important;
        background: transparent;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li {
        padding: 0;
        margin: 0 0 0.5em 1.8rem !important;
        min-width: auto !important;
        width: 100% !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li>a {
        border: 0;
        color: var(--black-color) !important;
        width: auto !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li>a>span {
        padding: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li>a:hover {
        color: var(--parrot-pea-red) !important;
        text-decoration: underline;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li[class*="lp-only"] {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li[class*="ip-only"] {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li[class*="m-only"] {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-left: 0 !important;
        align-content: center;
        position: relative;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>span {
        /* margin-left: -1.9rem; */
        height: 1em;
        width: 2rem;
        display: inline-flex;
        z-index: 1;
        position: relative;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>span:after {
        content: "";
        width: 1.3rem;
        height: 1.3rem;
        display: inline-block;
        margin: auto 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(/images/site/icons/locked.svg);
        filter: var(--primary-image-filter);
        z-index: -1;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) a {
        /* left: 1.7rem; */
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])):has(span.locked:hover) span.locked:after {
        filter: invert(64%) sepia(16%) saturate(3117%) hue-rotate(323deg) brightness(86%) contrast(110%);
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>div {
        z-index: 1000;
        position: absolute;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>div {
        opacity: 0;
        transition: opacity .2s ease-in-out;
        left: -26rem;
        top: 2rem;
        top: 0;
        padding-bottom: 0.5rem;
        display: none;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) span:hover+a+div {
        top: -193%;
        left: 0;
        opacity: 1;
        display: block;
    }
    
    span.tooltip {
        color: var(--black-color);
        width: 13rem;
        height: 5rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        display: block;
        font-size: 1.3rem;
        display: flex;
        align-items: center;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    }
}

@media (min-width: 1200.98px) and (max-width: 1425.98px) {
    header#hd>.header-top-container>.header-container {
        a#masterHeaderImage: after {
            content: "";
            background-image: url(/images/site/icons/logo.svg);
            background-color: transparent;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            height: 10rem;
            width: 25rem;
            display: block;
        }
        
        ;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 0fr);
        justify-content: start;
        padding: calc(var(--row-padding) / 3) calc(var(--row-padding) / 2) 0 calc(var(--row-padding) / 2);
        /* display: grid; */
        /* justify-items: stretch; */
        gap: 1.5rem;
    }
    
    div#masterLogoArea {
        grid-area: 1 / 1 / 2 / 2;
        padding-bottom: 0;
        justify-self: start;
    }
    
    header#hd>.header-top-container>.header-container>[data-label="Primary"] {
        grid-area: 2 / 1 / 3 / 3;
        display: flex;
        justify-content: flex-start;
        width: 100%;
    }
    
    .nav-primary {
        width: 100%;
    }
    
    header#hd>.header-top-container>.header-container>[data-label="Primary"]>div {
        width: 100%;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        justify-content: space-between;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem {
        margin-left: 0;
    }
    
    .RadMenu:after,
    .RadMenu .rmRootGroup:after {
        display: none !important;
    }
    
    a#masterHeaderImage:after {
        height: 7rem;
        width: 17rem;
    }
}

/****************************************/
/*** Ipad Nav ***/
/****************************************/
@media (max-width: 1200.98px) {
    header#hd {
        box-shadow: 0rem 0rem 2rem #0000004f;
        box-shadow: 0rem 1rem 1rem -1rem #0000004f;
        z-index: 100;
        position: sticky;
        top: 0;
        min-height: 0;
        background: var(--grey-alt-dark);
    }
    
    header#hd .header-bottom-container {
        margin: 0;
    }
    
    header#hd .header-bottom-container>div>div>div {}
    
    header#hd>.header-top-container>.header-container {
        display: grid;
        /* grid-template-columns: 20%; */
        /* grid-template-rows: repeat(1, 1fr); */
        grid-template-columns: 12rem 1fr;
        grid-template-rows: repeat(2, 0fr);
        grid-template-columns: repeat(2, 0fr);
        grid-template-rows: repeat(2, 0fr);
        /* max-width: 192rem; */
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--row-padding) / 2) calc(var(--row-padding) / 2) 0 calc(var(--row-padding) / 2);
        justify-items: stretch;
        /* column-gap: 1.5rem; */
    }
    
    header#hd>.header-top-container>.header-container:before,
    header#hd>.header-top-container>.header-container:after {
        display: none;
    }
    
    header#hd>.header-top-container>.header-container>[data-label="Primary"] {
        grid-area: 2 / 1 / 3 / 3;
        /* height: 100%; */
        /* display: flex; */
        /* align-items: flex-start; */
        /* width: 100%; */
        padding-top: calc(var(--row-padding) / 2);
    }
    
    div#auxiliary-container-two {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        grid-area: 1 / 2 / 2 / 3;
    }
    
    div#masterLogoArea {
        grid-area: 1 / 1 / 2 / 2;
        justify-self: center;
        /* padding-bottom: calc(var(--row-padding) / 2); */
        /* margin-left: 0.75em; */
    }
    
    /*******logo******/
    a#masterHeaderImage {
        background-image: none;
        font-size: 0 !important;
        height: auto;
        width: auto;
        margin: auto;
        border: none;
    }
    
    a#masterHeaderImage:after {
        content: "";
        background-image: url(/images/site/icons/logo.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 7rem;
        width: 17rem;
        display: block;
    }
    
    div#masterLogoArea>div>div>div {
        display: flex;
    }
    
    /******aux*******/
    .nav-auxiliary {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /* justify-content: space-between; */
        flex-grow: 1;
        align-items: center;
        /* gap: 1.5rem; */
    }
    
    .nav-auxiliary>*:nth-child(1) {}
    
    .nav-auxiliary>*:nth-child(2) {}
    
    .nav-auxiliary>*:nth-child(3) {}
    
    .nav-auxiliary>* {
        margin-left: 0.75em;
        /* margin-right: 0.75em; */
    }
    
    .nav-auxiliary>.UtilitySection.UtilityNavigationToggle {
        /* display: none; */
    }
    
    .nav-auxiliary ul.NavigationUnorderedList {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 1.5rem;
        align-items: center;
        justify-content: flex-end;
    }
    
    .nav-auxiliary ul.NavigationUnorderedList>ul {
        display: none;
    }
    
    .nav-auxiliary ul.NavigationUnorderedList li {
        margin-left: 0;
        display: flex;
        z-index: 10000;
        position: relative;
    }
    
    .UtilityNavigationList .NavigationUnorderedList li>a {
        padding: 0;
        color: var(--dark-color);
        font-size: 1.6rem;
        letter-spacing: -0.02em;
        font-weight: 600;
        transition: all 0.2s ease;
        /* background: transparent !important; */
        text-decoration: none;
        text-transform: none;
    }
    
    .UtilityNavigationList .NavigationUnorderedList li>a:hover {
        text-decoration: underline;
    }
    
    ul.header-aux-nav {
        display: flex;
        flex-direction: column;
    }
    
    ul.header-aux-nav>li>a {
        color: var(--dark-color);
        font-size: 1.8rem;
        letter-spacing: -0.01em;
        font-weight: 600;
        transition: all 0.2s ease;
        background: transparent !important;
        text-decoration: none;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: var(--border-radius);
        padding: 0.75em 1em;
    }
    
    .search-icon {}
    
    .search-icon>a {
        padding: 0;
    }
    
    .search-icon>a>span {
        /* font-size: 0; */
        display: flex;
        align-items: center;
    }
    
    .search-icon>a>span:before {
        content: "";
        width: 2.25rem;
        height: 2.5rem;
        display: inline-block;
        margin-right: 0.5em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(/images/site/icons/search.svg);
        filter: var(--primary-image-filter);
    }
    
    .UtilitySection.UtilityAuthentication>a:not(.logged-in *) {
        text-decoration: none;
        color: var(--primary-color);
        font-weight: 500;
        /* border: none !important; */
        /* border-radius: var(--button-border-radius); */
        /* padding: 0.5em 1em; */
        text-wrap: nowrap;
        white-space: pre;
    }
    
    .UtilitySection.UtilityAuthentication>a:not(.logged-in *):before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 2.2rem;
        background-size: contain;
        margin-right: 0.5rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--primary-image-filter);
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a {
        background: var(--primary-color);
        text-decoration: none;
        color: var(--secondary-color);
        font-weight: 500;
        border: none !important;
        border-radius: var(--button-border-radius);
        padding: 0.5em 1em;
        position: relative;
        display: block;
        margin: 0;
        display: flex;
        box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
        transition: box-shadow ease 0.2s;
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a:hover {
        box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a:before {
        background-image: url(/images/site/icons/user.svg);
        padding-left: 1.8rem;
        background-size: contain;
        margin-right: 0.9rem;
        background-repeat: no-repeat;
        background-position: left;
        aspect-ratio: 1/1;
        content: '';
        filter: var(--secondary-image-filter);
    }
    
    .UtilityNavigationList .NavigationUnorderedList>li.nav-aux-button.nav-aux-account>a>span.nav-text {
        background: none;
        padding: 0;
        width: auto;
        height: auto;
        white-space: nowrap;
    }
    
    .UtilitySection.UtilityAuthentication>a:hover {}
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown {
        z-index: 1000;
        position: absolute;
        opacity: 0;
        transition: opacity .2s .2s ease-in-out;
        left: -10000px;
        right: 0;
        top: 4rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        font-size: 1.3rem;
        display: flex;
        align-items: flex-start;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
        flex-direction: column;
        padding: 1.5rem 4.8rem 1.5rem 1.9rem;
        display: none;
    }
    
    li.nav-aux-button.nav-aux-account>a:hover+.account-dropdown,
    li.nav-aux-button.nav-aux-account>a+.account-dropdown:hover {
        top: 4rem;
        right: 0;
        opacity: 1;
        color: var(--black-color);
        left: auto;
        transition: opacity .2s .2s ease-in-out;
        display: flex;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>li>a,
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication>a {
        padding: 0;
        text-decoration: none;
        color: var(--black-color);
        margin: 0;
        margin-bottom: 0.25em;
        background: transparent !important;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>li>a>span {
        background: none;
        padding: 0 !important;
        text-wrap: nowrap !important;
        width: auto !important;
        height: auto !important;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication {
        margin: 0;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication>a {
        margin: 0.5em 0 0 0;
    }
    
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>li>a:hover,
    li.nav-aux-button.nav-aux-account>a+.account-dropdown>.UtilitySection.UtilityAuthentication>a:hover {
        text-decoration: underline;
    }
    
    .primary-navigation-area>.navbar-collapse {
        overflow: hidden !important;
        height: 0svh !important;
        transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out;
        /* height: 100% !important; */
        opacity: 0;
        background: var(--grey-color);
        /* padding-top: 1.5rem; */
    }
    
    .navbar-collapse.in {
        height: calc(100svh - 8.2rem) !important;
        transition: height 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.2s cubic-bezier(0.4, 0, 1, 1);
        opacity: 1;
    }
    
    .primary-navigation-area>.navbar-collapse>nav,
    .primary-navigation-area>.navbar-collapse>nav>div {
        height: 100%;
    }
    
    /******primary******/
    header#hd * {
        transition: 0.2s ease all;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        display: flex;
        flex-direction: column;
        padding: 0 0.5em;
        overflow: auto;
        max-height: calc(100svh - 10rem) !important;
        padding-top: 1.5rem;
        /* flex-grow: 1; */
        height: 100%;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a {
        padding: 0;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem {}
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink {
        color: var(--dark-color);
        font-size: 1.8rem;
        letter-spacing: -0.01em;
        font-weight: 600;
        transition: all 0.2s ease;
        background: transparent !important;
        text-decoration: none;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: var(--border-radius);
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink:is(.rmExpanded, [name="clicked"], .rmFocused, :hover) {
        background: #eaebea !important;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem:has(> .hide) {
        display: none;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem:has(> .rmLink:is(.rmExpanded, [name="clicked"], .rmFocused, :hover)) {
        background: transparent;
        /* box-shadow: inset 0 -0.2rem 0 0 var(--primary-color); */
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span {
        padding: 0;
        margin-bottom: 0;
        padding: 0.75em 1em;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span+span.rmToggle {
        flex-grow: 1;
        display: flex;
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink>span+span.rmToggle>span {
        /* display: block; */
        padding: 0.8rem !important;
        color: white;
        margin: auto auto auto 0;
        background-image: url(/images/site/icons/arrow-down.svg);
        width: auto;
        height: auto;
        background-position: center;
        background-repeat: no-repeat;
        filter: var(--primary-image-filter);
        transform: rotateX(0deg);
    }
    
    .RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink:is(.rmExpanded)>span+span.rmToggle>span {
        transform: rotateX(180deg);
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div {
        /* position: absolute; */
        /* position: fixed; */
        /* left: 0 !important; */
        /* right: 0; */
        /* width: 100% !important; */
        /* top: 0px !important; */
        /* background: var(--grey-color); */
        display: flex !important;
        overflow: hidden;
        max-height: 0rem !important;
        /* padding: 0rem clamp(1.5rem, calc(var(--width-var) / 2), 7.5rem); */
        /* box-shadow: 0rem 1rem 1rem -1rem #0000004f; */
        margin-top: 0 !important;
        position: initial;
        overflow: hidden !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink):is(.rmExpanded, [name="clicked"])+div {
        opacity: 1;
        max-height: 200rem !important;
        transition: 0.2s 0.3s ease opacity, 0.2s 0.3s ease max-height !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a:is(.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink)+div {
        opacity: 0;
        transition: 0.2s 0.3s ease opacity, 0.2s 0.3s ease max-height !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul {
        width: 100%;
        background: transparent;
        /* max-width: var(--desiredwidth-var); */
        /* margin: auto !important; */
        padding: calc(var(--row-padding) / 2) !important;
        top: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li {
        width: 100% !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div {
        /* padding: 0; */
        padding: 0 calc(var(--row-padding) / 3) !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul {
        width: 100%;
        padding: 0;
        max-width: 100%;
        float: none;
        padding: calc(var(--row-padding) / 2) !important;
        0;
        */ padding-bottom: 4.7rem;
        display: grid !important;
        /* grid-template-columns: calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem) calc(25% - 2.5rem); */
        grid-template-rows: 1fr;
        grid-column-gap: 0;
        grid-row-gap: calc(var(--row-padding) / 2) !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul:not(:has(> li:last-child:is(:nth-child(1), :nth-child(2), :nth-child(3)))) {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul:has(> li:last-child:is(:nth-child(1), :nth-child(2), :nth-child(3))) {
        /* grid-template-columns: calc(33.33% - 2.5rem) calc(33.33% - 2.5rem) calc(33.33% - 2.5rem); */
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul * {
        transition: ease 0.2s all;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li {
        padding: 0;
        margin: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>a {
        color: var(--black-color) !important;
        font-size: 1.8rem !important;
        text-transform: none !important;
        letter-spacing: 0em !important;
        border: none;
        font-weight: bold !important;
        margin: 0 !important;
        /* margin-bottom: 1em !important; */
        white-space: pre-wrap !important;
        display: flex;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>a>span {
        padding: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>a>span+span {
        /* padding: 0 !important; */
        display: none;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul {
        width: 100% !important;
        padding: 0;
        display: flex;
        flex-direction: column;
        background: transparent;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li {
        padding: 0;
        margin: 0em 0 0em 1.8rem !important;
        min-width: auto !important;
        width: 100% !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li>a {
        border: 0;
        color: var(--black-color) !important;
        width: auto !important;
        padding: 0.4em !important;
        /* padding-bottom: 0.4em !important; */
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li>a>span {
        padding: 0 !important;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li>a:hover {
        color: var(--parrot-pea-red) !important;
        text-decoration: underline;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li[class*="lp-only"] {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li[class*="ip-only"] {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li[class*="m-only"] {}
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-left: 0 !important;
        align-content: center;
        position: relative;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>span {
        margin-left: -0.9rem;
        /* height: 2em; */
        /* width: 3rem; */
        /* display: inline-flex; */
        /* top: 0.2rem; */
        /* position: relative; */
        /* margin-top: -0.7rem; */
        /* z-index: 10; */
        /* position: relative; */
        */ height: 1em;
        /* width: 2rem; */
        display: inline-flex;
        z-index: 1;
        position: relative;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>span:after {
        content: "";
        width: 2.5rem;
        height: 1.5rem;
        display: inline-block;
        margin: auto 0;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        background-image: url(/images/site/icons/locked.svg);
        filter: var(--primary-image-filter);
        z-index: -1;
        /* top: 5.1rem; */
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) a {
        padding-left: 0.7rem;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])):has(span.locked:hover) span.locked:after {
        filter: invert(64%) sepia(16%) saturate(3117%) hue-rotate(323deg) brightness(86%) contrast(110%);
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>div {
        z-index: 1000;
        position: absolute;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"]))>div {
        opacity: 0;
        transition: opacity .2s ease-in-out;
        left: -26rem;
        top: 2rem;
        top: 0;
        padding-bottom: 0.5rem;
        display: none;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal>li>a+div>ul>li>div>ul>li:has(> a:is([class*="ip-only"], [class*="lp-only"], [class*="m-only"])) span:hover+a+div {
        top: -132%;
        left: 0;
        opacity: 1;
        display: block;
    }
    
    span.tooltip {
        color: var(--black-color);
        width: 13rem;
        height: 5rem;
        padding: 0.7em;
        background: #fff;
        border-radius: var(--border-radius);
        display: block;
        font-size: 1.3rem;
        display: flex;
        align-items: center;
        box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 14%);
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        height: 100%;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        padding: 0.75em 1em;
        margin-top: auto;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus:after {
        content: "";
        background-image: url(/images/site/icons/logo-thin.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 10rem;
        width: 9rem;
        display: block;
        margin-left: auto;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus h4 {
        display: none;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus a img[src*=".svg"] {
        filter: var(--primary-image-filter);
    }
}

/****************************************/
/*** Mobile Nav ***/
/****************************************/
@media (max-width: 992.98px) {
    a#masterHeaderImage:after {
        content: "";
        background-image: url(/images/site/icons/logo.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 5rem;
        width: 12rem;
        display: block;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal {
        height: 100%;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        padding: 0.75em 1em;
        margin-top: auto;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus:after {
        content: "";
        background-image: url(/images/site/icons/logo-thin.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 10rem;
        width: 9rem;
        display: block;
        margin-left: auto;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus h4 {
        display: none;
    }
    
    ul.rmRootGroup.rmToggleHandles.rmHorizontal div#ste_container_Connectwithus a img[src*=".svg"] {
        filter: var(--primary-image-filter);
    }
}

/****************************************/
/*** MasterContentArea - Col-primary ***/
/****************************************/
#masterContentArea .col-primary>div>div>div>div.row {
    margin: 0;
}

.container,
.header-container,
.SliderPage1 {
    max-width: var(--desiredwidth-var);
}

/***** DESKTOP ******/
@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*/
    .col-primary>div>div>div>div.row {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        margin: 0;
    }
    
    /*divide the remaning content area by 2, apply it to each side of the main content container */
    #masterContentArea .col-primary>div>div>div>div.row {
        padding: 0 calc(var(--width-var) / 2);
        max-width: 100%;
    }
    
    /*margin auto content inside the columns*/
    #masterContentArea .col-primary>div>div>div>div.row>div {
        margin: 0 auto;
    }
    
    /*calculate new bootstrap style col widths*/
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #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);
    }
    
    #masterContentArea .col-primary .row.full:not(.call-to-action-row) {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    
    #masterContentArea .col-primary .row.full>.col-sm-12 {
        width: 100%;
        max-width: 100%;
    }
    
    #masterContentArea .col-primary>div>div>div>div.row>div.col-sm-9 div[id*="Panel"]>* {
        /*max-width: 200rem;*/
    }
    
    #masterContentArea .col-primary>div>div>div>div.row>div.col-sm-9:nth-child(2) div[id*="Panel"]>* {
        margin-left: auto;
    }
    
    #masterContentArea .col-primary>div>div>div>div.row>div.col-sm-8 div[id*="Panel"]>* {
        /* max-width: 200rem; */
    }
    
    #masterContentArea .col-primary>div>div>div>div.row>div.col-sm-8:nth-child(2) div[id*="Panel"]>* {
        margin-left: auto;
    }
}

/*** Ipad ***/
@media (max-width: 1200.98px) and (min-width: 992.98px) {
    header#hd {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
    }
    
    .col-primary>div>div>div>div.row {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        margin: 0;
    }
    
    .iMIS-WebPart>.ContentItemContainer {
        /* margin-bottom: 0; */
    }
    
    .container,
    .header-container,
    .SliderPage1 {
        max-width: var(--desiredwidth-var);
    }
    
    #masterContentArea {
        max-width: 100% !important;
        padding: 0;
        margin-top: 0 !important;
    }
    
    #masterContentArea .col-primary>div>div>div>div.row:first-child h1:first-of-type {
        margin-bottom: 0;
    }
    
    #masterContentArea .col-primary>div>div>div>div.row .iMIS-WebPart>div {
        /* padding-top: var(--padding); */
    }
    
    #masterContentArea .col-primary>div>div>div>div.row .iMIS-WebPart+.iMIS-WebPart>div {
        padding: 0;
    }
    
    #masterContentArea .col-primary>div>div>div>div.row .iMIS-WebPart:last-of-type>div {
        /* padding-bottom: var(--padding); */
    }
    
    #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: var(--padding);
    }
    
    #masterContentArea .col-primary .row.full {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    
    #masterContentArea {
        margin-top: 0 !important;
    }
}

/***** MOBILE ****/
@media (max-width: 992.98px) {
    .col-primary>div>div>div>div.row {
        --desiredwidth-var: 131.5rem;
        --width-var: calc(100vw - var(--desiredwidth-var));
        --fullwidth-var: calc(100%);
        --currentwidth-var: calc(100vw);
        flex-flow: nowrap;
        flex-direction: column;
        margin: 0;
    }
    
    #masterContentArea {
        max-width: 100vw !important;
        padding: 0;
        margin-top: 0 !important;
        margin: 0;
    }
    
    #masterContentArea .col-primary>div>div>div>div.row {
        margin: 0;
        padding: var(--padding) 0;
    }
    
    #masterContentArea .col-primary .row.full {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    
    #masterContentArea {
        /* margin-top: 0 !important; */
    }
    
    #masterContentArea .col-primary>div>div>div>div.row .iMIS-WebPart:last-of-type>div {
        /* padding-bottom: var(--padding); */
    }
}

/****************************************/
/***  Footer ***/
/****************************************/
/***** DESKTOP ******/
div#ste_container_ciFooterContent2 {
    display: none;
}

footer#ft {
    display: flex;
    height: auto;
    background: var(--primary-color);
    flex-direction: column;
}

.footer-content {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-align: left;
    padding: 0;
}

.footer-content {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-align: left;
    padding: 0;
}

.footer-content>.container {
    padding: 0;
}

.footer-content>.container .row {
    --desiredwidth-var: 162.5rem;
    --width-var: calc(100vw - var(--desiredwidth-var));
    padding: 0 calc(var(--width-var) / 2);
    max-width: 100%;
}

.footer-content>.container .row>[class*="col-sm"] {
    padding-left: calc(var(--padding) / 2);
    padding-right: calc(var(--padding) / 2);
}

.footer-content>.container .row>[class*="col-sm"]>[class*="col-sm"] {
    padding: 0;
}

.footer-content [id*="ste_container"].ContentItemContainer,
.footer-content [id*="ste_container"].ContentItemContainer *:not(img) {
    font-weight: 400 !important;
    color: var(--secondary-color) !important;
    margin-bottom: 1em;
    line-height: 1.2em;
}

div#ste_container_MajorSponsors img {
    max-width: 10rem;
}

div#ste_container_Connectwithus a img[src*=".svg"] {
    filter: var(--secondary-image-filter);
    width: 2.6rem;
    aspect-ratio: 1/1;
    object-fit: contain;
    margin-bottom: 0;
    margin-right: 1em;
}

div#ste_container_AcknowledgeofCountry * {
    text-align: right;
}

.footer-content>.container .row:nth-child(3) {
    border-top: 0.1rem solid var(--primary-alt-light);
    padding-top: 1em !important;
    margin-bottom: 1.5em !important;
}

.footer-content>.container .row:nth-child(3) * {
    margin: auto 0;
}

.footer-nav-copyright {
    display: none;
}

/*** Ipad ***/
@media (max-width: 1200.98px) and (min-width: 992.98px) {}

/***** MOBILE ****/
@media (max-width: 992.98px) {
    .footer-content>.container .row>[class*="col-sm"] {
        padding-left: calc(var(--padding) / 1);
        padding-right: calc(var(--padding) / 1);
    }
    
    div#ste_container_AcknowledgeofCountry * {
        text-align: left;
    }
}

/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 *
 * 
 *  Document contains changes to Banners
 *
 *
*/
/****************************************/
/****************************************/
.iMIS-WebPart>div[id*="ste_container_"][id*="age"][id*="eading"] {
    display: none !important;
}

/************ Content page banner START *************/
div#masterContentArea .col-primary>div>div>div>div.row.grey-row {
    background: var(--grey-alt-dark);
}

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_"]>* {
    color: var(--elder-sandstone);
    background: none;
    -webkit-text-fill-color: initial;
}

div.row.secondary-row div[id*="_Panel_"]>* {
    color: var(--black-color);
    background: none;
    -webkit-text-fill-color: initial;
}

div.row.primary-row div[id*="_Panel_"] a[class*="utton"] {
    background: var(--secondary-color);
    color: var(--dark-color);
}

div.row.primary-row div[id*="_Panel_"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--primary-color),
        4px 4px 0 0rem var(--secondary-color);
}

div.row.secondary-row div[id*="_Panel_"] a[class*="utton"] {
    /* background: var(--secondary-color); */
    /* color: var(--dark-color); */
}

div.row.secondary-row div[id*="_Panel_"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--secondary-color),
        4px 4px 0 0rem var(--primary-color);
}

div#masterContentArea .col-primary>div>div>div>div.row {
    margin: 0;
}

.row[class*="-row"] {
    padding: var(--padding) calc(var(--width-var) / 2) !important;
}

.row.primary-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

.row.secondary-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

.row.grey-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rey"].HeaderRow {
    background: var(--grey-alt-dark);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow {
    background: var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow {
    background: var(--secondary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow * {
    color: var(--elder-sandstone);
    background: none;
    -webkit-text-fill-color: initial;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow * {
    color: var(--dark-color);
    background: none;
    -webkit-text-fill-color: initial;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow a:not([class*="utton"]) {
    color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow a:not([class*="utton"]) {
    color: var(--dark-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow a[class*="utton"] {
    background: var(--secondary-color);
    color: var(--dark-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="rimary"].HeaderRow a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--primary-color),
        4px 4px 0 0rem var(--secondary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow a[class*="utton"] {
    /* background: var(--secondary-color); */
    /* color: var(--dark-color); */
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="econdary"].HeaderRow a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--secondary-color),
        4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"] {
    background: var(--grey-color);
    background: var(--white-color);
}

.HeaderRow {
    --desiredwidth-var: 131.5rem;
    --width-var: calc(100vw - var(--desiredwidth-var));
    --fullwidth-var: calc(100%);
    --currentwidth-var: calc(100vw);
}

.HeaderRow>div {
    max-width: var(--desiredwidth-var);
    margin: 0 auto;
    padding: var(--padding) calc(var(--padding) * 1.25);
}

.HeaderRow h1 {
    margin-top: 0;
    font-weight: 600;
}

@media (max-width: 1200.98px) {
    .HeaderRow {
        margin: 0 !important;
    }
}

@media (max-width: 1200.98px) {
    div#masterContentArea .col-primary .row.full {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

@media (max-width: 992.98px) {
    .HeaderRow>div {
        padding: var(--padding) calc(var(--padding) / 1);
    }
}

/* Honeyeater Yellow */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="oney"][id*="ater"][id*="ellow"] {
    background: var(--honeyeater-yellow);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="oney"][id*="ater"][id*="ellow"] a:not([class*="utton"]) {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="oney"][id*="ater"][id*="ellow"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--honeyeater-yellow),
        4px 4px 0 0rem var(--primary-color);
}

/* Heritage Green */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"] {
    background: var(--heritage-green);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"] a:not([class*="utton"]) {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--heritage-green),
        4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"].HeaderRow * {
    color: var(--elder-sandstone);
    background: none;
    -webkit-text-fill-color: initial;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"] a:not([class*="utton"]) {
    color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"].HeaderRow a[class*="utton"] {
    background: var(--secondary-color);
    color: var(--dark-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="eritage"][id*="reen"].HeaderRow a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--primary-color),
        4px 4px 0 0rem var(--secondary-color);
}

/* Elder Sandstone */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"] {
    background: var(--elder-sandstone);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"] a:not([class*="utton"]) {
    color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--elder-sandstone),
        4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"].HeaderRow a[class*="utton"] {
    background: var(--primary-color);
    color: var(--secondary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"].HeaderRow a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--elder-sandstone),
        4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"] * {
    color: var(--primary-color);
    background: none;
    -webkit-text-fill-color: initial;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="lder"][id*="and"][id*="tone"] a:not([class*="utton"]) {
    color: var(--primary-color) !important;
}

/* Kuitpo Green */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"] {
    background: var(--kuitpo-green);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"] a:not([class*="utton"]) {
    color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--kuitpo-green),
        4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"].HeaderRow a[class*="utton"] {
    background: var(--secondary-color);
    color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"].HeaderRow a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--kuitpo-green),
        4px 4px 0 0rem var(--secondary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="uitpo"][id*="reen"] * {
    color: var(--elder-sandstone);
    background: none;
    -webkit-text-fill-color: initial;
}

/* parrotpeared */
div[id*="_Panel_"][id*="age"][id*="eading"][id*="arrot"][id*="ea"][id*="ed"] {
    background: var(--parrot-pea-red);
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="arrot"][id*="ea"][id*="ed"] a:not([class*="utton"]) {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"][id*="age"][id*="eading"][id*="arrot"][id*="ea"][id*="ed"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--parrot-pea-red),
        4px 4px 0 0rem var(--primary-color);
}

div[id*="_Panel_"][id*="age"][id*="eading"] a:not([class*="utton"]) {
    text-decoration: underline !important;
}

/************ Content page banner END *************/
/************ Carousel Banners START *************/
.row:has(.WebPartZone.heritagegreen) {
    background: var(--primary-color);
    padding: var(--padding) calc(var(--width-var) * 0) !important;
    /* width: calc(var(--fullwidth-var)* 1); */
    max-width: calc(var(--desiredwidth-var) * 1) !important;
    margin: calc(var(--padding) + 1rem) auto !important;
    display: flex;
    align-items: center;
}
    .row:has(.WebPartZone.heritagegreen)  *:not(.Button, button) {
        color: var(--secondary-color) !important;
    }
    
    .row:has(.WebPartZone.heritagegreen)  h1,
    .row:has(.WebPartZone.heritagegreen)  .h1,
    .row:has(.WebPartZone.heritagegreen)  .PageTitle {
        font-size: 4.5rem;
        font-weight: 700;
        letter-spacing: -0em;
    }
    
    .row:has(.WebPartZone.heritagegreen)  h2,
    .row:has(.WebPartZone.heritagegreen)  .h2,
    .row:has(.WebPartZone.heritagegreen)  .PanelTitle {
        font-size: 3.2rem;
        font-weight: 600;
        letter-spacing: -0em;
        border: none !important;
    }
    
    .row:has(.WebPartZone.heritagegreen)  h3,
    .row:has(.WebPartZone.heritagegreen)  .h3,
    .row:has(.WebPartZone.heritagegreen)  .SectionTitle {
        font-size: 2.7rem;
        font-weight: 600;
        letter-spacing: -0em;
    }
    
    .row:has(.WebPartZone.heritagegreen)  h4,
    .row:has(.WebPartZone.heritagegreen)  .h4,
    .row:has(.WebPartZone.heritagegreen)  .SectionLabel {
        font-size: 2.2rem;
        font-weight: 600;
        letter-spacing: -0em;
    }
    
    .row:has(.WebPartZone.heritagegreen)  h5,
    .row:has(.WebPartZone.heritagegreen)  .h5 {
        font-size: 2rem;
        font-weight: 600;
        letter-spacing: -0em;
    }
    
    .row:has(.WebPartZone.heritagegreen)  h6 {
        font-size: 2.2rem;
        margin-bottom: 1rem;
        letter-spacing: 0.1em;
        font-weight: 500;
        text-transform: uppercase;
    }
    
    :is(.col-primary *):is(body a, p a, .iMIS-WebPart div[id*="_Panel_"] a, p a): not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup):not(.rgHeader a):not(div[id*="AddToCartDiv"] a),
    body div[id*="_Panel_"] p a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup),
    body div[id*="_Panel_"] a:not(.Button):not(.button):not(.PrimaryButton):not(.TextButton):not(.btn):not(.rcCalPopup) {
        color: var(--secondary-color);
        text-decoration: underline;
    }
    
    .row:has(.WebPartZone.heritagegreen)  a[class*="econdary"][class*="utton"]:is(:hover, :active, :focus) {
        box-shadow: 2px 2px 0 0rem var(--heritage-green),
            4px 4px 0 0rem var(--elder-sandstone);
    }
}

@media (max-width: 992.98px) {
    .row:has(.WebPartZone.heritagegreen) {
        display: flex;
        flex-direction: column;
    }
}

/************ Carousel Banners END *************/
/* Honeyeater Yellow */
div#masterContentArea .col-primary>div>div>div>div.row.honeyeateryellow-row {
    background: var(--honeyeater-yellow);
}

div.row.honeyeateryellow-row div[id*="_Panel_"]>* {
    color: var(--black-color);
    background: none;
    -webkit-text-fill-color: initial;
}

div.row.honeyeateryellow-row div[id*="_Panel_"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--honeyeater-yellow),
        4px 4px 0 0rem var(--primary-color);
}

.row.honeyeateryellow-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

/* Heritage Green */
div#masterContentArea .col-primary>div>div>div>div.row.heritagegreen-row {
    background: var(--primary-color);
}

div.row.heritagegreen-row div[id*="_Panel_"]>* {
    color: var(--elder-sandstone);
    background: none;
    -webkit-text-fill-color: initial;
}

div.row.heritagegreen-row div[id*="_Panel_"] a[class*="utton"] {
    background: var(--secondary-color);
    color: var(--black-color);
}

div.row.heritagegreen-row div[id*="_Panel_"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--primary-color),
        4px 4px 0 0rem var(--secondary-color);
}

.row.heritagegreen-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

/* Elder Sandstone */
div#masterContentArea .col-primary>div>div>div>div.row.eldersandstone-row {
    background: var(--elder-sandstone);
}

div.row.eldersandstone-row div[id*="_Panel_"]>* {
    color: var(--black-color);
    background: none;
    -webkit-text-fill-color: initial;
}

div.row.eldersandstone-row div[id*="_Panel_"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--elder-sandstone),
        4px 4px 0 0rem var(--primary-color);
}

.row.eldersandstone-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

/* Parrot Pea Red */
div#masterContentArea .col-primary>div>div>div>div.row.parrotpeared-row {
    background: var(--parrot-pea-red);
}

div.row.parrotpeared-row div[id*="_Panel_"]>* {
    color: var(--black-color);
    background: none;
    -webkit-text-fill-color: initial;
}

div.row.parrotpeared-row div[id*="_Panel_"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--parrot-pea-red),
        4px 4px 0 0rem var(--primary-color);
}

.row.parrotpeared-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

/* Kuitpo Green */
div#masterContentArea .col-primary>div>div>div>div.row.kuitpogreen-row {
    background: var(--kuitpo-green);
}

div.row.kuitpogreen-row div[id*="_Panel_"]>* {
    color: var(--secondary-color);
    background: none;
    -webkit-text-fill-color: initial;
}

div.row.kuitpogreen-row div[id*="_Panel_"] a[class*="utton"] {
    background: var(--secondary-color);
    color: var(--kuitpo-green);
}

div.row.kuitpogreen-row div[id*="_Panel_"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--kuitpo-green),
        4px 4px 0 0rem var(--secondary-color);
}

.row.kuitpogreen-row:has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

/************ Homepage Carousel START *************/
/************ Homepage Carousel END *************/
div#masterContentArea .col-primary>div>div>div>div.row[class="row"]:nth-child(1) {
    padding-top: var(--padding) !important;
}

#masterContentArea .row:has(> div:is(:first-child, :last-child)):not(:has(.WebPartZone > *))+.row[class="row"]:not(.RadMultiPage *) {
    padding-top: var(--padding) !important;
}

#masterContentArea .row:is(div#mainContentWrapper > div > div):has(> div:is(:first-child, :last-child)):not(:has(.WebPartZone > *)) {
    display: none;
}

#masterContentArea .row:is(.RadMultiPage .rmpView > div > div > div):has(> div:is(:first-child, :last-child)):not(:has(.WebPartZone > *)) {
    display: none;
}

#masterContentArea .row:has(> div:first-child:last-child):has(.iMIS-WebPart:first-child:last-child > div[id*="ste_container_"][id*="age"][id*="eading"]) {
    display: none;
}

#masterContentArea .row:has(> div:is(:first-child, :last-child)):has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"])+.row {
    padding-top: var(--padding) !important;
}

div#masterContentArea .col-primary>div>div>div>div.row[class="row"]:nth-child(1):not( :has(.iMIS-WebPart > div[id*="ste_container_"] > div > *)) {
    display: none;
}

#masterContentArea div[style="clear: both;"]:not(:has(> *)) {
    /* display: none !important; */
}

div[id*="_Panel_"]+div:not(:has(> *)) {
    display: none !important;
}

div#masterContentArea .col-primary>div>div>div>div.row:has(.hideThisZone) {
    display: none;
}

/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025
 *
 * 
 *  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 {
    /* padding: 1.2rem 1.4rem; */
    background: var(--primary-color);
    text-decoration: none;
    color: var(--elder-sandstone);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(0.1rem) translateZ(0);
    transform: perspective(0.1rem) translateZ(0);
    box-shadow: none;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    line-height: 1;
    border-radius: 0rem;
    font-weight: 500;
    border: none !important;
    border-radius: var(--button-border-radius);
    padding: var(--button-padding) !important;
    /* border-radius: calc(var(--button-border-radius) / 2); */
    margin: auto;
    margin: 0.15rem 0;
    box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
    transition: box-shadow ease 0.2s;
    text-align: center;
}

.PrimaryButton[disabled],
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 {
    padding: 1.2rem 1.4rem;
    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: middle;
    -webkit-transform: perspective(0.1rem) translateZ(0);
    transform: perspective(0.1rem) translateZ(0);
    box-shadow: none;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    line-height: 1;
    /* border-radius: 0rem; */
    font-weight: 500;
    border: none !important;
}

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,
.PrimaryButton:disabled,
.PrimaryButton:disabled:hover,
.TextButton:disabled,
.PrimaryButton:disabled:hover .ruButton,
#masterHeaderActionArea a:hover,
.RadGrid input.TextButton:hover,
html input[type="button"]:hover {
    background: var(--primary-color);
    /* overflow: overlay; */
    /* background: transparent; */
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
    border: none !important;
    border-radius: var(--button-border-radius);
}

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,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active,
html input[type="button"]:active {
    background: var(--primary-color);
    color: var(--secondary-color);
    overflow: overlay;
    box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
    border: none !important;
    border-radius: var(--button-border-radius);
}

span[id*="RegisterButton"] a.TextButton {
    box-shadow: 0px 0px 0 0rem transparent, 0px 0px 0 0rem transparent;
    transition: box-shadow ease 0.2s;
    color: var(--secondary-color);
}

span[id*="RegisterButton"] a.TextButton:hover {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color) !important;
}
}

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

a[class*="arge"][class*="utton"] {
    padding: var(--button-padding);
    font-size: 1.7rem;
    /* font-weight: 600; */
}

a[class*="mall"][class*="utton"] {
    padding: var(--button-padding);
    font-size: 1.2rem;
    /* font-weight: 600; */
}

a[class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--primary-color);
}

a[class*="eritage-green"][class*="utton"] {
    background: var(--heritage-green);
}

a[class*="eritage-green"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--heritage-green);
}

a[class*="lder-sandstone"][class*="utton"] {
    background: var(--elder-sandstone);
    color: var(--primary-color);
}

a[class*="lder-sandstone"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--elder-sandstone);
}

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

a[class*="econdary"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--elder-sandstone);
}

a[class*="oneyeater-yellow"][class*="utton"] {
    background: var(--honeyeater-yellow);
    color: var(--primary-color);
}

a[class*="oneyeater-yellow"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--honeyeater-yellow);
}

a[class*="arrot-pea-red"][class*="utton"] {
    background: var(--parrot-pea-red);
}

a[class*="arrot-pea-red"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--parrot-pea-red);
}

a[class*="uitpo-green"][class*="utton"] {
    background: var(--kuitpo-green);
}

a[class*="uitpo-green"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--grey-color), 4px 4px 0 0rem var(--kuitpo-green);
}

a[class*="isabled"][class*="utton"] {
    background: var(--grey-alt-dark) !important;
    color: #fff !important;
    opacity: 0.4;
    pointer-events: none;
    cursor: pointer;
    color: var(--black-color) !important;
    box-shadow: inset 0px 0px 0 0.2rem var(--black-color);
}

a.Button:is(.Danger, .Error, .Warning) {
    background: red !important;
    box-shadow: inset 0px 0px 0 0.2rem red;
}

a.Button:is(.Danger, .Error, .Warning):hover {
    color: black !important;
}

a[class*="utton"]:is(.long, .Long) {
    width: 100%;
    text-align: center;
}

.WebPartZone[class*="eritage"][class*="reen"] a[class*="econdary"][class*="utton"]:is(:hover, :active, :focus) {
    box-shadow: 2px 2px 0 0rem var(--primary-color), 4px 4px 0 0rem var(--elder-sandstone);
}

/*******************************/
/********* accordions **********/
/*******************************/
h4.accordionheading {
    margin: 0 !important;
    padding: 0;
    border-radius: var(--border-radius);
}

.accordion {
    overflow: hidden;
    max-width: var(--docwidth);
}

h4.accordionheading+div {
    /* background: var(--grey-color); */
    border: var(--primary-color) 0.1rem solid !important;
    border-top: 0 !important;
}

h4.accordionheading+div:not([hidden]) {
    max-height: 400rem;
    padding: 2rem;
    border: none;
    margin: -2.5rem 0.5rem 0.5rem 0.5rem;
}

h4.accordionheading button:after {
    content: "+";
    margin: auto 0 auto 0;
    display: inline-block;
    left: auto;
    right: 2.1rem;
    color: var(--dark-color);
    padding: 1em 1.2em;
    transform: rotate(0deg);
    webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    transition-property: transform, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    top: 0;
    color: var(--primary-color);
    float: right;
}

h4.accordionheading button[aria-expanded="true"]:after {
    transform: rotate(45deg);
}

h4.accordionheading button {
    text-align: left;
    border: var(--border) !important;
    color: var(--primary-color) !important;
    padding: 0;
    /* margin-bottom: 0 !important; */
    cursor: pointer;
    max-width: var(--docwidth);
    position: relative;
    font-size: 1.8rem;
    background: transparent;
    /* border-bottom: none !important; */
    font-weight: bold;
    display: flex;
    width: 100%;
    /* border-radius: var(--border-radius); */
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}

h4.accordionheading button[aria-expanded="true"] {
    /* background: var(--grey-color); */
    margin-bottom: 0px;
    /* padding: 3rem; */
    border-bottom: none !important;
}

.row>h4.accordionheading {
    margin-top: 0;
}

div#accordionGroup+.accordion {
    border: var(--border) !important;
    padding: 2rem;
    margin-top: -0.1rem;
    border-top-color: transparent !important;
    border-radius: var(--border-radius);
}

div#accordionGroup+.accordion+div#accordionGroup>h4.accordionheading>button {
    margin-top: -0.1rem;
    border-top-color: transparent !important;
}

@media (max-width: 992.98px) {
    h4.accordionheading {}
}

.accordion * {
    line-height: 2.5rem !important;
}

.accordion h4.accordionheading:after {
    content: none;
}

h4.accordionheading+div:not([hidden])>* {
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

.accordion ul,
.accordion ol {
    padding-left: 4rem !important;
}

.accordion {
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1), margin-bottom 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0, 1, 0, 1);
    transition-delay: 0.1s;
    border-radius: var(--border-radius);
}

h4.accordionheading+div:not([hidden]) {
    transition: max-height 1s ease-in-out, opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
    transition-delay: 0.1s;
    opacity: 1;
    overflow: auto;
}

h4.accordionheading+div>* {
    margin: 0 0rem;
}

h4.accordionheading:has(+ div:not([hidden]))>button {
    border-bottom: 0 !important;
}

div#accordionGroup+.accordion>div:not(div#ste_container_ciEventDescription *) {
    background: var(--grey-alt-dark);
}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion) {
    /* margin: 0; */
}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):not(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion)) {
    /* margin-bottom: 0; */
}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):is(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion)) {}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):is(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion)):last-child {
    margin-bottom: 0;
}

.WebPartZone:has(.iMIS-WebPart + .iMIS-WebPart .accordion) .iMIS-WebPart:has(.accordion):not(.iMIS-WebPart:has(.accordion) + .iMIS-WebPart:has(.accordion))>div {
    /* margin-bottom: 0; */
}

.UtilitySection.UtilitySTEToggle.ste-section,
.obo-panel {
    position: fixed;
    z-index: 20000;
    text-align: center;
    top: auto;
    right: 0;
    bottom: 3rem;
    display: flex;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
    overflow: hidden;
    right: 9rem;
    background: white;
    border-radius: var(--border-radius);
}

a.ste-toggle.off {
    padding: 1rem !important;
    width: 4.5rem !important;
    height: 4.5rem !important;
    background-position: -3rem -10rem;
    border: 0 !important;
    border-radius: 0;
    filter: invert(1);
}

a.ste-toggle.off:hover {
    background-color: var(--secondary-color);
}

.obo-panel {
    right: 15rem;
    padding: 1rem;
    margin: 0;
    line-height: 1.7;
    color: var(--black-color);
}

.obo-actions a {
    color: var(--black-color) !important;
    border: 0 !important;
}

.nav-aux-button.nav-aux-cart>a {
    padding: 0;
    width: 100%;
    display: flex;
    height: 100%;
    text-decoration: none !important;
}

.nav-aux-button.nav-aux-cart {
    position: fixed !important;
    width: 4.6rem;
    height: 4.6rem;
    right: 3rem;
    top: auto !important;
    bottom: 3rem;
    background-color: white;
    display: block;
    background-image: url(/images/site/icons/cart.svg);
    background-size: 2.8rem;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1000000000000000 !important;
    box-shadow: 0px 0px 2rem 0px rgb(0 0 0 / 15%);
    padding: 1rem;
    border-radius: var(--border-radius);
}

.nav-aux-cart a span.cartFull .cartCenter {
    right: -0.5rem;
    position: absolute;
    top: -0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--primary-color);
}

.nav-aux-cart a span.cartFull .cartCenter>span {
    font-size: 1.4rem;
    color: white;
}

.cartCenter span:before {
    content: "";
}

.cartCenter span:after {
    content: "";
}

.nav-aux-cart span.nav-text {
    font-size: 0;
    margin: auto 0 auto 15%;
    color: black;
}

/****************************************/
/****************************************/
/** Law Society of South Australia **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - Pre EMS template - 21 August 2024
 *  Version: 2 - EMS upgraded template - 17 September 2024
 *  Version: 3 - EMS upgraded template Go Live - 25 March 2025 
 *
 * 
 *  Document contains changes to CTA
 *
 *
*/
/****************************************/
/****************************************/
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) {
    padding: var(--padding);
    background: var(--primary-color);
    border-radius: var(--border-radius);
    margin-bottom: 0.5rem;
    flex-grow: 0 !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) a:not([class*="utton"],
    [id*="oney"][id*="ater"][id*="ellow"] *,
    [id*="eritage"][id*="reen"] *,
    [id*="rey"] *,
    [id*="lder"][id*="and"][id*="tone"] *,
    [id*="uitpo"][id*="reen"] *,
    [id*="arrot"][id*="ea"][id*="ed"] *) {
    color: var(--elder-sandstone) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) a[class*="utton"] {
    background: var(--secondary-color);
    color: var(--dark-color);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--primary-color),
        4px 4px 0 0rem var(--secondary-color);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])>*:last-child:not(div) {
    margin-bottom: 0;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) *:not([class*="utton"]),
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) {
    color: var(--secondary-color);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) a:not([class*="utton"]) {
    text-decoration: underline !important;
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="oney"][id*="ater"][id*="ellow"] {
    background: var(--honeyeater-yellow);
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="oney"][id*="ater"][id*="ellow"] * {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="oney"][id*="ater"][id*="ellow"] [class*="utton"] {
    background: var(--primary-color);
    color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="oney"][id*="ater"][id*="ellow"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--honeyeater-yellow),
        4px 4px 0 0rem var(--primary-color);
}

/* Heritage Green */
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="eritage"][id*="reen"] {
    background: var(--heritage-green);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="eritage"][id*="reen"] * {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="eritage"][id*="reen"] [class*="utton"] {
    background: var(--primary-color);
    color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="eritage"][id*="reen"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--heritage-green),
        4px 4px 0 0rem var(--primary-color);
}

/* Elder Sandstone */
div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="lder"][id*="and"][id*="tone"] {
    background: var(--elder-sandstone);
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="lder"][id*="and"][id*="tone"] * {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="lder"][id*="and"][id*="tone"] [class*="utton"] {
    background: var(--primary-color);
    color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="lder"][id*="and"][id*="tone"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--elder-sandstone),
        4px 4px 0 0rem var(--primary-color);
}

/* Parrot Pea Red */
div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="arrot"][id*="ea"][id*="ed"] {
    background: var(--parrot-pea-red);
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="arrot"][id*="ea"][id*="ed"] * {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="arrot"][id*="ea"][id*="ed"] [class*="utton"] {
    background: var(--primary-color);
    color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"],
    [id*="tile"])[id*="arrot"][id*="ea"][id*="ed"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--parrot-pea-red),
        4px 4px 0 0rem var(--primary-color);
}

/* Kuitpo Green */
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="uitpo"][id*="reen"] {
    background: var(--kuitpo-green);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="uitpo"][id*="reen"] * {
    color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="uitpo"][id*="reen"] [class*="utton"] {
    background: var(--secondary-color);
    color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="uitpo"][id*="reen"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem var(--kuitpo-green),
        4px 4px 0 0rem var(--secondary-color);
}

/* grey */
div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"] {
    background: var(--grey-alt-dark);
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"] * {
    color: var(--primary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"] [class*="utton"] {
    background: var(--primary-color);
    color: var(--secondary-color) !important;
}

div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])[id*="rey"] a[class*="utton"]:hover {
    box-shadow: 2px 2px 0 0rem color-mix(in srgb, var(--grey-alt-dark) 90%, black 10%),
        4px 4px 0 0rem var(--primary-color);
}

#masterContentArea .row:has(> div:is(:first-child, :last-child)):has(.iMIS-WebPart > div[id*="ste_container_"][id*="age"][id*="eading"]):not(.row:first-child:has(> div:is(:first-child:last-child)):has(.iMIS-WebPart:is(:first-child:last-child) > div[id*="ste_container_"][id*="age"][id*="eading"]))+.row:has(div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 992.98px) {
    div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"]) {
        margin-bottom: 0rem;
    }
    
    .row:has(div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])) {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}

/**************** Standard call-to-action ****************/
.col-primary>div>div>div.row.call-to-action-row:has(> div + div)>div:has(div[id*="_Panel_"]:is([id*="Tile"], [id*="tile"])) {
    display: flex;
    align-items: flex-start;
}

.col-primary>div>div>div.row.call-to-action-row:has(> div + div)>div div:not(.image-container) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: flex-start;
}

.row.call-to-action-row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
}

.col-primary>div>div>div.row.call-to-action-row:has(> div + div) {
    gap: var(--padding);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /* column-gap: var(--padding); */
    /* display: flex; */
    /* align-items: stretch; */
    /* flex-direction: row; */
}

@media (min-width: 1200.98px) {
    .col-primary>div>div>div.row.call-to-action-row:has(> div + div)>div {
        padding: 0;
    }
}

@media (max-width: 1200.98px) {
    .row.call-to-action-row {
        /* display: flex; */
        flex-direction: column;
        /* align-items: stretch; */
        /* align-content: stretch; */
        gap: 0;
    }
    
    .col-primary>div>div>div>div.row.call-to-action-row:has(> div + div) {
        gap: 0;
        display: flex;
        flex-direction: column;
        padding: var(--padding) !important;
    }
}

.row.call-to-action-row>div div {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    /* flex-grow: 1; */
}

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;
    flex-grow: 1;
    /* height: 100%; */
    align-items: flex-start;
    overflow: visible;
}

div[id*="_Panel_"][id*="calltoaction"]:hover {
    /* box-shadow: var(--box-shadow); */
}

div[id*="_Panel_"][id*="calltoaction"] .image-container {
    position: relative;
}

div[id*="_Panel_"][id*="calltoaction"] .image-container img {
    border-radius: var(--border-radius);
}

div[id*="_Panel_"][id*="calltoaction"] .image-container:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid var(--primary-color);
    bottom: 0;
    right: 0;
    z-index: 0;
    border-radius: var(--border-radius);
    transition: bottom ease 0.2s, left ease 0.2s;
    max-width: 33.8rem;
    left: 0;
}

div[id*="_Panel_"][id*="calltoaction"]:hover .image-container:after {
    content: "";
    bottom: -1rem;
    left: 1rem;
}

div[id*="_Panel_"][id*="calltoaction"]>*:not(.image-container, img) {
    /* margin-left: var(--padding); */
    margin-right: var(--padding);
}

div[id*="_Panel_"][id*="calltoaction"]>*:not(.image-container):last-child {
    /* margin-bottom: var(--padding); */
    margin-top: auto;
}

.col-primary>div>div>div.row.call-to-action-row:has(> div + div)>div {
    display: flex;
}

.col-primary>div>div>div.row.call-to-action-row:has(> div + div)>div>div {
    width: 100%;
}

.row.call-to-action-row div[class*="col-sm-4"],
.row.call-to-action-row div[class*="col-sm-3"] {
    width: 100%;
    overflow: visible;
    /* padding: 0; */
}

@media (max-width: 992.98px) {

    .row.call-to-action-row div[class*="col-sm-4"],
    .row.call-to-action-row div[class*="col-sm-3"] {
        padding: 0;
    }
}

.row.call-to-action-row .iMIS-WebPart {
    flex-grow: 1;
}

.row.call-to-action-row .WebPartZone {
    flex-grow: 1;
}

div[id*="_Panel_"][id*="calltoaction"] img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    aspect-ratio: 3/2;
    z-index: 1;
    max-width: 33.8rem;
}

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: calc(var(--padding) / 2);
}

div[id*="_Panel_"][id*="calltoaction"] h4:first-child {
    margin-top: 0;
}

div[id*="_Panel_"][id*="calltoaction"]>*:last-child:not(div) {
    margin-bottom: 0;
}