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

.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;!i;!;
        overflow: visible !important;!i;!;!i;!;
    }
}

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

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