/*
    -----------------------------------------------------------------------------------------
    This code is the property of Gainwell Technology, Copyright (c) 2024. All rights reserved.
    Any unauthorized use in whole or in part without written consent is strictly prohibited.
    Violators may be punished to the full extent of the law.
    -----------------------------------------------------------------------------------------
 */
/*  -----------------------------------------------------------------------------------------
    CSS Variables
    NOTE: DO NOT MODIFY WITHOUT APPROVAL FROM THE UX/UI TEAM.
    -----------------------------------------------------------------------------------------  */
:root {
    /* ====== COLORS ====== */
    --gw-primary-soft-black: #2b3a44;
    --gw-secondary-vibrant-green: #00eeae;
    /* Grays */
    --gw-color-neutral-0: #FFFFFF;
    --gw-color-neutral-1: #FAFAFA;
    --gw-color-neutral-2: #EFF0F6;
    --gw-color-neutral-3: #DEE2E6;
    --gw-color-neutral-4: #CED4DA;
    --gw-color-neutral-5: #8E99A8;
    --gw-color-neutral-6: #5A6978;
    --gw-color-neutral-7: var(--gw-primary-soft-black);
    --gw-color-neutral-8: #000000;
    /* Royal Blue */
    --gw-color-royal-blue-10: #E5EFFF;
    --gw-color-royal-blue-40: #99C0FF;
    --gw-color-royal-blue-80: #3381FF;
    --gw-color-royal-blue: #0062FF;
    --gw-color-royal-blue-shade-10: #1854D6;
    --gw-color-royal-blue-shade-40: #1F46AF;
    --gw-color-royal-blue-shade-80: #1E2B66;
    /* Purple*/
    --gw-color-purple: #5928ED;
    --gw-color-purple-tint-10: #EFE4FE;
    --gw-color-purple-tint-40: #CCAEFB;
    --gw-color-purple-tint-80: #A579F6;
    --gw-color-purple-shades-10: #4E23C8;
    --gw-color-purple-shades-40: #381C80;
    --gw-color-purple-shades-80: #221340;
    /* Coral/Red */
    --gw-color-coral: #FF3F6F;
    --gw-color-coral-10: #FFEAEC;
    --gw-color-coral-40: #FFBFC6;
    --gw-color-coral-tint-80: #FF92A1;
    --gw-color-coral-shades-10: #D7385E;
    --gw-color-coral-shades-40: #8B2B3F;
    --gw-color-coral-shades-80: #451B22;
    --gw-color-red: #E31C3D;
    /* Pink */
    --gw-color-pink: #CB1AC6;
    --gw-color-pink-tint-10: #FBE7F8;
    --gw-color-pink-tint-40: #F1B6EA;
    --gw-color-pink-tint-80: #DC68D4;
    --gw-color-pink-shades-10: #AC1EA6;
    --gw-color-pink-shades-40: #701E6C;
    --gw-color-pink-shades-80: #391637;
    /* Orange */
    --gw-color-orange: #F36944;
    --gw-color-orange-tint-10: #FFEFE9;
    --gw-color-orange-tint-40: #FFCFBE;
    --gw-color-orange-tint-80: #FF9E7F;
    --gw-color-orange-shades-10: #D55E3D;
    --gw-color-orange-shades-40: #9C472F;
    --gw-color-orange-shades-80: #4D271B;
    /* Yellow */
    --gw-color-yellow: #FFCE1F;
    --gw-color-yellow-tint-10: #FFF4D3;
    --gw-color-yellow-tint-40: #FFE390;
    --gw-color-yellow-tint-80: #FFD345;
    --gw-color-yellow-shades-10: #DFB520;
    --gw-color-yellow-shades-40: #A3841F;
    --gw-color-yellow-shades-80: #504117;
    /* Mint Green */
    --gw-color-mint: #099A76;
    --gw-color-mint-tint-10: #E8F4EF;
    --gw-color-mint-tint-40: #BADECF;
    --gw-color-mint-tint-80: #74BCA2;
    --gw-color-mint-shades-10: #138868;
    --gw-color-mint-shades-40: #19644E;
    --gw-color-mint-shades-80: #184335;
    /* Green */
    --gw-color-green: #1CAB3B;
    --gw-color-green-tint-10: #EAF6E9;
    --gw-color-green-tint-40: #93D292;
    --gw-color-green-tint-80: #46B552;
    --gw-color-green-shade-10: #208230;
    --gw-color-green-shade-40: #1C4A1F;
    --gw-color-green-shade-80: #142714;
    /* ======= Button Colors ======= */
    --button-background-active-color: var(--gw-color-royal-blue-10);
    --button-background-alt-color: var(--gw-color-mint-shades-10);
    --button-background-alt-hover-color: var(--gw-secondary-vibrant-green);
    --button-background-color: var(--gw-color-neutral-0);
    --button-background-disabled-color: var(--gw-color-neutral-2);
    --button-background-focus-color: var(--gw-color-neutral-1);
    --button-background-hover-color: var(--gw-color-royal-blue-10);
    --button-background-primary-color: var(--gw-color-royal-blue);
    --button-background-primary-focus-color: var(--gw-color-royal-blue);
    --button-background-primary-hover-color: var(--gw-color-royal-blue-shade-40);
    --button-border-color: var(--gw-color-royal-blue);
    --button-border-disabled-color: var(--gw-color-neutral-4);
    --button-border-primary-active-color: var(--gw-color-royal-blue-shade-40);
    --button-border-primary-color: var(--gw-color-royal-blue);
    --button-border-primary-hover-color: var(--gw-color-royal-blue-shade-40);
    --button-font-alt-color: var(--gw-color-neutral-0);
    --button-font-color: var(--gw-color-royal-blue);
    --button-font-primary-color: var(--gw-color-neutral-0);
    --button-font-primary-focus-color: var(--gw-color-neutral-0);
    --button-font-primary-hover-color: var(--gw-color-neutral-0);
    /* ======= Font Colors ======= */
    --element-content-panel-background-color: var(--gw-color-neutral-0);
    --elment-instructional-text-color: var(--gw-color-mint-shades-40);
    --elment-paragraph-text-color: var(--gw-primary-soft-black);
    --global-font-color: var(--gw-primary-soft-black);
    --hyperlink-color: var(--gw-color-royal-blue);
    /* ======= Menu Colors ======= */
    --menu-item-child-background-color: var(--gw-primary-soft-black);
    --menu-item-child-font-color: var(--gw-color-neutral-0);
    --menu-item-child-background-focus-color: var(--gw-secondary-vibrant-green);
    --menu-item-child-font-focus-color: var(--gw-primary-soft-black);
    --menu-item-main-background-active-color: var(--gw-primary-soft-black);
    --menu-item-main-font-active-color: var(--gw-color-neutral-0);
    --menu-item-main-icon-hover-color: var(--gw-secondary-vibrant-green);
    /* ======= Widget Colors ======= */
    --widget-background-color: var(--gw-color-neutral-1);
    --widget-background-readonly-color: transparent;
    --widget-button-border-hover: var(--gw-secondary-vibrant-green);
    --widget-border-color: var(--gw-color-neutral-5);
    --widget-border-readonly-color: transparent;
    --widget-button-background-color: var(--gw-color-neutral-6);
    --widget-button-background-hover: var(--gw-secondary-vibrant-green);
    --widget-button-background-readonly: transparent;
    --widget-button-border: var(--gw-color-neutral-6);
    --widget-button-border-readonly: transparent;
    --widget-button-font-color: var(--gw-color-neutral-0);
    --widget-button-font-color-hover: var(--gw-primary-soft-black);
    --widget-button-font-color-readonly: var(--gw-primary-soft-black);
    --widget-calendar-date-element-selected: var(--gw-color-royal-blue);
    --widget-calendar-date-today: var(--gw-color-royal-blue);
    --widget-calendar-header-button-color: var(--gw-primary-soft-black);
    --widget-calendar-header-button-color-active: var(--gw-color-royal-blue-shade-10);
    --widget-calendar-header-button-color-hover: var(--gw-color-royal-blue-shade-10);
    --widget-calendar-header-days: var(--gw-color-royal-blue-shade-10);
    --widget-checkbox-background: var(--gw-color-neutral-0);
    --widget-checkbox-border: var(--gw-color-royal-blue);
    --widget-focus-box-shadow: inset 0 0 0 0.1rem var(--gw-color-neutral-0); /* AAA */
    --widget-focus-box-shadow-grid-header: inset 0 0 0 0.2rem var(--gw-color-neutral-8);
    --widget-focus-outline: 0.2rem solid var(--gw-color-pink); /* AAA */
    --widget-grid-header-border-color: var(--gw-color-neutral-6);
    --widget-icon-active-color: var(--gw-secondary-vibrant-green);
    --widget-icon-background-color: var(--gw-color-neutral-2);
    --widget-icon-color: var(--gw-primary-soft-black);
    --widget-icon-help: var(--gw-color-royal-blue);
    --widget-input-font-color: var(--gw-primary-soft-black);
    --widget-input-font-color-readonly: var(--gw-primary-soft-black);
    --widget-label-font-color: var(--gw-primary-soft-black);
    --widget-label-font-color-readonly: var(--gw-primary-soft-black);
    --widget-label-required-field-color: #82280d; /* AAA */
    --widget-list-header-background-color: var(--gw-color-neutral-6);
    --widget-list-header-font-color: var(--gw-color-neutral-0);
    --widget-listbox-row-hovered-color: var(--gw-color-royal-blue-10);
    --widget-radio-background: var(--gw-color-neutral-0);
    --widget-row-hovered-color: var(--gw-color-royal-blue-10);
    --widget-row-hovered-font-color: var(--gw-primary-soft-black);
    --widget-row-selected-color: var(--gw-color-royal-blue-10);
    --widget-row-selected-font-color: var(--gw-primary-soft-black);
    --widget-user-info-box-shadow: 0rem 0.8rem 1rem 0.1rem rgba(0, 0, 0, 0.08);
    --widget-invalid-border-thin: 0.1rem solid var(--gw-color-coral);
    /* Fonts */
    --font-weight-bold: 700;
    --font-weight-normal: 400;
    --font-size-regular: 1.6rem;
    --font-size-small: 1.4rem;
    --font-size-xsmall: 1.1rem;
    /* Sizes */
    --button-font-size: 1.6rem;
    --widget-border-radius: 0.4rem;
    --widget-button-height: 3.1rem;
    --widget-container-height: 4.2rem;
    --widget-icon-font-size: 1.6rem;
    --widget-input-height: 4.0rem;
    --widget-input-font-size: var(--font-size-small);
    --widget-input-font-size-readonly: var(--font-size-small);
    --widget-label-font-size: var(--font-size-small);
    --widget-label-font-size-readonly: 1.6rem;
    --widget-window-title-font-size: 2.0rem;
    --widget-user-info-border-radius: 0.8rem 0.8rem 0 0;
    --widget-checkbox-default-size: 1.6rem;
    --widget-checkbox-large-size: 2rem;

    /*Brief Tile variables*/
    --gw-tile-size-height: 100%;
    --gw-tile-size-width: 100%;
    --gw-tile-size-body-height: 100%;
    --gw-tile-size-header-height: 6.8rem;
    --gw-tile-size-solutionIcon-height: 4rem;
    --gw-tile-size-solutionIcon-width: 4rem;
    --gw-tile-size-solutionIcon-paddingX: 1.2rem;
    --gw-tile-size-solutionIcon-paddingY: 1.2rem;
    --gw-tile-brief-title-paddingY: 1.4rem;
    --gw-tile-brief-title-marginB: 0.1rem;
    --gw-tile-brief-title-maxWidth: 15.6rem;
    --gw-tile-brief-title-fontSize: 1.6rem;
    --gw-tile-brief-title-iconFontSize: 1.6rem;
    --gw-tile-brief-chip-height: 1.8rem;
    --gw-tile-brief-chip-fontSize: 0.9rem;
    --gw-tile-brief-chip-display: block;
    --gw-tile-brief-chip-max-width: 15.6rem;
    --gw-tile-brief-footer-height: 3.1rem;
    --gw-tile-brief-footer-button-width: 80%;
}

/*  -----------------------------------------------------------------------------------------
    Elements
    NOTE: Before making updates to this style sheet, read and become familiar with the contents of the checklist
          "Maintaining Cascading Stylesheets (CSS)" located in SharePoint.
    -----------------------------------------------------------------------------------------  */
/* ====== GLOBAL ===== */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[hidden] {
    display: none;
}

a {
    cursor: pointer;
    font-family: Arial,sans-serif;
}

    a,
    a:link,
    a:hover,
    a:visited {
        background-color: transparent;
        color: var(--hyperlink-color);
    }

        a:link,
        a:visited,
        a.common-page-link:link,
        a.common-page-link:visited {
            text-decoration: none;
        }

        a.text-link,
        a.text-link:visited {
            text-decoration: underline;
        }

        a:focus,
        a.common-page-link:focus {
            -webkit-box-shadow: inset 0 0 0 0.1rem var(--widget-focus-box-shadow) !important;
            box-shadow: inset 0 0 0 0.1rem var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            outline-offset: 0.4rem;
        }

        a.k-nav-fast:focus,
        a.k-nav-next:focus,
        a.k-nav-prev:focus,
        a.k-nav-today:focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            outline-offset: -0.1rem;
        }

        a:hover,
        a.bright:hover,
        a.common-page-link:hover {
            text-decoration: underline;
        }

        a.bright,
        a.bright:link,
        a.bright:hover,
        a.bright:visited {
            background-color: transparent;
            color: var(--gw-color-neutral-0);
        }

            a.bright:link,
            a.bright:visited {
                font-weight: var(--font-weight-bold);
                text-decoration: none;
            }

        a.common-page-link,
        a.common-page-link:link,
        a.common-page-link:hover,
        a.common-page-link:visited {
            background-color: transparent;
            color: var(--hyperlink-color);
        }

        a.panel-action {
            color: #404040;
        }

        a.read-only {
            color: var(--gw-primary-soft-black) !important;
            cursor: none;
        }

            a.read-only:hover {
                text-decoration: none !important;
            }

        a.submenu-border-bottom {
            border-bottom: 0.1rem solid #dedede !important;
        }

        a.submenu-border-right {
            border-right: 0.1rem solid #dedede !important;
        }

b,
strong {
    font-weight: 700;
}

body {
    background: var(--gw-color-neutral-0);
    color: var(--global-font-color);
    font-family: Arial,'Helvetica Neue',Helvetica,sans-serif,'Font Awesome 6 Pro';
    font-size: 16px;
    line-height: 1;
    margin: 0;
}

    body.loading {
        overflow: hidden;
    }

        body.loading .wait-dialog {
            display: block;
        }

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins Bold";
    font-weight: bold;
    line-height: 1.1;
}

h1 {
    font-size: 2.6rem;
}

h2 {
    font-size: 2.0rem;
}

h3 {
    font-size: 1.8rem;
}

h4 {
    font-size: 1.6rem;
}

h5 {
    font-size: 1.4rem;
}
/* TODO: ***** DO NOT USE! ***** Horizontal Rules are being deprecated and this class will be removed.*/
hr {
    /*display: none !important;*/ /*Used to overwrite Bootstrap styles once all HRs have been removed from MMS*/
    border-style: solid;
    border-width: 0.1rem;
    margin: 0;
}

html {
    font-family: sans-serif;
    font-size: 62.5%;
    /*overflow: scroll;*/ /* Set to prevent page-shifting on Chrome and FireFox browsers when scrollbars are being displayed. */
    overflow: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

    html input[type="button"] {
        cursor: pointer;
        -webkit-appearance: button;
    }

input[readonly] { /* styling for CloneDisplayFor() */
    background: transparent !important;
    background-color: transparent !important;
    border-left-color: var(--widget-border-readonly-color) !important;
    border-right-color: var(--widget-border-readonly-color) !important;
    border-top-color: var(--widget-border-readonly-color) !important;
    color: var(--widget-input-font-color);
    font-size: var(--widget-input-font-size);
    font-weight: var(--font-weight-bold);
}

input[readonly="readonly"].editor-hilite { /* TODO: Only used in Provider Credentialing...refactor and remove this style class. */
    background-color: #fed184 !important;
    color: #d64707;
    font-weight: var(--font-weight-bold);
}

input[readonly].readonly-k-checkbox-label {
    border-bottom: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    margin: -0.2rem 0 0 0;
    padding: 0;
}

    input[type="checkbox"]:focus,
    input[type="radio"]:focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

input[type="radio"] {
    margin-top: -0.2rem;
    vertical-align: middle;
}

input.k-checkbox,
input.k-radio {
    -webkit-appearance: none;
}

input.k-textbox { /* styling for CloneDisplayFor() */
    height: 3.2rem;
    line-height: 3.2rem;
    text-indent: 0.2rem;
}

label {
    color: var(--global-font-color);
    font-weight: var(--font-weight-bold);
    font-size: var(--widget-label-font-size);
    display: inline-block;
    margin-bottom: 0.3rem;
    margin-top: 0.3rem;
}

    label.editor-hilite {
        color: #d64707;
    }

    label.k-checkbox-label,
    label.k-radio-label {
        display: inline-flex;
    }

ol,
ul {
    margin-top: 0;
    margin-bottom: 1.0rem;
}

    ol ol
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0;
    }

p {
    margin: 0 0 1.0rem;
}

select[readonly="readonly"] {
    background-color: #ececec !important;
}

select.input-validation-error {
    background-color: #ffeeee !important;
    border: 0.1rem solid #ff0000;
}

td.danger .link {
    color: #672822 !important;
}

/* Begin: Kendo MultiLine Textbox (TextArea) widget overwrites */
/* Note: "!important" style rules on background and other styles are required to override Bootstrap styles */
textarea.k-textbox {
    background: var(--widget-background-color) !important;
    background-color: var(--widget-background-color) !important;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    overflow: auto;
    padding: 0.6rem 0.7rem;
    resize: none;
    text-overflow: ellipsis;
    vertical-align: top;
}

    textarea.k-textbox.readonly-widget {
        background: var(--widget-background-readonly-color) !important;
        background-color: var(--widget-background-readonly-color) !important;
        overflow: auto;
    }
/* End: Kendo MultiLine Textbox (TextArea) widget overwrites */

ul#mainMenu {
    border: none;
    border-radius: 0;
    height: 80vh;
    width: 100% !important;
}

ul.unordered-list-container-horz {
    font-size: 1.6rem;
    margin-left: 1.5rem;
    padding: 0;
}

ul .unordered-list-listitem-bullet {
    font-size: 1.0rem;
    line-height: 1.3rem;
}

ul .unordered-list-listitem-horz {
    display: inline-block;
    margin-right: 3.5rem;
    min-width: 17.5rem;
    white-space: nowrap;
    width: auto;
}

    ul .unordered-list-listitem-horz > span {
        color: #999999;
        cursor: pointer;
        padding-left: 1.5rem;
    }
/*  -----------------------------------------------------------------------------------------
    Fonts
    NOTE: Before making updates to this style sheet, read and become familiar with the contents of the checklist
          "Maintaining Cascading Stylesheets (CSS)" located in SharePoint.
    -----------------------------------------------------------------------------------------  */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins.woff') format('woff');
}

@font-face {
    font-family: 'Poppins Bold';
    src: url('../fonts/Poppins-Bold.woff') format('woff');
}
.font-size-regular {
    font-size: var(--font-size-regular) !important;
}

.font-size-small {
    font-size: var(--font-size-small) !important;
}

.font-size-xsmall {
    font-size: var(--font-size-xsmall) !important;
}
/* ===== PAGE ===== */
#blazor-error-ui {
    display: none !important;
    background: var(--gw-color-coral-10);
}

.page {
    display: block !important;
    min-height: 85vh !important;
}

.page-content {
    padding: 2.0rem 5%;
}
/* ===== HEADER ===== */
.page-header {
    background: var(--gw-primary-soft-black);
    margin: 0 auto;
}

.page-header-content {
    align-items: center;
    column-gap: 1.75rem;
    display: flex;
    flex-wrap: nowrap;
    min-height: 4rem;
    padding: 1rem 5%;
}

.page-header-logo img {
    height: auto;
    width: 13rem;
}

.page-header-title {
    border-left: solid 0.1rem var(--gw-color-neutral-0);
    color: var(--gw-color-neutral-0);
    padding: 1.0rem 1.75rem;
}

    .page-header-title a {
        color: var(--gw-color-neutral-0);
    }

    .page-header-title > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/* ====== NAVIGATION ===== */
#langMenuLink {
    color: var(--gw-color-neutral-0);
}

    #langMenuLink i {
        margin-right: 0.5rem;
    }

.aag {
    display: flex;
    font-size: 1.3rem;
    justify-content: flex-end;
    width: 100%;
}

.k-menu-link:focus {
    outline: var(--widget-focus-outline) !important;
}
/* Begin: Kendo Menu overwrites (a component of Kendo Menu widget) */
#mainMenu {
    border: none;
}

    #mainMenu .k-menu-item {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        border: none;
        color: var(--gw-color-neutral-8);
        font-weight: var(--font-weight-bold);
        width: 100%;
    }

        #mainMenu .k-menu-item.k-focus {
            background: var(--gw-primary-soft-black);
            background-color: var(--gw-primary-soft-black);
            color: var(--gw-color-neutral-0);
        }

            #mainMenu .k-menu-item.k-focus > .k-link {
                color: var(--gw-color-neutral-0) !important;
            }

#mainMenuClose {
    font-size: 2.5rem;
    float: left;
    width: 3.0rem;
}

    #mainMenuClose:focus {
        outline: var(--widget-focus-outline);
    }

#mainMenuContainer {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    color: #6a7885;
    flex-direction: column;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    min-width: 27.0rem;
    z-index: 10003;
}

#mainMenuHeader {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 2.0rem 0.5rem 2.0rem 1.0rem;
}

#mainMenuItemContainer {
    display: flex;
    height: 82vh;
    margin-top: 2.0rem;
}

#mainMenuUser {
    float: left;
    font-size: 1.3rem;
    width: 90%;
}

#mainMenuUserCopy {
    float: left;
    text-align: right;
    width: 80%;
}

#mainMenuUserIcon {
    float: right;
    font-size: 3.0rem;
    width: 20%;
}

#mainMenuWelcome {
    text-align: right;
}

#mainMenuWelcomeDisplayName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* End: Kendo Menu overwrites (a component of Kendo Menu widget) */

#secondaryMenu {
    clear: both;
    width: 40.0rem;
}

.alert-close-icon {
    color: #614a29;
    margin-left: 1.5rem;
}

.alert-icon {
    float: left;
    margin-left: -2.5rem;
    margin-top: -2.5rem;
    padding-right: 0.5rem;
    position: relative;
}

.alert-info {
    background: #deeff7;
    background-color: #deeff7;
    border-color: #13426c;
    color: #13426c;
}

.align-center {
    text-align: center;
}

.align-left {
    margin: 0 auto;
    padding: 0 2.0rem;
    text-align: left;
    width: 100%;
}

.align-right {
    text-align: right;
}

.assoc-box {
    border: 0.1rem solid #dedede !important;
    padding: 1.0rem 1.0rem 0 1.0rem;
}

.assoc-box-bottom-separator {
    margin-bottom: 1.5rem;
}

.assoc-box-checkbox {
    align-items: center;
    border: 0.1rem solid #dedede !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    line-height: 3.1rem;
    min-height: 3.2rem;
    padding: 0 0.8rem 0 0.8rem;
    width: 100%;
}

    .assoc-box-checkbox.readonly-widget {
        height: var(--widget-container-height);
        margin-top: -0.1rem;
    }

    .assoc-box-checkbox label {
        flex-grow: 1;
        text-overflow: ellipsis;
        white-space: normal;
    }

.assoc-box-checkbox-list-horz {
    border: 0.1rem solid #dedede !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0.5rem;
    min-height: 3.0rem;
    padding: 0.5rem 0.8rem 0 0.5rem;
    width: 100%;
}

    .assoc-box-checkbox-list-horz .list-item {
        padding-right: 3.5rem;
    }

        .assoc-box-checkbox-list-horz .list-item:last-of-type {
            padding-right: 0;
        }

.assoc-box-checkbox-list-vert {
    border: 0.1rem solid #dedede !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 0.5rem;
    min-height: 3.0rem;
    padding: 0.5rem 0.5rem 0 0.2rem;
    width: 100%;
}

.assoc-box-inline {
    border: 0.1rem solid #dedede !important;
    float: left;
    margin-right: 1.0rem;
    margin-top: -1.0rem;
    padding-bottom: 1.0rem;
    padding-left: 0;
    padding-top: 1.0rem;
}

.assoc-box-left-separator {
    margin-left: 1.5rem;
}

.assoc-box-message {
    color: var(--elment-instructional-text-color);
    margin-left: -1.0rem;
    margin-top: -0.5rem;
    padding-bottom: 0.5rem;
}

.assoc-box-radio-btn-list,
.assoc-box-radio-btn-list-horz {
    border: 0.1rem solid #dedede !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 2.9rem;
    min-height: 3.2rem;
    padding: 0 0.8rem 0 0.8rem;
    width: 100%;
}

    .assoc-box-radio-btn-list-horz:focus,
    .assoc-box-radio-btn-list-vert:focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .assoc-box-radio-btn-list.k-invalid,
    .assoc-box-radio-btn-list-horz.k-invalid,
    .assoc-box-radio-btn-list-horz.k-invalid.k-hover {
        background: var(--gw-color-coral-10);
        background-color: var(--gw-color-coral-10);
        border: 0.1rem solid #672822 !important;
    }

    .assoc-box-radio-btn-list.readonly-widget,
    .assoc-box-radio-btn-list-horz.readonly-widget,
    .assoc-box-radio-btn-list-vert.readonly-widget {
        margin-top: -0.1rem;
        padding: 0.1rem 0.8rem 0 0.8rem;
    }

    .assoc-box-radio-btn-list-horz .list-item {
        display: inline-block;
        padding-right: 3.5rem;
    }

        .assoc-box-radio-btn-list-horz .list-item:last-of-type {
            padding-right: 0;
        }

.assoc-box-radio-btn-list-vert {
    border: 0.1rem solid #dedede !important;
    line-height: 2.9rem;
    min-height: 3.2rem;
    padding: 0 0.8rem 0 0.8rem;
    width: 100%;
}
    /*.assoc-box-checkbox-list-vert > ul,*/
    .assoc-box-radio-btn-list-vert > ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .assoc-box-radio-btn-list-vert > ul li {
            margin-bottom: 1.8rem;
        }

            .assoc-box-radio-btn-list-vert > ul li:last-of-type {
                margin-bottom: 0.3rem;
            }
            /*.assoc-box-checkbox-list-vert > ul li div,*/
            .assoc-box-radio-btn-list-vert > ul li div {
                padding: 0 0 0 0.3rem;
            }

.assoc-box-radio-btn-panel {
    margin-bottom: 1.8rem;
    margin-left: 2.8rem;
}

.assoc-box-right-separator {
    margin-right: 1.5rem;
}

.assoc-box-row-adjustment {
    margin-top: 3.0rem;
}

.auto-margin-left {
    margin-left: auto;
}

.auto-margin-right {
    margin-right: auto;
}

.breadcrumb-item:focus-visible {
    outline: var(--widget-focus-outline);
}

.k-breadcrumb-item {
    font-size: var(--font-size-small);
}

.btn-edit {
    width: 2.0rem;
}

.btn-margin {
    margin: 0.6rem;
}

.btn-rowpad-left {
    float: left;
    padding: 1.5rem 0 1.5rem 0;
}

.btn-rowpad-right {
    float: right;
    padding: 1.5rem 0 1.5rem 0;
    margin-right: 1.5rem;
}

.btn-rowpad-right-modal {
    float: right;
    padding: 0 0 1.0rem 0;
}

.btn-spacer-left {
    margin-left: 1.2rem !important;
}

.btn-spacer-right {
    margin-right: 1.2rem !important;
}

.btt-icon-stack-bkgnd,
.btt-icon-stack-bottom {
    color: var(--gw-color-neutral-8);
    font-size: 4.8rem;
}

.btt-icon-stack-top {
    color: var(--gw-secondary-vibrant-green);
    font-size: 4.0rem;
    left: 0.2rem;
}

.calendar-legend-key1 {
    color: #DC2020;
    font-size: 1.6rem;
    margin-right: 2.0rem;
}

.calendar-legend-key2 {
    color: #007cad;
    font-size: 1.6rem;
    margin-right: 2.0rem;
}

.calendar-legend-key3 {
    color: #8F5205;
    font-size: 1.6rem;
    margin-right: 2.0rem;
}

.calendar-legend-key4 {
    color: #93278f;
    font-size: 1.6rem;
    margin-right: 2.0rem;
}

.caret-active-module {
    padding-left: 0.7rem;
}

.chart-item-pri01 {
    background: #a40c0a;
    background-color: #a40c0a;
    color: var(--gw-color-neutral-0);
}

.chart-item-pri02 {
    background: var(--gw-color-red);
    background-color: var(--gw-color-red);
    color: var(--gw-color-neutral-0);
}

.chart-item-pri03 {
    background: var(--gw-color-coral-40);
    background-color: var(--gw-color-coral-40);
    color: #03162f;
}

.chart-item-pri04 {
    background: #fbb68f;
    background-color: #fbb68f;
    color: #03162f;
}

.chart-item-pri05 {
    background: #fdb81e;
    background-color: #fdb81e;
    color: #03162f;
}

.chart-item-pri06 {
    background: #fad980;
    background-color: #fad980;
    color: #03162f;
}

.chart-item-pri07 {
    background: #112e51;
    background-color: #112e51;
    color: var(--gw-color-neutral-0);
}

.chart-item-pri08 {
    background: #205493;
    background-color: #205493;
    color: var(--gw-color-neutral-0);
}

.chart-item-pri09 {
    background: #00a6d2;
    background-color: #00a6d2;
    color: #03162f;
}

.chart-item-pri10 {
    background: #154219;
    background-color: #154219;
    color: var(--gw-color-neutral-0);
}

.chart-item-pri11 {
    background: #2e8540;
    background-color: #2e8540;
    color: var(--gw-color-neutral-0);
}

.chart-item-pri12 {
    background: #8cda93;
    background-color: #8cda93;
    color: #03162f;
}

.checkbox-align {
    padding-top: 1.7rem;
}

.checkbox-container {
    max-height: 20.0rem;
    overflow: auto;
    width: 25.0rem;
}

.checkbox-label {
    margin-left: 0.7rem;
}

.checkbox-list-horz-align {
    display: inline-flex;
    width: auto;
}

.checkbox-select {
    line-height: 2.1rem;
    margin-left: 0.7rem;
}

.checkbox-separator-text { /* TODO: USED ONLY ONCE IN PROVIDER PORTAL...NEEDS TO BE REVIEWED*/
    line-height: 3.0rem;
    min-height: 3.0rem;
}

/* Begin: Kendo Menu overwrites (a component of Kendo Menu widget) */
.child-menu {
    border: none;
    right: 0;
    top: 0.1rem;
}

    .child-menu .k-link:link,
    .child-menu .k-link:visited {
        color: var(--menu-item-child-font-color) !important;
    }

    .child-menu .k-menu-item {
        background: var(--menu-item-child-background-color) !important;
        background-color: var(--menu-item-child-background-color) !important;
        border: none;
        font-weight: var(--font-weight-bold);
        width: 100%;
    }

        .child-menu .k-menu-item.k-focus,
        .child-menu .k-menu-item.k-focus .k-link:link,
        .child-menu .k-menu-item.k-focus .k-link:visited,
        .child-menu .k-menu-item.k-hover,
        .child-menu .k-menu-item.k-hover .k-link:link,
        .child-menu .k-menu-item.k-hover .k-link:visited {
            background: var(--menu-item-child-background-focus-color) !important;
            background-color: var(--menu-item-child-background-focus-color) !important;
            border-color: var(--menu-item-child-background-focus-color) !important;
            color: var(--menu-item-child-font-focus-color) !important;
        }
/* End: Kendo Menu overwrites (a component of Kendo Menu widget) */

.chk-disabled {
    pointer-events: none;
}

.clear-both {
    clear: both;
}

.clear-n-pad {
    clear: both;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

.clear-n-pad-top {
    clear: both;
    padding-top: 1.5rem;
}

.clickable {
    cursor: pointer;
}

.col-highlights {
    border-right: 0.1rem solid #eaeaea;
    margin: 0 auto;
    padding: 2.0rem;
    text-align: center;
}

    .col-highlights:last-child {
        border-right: none;
    }

    .col-highlights h3 {
        font-weight: var(--font-weight-bold);
    }

    .col-highlights .primary-button {
        margin-top: 1.5rem;
    }

.col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    position: relative;
    min-height: 0.1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.col-right-pad-adjust {
    padding-right: 0;
}

.common-page-link {
    font-size: 1.6rem;
    line-height: 2.1rem;
}

.company-name {
    color: #6b6b6b;
}

.contact_background {
    background-color: var(--gw-color-neutral-0) !important;
}

.contact-border {
    border-top: 0.1rem solid #bbbbbb !important;
}

.contact-border-layout {
    padding-top: 5.0rem !important;
}

.contact-bottom-border {
    border-bottom: 0.1rem solid var(--gw-color-neutral-8) !important;
    margin-top: -3.0rem;
}
/* TODO: PLEASE DO NOT DELETE THE FOLLOWING CLASS COMMENTS...THEY ARE FOR USE IN FUTURE REFACTORING */
.contact-extRowParent { /*in ContactUs, ProviderPortal javascript*/
    border-bottom: 0 !important;
}

.contact-LoadingDialogue { /*in ContactUs, DrugRebate, ManagedCarePortal, MemberPortal, ProviderPortal javascript*/
    left: 25% !important;
    position: absolute !important;
}

.contact-margin { /*in ContactUs, DrugRebate, ManagedCarePortal, ProviderPortal cshtml*/
    margin-right: 0.34rem !important;
}

.contact-ModalEditorButtonRow { /*in ContactUs, ProviderPortal javaascript and TPLPolicy cshtml*/
    display: block !important;
}

.contact-success { /*ContactUs, DrugRebate, ManagedCarePortal, MemberPortal, ProviderPortal javascript*/
    margin-left: 0.5% !important;
}
/*.contact-us-container {
    max-width: 97.5%;
    padding-left: 1.5rem;
    padding-right: 0;
}*/
.contact-us-info-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-us-info-header {
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
}

.contact-us-info-subheader {
    color: #007958;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.contact-us-panel-body {
    border: 0.1rem solid #bbbbbb;
}

.contact-ValidationSummery { /*in ContactUs & ProviderPortal.ContactUs javascript*/
    margin-left: 1.0rem !important;
}

.container {
    margin: 0 auto;
    padding: 0 5%;
}

    .container:after {
        clear: both;
    }

    .container:after,
    .container:before {
        content: " ";
        display: table;
    }

.container-display {
    display: none;
    visibility: hidden;
}

.container-display-panel {
    display: none;
    left: 2.5rem;
    top: 47.5rem;
    visibility: hidden;
}

.container-half {
    width: 50%;
}

.content {
    min-height: 74%;
    padding: 0;
}

.content-align-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
}

.content-nav {
    background-color: #0099ff;
    color: #fff;
    display: block;
    height: auto;
    icon: auto;
    line-height: 3.0rem;
    margin: 0 auto;
    position: absolute;
    width: 4.6rem;
    word-wrap: break-word;
}

.content-nav-disable {
    background-color: darkgray;
    color: var(--gw-color-neutral-0);
    line-height: 3.0rem;
    width: 4.6rem;
}

.content-ordered-panel-hdr-tools {
    display: flex;
    justify-content: flex-end;
    flex-flow: row;
    line-height: 3.0rem;
    margin-top: -0.1rem;
    padding: 0 1.5rem 0 1.5rem;
}

.content-panel-bdy {
    background: transparent;
    background-color: transparent;
    clear: both;
    padding: 2.4rem;
}

    .content-panel-bdy .k-content {
        clear: both;
    }

    .content-panel-bdy .k-grid {
        border-radius: 0 0 0.5rem 0.5rem;
    }

.content-panel-container,
.page-title {
    background: var(--element-content-panel-background-color);
    border: 0.1rem solid var(--gw-color-neutral-3);
    border-radius: 1.0rem;
    box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.08);
    margin-bottom: 2.4rem;
}

.page-title {
    display: flex;
}

    .page-title h1 {
        border-left: 1rem solid var(--gw-secondary-vibrant-green);
        border-radius: 1.0rem;
        font-weight: normal;
        margin-block-end: 0;
        margin-block-start: 0;
        padding: 1.2rem;
        width: 50%;
    }

    .page-title span {
        padding: 1.2rem;
        text-align: right;
        width: 50%;
    }

.content-panel-container .editor-req-field-row,
.content-subpanel-container .editor-req-field-row,
.modal-panel-form-container .editor-req-field-row { /* TODO: Kendo modal does not need the .modal-panel-form-container style.  Remove when DS056 is complete.*/
    float: none;
    padding: 0.8rem 1.0rem 0 0;
    text-align: right;
    width: 100%;
}

.content-panel-container-reduced-margin,
.content-subpanel-container-reduced-margin {
    background: transparent;
    background-color: transparent;
    border-radius: 0 0 0.5rem 0.5rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.2rem;
}

    .content-panel-container-reduced-margin .k-widget,
    .content-subpanel-container-reduced-margin .k-widget {
        border: none;
    }

.content-panel-hdr {
    background: var(--gw-color-neutral-1);
    border-radius: 1rem 1rem 0 0;
    display: flex;
    font-family: 'Poppins',Arial,Helvetica,sans-serif;
    font-weight: 600;
    margin-block-end: 0;
    margin-block-start: 0;
    padding: 0.8rem 2.4rem;
}

    .content-panel-hdr h2 {
        margin-block-end: 0;
        margin-block-start: 0;
        width: 100%;
        color: var(--gw-primary-soft-black);
        font-size: 1.8rem;
        font-family: 'Poppins',Arial,Helvetica,sans-serif;
        font-weight: bold;
    }

.content-panel-hdr-tools,
.content-subpanel-hdr-tools {
    margin-top: 0.2rem;
    text-align: right;
    width: 20%;
}

    .content-panel-hdr-tools .icon-status-error > span,
    .content-panel-hdr-tools .icon-status-not-read > span,
    .content-panel-hdr-tools .icon-status-partial > span,
    .content-panel-hdr-tools .icon-status-success > span {
        font-family: Arial,sans-serif;
        font-size: 1.4rem;
        font-weight: var(--font-weight-normal);
        padding-right: 1rem;
    }

    .content-panel-hdr-tools .panel-icon,
    .content-subpanel-hdr-tools .panel-icon {
        padding: 0 0.5rem 0 0.5rem;
    }

        .content-panel-hdr-tools .panel-icon:focus-within,
        .content-subpanel-hdr-tools .panel-icon:focus-within {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            padding: 0 0.5rem 0 0.5rem;
            position: relative;
        }

    .content-panel-hdr-tools .panel-icon-help:focus-within,
    .content-subpanel-hdr-tools .panel-icon-help:focus-within {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        position: relative;
    }

    .content-panel-hdr-tools .panel-icon [class^="fa-"],
    .content-subpanel-hdr-tools .panel-icon [class^="fa-"] {
        line-height: 2.4rem;
        outline: none;
    }

    .content-panel-hdr-tools .panel-icon-help [class^="fa-"],
    .content-subpanel-hdr-tools .panel-icon-help [class^="fa-"] {
        outline: none;
        width: 3.4rem;
    }

.content-panel-container.collapsedPanel .content-panel-hdr {
    background: var(--gw-color-neutral-0);
    border-radius: 1rem;
}

.content-subpanel-bdy {
    padding: 1.5rem;
    background: var(--gw-color-neutral-0);
}

.content-subpanel-container {
    background: var(--element-content-panel-background-color);
    background-color: var(--element-content-panel-background-color);
    border: 0.1rem solid var(--gw-color-neutral-3);
    border-radius: 1.0rem;
    padding: 0;
}

    .content-subpanel-container.collapsedPanel {
        min-height: 7.0rem;
    }

.content-subpanel-hdr {
    display: flex;
    width: 100%;
    border-radius: 1rem 1rem 0 0;
    padding: 0.8rem 2.4rem;
    background: var(--gw-color-neutral-1);
}

    .content-subpanel-hdr h3 {
        font-family: 'Poppins',Arial,Helvetica,sans-serif;
        font-weight: 600;
        margin-block-start: 0;
        margin-block-end: 0;
        width: 80%;
        color: var(--gw-primary-soft-black);
    }

.dataTables_wrapper {
    clear: both;
    position: relative;
}

.disabled-backdrop {
    background: var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-8);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}
    /* For headers in AAG panels*/
    .display-flex .ellipsis-nowrap {
        flex: 1;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-inline-flex {
    display: inline-flex;
}

.display-none {
    display: none;
}

.display-none-priority {
    display: none !important;
}

.align-self-center {
    align-self: center;
}

.DrugRebatePortalHome .extprtlmco-home-content { /* TODO: verify class and if needed, correct the class name*/
    flex-basis: 98%;
    min-height: 54.5rem;
}

.dshbrd-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dshbrd-content-width {
    width: 100%;
}

.dshbrd-flex-container {
    flex-grow: 1;
    margin-bottom: 3.0rem;
}

    .dshbrd-flex-container > div.dshbrd-panel-container {
        height: 100%;
    }

.dshbrd-flex-container-col-md-1 {
    flex-basis: 7.333333333333332%; /*8.333333333333332%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-2 {
    flex-basis: 15.666666666666664%; /*16.666666666666664%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-25 {
    flex-basis: 19.83333333333332%; /*20.83333333333332%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-3 {
    flex-basis: 24%; /*25%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-4 {
    flex-basis: 32.33333333333333%; /*33.33333333333333%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-5 {
    flex-basis: 40.66666666666667%; /*41.66666666666667%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-6 {
    flex-basis: 49%; /*50%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-7 {
    flex-basis: 57.333333333333336%; /*58.333333333333336%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-8 {
    flex-basis: 65.66666666666666%; /*66.66666666666666%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-9 {
    flex-basis: 74%; /*75%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-10 {
    flex-basis: 82.33333333333334%; /*83.33333333333334%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-11 {
    flex-basis: 90.66666666666666%; /*91.66666666666666%*/
    margin-bottom: 3.0rem;
}

.dshbrd-flex-container-col-md-12 {
    flex-basis: 99%; /*100%*/
    margin-bottom: 3.0rem;
}

.dshbrd-icon-actions,
.dshbrd-icon-bookmark,
.dshbrd-icon-calendar,
.dshbrd-icon-clipboard,
.dshbrd-icon-coverage-details,
.dshbrd-icon-handshake,
.dshbrd-icon-line-chart,
.dshbrd-icon-links,
.dshbrd-icon-member,
.dshbrd-icon-member-authorizations,
.dshbrd-icon-member-claims,
.dshbrd-icon-member-details,
.dshbrd-icon-other-details,
.dshbrd-icon-policy-hipp,
.dshbrd-icon-policy-tpl,
.dshbrd-icon-reports,
.dshbrd-icon-status,
.dshbrd-icon-tasks {
    background-color: #777777;
    height: 6.4rem;
    width: 6.4rem;
}

.dshbrd-icon-actions,
.dshbrd-icon-links {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.actions.png');
}

.dshbrd-icon-bookmark {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.bookmark.png');
}

.dshbrd-icon-calendar {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.calendar.png');
}

.dshbrd-icon-clipboard {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.clipboard.png');
}

.dshbrd-icon-coverage-details {
    background-image: url('/Content/icon-dshbrd-coverage-details.png');
}

.dshbrd-icon-handshake {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.handshake.png');
}

.dshbrd-icon-line-chart {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.line.chart.png');
}

.dshbrd-icon-member {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.member.png');
}

.dshbrd-icon-member-authorizations {
    background-image: url('/Content/icon-dshbrd-member-authorizations.png');
}

.dshbrd-icon-member-claims {
    background-image: url('/Content/icon-dshbrd-member-claims.png');
}

.dshbrd-icon-member-details {
    background-image: url('/Content/icon-dshbrd-member-details.png');
}

.dshbrd-icon-other-details {
    background-image: url('/Content/icon-dshbrd-other-details.png');
}

.dshbrd-icon-policy-hipp {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.policy.hipp.png');
}

.dshbrd-icon-policy-tpl {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.policy.tpl.png');
}

.dshbrd-icon-reports {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.reports.png');
}

.dshbrd-icon-status {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.status.png');
}

.dshbrd-icon-tasks {
    background-image: url('/Content/dxc.ua3.core.icon.dshbrd.tasks.png');
}

.dshbrd-link-panes {
    background: var(--gw-color-neutral-0);
    border: 0.2rem solid #00b388;
    border-radius: 0 0 0.5rem 0.5rem;
    color: #00b388;
    float: left;
    font-family: inherit;
    font-weight: var(--font-weight-bold);
    height: 26.6rem;
    margin-bottom: 1.5rem;
    margin-right: 3.0rem;
    padding-top: 4.4rem;
    text-align: center;
    width: 22.6rem;
}

.dshbrd-link-txt {
    color: #2c6597;
    display: block;
    font-size: 3.0rem;
}

.dshbrd-page-section-container {
    border-top: 0;
    padding: 10.9rem 1.3rem 1.6rem 1.3rem;
}

.dshbrd-panel-bdy {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border-color: #b3b3b3;
    border-style: solid;
    border-width: 0.1rem 0 0 0;
}

.dshbrd-panel-body-drug-rebate {
    font-size: 1.6rem;
    overflow-y: auto;
}

.dshbrd-panel-body-task-management {
    font-size: 1.6rem;
    overflow-y: auto;
}

.dshbrd-panel-body-tpl-mbr {
    font-size: 1.6rem;
    height: 25.0rem;
    overflow-y: auto;
}

.dshbrd-panel-body-tpl-mbr-lbl {
    float: left;
    margin-right: 1.5rem;
    width: 35%;
}

.dshbrd-panel-container {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border: 0.2rem solid #777777;
    border-radius: 0 0 0.5rem 0.5rem;
    -webkit-box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.05);
    box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.05);
    color: #444444;
    height: 100%;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: 1.5rem;
    padding-bottom: 0.2rem;
    vertical-align: top;
}

.dshbrd-panel-container-drug-rebate {
    min-width: 45.0rem;
}

.dshbrd-panel-container-task-management {
    min-width: 45.0rem;
}

.dshbrd-panel-container-tpl-mbr {
    min-width: 36.0rem;
}

.dshbrd-panel-content-hdr {
    float: left;
    margin-right: 1.5rem;
}

.dshbrd-panel-content-lbl {
    font-family: 'Poppins Bold',Arial,sans-serif;
    font-size: 2.8rem;
    line-height: 6.2rem;
    padding: 0 0.5rem 0 0.5rem;
}

.dshbrd-panel-flex-integration {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.dshbrd-panel-grid-integration {
    font-size: 1.2rem;
    padding: .5rem .5rem
}

.dshbrd-panel-hdr {
    display: flex;
}

.dshbrd-panel-hdr-icon {
    background: var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-8);
    color: var(--gw-color-neutral-0);
}

.dshbrd-panel-hdr-lbl {
    color: #666666;
    font-family: 'Poppins Bold',Arial,sans-serif;
    font-size: 2.8rem;
    line-height: 6.2rem;
    padding-left: 0.9rem;
    white-space: nowrap;
}

.dshbrd-panel-hdr-tools {
    margin-left: auto;
    color: #4d4d4d;
    margin-top: -0.1rem;
    padding: 0.9rem 1.5rem 0 1.5rem;
}

    .dshbrd-panel-hdr-tools label {
        margin-bottom: 0 !important;
    }

    .dshbrd-panel-hdr-tools .common-page-link {
        margin-left: 3.5rem;
    }

    .dshbrd-panel-hdr-tools .k-radio-label:not(:first-of-type) {
        margin-left: 3.5rem;
    }

.dshbrd-panel-height-one-third {
    height: 34%;
}

.dshbrd-panel-height-two-thirds {
    height: 63%;
}

.dshbrd-panel-list-item {
    height: 3.0rem;
}

.dshbrd-panel-parent-container {
    height: 100%;
}

.dshbrd-panel-status-icon {
    font-size: 3.0rem;
    padding: 0.7rem;
}

.edi-content-nav {
    color: var(--gw-color-neutral-0);
    display: block;
    height: auto;
    line-height: 3.0rem;
    margin: 0 auto;
    padding: 0rem 1.0rem 0rem 0rem;
    position: absolute;
    width: 4.6rem;
    word-wrap: break-word;
}

.edi-right-icon {
    color: var(--gw-color-neutral-0);
    position: absolute;
    right: 0.5rem;
    top: 1.0rem;
}

.editor-button-nav,
.editor-button-nav-right {
    display: inline-flex;
    float: right;
    margin-right: 1.5rem;
}

.editor-button-nav-center {
    display: inline-flex;    margin-right: 1.5rem;
}

.editor-button-nav-left {
    display: inline-flex;
    float: left;
}

.editor-button-row {
    clear: left;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.0rem;
}

.editor-button-row-modal:has(button) {
    border-top: 0.1rem solid var(--gw-color-neutral-2);
    clear: left;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 1.0rem 0;
    width: 100%;
}

.editor-button-row-parent {
    border-top: none;
    clear: left;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.0rem;
    width: 100%;
}

.editor-clear {
    clear: left;
}

.editor-clear-margin {
    clear: left;
    margin-bottom: 0.5rem;
}

.editor-col {
    padding: 0 1.5rem 3.0rem 0;
}

.editor-col-1 {
    float: left;
    padding: 0 1.5rem 1.5rem 0;
    width: 20.0rem;
}

.editor-col-1-nopad {
    float: left;
    width: 20.0rem;
}

.editor-col-2 {
    float: left;
    padding: 0 1.5rem 1.5rem 0;
    width: 40.0rem;
}

.editor-col-3 {
    float: left;
    padding: 0 1.5rem 1.5rem 0;
    width: 60.0rem;
}

.editor-col-4 {
    float: left;
    padding: 0 1.5rem 1.5rem 0;
    width: 80.0rem;
}

.editor-col-5 {
    float: left;
    padding: 0 1.5rem 1.5rem 0;
    width: 100.0rem;
}

.editor-col-6 {
    float: left;
    padding: 0 1.5rem 1.5rem 0;
    width: 120.0rem;
}

.editor-col-button {
    margin-top: -0.2rem;
    padding: 2.0rem 1.5rem 0 0;
}

.editor-col-chkbx {
    margin-top: -0.2rem;
    padding: 1.5rem 1.5rem 0 0;
}

.editor-col-large {
    float: left;
    padding: 0 1.5rem 1.5rem 0;
}

.editor-col-no-right-pad {
    padding: 0 0 1.5rem 0;
}

.editor-col-padding-right-auth {
    padding: 0 3.0rem 3.0rem 0;
}

.editor-control {
    width: 100%;
}

.editor-grid { /* TODO: THIS CLASS SERVES NO PURPOSE (OVERWRITTEN BY .k-grid AND SHOULD BE DEPRECATED */
    height: 100%;
}

.editor-icon {
    color: var(--gw-color-royal-blue-80);
    cursor: pointer;
    float: right;
    line-height: inherit;
    margin-left: 1.5rem;
    min-height: 1.5rem;
    min-width: 1.5rem;
    padding: 0.5rem;
}

.editor-icon:hover {
    color: var(--widget-icon-help);
}
.editor-icon:focus-visible{
    outline-color: var(--gw-color-pink);
}
.editor-icon-align {
    padding-top: 0.2rem;
}

.editor-label {
    clear: left;
    display: flex;
}

.editor-label > label {
    color: var(--widget-label-font-color);
    flex-grow: 1;
    font-family: Arial,sans-serif;
    font-size: var(--widget-label-font-size);
    font-weight: var(--font-weight-bold);
    line-height: 1.8rem;
    margin-bottom: 0.45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.editor-label > label[readonly="readonly"] {
    font-family: Arial,sans-serif;
    font-size: var(--widget-input-font-size);
    font-weight: var(--font-weight-normal) !important;
    color: var(--gw-color-neutral-6) !important;
}

.editor-label-bold {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.5rem;
    padding-left: 0rem;
}

.editor-one-rec-req-field-row {
    clear: left;
    color: var(--gw-color-pink);
    font-size: 1.3rem;
}

.editor-panel-btn-spacing {
    margin-right: 0.4rem;
}

.editor-question .editor-label > label {
    white-space: normal;
}

.editor-req-field {
    color: var(--widget-label-required-field-color);
    font-size: 1.3rem;
    padding-right: 0.5rem;
}

.editor-req-field-row {
    clear: left;
    color: var(--widget-label-required-field-color);
    float: none;
    font-size: 1.3rem;
    padding: 0.7rem 1.2rem 0 0;
    text-align: right;
}

.editor-section {
    clear: left;
}

.editor-section-info {
    clear: left;
    min-height: 27.0rem;
    padding: 0.3rem 3.0rem 0.3rem 6.0rem;
}

.editor-validation-summary {
    background-color: var(--gw-color-coral-10);
    border: var(--widget-invalid-border-thin);
    border-radius: var(--widget-border-radius);
    color: var(--gw-primary-soft-black);
    display: none;
    font-size: var(--font-size-small);
    margin-bottom: 2.0rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 117.0rem;
    padding: 0;
}

.ellipsis-nowrap {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ellipsis-nowrap input {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.entity-new-key-icon {
    color: #00008b;
}

.entity-ranking {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border: 0.1rem solid var(--gw-color-neutral-6);
    cursor: pointer;
    float: left;
    height: 18.68rem;
    margin: 0.5rem 0.5rem;
    padding: 0.5rem 0.5rem;
    width: 24%;
}

    .entity-ranking:focus,
    .entity-ranking:hover {
        border: 0.1rem solid #2eabff !important;
        -webkit-box-shadow: 0 0 0 0.1rem #2eabff !important;
        box-shadow: 0 0 0 0.1rem #2eabff !important;
    }

    .entity-ranking.k-selected {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        color: var(--gw-color-neutral-8);
    }

    .entity-ranking h1 {
        color: #006cff;
        display: inline-block;
        float: left;
        font-size: 3.6rem !important;
        margin: 0 1.5rem 0 0;
    }

    .entity-ranking h2 {
        color: #006cff;
        display: inline-block;
        float: left;
        margin: 0 0 0 0;
    }

.entity-ranking-clear-both {
    clear: both;
}

.entity-ranking-date {
    align-self: flex-end;
    color: var(--gw-color-neutral-6);
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
}

.entity-ranking-hdr {
    display: flex;
    flex-direction: column;
}

.entity-ranking-name {
    font-size: 1.9rem;
    font-weight: var(--font-weight-bold);
    height: 1.9rem;
    margin-top: 1.0rem;
}

.entity-ranking-prv-name {
    color: var(--gw-color-neutral-8);
}

.entity-ranking-qtr-hdr {
    color: var(--gw-color-neutral-6);
    font-size: 1.9rem;
    font-weight: var(--font-weight-bold);
}

.entity-ranking-qtr-left {
    bottom: 0.7rem;
    left: 0.7rem;
    position: absolute;
}

.entity-ranking-qtr-right {
    bottom: 0.7rem;
    position: absolute;
    right: 0.7rem;
}

.entity-ranking-subscript {
    align-self: flex-end;
}

.entity-recurring-key-icon {
    color: #ff0000;
}

.expand-collapse-row {
    clear: both;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    text-align: right;
}

.export-grid-fit {
    font-size: 1.65rem;
    line-height: 1.3rem;
}

.external-link { /*TODO:NOT USED BY EPs*/
    color: #206fb3;
    font-size: 1.6rem;
    margin: 0.8rem 0 0.8rem 0;
}

.external-link-icon { /*TODO:NOT USED BY EPs*/
    padding-left: 1.0rem;
}

.faq-content {
    height: 52.0rem;
}

.faq-listview,
.help-listview {
    display: inline-block;
    width: 100%;
}

.faq-panel {
    padding-top: 0.3rem;
}

.faq-panel-heading {
    background-color: var(--gw-color-neutral-8);
    border-color: #666666;
    color: var(--gw-color-neutral-0);
    padding-bottom: 0.57rem;
    padding-left: 0.43rem;
    padding-top: 0.71rem;
}

.fav-icon-bottom {
    color: var(--gw-color-neutral-8);
    z-index: 1
}

.fav-icon-container {
    float: left;
    height: 3.2rem !important;
    margin-top: 1.7rem;
}

.fav-icon-top {
    color: #ffff00;
}

.fav-icon-top-selected {
    color: #ffff00;
    font-size: 1.3rem;
    z-index: 2
}

.fav-icon-top-unselected {
    font-size: 1.3rem;
    color: var(--gw-color-neutral-0);
    z-index: 2
}

.favorites-button-icon-align {
    vertical-align: 0;
}

.favorites-button-icon-left-pad {
    padding-left: 1.2rem;
}

.favorites-button-icon-right-pad {
    padding-right: 1.0rem;
}

.favorites-container,
.help-container {
    align-items: flex-end;
    display: flex;
    margin-bottom: -0.8rem;
    width: 100%;
}

.favorites-edit-button { /* TODO: convert to standard button styles */
    background: var(--gw-color-neutral-0) !important;
    border: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #808080 !important;
    font-family: inherit;
    font-size: 1.6rem;
    height: 2.8rem !important;
    line-height: 2.0rem !important;
    margin: 0 1.5rem 1.5rem 0;
    min-width: 5.5rem;
    padding: 0.3rem 1.4rem 0.8rem 1.4rem !important;
}

    .favorites-edit-button > span.fa-solid {
        color: var(--gw-color-neutral-8);
    }

.favorites-icon {
    color: var(--gw-color-neutral-0) !important;
}

.favorites-new-button { /* TODO: convert to standard button styles */
    background: var(--gw-secondary-vibrant-green) !important;
    background-color: var(--gw-secondary-vibrant-green) !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #808080 !important;
    font-family: inherit;
    font-size: 1.6rem;
    height: 2.8rem !important;
    line-height: 2.0rem !important;
    margin: 0 1.5rem 1.5rem 0;
    min-width: 5.5rem;
    padding: 0.4rem 1.4rem 0.8rem 1.4rem !important;
}

.favorites-new-icons {
    color: var(--gw-color-neutral-8) !important;
}

.favorites-page-button { /* TODO: convert to standard button styles */
    background: #f0f0f0 !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--gw-color-neutral-8) !important;
    font-family: inherit;
    font-size: 1.6rem;
    height: 2.8rem !important;
    line-height: 2.0rem !important;
    margin: 0 1.5rem 1.5rem 0;
    min-width: 5.5rem;
    padding: 0.4rem 1.4rem 0.8rem 1.4rem !important;
}

.favorites-panel,
.help-panel {
    background-color: var(--gw-color-neutral-0);
    border-bottom: 0.1rem solid #999999;
    border-left: 0.1rem solid #999999;
    border-right: 0.1rem solid #999999;
    border-top: 0.8rem solid var(--gw-color-neutral-8);
    width: 100%;
}

.searchViewedUsers-btn {
    height: 4.0rem;
    margin-top: 0.7rem;
}

.fileupload-remove {
    margin-top: 1.0rem;
}

.fileupload-content-panel-padding-top {
    padding-top: 0.938em; /* NEED TO CONVERT TO REM */
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    height: 100%;
    width: 100%;
}

/* Begin: Filter Nav style classes */
.fltrnav-panel-cell {
    display: flex;
    float: left;
    min-height: 2.6rem;
    padding-left: 1.5rem;
    width: 50%;
}

.fltrnav-panel-cell-bdy-pad {
    padding: 0.8rem 1.5rem 0.6rem 0;
}

.fltrnav-panel-cell-hdr {
    align-items: center;
    background: var(--gw-secondary-vibrant-green);
    background-color: var(--gw-secondary-vibrant-green);
    color: var(--gw-color-neutral-8);
    display: flex;
    padding-left: 0.8rem;
    width: 100%;
}

.fltrnav-panel-ckbx-lbl {
    border-radius: 0.3rem;
    font-weight: 600;
    line-height: 1.9rem;
    text-decoration: none;
    width: 85%;
}

    .fltrnav-panel-ckbx-lbl:active {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        color: #24a1dc;
    }

    .fltrnav-panel-ckbx-lbl:focus,
    .fltrnav-panel-ckbx-lbl:hover {
        background: #1c7eab;
        background-color: #1c7eab;
        color: var(--gw-color-neutral-0);
    }

.fltrnav-panel-ckbx-hdr-lbl {
    display: flex;
    margin-left: 2.5rem;
}

.fltrnav-panel-row {
    background: #ebedf5;
    background-color: #ebedf5;
    display: inline-block;
    float: none;
    margin: 0.3rem 0.3rem 0.7rem 0.3rem;
    min-width: 24.45%;
    padding-bottom: 0.2rem;
    vertical-align: top;
    width: 40.0rem;
}

    .fltrnav-panel-row *:after,
    .fltrnav-panel-row *:before {
        box-sizing: content-box;
    }

    .fltrnav-panel-row .fltrnav-panel-ckbx-hdr-lbl {
        color: var(--gw-color-neutral-8) !important;
        padding-top: 0.2rem;
    }

    .fltrnav-panel-row .k-checkbox-label {
        line-height: 3.5rem;
    }
/* End: Filter Nav style classes */

.font-weight-bold {
    font-weight: var(--font-weight-bold);
}

.font-weight-normal {
    font-weight: var(--font-weight-normal);
}

.fully-transparent {
    opacity: 0.0 !important;
}

.g-recaptcha {
    margin-bottom: 2.5rem;
}

.gm-container,
.gm-container-modal {
    margin-left: auto;
    margin-right: auto;
    max-width: 94.5%;
    padding-top: 3.0rem;
    width: 100%;
}

.go-icon-align {
    /*top: 0.4rem;*/
    top: -0.3rem;
}

.go-icon-bottom-layer {
    color: var(--gw-secondary-vibrant-green);
    font-size: 3.0rem;
    top: 0.8rem;
}

.go-icon-top-layer {
    color: var(--gw-color-neutral-8);
    font-size: 3.0rem;
    left: 0.2rem;
}
/* All Google search units must be in px...Google search does not recognize "rem".
   Theme-related styles must remain in this CSS for all Google classes.  Otherwise, they will not be rendered. */
.google-srch-results-menu {
    display: inline;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 999;
}

    .google-srch-results-menu a {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        border: 1px solid var(--gw-color-neutral-0); /* leave in px */
        color: var(--gw-color-neutral-8);
        width: 100%;
    }

        .google-srch-results-menu a:hover {
            background: var(--gw-color-neutral-8);
            background-color: var(--gw-color-neutral-8);
            border-color: var(--gw-color-neutral-8);
            color: #00c9ff;
            text-decoration: none;
        }

    .google-srch-results-menu li {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        border: 1px solid var(--gw-color-neutral-8); /* leave in px */
        display: inline-flex;
        font-size: 14px; /* leave in px */
        height: 34px; /* leave in px */
        line-height: 34px; /* leave in px */
        width: 15%;
    }

    .google-srch-results-menu > li:first-child a:hover {
        border-bottom-color: var(--gw-color-neutral-8) !important;
        border-left-color: var(--gw-color-neutral-0) !important;
        border-right-color: var(--gw-color-neutral-8) !important;
        border-top-color: var(--gw-color-neutral-8) !important;
    }

    .google-srch-results-menu > li:last-child a:hover {
        border-bottom-color: var(--gw-color-neutral-8) !important;
        border-left-color: var(--gw-color-neutral-8) !important;
        border-right-color: var(--gw-color-neutral-0) !important;
        border-top-color: var(--gw-color-neutral-8) !important;
    }

.google-srch-results-menu-btn-lbl {
    display: block;
    font-family: 'Poppins',sans-serif;
    font-size: 16px; /* leave in px */
    font-weight: var(--font-weight-bold);
}

.google-srch-results-navbar {
    background: var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-8);
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; /* leave in px */
    padding: 0;
    width: 100%;
}

.google-srch-results-navbar-container {
    background: var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-8);
}

/* Begin: Kendo grid accessory class styles */
.grid-body-scroll {
    overflow: auto !important;
    height: 20.0rem;
}

.grid-checkbox {
    line-height: normal !important;
    padding: 0 !important;
    text-align: center !important;
}

.grid-checkbox-nolabel {
    line-height: normal !important;
    padding: 1.0rem 0 0 0 !important;
    text-align: center !important;
}

.grid-col-hdr-cell {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
}

    .grid-col-hdr-cell > a.k-link {
        outline: none;
    }

.grid-col-sort-ind-icon {
    color: var(--widget-icon-color);
    cursor: pointer;
    font-size: 1.8rem;
}

.grid-col-sorted-ind-icon {
    color: var(--widget-icon-active-color);
    cursor: pointer;
    font-size: 1.6rem;
}

.grid-export {
    float: left;
    margin-left: 0.7rem;
}

    .grid-export > .k-widget.k-dropdown {
        width: 100%;
    }

.grid-filter-buttons {
    background: var(--gw-color-neutral-6);
    background-color: var(--gw-color-neutral-6);
}

    .grid-filter-buttons .k-button-clear {
        display: none;
    }

.grid-filter-icon-cell {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    color: transparent;
    margin-left: 0.5rem;
    position: relative;
    top: -0.2rem;
    width: 1.1rem;
}

.grid-header-attribute {
    overflow: visible !important;
    white-space: normal !important;
}

.grid-header-select {
    display: inline;
    font-weight: var(--font-weight-bold);
    line-height: 1.8rem;
    margin: -0.5rem -0.2rem -0.4rem 0;
    min-height: 1.8rem;
    overflow: hidden;
    padding: 0.5rem 0.6rem 0.4rem 0;
    text-overflow: ellipsis;
}

.grid-hide-command-column a {
    visibility: hidden;
}

.grid-info-bar {
    display: flex;
    height: 4.0rem;
    line-height: 4.0rem;
    justify-content: space-between;
}

.grid-kbd-icon {
    font-size: 3.0rem;
    padding: 0 0.4rem 0.4rem 0.5rem;
}

.grid-nav-disabled {
    font-weight: var(--font-weight-normal);
}

.grid-nav-enabled {
    font-weight: var(--font-weight-bold);
    padding: 0 0.2rem 0.2rem 0.2rem;
}

.grid-no-records {
    font-weight: var(--font-weight-bold);
    height: 5.0rem;
    line-height: 5.0rem;
    text-align: center;
}

.grid-sort-icon-cell {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    color: transparent;
    margin-left: 0.5rem;
    top: -0.7rem;
    width: 1.1rem;
}

    .grid-sort-icon-cell .fa-caret-down:before,
    .grid-sort-icon-cell .fa-caret-up:before {
        font-size: 1.7rem;
    }

.grid-toolbar-primary {
    align-items: center;
    background: #e0e0e0;
    background-color: #e0e0e0;
    display: flex;
    float: right;
    padding: 0.2rem;
}

    .grid-toolbar-primary .float-left {
        position: absolute;
        left: 1.0rem;
    }

    .grid-toolbar-primary .k-checkbox-label {
        color: var(--gw-color-neutral-8);
    }

    .grid-toolbar-primary input.k-checkbox + label,
    .grid-toolbar-secondary input.k-checkbox + label {
        top: 0.2rem;
    }

.grid-toolbar-secondary {
    background: #e0e0e0;
    background-color: #e0e0e0;
    margin-bottom: 0.7rem;
    margin-top: 0;
    padding: 0.7rem 0.8rem 0.7rem 0.8rem;
    width: 99%;
}

.grid-toolbar-secondary-content {
    float: right;
    font-family: 'Poppins',sans-serif;
    font-size: 1.7rem;
    font-weight: var(--font-weight-bold);
    margin-right: 2.2rem;
}

.grid-toolbar-spacer-left {
    margin-left: 4.0rem !important;
}

.grid-toolbar-spacer-right {
    margin-right: 4.0rem !important;
}

.grid-toolbar-spacer-top {
    margin-top: 0.5rem;
}

.grid-theme-dark {
    background: var(--other-primary-soft-blue) !important;
    background-color: var(--other-primary-soft-blue) !important;
    color: var(--gw-color-neutral-0) !important;
}
/* End: Kendo grid accessory class styles */

.gs-fileFormat {
    text-align: left;
}

.gs-promotion-image-box,
.gs-web-image-box {
    margin-right: 2.0rem !important;
}

.gs-result .gs-title {
    line-height: 3.0rem;
    text-align: left;
}

.gs-webResult div.gs-visibleUrl {
    color: #1c5f9B !important;
    line-height: 2.0rem;
}

.gsc-control-cse .gsc-table-result {
    padding-top: 1.0rem;
}

.gsc-results .gsc-cursor-box {
    background: var(--gw-color-neutral-8);
    min-height: 3.0rem;
    padding: 0.5rem 1.0rem;
}

    .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
        background: var(--gw-color-neutral-8) !important;
    }

    .gsc-results .gsc-cursor-box .gsc-cursor-page {
        background: var(--gw-color-neutral-8) !important;
        color: var(--gw-color-neutral-0) !important;
    }

.gsc-results-wrapper-visible {
    text-align: left;
}

.hamburger {
    align-items: center;
    display: flex;
}

    .hamburger i {
        margin: 0.5rem 1.0rem;
        padding: 1.0rem;
    }

        .hamburger i:focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            outline-offset: 0;
        }

.header { /* USED ONLY IN MasterView, TPLCaseTracking & TPLPolicy */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.header-img-object {
    display: block;
    line-height: 8.0rem;
    outline: 0;
    z-index: 1;
}

.header-language {
    color: var(--gw-color-neutral-8);
    font-family: inherit;
    font-size: 1.42rem;
    padding-right: 2.0rem;
    padding-top: 0.5rem;
}

.header-language-dropdown {
    background-color: var(--gw-color-neutral-0);
    border-color: #b3b3b3;
    float: right;
    width: 12.5rem;
}

    .header-language-dropdown.k-dropdown .k-dropdown-wrap {
        height: 2.5rem;
    }

.header-scroll {
    -webkit-box-shadow: 0 0 2.0rem 0 #777777;
    box-shadow: 0 0 2.0rem 0 #777777;
}

.header-welcome {
    color: var(--gw-color-neutral-8);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.43rem;
    justify-content: flex-end;
    padding-right: 2.0rem;
    padding-top: 1.2rem;
    white-space: nowrap;
}

/* Begin: HEADROOM style classes */
/* DO NOT USE OR MODIFY ... "headroom" classes only for HeadRoom API */
.headroom {
    transition: transform 200ms linear;
    will-change: transform;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}
/* End: HEADROOM style classes */

.help-default-panel { /* used in Provider Enrollment */
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.help-div-content { /* used in Program Integrity */
    padding-left: 1.5rem;
}

.help-icon-container { /* multiple uses */
    float: right;
    margin-bottom: -0.65rem;
    margin-right: 3.2rem;
}

.help-icon-panel-hdr { /* TODO: Deprecated...replaced by .panel-icon */ /* 46 occurances */
    display: inline-block;
    float: right;
    line-height: 3.7rem;
    margin-right: 0.4rem;
}

.help-icon-stack-bkgrnd {
    color: var(--gw-color-neutral-8);
    line-height: 3.0rem;
}

.help-icon-stack-bottom {
    color: var(--gw-primary-soft-black);
    font-size: 2.7rem;
    font-style: normal;
    line-height: 3.0rem;
}

.help-icon-stack-bottom-nav {
    color: var(--gw-primary-soft-black);
}

.help-icon-stack-container {
    height: 3.2rem;
}

.help-icon-stack-top {
    color: var(--gw-secondary-vibrant-green);
    font-size: 2.0rem;
    font-style: normal;
    line-height: 3.0rem;
}

.help-listview {
    border-bottom: 0.1rem solid #666666;
}

.help-module {
    margin-bottom: 0.1rem;
}

.help-panel {
    background-color: var(--gw-color-neutral-0);
    border-bottom: 0.1rem solid #999999;
    border-left: 0.1rem solid #999999;
    border-right: 0.1rem solid #999999;
    border-top: 0.8rem solid #999999;
}

.help-panel-body {
    border: 0.1rem solid #bbbbbb;
    height: 50.0rem;
}

.help-panel-heading { /* TODO: multiple uses */
    font-size: small;
    padding-bottom: 0.5rem;
}

.help-panel-primary { /* TODO: used in DrugRebate, ManagedCare, MemberPortal, PlanManagement, ProviderEnrollment, ProviderManagement, TPLCaseTracking, TPLPolicy */
    border: 0.8rem solid;
    border-radius: 1.0rem;
}

.help-panel-primary-heading { /* TODO: multiple uses */
    border-radius: 0;
    font-weight: var(--font-weight-bold);
    padding: 0.5rem 0.1rem;
}

.help-panel-primary-heading-color {
    background-color: #808080;
    border-color: #808080;
    color: var(--gw-color-neutral-0);
}

.help-parent-container { /* used in MemberPortal */
    display: inline-block;
    width: 100%;
}

.help-popup-panel-body { /* TODO: multiple uses */
    padding-left: 1.5rem;
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
}

.help-popup-panel-body-color {
    background-color: var(--gw-color-neutral-0);
}

.help-popup-panel-main { /* TODO: multiple uses */
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.help-search-no-results { /* TODO: multiple uses */
    font-weight: var(--font-weight-bold);
    margin-bottom: 2.0rem;
    margin-top: 2.0rem;
    text-align: center;
}

.help-search-result-title {
    clear: left;
    font-weight: var(--font-weight-bold);
    padding: 7px 0 0 0;
}

.help-search-result-type {
    padding: 0 0 0.7rem 0;
}

.help-srchbar-icon {
    color: var(--gw-color-neutral-0);
}

.help-srchbar-icon-align {
    float: left;
    margin-left: 2.0rem;
    margin-top: 1.0rem;
}

    .help-srchbar-icon-align a {
        outline: none;
    }

.help-srchbar-instruct {
    background-color: var(--gw-color-neutral-0);
    border: 0.1rem solid var(--gw-color-neutral-8);
    color: var(--gw-color-neutral-8);
    font-family: 'Poppins',sans-serif;
    font-size: 1.4rem;
    height: 2.4rem;
    line-height: 1.6rem;
    margin-left: 1.0rem;
    margin-top: 0.8rem;
}

.help-srchbar-instruct-align {
    float: left;
    width: 94%;
}

.help-tabs {
    margin-left: auto;
}

.help-title-content { /* TODO: multiple uses */
    font-size: large;
    font-weight: 900;
}

.highlights-icon {
    background: #00eeaa;
    background-color: #00eeaa !important;
    border: 0.1rem solid #00eeaa;
    border-radius: 4.0rem;
    font-size: 3.6rem;
    margin: 0 auto;
    padding: 1.0rem;
    text-align: center;
    width: 6.0rem;
}

    .highlights-icon i {
        font-size: 3.0rem;
    }

.highlights-wrap {
    clear: both;
    padding: 4.0rem 0;
}

.home-banner {
    background: url('/Content/gwt.ua3.core.home-banner3.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    height: auto;
    margin-top: -1.0rem;
    min-height: 35.0rem;
    padding: 5.0rem;
}

    .home-banner .col-md-5 {
        background-color: rgba(255, 255, 255, 0.7);
        padding: 3.0rem;
        text-align: center;
    }

        .home-banner .col-md-5 h1 {
            font-family: 'Poppins Bold',sans-serif;
            font-size: 4.4rem;
            padding-bottom: 2rem;
        }

            .home-banner .col-md-5 h1 strong {
                display: block;
            }

        .home-banner .col-md-5 h3 {
            padding: 2.0rem 0;
        }

        .home-banner .col-md-5 p {
            font-size: 1.6rem;
            line-height: 2.4rem;
            margin-bottom: 2.0rem;
        }

.home-dshbrd-col {
    padding: 2.0rem;
    width: 32%;
}

    .home-dshbrd-col .editor-label > label {
        text-align: left;
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
    }

.home-dshbrd-container {
    background: #dedede;
    padding-bottom: 3.0rem;
}

.horz-rule {
    border-bottom: 0.1rem solid #333333;
    clear: both;
    margin-bottom: 3.0rem;
}

.huge {
    font-size: 4.0rem;
}

.icn-xref-label {
    width: 30.0rem;
}

.icon-bar-chart-inverse,
.icon-calendar-check-inverse,
.icon-cubes-inverse,
.icon-dshbrd-panel-inverse,
.icon-exclamation-triangle-inverse,
.icon-hospital-o-inverse,
.icon-id-card-inverse,
.icon-random-inverse {
    background: #777777;
    background-color: #777777;
    color: var(--gw-color-neutral-0);
    font-size: 4.3rem;
    height: 6.6rem;
    line-height: 6.6rem;
    text-align: center;
    width: 6.5rem;
}

.icon-button {
    min-width: 1.5rem;
}

.icon-disable {
    opacity: 0.4;
    pointer-events: none;
}

.icon-spacer-right {
    margin-right: 0.5rem;
}

.icon-status-error {
    color: #db0000;
    float: right;
    margin: 0.8rem 0 0.7rem 0;
}

.icon-status-not-read {
    color: #666666;
    float: right;
    margin: 0.8rem 0 0.7rem 0;
}

.icon-status-partial {
    color: var(--gw-color-pink);
    float: right;
    margin: 0.8rem 0 0.7rem 0;
}

.icon-status-success {
    color: #008000;
    float: right;
    margin: 0.8rem 0 0.7rem 0;
}

.id-card-reason { /*TODO: USED ONE TIME ONLY IN MBR PORTAL*/
    padding-right: 0;
    width: 16.3%;
}

.img-action {
    margin-left: 0.6rem;
    margin-top: 0.5rem;
}

.img-calendar {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
}

.img-size {
    font-size: 4.0rem;
}

.inactive-link {
    cursor: default;
    pointer-events: none;
}

    .inactive-link:hover {
        background-color: #ff0000 !important;
    }

.inline-btn-align {
    align-self: flex-end;
}

.inline-link-align {
    align-self: flex-end;
    margin-bottom: 0.45rem;
}

.instructional-text {
    color: var(--elment-instructional-text-color);
    font-size: 1.5rem;
    line-height: 1.9rem;
    max-width: 120.0rem;
}

.int-dshbrd-ddl-height {
    margin-top: -0.7rem;
}

.int-dshbrd-header-padding {
    padding-left: 1.0rem;
}

.is-acknowledgeable input.k-checkbox {
    display: inline-block;
    position: relative;
    width: 2.0rem;
}

    .is-acknowledgeable input.k-checkbox[disabled] {
        color: #444444 !important;
    }

.is-acknowledgeable label.k-checkbox-label {
    display: inline-block;
    padding-left: 0;
}

.k-animation-container .k-list .k-list-group-sticky-header {
    display: none !important;
}

.k-animation-container-shown {
    border: 0.1rem solid var(--widget-border-color) !important;
    border-radius: 0 0 0.5rem 0.5rem;
    font-size: var(--widget-input-font-size);
    margin-top: -0.3rem;
}
/* Begin: Kendo AutoComplete widget overwrites */
.k-autocomplete,
.k-autocomplete.k-hover {
    background: var(--widget-background-color) !important;
    background-color: var(--widget-background-color) !important;
    border-bottom-color: var(--widget-border-color) !important;
    border-left-color: var(--widget-background-color) !important;
    border-radius: 0 !important;
    border-right-color: var(--widget-background-color) !important;
    border-style: solid;
    border-top-color: var(--widget-background-color) !important;
    border-width: 0.1rem;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 100%;
}

    .k-autocomplete.k-focus,
    .k-autocomplete.k-focus.k-invalid,
    .k-autocomplete.k-focus.k-hover,
    .k-autocomplete.k-focus.k-hover.k-invalid {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-autocomplete.k-invalid {
        background: var(--gw-color-coral-10) !important;
        background-color: var(--gw-color-coral-10) !important;
        outline: 0.1rem solid #672822;
        outline-offset: -0.1rem;
    }

    .k-autocomplete .k-i-loading {
        display: none;
    }

/* End: Kendo AutoComplete widget overwrites */
/* Begin: Kendo Breadcrumb */
.k-breadcrumb {
    border-bottom: 0.1rem solid var(--gw-color-neutral-4);
}

    .k-breadcrumb a.k-breadcrumb-link {
        color: var(--gw-color-royal-blue);
    }

        .k-breadcrumb a.k-breadcrumb-link.k-disabled {
            color: var(--gw-primary-soft-black);
        }
/* Begin: Kendo Button widget overwrites */
.k-button {
    background: var(--button-background-color) !important;
    background-color: var(--button-background-color) !important;
    border: 0.1rem solid var(--button-border-color) !important;
    border-radius: 0.4rem !important;
    color: var(--button-font-color) !important;
    font-family: Arial,'Font Awesome 6 Pro',sans-serif;
    font-size: var(--button-font-size);
    font-weight: bold;
    height: auto;
    min-width: 5.5rem;
    padding: 0.8rem 1.6rem !important;
}

    .k-button:active {
        background: var(--button-background-active-color) !important;
        background-color: var(--button-background-active-color) !important;
        color: var(--gw-color-royal-blue-shade-10);
    }

    .k-button:focus,
    .k-button.k-focus {
        background: var(--button-background-focus-color) !important;
        background-color: var(--button-background-focus-color) !important;
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: 0.2rem;
    }

    .k-button:hover,
    .k-button.k-hover {
        background: var(--button-background-hover-color) !important;
        background-color: var(--button-background-hover-color) !important;
        color: var(--gw-color-royal-blue-shade-10) !important;
    }

    .k-button[disabled],
    .k-button[disabled]:hover,
    .k-button[disabled].k-hover,
    .k-button.k-disabled,
    .k-button.k-disabled:hover,
    .k-button.k-disabled.k-hover {
        background: var(--button-background-color) !important;
        background-color: var(--button-background-color) !important;
        border-color: var(--button-border-color) !important;
        opacity: 0.4;
    }
    /*    .k-button.k-button-md {
        line-height: 3.2rem;
    }*/
    .k-button.k-menu-scroll-button {
        border-radius: 0;
    }

    .k-button.k-overflow-anchor {
        height: 3.2rem !important;
        padding: 0;
    }

    .k-button.k-spinner-decrease,
    .k-button.k-spinner-increase {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        left: -0.1rem;
        line-height: 1.6rem;
        max-width: 1.6rem;
        min-width: auto;
        max-height: 1.6rem;
        min-height: auto;
        top: -0.5rem;
    }

    .k-button.k-tool {
        min-width: auto;
        padding: 0;
    }

    .k-button.mg-button {
        min-width: 4.5rem;
        padding: 0;
    }

    .k-button.nav-button {
        background: var(--button-background-alt-color) !important;
        background-color: var(--button-background-alt-color) !important;
        border: 0.1rem solid var(--button-border-color) !important;
        border-radius: 0.6rem !important;
        color: var(--button-font-alt-color) !important;
        height: 3.2rem;
        min-width: 4.5rem;
        padding: 0 !important;
    }

        .k-button.nav-button:focus,
        .k-button.nav-button.k-focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            outline-offset: -0.1rem;
        }

        .k-button.nav-button:hover,
        .k-button.nav-button.k-hover {
            background: var(--button-background-alt-hover-color) !important;
            background-color: var(--button-background-alt-hover-color) !important;
            color: var(--button-font-color) !important;
        }

        .k-button.nav-button .k-sprite.fa-sort-down {
            margin-top: -3.4rem;
            overflow: visible;
        }

        .k-button.nav-button .k-sprite.fa-sort-up {
            margin-top: -1.4rem;
            overflow: visible;
        }

            .k-button.nav-button .k-sprite.fa-sort-down:before,
            .k-button.nav-button .k-sprite.fa-sort-up:before {
                font-size: 2.2rem;
            }

    .k-button#favoritesButton,
    .k-button.k-primary,
    .k-button.k-button-solid-primary,
    .k-button.primary-button {
        background: var(--button-background-primary-color) !important;
        background-color: var(--button-background-primary-color) !important;
        border-color: var(--button-border-primary-color) !important;
        color: var(--button-font-primary-color) !important;
        font-weight: var(--font-weight-bold);
    }

        .k-button#favoritesButton:active,
        .k-button.k-primary:active,
        .k-button.primary-button:active {
            background: var(--gw-color-royal-blue-shade-10) !important;
            background-color: var(--gw-color-royal-blue-shade-10) !important;
            border-color: var(--button-border-primary-active-color) !important;
        }

        .k-button#favoritesButton:focus,
        .k-button.k-primary:focus,
        .k-button.primary-button:focus {
            background: var(--button-background-primary-focus-color) !important;
            background-color: var(--button-background-primary-focus-color) !important;
            border-color: var(--button-border-primary-focud-color) !important;
        }

        .k-button#favoritesButton:hover,
        .k-button.k-primary:hover,
        .k-button.primary-button:hover {
            background: var(--button-background-primary-hover-color) !important;
            background-color: var(--button-background-primary-hover-color) !important;
            border-color: var(--button-border-primary-hover-color) !important;
            color: var(--button-font-primary-hover-color) !important;
        }

    .k-button:not(.nav-button) .k-sprite {
        line-height: 1.6rem;
        font-size: 1.6rem;
        height: auto;
        width: auto;
    }

    .k-button .k-button-text,
    .k-button .k-text {
        overflow: unset;
    }
/* End: Kendo Button widget overwrites */

/* Begin: Kendo Button Icon overwrites */
.k-button-icon {
    background-image: none;
    font-weight: var(--font-weight-bold);
}
/* End: Kendo Button Icon overwrites */

/* Begin: Kendo Calendar widget overwrites */
.k-calendar {
    font-family: inherit;
    font-size: var(--widget-input-font-size);
}

    .k-calendar.k-calendar-md {
        align-items: center !important;
        background: var(--gw-color-neutral-0) !important;
        box-shadow: 0 0.4rem 1.0rem 0.1rem rgba(0, 0, 0, 0.08) !important;
        margin-top: 0.8rem !important;
    }

    .k-calendar td.k-focus .k-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-calendar td.k-hover:not(.k-focus) .k-link,
    .k-calendar td.k-selected,
    .k-calendar td.k-selected.k-hover .k-link,
    .k-calendar td.k-selected .k-link,
    .k-calendar .k-today.k-selected,
    .k-calendar .k-today.k-selected .k-link {
        background: var(--widget-calendar-date-element-selected) !important;
        background-color: var(--widget-calendar-date-element-selected) !important;
        border-color: var(--widget-calendar-date-element-selected) !important;
        -webkit-box-shadow: none;
        box-shadow: none !important;
    }

    .k-calendar .k-calendar-header .k-button,
    .k-calendar .k-calendar-header .k-button:hover {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
    }

    .k-calendar .k-calendar-header .k-calendar-nav-next.k-button,
    .k-calendar .k-calendar-header .k-calendar-title.k-button,
    .k-calendar .k-calendar-header .k-calendar-nav-prev.k-button,
    .k-calendar .k-calendar-header .k-calendar-nav-today.k-button {
        border-color: none !important;
        color: var(--widget-calendar-header-button-color) !important;
        min-width: auto !important;
        padding: inherit !important;
    }

        .k-calendar .k-calendar-header .k-calendar-nav-next.k-button:active,
        .k-calendar .k-calendar-header .k-calendar-title.k-button:active,
        .k-calendar .k-calendar-header .k-calendar-nav-prev.k-button:active,
        .k-calendar .k-calendar-header .k-calendar-nav-today.k-button:active {
            border-color: none !important;
            color: var(--widget-calendar-header-button-color-active) !important;
        }

        .k-calendar .k-calendar-header .k-calendar-nav-next.k-button:before,
        .k-calendar .k-calendar-header .k-calendar-nav-prev.k-button:before,
        .k-calendar .k-calendar-header .k-calendar-nav-today.k-button::before,
        .k-calendar .k-calendar-header .k-calendar-title.k-button:before {
            background: transparent;
        }

        .k-calendar .k-calendar-header .k-calendar-nav-next.k-button:focus,
        .k-calendar .k-calendar-header .k-calendar-nav-prev.k-button:focus,
        .k-calendar .k-calendar-header .k-calendar-nav-today.k-button:focus,
        .k-calendar .k-calendar-header .k-calendar-title.k-button:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            outline-offset: 0 !important;
        }

        .k-calendar .k-calendar-header .k-calendar-nav-next.k-button:hover,
        .k-calendar .k-calendar-header .k-calendar-title.k-button:hover,
        .k-calendar .k-calendar-header .k-calendar-nav-prev.k-button:hover,
        .k-calendar .k-calendar-header .k-calendar-nav-today.k-button:hover {
            border-color: none !important;
            color: var(--widget-calendar-header-button-color-hover) !important;
        }

    .k-calendar .k-calendar-header .k-button.k-icon-button {
        /*color: var(--button-font-color) !important;
        font-family: 'Font Awesome 6 Pro', Arial, sans-serif !important;
        font-size: var(--button-font-size) !important;
        height: auto !important;
        line-height: 1.6rem !important;*/
        min-width: 3.0rem !important;
        padding: 0.5rem 0.5rem !important;
    }

    .k-calendar .k-calendar-monthview .k-calendar-td,
    .k-calendar .k-calendar-monthview .k-calendar-th {
        align-items: center !important;
        background: #fafafa !important;
        display: flex !important;
        height: 3.5rem !important;
        justify-content: center !important;
        padding: 0.8rem !important;
        width: 3.5rem !important;
    }

        .k-calendar .k-calendar-monthview .k-calendar-td:not(.k-selected).k-today {
            background: var(--gw-color-neutral-0);
            border: 0.1rem solid var(--widget-calendar-date-today);
            border-radius: 5.0rem;
            font-weight: var(--font-weight-normal);
            height: 3.0rem !important;
            margin: 0.3rem;
            width: 3.0rem !important;
        }

            .k-calendar .k-calendar-monthview .k-calendar-td:not(.k-selected).k-today.k-focus {
                outline: 0.2rem solid var(--gw-color-pink) !important;
                outline-offset: 0.1rem !important;
            }

        .k-calendar .k-calendar-monthview .k-calendar-td.k-selected,
        .k-calendar .k-calendar-monthview .k-calendar-td.k-selected:hover,
        .k-calendar .k-calendar-yearview .k-calendar-td.k-selected .k-link,
        .k-calendar .k-calendar-yearview .k-calendar-td.k-selected .k-link:hover {
            background-color: var(--widget-calendar-date-element-selected) !important;
            border: 0.3rem solid var(--widget-calendar-date-element-selected) !important;
            border-radius: 5.0rem !important;
            color: var(--gw-color-neutral-0) !important;
            font-weight: var(--font-weight-normal);
        }

    .k-calendar .k-calendar-centuryview .k-calendar-td,
    .k-calendar .k-calendar-decadeview .k-calendar-td,
    .k-calendar .k-calendar-yearview .k-calendar-td {
        padding: 1.2rem;
    }

        .k-calendar .k-calendar-centuryview .k-calendar-td.k-focus,
        .k-calendar .k-calendar-decadeview .k-calendar-td.k-focus,
        .k-calendar .k-calendar-yearview .k-calendar-td.k-focus {
            outline: 0.2rem solid var(--gw-color-pink) !important;
            outline-offset: -1.2rem !important;
        }

        .k-calendar .k-calendar-centuryview .k-calendar-td.k-selected,
        .k-calendar .k-calendar-decadeview .k-calendar-td.k-selected,
        .k-calendar .k-calendar-yearview .k-calendar-td.k-selected {
            background: transparent !important;
            background-color: transparent !important;
        }

            .k-calendar .k-calendar-centuryview .k-calendar-td.k-selected.k-focus,
            .k-calendar .k-calendar-centuryview .k-calendar-td.k-selected.k-focus:hover,
            .k-calendar .k-calendar-decadeview .k-calendar-td.k-selected.k-focus,
            .k-calendar .k-calendar-decadeview .k-calendar-td.k-selected.k-focus:hover,
            .k-calendar .k-calendar-yearview .k-calendar-td.k-selected.k-focus,
            .k-calendar .k-calendar-yearview .k-calendar-td.k-selected.k-focus:hover {
                border-radius: 5.0rem;
                outline: 0.2rem solid var(--gw-color-pink) !important;
                outline-offset: -1.2rem !important;
            }

        .k-calendar .k-calendar-centuryview .k-calendar-td:not(.k-selected).k-today,
        .k-calendar .k-calendar-centuryview .k-calendar-td:not(.k-selected).k-today:hover,
        .k-calendar .k-calendar-decadeview .k-calendar-td:not(.k-selected).k-today,
        .k-calendar .k-calendar-decadeview .k-calendar-td:not(.k-selected).k-today:hover,
        .k-calendar .k-calendar-yearview .k-calendar-td:not(.k-selected).k-today,
        .k-calendar .k-calendar-yearview .k-calendar-td:not(.k-selected).k-today:hover,
        .k-calendar .k-calendar-yearview .k-calendar-td:not(.k-selected).k-today .k-link,
        .k-calendar .k-calendar-yearview .k-calendar-td:not(.k-selected).k-today:hover .k-link {
            background: var(--gw-color-neutral-0);
            font-weight: var(--font-weight-normal);
        }

        .k-calendar .k-calendar-centuryview .k-calendar-td.k-today .k-link,
        .k-calendar .k-calendar-centuryview .k-calendar-td.k-today:hover .k-link,
        .k-calendar .k-calendar-decadeview .k-calendar-td.k-today .k-link,
        .k-calendar .k-calendar-decadeview .k-calendar-td.k-today:hover .k-link,
        .k-calendar .k-calendar-yearview .k-calendar-td.k-today .k-link,
        .k-calendar .k-calendar-yearview .k-calendar-td.k-today:hover .k-link {
            border: 0.1rem solid var(--widget-calendar-date-today) !important;
            border-radius: 5.0rem;
        }

        .k-calendar .k-calendar-centuryview .k-calendar-td.k-today .k-link,
        .k-calendar .k-calendar-centuryview .k-calendar-td.k-today:hover .k-link,
        .k-calendar .k-calendar-decadeview .k-calendar-td.k-today .k-link,
        .k-calendar .k-calendar-decadeview .k-calendar-td.k-today:hover .k-link {
            background-color: var(--widget-calendar-date-today) !important;
        }

    .k-calendar .k-calendar-td {
        cursor: pointer !important;
    }

        .k-calendar .k-calendar-td:hover .k-link,
        .k-calendar .k-calendar-td.k-hover .k-link {
            border-color: transparent !important;
            background-color: transparent !important;
        }

        .k-calendar .k-calendar-td.k-focus .k-link {
            box-shadow: none;
        }

        .k-calendar .k-calendar-td.k-today {
            border-radius: 5.0rem !important;
        }

    .k-calendar .k-calendar-th {
        color: var(--widget-calendar-header-days);
        font-size: var(--font-size-small);
        font-weight: var(--font-weight-bold);
    }

    .k-calendar .k-calendar-tr {
        display: flex !important;
    }

    .k-calendar .k-calendar-view .k-today {
        color: var(--widget-input-font-color);
    }

    .k-calendar .k-content th,
    .k-calendar .k-footer .k-nav-today {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
    }

    .k-calendar .k-focus,
    .k-calendar .k-focus.k-selected {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.2rem;
    }

        .k-calendar .k-focus.k-hover,
        .k-calendar .k-focus.k-hover.k-selected {
            background-color: #d5e5f3 !important;
        }

    .k-calendar .k-hover.k-selected .k-link {
        color: var(--gw-color-neutral-8);
    }

    .k-calendar .k-nav-fast {
        border: none !important;
        height: 3.0rem !important;
        min-width: 0;
        padding: 0;
    }

        .k-calendar .k-nav-fast:hover,
        .k-calendar .k-nav-next:hover,
        .k-calendar .k-nav-prev:hover {
            background-color: #ebebeb;
        }

    .k-calendar .k-nav-next,
    .k-calendar .k-nav-prev {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        border: none !important;
        height: 3.0rem !important;
        min-width: 0;
        padding: 0 !important;
        width: 3.0rem;
    }

.k-calendar-container.k-state-border-down, .k-calendar-container.k-state-border-up {
    border-radius: 0 !important;
}
/* End: Kendo Calendar widget overwrites */

/* Begin: Kendo Checkbox widget overwrites */
.k-checkbox {
    background: var(--widget-checkbox-background) !important;
    background-color: var(--widget-checkbox-background) !important;
    border-color: var(--widget-border-color) !important;
    border-radius: var(--widget-border-radius) !important;
    color: var(--widget-input-font-color) !important;
    height: 1.8rem;
    min-width: 1.8rem;
    width: 1.8rem;
    z-index: 1;
}

    .k-checkbox:before {
        content: "";
        font-family: 'Font Awesome 6 Pro', Arial, sans-serif;
        font-size: var(--font-size-xsmall);
        font-weight: 700;
        height: auto; /*Bootstrap overwrites*/
        left: auto; /*Bootstrap overwrites*/
        margin-left: 0.3rem;
        margin-top: 0.8rem;
        top: auto; /*Bootstrap overwrites*/
        width: auto; /*Bootstrap overwrites*/
    }

    .k-checkbox:checked::before {
        content: "\f00c";
    }

    .k-checkbox:checked {
        background: var(--gw-color-neutral-0) !important;
        color: var(--gw-color-royal-blue) !important;
        border-color: var(--widget-checkbox-border) !important;
    }

    .k-checkbox:focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline) !important;
        outline-offset: -0.1rem !important;
    }

    .k-checkbox + .k-checkbox-label,
    .k-checkbox-label + .k-checkbox {
        display: inline-flex;
        margin-left: 1.0rem; /*overwrites bootstrap*/
        margin-top: 0.1rem;
    }

.k-checkbox-label {
    font-size: 1.6rem;
    top: -0.1rem;
}
/* End: Kendo Checkbox widget overwrites */

/* Begin: Kendo Clear icon overwrites (a component of Kendo AutoComplete & MultiSelect widgets) */
.k-clear-value {
    border-left: 0.1rem solid var(--widget-button-border);
    color: var(--widget-input-font-color);
    cursor: pointer;
    height: 100%;
    line-height: 2.6rem;
    outline: none;
    position: absolute;
    right: 4rem;
    text-align: center;
    top: 0;
    width: 2.8rem;
    z-index: 1006;
}

    .k-clear-value:hover {
        background: var(--widget-button-background-hover);
        background-color: var(--widget-button-background-hover);
    }
/* End: Kendo Clear icon overwrites */

.k-colorpicker,
.k-combobox,
.k-selectbox,
.k-toolbar .k-split-button {
    width: 100%;
}

.k-combobox-clearable .k-input {
    width: calc(100% - 2.8rem);
}

/* Begin: Kendo DatePicker/DateTimePicker/TimePicker widget overwrites */
.k-datepicker,
.k-datepicker:hover,
.k-datetimepicker,
.k-datetimepicker:hover,
.k-timepicker,
.k-timepicker:hover {
    background: var(--widget-background-color);
    background-color: var(--widget-background-color);
    border: 0.1rem solid var(--widget-border-color);
    border-radius: var(--widget-border-radius);
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    height: var(--widget-container-height);
    width: 100%;
}

    .k-datepicker:has(input[aria-invalid="true"]),
    .k-datepicker:has(input[aria-invalid="true"]):hover,
    .k-datetimepicker:has(input[aria-invalid="true"]),
    .k-datetimepicker:has(input[aria-invalid="true"]):hover,
    .k-timepicker:has(input[aria-invalid="true"]),
    .k-timepicker:has(input[aria-invalid="true"]):hover {
        background: #f2dede !important;
        background-color: #f2dede !important;
        border: 0.1rem solid #672822 !important;
    }

    .k-datepicker:has(input[aria-readonly="true"]),
    .k-datepicker:has(input[aria-readonly="true"]):hover {
        background-color: var(--widget-background-readonly-color) !important;
        border: 0.1rem solid var(--widget-border-readonly-color) !important;
        border-bottom: 0.1rem solid var(--widget-border-color) !important;
        border-radius: 0;
    }

        .k-datepicker:has(input[aria-readonly="true"]) .k-input-inner {
            background: transparent !important;
            background-color: transparent !important;
            border-left: 0 !important;
            border-top: 0 !important;
            border-right: 0 !important;
            border-radius: 0 !important;
            color: var(--widget-input-font-color-readonly) !important;
            cursor: default;
            font-weight: var(--font-weight-bold) !important;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .k-datepicker.k-focus,
    .k-datepicker.k-invalid.k-focus,
    .k-datepicker.k-focus:hover,
    .k-datepicker.k-focus.k-hover,
    .k-datepicker.k-invalid.k-focus:hover,
    .k-datepicker.k-invalid.k-focus.k-hover,
    .k-datetimepicker.k-focus,
    .k-datetimepicker.k-invalid.k-focus,
    .k-datetimepicker.k-focus.k-hover,
    .k-datetimepicker.k-invalid.k-focus.k-hover,
    .k-timepicker.k-focus,
    .k-timepicker.k-invalid.k-focus,
    .k-timepicker.k-focus.k-hover,
    .k-timepicker.k-invalid.k-focus.k-hover {
        outline: 0.2rem solid var(--gw-color-pink) !important;
        outline-offset: 0.2rem !important;
    }

    .k-datepicker .k-button:focus {
        outline-offset: -0.1rem;
    }

    .k-datepicker .k-input-button,
    .k-datetimepicker .k-input-button:last-of-type,
    .k-timepicker .k-input-button {
        border-bottom: none !important;
        border-left: 0.1rem solid var(--widget-button-border) !important;
        border-radius: 0 !important;
        border-right: none !important;
        border-top: none !important;
    }

    .k-datepicker .k-input-button,
    .k-datetimepicker .k-input-button,
    .k-timepicker .k-input-button {
        background: transparent !important;
        background-color: transparent !important;
        font-size: var(--widget-input-font-size);
        height: var(--widget-input-height);
        min-width: auto !important;
        padding: inherit !important;
        width: 3.2rem;
    }

        .k-datepicker .k-input-button:hover,
        .k-datetimepicker .k-input-button:hover,
        .k-timepicker .k-input-button:hover {
            background: var(--widget-button-background-hover) !important;
            background-color: var(--widget-button-background-hover) !important;
        }

    .k-datepicker.k-invalid .k-select,
    .k-datetimepicker.k-invalid .k-select,
    .k-timepicker.k-invalid .k-select {
        background: #f2dede;
        background-color: #f2dede;
        border-color: #672822;
    }

/* End: Kendo DatePicker/DateTimePicker/TimePicker widget overwrites */

.k-dirty {
    display: none;
}

.k-draghandle {
    background-color: #333333 !important;
}

.k-drawer-mini .k-drawer-wrapper {
    width: 20rem;
}

#extPrvPrtlPage .k-draghandle { /* TODO: Confirm where draghandle is used and if below should be moved to above */
    top: -0.8rem !important;
}
/* Begin: Kendo DropDownList widget overwrites */
.k-dropdownlist,
.k-dropdownlist.k-hover,
.k-combobox {
    background: var(--widget-background-color) !important;
    background-color: transparent !important;
    border: 0.1rem solid var(--widget-border-color) !important;
    border-radius: var(--widget-border-radius) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: flex;
    font-family: inherit;
    font-size: var(--widget-input-font-size);
    font-weight: var(--font-weight-normal);
    height: var(--widget-container-height);
    line-height: var(--widget-container-height);
    width: 100%;
}
.k-combobox .k-button.k-input-button {
    border: 0rem !important;
}
.k-dropdownlist:not(.header-language-dropdown) .k-input-inner .k-i-sort-asc-sm:before {
    color: #2ad2c9;
}

    .k-dropdownlist.k-invalid,
    .k-dropdownlist.k-invalid.k-hover,
    .k-dropdownlist[aria-invalid="true"],
    .k-multiselect:has(input[aria-invalid="true"]) {
        background: var(--gw-color-coral-10) !important;
        background-color: var(--gw-color-coral-10) !important;
        border: 0.2rem solid var(--gw-color-coral) !important;
    }

    .k-dropdownlist.k-focus,
    .k-dropdownlist.k-focus.k-invalid {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-dropdownlist .k-input-button {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        font-size: var(--widget-input-font-size);
        height: 3.2rem;
        line-height: 3.2rem;
        min-width: auto;
        padding: inherit !important;
        width: 3.2rem;
    }

    .k-dropdownlist .k-input-value-text {
        color: var(--gw-color-neutral-6);
    }

.k-dropdownlist-popup .k-nodata {
    font-size: var(--font-size-regular);
}
/* End: Kendo DropDownList widget overwrites */
.k-editor:focus {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.k-file-validation-message {
    color: #666666 !important;
}

    .k-file-validation-message.k-text-error {
        color: #666666;
    }

/* Begin: Kendo Grid widget (via .k-animation-container) overwrites */
.k-filter-menu {
    padding: 0;
}

    .k-filter-menu.k-popup.k-state-border-down,
    .k-filter-menu.k-popup.k-state-border-up {
        background-color: var(--gw-color-neutral-0);
        border: 0.1rem solid var(--gw-color-neutral-8);
        -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
        box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    }

    .k-filter-menu > div,
    .k-filter-menu > ul {
        padding: 1.0rem;
    }

    .k-filter-menu .k-action-buttons {
        border: none;
        bottom: 0;
        margin: 0;
    }

        .k-filter-menu .k-action-buttons .k-button {
            padding: 1.0rem;
        }

    .k-filter-menu .k-button {
        margin: 0;
    }

        .k-filter-menu .k-button:focus {
            outline-offset: 0 !important;
        }

    .k-filter-menu .k-checkbox {
        min-width: 1.8rem;
        position: static;
    }

    .k-filter-menu .k-checkbox-label {
        display: inline-block;
        font-size: 1.4rem;
    }

    .k-filter-menu .k-action-buttons .grid-filter-buttons {
        padding: 0 1rem 1rem 1rem;
        width: 100%;
    }

    .k-filter-menu .k-filter-menu-container .k-action-buttons {
        margin: 0 -0.8rem -0.6rem -0.8rem;
        padding: 0;
    }

    .k-filter-menu .k-filter-menu-container .k-filter-help-text {
        margin-bottom: 1.0rem;
    }

    .k-filter-menu .k-filter-menu-container .k-multicheck-wrap .k-item span {
        display: none;
    }

    .k-filter-menu .k-filter-selected-items {
        background: #f5f5f5;
        background-color: #f5f5f5;
        margin: 0 -0.8rem 0.0rem -0.8rem;
        padding: 1.0rem;
    }

    .k-filter-menu .k-item {
        display: flex;
        position: relative;
    }

    .k-filter-menu .k-multicheck-wrap {
        white-space: normal;
    }

    .k-filter-menu .k-textbox {
        margin-bottom: 0;
    }

.k-filter-menu-container span.k-dropdownlist,
.k-filter-menu-container span.k-textbox {
    margin-bottom: 1.0rem;
}
/* End: Kendo Grid widget (via .k-animation-container) overwrites */

.k-form-error,
.k-tooltip-error {
    background: var(--gw-color-coral-10) !important;
    background-color: var(--gw-color-coral-10) !important;
    border: 0.1rem solid #672822 !important;
    color: #672822 !important;
    display: block;
    line-height: 1.8rem;
    max-width: 100% !important;
    overflow-wrap: break-word;
    padding: 0.2rem;
    text-align: left;
    top: -1.0rem;
    white-space: normal;
}

.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-selected,
.k-list > .k-state-highlight,
.k-marquee-color,
.k-panel > .k-selected,
.k-selected,
.k-selected:link,
.k-selected:visited,
.k-selected.k-draghandle:hover,
.k-scheduler .k-scheduler-toolbar .k-selected,
.k-scheduler .k-selected.k-today {
    background: var(--widget-row-hovered-color);
    background-color: var(--widget-row-hovered-color);
    border-color: var(--widget-row-hovered-color);
    color: var(--gw-primary-soft-black);
}

/* Begin: Kendo Grid widget overwrites */
.k-columnmenu-item {
    font-size: var(--font-size-regular);
}
.k-grid {
    font-size: var(--widget-label-font-size);
    height: auto !important;
}

    .k-grid.k-widget:focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-grid table {
        border-collapse: collapse;
    }

    .k-grid td {
        padding: 0.8rem 0.8rem;
    }

    .k-grid tr:hover {
        background: none !important;
        background-color: none !important;
    }

    .k-grid tr td {
        border-bottom-width: 0.1rem;
        border-color: #e0e0e0;
        border-left-width: 0.1rem;
        border-style: solid;
        vertical-align: top;
    }

    .k-grid .k-alt {
        background: #f9f9f9;
        background-color: #f9f9f9;
    }

    .k-grid .k-button {
        white-space: nowrap;
    }

    .k-grid .k-cell-inner {
        align-items: flex-start;
        color: var(--widget-label-font-color);
        display: flex;
        font-family: Arial,'Font Awesome 6 Pro',sans-serif;
        font-weight: var(--font-weight-bold);
        margin: auto !important; /*Bootstrap overwrite*/
        vertical-align: top;
    }

    .k-grid .k-checkbox {
        position: relative !important;
    }

        .k-grid .k-checkbox:focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline) !important;
            outline-offset: -0.1rem;
        }

    .k-grid .k-column-title {
        white-space: normal;
    }

    .k-grid .k-detail-cell .k-grid .k-header {
        background: #6f7777 !important;
        background-color: #6f7777 !important;
    }

        .k-grid .k-detail-cell .k-grid .k-header .k-link {
            color: var(--gw-color-neutral-0) !important;
        }

    .k-grid .k-grid-content {
        height: auto;
        max-height: 20.0rem;
    }

        .k-grid .k-grid-content a,
        .k-grid .k-grid-content a:link,
        .k-grid .k-grid-content a:hover,
        .k-grid .k-grid-content a:visited,
        .k-grid table[role='grid'] a,
        .k-grid table[role='grid'] a:link,
        .k-grid table[role='grid'] a:hover,
        .k-grid table[role='grid'] a:visited { /* Grid widget row/cell with anchor tag */
            color: #206fb3;
        }

        .k-grid .k-grid-content tr:hover a,
        .k-grid .k-grid-content tr:hover a:link,
        .k-grid .k-grid-content tr:hover a:hover,
        .k-grid .k-grid-content tr:hover a:visited,
        .k-grid table[role='grid'] tr:hover a,
        .k-grid table[role='grid'] tr:hover a:link,
        .k-grid table[role='grid'] tr:hover a:hover,
        .k-grid table[role='grid'] tr:hover a:visited { /* Grid widget row/cell with anchor tag */
            color: var(--gw-primary-soft-black);
        }

        .k-grid .k-grid-content tr:not(.k-detail-row):hover td,
        .k-grid table[role='grid'] tr:not(.k-detail-row):hover td { /* Grid widget row/cell hover */
            background: var(--widget-row-hovered-color) !important;
            background-color: var(--widget-row-hovered-color) !important;
            color: var(--widget-row-hovered-font-color);
        }

        .k-grid .k-grid-content tr.k-selected a,
        .k-grid .k-grid-content tr.k-selected a:link,
        .k-grid .k-grid-content tr.k-selected a:hover,
        .k-grid .k-grid-content tr.k-selected a:visited { /* Grid widget row/cell with anchor tag */
            color: var(--gw-color-neutral-0);
        }

        .k-grid .k-grid-content tr.k-selected:hover a,
        .k-grid .k-grid-content tr.k-selected:hover a:link,
        .k-grid .k-grid-content tr.k-selected:hover a:hover,
        .k-grid .k-grid-content tr.k-selected:hover a:visited { /* Grid widget row/cell with anchor tag */
            color: var(--gw-color-neutral-8);
        }

        .k-grid .k-grid-content tr.k-selected td,
        .k-grid tr.k-master-row.k-selected td,
        .k-grid tr.k-master-row.k-state-selected td { /* Grid widget selected cell */
            background: var(--widget-row-hovered-color) !important;
        }

        .k-grid .k-grid-content tr.k-selected:hover td { /* Grid widget selected row/cell hover */
            background: #5ba3ba !important;
            background-color: #5ba3ba !important;
            color: var(--gw-color-neutral-8) !important;
        }

        .k-grid .k-grid-content tr.k-selected .k-input[readonly],
        .k-grid table[role='grid'] tr.k-selected .k-input[readonly], /*TODO: is this item still needed?*/
        .k-grid table[role='grid'] tr.k-selected .k-input-inner[readonly] { /* Grid read only widget on selected row */
            color: var(--gw-color-neutral-0) !important;
        }

        .k-grid .k-grid-content .k-input[readonly],
        .k-grid table[role='grid'] .k-input[readonly] { /* Grid widget selected cell */
            color: var(--widget-input-font-color);
            font-weight: var(--font-weight-bold);
        }

        .k-grid .k-grid-content .readonly-widget,
        .k-grid table[role='grid'] .readonly-widget {
            -webkit-box-shadow: none;
            border: none !important;
            box-shadow: none;
        }

        .k-grid .k-grid-content .k-button,
        .k-grid table[role='grid'] .k-button {
            padding: 1.0rem !important;
        }

            .k-grid .k-grid-content .k-button.fa-solid {
                font-size: 2.0rem;
                line-height: 1.3rem; /*TODO: Check this style...was added to resolve an SR, but was removed for Kendo upgrade*/
                min-width: 3.2rem;
            }
        /* In Chrome we had problems of horizontal scrollbars showing up on grids due to the k-grid-content-expander.  The
problem seemed to get resolved if we set the height of this class to zero. */
        .k-grid .k-grid-content .k-focus,
        .k-grid .k-grid-header .k-focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow-grid-header) !important;
            box-shadow: var(--widget-focus-box-shadow-grid-header) !important;
            outline: var(--widget-focus-outline);
            outline-offset: -0.2rem;
        }

        .k-grid .k-grid-content .k-tabstrip .k-tabstrip-items .k-active.k-item {
            background: #f0f0f0 !important;
            background-color: #f0f0f0 !important;
            border-color: #f0f0f0 !important;
        }

    .k-grid .k-grid-content-expander {
        height: 0;
    }

    .k-grid .k-grid-filter {
        outline: 0;
    }

        .k-grid .k-grid-filter.k-state-border-down {
            background: transparent;
            background-color: transparent;
            height: 1.8rem;
        }

        .k-grid .k-grid-filter.k-active,
        .k-grid .k-grid-filter.k-state-active {
            border-color: none !important;
            background-color: none !important;
            box-shadow: none !important;
        }

            .k-grid .k-grid-filter.k-active span {
                color: var(--gw-secondary-vibrant-green) !important;
            }

    .k-grid .k-grid-header {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        border-bottom: 0.1rem solid var(--widget-grid-header-border-color);
    }

        .k-grid .k-grid-header .k-header {
            background: transparent;
            background-color: transparent;
            border: none;
            color: var(--widget-label-font-color);
            padding: 1.0rem;
            vertical-align: top !important;
        }

        .k-grid .k-grid-header .k-icon {
            background-image: none;
            color: var(--widget-icon-color);
            font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
            font-size: 1.6rem;
            margin-left: 0.8rem;
        }

            .k-grid .k-grid-header .k-icon:before {
                display: inline-block;
            }

            .k-grid .k-grid-header .k-icon.k-i-arrow-n:before,
            .k-grid .k-grid-header .k-icon.k-i-arrow-s:before { /*IS K-I-ARROW-S USED ANY LONGER???*/
                color: var(--gw-secondary-vibrant-green); /*TODO: is this used?*/
            }

        .k-grid .k-grid-header .k-i-filter {
            margin-left: 0;
        }

            .k-grid .k-grid-header .k-i-filter:before {
                content: "\f0b0";
                font-size: 1.2rem;
            }

        .k-grid .k-grid-header .k-i-sort-asc-sm:before {
            content: "\f0d8";
            display: none;
        }

        .k-grid .k-grid-header .k-i-sort-desc-sm:before {
            content: "\f0d7";
            display: none;
        }

        .k-grid .k-grid-header .k-link .k-i-sort-asc-sm.k-icon,
        .k-grid .k-grid-header .k-link .k-i-sort-desc-sm.k-icon {
            display: none;
        }

    .k-grid .k-grid-header-wrap {
        border: none;
    }

    .k-grid .k-grid-norecords-template {
        background-color: transparent;
        border: none;
        font-weight: var(--font-weight-bold);
        width: auto;
    }

    .k-grid .k-grid-pager {
        display: flex;
        flex-wrap: wrap;
    }

    .k-grid .k-grid-pager .k-dropdown-wrap.k-active {
        background: #ebebeb !important;
        background-color: #ebebeb !important;
    }

    .k-grid .k-grid-pager .k-focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.4rem;
    }

    .k-grid .k-grid-pager .k-pager-nav {
        border-radius: 0 !important;
        display: inline-flex;
        position: relative;
    }

    .k-grid .k-grid-pager .k-pager-nav .k-i-arrow-end-left:before {
        content: "\f048";
        font-size: 1.3rem;
    }

    .k-grid .k-grid-pager .k-pager-nav .k-i-arrow-60-left:before {
        content: "\f0d9";
        font-size: 1.7rem;
    }

    .k-grid .k-grid-pager .k-pager-nav .k-i-arrow-60-right:before {
        content: "\f0da";
        font-size: 1.7rem;
    }

    .k-grid .k-grid-pager .k-pager-nav .k-i-arrow-end-right:before {
        content: "\f051";
        font-size: 1.3rem;
    }

    .k-grid .k-grid-pager .k-pager-nav .k-icon,
    .k-grid .k-grid-pager .k-pager-refresh .k-icon {
        color: var(--widget-icon-color);
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        margin: auto;
        outline: none;
    }

    .k-grid .k-grid-pager .k-pager-nav:not(.k-state-disabled):focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-grid .k-grid-pager .k-pager-nav.k-state-disabled,
    .k-grid .k-grid-pager .k-pager-nav.k-state-disabled:active,
    .k-grid .k-grid-pager .k-pager-nav.k-state-disabled:focus,
    .k-grid .k-grid-pager .k-pager-nav.k-state-disabled:focus:hover,
    .k-grid .k-grid-pager .k-pager-nav.k-state-disabled:hover {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        border-color: #cdcdcd;
        color: #cdcdcd;
        opacity: 1;
    }

.k-grid .k-grid-pager .k-pager-numbers a.k-link:focus {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.k-grid .k-grid-pager .k-pager-refresh {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.k-grid .k-grid-pager .k-pager-refresh:focus {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.4rem;
}

.k-grid .k-grid-pager .k-pager-refresh .k-i-refresh:before,
.k-grid .k-grid-pager .k-pager-refresh .k-i-reload:before {
    content: "\f021";
    font-size: 1.3rem;
}

.k-grid .k-grid-toolbar {
    background: #e0e0e0;
    background-color: #e0e0e0;
    border: none;
    height: auto;
    padding: 0;
}

.k-grid .k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #666666 !important;
    border-top-width: 0.3rem;
}

.k-grid .k-grouping-row td {
    background: #cccccc;
    background-color: #cccccc;
    padding: 0 0.9rem 0 0.9rem;
}

.k-grid .k-grouping-row .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
    background-image: none;
    font-family: inherit;
    font-size: 2.8rem;
    outline: none;
    text-decoration: none;
}

.k-grid .k-grouping-row .k-i-collapse:before,
.k-grid .k-hierarchy-cell .k-i-collapse:before {
    content: "\f0d7";
    font-size: 1.7rem; /*TODO: change to 1.6rem?*/
    padding-right: 1.0rem;
}

.k-grid .k-grouping-row .k-i-expand:before,
.k-grid .k-hierarchy-cell .k-i-expand:before {
    content: "\f0da";
    font-size: 1.7rem; /*TODO: change to 1.6rem?*/
    padding-right: 1.0rem;
}

.k-grid .k-grouping-row .k-icon:before,
.k-grid .k-hierarchy-cell .k-icon:before {
    display: inline-block;
}

.k-grid .k-header table {
    height: 100%;
}

.k-grid .k-header .k-dropdown-wrap.k-active {
    background: #ebebeb !important;
    background-color: #ebebeb !important;
}

.k-grid .k-header .k-grid-filter,
.k-grid .k-header .k-header-column-menu {
    height: auto;
    position: inherit;
    width: auto;
}

.k-grid .k-hierarchy-cell .k-i-collapse:before,
.k-grid .k-hierarchy-cell .k-i-expand:before {
    color: var(--widget-icon-color);
}

.k-grid .k-hierarchy-cell .k-minus:before {
    color: var(--widget-icon-color);
    content: "\f0d7";
    padding-right: 1.0rem;
}

.k-grid .k-hierarchy-cell .k-plus:before {
    color: var(--widget-icon-color);
    content: "\f0da";
    padding-right: 1.0rem;
}

.k-grid .k-loading-image {
    background-image: url('/Content/dxc.ua3.core.bar.loading.animation.gif') !important;
    border: 0.1rem solid #c2c2c2 !important;
    border-radius: 0.5rem;
    bottom: 0;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    height: 1.8rem;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 5.7rem;
}

.k-grid .k-nodata { /* TODO: Check if this has been changed to "k-no-data" */
    background-color: transparent;
    min-height: 20.0rem;
}

.k-grid .k-nodata:hover { /* TODO: Check if this has been changed to "k-no-data" */
    background: var(--gw-color-neutral-1);
}
.k-pager {
    background-color: transparent;
    border: 0;
    font-size: var(--font-size-regular);
}
.k-pager-md .k-pager-numbers-wrap .k-button {
    border: 0.1rem solid var(--gw-color-neutral-5) !important;
    height: 3rem;
    margin-right: 0.5rem;
    min-width: 3.2rem;
    padding: 0 !important;
}
.k-pager-sizes .k-dropdownlist {
    height: 3rem;
}
.k-pager-sizes .k-input-value-text {
    line-height: 2.0rem;
    margin-top: -1.0rem;
}
.k-pager-sizes .k-dropdownlist .k-input-button {
    line-height: 2.0rem;
    height: 2.8rem;
}
.k-pager-numbers .k-button-flat-primary.k-selected {
    background: var(--gw-color-royal-blue);
    background-color: var(--gw-color-royal-blue);
    border: 0.1rem solid var(--gw-color-royal-blue);
    color: var(--gw-color-neutral-0);
}
.k-grid .k-pager-info {
    flex: 1 1 0%;
    justify-content: flex-end;
    order: 9;
    text-align: right;
}

.k-grid .k-pager-nav.k-link {
    outline: none;
}

.k-grid .k-pager-numbers-wrap select.k-dropdown {
    display: none;
}

.k-grid .k-pager-numbers-wrap ul.k-pager-numbers {
    display: contents;
    flex-direction: row;
    padding: 0;
}

.k-grid .k-pager-numbers-wrap ul.k-pager-numbers li::marker {
    content: "";
}

.k-grid .k-pager-refresh {
    margin-right: 2.2rem !important;
    order: 10;
}

.k-grid .k-pager-sizes {
    display: flex;
    white-space: nowrap;
}

.k-grid .k-pager-sizes .k-dropdown,
.k-grid .k-pager-sizes .k-dropdownlist,
.k-grid .k-pager-sizes > select {
    margin-right: auto; /*Bootstrap overwrite*/
    width: auto; /*Bootstrap overwrite*/
}

.k-grid .k-pager-sizes .k-picker {
    margin-right: 1.0rem;
}

.k-grid .k-pager-sm .k-pager-numbers-wrap {
    height: auto;
    margin-left: unset;
    margin-right: unset;
    width: auto;
}

.k-grid .k-pager-wrap {
    background: #f0f0f0;
    background-color: #f0f0f0;
    color: var(--widget-label-font-color);
    padding: 0.7rem 0 0.7rem 0;
}

.k-grid .k-pager-wrap.k-focus {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.k-grid .k-pager-wrap .grid-toolbar-secondary .k-dropdown {
    width: 100%;
}

.k-grid .k-pager-wrap .k-dropdown {
    width: auto;
}

.k-grid .k-pager-wrap .k-link,
.k-grid .k-pager-wrap .k-link.k-state-disabled,
.k-grid .k-pager-wrap .k-link.k-state-disabled:hover {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border-color: var(--widget-border-color);
    border-radius: 0;
}

.k-grid .k-pager-wrap .k-link:active {
    outline: none;
}

.k-grid .k-pager-wrap .k-link:hover {
    background: var(--button-background-hover-color);
    background-color: var(--button-background-hover-color);
}

.k-grid .k-pager-wrap .k-link.k-state-disabled .k-icon {
    color: #b3b3b3;
}

.k-grid .k-pager-wrap .k-link.k-selected,
.k-grid .k-pager-wrap .k-link.k-selected:hover {
    background: var(--button-background-primary-color);
    background-color: var(--button-background-primary-color);
    color: var(--button-font-primary-color);
}

.k-grid .k-selected,
.k-grid .k-selected a {
    color: var(--gw-primary-soft-black);
}

.k-grid .k-toolbar {
    background: #e0e0e0;
    background-color: #e0e0e0;
    justify-content: flex-end; /*Bootstrap overwrite*/
}

.k-grid .k-widget.k-tooltip {
    top: auto;
}

.k-grid {
    border: 0;
    border-color: transparent;
    color: var(--gw-primary-soft-black);
    font-size: var(--widget-label-font-size);
    height: auto !important;
}

.k-grid .k-grid-aria-root {
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 1.0rem;
}

.k-table-md {
    font-size: var(--font-size-small);
}

.k-grid .k-table-thead, .k-grid .k-table-header, .k-grid .k-table-group-sticky-header {
    background-color: var(--gw-color-neutral-0);
}

.k-grid .k-grid-header {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
}

.k-grid .k-grid-pager {
    background-color: transparent;
    display: flex;
    font-size: var(--font-size-small);
    flex-wrap: wrap;
}

.k-grid .k-grid-pager .k-pager-nav {
    border-radius: var(--widget-border-radius) !important;
    border: 0.1rem solid var(--gw-primary-soft-black);
    display: inline-flex;
    padding: 0.7rem !important;
    position: relative;
}

.k-grid .k-grid-pager .k-pager-nav .k-icon,
.k-grid .k-grid-pager .k-pager-refresh .k-icon {
    color: var(--widget-icon-color);
    font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
    margin: auto;
    outline: none;
    width: 100%;
}

.k-grid-norecords .display-flex {
    justify-content: center;
}

.nodata-img {
    margin-right: 2.0rem;
}

.k-grid-norecords strong {
    margin-top: 2.0rem;
}

.k-grid .k-button-icon {
    padding: unset !important;
}

.k-svg-i-caret-alt-to-right, .k-svg-i-caret-alt-right, .k-svg-i-caret-alt-to-left, .k-svg-i-caret-alt-left {
    font-size: 2.5rem;
}

.k-grid .k-grid-content .k-button {
    padding: unset;
    border: 0rem !important;
    height: 2.1rem;
}

    .k-grid .k-grid-content .k-button .k-button-text {
        font-size: 1.4rem !important;
    }

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    font-size: 1.4rem !important;
}

.k-grid th.wrap-header {
    justify-content: left;
    text-align: left;
    white-space: normal;
    vertical-align: middle;
    font-weight: 700 !important;
}

    .k-grid th.wrap-header .k-column-title {
        white-space: normal;
        font-weight: 700 !important;
    }

.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap { /* Hide the Grid header and pager during export - TODO: not alphabetized until after Kendo upgrade. */
    display: none !important;
}

.k-pdf-export .grid-filter-icon-cell,
.k-pdf-export .grid-sort-icon-cell {
    display: none;
}
/* End: Kendo Grid widget overwrites */

.k-hidden {
    display: none !important;
}

/* Begin: Kendo Icon overwrites */
.k-icon {
    color: var(--widget-input-font-color);
    outline: none;
}
/* TODO: verify if needed */
.k-icon,
.k-tool-icon {
    height: 1.1em; /* TODO: convert to rem */
    overflow: visible;
    width: 1.1em; /* TODO: convert to rem */
}

    .k-icon.k-i-arrow-60-down:before {
        content: "\f0d7";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
    }
    /*.k-calendar .k-i-arrow-60-left,
    .k-calendar .k-i-arrow-60-right {
        color: var(--widget-input-font-color);
        font-family: FontAwesome, Arial,sans-serif;
    }*/
    .k-icon.k-i-arrow-60-left:before {
        content: "\f0d9";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
        height: auto;
        width: auto;
    }

    .k-icon.k-i-arrow-60-right:before {
        content: "\f0da";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
        height: auto;
        width: auto;
    }

    .k-icon.k-i-arrow-n:before {
        content: "\f0d8";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
    }

    .k-icon.k-i-arrow-s:before {
        content: "\f0d7";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
    }

    .k-icon.k-i-customclose:before {
        content: "\f057";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
    }

    .k-icon.k-i-help:before {
        content: "\f059";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
    }

    .k-icon.k-i-x:before {
        content: "\f00d";
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: inherit;
    }
/* End: Kendo Icon overwrites */

/* Begin: Kendo input overwrites */
.k-input {
    padding: 0;
}
/* End: Kendo input overwrites */

/* Begin: Kendo inner input overwrites */
.k-input-inner,
.k-textbox > input {
    background: transparent !important;
    background-color: transparent !important;
    border: transparent;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--widget-input-font-color) !important;
    font-family: inherit;
    font-size: var(--widget-input-font-size);
    font-weight: var(--font-weight-normal) !important;
    height: var(--widget-input-height);
    outline: none !important;
    overflow: hidden;
    text-indent: 0.6rem;
    text-overflow: ellipsis;
    width: 47rem !important;
    z-index: auto;
}

    .k-input-inner::placeholder {
        color: var(--widget-input-font-color) !important;
    }

    .k-input-inner[readonly] {
        background: transparent !important;
        background-color: transparent !important;
        color: var(--widget-input-font-color);
        font-weight: var(--font-weight-bold);
    }
/* End: Kendo inner input overwrites */

.k-input-spinner {
    height: 3.0rem;
    width: 1.6rem;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-hover .k-link {
    color: var(--gw-color-neutral-8) !important;
}

/* Begin: Kendo list overwrites (a component of Kendo AutoComplete, DropDownList, ListBox & MultiSelect widgets) */

.k-list {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    color: var(--widget-input-font-color) !important;
}

    .k-list.k-group .k-list-ul .k-list-item > .k-group {
        background: var(--widget-list-header-background-color) !important;
        background-color: var(--widget-list-header-background-color) !important;
        color: var(--widget-list-header-font-color);
        padding: 0.1rem 0.5rem 0.1rem 0.5rem;
        text-align: left;
    }

    .k-list .k-list-footer {
        background: var(--widget-background-color);
        background-color: var(--widget-background-color);
        color: var(--widget-label-font-color);
        font-size: var(--widget-label-font-size);
        height: 3.0rem;
        line-height: 3.0rem;
        text-align: center;
    }

    .k-list .k-list-group-sticky-header {
        background: var(--widget-list-header-background-color);
        background-color: var(--widget-list-header-background-color);
        color: var(--widget-list-header-font-color);
        text-align: right;
    }

    .k-list.k-list-md {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-list .k-list-optionlabel.k-selected.k-focus {
        background: var(--widget-row-hovered-color);
        background-color: var(--widget-row-hovered-color);
        border-color: var(--widget-row-hovered-color);
        font-size: var(--widget-label-font-size);
        font-weight: var(--font-weight-bold);
    }

div.k-list-optionlabel,
.k-list-item {
    padding: 0 0.8rem;
    font-weight: bold;
}

.k-dropdownlist-popup .k-list-optionlabel,
.k-dropdownlist-popup .k-list-optionlabel.k-hover,
.k-dropdownlist-popup .k-list-optionlabel:hover {
    color: var(--gw-primary-soft-black);
    font-size: var(--font-size-small);
}

div.k-list-optionlabel {
    padding: 0.8rem;
}

.k-list .k-list-scroller {
    max-height: 20.0rem;
}

.k-list .k-list-ul {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border: 0;
    font-size: var(--font-size-small);
    line-height: 2.5rem;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
}

.k-list-scroller.k-popup .k-list .k-list-ul {
    overflow-y: scroll !important;
}

.k-list-item.k-selected:hover,
.k-selected.k-list-optionlabel:hover,
.k-list-item.k-selected.k-hover,
.k-selected.k-hover.k-list-optionlabel {
    color: var(--gw-primary-soft-black);
}

.k-list-item:focus,
.k-list-optionlabel:focus,
.k-list-item.k-focus,
.k-focus.k-list-optionlabel {
    box-shadow: none;
}

.k-svg-i-caret-alt-down svg {
    display: none;
}

.k-svg-i-caret-alt-down::before {
    content: "\f078";
    font-family: 'Font Awesome 6 Pro';
}
/* End: Kendo list overwrites (a component of Kendo AutoComplete, DropDownList & MultiSelect widgets) */

/* Begin: Kendo List Filter widget overwrites (a component of Kendo DropDownList w/filtering) */
.k-list-filter .k-icon.k-i-search:before {
    content: "\f002";
    top: 0.3rem;
}

.k-list-filter .k-icon {
    background-image: none;
    font-family: inherit;
    font-size: 1.6rem;
    margin: auto 0 auto 0.6rem
}

.k-list-filter .k-searchbox,
.k-list-filter .k-searchbox:hover {
    background: var(--widget-background-color);
    background-color: var(--widget-background-color);
    border-bottom-color: var(--widget-border-color);
    border-left-color: var(--widget-background-color);
    border-radius: 0;
    border-right-color: var(--widget-background-color);
    border-style: solid;
    border-top-color: var(--widget-background-color);
    border-width: 0.1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: flex;
    width: 100%;
}

    .k-list-filter .k-searchbox:focus,
    .k-list-filter .k-searchbox:focus:hover {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

.k-list-item {
    border-color: transparent;
    border-style: solid;
    border-width: 0.1rem;
    padding: 0 0.4rem;
}

    .k-list-item:hover,
    .k-list-item.k-hover {
        background: var(--widget-row-hovered-color) !important;
        background-color: var(--widget-row-hovered-color) !important;
        color: var(--widget-input-font-color);
        font-weight: var(--font-weight-bold);
    }

    .k-list-item.k-selected,
    .k-list-item.k-selected.k-focus,
    .k-list-item.k-selected.k-focus.k-hover {
        background: var(--widget-row-selected-color) !important;
        background-color: var(--widget-row-selected-color) !important;
        border-color: var(--widget-row-selected-color) !important;
        border-radius: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: var(--widget-row-selected-font-color);
        font-weight: var(--font-weight-bold);
    }

    .k-list-item .k-list-item-group-label {
        background: var(--widget-list-header-background-color);
        background-color: var(--widget-list-header-background-color);
        color: var(--widget-list-header-font-color);
        display: block;
        font-size: 1.4rem;
        font-weight: var(--font-weight-bold);
        line-height: 2.4rem;
        margin: 0 -0.4rem;
        padding-right: 0.4rem;
        text-align: right;
    }

.k-list-item-text::before {
    content: "";
}

.k-searchbox.k-input:focus-within {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}
/* End: Kendo Searchbox widget overwrites */

/* Begin: Kendo ListBox widget overwrites */
.k-listbox {
    border-width: 0;
    float: right;
    font-size: var(--widget-input-font-size);
}

    .k-listbox:first-of-type {
        float: left;
        margin-right: 0.5rem;
        overflow: visible;
        position: relative;
        vertical-align: middle;
    }

    .k-listbox .k-list.k-list-md {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-listbox .k-list .k-item {
        line-height: 2.73rem;
        min-height: 2.73rem;
    }

        .k-listbox .k-list .k-item:hover {
            background: var(--widget-row-hovered-color) !important;
            background-color: var(--widget-row-hovered-color) !important;
            color: var(--widget-input-font-color) !important;
        }

    .k-listbox .k-list-scroller {
        border: 0.1rem solid var(--widget-border-color);
        box-sizing: border-box;
        color: var(--widget-input-font-color);
        font-family: inherit;
        font-size: var(--widget-input-font-size);
        height: 100%;
        overflow: auto;
        padding: 0.7rem;
    }

        .k-listbox .k-list-scroller ul:focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            outline-offset: -0.1rem;
        }

.k-listbox-toolbar {
    float: right;
    margin-left: 0.5rem;
}

    .k-listbox-toolbar .k-button {
        height: 3.2rem;
        margin-bottom: 0.5rem;
        min-width: 4.0rem;
        padding: 0 !important;
    }

    .k-listbox-toolbar .k-i-arrow-60-up:before {
        content: "\f0d9";
        font-size: 2.4rem;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .k-listbox-toolbar .k-i-arrow-60-down:before {
        content: "\f0da";
        font-size: 2.4rem;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .k-listbox-toolbar .k-i-arrow-60-left:before {
        content: "\f0d9";
        font-size: 2.4rem;
    }

    .k-listbox-toolbar .k-i-arrow-60-right:before {
        content: "\f0da";
        font-size: 2.4rem;
    }

    .k-listbox-toolbar .k-i-arrow-double-60-left:before {
        content: "\f04a";
        font-size: 1.8rem;
    }

    .k-listbox-toolbar .k-i-arrow-double-60-right:before {
        content: "\f04e";
        font-size: 1.8rem;
    }

    .k-listbox-toolbar .k-i-x:before {
        content: "\f00d";
        font-size: 2.4rem;
    }

    .k-listbox-toolbar .k-icon {
        background-image: none;
        font-family: inherit;
        height: 2.1rem;
        line-height: 1.6rem;
        margin-left: auto;
        margin-right: auto;
        width: 2.1rem;
    }
/* End: Kendo ListBox widget overwrites */

/* Begin: Kendo MaskedTextbox widget overwrites */
.k-maskedtextbox:not(.k-invalid),
.k-maskedtextbox:not(.k-invalid):hover {
    background: var(--widget-background-color);
    background-color: var(--widget-background-color);
    border: 0.1rem solid var(--widget-border-color);
    border-radius: 0.5rem;
    /*border-bottom-color: var(--widget-border-color);
    border-left-color: var(--widget-background-color);
    border-radius: 0;
    border-right-color: var(--widget-background-color);
    border-style: solid;
    border-top-color: var(--widget-background-color);
    border-width: 0.1rem;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}
/*.k-maskedtextbox.k-focus.k-hover,*/
.k-maskedtextbox:focus,
.k-maskedtextbox:focus:hover,
.k-maskedtextbox.k-invalid:focus,
.k-maskedtextbox.k-invalid:focus:hover,
.k-maskedtextbox.k-focus,
.k-maskedtextbox.k-focus:hover,
.k-maskedtextbox.k-invalid.k-focus,
.k-maskedtextbox.k-invalid.k-focus:hover {
    /*background: var(--widget-background-color) !important;
    background-color: var(--widget-background-color) !important;
    border-bottom-color: var(--widget-border-color) !important;
    border-left-color: var(--widget-background-color) !important;
    border-radius: 0;
    border-right-color: var(--widget-background-color) !important;
    border-style: solid;
    border-top-color: var(--widget-background-color) !important;
    border-width: 0.1rem;
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;*/
    outline: var(--widget-focus-outline);
    outline-offset: 0.2rem;
}
/*.k-maskedtextbox:has(input[aria-readonly="true"]).k-hover*/
.k-maskedtextbox:has(input[aria-readonly="true"]),
.k-maskedtextbox:has(input[aria-readonly="true"]):hover {
    background-color: var(--widget-background-readonly-color) !important;
    border: 0.1rem solid var(--widget-border-readonly-color) !important;
    border-bottom: 0.1rem solid var(--widget-border-readonly-color) !important;
    border-radius: 0;
}
/*.k-maskedtextbox.k-invalid.k-hover,
.k-maskedtextbox:has(input[aria-invalid="true"]).k-hover*/
.k-maskedtextbox.k-invalid,
.k-maskedtextbox.k-invalid:hover,
.k-maskedtextbox:has(input[aria-invalid="true"]),
.k-maskedtextbox:has(input[aria-invalid="true"]):hover {
    background: var(--gw-color-coral-10);
    background-color: var(--gw-color-coral-10);
    border: 0.1rem solid var(--gw-color-red);
}
/* End: Kendo MaskedTextbox widget overwrites */

/* Begin: Kendo Menu overwrites */
.k-menu .k-hover .k-link.k-active {
    background: var(--menu-item-main-background-active-color) !important;
    background-color: var(--menu-item-main-background-active-color) !important;
    color: var(--menu-item-main-font-active-color) !important;
}

.k-menu .k-hover > .k-link .k-icon {
    color: var(--menu-item-main-icon-hover-color);
}

.k-menu:not(.k-context-menu) > .k-item:focus,
.k-menu:not(.k-context-menu) > .k-item.k-focus { /*TODO: Bootstrap overwrites*/
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.k-menu:not(.k-context-menu) > .k-item:hover,
.k-menu:not(.k-context-menu) > .k-item.k-hover { /*TODO: Bootstrap overwrites*/
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--gw-primary-soft-black) !important;
}

.k-menu-group .k-item.k-focus,
.k-menu-group .k-item:focus,
.k-menu.k-context-menu .k-item.k-focus,
.k-menu.k-context-menu .k-item:focus { /*TODO: Bootstrap overwrites*/
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.k-menu-group .k-item > .k-link:hover,
.k-menu-group .k-item > .k-link.k-hover,
.k-menu.k-context-menu .k-item > .k-link:hover,
.k-menu.k-context-menu .k-item > .k-link.k-hover { /*TODO: Bootstrap overwrites*/
    background-color: var(--gw-color-royal-blue-10) !important;
    color: var(--gw-primary-soft-black);
}

.k-menu-horizontal.k-widget > .k-item {
    border-right: none !important;
}

#activeModuleMenuNav .k-menu-scroll-wrapper,
.k-menu-scroll-wrapper, .k-popups-wrapper {
    width: 100% !important;
}

    .k-menu-scroll-wrapper.horizontal li.k-item.k-last {
        border-right-width: 0;
    }

.k-menu-vertical > .k-menu-item + .k-menu-item {
    margin-top: 0;
}
/* End: Kendo Menu overwrites */

/* Begin: Kendo Menu scrollable button overwrites */
.k-menu-scroll-button.k-scroll-down:hover,
.k-menu-scroll-button.k-scroll-up:hover {
    background: var(--gw-secondary-vibrant-green) !important;
    background-color: var(--gw-secondary-vibrant-green) !important;
    border-color: var(--gw-primary-soft-black) !important;
    color: var(--gw-color-neutral-8) !important;
}

.k-menu-scroll-button.k-scroll-down .k-i-arrow-60-down:before {
    content: "\f0d7";
}

.k-menu-scroll-button.k-scroll-up .k-i-arrow-60-up:before {
    content: "\f0d8";
}

.k-menu-scroll-button.k-scroll-down .k-icon,
.k-menu-scroll-button.k-scroll-up .k-icon {
    font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
}
/* End: Kendo Menu scrollable button overwrites */

/* Begin: Kendo MultiSelect widget overwrites */
.k-multiselect,
.k-multiselect.k-hover {
    background: var(--widget-background-color) !important;
    background-color: var(--widget-background-color) !important;
    border: 0.1rem solid var(--widget-border-color) !important;
    border-radius: var(--widget-border-radius) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--widget-input-font-color) !important;
    display: flex;
    font-family: inherit;
    font-size: var(--widget-input-font-size);
    font-weight: var(--font-weight-normal);
    height: auto;
    min-height: 3.0rem;
    overflow-y: auto;
}

    .k-multiselect:has(input[readonly]),
    .k-multiselect.k-hover:has(input[readonly]) {
        background: transparent !important;
        background-color: transparent !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    .k-multiselect.k-hover .k-clear-value {
        display: block;
    }

    .k-multiselect.k-input-solid:focus,
    .k-multiselect.k-input-solid.k-focus {
        outline: var(--widget-focus-outline);
        outline-offset: 0.1rem;
    }

    .k-multiselect.readonly-widget {
        background: var(--widget-background-readonly-color) !important;
        background-color: var(--widget-background-readonly-color) !important;
        border-left: var(--widget-border-readonly-color) !important;
        border-right: var(--widget-border-readonly-color) !important;
        border-top: var(--widget-border-readonly-color) !important;
    }

        .k-multiselect.readonly-widget:focus {
            border-bottom: none;
        }

        .k-multiselect.readonly-widget .k-chip {
            background: var(--widget-button-background-readonly);
            background-color: var(--widget-button-background-readonly);
            border: 0.1rem solid var(--widget-button-border);
            color: var(--widget-button-font-color-readonly);
            cursor: default;
            font-weight: var(--font-weight-bold);
        }

    .k-multiselect .k-chip {
        background: var(--gw-color-neutral-0);
        background-color: var(--gw-color-neutral-0);
        border-color: var(--widget-button-border);
        border-radius: 1.5rem;
        color: var(--gw-primary-soft-black);
        cursor: pointer;
        display: inline-flex;
        height: 2.8rem;
        line-height: 2.8rem;
        text-transform: none;
        margin: 0.1rem 0 0.1rem 0.1rem;
        min-height: 1.0rem;
        min-width: 5.5rem;
        padding: 0.1rem 0.6rem 0.1rem 0.6rem;
    }

        .k-multiselect .k-chip.k-hover {
            background: var(--widget-button-background-hover) !important;
            background-color: var(--widget-button-background-hover) !important;
            border-color: var(--widget-button-border-hover) !important;
            color: var(--widget-button-font-color-hover) !important;
        }

    .k-multiselect .k-chip-action {
        padding-left: 0.6rem;
    }

    .k-multiselect .k-icon-button.k-hidden {
        border: none !important;
        background: transparent !important;
        color: var(--gw-primary-soft-black) !important;
        display: inline-block !important;
        min-width: 2.5rem;
        padding: 0.5rem 3.0rem 0.5rem 0rem !important;
    }

    .k-multiselect:has(input[readonly]) .k-icon-button.k-hidden,
    span[aria-readonly="true"].k-dropdownlist .k-icon-button {
        display: none !important;
    }

    .k-multiselect .k-input-inner::placeholder {
        color: var(--gw-color-neutral-6) !important;
    }

    .k-multiselect .k-clear-value {
        border-left: none;
        position: relative;
    }

.k-multiselect-popup .k-list-item-text {
    padding-left: 0.5rem;
}

.k-multiselect .k-i-loading {
    background-image: none;
    display: none;
}

.k-multiselect .k-i-x-circle:before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
    font-size: inherit;
}

.k-multiselect .k-icon {
    color: inherit;
    font-size: 1.8rem;
    margin-right: 0.4rem;
}

    .k-multiselect .k-icon:before {
        top: -0.3rem;
        left: 0.3rem;
    }

.k-multiselect-clearable .k-input {
    width: calc(100% - 2.8rem);
}

.k-chip-md {
    font-size: var(--font-size-small);
}

.k-chip {
    border-radius: 2rem;
    padding: 0.6rem 0.8rem;
}

    .k-chip:focus, .k-chip.k-focus {
        box-shadow: none;
        outline: var(--widget-focus-outline);
        outline-offset: 0.2rem
    }
/* End: Kendo MultiSelect widget overwrites */
.k-chip-solid-base {
    background-color: var(--gw-color-neutral-0);
    border-color: var(--gw-primary-soft-black);
}

    .k-chip-solid-base:hover,
    .k-chip-solid-base.k-hover {
        background-color: var(--gw-color-neutral-2);
    }

.k-chip-solid-error {
    background-color: var(--gw-color-coral-10);
    color: var(--gw-primary-soft-black);
}

    .k-chip-solid-error:hover, .k-chip-solid-error.k-hover {
        background-color: var(--gw-color-coral-40);
        border-color: var(--gw-color-coral-shades-10);
        color: var(--gw-primary-soft-black);
    }

.k-nav-current.k-hover .k-link {
    color: var(--gw-color-neutral-8) !important;
}

.k-chip-solid-success {
    background-color: var(--gw-color-green-tint-10);
    border-color: var(--gw-color-green);
    color: var(--gw-primary-soft-black);
}

    .k-chip-solid-success:hover, .k-chip-solid-success.k-hover {
        background-color: var(--gw-color-green-tint-40);
    }

.k-chip-solid-warning {
    background-color: var(--gw-color-yellow-tint-10);
    border-color: var(--gw-color-yellow);
    color: var(--gw-primary-soft-black);
}

    .k-chip-solid-warning:hover {
        background-color: var(--gw-color-yellow-tint-40);
    }
/* Begin: Kendo list no-data overwrites (a component of Kendo AutoComplete, DropDownList & MultiSelect widgets) */
.k-no-data {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    color: var(--widget-label-font-color) !important;
    display: contents;
    line-height: 3.0rem;
    min-height: 3.0rem;
    text-align: center;
}
/* End: Kendo list no-data overwrites */

/* Begin: Kendo Numeric Textbox widget overwrites */
/* Note: "!important" style rules are required to override Bootstrap styles */
.k-numerictextbox {
    background: var(--widget-background-color) !important;
    background-color: var(--widget-background-color) !important;
    border-bottom-color: var(--widget-border-color) !important;
    border-left-color: var(--widget-background-color) !important;
    border-radius: 0 !important;
    border-right-color: var(--widget-background-color) !important;
    border-style: solid;
    border-top-color: var(--widget-background-color) !important;
    border-width: 0.1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

    .k-numerictextbox.k-invalid,
    .k-numerictextbox.k-invalid.k-hover {
        background: var(--gw-color-coral-10) !important;
        background-color: var(--gw-color-coral-10) !important;
        border: 0.1rem solid #672822 !important;
    }
    /*.k-numeric-wrap.k-state-default:not(.k-invalid),
    .k-numeric-wrap.k-state-default.k-state-hover:not(.k-invalid)*/
    /*.k-numerictextbox:not(.k-invalid),
        .k-numerictextbox.k-hover:not(.k-invalid) {
            background: var(--widget-background-color);
            background-color: var(--widget-background-color);
            border-bottom: 0.1rem solid var(--widget-border-color);
            border-left: 0.1rem solid var(--widget-background-color);
            border-radius: 0;
            border-right: 0.1rem solid var(--widget-background-color);
            border-top: 0.1rem solid var(--widget-background-color);
            -webkit-box-shadow: none;
            box-shadow: none;
            color: var(--widget-input-font-color);
        }*/
    .k-numerictextbox.k-focus,
    .k-numerictextbox.k-focus.k-invalid,
    .k-numerictextbox.k-focus.k-hover,
    .k-numerictextbox.k-focus.k-hover.k-invalid {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-numerictextbox .k-icon {
        background-image: none;
    }
/* End: Kendo Numeric Textbox widget overwrites */

.k-other-month .k-link {
    color: #666666 !important;
}

.k-overlay {
    opacity: 0.5 !important;
}

.k-picker-solid:focus, .k-picker-solid.k-focus {
    outline: var(--widget-focus-outline);
    outline-offset: 0.1rem;
}
/* Begin: Kendo ProgressBar widget overwrites */
.k-progress-status-wrap {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.k-progressbar {
    background: var(--widget-background-color) !important;
    background-color: var(--widget-background-color) !important;
    border-color: var(--widget-background-color) !important;
    border-radius: 0;
}
    /*.k-progressbar {
        border-color: var(--widget-border-color);
    }*/
    .k-progressbar .k-selected {
        background: var(--gw-color-neutral-8) !important;
        background-color: var(--gw-color-neutral-8) !important;
        border-color: var(--gw-color-neutral-0) !important;
    }
/* End: Kendo ProgressBar widget overwrites */

/* Begin: Kendo Radio Button widget overwrites */
.k-radio {
    background: var(--widget-radio-background) !important;
    background-color: var(--widget-radio-background) !important;
    border-color: var(--widget-border-color) !important;
    color: var(--widget-input-font-color) !important;
    height: 1.8rem;
    width: 1.8rem;
    z-index: 1;
}

    .k-radio:focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-radio + .k-radio-label,
    .k-radio-label + .k-radio {
        display: inline-flex;
        margin-left: 1.0rem; /*overwrites bootstrap*/
        margin-top: 0.1rem;
    }

.k-radio-label {
    font-size: 1.6rem;
    top: -0.1rem;
}
/* End: Kendo Radio Button widget overwrites */

/* Begin: Kendo Scheduler widget overwrites */
/* TODO: Determine if following is needed */
/*.k-scheduler-navigation .k-button,
.k-scheduler-views-wrapper .k-button {
    background: var(--gw-color-neutral-0) !important;
    border-color: #cccccc !important;
}*/
.k-scheduler-toolbar .k-sm-date-format,
.k-scheduler-views-wrapper .k-views-dropdown {
    display: none;
}

.k-scheduler-views-wrapper {
    float: right;
}
/* TODO: Determine if following is needed */
/*.k-scheduler-views-wrapper .k-button.k-selected {
        background: #0099ff !important;
    }*/
/* End: Kendo Scheduler widget overwrites */

.k-selectbox .k-input {
    border-radius: 0 !important;
    height: 2.5rem;
    line-height: 2.5rem;
    text-indent: 0.6rem;
    width: 100%;
}
/*.k-state-default > .k-select {
    border-radius: 0;
}*/

/* Begin: Kendo Wizard Styles */
.k-stepper .k-step-current .k-step-indicator {
    background-color: var(--widget-icon-active-color) !important;
    border-color: var(--gw-color-neutral-8) !important;
    color: var(--widget-input-font-color) !important;
}

.k-stepper .k-step-done .k-step-indicator {
    background-color: var(--widget-icon-color) !important;
    border-color: var(--widget-input-font-color) !important;
    color: var(--widget-icon-active-color) !important;
}

    .k-stepper .k-step-done .k-step-indicator .k-icon {
        color: var(--widget-icon-active-color) !important;
    }

.k-stepper .k-step-label {
    max-width: 26rem;
}

    .k-stepper .k-step-label .k-step-text {
        max-width: 25rem;
        white-space: normal;
    }

.k-switch-off .k-switch-track {
    border-color: var(--gw-color-neutral-6);
}

.k-switch-off .k-switch-thumb {
    background-color: var(--gw-color-neutral-6) !important;
}

.k-switch-on .k-switch-track {
    border-color: var(--gw-color-neutral-6) !important;
    background-color: var(--gw-color-neutral-6) !important;
}

.k-switch-md .k-switch-thumb {
    width: 1.8rem !important;
    height: 1.8rem !important;
}

.claim-history-switch {
    display: flex;
    justify-content: end;
}

.k-wizard-content .assoc-box-checkbox .k-checkbox-label {
    padding-left: 1.0rem;
}

.k-wizard-content .assoc-box-checkbox .k-invalid-msg {
    position: absolute;
    top: 5.0rem;
}
/* End: Kendo Wizard Styles */

/* Begin: Kendo Tabstrip widget overwrites */
.k-tabstrip {
    border: none;
}

    .k-tabstrip .k-content {
        border: none !important;
    }

    /* Remove focus outline and shadow */
    .k-tabstrip:focus {
        box-shadow: none !important;
    }

    .k-tabstrip .k-tabstrip-items-wrapper {
        display: flex;
    }

    /* Tab items - neutral, flat background, no borders */
    .k-tabstrip .k-tabstrip-items .k-tabstrip-item {
        background: none;
        border: none;
        font-family: Arial, sans-serif;
        font-size: var(--widget-label-font-size);
        margin-right: 0.2rem;
        padding: 0.5rem 1rem;
        transition: color 0.3s ease, border-bottom 0.3s ease;
        border-bottom: .2rem solid transparent;
        flex: 1;
        text-align: center;
        display: initial;
    }

        .k-tabstrip .k-tabstrip-items .k-tabstrip-item .k-link {
            color: var(--gw-primary-soft-black);
        }

        /* Active Tab - Add a bottom border to indicate active tab */
        .k-tabstrip .k-tabstrip-items .k-tabstrip-item.k-active {
            font-weight: var(--font-weight-bold);
            color: var(--button-font-primary-color);
            border-bottom: .3rem solid var(--gw-color-royal-blue) !important; /* Active tab border color */
            background: none; /* Remove button background */
        }


        .k-tabstrip .k-tabstrip-items .k-tabstrip-item.k-hover .k-link {
        }

.k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
    outline: var(--widget-focus-outline) !important;
}
/* Content section styling */
.k-tabstrip .k-content {
    border-top: 0.1rem solid var(--widget-border-color);
    padding: 0;
    margin: 0;
}

    /* Navigation buttons styling (next/prev) */
    .k-tabstrip .k-tabstrip-next,
    .k-tabstrip .k-tabstrip-prev {
        background: none !important;
        border: none !important;
        height: inherit !important;
        min-width: 0;
        padding: 0 !important;
    }

    /* Panel Body */
    .k-tabstrip .panel-body {
        background: var(--gw-color-neutral-0);
        border: 0.1rem solid var(--widget-border-color);
    }

        .k-tabstrip .panel-body .panel-body {
            border: none;
        }

.k-tabstrip-items.k-reset {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
}
/* End: Kendo Tabstrip widget */

/* Begin: Kendo Textbox widget overwrites */
.k-textbox:not(.k-invalid),
.k-textbox:not(.k-invalid):focus,
.k-textbox:not(.k-invalid):focus-within,
.k-textbox:not(.k-invalid):hover,
.k-textbox:not(.k-invalid).k-focus {
    background: var(--widget-background-color);
    background-color: var(--widget-background-color);
    border: 0.1rem solid var(--widget-border-color);
    border-radius: var(--widget-border-radius);
    box-shadow: none;
    width: 100%;
}

.k-textbox:focus,
.k-textbox:focus:hover,
.k-textbox.k-invalid:focus,
.k-textbox.k-invalid:focus:hover,
.k-textbox.k-focus,
.k-textbox.k-focus:hover,
.k-textbox.k-focus.k-invalid,
.k-textbox.k-focus.k-hover,
.k-textbox.k-focus.k-hover.k-invalid {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.k-textbox.k-invalid,
.k-textbox.k-invalid:hover,
.k-textbox.k-invalid.k-hover {
    background: var(--gw-color-coral-10) !important;
    background-color: var(--gw-color-coral-10) !important;
    border: 0.1rem solid #672822;
}

.k-textbox .k-icon {
    margin: -0.8rem -0.6rem;
}
/* End: Kendo Textbox widget overwrites */

/* Begin: Kendo Timeline widget overwrites */
.k-timeline .k-card-description {
    font-family: Arial,sans-serif;
    font-size: var(--widget-label-font-size)
}

.k-timeline .k-card-title {
    font-family: Arial,sans-serif;
    font-size: 2.0rem;
}

    .k-timeline .k-card-title .k-event-collapse {
        background: var(--button-background-alt-color) !important;
        background-color: var(--button-background-alt-color) !important;
        border: 0.1rem solid var(--button-border-color) !important;
        border-radius: 0.6rem;
        color: var(--button-font-alt-color) !important;
        height: 3.2rem;
        min-width: 3.2rem;
        padding: 0;
    }

.k-timeline .k-card-subtitle {
    font-family: Arial,sans-serif;
    font-size: 1.4rem;
}

.k-timeline .k-timeline-card .k-card-header {
    background: var(--gw-color-neutral-0) !important;
    background-color: var(--gw-color-neutral-0) !important;
    color: var(--gw-primary-soft-black) !important;
}

.k-timeline .k-timeline-circle {
    background: var(--gw-secondary-vibrant-green) !important;
    background-color: var(--gw-secondary-vibrant-green) !important;
    border: 0.1rem solid var(--gw-primary-soft-black);
}

    .k-timeline .k-timeline-circle.timeline-category-milestone {
        background-color: var(--gw-secondary-vibrant-green) !important;
    }

    .k-timeline .k-timeline-circle.timeline-category-contingency {
        background-color: #f0ad4e !important;
    }

    .k-timeline .k-timeline-circle.timeline-category-disaster {
        background-color: #d9534f !important;
    }

    .k-timeline .k-timeline-circle.timeline-category-info {
        background-color: var(--gw-primary-soft-black) !important;
    }

.k-timeline .k-timeline-date {
    color: var(--gw-primary-soft-black) !important;
    font-family: Arial,sans-serif;
    font-size: var(--widget-label-font-size);
}

.k-timeline .k-timeline-event.spt-event-card-pending .k-card,
.k-timeline .k-timeline-event.spt-event-card-pending .k-card-body,
.k-timeline .k-timeline-event.spt-event-card-pending .k-card-inner,
.k-timeline .k-timeline-event.spt-event-card-pending .k-card-header,
.k-timeline .k-timeline-event.spt-event-card-pending .k-timeline-card-callout {
    background-color: #e9e9e9 !important;
}

.k-timeline .k-timeline-flag {
    background: var(--gw-primary-soft-black) !important;
    background-color: var(--gw-primary-soft-black) !important;
    color: var(--gw-secondary-vibrant-green) !important;
    font-family: Arial,sans-serif;
    font-size: var(--widget-label-font-size);
    font-weight: var(--font-weight-bold);
}

.k-timeline.k-timeline-vertical .k-timeline-date-wrap {
    margin-top: 3.0rem
}
/* End: Kendo Timeline widget overwrites */

.k-toolbar .k-button {
    line-height: 1.0em;
}

.k-toolbar .k-input:before {
    display: none;
}

/* Begin: Kendo ToolTip widget overwrites */
.k-tooltip {
    background-color: var(--gw-primary-soft-black);
    border-color: var(--gw-primary-soft-black);
    box-shadow: none;
    color: var(--gw-color-neutral-0);
    font-size: 1.3rem;
    line-height: 1.8rem;
    max-width: 50.0rem;
}
    /*.k-tooltip.k-widget {
    background: #007cad !important;
    background-color: #007cad !important;
    border: 0.1rem solid #007cad !important;
    color: var(--gw-color-neutral-0) !important;
    line-height: 1.8rem;
    max-width: 50.0rem;
    top: -1.0rem;
}*/
    .k-tooltip .k-callout-s {
        border-top-color: var(--gw-primary-soft-black);
    }

.k-tooltip-error {
    font-size: 1.2rem;
    margin: 0rem;
    top: 0rem;
}
/* End: Kendo ToolTip widget overwrites */

/* Begin: Kendo TreeList widget overwrites */
.k-treelist.k-grid .k-grid-content {
    height: auto !important;
    max-height: 20.0rem;
}

.k-treelist .k-treelist-group .k-i-collapse:before {
    content: "\f0d7";
    font-size: var(--widget-icon-font-size);
    padding-right: 1.0rem;
    top: -0.5rem;
}

.k-treelist .k-treelist-group .k-i-expand:before {
    content: "\f0da";
    font-size: var(--widget-icon-font-size);
    padding-right: 1.0rem;
    top: -0.5rem;
}

.k-treelist .k-treelist-group .k-icon {
    cursor: pointer;
    font-family: WebComponentsIcons, 'Font Awesome 6 Pro';
    font-size: var(--button-font-size);
    outline: none;
    text-decoration: none;
}
/* End: Kendo TreeList widget overwrites */

/* Begin: Kendo TreeView widget overwrites */
.k-treeview {
    border: 0.1rem solid var(--widget-border-color);
    color: var(--widget-input-font-color) !important;
    font-size: var(--widget-input-font-size);
    font-weight: var(--font-weight-normal);
    min-width: 35.0rem;
}

    .k-treeview .k-group .k-checkbox-wrapper {
        margin-left: 1.2rem;
    }

        .k-treeview .k-group .k-checkbox-wrapper input[type="checkbox"] {
            height: 1.8rem;
            width: 1.8rem;
        }

    .k-treeview .k-group .k-i-collapse:before {
        content: "\f0d7";
        font-size: var(--widget-input-font-size);
        padding-right: 1.0rem;
        top: 0.9rem;
    }

    .k-treeview .k-group .k-i-expand:before {
        content: "\f0da";
        font-size: var(--widget-input-font-size);
        padding-right: 1.0rem;
        top: -0.2rem;
    }

    .k-treeview .k-group .k-icon {
        font-family: inherit;
        font-size: 2.8rem;
        outline: none;
        text-decoration: none;
    }

        .k-treeview .k-group .k-icon:before {
            display: inline-block;
        }

        .k-treeview .k-group .k-icon.k-i-collapse,
        .k-treeview .k-group .k-icon.k-i-expand {
            margin-right: -1.2rem;
        }

    .k-treeview .k-group .k-item {
        padding-left: 2.8rem;
    }

        .k-treeview .k-group .k-item.k-first {
            padding-left: 1.6rem;
        }

        .k-treeview .k-group .k-item.k-last {
            padding-left: 2.8rem;
        }

    .k-treeview .k-group .k-focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-treeview .k-group .k-hover {
        background: var(--widget-row-selecteded-color) !important;
        background-color: var(--widget-row-selecteded-color) !important;
        color: var(--widget-input-font-color) !important;
    }

    .k-treeview .k-group .k-selected {
        background: var(--widget-row-hovered-color) !important;
        background-color: var(--widget-row-hovered-color) !important;
        font-weight: var(--font-weight-bold);
    }

        .k-treeview .k-group .k-selected:focus.k-focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            outline-offset: -0.1rem;
        }

    .k-treeview .k-icon.k-i-expand {
        margin-top: -0.4rem;
    }

    .k-treeview .k-treeview-leaf.k-in {
        margin-top: -0.6rem;
    }

    .k-treeview .k-treeview-leaf-text {
        margin-left: 2.2rem;
    }
/* End: Kendo TreeView widget overwrites */

/* Begin: Kendo Upload widget overwrites */
/* Note: ".k-widget" must be included with ".k-upload" to ensure overwrite of Bootstrap class */
.k-upload.k-widget,
.k-upload.k-widget:focus {
    background: var(--widget-background-color);
    background-color: var(--widget-background-color);
    border-bottom: 0.1rem solid var(--widget-border-color);
    border-left: 0.1rem solid var(--widget-background-color);
    border-radius: 0;
    border-right: 0.1rem solid var(--widget-background-color);
    border-top: 0.1rem solid var(--widget-background-color);
}

    .k-upload.k-widget.readonly-widget:focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }

    .k-upload.k-widget .k-action-buttons { /* To hide action button section after file selection */
        display: none;
    }

    .k-upload.k-widget .k-button.k-upload-button {
        background: var(--widget-button-background-color) !important;
        background-color: var(--widget-button-background-color) !important;
        border: 0.1rem solid var(--widget-button-border) !important;
        color: var(--widget-button-font-color) !important;
    }

        .k-upload.k-widget .k-button.k-upload-button:focus,
        .k-upload.k-widget .k-button.k-upload-button.k-focus {
            -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
            box-shadow: var(--widget-focus-box-shadow) !important;
            outline: var(--widget-focus-outline);
            outline-offset: -0.1rem;
        }

        .k-upload.k-widget .k-button.k-upload-button:hover,
        .k-upload.k-widget .k-button.k-upload-button.k-hover {
            background: var(--widget-button-background-hover) !important;
            background-color: var(--widget-button-background-hover) !important;
            border: 0.1rem solid var(--widget-button-border-hover) !important;
            color: var(--widget-button-font-color-hover) !important;
        }

    .k-upload.k-widget .k-file-name {
        color: var(--widget-input-font-color);
        font-size: var(--widget-input-font-size);
        max-width: 22.0rem;
    }

    .k-upload.k-widget .k-file-name-size-wrapper {
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .k-upload.k-widget .k-file-size {
        color: var(--widget-input-font-color);
        font-size: 1.2rem;
    }

    .k-upload.k-widget .k-upload-action:hover {
        background: var(--widget-button-background-hover);
        background-color: var(--widget-button-background-hover);
    }

    .k-upload.k-widget .k-upload-files {
        border: none;
    }

        .k-upload.k-widget .k-upload-files .k-icon.k-i-file,
        .k-upload.k-widget .k-upload-files .k-icon.k-i-file-data,
        .k-upload.k-widget .k-upload-files .k-icon.k-i-file-excel,
        .k-upload.k-widget .k-upload-files .k-icon.k-i-file-image,
        .k-upload.k-widget .k-upload-files .k-icon.k-i-file-pdf,
        .k-upload.k-widget .k-upload-files .k-icon.k-i-file-txt {
            background-image: none;
            color: var(--gw-color-neutral-8);
            display: inline-block;
            font-family: inherit;
            font-size: 3.2rem;
            margin-bottom: -0.5rem;
            margin-left: -0.8rem;
        }

            .k-upload.k-widget .k-upload-files .k-icon.k-i-file:before,
            .k-upload.k-widget .k-upload-files .k-icon.k-i-file-data:before,
            .k-upload.k-widget .k-upload-files .k-icon.k-i-file-excel:before,
            .k-upload.k-widget .k-upload-files .k-icon.k-i-file-image:before,
            .k-upload.k-widget .k-upload-files .k-icon.k-i-file-pdf:before,
            .k-upload.k-widget .k-upload-files .k-icon.k-i-file-txt:before {
                content: "\f15b" !important;
            }

        .k-upload.k-widget .k-upload-files .k-icon.k-i-close {
            font-size: 2.0rem;
            /*right: -0.9rem;
            top: -0.4rem;*/
        }

            .k-upload.k-widget .k-upload-files .k-icon.k-i-close:before {
                content: "\f00d" !important;
            }

        .k-upload.k-widget .k-upload-files .k-icon.k-i-file-txt {
            font-size: 3.2rem;
        }

        .k-upload.k-widget .k-upload-files .k-icon.k-i-retry:before {
            content: "\f01e" !important;
        }

        .k-upload.k-widget .k-upload-files .k-upload-status {
            opacity: 1;
            right: 0;
            top: 0.5rem;
        }

            .k-upload.k-widget .k-upload-files .k-upload-status .k-button,
            .k-upload.k-widget .k-upload-files .k-upload-status .k-button:hover {
                background: var(--gw-color-neutral-0) !important;
                background-color: var(--gw-color-neutral-0) !important;
                border: none !important;
                min-width: 0 !important;
                opacity: 1;
            }

                .k-upload.k-widget .k-upload-files .k-upload-status .k-button.k-focus {
                    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
                    box-shadow: var(--widget-focus-box-shadow) !important;
                    outline: var(--widget-focus-outline) !important;
                    outline-offset: 0 !important;
                }

.k-dropzone .k-dropzone-hint {
    color: var(--gw-color-neutral-8) !important;
}
/* End: Kendo Upload widget overwrites */

/* Begin: Kendo Window widget overwrites */
.k-window {
    border: 0.1rem solid var(--gw-color-royal-blue);
    border-radius: 1.0rem !important;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    font-size: var(--font-size-regular);
}

    .k-window .k-window-action .i-maximize-flip:before {
        content: "\f2d2";
        padding-right: 0.2rem;
    }

    .k-window .k-window-action .i-minimize-flip:before {
        content: "\f0fe";
        padding-right: 0.2rem;
    }

    .k-window .k-window-action .k-i-close:before {
        content: "\f057";
        padding-right: 0.2rem;
    }

    .k-window .k-window-action .k-i-pin {
        -webkit-transform: rotate(90deg); /* Safari and Chrome */
        transform: rotate(90deg);
    }

        .k-window .k-window-action .k-i-pin:before {
            content: "\f08d";
            padding-right: 0.2rem;
        }

    .k-window .k-window-action .k-i-unpin:before {
        content: "\f08d";
        padding-right: 0.2rem;
    }

    .k-window .k-window-action .k-i-window-maximize:before {
        content: "\f2d0";
        padding-right: 0.2rem;
    }

    .k-window .k-window-action .k-i-window-minimize:before {
        content: "\f146";
        padding-right: 0.2rem;
    }

    .k-window .k-window-action .k-icon {
        background-image: none;
        color: var(--gw-color-neutral-0);
        font-family: 'Font Awesome 6 Pro',Arial,sans-serif;
        font-size: 2.0rem;
        height: 3.2rem;
        line-height: 3.2rem;
        /*margin-left: 2.0rem;*/
        width: 2.2rem;
    }

    .k-window .k-window-action.k-icon-button {
        margin-left: 2.0rem;
    }

    .k-window .k-window-title {
        cursor: move;
    }

    .k-window .k-window-titlebar {
        background-color: var(--gw-color-royal-blue-40);
        border: none;
        border-radius: 1.0rem 1.0rem 0 0;
        color: var(--gw-primary-soft-black);
        line-height: 3.3rem;
        position: relative;
    }

        .k-window .k-window-titlebar .k-window-title {
            border: none;
            font-family: 'Poppins', Arial, sans-serif;
            font-size: var(--widget-window-title-font-size);
            font-weight: 600;
            line-height: 3.2rem;
            margin-left: 1.3rem;
        }

        .k-window .k-window-titlebar.modal-msg-title-alert .k-window-actions,
        .k-window .k-window-titlebar.modal-msg-title-warn .k-window-actions,
        .k-window .k-window-titlebar.modal-msg-title-info .k-window-actions,
        .k-window .k-window-titlebar.modal-msg-title-success .k-window-actions {
            top: -0.3rem;
        }

    .k-window .k-window-content {
        padding: 2.4rem;
    }

.k-window-titlebar-actions .k-icon:focus,
.k-window-titlebar-actions .k-icon-button:focus {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.k-window-titlebar-actions .k-button,
.k-window-titlebar-actions .k-button:active,
.k-window-titlebar-actions .k-button:active:focus:hover,
.k-window-titlebar-actions .k-button:active:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

.k-window-actions {
    border: 0;
}
/* End: Kendo Window widget overwrites */

.lbl-separator-left {
    border-left: 0.1rem solid #444444;
    margin-left: 1.0rem;
    padding-left: 1.0rem;
}

.lbl-separator-right {
    border-right: 0.1rem solid #444444;
    margin-right: 1.0rem;
    padding-right: 1.0rem;
}

.left-row {
    padding-top: 0.6rem;
    padding-bottom: 2.0rem;
}

.letter-panel-height {
    height: 80.0rem !important;
}

.letter-panel-width {
    width: 82.0rem !important;
}

.letter-panel-width-large {
    width: 90.0rem !important;
}

.letter-panel-width-small {
    width: 78.0rem !important;
}

.linkDisable a[disabled] {
    pointer-events: none;
}

.list-item {
    padding-right: 1.5rem;
}

.list-vertical .list-item {
    display: block;
    padding-bottom: 1.0rem;
    padding-right: 0;
}

/* ListBox related styles*/ /*TODO: should these be associated with another widget?*/
.listbox-base-left-label {
    width: 40.5rem;
}

.listbox-focus {
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.listbox-label {
    color: var(--widget-label-font-color);
    font-family: inherit;
    font-size: var(--widget-label-font-size);
    font-weight: var(--font-weight-bold);
}

    .listbox-label:not(:first-of-type) {
        float: right;
        /*margin-left: 6.2rem;*/
    }

.listbox-section {
    border: 0.1rem solid rgba(20, 53, 80, 0.14);
    margin: 0 auto 0.5em; /* TODO: CONVERT FROM EM TO REM */
    padding: 2em; /* TODO: CONVERT FROM EM TO REM */
}

    .listbox-section.k-content {
        -webkit-box-shadow: 0 0.1rem 0.2rem 0.1rem rgba(0,0,0,0.08), 0rem 0.3rem 0.6rem rgba(0,0,0,0.08);
        box-shadow: 0 0.1rem 0.2rem 0.1rem rgba(0,0,0,0.08), 0rem 0.3rem 0.6rem rgba(0,0,0,0.08);
        display: inline-block;
    }

    .listbox-section .k-listbox-toolbar {
        float: left;
        margin-left: 0;
        margin-right: 0.5rem;
    }

.listboxes-base {
    display: block;
    padding-top: 0.1rem;
    position: relative;
}

    .listboxes-base::after {
        clear: both;
        content: "";
        display: block;
    }

    .listboxes-base .k-listbox {
        height: 31.0rem;
        max-width: 35.0rem;
        min-width: 25.0rem;
        width: 45%;
    }

        .listboxes-base .k-listbox:first-of-type {
            max-width: 40.5rem;
            min-width: 25.0rem;
            width: 45%;
        }

    .listboxes-base .listbox-section {
        max-width: none;
    }

        .listboxes-base .listbox-section.k-content {
            -webkit-box-shadow: 0 0.1rem 0.2rem 0.1rem rgba(0,0,0,0.08), 0 0.3rem 0.6rem rgba(0,0,0,0.08);
            box-shadow: 0 0.1rem 0.2rem 0.1rem rgba(0,0,0,0.08), 0 0.3rem 0.6rem rgba(0,0,0,0.08);
            display: inline-block;
        }

.logInHome #activeModuleMenuNav,
.logInHome #mcbRowBorder,
.MyHome #activeModuleMenuNav {
    display: none;
}

.long-description-content {
    word-break: break-all;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.lowercase {
    text-transform: lowercase;
}

.manager-dshbrd-moduletile-watermark {
    background-image: url('../../Content/gwt.ua3.tm.modules.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.manager-dshbrd-routingpathtile-watermark {
    background-image: url('../../Content/gwt.ua3.tm.pathway.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}

.manager-dshbrd-usertile-watermark {
    background-image: url('../../Content/gwt.ua3.tm.users.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

.maplocation tr td:nth-child(2n+1) {
    font-weight: var(--font-weight-bold);
    vertical-align: top;
    width: 40%;
}

.maplocation tr td:nth-child(2n+2) {
    width: 60%;
}

/* Begin: Module Content Bar style classes */
.mcb-active-tab-item {
    background: var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-8);
}

    .mcb-active-tab-item .k-link:link,
    .mcb-active-tab-link {
        border-bottom-color: var(--gw-color-neutral-8);
        color: var(--gw-secondary-vibrant-green) !important;
        outline: 0 !important;
    }

.mcb-panel {
    border: 0.2rem solid var(--gw-secondary-vibrant-green);
    border-radius: 1.4rem;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    left: 33%;
    position: fixed;
    width: 66%;
    z-index: 1000;
}

.mcb-panel-body {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border: 0.1rem solid var(--gw-color-neutral-0);
    border-bottom-left-radius: 0.9rem !important;
    border-bottom-right-radius: 0.9rem !important;
    box-sizing: border-box;
    padding: 0.5rem 1.0rem 1.0rem 1.0rem;
}

.mcb-panel-container {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border: 0.1rem solid var(--gw-color-neutral-0);
    border-radius: 0.9rem;
}

.mcb-panel-hdr {
    background: var(--gw-primary-soft-black);
    background-color: var(--gw-primary-soft-black);
    border: 0.1rem solid var(--gw-primary-soft-black);
    border-top-left-radius: 0.9rem !important;
    border-top-right-radius: .9rem !important;
    color: var(--gw-color-neutral-0);
}

.mcb-panel-hdr-close,
.mcb-panel-hdr-expand-n-collapse {
    color: var(--gw-color-neutral-0);
}

.mcb-panel-hdr-tools {
    display: block;
    float: right;
    margin-top: -3.2rem;
    padding: 0 1.5rem 0 1.5rem;
}
/* End: Module Content Bar style classes */

/* Begin: External Portal Member Focus Bar style classes */
.member-focus-hdr,
.member-focus-hdr:link,
.member-focus-hdr:visited {
    background: transparent;
    background-color: transparent;
    color: #fffde1 !important;
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 1.6rem;
    margin-right: 0.4rem;
    text-decoration: none;
}

    .member-focus-hdr:hover {
        text-decoration: underline;
    }

.member-focus-hdr-close {
    color: var(--gw-color-neutral-0);
    float: right;
    font-size: 2.4rem;
    line-height: 3.3rem;
    margin-left: 2.4rem;
    margin-right: 0.4rem;
}

.member-focus-hdr-container {
    background: var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-8);
    color: var(--gw-color-neutral-0);
    height: 3.4rem;
    line-height: 3.3rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 160.0rem;
    padding: 0 1.2rem 0 1.2rem;
    width: 100%;
    z-index: 100;
}

.member-focus-hdr-content {
    font-family: 'Poppins Bold',Arial,sans-serif;
    font-size: 1.6rem;
    margin-right: 2.8rem;
}

.member-focus-hdr-lbl {
    font-family: 'Poppins',Arial,sans-serif;
    font-size: 1.6rem;
    margin-right: 1.1rem;
}
/* End: External Portal Member Focus Bar style classes */

.menu {
    background-color: var(--gw-secondary-vibrant-green);
    clear: both;
    height: 0;
    width: 100%;
}

.menu-row .col-auto {
    width: auto;
}

.menuTabs {
    margin-top: 0.5rem;
}

/*TODO: Check all style classes beginning with "modal"...these might be Bootstrap overwrites andneed to be removed once DS056 is completed*/
.modal {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal-content {
    background: var(--gw-color-neutral-0);
}

.modal-footer {
    padding: 1.5rem;
}

.modal-header {
    color: var(--gw-color-neutral-0);
    font-size: 1.6rem;
    padding: 1.0rem;
}

.modal-min-width-priority {
    min-width: 76.8rem !important;
}

.modal-msg-close-icon {
    float: right;
    margin-left: 1.5rem;
}

.modal-msg-content {
    font-family: inherit;
    font-size: 1.6rem; /*TODO: is font size correct?*/
    margin-bottom: 1.5rem;
    text-align: center;
}

.modal-msg-icon-alert,
.modal-msg-icon-error,
.modal-msg-icon-info,
.modal-msg-icon-success,
.modal-msg-icon-warn {
    font-size: 24px; /*TODO: is this used in a calculation?  if not, change to rems*/
    padding-left: 0.3rem;
}

.modal-msg-icon-alert {
    color: #fffde1;
}

.modal-msg-icon-error,
.modal-msg-icon-warn {
    color: var(--gw-color-coral-10);
}

.modal-msg-icon-info {
    color: #deeff7;
}

.modal-msg-icon-success {
    color: #dff0d9;
}

.modal-msg-panel-container-alert {
    color: #614a29;
}

.modal-msg-panel-container-alert,
.modal-msg-panel-container-base,
.modal-msg-panel-container-error,
.modal-msg-panel-container-info,
.modal-msg-panel-container-success,
.modal-msg-panel-container-warn {
    background-color: var(--gw-color-neutral-0);
    width: 600px; /*TODO: is this used in a calculation?  if not, change to rems*/
}

.modal-msg-panel-container-error,
.modal-msg-panel-container-warn {
    color: #672822;
}

.modal-msg-panel-container-info {
    color: #13426c;
}

.modal-msg-panel-container-success {
    color: #47743e;
}

.modal-msg-panel-hdr-error { /* There are only a couple of places in Drug Rebate that reference this class.*/
    background: #672822;
    background-color: #672822;
    border: 0.1rem solid #672822;
    border-radius: 0;
    color: var(--gw-color-neutral-0);
    font-size: 1.6rem;
    height: 3.2rem;
    line-height: 2.9rem;
    margin-top: -0.1rem;
    padding: 0 1.0rem 0 1.0rem;
    width: 100%;
}

.modal-msg-title-alert {
    background-color: #614a29 !important;
    color: var(--gw-color-neutral-0) !important;
}

.modal-msg-title-error,
.modal-msg-title-warn {
    background-color: #672822 !important;
    color: var(--gw-color-neutral-0) !important;
}

.modal-msg-title-info {
    background-color: #13426c !important;
    color: var(--gw-color-neutral-0) !important;
}

.modal-msg-title-success {
    background-color: #47743e !important;
    color: var(--gw-color-neutral-0) !important;
}

.modal-panel-close {
    color: var(--gw-color-neutral-0);
}

.modal-panel-bdy { /* Kendo modal does not need the .modal-panel-bdy style.*/
    border-radius: 0;
    max-height: 50.0rem; /* This is a temporary placeholder.  The height will be calculated upon creation of the modal overlay. */
    overflow: auto;
}

.modal-panel-form-container {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border-color: var(--gw-color-neutral-8);
    border-radius: 1.0rem;
    border-style: solid;
    border-width: .5rem;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    margin: 0;
    padding: 0;
}

    .modal-panel-form-container .mcb-panel { /* Kendo modal does not need the .modal-panel-form-container style.*/
        position: absolute;
    }

.modal-panel-hdr {
    background: #707070;
    background-color: #707070;
    border: 0.1rem solid #707070;
    border-radius: 0;
    color: var(--gw-color-neutral-0);
    font-size: 2.0rem;
    height: 3.4rem;
    line-height: 3.1rem;
    padding: 0 1.2rem 0 1.2rem;
}

    .modal-panel-hdr:hover {
        cursor: move;
    }

.modal-panel-hdr-close {
    color: var(--gw-color-neutral-0);
    float: right;
    font-size: 2.4rem;
    line-height: 2.9rem;
}

.modeless-win-container {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    margin-top: 1.0rem;
}

.modeless-win-icon {
    background: var(--gw-primary-soft-black);
    background-color: var(--gw-primary-soft-black);
    border: 0.1rem solid var(--gw-primary-soft-black);
    color: var(--gw-secondary-vibrant-green);
}

.modeless-win-tab,
.modeless-win-tab-empty {
    background: var(--gw-color-neutral-6);
    background-color: var(--gw-color-neutral-6);
    border: 0.1rem solid var(--gw-color-neutral-6);
    border-bottom-left-radius: 0.8rem;
    border-top-left-radius: 0.8rem;
    font-size: 1.6rem;
    height: 3.2rem;
    line-height: 3.2rem;
    margin-left: -2.9rem;
    padding: 0 1.0rem 0 1.0rem;
    position: absolute;
    text-transform: uppercase;
}

.modeless-win-tab {
    background: var(--gw-primary-soft-black);
    background-color: var(--gw-primary-soft-black);
    border: 0.1rem solid var(--gw-primary-soft-black);
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    color: var(--gw-color-neutral-0);
}

.modeless-win-tab-empty {
    background: var(--gw-color-neutral-6);
    ;
    background-color: var(--gw-color-neutral-6);
    ;
    border: 0.1rem solid var(--gw-color-neutral-6);
    ;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    color: var(--gw-color-neutral-0);
}

.msg-inline {
    border-radius: 0.4rem;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}

.msg-inline-alert {
    background: #fffde1;
    background-color: #fffde1;
    border: 0.2rem solid #8a6d3b;
    color: #614a29;
}

.msg-inline-close {
    font-size: var(--font-size-small);
    margin-top: 0;
    padding: 0.5rem 1.0rem;
}

    .msg-inline-close:focus {
        -webkit-box-shadow: inset 0 0 0 0.1rem var(--widget-focus-accessible) !important;
        box-shadow: inset 0 0 0 0.1rem var(--widget-focus-accessible) !important;
        outline: 0.2rem solid var(--widget-focus);
        position: relative;
    }

.msg-inline-error,
.msg-inline-warn {
    background: var(--gw-color-coral-10);
    background-color: var(--gw-color-coral-10);
    border: 0.2rem solid #672822;
    color: #672822;
}

.msg-inline-icon {
    background-image: none;
    float: left;
    font-size: var(--widget-input-font-size);
    margin: 1.0rem 1.9rem;
    padding-right: 0.5rem;
}

.msg-inline-icon-alert,
.msg-inline-icon-error,
.msg-inline-icon-info,
.msg-inline-icon-success,
.msg-inline-icon-warn {
    float: left;
    height: 3.7rem;
    margin-top: -2.8rem;
    margin-left: -2.8rem;
    width: 3.7rem;
}

.msg-inline-icon-alert {
    background: url('/Content/dxc.ua3.core.icon.message.alert.large.png') no-repeat;
}

.msg-inline-icon-error,
.msg-inline-icon-warn {
    background: url('/Content/dxc.ua3.core.icon.message.warning.large.png') no-repeat;
}

.msg-inline-icon-info {
    background: url('/Content/dxc.ua3.core.icon.message.info.large.png') no-repeat;
}

.msg-inline-icon-success {
    background: url('/Content/dxc.ua3.core.icon.message.success.large.png') no-repeat;
}

.msg-inline-icon-stack {
    height: 1.5em; /* TODO: NEED TO CONVERT FROM EM TO REM */
    line-height: 1.5em; /* TODO: NEED TO CONVERT FROM EM TO REM */
    width: 1.5em; /* TODO: NEED TO CONVERT FROM EM TO REM */
    position: absolute !important;
    left: 0.3rem !important;
    top: -1.3rem !important;
}

.msg-inline-info {
    background: #deeff7;
    background-color: #deeff7;
    border: 0.2rem solid #13426c;
    color: #13426c;
}

.msg-inline-success {
    background: #dff0d9;
    background-color: #dff0d9;
    border: 0.2rem solid #47743e;
    color: #47743e;
}

.myHome_copy {
    padding: 0.3rem 0.3rem;
    width: 35%;
}

    .myHome_copy div {
        bottom: 0.5rem;
        padding-top: 40.0rem;
        text-align: right;
    }

    .myHome_copy h2 {
        font-family: inherit;
        font-size: 3.3rem;
    }

    .myHome_copy p {
        font-family: inherit;
        font-size: 1.3rem;
        padding-top: 0.2rem;
    }

.myHome_img {
    background: url('/Content/dxc.ua3.core.home.myhome.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 65%;
}

.nav-panel-position-abs {
    position: absolute;
}

.nav-panel-position-abs-priority {
    position: absolute !important;
}

.nav-panel-position-fix {
    position: fixed;
}

.nav-panel-position-rel {
    position: relative;
}
/*.nav-row {
    background-color: #666666;
}*/
.navbar {
    border: none;
    margin-bottom: 0;
    min-height: 2.0rem;
    position: relative;
    z-index: auto;
}

.navigation-panel-container {
    overflow: auto;
    visibility: visible;
    z-index: 150;
}

.no-decoration {
    text-decoration: none;
}

.openHelp {
    margin-top: -0.4rem;
}

    .openHelp.panel-icon .fa-stack, /*TODO: deprecate this class when all occurances of "openHelp" have been removed */
    .panel-icon-help .fa-stack {
        height: 3.0rem;
        line-height: 3.0rem;
        vertical-align: top;
    }

.overflow-wrap {
    overflow-wrap: anywhere;
    word-break: break-all;
}

.overlay-icons {
    color: var(--gw-color-neutral-0);
    padding-left: 1.0rem;
    padding-top: 0.5rem;
}

.padding-none-priority {
    padding: 0 !important;
}

.page-load-overlay {
    background-color: var(--gw-color-neutral-0);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.paid-claim-margin-top {
    margin-top: 51.3rem;
}

.paid-claim-panel-size {
    background-color: #0099ff;
    border: 1.0rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    height: auto;
    width: 146.0rem;
}

.paid-claim-selected-label {
    padding-top: 0.625rem;
}

.paid-claim-selected-row {
    margin-right: 1.0rem;
}

.panel-body:after {
    clear: both;
}

.panel-body:after,
.panel-body:before {
    display: table;
    content: " ";
}

.panel-body-lr {
    padding: 0 1.0rem 0 1.0rem;
}

.panel-body-tb {
    padding: 2.0rem 0 1.0rem 0;
}

.panel-border-right {
    border-right: 0.1rem solid var(--gw-color-neutral-8);
}

.panel-close-display {
    background-color: #0099ff;
    color: var(--gw-color-neutral-0);
    cursor: pointer;
    line-height: 3.0rem;
    margin-top: -1.0rem;
    margin-left: -1.0rem;
    position: absolute;
}

.panel-col-md-4 {
    flex-basis: 45%; /* 50% */
    margin-bottom: 2.0rem;
    margin-right: 1.0rem;
}

.panel-desc {
    padding: 10px;
}

.panel-display {
    background-color: #0099ff;
    border: 1.0rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    width: 35.0rem;
}

.panel-display-margin {
    background-color: #0099ff;
    border: 1.0rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    width: 45.0rem;
}

.panel-fltrnav {
    min-height: 17.0rem;
}

.panel-fltrnav-section {
    background-color: #cccccc;
    clear: left;
    min-height: 27.0rem;
    padding: 1.0rem;
}

.panel-form-container {
    background-color: var(--gw-color-neutral-0);
    margin: 0;
    padding: 0;
}

    .panel-form-container .panel {
        margin: 0;
    }

.panel-half {
    box-sizing: border-box;
    float: left;
    width: 50%;
}

.panel-icon,
.panel-icon-help {
    display: inline-block;
    font-size: 2.0rem;
    margin-left: 2.0rem;
    vertical-align: top;
}

.panel-icon {
    color: var(--gw-primary-soft-black);
}

.panel-left {
    float: left;
}

.panel-left-margin {
    margin-left: 1.0rem;
}

.panel-margin-bottom {
    margin-bottom: -0.1rem;
}

.panel-margin-top {
    margin-top: 2.0rem;
}

.panel-notification-msg-container {
    margin-left: auto;
}

.panel-notification-msg-content {
    background: #deeff7;
    background-color: #deeff7;
    border: 0.2rem solid #13426c;
    border-radius: 0.4rem;
    color: #13426c;
    padding: 1.0rem;
}

.panel-primary { /*TODO: is panel-primary legit, or replaces by content panels?*/
    border-color: #666666;
}

    .panel-primary .panel-heading {
        background-color: #666666;
        border-color: #666666;
        font-size: 1.6rem;
        padding: 0.5rem 1.5rem;
        padding-bottom: 0.5rem;
    }

    .panel-primary .panel-heading-logo {
        padding: 0 0.5rem 0 0;
    }

    .panel-primary .tab-heading {
        background-color: var(--gw-color-neutral-8);
        border-color: var(--gw-color-neutral-8);
        color: var(--gw-color-neutral-0);
        font-size: 125%;
        font-weight: var(--font-weight-bold);
        padding: 0.7rem 1.5rem;
    }

.panel-row-height {
    height: 5.0rem;
}

.panelForm {
    padding: 0;
}

    .panelForm .loading {
        background: url('/Content/dxc.ua3.core.circle.loading.animation.small.gif') no-repeat 50% 50%;
        height: 6.0rem;
        margin-left: auto;
        margin-right: auto;
        width: 6.0rem;
        z-index: 1000;
    }

    .panelForm .modal-body {
        padding: 0;
    }

.panelForm_init {
    min-height: 20.0rem;
}

.panelForm-col-1 {
    width: 12.5%;
}

.panelForm-col-1-5 {
    width: 18.75%;
}

.panelForm-col-2 {
    width: 25%;
    min-width: 0 !important;
}

.panelForm-col-3 {
    width: 37.5%;
}

.panelForm-col-4 {
    width: 50%;
}

.panelForm-col-5 {
    width: 62.5%;
}

.panelForm-col-6 {
    width: 75%;
}

.panelForm-col-7 {
    width: 87.5%;
}

.panelForm-col-8 {
    width: 100%;
}

.paragraph-text {
    color: var(--elment-paragraph-text-color);
    font-size: 1.5rem;
    line-height: 2.1rem;
    max-width: 120.0rem;
}

    .paragraph-text li {
        margin-bottom: 0.5rem;
        padding-left: 1.5rem;
        position: relative;
    }

        .paragraph-text li:before {
            content: "\f111";
            font-family: inherit;
            font-size: 0.8rem;
            left: 0;
            position: absolute;
            top: -0.2rem;
        }

        .paragraph-text li ul li:before {
            content: "\f111";
            font-family: inherit;
            font-size: 0.8rem;
            left: 0;
            position: absolute;
            top: -0.2rem;
        }

    .paragraph-text ul {
        list-style-type: none;
        padding-left: 1.7rem;
        padding-top: 0.6rem;
    }

.pharmacy-icon-stack-bkgrnd-bottom { /* TODO: PI only...move to PI section and precede class with "pi-"*/
    color: #008a00;
    font-size: 2.5rem;
    top: 0.5rem;
}

.pharmacy-icon-stack-bottom { /* TODO: PI only...move to PI section and precede class with "pi-"*/
    color: #008a00;
    font-size: 2.7rem;
    top: 0.1rem;
}

.popup-submit-msg {
    font-weight: var(--font-weight-bold);
    margin-bottom: 1.5rem;
}

.primary-broadCstMsgbutton-tab,
.primary-broadCstMsgbutton-tab:focus,
.primary-broadCstMsgbutton-tab:hover {
    background: var(--gw-color-neutral-8) !important;
    border: 0.1rem solid var(--gw-color-neutral-8);
    color: var(--gw-color-neutral-0) !important;
}

.printPreview-table-noborder {
    table-layout: fixed;
    width: 100%;
}

    .printPreview-table-noborder thead {
        font-weight: var(--font-weight-bold);
    }

        .printPreview-table-noborder thead td:nth-child(4n+1) {
            width: 30%;
        }

        .printPreview-table-noborder thead td:nth-child(4n+2),
        .printPreview-table-noborder thead td:nth-child(4n+3) {
            width: 25%;
        }

        .printPreview-table-noborder thead td:nth-child(4n+4) {
            width: 20%;
        }

    .printPreview-table-noborder .printPreview-table-row {
        font-weight: var(--font-weight-bold);
    }

        .printPreview-table-noborder .printPreview-table-row td:nth-child(4n+1) {
            width: 30%;
        }

        .printPreview-table-noborder .printPreview-table-row td:nth-child(4n+2) {
            width: 25%;
        }

.printPreview-table-with-border {
    border: 0.1rem solid var(--gw-color-neutral-8);
    fill-rule: nonzero;
    table-layout: fixed;
    width: 100%;
}

    .printPreview-table-with-border thead {
        border: 0.1rem solid var(--gw-color-neutral-8);
        font-weight: var(--font-weight-bold);
    }

.printreport-scrollable, /* TODO: remove once all occurances have been changed (only found in PE)*/
.print-report-scrollable {
    height: 30.0rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.processing-icon-backdrop {
    background-color: #999999;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030;
}

.processing-icon-noscroll {
    height: 100%;
    margin: 0;
}

.processing-icon-overlay {
    background: #999999;
    background-color: #999999;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1040;
}

.prov-claim-margin-top {
    margin-top: 66.3rem;
}

.provider-disclaimer-grid-align {
    text-align: justify;
    text-justify: inter-word;
}

.public-page {
    background: #ebedf5;
}

    .public-page #dshbrdContainer {
        width: 90%;
        margin: 0 auto;
    }

    .public-page .extprtl-dshbrd-panel {
        max-height: 35rem;
    }

    .public-page .extprtl-dshbrd-left {
        width: 75%;
    }

        .public-page .extprtl-dshbrd-left.no-form {
            width: 100%;
        }

    .public-page .no-form .extprtl-dshbrd-panel,
    .no-form .extprtl-dshbrd-2x-panel {
        max-height: 45rem;
    }

    .public-page .extprtl-dshbrd-right {
        padding-top: 0;
        width: 25%;
    }

        .public-page .extprtl-dshbrd-right .k-button {
            padding: 0.5rem 1.5rem !important
        }

    .public-page .row.display-flex {
        margin-bottom: 2.0rem;
    }

    .public-page h1 {
        font-family: "Poppins Bold", Arial, sans-serif;
    }

.readonly-bkgrnd-color {
    background: var(--widget-background-readonly-color) !important;
    background-color: var(--widget-background-readonly-color) !important;
    border-bottom-color: var(--widget-border-color) !important;
    border-left-color: var(--widget-border-readonly-color) !important;
    border-right-color: var(--widget-border-readonly-color) !important;
    border-top-color: var(--widget-border-readonly-color) !important;
}

.readonly-cursor {
    cursor: auto;
}

.readonly-datepicker-focus { /* Displays focus for DatePicker/DateTimePicker/TimePicker widgets (Kendo does not support) */
    -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
    box-shadow: var(--widget-focus-box-shadow) !important;
    outline: var(--widget-focus-outline);
    outline-offset: -0.1rem;
}

.readonly-k-checkbox-label,
.readonly-k-radio-label { /* These property values should match the .k-radio-label overwrites. */
    background-image: none;
    color: var(--widget-input-font-color-readonly);
    font-family: inherit;
    font-size: 1.7rem;
    font-weight: var(--font-weight-bold);
    line-height: 1.7rem; /* May need 1.8rem for radio button */
    padding-top: 0.1rem;
}

.readonly-label {
    font-weight: var(--font-weight-normal) !important;
}

.readonly-req-icon {
    display: none;
}

.readonly-upload-empty-msg {
    color: var(--gw-color-neutral-8) !important;
    font-weight: var(--font-weight-bold) !important;
    height: 3.0rem;
    line-height: 3.0rem;
    margin: 0;
    padding: 1.2rem 0.5rem 1.2rem 0.5rem;
}

.readonly-upload-file-area-container {
    background: var(--widget-background-readonly-color) !important;
    background-color: var(--widget-background-readonly-color) !important;
    border-color: var(--widget-border-readonly-color) !important;
}

.readonly-upload-file-area-content {
    color: var(--widget-input-font-color-readonly) !important;
    font-weight: var(--font-weight-bold) !important;
}

.readonly-widget,
span[aria-readonly="true"] {
    background: transparent !important;
    background-color: transparent !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    color: var(--widget-input-font-color-readonly) !important;
    cursor: default;
    font-weight: var(--font-weight-bold) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .readonly-widget:not(.k-upload):focus,
    .readonly-widget.k-focus,
    .readonly-widget-focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline) !important;
        outline-offset: -0.1rem;
    }

.redcross-icon-stack-bottom {
    color: #ff0000;
    font-size: 3.0rem;
}

.redcross-icon-stack-top {
    font-size: 3.0rem;
}

.report-bdy {
    padding: 1.0rem 0;
}

.report-footer {
    background: var(--gw-primary-soft-black);
    color: var(--gw-color-neutral-0);
    padding: 1.0rem;
}

.report-header {
    background: #002260;
    color: var(--gw-color-neutral-0);
    padding: 0 1.0rem;
}

    .report-header h4 {
        display: inline-block;
    }

.report-panel {
    position: absolute;
    visibility: hidden;
    width: 95%;
    z-index: 100;
}

.report-panel-results {
    height: 40.0rem;
    width: 100%
}

.report-panel-title {
    left: 50%;
    z-index: 100;
}

.report-scrollable {
    height: 55.0rem;
    overflow: scroll;
}

.report-viewer {
    height: 100%;
    width: 100%;
}

.right-icon {
    color: var(--gw-color-neutral-0);
    right: 0.5rem;
    top: 1.0rem;
}

.row {
    margin: 1.5rem 0;
}

    .row:before,
    .row:after {
        display: table;
        content: " ";
    }

    .row:after {
        clear: both;
    }

.rowpad {
    clear: both;
    float: inherit;
    padding: 0.5rem 0;
}

.rowpad-margin {
    clear: both;
    float: inherit;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

.rowpadnone {
    clear: both;
    float: inherit;
    padding: 0;
}

.save-selection-panel .mg-text {
    color: var(--gw-color-neutral-0);
}

.scrn-hdr-bar {
    background: var(--gw-primary-soft-black) !important;
    border-bottom: 0.5rem solid var(--gw-secondary-vibrant-green) !important;
    height: 4.5rem;
}

.scroll-horz-only {
    overflow-x: auto;
    overflow-y: hidden;
}

.scroll-vert-only {
    overflow-x: hidden;
    overflow-y: auto;
}

.search-results {
    display: none;
}

.sec-panel-bdy { /* TODO: Deprecated...(only used by PI...need to replace with standard panel classes) */
    min-height: 30px;
    padding: 10px 10px;
}

.sec-panel-hdr { /* TODO: Deprecated...replaced by .subsec-panel-hdr */
    font-weight: var(--font-weight-bold);
    font-size: medium;
}

.section-row {
    padding-bottom: 3.2rem;
}

.show-grid [class^=col-] {
    background-color: #eeeeee !important;
    border: 0.1rem solid #dddddd;
}

.sidebar-nav ul li a {
    background-color: transparent;
    color: var(--gw-color-neutral-0);
}

    .sidebar-nav ul li a:focus {
        background-color: var(--gw-color-neutral-8);
        color: var(--gw-color-neutral-0);
    }

    .sidebar-nav ul li a:hover {
        color: var(--gw-color-neutral-8);
    }

.sliding-panel {
    display: flex;
    margin-left: -4.0rem;
    min-height: 10.0rem;
    position: static;
    top: auto;
    z-index: 998;
}

.sliding-panel-container {
    background: #007958;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    z-index: 1;
}

.sliding-panel-content {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    display: block;
    height: calc(100% - 8px);
    margin: 0.4rem;
    padding: 1.5rem;
}

    .sliding-panel-content label,
    .sliding-panel-content .editor-icon {
        color: var(--gw-color-neutral-0);
    }

.sliding-panel-tab {
    background: #007958;
    background-color: #007958;
    border: 0;
    border-bottom-left-radius: 1.0rem;
    border-top-left-radius: 1.0rem;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    color: var(--gw-color-neutral-0);
    float: left;
    padding-bottom: 1.0rem;
    padding-left: 0.8rem;
    padding-top: 1.0rem;
    width: 3.9rem;
}

.sliding-panel-tab-lbl {
    border: 0;
    text-align: center;
    width: 0.1rem;
    word-wrap: break-word;
}

.sm-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 1.3rem;
}

.sm-container-message {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 1.3rem;
}

    .sm-container-message:empty {
        display: none;
    }

.splitter-content {
    padding-left: 1.0rem;
    padding-right: 1.0rem;
    padding-top: 1.0rem;
}

.spt-multiselect-container {
    position: absolute;
    right: 2.0rem;
    top: 1.0rem;
    z-index: 2;
}

.spt-timeline-container {
    position: relative;
}

.ssrs-report {
    height: 75.0rem;
    width: 100%;
}

.star-search-icon-stack-bkgrnd {
    font-size: 1.4rem;
    left: -0.15rem;
    top: -0.6rem;
}

.star-search-icon-stack-bottom {
    font-size: 2.1rem;
    top: -0.6rem;
}

.star-search-icon-stack-container {
    height: 2.4rem;
    width: 2.0rem;
}

.star-search-icon-stack-top {
    color: var(--gw-color-neutral-0);
    font-size: 1.0rem;
    left: -0.15rem;
    top: -0.82rem;
}

.sticky-note-active {
    color: var(--gw-color-neutral-0);
}

.sticky-note-hover {
    color: #ffed6d;
}

.sticky-note-icon-bottom {
    color: var(--gw-color-neutral-0);
}

.subhead-title {
    color: var(--gw-color-neutral-8);
}

.sublevel-text {
    margin-top: -1.0rem;
}

.subpanel-assoc-box {
    border: 0.1rem solid #eeeeee;
    padding: 0.7rem;
}

.subpanel-assoc-box-bdr {
    border-bottom: 0.1rem solid #666666;
    margin-left: 0.7rem;
    overflow: hidden;
}

    .subpanel-assoc-box-bdr.padding-bottom-one { /* used only by PI */ /* TODO: remove 2nd class...invalid*/
        border-bottom: 0.1rem solid #666666;
        margin-left: 0.7rem;
        overflow: hidden;
        padding-bottom: 1.0rem;
    }

.subpanel-assoc-box-lbl {
    color: #222222;
    float: left;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    padding-right: 0.7rem;
}

.success-message {
    color: var(--gw-color-green);
    font-size: var(--font-size-small);
    padding-top: 0.5rem;
}

h3.subsec-panel-hdr,
h4.subsec-panel-hdr,
.subsec-panel-hdr { /* TODO: Remove ".subsec-panel-hdr" when header implementation is complete.*/
    border-bottom: 0.1rem solid #808080;
    color: #444444;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    margin-bottom: 1.5rem;
    margin-top: 1.8rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}

.subsec-panel-hdr-font {
    font-size: medium;
    font-weight: var(--font-weight-bold);
}

h3.subsec-panel-hdr-lo-btm-mrgn,
h4.subsec-panel-hdr-lo-btm-mrgn,
.subsec-panel-hdr-lo-btm-mrgn { /* TODO: Remove ".subsec-panel-hdr-lo-btm-mrgn" when header implementation is complete.*/
    border-bottom: 0.1rem solid #808080;
    color: #444444;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    margin-bottom: 0;
    margin-top: 1.8rem;
    text-transform: uppercase;
}

h3.subsec-panel-hdr-topmost,
h4.subsec-panel-hdr-topmost,
.subsec-panel-hdr-topmost { /* TODO: Remove ".subsec-panel-hdr-topmost" when header implementation is complete.*/
    border-bottom: 0.1rem solid #808080;
    color: #444444;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    line-height: normal;
    margin-bottom: 1.5rem;
    margin-top: 0;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}

.subsec-panel-hdr-tools {
    display: block;
    float: right;
    margin-top: -3.1rem;
    padding: 0 1.5rem 0.7rem 1.5rem;
}

.supergroup-assoc-box-level1 {
    border: 0.1rem solid #dcdcdc;
    padding: 0.7rem;
}

.supergroup-assoc-box-level2 {
    align-items: flex-end;
    border: 0.1rem solid #dcdcdc;
    display: flex;
    padding: 0.4rem;
}

.supergroup-assoc-box-level2-noborder {
    padding: 0.4rem;
}

.supergroup-assoc-box-level3 {
    border: 0.1rem solid #dcdcdc;
    height: 3.0rem;
    line-height: 0.5rem;
    margin: 0.4rem 0 0.4rem 0;
    padding: 0 0.8rem 0 0.8rem;
}

.supergroup-assoc-box-level3-extra-margin {
    border: 0.1rem solid #dcdcdc;
    height: 3.0rem;
    line-height: 0.5rem;
    margin: 2.0rem 0 2.0rem 0;
    padding: 0 0.8rem 0 0.8rem;
}

.supergroup-assoc-box-level4 {
    height: 4.5rem;
    margin: 0 0.25rem 0.25rem 0.25rem;
    padding-left: 0;
    padding-top: 0;
}

.system-name {
    color: var(--gw-color-neutral-0);
    font-family: 'Poppins',Arial,Helvetica,sans-serif;
    font-size: 1.8rem;
    font-weight: var(--font-weight-bold);
}

    .system-name:focus {
        outline: 0.2rem solid var(--widget-focus-outline);
    }

.tab-name {
    color: var(--gw-color-neutral-0);
    font-size: 115%;
    font-weight: var(--font-weight-bold);
    padding: 0.7rem 1.5rem;
}

.table-row-highliter tr.k-selected > td {
    background-color: #faf39d !important;
}

.tabstrip-button {
    border-radius: 0;
    font-weight: var(--font-weight-bold);
    height: 3.9rem;
    line-height: normal;
    padding: 0.6rem 2.0rem 0.6rem 2.0rem;
}

.tabstrip-button-caret {
    color: var(--gw-color-neutral-0);
    font-size: 3.0rem;
    margin-top: -0.6rem;
}

.tabstrip-button-caret-container {
    background-color: var(--gw-color-neutral-8);
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
}

.tabstrip-button-icon {
    margin-right: 0.3rem;
}

.tabstrip-button-primary,
.tabstrip-button-primary:focus,
.tabstrip-button-primary:hover {
    background: var(--gw-color-neutral-8) !important;
    border: 0.1rem solid var(--gw-color-neutral-8);
    color: var(--gw-color-neutral-0) !important;
}

.tabstrip-panel-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    line-height: 3.6rem;
    margin-left: 0.9rem;
    margin-right: 1.5rem;
}

.text-counter {
    float: right;
    font-size: 1.2rem;
    margin-top: 0.9rem;
}

/* Begin: Kendo MultiLine Textbox widget */
.textarea-height-3 {
    height: 7.2rem;
}

.textarea-height-6 {
    height: 13.8rem;
}

.textarea-height-9 {
    height: 20.4rem;
}

.textarea-height-15 {
    height: 31.4rem;
}
/* End: Kendo MultiLine Textbox widget */

/* Begin: Combo Kendo Textbox widget w/icon */
.textbox-combo-icon {
    border-left: 0.1rem solid var(--widget-border-color);
    color: var(--widget-button-font-color);
    font-size: var(--widget-input-font-size);
    height: 3.0rem;
    line-height: 3.0rem;
    outline: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 3.2rem;
}

    .textbox-combo-icon:focus,
    .textbox-combo-icon .k-icon:focus {
        background: var(--widget-icon-background-color);
        background-color: var(--widget-icon-background-color);
        border-left: none;
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.3rem;
    }

    .textbox-combo-icon:hover {
        background: var(--gw-secondary-vibrant-green);
        background-color: var(--gw-secondary-vibrant-green);
    }

    .textbox-combo-icon .k-i-search {
        margin-top: 0.5rem;
    }

    .textbox-combo-icon .k-icon {
        padding: 1.6rem;
        top: -0.1rem;
    }

        .textbox-combo-icon .k-icon:before {
            font-size: 1.2rem;
            left: -0.1rem;
            top: -0.1rem;
        }
/* End: Combo Kendo Textbox widget w/icon */

.title-row {
    padding-bottom: 1.0rem;
    padding-top: 0.5rem;
}

.tooth-claim-margin-top {
    margin-top: 85.5rem;
}

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

.treeview-label { /*  TODO: see if this can be moved to k-treeview section */
    color: var(--widget-label-font-color);
    font-family: inherit;
    font-size: var(--widget-label-font-size);
    font-weight: var(--font-weight-bold);
    padding: 0.7rem;
}

.triangle-down-icon-stack { /* TODO: only used in PI...precede with "pi" and move to PI section */
    color: #008a00;
    font-size: 2.0rem;
    top: 0.25rem;
}

.triangle-up-icon-stack { /* TODO: only used in PI...precede with "pi" and move to PI section */
    color: #ff0000;
    font-size: 2.0rem;
    top: 0.25rem;
}

.triangle-down-icon-stack-container,
.triangle-up-icon-stack-container { /* TODO: only used in PI...precede with "pi" and move to PI section */
    height: 2.4rem;
    width: 2.0rem;
}

.unordered-list-label {
    font-weight: var(--font-weight-bold);
    margin-bottom: 1.5rem;
}

.uppercase {
    text-transform: uppercase;
}

.usd-icon-stack-top { /* TODO: only used in PI...precede with "pi" and move to PI section */
    font-size: 2.0rem;
    line-height: 3em; /*NEED TO CONVERT FROM EM TO REM*/
    margin-left: -2.7rem;
    margin-top: 0.5rem;
    position: absolute;
}

.validation-copy {
    padding-top: 1.0rem;
    width: 92%;
}

.validation-errors {
    color: var(--gw-primary-soft-black);
    font-size: var(--widget-input-font-size);
    padding-left: 1rem;
    margin-top: 0rem;
}

.validation-errors-overlay {
    margin-top: 1.0rem;
}

.validation-message {
    color: var(--gw-color-coral-shades-10);
    font-size: var(--font-size-small);
    padding-top: 0.5rem;
}

.validation-errors .validation-message {
    color: var(--gw-primary-soft-black);
}

.validation-summary,
.validation-summary-overlay {
    margin-top: 1.8rem !important;
}

    .validation-summary .alert-icon,
    .validation-summary-overlay .alert-icon {
        float: left;
        margin-left: -3.8rem;
        margin-top: -3.5rem;
        padding-right: 0.5rem;
        position: relative;
    }

.vertical-align {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.visibility-hidden {
    visibility: hidden;
}

.wait-dialog {
    background: var(--gw-color-neutral-0) url('/Content/dxc.ua3.core.circle.loading.animation.gif') no-repeat 50% 30%;
    border: 0.1rem solid #c2c2c2;
    border-radius: 0.5rem;
    bottom: 0;
    -webkit-box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    box-shadow: 1.0rem 1.0rem 2.3rem -0.4rem rgba(0,0,0,0.5);
    display: none;
    height: 12.0rem;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 10.3rem;
    z-index: 2000000000; /* This should be the highest z-index value in this system.  The actual max for Chrome and Edge is 2147483647. */
}

    .wait-dialog::backdrop {
        border-radius: 0.5rem;
    }

.wait-dialog-lbl {
    bottom: 0;
    font-family: inherit;
    font-size: 1.4rem;
    left: 0;
    padding-bottom: 0.5rem;
    position: absolute;
    right: 0;
    text-align: center;
}

.wait-dialog.long-text {
    height: 18.0rem;
    width: 40.0rem;
}

    .wait-dialog.long-text .wait-dialog-lbl {
        padding-bottom: 1.5rem;
    }

.webAddressAfter { /* TODO: used in Managed Care only...create general usage class for assoc box */
    margin-right: 1.2rem;
    width: 32.5%;
}

.webAddressNavigate { /* TODO: used in Managed Care only...create general usage class for assoc box */
    padding-top: 2.5rem;
}

.white-space {
    padding-left: 0.2rem;
}

.white-space-normal {
    white-space: normal;
}

.white-space-nowrap {
    white-space: nowrap;
}

.z-index-panel {
    z-index: 995;
}

.zip-button-icon {
    align-self: center;
    font-size: 2.0rem;
    line-height: 2.4rem;
}

/*View Scroller */
.public-page h1 {
    margin: 0 auto;
    padding: 3rem;
    width: 95%;
}

.dashboard-container {
    background: var(--gw-color-neutral-0);
    border: 0.1rem solid #cccccc;
    border-radius: 0.5rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    margin: 0 auto;
    padding: 3.0rem;
    position: relative;
    overflow: hidden;
    width: 95%;
}

.dashboard-col-2 {
    margin: 0 auto;
    padding-top: 3em;
    width: 90%;
}

    .dashboard-col-2 .col-md-6 {
        padding: 0;
        margin-bottom: 4rem;
    }

        .dashboard-col-2 .col-md-6 .dashboard-container {
            height: 35rem;
            margin: 0;
            overflow-y: auto;
            padding: 4rem;
            width: 95%;
        }

            .dashboard-col-2 .col-md-6 .dashboard-container ul {
                padding-inline-start: 2rem;
            }

    .dashboard-col-2 .dashboard-container li {
        margin-bottom: 1.0rem;
    }

    .dashboard-col-2 .dashboard-container p {
        padding-bottom: 2.0rem;
    }

#providerSelfService {
    margin-left: 5%;
    min-height: 45rem;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

#drugRebateSelfService,
#memberSelfService {
    margin-left: 5%;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

#mcoSelfService {
    margin-left: 5%;
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

#scrollView {
    border: none;
    box-shadow: none;
}

div.k-scrollview, kendo-scrollview.k-scrollview-wrap {
    overflow: visible;
    position: unset;
}

.scroll-step {
    height: 350px;
    width: 25%;
    max-width: 100%;
}

.scroll-panel {
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 0.5rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    height: auto;
    max-height: 33rem;
    min-width: 25rem !important;
    margin-right: 4rem;
    width: 89%;
}

.extprtl-dshbrd-panel {
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 0.5rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    height: auto;
    max-height: 33rem;
    min-width: 25rem !important;
    margin-right: 4rem;
    width: 30%;
}

.extprtl-dshbrd-form {
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 0.5rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    padding: 1.5rem;
    width: 98%;
}

    .extprtl-dshbrd-form h3 {
        font-family: "Poppins Bold";
    }

.extprtl-dshbrd-2x-panel {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 65%;
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 0.5rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    height: auto;
    max-height: 35rem;
    min-width: 54rem !important;
    margin-right: 4rem;
    width: 63%;
}

.extprtl-dshbrd-2x-bdy {
    padding: 2.5rem;
    text-align: center;
    width: 40%;
}

    .extprtl-dshbrd-2x-bdy h3 {
        margin-bottom: 4.0rem;
    }

.extprtl-dshbrd-2x-icons {
    padding: 0 2.0rem;
}

    .extprtl-dshbrd-2x-icons a {
        display: block;
        margin-bottom: 1.5rem;
    }

.extprtl-dshbrd-title,
.scroll-panel-title {
    font-weight: bold;
    text-align: center;
    padding: 3rem;
    word-break: break-word;
}

.img-container img {
    width: 100% !important;
    height: auto !important;
}

.k-scrollview-wrap .k-scrollview,
.k-scrollview .k-scrollview-wrap {
    cursor: default;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 100%;
}

    .k-scrollview-wrap .k-scrollview > [data-role="page"],
    .k-scrollview .k-scrollview-wrap > [data-role="page"] {
        vertical-align: top;
        display: inline-flex;
        min-height: 1px;
    }

.k-scrollview-elements {
    color: var(--gw-color-neutral-8);
    width: 100%;
}

k-scrollview-elements a:hover {
    text-decoration: none;
}

.k-scrollview-next,
.k-scrollview-prev {
    color: #000;
    text-shadow: none !important;
}

    .k-scrollview-next .k-icon:hover,
    .k-scrollview-prev .k-icon:hover {
        color: var(--gw-secondary-vibrant-green);
        text-decoration: none;
    }

.k-scrollview-next {
    position: absolute;
    top: 18%;
    right: 0;
}

.k-scrollview-prev {
    position: absolute;
    top: 18%;
}

.k-scrollview-nav-wrap {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    width: 92%;
}

.k-scrollview-next .k-icon,
.k-scrollview-next .k-svg-icon,
.k-scrollview-prev .k-icon,
.k-scrollview-prev .k-svg-icon {
    display: table-cell;
    overflow: visible;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-weight: normal;
}

.k-scrollview .k-scrollview-nav > .k-link,
.k-scrollview-nav > .k-link {
    background: #5A6978 !important;
    border-radius: 0.5rem;
    display: inline-flex;
    height: 0.5rem;
    margin-right: 0.5rem;
    width: 3rem;
}

    .k-scrollview .k-scrollview-nav > .k-link.k-primary,
    .k-scrollview-nav > .k-link.k-primary {
        background: var(--gw-secondary-vibrant-green) !important;
        border: var(--gw-secondary-vibrant-green);
    }

.k-scrollview-prev .k-icon::before {
    content: '\f137';
    font-family: 'Font Awesome 6 Pro';
    font-size: 4.4rem;
    font-weight: bold;
}

.k-scrollview-next .k-icon::before {
    content: '\f138';
    font-family: 'Font Awesome 6 Pro';
    font-size: 4.4rem;
    font-weight: bold;
}
/* Removing x icon from text with search textboxes(IE only).*/
[data-template=TextWithSearch] .k-textbox::-ms-clear {
    height: 0;
    width: 0;
}

/*  -----------------------------------------------------------------------------------------
    Media Queries
    NOTE: Before making updates to this style sheet, read and become familiar with the contents of the checklist
          "Maintaining Cascading Stylesheets (CSS)" located in SharePoint.
    -----------------------------------------------------------------------------------------  */
@media (max-width: 360px) {
    .header {
        position: relative;
        width: 100%;
        z-index: 1000;
    }
}

@media (max-width: 768px) {
    .app-title-container {
        font-size: 2.4rem;
        padding-top: 2.5rem;
    }

    .header-welcome {
        font-size: 1.23rem;
    }

    .in.navbar-collapse {
        overflow-y: visible;
    }

    .k-header.k-menu, .k-menu .k-item {
        border-color: #007ea8;
    }

    .menuTabs {
        padding: 0;
    }

    .mg-alert-box {
        left: -10% !important;
        width: 57.35rem;
    }

    .navbar-collapse {
        border-top: none;
        padding: 0.5rem 0;
    }

    .system-name {
        font-size: 1.4rem;
        padding-top: 1.1rem;
    }
}

@media (max-width: 1280px) {
    body#extMbrPrtlPage,
    body#extPrvPrtlPage {
        padding-top: 62px !important;
    }

    ul #mainMenu {
        height: 55vh;
    }

    #activeModuleMenu .col-md-6 {
        float: left;
    }

    #activeModuleMenu .k-menu-scroll-button.k-scroll-up {
        margin-top: 0;
    }

    #activeModuleMenuFirstItem .k-animation-container,
    #activeModuleMenuNav .k-menu-scroll-wrapper .k-animation-container {
        width: 102.8rem !important;
    }

        #activeModuleMenuNav .k-menu-scroll-wrapper .k-animation-container > .k-group.k-popup {
            width: 100%;
        }


    #mainMenuHeader {
        padding: 0.5rem 0.5rem 0.5rem 1.0rem
    }

    #mainMenuItemContainer {
        height: 55vh;
        margin-top: 1.0rem;
    }

    #mobileMenuIcon:focus {
        outline: 0.2rem solid var(--widget-focus-outline);
    }

    #pageBannerMenuMobile {
        align-self: stretch;
        background: #eddf4e;
        background-color: #eddf4e;
        color: #0a306a;
        float: right;
        font-size: xx-large;
        width: 7.0rem;
    }

    .col-highlights {
        float: left;
        width: 50%;
    }

    .contact-us-info-container {
        display: block;
    }

    .desktop-nav {
        display: none;
    }

    .go-icon-align {
        top: -0.9rem;
    }

    .go-icon-top-layer {
        top: 0.5rem;
    }

    .help-srchbar-instruct-align {
        width: 90%;
    }

    .highlights-wrap.display-flex {
        display: block;
    }

    .home-dshbrd-col {
        width: 49%;
    }

    .inner-panel-body {
        max-height: 50vh;
    }

    .k-grid .k-pager-numbers-wrap ul.k-pager-numbers {
        position: relative;
        left: 0;
        top: 3.1rem;
        height: 3.1rem;
    }

    .k-menu-scroll-button.k-scroll-up {
        margin-top: -0.8rem;
    }

    .k-pager-numbers .k-link {
        display: inline-flex !important;
        position: relative;
    }

    .k-pager-numbers .k-link, .k-pager-numbers .k-selected, .k-pager-wrap > .k-link {
        min-width: 1.76rem;
    }

    .k-stepper .k-step-label {
        display: none;
    }

    .scroll-step {
        height: 400px;
        width: 40%;
        max-width: 100%;
    }

    .scroll-panel {
        max-height: 35rem;
    }

    .container {
        padding: 0;
    }

    .panelForm-col-3,
    .panelForm-col-4,
    .panelForm-col-5,
    .panelForm-col-6,
    .panelForm-col-7,
    .panelForm-col-8 {
        width: 95%;
    }

    .col-md-2:has(div.user-information-card) {
        width: 24rem !important;
    }

    .panel-body-tb .col-md-10 {
        width: 76%;
    }

    .claims-toolbar .k-button-group > .k-button,
    .pharmacy-toolbar .k-button-group > .k-button {
        margin: 0.5rem !important;
        min-width: 13%;
    }

    .claims-toolbar .k-button .k-button-text,
    .pharmacy-toolbar .k-button .k-button-text {
        text-wrap-mode: wrap;
    }
}

@media (max-width: 768px) {
    .scroll-step {
        height: 350px;
        width: 50%;
        max-width: 100%;
    }

    .scroll-panel {
        max-height: 35rem;
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 {
        float: left;
    }

    .col-md-1 {
        width: 8.333333333333332%;
    }

    .col-md-2 {
        width: 16.666666666666664%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333333333333%;
    }

    .col-md-5 {
        width: 41.66666666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.333333333333336%;
    }

    .col-md-8 {
        width: 66.66666666666666%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333333333334%;
    }

    .col-md-11 {
        width: 91.66666666666666%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }

    .editor-button-row {
        max-width: 100%;
    }

    .editor-button-row,
    .editor-button-row-parent {
        max-width: 100%;
    }

    .editor-validation-summary {
        max-width: 97%;
    }
}
/* This is a temporary overwrite of the bootstrap.css in order to remove the hardcoded width for modals. */
@media screen and (min-width: 768px) {
    .modal-dialog {
        padding: 0;
    }

    .modal-content {
        -webkit-box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
        box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.5);
    }
}
/* For mobile devices...Wrong Orientation - show message / hide content */

/* For mobile devices...Correct Orientation - show content / hide message */
@media only screen and (orientation:landscape) {
    #orientationLandscape {
        display: block;
    }

    #orientationPortrait {
        display: none;
    }
}

.margin-bottom-pt-five {
    margin-bottom: 0.5rem;
}
/* used only once in PE */ /* TODO: find alternate way to use (invalid name) */
.padding-bottom-one {
    padding-bottom: 1.0rem;
}
/*15 occurances*/
.padding-top-one-pt-five {
    padding-top: 1.5rem;
}
/*8 occurances*/
.padding-top-zero {
    padding-top: 0rem;
}
/*20 occurances*/
.paddingTop10px {
    padding-top: 10px;
}
/*30 occurances*/
.paddingTop15px {
    padding-top: 15px;
}
/*83 occurances*/
.paddingLeft10px {
    padding-left: 10px;
}

@media screen and (min-width : 800px) and (max-width: 1280px) and (orientation: portrait) {
    .app-title-container {
        font-size: 2.3rem;
    }
}


/*  -------------------------------------------------------------------------------------------------------------------------------------------------
    Bootstrap (DO NOT MODIFY)
    Kendo UI uses the default content-box box model (box-sizing CSS property), while Bootstrap uses the non-default border-box model and applies it
    to all elements on the page, including the ones that are unrelated to Bootstrap. This breaks the layout of the Kendo UI widgets, as well as the
    page layout used in this product.  To resolve this issue, the following CSS rules must be applied AFTER all Bootstrap and Kendo stylesheets.
    -------------------------------------------------------------------------------------------------------------------------------------------------  */
/* reset everything to the default box model */
/**, :before, :after {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}*/
/* set a border-box model only to elements that need it */
/*.form-control,*/ /* if this class is applied to a Kendo UI widget, its layout may change */
/*.container,.container-fluid,.row,*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.user-information-div {
    display: block;
    unicode-bidi: isolate;
}

.user-information-card-stake-holder {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: var(--gw-color-neutral-0);
    background-clip: border-box;
    max-width: 22rem;
    min-height: 52.7rem;
    margin: 0;
    text-align: left;
    /* AA Colors/Extended Palette/Neutrals/Neutral 0 */
    background: var(--gw-color-neutral-0);
    /* AA Colors/Extended Palette/Royal Blue/Tints/Royal Blue 40% */
    border: 0.1rem solid var(--gw-color-royal-blue-40);
    /* Dropshadow/S */
    box-shadow: var(--widget-user-info-box-shadow);
    box-sizing: border-box;
    padding: 0rem;
    border-radius: 1rem;
}

.user-information-card-admin {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: var(--gw-color-neutral-0);
    background-clip: border-box;
    min-width: 22rem;
    min-height: 52.7rem;
    margin: 0;
    text-align: left;
    /* AA Colors/Extended Palette/Neutrals/Neutral 0 */
    background: var(--gw-color-neutral-0);
    /* AA Colors/Extended Palette/Coral/Tints/Coral 40% */
    border: 0.1rem solid var(--gw-color-coral-40);
    /* Dropshadow/S */
    box-shadow: var(--widget-user-info-box-shadow);
    box-sizing: border-box;
    padding: 0rem;
    border-radius: 1rem;
}

.user-information-card-provider {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: var(--gw-color-neutral-0);
    background-clip: border-box;
    max-width: 22rem;
    min-height: 52.7rem;
    margin: 0;
    text-align: left;
    /* AA Colors/Extended Palette/Neutrals/Neutral 0 */
    background: var(--gw-color-neutral-0);
    /* AA Colors/Accessibility Palette/Green/Tints/Green 40% */
    border: 0.1rem solid var(--gw-color-mint-tint-40);
    /* Dropshadow/S */
    box-shadow: var(--widget-user-info-box-shadow);
    box-sizing: border-box;
    padding: 0rem;
    border-radius: 1rem;
}

.user-information-card-member {
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: var(--gw-color-neutral-0);
    background-clip: border-box;
    max-width: 22rem;
    min-height: 52.7rem;
    margin: 0;
    text-align: left;
    /* AA Colors/Extended Palette/Neutrals/Neutral 0 */
    background: var(--gw-color-neutral-0);
    /* AA Colors/Extended Palette/Purple/Tints/Purple 40% */
    border: 0.1rem solid var(--gw-color-purple-tint-40);
    /* Dropshadow/S */
    box-shadow: var(--widget-user-info-box-shadow);
    box-sizing: border-box;
    padding: 0rem;
    border-radius: 1rem;
}

.user-information-card-body-wrapper-stake-holder {
    background-color: var(--gw-color-royal-blue-10);
    border-radius: var(--widget-user-info-border-radius);
    min-height: 16rem;
}

.user-information-card-body-wrapper-admin {
    background-color: var(--gw-color-coral-10);
    border-radius: var(--widget-user-info-border-radius);
    min-height: 16rem;
}

.user-information-card-body-wrapper-provider {
    background-color: var(--gw-color-mint-tint-10);
    border-radius: var(--widget-user-info-border-radius);
    min-height: 16rem;
}

.user-information-card-body-wrapper-member {
    background-color: var(--gw-color-purple-tint-10);
    border-radius: var(--widget-user-info-border-radius);
    min-height: 16rem;
}

.user-information-card-body-wrapper-member .brief-record-pin{
    float:right;
    margin:1.5rem 1.5rem 0 0;
}

.user-information-card-body {
    margin-top: 1.6rem;
    padding: 1.2rem 1.2rem 0 1.2rem;
    width: 100%;
}

    .user-information-card-body h5 {
        margin-top: 1.2rem;
    }

.user-information-card-title-stake-holder {
    margin: 0;
    background-color: var(--gw-color-royal-blue-10);
    font-family: Poppins;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: var(--gw-primary-soft-black);
}

.user-information-card-title-admin {
    margin: 0;
    background-color: var(--gw-color-coral-10);
    font-family: Poppins;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: var(--gw-primary-soft-black);
}

.user-information-card-title-provider {
    margin: 0;
    background-color: var(--gw-color-mint-tint-10);
    font-family: Poppins;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: var(--gw-primary-soft-black);
}

.user-information-card-title-member {
    margin: 0;
    background-color: var(--gw-color-purple-tint-10);
    font-family: Poppins;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: var(--gw-primary-soft-black);
}

.user-information-card-text-stake-holder {
    margin-bottom: 0;
    background-color: var(--gw-color-royal-blue-10);
    font-family: Arial;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--gw-primary-soft-black);
}

.user-information-card-text-admin {
    margin-bottom: 0;
    background-color: var(--gw-color-coral-10);
    font-family: Arial;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--gw-primary-soft-black);
}

.user-information-card-text-provider {
    margin-bottom: 0;
    background-color: var(--gw-color-mint-tint-10);
    font-family: Arial;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--gw-primary-soft-black);
}

.user-information-card-text-member {
    margin-bottom: 0;
    background-color: var(--gw-color-purple-tint-10);
    font-family: Arial;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--gw-primary-soft-black);
}

.user-information-list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    font-family: Arial;
    line-height: 1.6rem;
    font-weight: 400;
}

.user-information-list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: var(--gw-color-neutral-6);
    text-decoration: none;
    background-color: var(--gw-color-neutral-0);
    border: 0rem;
    font-size: 1.4rem;
}

    .user-information-list-group-item div {
        font-size: 1.6rem;
        color: var(--gw-primary-soft-black);
    }

.user-information-avatar-wrapper-stake-holder {
    background-color: var(--gw-color-royal-blue-10);
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: normal;
}

.user-information-avatar-wrapper-admin {
    background-color: var(--gw-color-coral-10);
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: normal;
}

.user-information-avatar-wrapper-provider {
    background-color: var(--gw-color-mint-tint-10);
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: normal;
}

.user-information-avatar-wrapper-member {
    background-color: var(--gw-color-purple-tint-10);
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: normal;
}

.user-information-avatar-24:before {
    width: 2rem;
    height: 2rem;
    border: 0.18rem solid var(--gw-color-neutral-0);
}

.user-information-avatar-28:before {
    width: 2.4rem;
    height: 2.4rem;
}

.user-information-avatar-32:before {
    width: 2.8rem;
    height: 2.8rem;
    border: 0.22rem solid var(--gw-color-neutral-0);
}

.user-information-avatar-40:before {
    width: 3.6rem;
    height: 3.6rem;
    border: 0.24rem solid var(--gw-color-neutral-0);
}

.user-information-avatar-48:before {
    width: 4.4rem;
    height: 4.4rem;
    border: 0.26rem solid var(--gw-color-neutral-0);
}

.user-information-avatar-56:before {
    width: 5.2rem;
    height: 5.2rem;
    border: 0.28rem solid var(--gw-color-neutral-0);
}

.user-information-avatar-64:before {
    width: 6rem;
    height: 6rem;
    border: 0.3rem solid var(--gw-color-neutral-0);
}

.user-information-avatar:before {
    content: "";
    border-radius: 50%;
    display: inline-block;
    margin-top: 0.2rem;
}

.user-information-avatar-24 {
    width: 2.4rem;
    height: 2.4rem;
}

.user-information-avatar-28 {
    width: 2.8rem;
    height: 2.8rem;
}

.user-information-avatar-32 {
    width: 3.2rem;
    height: 3.2rem;
}

.user-information-avatar-40 {
    width: 4.0rem;
    height: 4.0rem;
}

.user-information-avatar-48 {
    width: 4.8rem;
    height: 4.8rem;
}

.user-information-avatar-56 {
    width: 5.6rem;
    height: 5.6rem;
}

.user-information-avatar-64 {
    width: 6.4rem;
    height: 6.4rem;
}

.user-information-avatar {
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 100%;
    text-align: center;
}

.user-information-avatar-blue-light {
    background-color: var(--gw-color-royal-blue) !important;
    color: var(--gw-color-neutral-0) !important;
}

.user-information-avatar-blue-dark {
    background-color: var(--gw-color-royal-blue-40) !important;
    color: var(--gw-color-neutral-8) !important;
}

.user-information-avatar-red-light {
    background-color: var(--gw-color-coral) !important;
    color: var(--gw-color-neutral-8) !important;
}

.user-information-avatar-red-dark {
    background-color: var(--gw-color-coral-40) !important;
    color: var(--gw-color-neutral-8) !important;
}

.user-information-avatar-green-light {
    background-color: var(--gw-color-mint) !important;
    color: var(--gw-color-neutral-0) !important;
}

.user-information-avatar-green-dark {
    background-color: var(--gw-color-mint-tint-40) !important;
    color: var(--gw-color-neutral-8) !important;
}

.user-information-avatar-purple-light {
    background-color: var(--gw-color-purple) !important;
    color: var(--gw-color-neutral-0) !important;
}

.user-information-avatar-purple-dark {
    background-color: var(--gw-color-purple-tint-40) !important;
    color: var(--gw-color-neutral-8) !important;
}

.user-information-avatar-orange-light {
    background-color: var(--gw-color-orange) !important;
    color: var(--gw-color-neutral-8) !important;
}

.user-information-avatar-orange-dark {
    background-color: var(--gw-color-orange-tint-40) !important;
    color: var(--gw-color-neutral-8) !important;
}

.user-information-avatar-span {
    display: inline-flex;
    position: relative;
    text-align: center;
    vertical-align: middle;
    flex-direction: column;
}

.user-information-avatar-span-24 {
    width: 2.8rem;
    height: 3.2rem;
    top: -1.8rem;
    right: 0.2rem;
    font-size: 1.0rem;
}

.user-information-avatar-span-28 {
    width: 2.8rem;
    height: 3.2rem;
    top: -2.0rem;
    right: 0rem;
    font-size: 1.15rem;
}

.user-information-avatar-span-32 {
    width: 2.8rem;
    height: 3.2rem;
    top: -2.5rem;
    right: 0rem;
    font-size: 1.5rem;
}

.user-information-avatar-span-40 {
    width: 2.8rem;
    height: 3.2rem;
    top: -3.0rem;
    right: 0rem;
    font-size: 2.0rem;
}

.user-information-avatar-span-48 {
    width: 2.8rem;
    height: 3.2rem;
    top: -4.0rem;
    right: 0rem;
    font-size: 2.8rem;
}

.user-information-avatar-span-56 {
    width: 2.8rem;
    height: 3.2rem;
    top: -4.6rem;
    right: 0rem;
    font-size: 3.2rem;
}

.user-information-avatar-span-64 {
    width: 2.8rem;
    height: 3.2rem;
    top: -5.0rem;
    right: 0.1rem;
    font-size: 3.5rem;
}

.user-information-card .k-menu:not(.k-context-menu) > .k-item {
    color: var(--gw-primary-soft-black);
    font-size: var(--font-size-small);
    padding: 0.5rem;
}

    .user-information-card .k-menu:not(.k-context-menu) > .k-item:hover {
        background: var(--gw-color-royal-blue-10) !important;
        background-color: var(--gw-color-royal-blue-10) !important;
        border-radius: 0.5rem;
    }

.user-information-card .k-menu-link-text {
    padding-left: 0.8rem;
    font-size: var(--font-size-small);
}

.user-information-card .k-menu-vertical {
    width: 100%;
}

.user-information-card .k-chip {
    margin-right: 0.6rem;
    margin-top: 0.8rem;
}

.checkboxDiv {
    margin-top: 1rem;
    max-width: fit-content;
    display: flex;
    margin-right: 1.6rem;
}

.checkboxOuterDiv {
    max-width: fit-content;
    display: flex;
}

.checkboxOuterDiv .editor-label > label {
    line-height: unset;
    margin-bottom: 1.5rem;
    padding-bottom: 0.1rem;
    min-height: fit-content;
}

.checkboxOuterDiv .editor-label > label > span {
    margin-top: 0.5rem;
}

.checkbox-list-group-horizontal {
    display: flex;
    flex-direction: column;
    margin-left: -2rem;
    margin-top: -1.5rem;
}

.checkbox-list-group-vertical {
    display: flex;
    flex-direction: row;
    margin-left: -2rem;
    margin-top: -1.5rem;
    flex-wrap: wrap;
}

.checkbox-list-group-item {
    display: block;
}

.checkbox-size-default {
    height: var(--widget-checkbox-default-size);
    width: var(--widget-checkbox-default-size);
    min-width: unset;
}

.checkbox-size-large {
    height: var(--widget-checkbox-large-size);
    width: var(--widget-checkbox-large-size);
    min-width: unset;
    padding: 0.1rem !important;
}

.checkbox-input {
    /* Checkbox Button */
    box-sizing: border-box;
    padding: 0.6rem 0.8rem !important;
    /* AA Colors/Extended Palette/Neutrals/Neutral 3 */
    background: var(--gw-color-neutral-3) !important;
    /* AA Colors/Extended Palette/Neutrals/Neutral 6 */
    border: 0.1rem solid var(--gw-color-neutral-6) !important;
    border-radius: 10rem !important;
    cursor: not-allowed;
    pointer-events: none;
    font-family: Arial;
    font-size: 1.6rem;
    margin: 0 0 0rem !important;
    min-height: fit-content;
}

.checkbox-input:focus {
    outline: 0.2rem solid var(--gw-color-pink) !important;
    outline-offset: 0.2rem !important;
}

.checkbox-label {
    font-family: Arial;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    margin-top: 0rem;
}

.checkboxOuterDiv .checkbox-label {
    margin-top: -0.1rem;
}

.k-checkbox:indeterminate,
.k-checkbox.k-indeterminate {
    background: var(--gw-color-neutral-0) !important;
    color: var(--gw-color-royal-blue) !important;
    border-color: var(--widget-checkbox-border) !important;
}

.k-checkbox:indeterminate::before,
.k-checkbox.k-indeterminate:before {
    content: "\f068";
    font-family: 'Font Awesome 6 Pro', Arial, sans-serif;
    font-size: var(--font-size-xsmall);
    font-weight: 700;
    height: auto; /*Bootstrap overwrites*/
    left: auto; /*Bootstrap overwrites*/
    margin-left: 0.2rem;
    margin-top: 0.8rem;
    top: auto; /*Bootstrap overwrites*/
    width: auto; /*Bootstrap overwrites*/
}

.k-checkbox-wrap {
    align-self: unset !important;
    height: fit-content;
}
/* style the entire popup element */
div.k-window.brief-member-record {
    width: 45.6rem;
    height: 100%;
    border: 0rem;
    border-radius: 1.0rem 0 0 1.0rem !important;
    right: 0;
    top: 0;
    left: auto;
    transform: none;
}

    /* titlebar */
    div.k-window.brief-member-record .k-window-titlebar {
        background-color: var(--gw-color-neutral-0);
        border-radius: 1.0rem 1.0rem 0 0;
        color: var(--gw-primary-soft-black);
        height: 5.2rem;
        line-height: 5.2rem;
        position: relative;
        border-bottom-width: 0.1rem;
        border-bottom-style: solid;
    }

    /* title */
    div.k-window.brief-member-record .k-window-title {
    }

    /* content container */
    div.k-window.brief-member-record .k-window-content {
        padding: 0rem;
    }

.brief-record-user-information-card-stake-holder {
    border-top: 0.1rem solid var(--gw-color-royal-blue);
    border-bottom: 0.1rem solid var(--gw-color-royal-blue);
    background-color: var(--gw-color-royal-blue-10);
}

.brief-record-user-information-card-admin {
    border-top: var(--widget-invalid-border-thin);
    border-bottom: var(--widget-invalid-border-thin);
    background-color: var(--gw-color-coral-10);
}

.brief-record-user-information-card-provider {
    border-top: 0.1rem solid var(--gw-color-mint);
    border-bottom: 0.1rem solid var(--gw-color-mint);
    background-color: var(--gw-color-mint-tint-10);
}

.brief-record-user-information-card-member {
    border-top: 0.1rem solid var(--gw-color-purple);
    border-bottom: 0.1rem solid var(--gw-color-purple);
    background-color: var(--gw-color-purple-tint-10);
}

.brief-record-user-information-card-body {
    margin: 0;
    padding: 0.5rem 1rem;
}

.brief-record-user-information-avatar-wrapper {
    padding: 0;
    width: 100%;
    flex-direction: column;
    align-items: normal;
}

.brief-record-pin {
    border: 0.1rem solid var(--gw-color-royal-blue);
    background-color: var(--gw-color-neutral-0);
    color: var(--gw-color-royal-blue);
    padding: 0.6rem 1rem 0.8rem 0.8rem;
    border-radius: 0.5rem;
    width: 3rem;
    height: 3rem;
    display: block;
    font-size: 1.6rem;
}

    .brief-record-pin:hover {
        cursor: pointer;
    }
    .brief-record-pin:focus {
        -webkit-box-shadow: var(--widget-focus-box-shadow) !important;
        box-shadow: var(--widget-focus-box-shadow) !important;
        outline: var(--widget-focus-outline);
        outline-offset: -0.1rem;
    }
.brief-record-user-information-card-title {
    margin: 0;
    font-family: Poppins;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 2.9rem;
    color: var(--gw-primary-soft-black);
}

.brief-record-user-information-card-text {
    margin-bottom: 0;
    margin-left: 0.5rem;
    font-family: Arial;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--gw-primary-soft-black);
}

.brief-record-card-row {
    display: inline-flex;
}

.brief-record-card-small {
    border: 0.1rem solid var(--gw-color-royal-blue);
    background-color: var(--gw-color-neutral-0);
    padding: 0.8rem 1.2rem 0.8rem 1.2rem;
    border-radius: 0.5rem;
    width: 19.8rem;
    min-height: 5.6rem;
    margin-right: 0.7rem;
    margin-left: 0.5rem;
    margin-bottom: -1.5rem;
    line-height: 2.2rem;
}

.brief-record-card-large {
    border: 0.1rem solid var(--gw-color-royal-blue);
    background-color: var(--gw-color-neutral-0);
    padding: 0.8rem 1.2rem 0.8rem 1.2rem;
    border-radius: 0.5rem;
    width: 40.8rem;
    min-height: 5.6rem;
    margin-bottom: -1.5rem;
    margin-left: 0.5rem;
    line-height: 2.3rem;
}

.brief-record-card-title {
    color: var(--gw-color-neutral-6);
    font-size: 1.4rem;
    font-weight: 400;
}

.brief-record-card-text {
    color: var(--gw-primary-soft-black);
    font-size: 1.6rem;
    font-weight: 700;
}

.brief-record-button {
    background-color: var(--gw-color-royal-blue) !important;
    color: var(--gw-color-neutral-0) !important;
    width: 40.8rem;
    height: 4.0rem;
}

    .brief-record-button:focus {
        background-color: var(--gw-color-royal-blue) !important;
        color: var(--gw-color-neutral-0) !important;
    }

.brief-record-buttons {
    display: ruby;
    color: var(--gw-color-neutral-0) !important;
    padding: 0.8rem 1.6rem 0.8rem 1.6rem;
    border-radius: 0.5rem;
    width: 19.6rem;
    height: 4.0rem;
    margin-right: 0.7rem;
    margin-left: 0.5rem;
    margin-bottom: -1.5rem;
    line-height: 2.2rem;
}

.brief-record-button.k-button {
    color: var(--button-font-primary-color) !important;
}

/*InputText styles*/
span.icon-container-right * > input.k-input-inner {
    padding-right: 0.5rem !important;
}

span.icon-container-left * > input[inputmode="email"].k-input-inner {
    padding-left: 3.0rem !important;
    width: calc(100% - 3.0rem) !important;
}

.textInput.k-invalid > span.isRequired > textarea.k-input-inner {
    border: var(--widget-invalid-border-thin) !important;
}

.textInput.k-invalid * > input.k-input-inner {
    border: var(--widget-invalid-border-thin) !important;
}

.display-none, .elementHidden {
    display: none !important;
}

/*Setting up place holder style for TextBox, NumericTextbox, MaskedTextBox & TextArea*/
.k-input.k-numerictextbox > input::placeholder,
.k-input.k-maskedtextbox > input::placeholder,
.k-input.k-textarea > textarea::placeholder,
.k-input.k-textbox > input::placeholder {
    color: var(--gw-color-neutral-6) !important;
}
/*Removing border and outline from Span container of Textbox, NumericTextBox, MaskedTextBox & TextArea*/
span.k-input.k-numerictextbox,
span.k-input.k-maskedtextbox.inputPhoneStyleDefault,
span.k-input.k-maskedtextbox.inputPhoneStyleDefault[readonly],
span.k-input.k-maskedtextbox.inputPhoneStyleDefault[readonly]:hover,
span.k-input.k-maskedtextbox.inputPhoneStyleDefault[readonly]:focus,
span.k-input.k-textarea,
span.k-input.k-textbox,
span.k-input.k-textbox:focus,
span.k-input.k-textbox:focus:hover {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: var(--font-size-regular) !important;
}

span.k-input.k-textarea {
    padding: 0 0 0 0 !important;
    height: 14.6rem;
}

    span.k-input.k-textarea:focus-within {
        margin: 0 0 0 0 !important;
        box-shadow: none;
    }

    span.k-input.k-textarea.\!k-flex-col {
        flex-direction: row !important;
    }

    span.k-input.k-textarea > textarea.k-input-inner.\!k-flex-none {
        flex-basis: 0% !important;
        flex-grow: 1 !important;
        flex-shrink: 1 !important;
    }

div.textInput * > input[role="textbox"].k-input-inner {
    width: 100% !important;
    font-size: var(--font-size-regular);
}

/*Setting up style for Textbox, NumericTextBox, MaskedTextBox & TextArea */
span.k-input.k-textarea > textarea.k-input-inner,
span.k-input.k-numerictextbox > input.k-input-inner,
span.k-input.k-maskedtextbox.inputPhoneStyleDefault > input.k-input-inner,
input[role="textbox"].k-input-inner {
    margin: 0 0 0 0;
    padding-top: 0.4rem;
    background-color: transparent !important;
    border: 0.1rem solid var(--widget-button-border) !important;
    border-radius: 0.5rem !important;
    height: 4rem !important;
    font-family: inherit;
    font-size: var(--font-size-regular);
    font-weight: var(--font-weight-normal);
    line-height: 2rem;
    color: var(--global-font-color) !important;
    width: 100% !important;
}

    span.k-input.k-numerictextbox > input:focus,
    span.k-input.k-maskedtextbox.inputPhoneStyleDefault > input:focus,
    input[role="textbox"].k-input-inner:focus {
        background-color: transparent !important;
        margin: 0.4rem 0.4rem 0.4rem 0.4rem !important;
        padding-left: 0.1rem;
        padding-top: 0.4rem;
        height: 3.2rem !important;
    }

span.icon-container-left * > input.k-input-inner:focus {
    padding-left: 2.6rem !important;
}

span.k-input.k-textarea > textarea.k-input-inner {
    margin: 0 0 0 0 !important;
    padding: 1rem 0.4rem 0.25rem 1.6rem !important;
    height: 100% !important;
    border: 0.1rem solid var(--widget-button-border) !important;
    font-size: var(--font-size-regular);
    text-indent: 0;
}

    span.k-input.k-textarea > textarea.k-input-inner:focus {
        margin: 0.4rem 0.4rem 0 0.4rem !important;
        outline: 0.2rem solid var(--gw-color-pink) !important;
        outline-offset: 0.2rem !important;
        height: calc(100% - 0.8rem) !important;
        padding-left: 1.2rem !important;
        padding-top: 0.6rem !important;
    }

span.k-input.k-textarea.stretchIconHidden > textarea.k-input-inner {
    resize: none;
}

span.k-input.k-maskedtextbox.k-focus.inputPhoneStyleDefault:hover {
    outline: none;
}

span.k-input.k-maskedtextbox.inputPhoneStyleDefault[readonly]:hover {
    outline: none;
    border: none !important;
}

.k-numerictextbox.k-input > input:focus,
span.k-input.k-maskedtextbox.inputPhoneStyleDefault > input:focus,
input[role="textbox"].k-input-inner:focus {
    outline: 0.2rem solid var(--gw-color-pink) !important;
    outline-offset: 0.2rem !important;
}

.k-input.k-numerictextbox > input[readonly].k-input-inner,
.k-input.k-maskedtextbox.inputPhoneStyleDefault > input[inputmode="phoneNumber"][readonly].k-input-inner,
.k-input.k-textbox > input[role="textbox"][readonly].k-input-inner,
.k-input.k-textarea > textarea[readonly].k-input-inner {
    border: 0.1rem solid var(--widget-border-readonly-color) !important;
    border-radius: 0 !important;
    font-weight: bold !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

.k-input.k-numerictextbox > input[readonly].k-input-inner:focus,
.k-input.k-textarea > textarea[readonly].k-input-inner:focus,
.k-input.k-maskedtextbox.inputPhoneStyleDefault > input[inputmode="phoneNumber"][readonly].k-input-inner:focus,
.k-input.k-textbox > input[role="textbox"][readonly].k-input-inner:focus {
    border-radius: 0.5rem !important;
}

.textInput:has(input[readonly].k-input-inner) .editor-label label, 
.textInput:has(input[inputmode="phoneNumber"][readonly].k-input-inner) .editor-label label, 
.textInput:has(input[role="textbox"][readonly].k-input-inner) .editor-label label, 
.textInput:has(textarea[readonly].k-input-inner) .editor-label label{
    font-weight:var(--font-weight-normal) !important;
    color:var(--gw-color-neutral-6) !important;
}
span.telerikInputSizeLarge > input {
    height: 5rem !important;
}
/*To alocate icon inside of InputTextBox*/
span.icon-container-left, span.icon-container-right {
    position: relative;
    vertical-align: baseline;
}
    /* alocate icon over textbox - right*/
    span.icon-container-right > svg, span.icon-container-right > span.k-icon, i.fa-solid.fa-phone.icon-phone-default-style {
        position: absolute;
        z-index: 1;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
    }

/* alocate icon over textbox - left*/
span.icon-container-left > svg, span.icon-container-left > span.k-icon {
    position: absolute;
    z-index: 1;
    left: 1rem;
    top: 0;
}

div.parentInputElements {
    margin: 0;
    margin-top: 0.5rem;
    padding: 0rem;
    width: 100%;
    position: relative;
}
/* Ensure search-container retains specified dimensions and styles */
.search-container {
    padding: 1rem;
    border: .1rem solid var(--gw-color-neutral-3);
    border-radius: .4rem;
    background-color: white;
    width: 49.3rem;
    height: 54.8rem;
    box-shadow: var(--widget-user-info-box-shadow);
}

    /* Styling for tabstrip to use full width within the container */
    .search-container .k-tabstrip-items {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

        .search-container .k-tabstrip-items .k-item {
            flex: 1;
            text-align: center;
            padding-bottom: .2rem;
        }

        .search-container .k-tabstrip-items .gainwell-border.k-active {
            outline: none;
            box-shadow: none;
            border-bottom: .3rem solid var(--gw-color-royal-blue) !important;
        }

        .search-container .k-tabstrip-items .other-border.k-active {
            outline: none;
            box-shadow: none;
            border-bottom: .3rem solid var(--other-color-accent-orange) !important;
        }

        .search-container .k-tabstrip-items .k-link {
            display: flex;
            justify-content: space-around;
        }

/* Additional styling to retain original form layout within the search-content */
.label-help-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
/*To align a child element to the left*/
.childElementLeft {
    /*display: inline-block;*/
    padding: 0;
    position: absolute;
    top: 0rem;
    vertical-align: middle;
    text-align: left;
}

.childElementHalfWidth {
    width: 48%;
}

.parentInputElements > .validation-message {
    top: 0rem !important;
    padding-top: 0rem;
    padding-bottom: .4rem;
}
/*To align an element to the Right*/
.childElementRight {
    display: inline-block;
    padding: 0rem;
    position: absolute;
    top: 0rem;
    right: 0.4rem;
    vertical-align: middle;
    text-align: right;
    width: 45%;
}
/*Span with k-invalid; remove background-color, border and outline*/
.k-numerictextbox.k-input.k-focus.k-invalid.telerik-blazor.k-input-solid.k-rounded-md.k-input-md, .k-numerictextbox.k-invalid, .k-numerictextbox.k-invalid:focus, .k-maskedtextbox.k-input.k-invalid, .k-maskedtextbox.k-invalid:hover, .k-maskedtextbox.k-invalid:focus, .k-maskedtextbox.k-invalid:focus:hover, .k-input.k-textbox, .k-input.k-textbox:hover, .k-input.k-textbox:focus:hover, .k-input.k-textbox.k-invalid, .k-input.k-textbox.k-invalid:focus, .k-input.k-textbox.k-invalid:focus:hover, .k-textbox:not(.k-invalid).k-focus {
    background-color: transparent !important;
    border: none !important;
    /*outline: none !important;*/
}
    /*Settting border-color when k-invalid is on*/
span.k-input.k-numerictextbox.k-invalid > input.k-input-inner,
span.k-input.k-numerictextbox.k-invalid > input.k-input-inner:focus,
.editor-field > span.k-maskedtextbox.k-invalid > input.k-input-inner,
.k-input.k-maskedtextbox.k-invalid.inputPhoneStyleDefault > input.k-input-inner,
.k-input.k-textarea.k-invalid > textarea.k-input-inner,
.k-textbox.k-invalid > input[role="textbox"] {
    border: var(--widget-invalid-border-thin) !important;
    background-color: transparent !important;
    border-radius: 0.5rem !important;
    width: 100% !important;
}

    .k-numerictextbox.k-invalid,
    .k-numerictextbox.k-invalid.k-hover,
    .k-maskedtextbox.k-invalid,
    .k-maskedtextbox.k-invalid.k-hover,
    .k-textbox.k-invalid,
    .k-textbox.k-invalid.k-hover,
    .k-textbox.k-invalid:focus {
        border: none !important;
    }

div.phoneInput {
    text-align: left;
    vertical-align: middle;
    width: 100%;
    border: none;
    border-radius: 0.5rem !important;
    padding: 0rem 0.2rem 0 0;
}

div.textPhoneInput {
    width: 21rem !important;
}

.textPhoneInput.readOnly * > span.editor-icon {
    float: none !important;
}

div.phoneInput:focus-within * > input[inputmode="phoneNumber"].k-input-inner {
    outline: var(--widget-focus-outline) !important;
    outline-offset: 0.2rem !important;
    padding-top: 0.6rem;
    height: 3.6rem !important;
}

div.phoneInput:focus-within {
    border: var(--widget-focus-outline) !important;
    padding: 0;
}

div.phoneInput > div {
    display: inline-block;
    padding: 0;
}

div.phoneInput:focus-within * > label {
    margin-top: 0.5rem !important;
}

div.phoneInput:focus-within > i {
    top: 0.3rem !important;
}

div.phoneInput > * > span.k-maskedtextbox.k-input,
div.phoneInput > * > span.k-maskedtextbox.k-input {
    border: none;
    outline: none;
    padding-block: 0;
    margin: 0.2rem;
    box-shadow: none;
}

    div.phoneInput > * > span.k-maskedtextbox.k-input > input {
        padding-right: 0 !important;
        margin: 0 !important;
        outline: none !important;
        width: 100% !important;
    }

span.k-numerictextbox.k-input > span.k-input-spinner.k-spin-button {
    display: none;
}

div.icon-container-right * > span.k-maskedtextbox.k-input.telerik-blazor {
    border: 0.1rem solid red;
}

div.phoneInput * > span.k-maskedtextbox.k-input.telerik-blazor.k-input-solid.k-rounded-md.k-input-md {
    border: none !important;
}

div.phoneInput * > input {
    padding: 0;
}

.inputBoxIconSize {
    width: 2.4rem;
    height: 2.4rem;
}

.brief-record-card-row label {
    color: var(--gw-color-neutral-6);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal !important;
    margin-bottom: auto !important;
}

.brief-record-card-row .k-input input[aria-readonly="true"] {
    border-bottom: 0 !important;
    padding-left: 0 !important;
    font-weight: bold !important;
    text-indent: 0 !important;
    line-height: normal !important;
    height: auto !important;
    font-size: 1.6rem !important;
    padding-top: 0 !important;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.search-help {
    font-size: 1.5rem;
    width: 1.4rem;
    height: 1.5rem;
    margin-right: .4rem;
    color: var(--gw-color-royal-blue-80);
}

.advanced-search-link {
    color: var(--hyperlink-color);
    text-decoration: none;
    font-weight: bold;
    font-size: var(--widget-label-font-size);
    padding: 0.5rem;
    margin-right: auto;
    align-self: self-end;
}

    .advanced-search-link:hover {
        text-decoration: underline;
        color: var(--hyperlink-color);
    }

.search-button {
    align-self: flex-end;
}

.search-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
}

.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* New Other theme styles */
.other-button .k-button#favoritesButton,
.other-button .k-button.k-primary,
.other-button .k-button.k-button-solid-primary,
.other-button .k-button.primary-button {
    background: var(--other-color-soft-blue) !important;
    background-color: var(--other-color-soft-blue) !important;
    border-color: var(--other-color-soft-blue) !important;
    color: var(--button-font-primary-color) !important;
    font-weight: var(--font-weight-bold);
}

    .other-button .k-button#favoritesButton:active,
    .other-button .k-button.k-primary:active,
    .other-button .k-button.primary-button:active {
        background: var(--other-color-soft-blue) !important;
        background-color: var(--other-color-soft-blue) !important;
        border-color: var(--other-color-soft-blue) !important;
    }

    .other-button .k-button#favoritesButton:focus,
    .other-button .k-button.k-primary:focus,
    .other-button .k-button.primary-button:focus {
        background: var(--other-color-soft-blue) !important;
        background-color: var(--other-color-soft-blue) !important;
        border-color: var(--other-color-soft-blue) !important;
    }

    .other-button .k-button#favoritesButton:hover,
    .other-button .k-button.k-primary:hover,
    .other-button .k-button.primary-button:hover {
        background: var(--other-color-accent-orange) !important;
        background-color: var(--other-color-accent-orange) !important;
        border-color: var(--other-color-accent-orange) !important;
        color: var(--button-font-primary-color) !important;
    }

/* Avatar Controls*/
.position-relative {
    position: relative;
}

.user-profile-container {
    position: relative; /* Dropdown is positioned relative to this container */
}

.profile-dropdown {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    background: var(--gw-color-neutral-0);
    border-radius: 0.8rem;
    box-shadow: 0 0.8rem 1rem 0.1rem rgba(0, 0, 0, 0.15);
    width: 28rem;
    z-index: 1000;
    display: none; /* Initially hidden */
}

.profile-dropdown.show {
    display: block; /* Show dropdown when 'show' class is added */
}

.profile-dropdown::before {
    content: "";
    position: absolute;
    top: -1.8rem;
    right: 1.2rem;
    border-width: 1rem;
    border-style: solid;
    border-color: transparent transparent var(--gw-color-neutral-0) transparent;
    z-index: 1001;
    display: block;
}


.profile-header {
    padding: 1.6rem;
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    border-bottom: .1rem solid var(--gw-color-neutral-4);
}


.profile-info {
    display: flex;
    flex-direction: column;
}

.profile-name {
    font-weight: 500;
    color: var(--gw-primary-soft-black);
}

.profile-role {
    font-size: 0.9em;
    color: var(--gw-color-neutral-6);
}

.profile-menu {
    padding: 8px 0;
}

.menu-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem 1.6rem;
    color: var(--gw-primary-soft-black);
    text-decoration: none;
    transition: background-color 0.2s;
}

    /*         .menu-item:hover {
            background-color: #f5f5f5;
        } */

    .menu-item i {
        color: var(--gw-color-neutral-8);
        width: 2rem;
    }

.password-update-content {
    text-align: center;
}

.update-title {
    color: var(--gw-primary-soft-black);
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
}

.update-message {
    color: var(--gw-primary-soft-black);
    margin-bottom: 1rem;
    font-size: 1.4rem;
}

.info-icon {
    background-image: url("/_content/Blazor.Core.UX/assets/alert-icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    display: inline-block;
}

.avatar-underline {
    border-bottom: 4px solid var(--other-accent-yellow);
    transition: border-bottom 0.3s ease-in-out;
}

/* Override for gainwell theme */
.user-profile-gainwell.avatar-underline {
    border-bottom: 4px solid var(--gw-secondary-vibrant-green);
}

/* More specific selector */
html .k-dialog .k-dialog-titlebar {
    background-color: var(--gw-color-yellow-tint-40) !important;
}

.k-dialog {
    width: 40rem;
    border: none;
}

.member-record-bread-crumb {
    border-bottom: 0.1rem solid var(--gw-color-neutral-4) !important;
    width: 100%;
}

/*Input radio group*/
input[type='radio']:after {
    background-color: none;
}

.radioButtonSizeDefault > .k-radio-list-item:focus-within {
    border-radius: 0.5rem !important;
    border: var(--widget-focus-outline) !important;
    padding: 0.6rem 0.6rem 0.1rem 0.1rem !important;
    margin-right: 2.0rem !important;
    margin-bottom: 0.4rem !important;
}

.radioButtonSizeLarge > .k-radio-list-item:focus-within {
    border-radius: 0.5rem !important;
    border: var(--widget-focus-outline) !important;
    padding: 0.2rem 0.6rem 0 0.1rem !important;
    margin-bottom: 0.2rem !important;
}

input[type='radio'].k-radio {
    margin-right: 0.4rem !important;
    border: 0.1rem solid var(--widget-border-color) !important;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.5rem;
    border: none !important;
    -webkit-appearance: none !important;
}

    input[type='radio'].k-radio:focus {
        border: none !important;
        outline: none !important;
    }

input[type='radio']:after {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.5rem;
    background-color: transparent;
    content: '';
    display: inline-block;
    border: 0.1rem solid var(--widget-border-color) !important;
}

input[type='radio']:checked:after {
    width: 1.2rem;
    height: 1.2rem;
    border-color: var(--widget-checkbox-border);
    outline: 0.1rem solid var(--widget-checkbox-border);
    outline-offset: 0.2rem;
    top: 0;
    left: 0.3rem;
    position: relative;
    background-color: var(--widget-checkbox-border);
}

.radio-button-readonly {
    box-sizing: border-box;
    padding: 0.6rem 0.8rem !important;
    background: var(--gw-color-neutral-3) !important;
    border: 0.1rem solid var(--gw-color-neutral-6) !important;
    border-radius: 10rem !important;
    cursor: not-allowed;
    pointer-events: none;
    font-family: Arial;
    font-size: 1.4rem;
    margin: 0.4rem 0 0 0 !important;
    display: inline-flex;
}

.radioButtonSizeLarge * > input[type='radio'].k-radio {
    width: 2rem;
    height: 2rem;
    margin: 0.4rem 0.8rem 0.2rem 0.2rem;
}

ul.radioButtonSizeLarge * > span.k-radio-wrap {
    margin-right: 0.4rem;
}

.radioButtonSizeLarge * > input[type='radio'].k-radio:after {
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 1.9rem;
}

.radioButtonSizeLarge * > input[type='radio']:checked:after {
    width: 1.6rem;
    height: 1.6rem;
    outline-offset: 0.2rem;
}

div.label-for.radioButtonSizeLarge > div {
    height: 2.8rem;
}

.radioButtonSizeDefault > li.k-radio-list-item {
    margin-right: 2.4rem !important;
    margin-bottom: 0.3rem !important;
    text-align: left !important;
    width: fit-content !important;
    padding: 0.8rem 0.4rem 0.4rem 0.3rem !important
}

.radioButtonSizeLarge > li.k-radio-list-item {
    margin-right: 2.4rem !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    width: fit-content !important;
    padding: 0.4rem 0.4rem 0.4rem 0.3rem !important
}

.radioButtonSizeDefault > li.k-radio-list-item > label {
    margin-top: 0.2rem !important;
}

.radioButtonSizeLarge > li.k-radio-list-item > label {
    margin-top: 0.4rem !important;
}

.page-title > span {
    display: flex;
    justify-content: end;
    align-items: center;
}

.editor-field.ssnInput > span.k-maskedtextbox.k-input {
    display: block !important;
    width: calc(100% - 2.4rem) !important;
}

.editor-field.ssnInput * > #viewSSNLink:link,
.editor-field.ssnInput * > #viewSSNLink:visited {
    text-decoration: none;
    top: -2.5rem !important;
    display: inline-flex;
    position: relative;
    left: calc(100% - 3rem) !important;
    width: 2rem !important;
    font-size: 1.6rem !important;
}

.editor-field.ssnInput > a.maskTextBox-view-ssn:link,
.editor-field.ssnInput > a.maskTextBox-view-ssn:visited {
    text-decoration: none;
    top: -2.5rem !important;
    display: inline-flex;
    position: relative;
    left: calc(100% - 3rem) !important;
    width: 2rem !important;
    font-size: 1.6rem !important;
}

.editor-field.maskedInput > span.k-maskedtextbox.k-input {
    display: block !important;
    width: 18.3rem !important;
}

.editor-field.maskedInput * > #viewMaskedValueLink:link,
.editor-field.maskedInput * > #viewMaskedValueLink:visited {
    text-decoration: none;
    top: -2.5rem !important;
    display: inline-flex;
    position: relative;
    left: 20rem !important;
    width: 2rem !important;
    font-size: 1.6rem !important;
}

.editor-field.maskedInput > a.maskTextBox-view-masked-value:link,
.editor-field.maskedInput > a.maskTextBox-view-masked-value:visited {
    text-decoration: none;
    top: -2.5rem !important;
    display: inline-flex;
    position: relative;
    left: 20rem !important;
    width: 2.4rem !important;
    font-size: 1.6rem !important;
    color: var(--gw-primary-soft-black) !important;
}

.editor-field.maskedInput .editor-icon {
    float: unset !important;
    margin-left: 12.5rem !important;
}

.fa-solid.fa-eye, .fa-solid.fa-eye-slash {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 1.4rem;
}

/* ======Start of  Grid CSS ===== */
.k-sorted .k-link .k-i-arrow-n,
.k-sorted .k-link .k-i-arrow-s {
    display: none;
}

.k-svg-i-sort-asc-small:before {
    content: "\f0d8";
    font-family: 'Font Awesome 6 Pro', Arial, sans-serif;
    font-size: inherit;
    margin-left: -0.8rem;
}

.k-svg-i-sort-desc-small:before {
    content: "\f0d7";
    font-family: 'Font Awesome 6 Pro', Arial, sans-serif;
    font-size: inherit;
    margin-left: -0.8rem;
}

.k-svg-i-sort-asc-small > svg,
.k-svg-i-sort-desc-small > svg {
    display: none;
}

.grid-col-hdr-cell .k-column-title {
    display: block;
    width: 78%;
    float: left;
}

.grid-col-hdr-cell .grid-col-hdr-cell {
    width: auto;
}

    .grid-col-hdr-cell .grid-col-hdr-cell .k-i-arrow-n {
        position: relative;
        top: 1px;
    }

.grid-col-hdr-cell .k-icon.k-i-arrow-n:before {
    color: var(--gw-color-neutral-8) !important;
}

.k-grid-pager .k-button-icon.k-svg-icon {
    align-items:flex-start;
    width: 2.7rem;
    padding-right: 0 !important;
}

.grid-filter-buttons {
    padding: 0 1rem 1rem 1rem;
    width: 100%;
}

.k-filter-menu .k-actions .k-button {
    width: 47.7%;
    margin: .5em .4rem .6rem 0.4rem;
    min-width: 0;
}

.k-filter-menu .k-actions {
    margin: 0 -0.99rem -0.99rem -0.99rem;
    width: auto;
    padding: .5rem;
}

.k-filter-menu .k-actions .k-button.k-button-solid-primary {
    background: var(--gw-color-royal-blue) !important;
    background-color: var(--gw-color-royal-blue) !important;
    border-color: var(--gw-color-royal-blue) !important;
    color: var(--gw-color-neutral-0) !important;
    font-weight: var(--font-weight-bold);
    height: auto;
    min-width: 5.5rem;
    padding: 0.5rem 3.0rem !important;
}

.k-grid .k-toolbar {
    padding: 1rem;
    justify-content: flex-start !important;
}

.k-toolbar.grid-toolbar-primary {
    padding: 1rem;
    justify-content: right;
    display: flex !important;
    float: unset !important;
}

.k-toolbar .k-button-solid-base,
.k-filter-menu .k-actions .k-button-solid-base {
    background: var(--gw-color-neutral-0) !important;
    background-color: var(--gw-color-neutral-0) !important;
    border: 0.1rem solid var(--gw-color-royal-blue) !important;
    border-radius: 0.4rem !important;
    color: var(--gw-color-royal-blue) !important;
    font-size: var(--button-font-size);
    height: auto;
    min-width: 5.5rem;
    padding: 0.5rem 3.0rem !important;
}

.k-table-md {
    font-size: 1.6rem !important;
}

.k-grid .k-pager-sizes .k-picker {
    border: 0 !important;
    border-bottom: 1px solid !important;
    border-radius: 0 !important;
}


.k-grid-pager .k-pager-sizes {
    width: 19rem;
}

.k-grid .k-grid-pager .k-button {
    border-radius: 1.0 !important;
    min-width: 2.14em;
    border-width: 0.1rem;
    border-style: solid;
    outline: 0;
    box-sizing: border-box;
    color: inherit;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: .3rem;
}

.k-grid .k-grid-pager .k-button.k-selected, .k-grid .k-grid-pager .k-button.k-selected:hover {
    background: var(--gw-color-royal-blue) !important;
    background-color: var(--gw-color-royal-blue) !important;
    color: var(--gw-color-neutral-0) !important;
    font-weight: 200;
}

.k-grid .k-grid-pager .k-button, .k-grid .k-grid-pager .k-button:hover {
    background: var(--gw-color-neutral-0);
    background-color: var(--gw-color-neutral-0);
    border-color: var(--gw-color-royal-blue) !important;
    border-radius: 1.0rem;
    color: var(--gw-color-neutral-8) !important;
    font-weight: 200;
}


.k-grid .k-grid-header .k-filterable > .k-cell-inner .k-link {
    display: flex;
}

/* ======End of Grid CSS ===== */

/*Start CheckBoxGroup k-invalid when it's required*/
.chkGroupRequired.k-invalid {
    border: var(--widget-invalid-border-thin) !important;
}
/*End of CheckBoxGroup k-invalid when it's required*/

div.editor-field > .k-datepicker.k-invalid:hover {
    border: var(--widget-invalid-border-thin) !important;
}
/* Start Tile Layout overwrites*/
.k-tilelayout {
    background-color: transparent;
}

.k-tilelayout-item-header .k-card-title {
    font-family: 'Poppins';
    font-size: var(--font-size-regular);
    font-weight: 600;
    color: var(--gw-primary-soft-black);
}

.tile-style1 {
    border: 0.1rem solid var(--gw-color-orange-tint-40);
    -moz-border-radius: 1.0rem;
    -webkit-border-radius: 1.0rem;
    border-radius: 1.0rem;
}

.tile-style1 .k-tilelayout-item-header {
    background: var(--gw-color-orange-tint-10);
}

.tile-style1 .telerik-blazor.k-pager {
    background-color: transparent;
    border: none;
    bottom: 0;
    font-size: var(--font-size-small);
    position: absolute;
    width: 100%;
}

.tile-style1 .telerik-blazor.k-pager .k-numerictextbox {
    width: 4rem;
}

.tile-style1 .telerik-blazor.k-pager .k-numerictextbox input {
    border: none !important;
    border-bottom: 0.1rem solid var(--gw-color-neutral-5) !important;
    border-radius: 0 !important;
    background: var(--gw-color-neutral-1) !important;
    height: 3rem !important;
}

.tile-style1 .k-pager-md .k-pager-numbers-wrap .k-button {
    border: 0.1rem solid var(--gw-color-neutral-5) !important;
    height: 3rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    min-width: 2rem;
    padding: 0 !important;
}

.my-list-item {
    padding: 1.2rem 0;
    border-bottom: 0.1rem solid var(--widget-border-color);
}

.user-detail {
    width: 80%;
    padding: 0 1.0rem;
}

.user-detail-title {
    font-size: var(--font-size-regular);
    font-weight: bold;
    color: var(--gw-primary-soft-black);
    display: block;
}

.user-detail-subtitle {
    font-size: var(--font-size-small);
    color: var(--gw-color-neutral-6);
}

.user-actions {
    font-size: var(--font-size-small);
    font-weight: bold;
}

    .user-actions ul {
        list-style: none;
        padding-inline-start: 0px;
    }

.user-actions ul li:first-child {
    border: 0.1rem solid var(--gw-color-royal-blue);
    border-radius: 0.5rem;
    color: var(--gw-color-royal-blue);
    position: relative;
}
.user-actions ul li a {
    display: inline-block;
    padding: 0.8rem 1.6rem;
    min-width: 9.3rem;
}
.user-actions ul li ul {
    border: 0.1rem solid var(--gw-color-royal-blue);
    padding: 0.8rem 1.2rem;
    position: absolute;
    background: var(--gw-color-neutral-0);
    top: 3.1rem;
    left: -0.1rem;
    z-index: 1;
}
.user-actions ul li ul li {
    border: none !important;
    color: var(--gw-primary-soft-black) !important;
    font-weight: normal;
    margin-bottom: 0.5rem;
    padding: 0 !important;
}
.user-actions ul li.active a {
    color: var(--gw-color-neutral-0) !important;
}
.user-actions ul li.active ul li a {
    padding: 0;
    color: var(--gw-primary-soft-black) !important;
}
.user-actions ul li.active,
.user-actions ul li.active ul {
    background: var(--gw-color-royal-blue);
    border: 0.1rem solid var(--gw-color-royal-blue) !important;
}

/*Tiles With Hyperlink or buttons Start*/
.tileParentMinWidth:has(.tileLibrary.card.default) {
    min-width: 25.3rem;
}

.tileParentMinWidth:has(.tileLibrary.card.large) {
    min-width: 34.3rem;
}

.tileParentMinWidth:has(.tileLibrary.card.small) {
    min-width: 23.3rem;
}

.tileLibrary.card {
    height: var(--gw-tile-size-height) !important;
    width: var(--gw-tile-size-width) !important;
    background-color: #ffffff;
    position: relative;
    flex-direction: column;
    border: 0.1rem solid var(--gw-brief-title-border) !important;
    border-radius: 1.0rem;
    box-shadow: var(--widget-user-info-box-shadow) !important;
    padding: 0 0 1.2rem 0;
    margin: 0;
}

    .tileLibrary.card.default {
        --gw-tile-size-header-height: 6.8rem;
        --gw-tile-size-solutionIcon-height: 4rem;
        --gw-tile-size-solutionIcon-width: 4rem;
        --gw-tile-size-solutionIcon-paddingX: 1.2rem;
        --gw-tile-size-solutionIcon-paddingY: 1.2rem;
        --gw-tile-brief-title-paddingY: 1.4rem;
        --gw-tile-brief-title-marginB: 0.1rem;
        --gw-tile-brief-title-maxWidth: 15.6rem;
        --gw-tile-brief-title-fontSize: 1.6rem;
        --gw-tile-brief-title-iconFontSize: 1.6rem;
        --gw-tile-brief-chip-height: 1.8rem;
        --gw-tile-brief-chip-fontSize: 0.9rem;
        --gw-tile-brief-chip-display: block;
        --gw-tile-brief-chip-max-width: 15.6rem;
        --gw-tile-brief-footer-height: 3.1rem;
    }

    .tileLibrary.card.large {
        --gw-tile-size-header-height: 9.5rem;
        --gw-tile-size-solutionIcon-height: 5.2rem;
        --gw-tile-size-solutionIcon-width: 5.2rem;
        --gw-tile-size-solutionIcon-paddingX: 1.6rem;
        --gw-tile-size-solutionIcon-paddingY: 1.6rem;
        --gw-tile-brief-title-paddingY: 2.15rem;
        --gw-tile-brief-title-marginB: 1rem;
        --gw-tile-brief-title-maxWidth: 24.4rem;
        --gw-tile-brief-title-fontSize: 2rem;
        --gw-tile-brief-title-iconFontSize: 2rem;
        --gw-tile-brief-chip-height: 2.2rem;
        --gw-tile-brief-chip-fontSize: 1.2rem;
        --gw-tile-brief-chip-display: block;
        --gw-tile-brief-chip-max-width: 24.4rem;
        --gw-tile-brief-footer-height: 3.1rem;
    }

    .tileLibrary.card.small {
        --gw-tile-size-header-height: 4.4rem;
        --gw-tile-size-solutionIcon-height: 2.8rem;
        --gw-tile-size-solutionIcon-width: 2.8rem;
        --gw-tile-size-solutionIcon-paddingX: 0.75rem;
        --gw-tile-size-solutionIcon-paddingY: 0.45rem;
        --gw-tile-brief-title-paddingY: 0.8rem;
        --gw-tile-brief-title-marginB: 0;
        --gw-tile-brief-title-maxWidth: 15.8rem;
        --gw-tile-brief-title-fontSize: 1.2rem;
        --gw-tile-brief-title-iconFontSize: 1.2rem;
        --gw-tile-brief-chip-height: 1.2rem;
        --gw-tile-brief-chip-fontSize: 0.6rem;
        --gw-tile-brief-chip-display: none;
        --gw-tile-brief-footer-height: 3.1rem;
    }


    .tileLibrary.card.provider {
        --gw-brief-title-border: #BADECF;
        --gw-brief-title-background-color: #E8F4EF;
        --gw-brief-solutionIcons-background-color: #099A76;
        --gw-brief-solutionIcons-color: #fff;
    }

    .tileLibrary.card.member {
        --gw-brief-title-border: #CCAEFB;
        --gw-brief-title-background-color: #EFE4FE;
        --gw-brief-solutionIcons-background-color: #5928ED;
        --gw-brief-solutionIcons-color: #fff;
    }

    .tileLibrary.card.stakeholder {
        --gw-brief-title-border: #99C0FF;
        --gw-brief-title-background-color: #E5EFFF;
        --gw-brief-solutionIcons-background-color: #0062FF;
        --gw-brief-solutionIcons-color: #fff;
    }

    .tileLibrary.card.admin {
        --gw-brief-title-border: #FFBFC6;
        --gw-brief-title-background-color: #FFEAEC;
        --gw-brief-solutionIcons-background-color: #FF3F6F;
        --gw-brief-solutionIcons-color: #2B3A44;
    }

    .tileLibrary.card.rolea {
        --gw-brief-title-border: #F1B6EA;
        --gw-brief-title-background-color: #FBE7F8;
        --gw-brief-solutionIcons-background-color: #CB1AC6;
        --gw-brief-solutionIcons-color: #ffffff;
    }

    .tileLibrary.card.roleb {
        --gw-brief-title-border: #FFCFBE;
        --gw-brief-title-background-color: #FFEFE9;
        --gw-brief-solutionIcons-background-color: #F36944;
        --gw-brief-solutionIcons-color: #2B3A44;
    }

.tileLibrary.card-header {
    padding: var(--gw-tile-brief-title-paddingY) 1.6rem var(--gw-tile-brief-title-paddingY) 1.6rem;
    margin-bottom: 0;
    background-color: var(--gw-brief-title-background-color) !important;
    width: 100%;
    height: var(--gw-tile-size-header-height);
    display: flex;
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
    border: 0.1rem solid transparent;
    border-bottom: 0.1rem solid var(--gw-brief-title-border);
}

.tileLibrary.card-header-rightSide {
    height: var(--gw-tile-size-solutionIcon-height) !important;
    vertical-align: middle;
    position: relative;
    width: 100%;
}

.tileLibrary.card-header-Title.titleTileMiddle {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tileLibrary.card-header-Title {
    background-color: transparent !important;
    margin: 0 0 var(--gw-tile-brief-title-marginB) 1.2rem !important;
    padding-top: 0;
    color: var(--gw-primary-soft-black) !important;
    font-family: Poppins !important;
    font-weight: bold !important;
    font-size: var(--gw-tile-brief-title-fontSize) !important;
    line-height: 2.0rem !important;
    width: 100%;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: hidden !important;
}

.tileLibrary.card-header-solutionIcons {
    width: var(--gw-tile-size-solutionIcon-width) !important;
    height: var(--gw-tile-size-solutionIcon-height) !important;
    padding: var(--gw-tile-size-solutionIcon-paddingY) var(--gw-tile-size-solutionIcon-paddingX) var(--gw-tile-size-solutionIcon-paddingY) var(--gw-tile-size-solutionIcon-paddingX) !important;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    background-color: var(--gw-brief-solutionIcons-background-color) !important;
    border-radius: 0.5rem !important;
}

i.card-header-solutionIcons {
    vertical-align: inherit;
    color: var(--gw-brief-solutionIcons-color);
    font-size: var(--gw-tile-brief-title-iconFontSize);
}

.tileLibrary.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.8rem 1.6rem !important;
    background-color: var(--gw-color-neutral-0) !important;
    box-sizing: unset !important;
    height: calc(100% - var(--gw-tile-size-header-height) - var(--gw-tile-brief-footer-height) - 2rem);
    background: transparent !important;
}

.tileLibrary-card-header-chip.telerik-blazor.k-chip.k-chip-md.k-rounded-md.k-chip-solid.k-chip-solid-base {
    height: var(--gw-tile-brief-chip-height);
    width: auto;
    margin-left: 1.2rem !important;
    padding: 0.2rem 0.8rem 0.2rem 0.8rem;
    max-width: calc(100% - var(--gw-tile-size-solutionIcon-width) - 1.6rem);
}

    .tileLibrary-card-header-chip.telerik-blazor.k-chip.k-chip-md.k-rounded-md.k-chip-solid.k-chip-solid-base * > span.k-chip-label {
        font-size: var(--gw-tile-brief-chip-fontSize);
    }


.tileLibrary.card-body.body-text {
    height: var(--gw-tile-size-body-height) !important;
    width: 100% !important;
    padding: 0 !important;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .tileLibrary.card-body.body-text > label {
        padding: 0 !important;
        margin: 0;
        font-family: Arial !important;
        font-size: 1.4rem;
        font-weight: normal;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tileLibrary.card-tile-footer {
        position: absolute;
        right: 1.6rem;
        bottom: 1.2rem;
        height: var(--gw-tile-brief-footer-height);
        width: calc(100% - 3.2rem);
    }

    .tileLibrary.card-tile-footer:has(.buttons) {
        padding-top: 0;
        display: flex;
    }

    .tileLibrary.card-tile-footer:has(.hyperlink) {
        display: flex;
        justify-content: end;
    }


        .tileLibrary.card-tile-footer.hyperlink {
            padding: 0;
            margin: 0;
            top: 0;
            right: 0;
            width: auto;
        }

    .tileLibrary.card-tile-footer.buttons {
        padding:0;
    }
        .tileLibrary.card-tile-footer.buttons.left {
            text-align: center;
            padding: 0 0 0 0 !important;
            width: 50%;
            top: 0;
            left: 0;
        }

        .tileLibrary.card-tile-footer.buttons.right {
            text-align: center;
            padding: 0;
            width: 50%;
            top: 0;
            right: 0;
        }

        .tileLibrary.card-tile-footer.buttons > button {
            height: 3rem;
            width: var(--gw-tile-brief-footer-button-width);
        }

        .tileLibrary.card-tile-footer.buttons > button > span {
            word-wrap: break-word;
            text-overflow: clip;
            overflow: hidden;
        }

.tileLibrary.card-header-Chip {
    display: var(--gw-tile-brief-chip-display);
}
/*Tiles With Hyperlink or buttons Ends*/

/*User Intro Tile starts*/
div.userIntroTile {
    min-height: 5rem;
    width: 32rem;
    background-color: #FFFFFF;
    border: 0.1rem solid #DEE2E6;
    border-radius: 1rem;
    padding: 0.8rem 1.2rem 0.8rem 1.2rem;
    box-shadow: var(--widget-user-intro-box-shadow);
    position: relative;
    display: flex;
    flex-direction: row;
    text-overflow: ellipsis;
}

div.userIntroTile > div.userIntroTile-avatar {
    width: 3.2rem;
    height: 3.2rem;
    vertical-align: middle;
    justify-content: center;
}

div.userIntroTile > div.userIntroTile-avatar > div.user-information-avatar:before {
    border: none !important;
}

div.userIntroTile > div.uit-right-section {
    display: inline-block;
    width: calc(100%);
    margin-left: 0.8rem;
    position: relative;
}

div.userIntroTile > div.uit-right-section > div.uit-welcome {
    margin-top: 0;
    height: 1.6rem;
    vertical-align: top;
}

div.userIntroTile > div.uit-right-section > div.uit-welcome > span {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: normal;
}

div.userIntroTile > div.uit-right-section > div.uit-name {
    color: var(--gw-primary-soft-black);
    font-family: Poppins;
    font-weight: 600;
    font-size: 1.8rem;
    vertical-align: top;
    align-items: start;
    width: calc(100% - 3rem);
    top: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

            div.userIntroTile > div.uit-right-section > div.uit-name > span {
                margin: 0;
            }
/*User Intro Tile ends*/

div:has(>div.overlay-footer-legend) {
    position: relative;
}

div.overlay-footer-legend {
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: Arial;
    font-size: 1.4rem;
    transform: translate(-50%, -50%);
}

.progress-container {
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0;
    margin-right: 0;
}

.progress-line {
    flex: 1;
    height: 0.2rem;
    background-color: var(--gw-color-neutral-3);
    position: relative;
    margin: 0 0.2rem;
}

.progress-step {
    width: 1rem;
    height: 1rem;
    background-color: white;
    border: 0.15rem solid var(--gw-color-neutral-5);
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

    .progress-step.current {
        border: 0.2rem solid var(--gw-color-orange);
    }

    .progress-step.completed {
        border: 0.2rem solid var(--gw-color-orange);
        background-color: var(--gw-color-orange);
    }

.progress-line.completed {
    background-color: var(--gw-color-orange);
}
/* Start Kendo Notifications*/
.notification-parent {
    margin-bottom: 2.0rem;
}

.notification-parent .k-notification-group {
    position: absolute !important;
    top: 0.5rem !important;
    left: 2.4rem !important;
}

.notification-parent .k-notification {
    box-shadow: none;
    font-size: var(--font-size-small);
    gap: 1.0rem;
    padding: 0.7rem 1.0rem;
    min-width: 30rem;
    width: 100%;
}

.notification-parent .k-notification-success,
.k-notification-success {
    border-color: var(--gw-color-green);
    color: var(--gw-primary-soft-black);
    background-color: var(--gw-color-green-tint-10);
}

.k-notification-error {
    border-color: var(--gw-color-coral-shades-10);
    color: var(--gw-primary-soft-black);
    background-color: var(--gw-color-coral-10);
}
.k-notification-info {
    border-color: var(--gw-color-royal-blue);
    color: var(--gw-primary-soft-black);
    background-color: var(--gw-color-royal-blue-10);
}
/* End Kendo Notifications*/