/****************************************/
/****************************************/
/** REINSW **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - EMS template - 20 November 2024 (website under construction)
  *  Version: 2 - EMS template - DATE (website go live)
 *
 * 
 *  Document contains changes to Unspecified
 *
 *
*/
/****************************************/
/****************************************/
html {
    /* scroll-behavior: smooth;*/
}

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

.PanelField label.Required {
    margin-left: 0;
}

* {
    font-optical-sizing: auto;
}

div[id*="_Panel_" i] img {
    border-radius: var(--border-radius);
    overflow: hidden;
}

/******* 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;
}

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

.HeaderRow+div#masterContentArea .col-primary>div>div>div>div.row:has(.iMIS-WebPart):not(:has(.iMIS-WebPart > *))+.row.call-to-action-row {
    margin-top: calc(var(--padding) / -1) !important;
}

a.noeffect {
    text-decoration: none;
}

#masterContentArea .col-primary>div>div>div>div.row .iMIS-WebPart:not(:has(> *)) {
    display: none !important;
}

#masterContentArea .col-primary>div>div>div>div.row:has(.iMIS-WebPart):not(:has(.iMIS-WebPart > div)) {
    display: 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_" i] input[type="text" i],
div[id*="SignInCommon_" i] input[type="password" i] {
    border-radius: var(--border-radius);
    padding: 1em;
}

.ValidationError[style="display: inline;" i] {
    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;
    pointer-events: none;
}

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

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

@media (max-width: 992.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) / 1);
        padding-right: calc(var(--padding) / 1);
    }
    
    .row>* {
        width: 100% !important;
    }
}

div[class*="col-xs" i] {
    padding: 0;
}

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" i] {
    filter: brightness(0);
}

.AsiWarning {
    border-color: var(--grey-color);
    background-color: var(--grey-color);
    color: var(--dark-color);
}

.PanelFieldValue input[type="radio" i] {
    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(--grey-alt-dark);
    border: 0.1rem solid var(--grey-alt-dark);
}

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

td.ListerColumnHeader>a[title*="Edit" i]:after {
    content: "Edit";
    background: transparent;
    font-weight: 700;
    color: var(--primary-color);
    border: 0.1rem var(--primary-color) solid;
    padding: 0;
    transition: all 0.2s ease-in-out;
    font-size: 1rem;
    padding: 0.3rem 0.7rem;
    text-decoration: none !important;
    border-radius: 0.4rem;
}

td.ListerColumnHeader>a[title*="Edit" i]:hover:after {
    background: var(--primary-color);
    color: white;
    border: 0.1rem var(--primary-color) solid;
    transition: all 0.2s ease-in-out;
}

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

td.ListerColumnHeader {
    padding: 0 !important;
}

.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup,
.RadInput_Metro .rcSelect {
    background: transparent !important;
}

.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);
    color: var(--white-color);
}

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

.RadMultiPage {
    padding: 0;
    border: 0;
}

.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 .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;
    border: 1px solid var(--grey-color);
    /* margin-bottom: var(--padding); */
    overflow-y: hidden !important;
}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm"]>div>div.ContentItemContainer:not(:has(> [style="display: none;" i]))~.ContentItemContainer .panel-heading.Distinguish {
    margin-top: var(--padding);
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
    /* background-color: var(--grey-color); */
    border-radius: var(--border-radius) !important;
    overflow-x: scroll;
    /* box-shadow: inset 0 0 0 7rem var(--grey-color); */
    /* border: 1px solid var(--grey-color); */
}

body#MainBody .RadGrid.RadGrid_MetroTouch th.rgHeader {
    text-wrap: nowrap;
}

body#MainBody .RadGrid.RadGrid_MetroTouch th a:after,
.RadGrid.RadGrid_Metro th a:after {
    content: '';
    padding: 0.0rem 0.6rem;
    /* filter: invert(1) brightness(16.5); */
    margin-left: 1rem;
    width: 1.6rem;
    height: 1.6rem;
    background-image: var(--arrow-down);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

body#MainBody .RadGrid.RadGrid_MetroTouch th[aria-sort="ascending" i] a::after {
    background-image: var(--arrow-up);
}

body#MainBody .RadGrid.RadGrid_MetroTouch th input:is(.rgSortAsc, .rgSortDesc) {
    display: none;
}

@media only screen and (max-width: 992.98px) {
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i] {
        padding: 0;
    }
}

.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;
    background: var(--white-color) !important;
}

.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;
    padding-top: 0;
    padding-bottom: 0;
    background: var(--pia-parchment-50);
}

.RadGrid_MetroTouch .rgHeader .rgSortAsc,
.RadGrid_MetroTouch .rgHeader .rgSortDesc {
    filter: brightness(0);
    margin-top: 0.5rem;
}

.RadGrid_MetroTouch td.rgSorted {
    background: var(--grey-alt-dark) !important;
}

th.rgHeader.rgExpandCol {
    font-size: 0;
}

.RadGrid .rgMasterTable .rgDetailTable,
.ChildGridWrapper .rgMasterTable {
    border: 0;
    filter: brightness(0.95);
}

.RadGrid_MetroTouch td.rgGroupCol,
.RadGrid_MetroTouch td.rgExpandCol {
    background: var(--grey-alt-dark) !important;
}

.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: var(--primary-color) !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(--grey-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(--white-color) !important;
    background: transparent !important;
    padding: 0 !important;
    !i;
    !;
}

/**********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); */
    /* font-weight: bold; */
}

label:not(.Required),
.Label:not(.Required),
.PanelFieldLabelFont:not(.Required) {
    padding-left: 0;
    margin-left: 0;
    color: var(--primary-color);
}

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
    color: var(--dark-color) !important;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 1.6rem;
    font-weight: bold !important;
    !im;
    !i;
    !;
    font-family: "franklin-gothic-urw", sans-serif;
}

.RadGrid_MetroTouch .rgHeader {
    background: color-mix(in srgb, var(--grey-color) 50%, white 50%) !important;
    color: var(--dark-color) !important;
    /* font-family: "franklin-gothic-urw", sans-serif; */
    /* font-weight: 700; */
}

.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: var(--padding);
    }
    
    .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: var(--grey-color);
    padding: calc(var(--padding) / 2);
    border-radius: var(--border-radius);
    /* background: white; */
    /* border: 0.1rem solid var(--grey-color) !important; */
    !im;
    !i;
    !;
    margin-bottom: calc(var(--padding) / 2);
}

.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: 100%;
}

.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 {}
}

/********** 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 .iMIS-WebPart:not(.row.carousel-row *):not( :has(div[id*="ste_container_" i][id*="age" i][id*="eading" i])) {
    margin: 1rem 0;
    display: block;
}

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

.EventSummary {
    background: transparent;
}

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

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

.EventDetails.row>div {
    padding: 0;
}

/******   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;
    width: 100%;
}

.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: 992.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: transparent !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);
    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/website/icon/theme/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/website/icon/theme/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/website/icon/theme/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/website/icon/theme/edit-dark.svg);
}

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

.IconSprite.ConfigureIcon:hover:after {
    background-image: url(/images/website/icon/theme/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;
    margin: 1rem 0;
}

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

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; */
    /* font-size: 3.2rem; */
    /* font-weight: 600; */
    /* letter-spacing: -0em; */
    /* border: none !important; */
    font-size: 2.2rem;
    font-weight: 600;
    /* letter-spacing: -0em; */
    font-size: 3rem;
    /* margin: 1rem 0; */
}

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

.RadTabStrip .rtsUL {
    display: flex !important;
    flex-direction: row;
    /* width: 100%; */
    flex-wrap: nowrap;
    gap: 1.5rem;
}

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

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

div[id*="_MainContentControl" i].tabs-vertical>div {
    border: 0 !important;
}

div[id*="_MainContentControl" i].tabs-vertical>div>div {
    width: 100%;
}

div[id*="_MainContentControl" i].tabs-vertical>div>div>ul.rtsUL {
    display: flex;
    flex-wrap: wrap;
    display: flex !important;
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
}

div[id*="_MainContentControl" i].tabs-vertical>div>div>ul.rtsUL>li {
    margin: 0 0rem 0rem 0.1rem;
    padding: 1px;
    width: calc(100% - 0.1rem);
}

div[id*="_MainContentControl" i].tabs-vertical>div>div>ul.rtsUL>li>a.rtsLink {
    border-radius: var(--button-border-radius);
    background: transparent !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;
    text-align: center;
}

div[id*="_MainContentControl" i].tabs-vertical>div>div>ul.rtsUL>li>a.rtsLink.rtsSelected {
    background: var(--primary-color) !important;
}

div[id*="_MainContentControl" i].tabs-vertical>div>div>ul.rtsUL>li>a.rtsLink.rtsSelected span.rtsTxt {
    color: var(--white-color);
}

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

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

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i]>div {
    background: transparent;
    /* 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;
    box-shadow: inset 0 0 0 0.1rem var(--grey-color);
}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i]>div:hover {
    /* background: color-mix(in srgb, var(--grey-color) 50%, white 50%); */
    /* box-shadow: 0 0 0 0.1rem var(--grey-color); */
}

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

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i]>div {
    display: flex;
    flex-direction: column;
}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i]>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" i]>div {
        max-width: calc(100svw - calc(var(--padding) * 3.33));
    }
    
    .RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i] {
        padding: 0 0rem;
    }
}

/******   radwindow  ******/
div[id*="RadWindowWrapper" i][id*="GenericWindow" i]>table {
    border: 0;
    padding: var(--tab-size) !important;
    background: var(--grey-color);
}

div[id*="RadWindowWrapper" i][id*="GenericWindow" i] tr.rwTitleRow {
    pointer-events: none;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar {
    background: none;
}

div[id*="RadWindowWrapper" i][id*="GenericWindow" i] {
    border: 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    padding: 0;
    /* box-shadow: 0 0 1.5rem #0000002b; */
}

@media (max-width: 991.98px) {
    div[id*="RadWindowWrapper" i][id*="GenericWindow" i] {
        left: 0 !important;
    }
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls>tbody>tr {
    display: flex;
    align-items: center;
    height: auto;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    color: var(--black-color) !important;
    font-size: 3rem;
    font-weight: 400 !important;
    letter-spacing: -0em;
    border: none !important;
    font-family: 'franklin-gothic-urw', sans-serif;
    font-optical-sizing: auto;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background: var(--grey-color);
}

.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" i] .col-md-12 {
    padding: 0;
}

/***************************/
:is(.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInput, select, textarea, input[type="text" i], input[type="password" i], input[type="datetime" i], input[type="datetime-local" i], input[type="date" i], input[type="month" i], input[type="time" i], input[type="week" i], input[type="number" i], input[type="email" i], input[type="url" i], input[type="search" i], input[type="tel" i], input[type="color" i], .uneditable-input, .FilterPanel .PanelField .chosen-container-multi .chosen-choices, .FilterPanel .PanelField > label + .PanelFieldValue > input[type="text" i], .FilterPanel .PanelField > label + .PanelFieldValue > select):focus {
    border-radius: calc(var(--item-border-radius) * 2);
    box-shadow: none !important;
    border: var(--input-border);
}

.RadComboBox_MetroTouch .rcbInner,
.RadComboBox.RadComboBox_MetroTouch .rcbInput,
select,
textarea,
input[type="text" i],
input[type="password" i],
input[type="datetime" i],
input[type="datetime-local" i],
input[type="date" i],
input[type="month" i],
input[type="time" i],
input[type="week" i],
input[type="number" i],
input[type="email" i],
input[type="url" i],
input[type="search" i],
input[type="tel" i],
input[type="color" i],
.uneditable-input,
.FilterPanel .PanelField .chosen-container-multi .chosen-choices,
.FilterPanel .PanelField>label+.PanelFieldValue>input[type="text" i],
.FilterPanel .PanelField>label+.PanelFieldValue>select {
    width: 100%;
    !;
    !im;
    !i;
    !;
    border-radius: calc(var(--item-border-radius) * 1) !important;
    box-shadow: none !important;
    border: var(--input-border) !important;
    transition: all 0.2s ease-in-out;
    /* background: transparent !important; */
    max-width: 100%;
    font-size: 1.2rem !important;
    background: white;
}

.RadUpload.RadUpload .ruFakeInput {
    width: unset;
}

div[id*="Form_ciForm_FB_Upload_CPD_Logbook_Evidence_AsyncUpload"] span.ruFakeInput {
    width: 20rem !important;
}

.Top .PanelFieldValue {
    padding-top: 0.5rem
}

input[id*="QuantityTextBox" i] {
    width: auto !important;
    max-width: 6rem;
    !im;
    !;
}

[aria-label="_" i]>a {
    display: none;
}

/**********************************/
a[onclick*="HideHeader" i]:after {
    display: none;
}

.RadGrid a,
.RadToolTip a {
    /* color: var(--black-color) !important; */
    text-decoration: underline;
}

.RadMultiPage .panel-body {
    padding: 0;
}

.panel-body-container>.panel-body {
    padding: 0;
}

.Right label:not(.PanelEditorEditForm *) {
    max-width: 90%;
}

/**********************************/
.Alerts ul.AlertSet {
    padding: 0;
    margin: 0;
    list-style: none;
}

.AsiWarning {
    border-color: #f5f6f8;
    background: #f5f6f8;
    color: #182232;
}

.PanelFieldValue input[type="radio" i] {
    width: auto !important;
}

.AsiWarning .PanelFieldValue {
    max-width: 100%;
}

.AsiWarning .SectionLabel {
    color: #253746;
}

li.AsiInformation img.iMISUserMessageIcon {
    filter: grayscale(1);
}

li.AsiInformation ul li a {
    text-decoration: underline !important;
}

li.AsiInformation ul li a:visited,
li.AsiInformation ul li a:active {
    text-decoration: underline !important;
    color: #ffffff;
}

li.AsiInformation ul li a:hover {
    color: #ffffff;
}

.Alerts ul.AlertSet li>div>div,
.Alerts ul.AlertSet li>div>div * {
    color: white;
}

.Alerts ul.AlertSet li>div>img {
    filter: brightness(473.5);
    margin: 1.5rem 0rem 0rem 1.5rem;
    position: absolute;
    max-width: 3rem;
    top: 0;
}

.Alerts ul.AlertSet>li>div>div {
    border: none;
    margin: 0rem 0rem 0rem 0rem;
    border-radius: var(--button-border-radius);
    padding: 1.5rem 1.5rem 1.5rem 6rem;
}

.Alerts .AlertItem {
    padding: 0;
    margin-bottom: 1rem;
    background: transparent;
    border: none;
}

.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError,
.AsiValidation,
.AsiValidationSummary,
.AsiNeutral,
.AsiImportant {
    text-align: center;
    opacity: 0.8;
}

.Alerts ul.AlertSet>li>div>div.AsiValidationSummary {
    background-image: none;
}

.Alerts .AlertItem .media {
    background: var(--primary-color);
    color: white;
    border: none;
    margin: 0rem 0rem 0rem 0rem;
    border-radius: var(--button-border-radius);
    /* padding: 1em; */
    align-items: center;
    position: relative;
    opacity: 0.8;
}

.Alerts .AlertItem .media strong+div {
    padding: 1.5rem 1.5rem 1.5rem 0;
}

.Alerts .AlertItem .media strong+div * {
    color: white;
}

.Alerts .AlertItem .media strong:not(a strong) {
    padding: 1.5rem 0.5rem 1.5rem 1.5rem;
    /* padding: 0; */
}

.Alerts .AlertItem .media strong {}

.media+div:not([class]) ul.list-unstyled {
    padding: 1.5rem 1.5rem 1.5rem 6rem;
    max-height: 200rem;
    overflow: hidden;
}

.media+div:not([class]) {}

.media+div:not([class]):before {}

.media+div:not([class]) ul.list-unstyled {}

.media+div:not([class]):hover ul.list-unstyled {}

img[src="/images/Icons/Alerts/alarm-grey.png" i]+div {
    background: var(--primary-color);
}

img[src="/images/Icons/Alerts/people-grey.png" i]+div,
.AlertItem {
    background: var(--primary-color-hover);
}

img[src="/images/Icons/Alerts/calendar-color.png" i]+div,
.AsiInformation {
    border-color: #00529B;
    background: #00529B;
    color: white;
}

img[src="/images/Icons/Alerts/info-color.png" i]+div,
.AsiInformation {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #ffffff !important;
    border-radius: var(--border-radius);
}

.Alerts .AlertItem a,
.AsiInformation a {
    color: #ffffff !important;
    text-decoration: underline !important;
    border-radius: var(--border-radius);
}

img[src="/images/Icons/Alerts/cart-color.png" i]+div,
.AsiSuccess {
    border-color: var(--reinsw-green);
    background: var(--reinsw-green);
    color: white;
    border-radius: var(--border-radius);
}

img[src="/images/Icons/Alerts/caution.png" i]+div,
.AsiWarning {
    border-color: var(--reinsw-orange);
    background: var(--reinsw-orange);
    border-radius: var(--border-radius);
    color: white;
}

img[src="/images/Icons/Alerts/INSERT.png" i]+div,
.AsiError {
    border-color: red;
    background: red;
    color: white;
    border-radius: var(--border-radius);
}

img[src="/images/Icons/Alerts/INSERT.png" i]+div,
.AsiImportant {
    border-color: var(--reinsw-teal);
    background: var(--reinsw-teal);
    color: white;
    border-radius: var(--border-radius);
}

img[src="/images/Icons/Alerts/INSERT.png" i]+div,
.AsiNeutral {
    border-color: var(--reinsw-gold);
    background: var(--reinsw-gold);
    color: white;
    border-radius: var(--border-radius);
}

img[src="/images/Icons/Alerts/INSERT.png" i]+div,
.AsiValidation {
    border-color: var(--reinsw-orange);
    background: var(--reinsw-orange);
    color: white;
    border-radius: var(--border-radius);
}

img[src="/images/Icons/Alerts/warning.png" i]+div {
    border-color: red;
    background: red;
    color: #ffffff;
    border-radius: var(--border-radius);
}

img[src="/images/Icons/Alerts/INSERT.png" i]+div,
.AsiValidationSummary {
    border-color: var(--reinsw-purple);
    background: var(--reinsw-purple);
    border-radius: var(--border-radius);
    color: white;
    background-image: url(/images/Causeis/SmartSuite/SmartLogin/warning.svg);
    /* background-image: url(/images/Causeis/SmartSuite/SmartLogin/greentick.svg); */
    /* background-image: url(/images/Causeis/SmartSuite/SmartLogin/caution.svg); */
}

a:is(:is(.AsiInformation, .AsiSuccess, .AsiWarning, .AsiError, .AsiValidation, .AsiValidationSummary, .AsiNeutral, .AsiImportant) *) {
    color: currentColor !important;
    !im;
    !i;
    !;
}

ul:has(.AsiInformation, .AsiSuccess, .AsiWarning, .AsiError, .AsiValidation, .AsiValidationSummary, .AsiNeutral, .AsiImportant) {
    padding-inline-start: 0;
}

.Alerts .AlertItem br+br {
    display: none;
}

.Alerts .AlertItem a.TextButton {
    width: 100% !important;
}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i]>div>div+div {
    /* margin-top: 1em; */
}

/***************** tabs *******************/
/*****************horizontal tabs *******************/
body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL {
    display: flex;
    flex-wrap: wrap;
}

body#MainBody body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li {
    padding: 0px;
    margin-right: 1rem;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li:last-child {
    border-right: none;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li>a {
    /* transition: 0.4s ease all; */
    /* filter: brightness(0.9); */
    /* color: var(--dark-color) !important; */
    /* border-radius: var(--button-border-radius); */
    /* border: 0px !important; */
    /* line-height: 1; */
    /* padding: 1em; */
    /* text-decoration: none !important; */
    /* transition: 0.4s ease all; */
    /* color: var(--dark-color) !important; */
    /* background: transparent; */
    /* overflow: hidden !important; */
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li>a:hover {
    /* filter: brightness(0.95); */
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsLevel1 {
    border: none;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch {}

.tabs-wrapper .RadTabStrip_MetroTouch {
    border: none !important;
}

.tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li>a {
    /* transition: 0.4s ease all; */
    /* filter: brightness(0.9); */
    /* border-radius: var(--button-border-radius); */
    /* border: 0px !important; */
    /* line-height: 1; */
    /* padding: 1em; */
    /* text-decoration: none !important; */
    /* transition: 0.4s ease all; */
    /* color: var(--dark-color) !important; */
    /* background: transparent; */
    /* overflow: hidden !important; */
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL {
    display: flex;
    /* margin-bottom: 3rem; */
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    overflow: visible;
    gap: 1.1rem;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li {
    /* margin: 0 0rem 1rem 1px; */
    padding: 0px;
    display: block !important;
    float: none !important;
    /* border-bottom: 0.1rem solid var(--black-color); */
    overflow: visible;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li:last-child {
    border-bottom: none;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li>a {
    border-radius: var(--button-border-radius);
    border: 0.1rem solid color-mix(in srgb, var(--grey-color) 90%, black 10%);
    border: 0;
    line-height: 1;
    padding: 1em 1em;
    text-decoration: none !important;
    transition: 0.4s ease all;
    color: var(--dark-color) !important;
    /* background: #D1D0DC !important; */
    overflow: auto;
    background-color: var(--grey-alt-dark);
    text-align: center;
    /* white-space: pre; */
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li>a:hover {
    box-shadow: none;
    background: var(--grey-color) !important;
    /* filter: brightness(0.95); */
    box-shadow: var(--box-shadow);
    color: var(--primary-color) !important;
    !im;
    !i;
    !;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsLevel1 {
    border: none;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .tabs-wrapper .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover,
html .tabs-wrapper .RadTabStrip_MetroTouch_MetroTouch .rtsLevel1 .rtsSelected,
html .tabs-wrapper .RadTabStrip_MetroTouch_MetroTouch .rtsLevel1 .rtsSelected:hover {
    filter: brightness(1);
    background: var(--primary-color) !important;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li>a:hover:before {}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsUL>li>a:before {}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:not(:hover) span.rtsTxt {
    color: #ffffff;
}

body#MainBody span.rtsIn {
    text-align: center;
    text-align: left;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch {
    border: none !important;
}

body#MainBody .wrapper:not(.has-secondary-col) .tabs-wrapper .RadTabStrip_MetroTouch.RadTabStripLeft+.RadMultiPage {
    /* margin-top: -1rem; */
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsLevel1 span.rtsTxt {
    color: var(--primary-color);
    font-weight: 500;
    border: none !important;
    /* border-radius: var(--button-border-radius); */
    text-transform: initial !important;
    font-family: 'franklin-gothic-urw', sans-serif !important;
    /* background: var( --secondary-color); */
    /* font-size: 1.6rem; */
    text-align: left;
    margin: auto;
    white-space: pre;
}

body#MainBody .tabs-wrapper .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:not(:hover) span.rtsTxt {
    color: var(--white-color);
}

body#MainBody ul.rtsUL {}

.tabs-wrapper.tabs-top {}

body#MainBody .tabs-wrapper.tabs-top ul.rtsUL {
    display: flex;
    flex-direction: row;
}

.tabs-wrapper.tabs-left {
    gap: 1.5rem;
}

/******   radwindow  ******/
div[id*="RadWindowWrapper" i][id*="GenericWindow" i]>table {
    border: 0;
    padding: var(--tab-size) !important;
    background: var(--grey-color);
}

div[id*="RadWindowWrapper" i][id*="GenericWindow" i] tr.rwTitleRow {
    pointer-events: none;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar {
    background: none;
}

div[id*="RadWindowWrapper" i][id*="GenericWindow" i] {
    /* border: 0; */
    /* border-radius: var(--border-radius); */
    /* overflow: hidden; */
}

.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    color: var(--primary-color) !important;
    font-size: 2.6rem;
    font-weight: 300 !important;
    letter-spacing: -0.00em;
    border: none !important;
    font-family: "Gotham", sans-serif;
    font-optical-sizing: auto;
    padding: 0;
    margin-top: 0.8rem;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background: var(--primary-color);
}

.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(--primary-color) !important;
}

form#aspnetForm[action*="./PartyFinderAdder.aspx" i] div#MainPanel {
    padding: 2rem;
}

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

ul.rwControlButtons {
    display: flex;
}

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

.RadWindow .rwCorner,
.RadWindow .rwTitlebar,
.RadWindow .rwStatusbar,
.RadWindow .rwFooterCenter,
.RadWindow .rwTitlebarControls td {
    background: var(--grey-color) !important;
}

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

.RadGrid_MetroTouch .rgExpand {
    background-color: transparent !important;
}

tr.rgNoRecords {
    background: white;
}

/***********************************/
.panel-heading-options>a.panel-heading-collapse {
    display: none;
}

.Collapsible h2.panel-title {
    cursor: pointer;
    position: relative;
    font-weight: 600;
}

.Collapsible h2.panel-title a:before {
    content: '';
    content: "+";
    margin: auto 0.5rem auto 0;
    display: inline-block;
    /* position: absolute; */
    left: auto;
    right: 2.1rem;
    color: var(--primary-color);
    /* background-image: var(--arrow-up); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 1.2rem 0.7rem;
    transform: rotate(0deg);
    webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform, opacity;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    top: 1rem;
    /* filter: brightness(0); */
}

.Collapsible h2.panel-title a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 1rem 0;
    font-size: 2.7rem;
    font-weight: bold;
    /* letter-spacing: -0.04em; */
    /* font-family: "Cunia", sans-serif; */
}

.Collapsible h2.panel-title a:not([aria-expanded="false" i], .collapsed):before {
    /* background-image: var(--arrow-up); */
    transform: rotate(45deg);
}

img[id*="_ProgressImage" i] {
    display: none;
}

/*********************************************/
.sysicon {}

.sysicon:after {}

:is(.RadButton.rbButton, span.sysicon.sysicon-edit, td.ListerColumnHeader>a[title*="Edit" i], a[title="Copy address to clipboard" i]):not(td.ListerColumnHeader>a[title*="Edit" i], td.ListerColumnHeader>a[title*="Add" i]) {
    border: 0px !important;
    line-height: 1;
    padding: 1rem !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 0.1rem var(--primary-color);
    transition: 0.4s ease all;
    width: auto;
    height: auto;
    background-image: none !important;
    margin: 0 0.2rem;
    border-radius: var(--button-border-radius) !important;
    background: var(--primary-color) !important;
    color: white !important;
    font-size: 1.6rem;
    text-transform: uppercase;
    overflow: hidden !important;
    position: relative;
    aspect-ratio: 1/1;
}

:is(.RadButton.rbButton, span.sysicon.sysicon-edit, td.ListerColumnHeader>a[title*="Edit" i], a[title="Copy address to clipboard" i]):not(td.ListerColumnHeader>a[title*="Edit" i], td.ListerColumnHeader>a[title*="Add" i]):is(:hover) {
    background: transparent !important;
    box-shadow: inset 0 0 0 0.2rem var(--primary-color);
}

.RadButton.rbButton:before,
span.sysicon.sysicon-edit:before {}

.RadButton.rbButton:hover:before,
span.sysicon.sysicon-edit:hover:before {}

.RadButton.rbButton:hover,
span.sysicon.sysicon-edit:hover {}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i]>div:hover .RadButton.rbButton {
    box-shadow: inset 0 0 0 0.1rem var(--primary-color);
    transition: 0.4s ease all;
    background: transparent !important;
    background: var(--primary-color) !important;
    box-shadow: inset 0 0 0 0.orem var(--primary-color);
}

.RadMultiPage .rmpView>div>div .row:not(.row .row .row)>div[class*="col-sm" i]>div:hover .RadButton.rbButton:hover,
a[title="Copy address to clipboard" i]:hover {
    background: transparent !important;
    box-shadow: inset 0 0 0 0.2rem var(--primary-color);
}

.sysicon {}

.sysicon:after {
    border: none !important;
    padding: 0 !important;
    position: relative;
    top: 0 !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: white !important;
    content: '';
    background: transparent;
    font-weight: 700;
    color: var(--white-color) !important;
    border: 0.1rem var(--dark-color) solid;
    transition: none !important;
    font-size: var(--sml-p-text);
    padding: 0.3rem 0.7rem;
    text-decoration: none !important;
    display: block;
    width: 2rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
}

.sysicon[class*="-config" i]:after {
    background-image: url(/images/Causeis/icon/configure.svg) !important;
    filter: invert(1);
    background-size: 114% !important;
    mask: none !important;
    !i;
    !;
}

.sysicon[class*="-edit" i]:after {
    content: '';
    background-image: url(/images/Causeis/icon/edit.svg) !important;
    filter: invert(1);
    background-size: 126% !important;
    background-position: center !important;
    background-repeat: no-repeat;
}

.sysicon[class*="-add" i]:after {
    content: '';
    background-image: url(/images/Causeis/icon/add.svg) !important;
    filter: invert(1);
    background-size: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat;
}

.RadButton.rbButton:hover,
span.sysicon.sysicon-edit:hover {
    background: transparent !important;
    /* filter: brightness(1); */
    box-shadow: inset 0 0 0 0.2rem var(--primary-color);
}

.sysicon[class*="-config" i]:hover:after,
.sysicon[class*="-edit" i]:hover:after,
.sysicon[class*="-add" i]:hover:after {
    filter: var(--primary-image-filter);
}

.sysicon.sysicon-edit:after,
.sysicon--before.sysicon-edit:before,
.sysicon--after.sysicon-edit:after {
    content: '';
    background-image: url(/images/Causeis/icon/edit.svg) !important;
    filter: invert(1);
    background-size: 126% !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    width: 2rem;
    height: 2rem;
}

.sysicon.sysicon-edit:hover:after,
.sysicon--before.sysicon-edit:hover:before,
.sysicon--after.sysicon-edit:hover:after {
    filter: var(--primary-image-filter);
}

/*** CPD Certificate Preview Fixes ***/
form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div {
    background-size: cover;
    background-size: contain;
    background-repeat: no-repeat;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div {
    border: 1px solid #cecece !important;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody td[col-span="4"]>table>tbody>tr:nth-of-type(13)>td:nth-of-type(2)>div {
    margin-right: 1rem !important;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table table>tbody>tr:nth-child(5)>td:nth-child(3)>table {
    margin-top: -5rem;
    left: -1rem;
    position: relative;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table {
    margin-right: 0.5rem;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] hr {
    display: none;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer table>tbody>tr:nth-child(4) {
    background-color: transparent;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer table table table table table table tbody {
    zoom: 92%;
    position: relative;
    right: -4rem;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer table table table table table table tbody tr:nth-child(2) td:nth-of-type(3) table tbody tr:nth-child(12) img {
    width: 5rem !important;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table table table table tr:nth-child(11)>td>div>img {
    width: 5rem;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table tbody tr:nth-child(4) td:nth-child(3)>div>div>div {
    margin-top: -1rem;
    margin-left: 1rem;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer img {
    height: 100% !important;
}

/************************/
form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div {
    border: 1px solid #cecece !important;
}

@media (max-width: 767px) {
    form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer {
        width: 92vw;
    }
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"]

/* fixes squashed rows */
.SSRSReportViewer table>tbody>tr>td>div {
    height: min-content !important;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer table>tbody>tr>td>div:first-of-type {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

/* Image fix */
form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer img {
    width: auto !important;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] .SSRSReportViewer img {
    width: 40px !important;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] table>tbody>tr>td>table>tbody>tr:nth-child(3)>td:nth-child(3)>div>div>div {
    margin-top: -6rem;
    margin-left: 7rem;
    position: absolute;
}

form#aspnetForm[action*="./CPD-Certificate.aspx"][action*="IsPopup=true"] #P1dd2863f4064494abedf56a5efa8dbbc_1_oReportCell>table>tbody>tr>td>table>tbody>tr:nth-child(3) {
    z-index: 1;
    position: relative;
}

/*** CPD CPD_Transcript Preview Fixes ***/
form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div {
    background-size: contain;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div {
    border: 1px solid #cecece !important;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer>table>tbody td[col-span="4"]>table>tbody>tr:nth-of-type(13)>td:nth-of-type(2)>div {
    margin-right: 1rem !important;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table table>tbody>tr:nth-child(5)>td:nth-child(3)>table {
    margin-top: -5rem;
    left: -1rem;
    position: relative;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table {
    margin-right: 0.5rem;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] hr {
    display: none;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer table>tbody>tr:nth-child(4) {
    /* background-color: transparent; */
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer table table table table table table tbody {
    zoom: 92%;
    position: relative;
    right: -4rem;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer table table table table table table tbody tr:nth-child(2) td:nth-of-type(3) table tbody tr:nth-child(12) img {
    width: 5rem !important;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table table table table tr:nth-child(11)>td>div>img {
    width: 5rem;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer>table>tbody>tr>td>div>div>div>table table table tbody tr:nth-child(4) td:nth-child(3)>div>div>div {
    margin-top: -1rem;
    margin-left: 1rem;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] .SSRSReportViewer img {
    height: 100% !important;
}

/************************/
@media (max-width: 767px) {
    form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] {}
    
    .SSRSReportViewer {
        width: 92vw;
    }
}

.SSRSReportViewer table>tbody>tr>td>div:first-of-type {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

/* Image fix */
form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] {}

.SSRSReportViewer img {
    width: auto !important;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] [id*="ReportCell"]>table>tbody>tr>td>div>table {
    aspect-ratio: 2.1 / 3;
}

form#aspnetForm:is([action*="./CPD_Transcript.aspx"], [action*="/InvoicePrintEvent?Order+Number="])[action*="IsPopup=true"] {}

form#aspnetForm .PanelFieldValue br:is([style="display: none;"] + br) {
    display: none;
}