/****************************************/
/****************************************/
/** Australian Nursing & Midwifery Education Centre **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - EMS template - 
 *
 * 
 *  Document contains changes to Unspecified
 *
 *
*/
/****************************************/
/****************************************/

:root {
    --arrow-up: url(/App_Themes/_ANMEC_Theme/images/svg/arrow-up.svg);
    --arrow-down: url(/App_Themes/_ANMEC_Theme/images/svg/arrow-down.svg);
    --logo: url(/App_Themes/_ANMEC_Theme/images/svg/ANMEC-logo.svg);
    --primary-color: #9F5F99;
    --primary-color-hover: #5F395C;
    --primary-alt-dark: #5F395C;
    --primary-alt-light: #D5B9D2;
    --primary-alt-superlight: #F3ECF3;
    --primary-image-filter: invert(54%) sepia(9%) saturate(2319%) hue-rotate(255deg) brightness(78%) contrast(86%);
    --secondary-color: #7A62A8;
    --secondary-color-hover: #56447A;
    --secondary-alt-dark: #56447A;
    --secondary-alt-light: #C4BAD9;
    --secondary-alt-superlight: var(--grey-color);
    --secondary-image-filter: invert(41%) sepia(21%) saturate(1102%) hue-rotate(219deg) brightness(97%) contrast(85%);
    --tertiary-color: #5562A8;
    --tertiary-color-hover: #3B4475;
    --tertiary-alt-dark: #3B4475;
    --tertiary-alt-light: #B4BAD9;
    --tertiary-alt-superlight: var(--grey-color);
    --tertiary-image-filter: invert(42%) sepia(14%) saturate(1894%) hue-rotate(193deg) brightness(89%) contrast(91%);
    --grey-color: #EFECF4;
    --grey-alt-dark: 
 color-mix(in srgb, var(--grey-color) 70%, black 30%);
    --dark-color: #231F20;
    --black-color: #231F20;
    --dark-image-filter: invert(7%) sepia(2%) saturate(3578%) hue-rotate(295deg) brightness(85%) contrast(85%);
    --white-color: #fff;
    --selection-color: var(--primary-alt-light);
    --row-padding: calc(var(--padding) * 2);
    --row-margin: calc(var(--padding) * 2);
    --tab-size: 1em 2em;
    --button-padding: 1em 2em;
    --border-radius: 0.8rem;
    --button-border-radius: calc(var(--border-radius) / 2);
    --button-box-shadow: 0px 0px 0px 0px inset currentColor;
    --button-box-shadow-hover: 0px 0px 0px 0.15rem inset currentColor;
    --border: 0.1rem var(--primary-color) solid;
    --input-border: .1rem solid var(--grey-alt-dark);
    --item-border-radius: calc(var(--border-radius) / 2);
    --box-shadow: 0.3rem 0.3rem 1rem 0 rgb(0 0 0 / 11%);
    --box-shadow-hover:  0.3rem 0.3rem 1rem 0 rgb(0 0 0 / 22%);
    --padding: calc(1.6rem * 2);
    --lrg-p-text: 2rem;
    --mid-p-text: 1.8rem;
    --sml-p-text: 1.6rem;
    --desiredwidth-var: 156.9rem;
    --width-var: calc(100vw - var(--desiredwidth-var));
    --fullwidth-var: calc(100%);
    --currentwidth-var: calc(100vw);
}


@media (max-width: 992.98px) {
    :root {
        --padding: calc(1.5rem * 1);
    }
} 


html {
    /* scroll-behavior: smooth;*/
}

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

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

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

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

#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_"] 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) / 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#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);
}







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

.AsiWarning {
   
}

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

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

.AsiWarning .SectionLabel {
    color: #253746;
}

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

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

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

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

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

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

.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;
    /* padding: 0; */
}

.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; */
    margin: 0.5rem 0 0 0 !important;
    position: relative;
    /* padding: 0; */
}

.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"]+div {
    background: var(--primary-color);
}

img[src="/images/Icons/Alerts/people-grey.png"]+div,
.AlertItem {

    border-radius: var(--border-radius);

    
 }

img[src="/images/Icons/Alerts/calendar-color.png"]+div,
.AsiInformation {
        border-radius: var(--border-radius);
    background: var(--primary-color);
color:white;     border-color:  var(--primary-color);

} 

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

color:white;
    border-radius: var(--border-radius);
}

.Alerts .AlertItem a,
.AsiInformation a {
        background: var(--primary-color);     border-color:  var(--primary-color);

color:white;
    border-radius: var(--border-radius);
}

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

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

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

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

img[src="/images/Icons/Alerts/INSERT.png"]+div,
.AsiNeutral {


    background: transparent;
     border-color:  var(--secondary-color);
    border-radius: var(--border-radius);
    
 }

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

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

img[src="/images/Icons/Alerts/INSERT.png"]+div,
.AsiValidationSummary {

border-radius: var(--border-radius);

/* background-image: url(/images/Causeis/SmartSuite/SmartLogin/warning.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;
}

 









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 0.2s ease-in-out;
    font-size: 1rem;
    padding: 0.3rem 0.7rem;
    text-decoration: none !important;
    word-break: keep-all;
}

td.ListerColumnHeader>a[title*="Edit"]: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"]>img {
    display: none;
}

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

td.ListerColumnHeader>a[title*="Add"]:after {
    content: "ADD";
    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;
    word-break: keep-all;
}

td.ListerColumnHeader>a[title*="Add"]: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*="Add"]>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: transparent;
}

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

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected span.rtsTxt {
    color: var(--primary-color);
    /* color: var(--white-color); */
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: var(--primary-color);
    border: none;
    overflow: visible;
    padding-left: calc(var(--padding) / 2);
    padding-right: calc(var(--padding) / 2);
}

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



/*************************/

div[id*="_MainContentControl"].tabs-horizontal {
    display: grid;
    
    grid-column-gap: 0;
    grid-row-gap: var(--padding);
}

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


div[id*="_MainContentControl"]> div, .RadMultiPage {
    border: 0 !important;
    padding: 0;
}

div[id*="_MainContentControl"]> div > div {
    width: 100%;
    overflow: visible;
}

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

  }
div[id*="_MainContentControl"] > div > div > ul.rtsUL > li {
    margin: 0 0rem 0rem 0rem;
    padding: 1px;
     overflow: visible;
}

div[id*="_MainContentControl"].tabs-verical> div > div > ul.rtsUL > li {
    
    width: calc(100% - 0.1rem);
 }
div[id*="_MainContentControl"]> 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;
    background: var(--white-color);
    transition: ease all 0.2s;
    box-shadow: inset currentColor 0px 0px 0px 0.1rem;
    color: var(--grey-alt-dark) !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    color: var(--dark-color);
}

div[id*="_MainContentControl"]> div > div > ul.rtsUL > li > a.rtsLink.rtsSelected {
      box-shadow: inset currentColor 0px 0px 0px 0.1rem;
     color: var(--primary-color) !important;
}

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

div[id*="_MainContentControl"]> div > div > ul.rtsUL > li > a.rtsLink .rtsTxt {
    white-space: pre;
    color: var(--dark-color);

}


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

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

    .RadTabStrip .rtsUL {
        width: 100%;
    }
.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    
    padding-left: calc(var(--padding) * 0);
    padding-right: calc(var(--padding) * 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;
}

.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 0.1rem var(--primary-color);
}

.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;
    word-break: auto-phrase;
}

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

.RadGrid_MetroTouch .rgHeader .rgSortAsc,
.RadGrid_MetroTouch .rgHeader .rgSortDesc {
    filter: brightness(0);
    margin-top: 0.5rem;
    /* background-position: right !important; */
    !i;
    !;
}

.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(--primary-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;
    !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: 500;
}

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

.RadGrid_MetroTouch .rgHeader,
.RadGrid_MetroTouch .rgHeader a {
    color: var(--dark-color) !important;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 1.2rem;
}

.RadGrid_MetroTouch .rgHeader {
    background: var(--primary-color) !important;
    color: var(--dark-color) !important;
    font-family: 'Haas Grot Text';
}

.RadGrid_MetroTouch th.rgSorted {
    position: relative;
    font-size: 0;
}

.RadGrid_MetroTouch th.rgSorted input {
    position: absolute;
    top: 0.4rem;
    right: 0;
}

.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,
    .RadComboBox.RadComboBox_MetroTouch {
        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 {}
}

/********** 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_"][id*="age"][id*="eading"])) {
    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;
}
 

/****************profiles********************/





.IconSprite.AddIcon {
    background-image: none !important;
    transition: all .2s ease-in-out;
    width: 4rem;
    height: 2.3rem;
    /* margin-left: -3.5rem; */
}

.IconSprite.AddIcon:after {
    content: 'Add';
    background: transparent;
    font-weight: 700;
    color: var(--primary-color);
    border: 0.1rem var(--primary-color) solid;
    padding: 0.3rem 0.7rem;
    transition: all .2s ease-in-out;
    font-size: 1.2rem;
}

.IconSprite.AddIcon:hover:after {
    background: var(--primary-color);
    color: white;
    border: 0.1rem var(--primary-color) solid;
    transition: all .2s ease-in-out;
}

.IconSprite.AddIcon:hover {
    transition: all .2s ease-in-out;
}

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



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

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

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

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;
    padding: 0;
    max-width: 90vw;
    max-height: 90vh;
    /* top: 5vh !important; */
}

@media (max-width: 991.98px) {
    div[id*="RadWindowWrapper"][id*="GenericWindow"] {
        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: "Tiempos Headline", 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;
}


html[lang="en"]:not(#MainHtml) {
    overflow: auto;
}
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;
}

span[id*="OrderConfirmation_LetterheadAddressLabel"] {
    white-space-collapse: break-spaces;
}


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

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

:is(.RadComboBox.RadComboBox_MetroTouch .rcbInner) {
    width: auto !important;
    padding-right: 0 !important;
    border: none !important;
}