div#pageMobileHeader {
    box-shadow: none;
}

html {
    height: 100%;
    font-size: 13px;
}

body, td, th, select, input, textarea, .ui-datepicker .ui-datepicker-title select, .ui-widget {
    font-family: open sans, Verdana !important;
    font-size: 1rem;
    color: #404040;
    letter-spacing: 0.5px;
}

    body.pageMode_PageUpTheme,
    .pageMode_PageUpTheme td,
    .pageMode_PageUpTheme th,
    .pageMode_PageUpTheme select,
    .pageMode_PageUpTheme input,
    .pageMode_PageUpTheme textarea,
    .pageMode_PageUpTheme .ui-datepicker .ui-datepicker-title select,
    .pageMode_PageUpTheme .ui-widget {
        letter-spacing: 0.2px;
    }


a {
    color: #000000;
    text-decoration: none;
}

body {
    margin: 0;
    padding: 0;
    background-repeat: repeat-x;
    -ms-overflow-y: scroll;
    min-height: 100%;
}


.basicIcons {
    background-image: url(../base/icons2.png);
}

div#pageInnerContent {
    margin: 0px auto;
    background: #ffffff;
    min-height: 350px;
}

table#pageAllContent_ie6Table {
    width: 100%;
    height: 350px;
}

.pageIconMenu {
    margin: 0 0 0 2px;
}

table#pageHeaderTable {
    width: 100%;
}

    table#pageHeaderTable td {
        vertical-align: top;
    }

        table#pageHeaderTable td#pageLogoCell {
            width: 33%;
        }

        table#pageHeaderTable td#pageMainMenuCell {
            min-width: 66%;
        }


div.tabContentContainer {
    min-height: 50px;
    border: 1px solid #FFA100;
}

#Login_pageView .pageBlockContainer, #Login_SSO_pageView .pageBlockContainer, #LoginEarcu_pageView .pageBlockContainer {
    margin-bottom: 2px;
    margin-top: 10px;
}

#PasswordReset_Request_pageView .pageBlockContainer {
    margin-top: 10px;
}

div#recentItemsContainer, .pageMode_Modern .shortcutsIconMenuContainer, .pageMode_Modern .accountIconMenuContainer, .pageMode_Modern .kbMenuContainer {
    border-radius: 0 0 5px 5px;
    box-shadow: 3px 5px 5px rgba(0,0,0,0.8);
    border: 0px;
    display: none;
}

div.recentItemsInnerContainer, div.shortcutsIconMenuInnerContainer, div.shortcutsProfileMenuInnerContainer,
div.accountIconMenuInnerContainer, div.kbMenuInnerContainer {
    margin: 0 5px 5px 5px;
    background: #ffffff;
    border-radius: 0 0 3px 3px;
}

div.kbMenuInnerContainer {
    padding: 5px;
}

    div.kbMenuInnerContainer .kbMenuButton {
        padding: 5px 6px;
        overflow: auto;
        display: block;
    }

        div.kbMenuInnerContainer .kbMenuButton svg {
            width: 28px;
            height: 28px;
            display: block;
            fill: #646464;
            float: left;
        }

        div.kbMenuInnerContainer .kbMenuButton .kbMenuButtonLabel {
            display: block;
            margin-left: 40px;
            padding-top: 5px;
        }

#recentItemsMini_pageBlock .itemContainer2.systemHighlightOnHover {
    border: none;
}

#profileNavigationContainer {
    margin-top: 0;
    padding: 5px;
}

div.recentItemsInnerContainer div.pageBlockContentNoHeader {
    border: none;
}

.pageMode_Modern .headerButtonSurround .headerButton {
    margin: 5px 0 0 0;
    position: relative;
}

    .pageMode_Modern .headerButtonSurround .headerButton .resourceTag {
        margin: -16px 0 0 29px;
        position: absolute;
    }

.pageMode_Modern .headerButtonSurroundLarge .headerButton {
    position: relative;
}

    .pageMode_Modern .headerButtonSurroundLarge .headerButton .resourceTag {
        margin: -16px 0 0 134px;
        position: absolute;
    }

.pageMode_Modern .headerButton {
    background: transparent;
    margin: 4px 0 0 0;
}

.pageMode_Modern .headerLink {
    color: #ffffff;
}

.pageMode_Modern #pageUserLink.headerLink {
    border: 2px solid;
    padding: 3px;
    border-radius: 5px;
    max-height: 40px;
    min-height: 37px;
    text-align: center;
    display: flex;
    align-items: center;
}

    .pageMode_Modern .headerButtonSurroundLarge:hover #pageUserLink.headerLink,
    .pageMode_Modern #pageUserLink.headerLink.activeGenericMenuButton {
        border: 3px solid;
        padding: 2px;
    }

.pageMode_Modern .headerButtonSurround .headerLink {
    padding: 10px 0;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.pageMode_Modern .oldIE .headerButtonSurround .headerLink {
    padding: 0;
}

.pageMode_Modern .headerLink img {
    max-width: 80px;
    vertical-align: middle;
    max-height: 36px;
    float: none;
}

.pageMode_Modern .oldIE .headerLink img {
    max-height: 100%;
}

.pageMode_Modern .headerLink .companyLogoImageContainer {
    width: calc(100% - 46px);
    float: left;
}

    .pageMode_Modern .headerLink .companyLogoImageContainer svg {
        display: block;
        width: 80px;
        margin: 0 auto;
        height: 28px;
    }

.pageMode_Modern .headerLink #loggedInUserImg {
    float: left;
    margin-left: 10px;
}

.pageMode_Modern .pageMenuInnerContainer .headerButton:hover {
    background: #FFFFFF;
}

.pageMode_Modern .headerButton_User:hover {
    background: transparent;
}

#userDetailsContainer {
    overflow: auto;
    border-bottom: 1px dashed var(--grey-D0D0D0, #D0D0D0);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

    #userDetailsContainer img {
        display: block;
        max-width: 60px;
        max-height: 60px;
        float: left;
    }

    #userDetailsContainer #loggedInName {
        margin: 5px 0 0 70px;
    }

    #userDetailsContainer #loggedInEmail {
        margin: 3px 0 0 70px;
    }

#userAccountDetailContainer {
    border-bottom: 1px dashed var(--grey-D0D0D0, #D0D0D0);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#logoutDetailContainer {
}

    #userAccountDetailContainer .accountDetailLink,
    #userAccountDetailContainer .accountMobileLink,
    #logoutDetailContainer .accountLogoutLink,
    #userAccountDetailContainer .accountTestUserAccountLink {
        padding: 5px 6px;
        display: block;
        overflow: auto;
    }

        #userAccountDetailContainer .accountDetailLink span,
        #userAccountDetailContainer .accountMobileLink span,
        #logoutDetailContainer .accountLogoutLink span,
        #userAccountDetailContainer .accountTestUserAccountLink span{
            display: block;
            margin-left: 40px;
            padding-top: 5px;
        }

        #userAccountDetailContainer .accountDetailLink svg,
        #userAccountDetailContainer .accountMobileLink svg,
        #logoutDetailContainer .accountLogoutLink svg,
        #userAccountDetailContainer .accountTestUserAccountLink svg {
            width: 28px;
            height: 28px;
            display: block;
            fill: #646464;
            float: left;
        }

div#pageMessages {
    padding: 10px 0 0 0;
}

.pageMode_Modern .headerButton svg {
    fill: #FFFFFF;
    height: 25px;
    width: 25px;
    margin: 0 auto;
    display: block;
}

.pageMode_Modern .kbRelatedButton .headerButton svg {
    background: rgba(255,255,255, 0.6);
    border-radius: 50%;
    fill: white;
    padding: 4px 4px 3px 4px;
    height: 18px;
    width: 18px;
}

.pageMode_Modern .kbRelatedButton .headerButton:hover svg, .pageMode_Modern .kbRelatedButton.popupMenuButtonActive .headerButton svg {
    height: 22px;
    width: 22px;
    padding: 2px 2px 1px 2px;
}

.pageMode_Modern .kbZendeskRelatedButton .headerButton svg {
    background: white;
}

.pageBlockContent .actionMessageContainer {
    margin-bottom: 5px;
}

td#pageLoginStatusCell {
    color: #404040;
}

div.mainMenuContent {
    background-color: var(--grey-E0E0E0, #E0E0E0);
}

#pageLogo {
    border-color: var(--grey-D0D0D0, #D0D0D0);
    border-radius: 5px;
}



div.pageViewMenuOptionsContainer a {
    color: #000000;
}

a, .ui-widget-content a, div.pageViewMenuOptionsContainer li a:hover, div.pageViewMenuOptionsContainer li.pageViewMenuOptionWithSub_selected a, .buttonAnchor, .buttonSubmit, div.pageBlockInner_GridBlock input, div.pageBlockInner_FormBlock button {
    color: #1355ff;
}

.buttonAnchor,
.buttonSubmit,
div.pageBlockInner_GridBlock input,
div.pageBlockInner_FormBlock button {
    border-radius: 5px;
}

    .buttonAnchor:focus-visible,
    .buttonSubmit:focus-visible,
    div.pageBlockInner_FormBlock button:focus-visible {
        box-shadow: inset 0px 1px 3px rgba(0,0,0,0.05), 0px 0px 8px rgba(149,149,254,0.6);
        outline: 0;
        border: 0 !important;
    }

.pageMode_PageUpTheme .buttonAnchor:focus-visible,
.pageMode_PageUpTheme .buttonSubmit:focus-visible,
.pageMode_PageUpTheme div.pageBlockInner_FormBlock button:focus-visible {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 99, 176, 0.25);
}

div.pageViewMenuContainer a,
div.pageViewMenuOptionsContainer li a,
div.pageViewMenuOptionsContainer li a:hover,
div.pageViewMenuOptionsContainer li.pageViewMenuOptionWithSub_selected a {
    border-radius: 0 0 0 0;
}

.pageBlockInner_FormBlock form.lockedForm div.controlContainer_ReadOnly,
.pageBlockInner_FormBlock form.lockedForm div.controlContainer_ReadOnlyWithControl {
    border-radius: 3px;
    background: var(--grey-F7F7F7, #F7F7F7);
}

.pageMode_PageUpTheme .pageBlockInner_FormBlock form.lockedForm div.controlContainer_ReadOnly,
.pageMode_PageUpTheme .pageBlockInner_FormBlock form.lockedForm div.controlContainer_ReadOnlyWithControl {
    border-radius: 6px;
}

.pageBlockInner_FormBlock input.inputText, .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, .pageBlockInner_FormBlock div.divajaxcontainter, .pageBlockInner_FormBlock textarea.inputTextArea {
    border-radius: 3px;
    border-color: var(--grey-D0D0D0, #D0D0D0);
}

.pageMode_PageUpTheme .pageBlockInner_FormBlock input.inputText, .pageMode_PageUpTheme .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
.pageMode_PageUpTheme .pageBlockInner_FormBlock div.divajaxcontainter, .pageMode_PageUpTheme .pageBlockInner_FormBlock textarea.inputTextArea {
    border-radius: 6px;
}

div.pageBlockHeader {
    border-radius: 5px 5px 0 0;
    padding: 5px 5px 4px 5px;
}

div.pageBlockContent {
    border-radius: 0 0 5px 5px;
}

div.pageBlockContentNoHeader {
    border-radius: 5px 5px 5px 5px;
}

div.pageViewMain {
    padding: 0 10px;
}

div.pageViewMainArea {
    padding-top: 0px;
}

.pageViewLayoutTable_Main {
    padding: 0 5px 0 5px;
}

.pageViewLayoutTable_Right .pageViewRightColumn {
    padding: 8px 8px 1px 8px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.pageViewLayoutTable_Right div.pageBlockContainer {
    margin-bottom: 8px
}

.pageViewLayoutTable_Right div.pageBlockHeader {
    border-radius: 5px 5px 0 0;
    border-right: none;
    padding: 5px;
}

.pageViewLayoutTable_Right div.pageBlockContent {
    border-radius: 0 0 5px 5px;
}

.pageViewMenuOptionsContainer {
    border-radius: 0 0 5px 5px;
    box-shadow: 3px 5px 5px rgba(0,0,0,0.8);
}

.pageViewMenuOptionsContainer_subMenu {
    border-radius: 0 5px 5px 5px;
}

div.pageViewMenuOptionsContainer_leftAligned {
    border-radius: 0 5px 5px 5px;
}

div.pageViewMenuOptionsContainer_rightAligned {
    border-radius: 5px 0 5px 5px;
}

.pageViewMenuOptionsContainer_divided .pageViewMenuTitle {
    background: var(--grey-EFEFEF, #EFEFEF);
}


#ControlPanelBlock_pageBlock input.buttonSubmit, #ControlPanelBlock_pageBlock a.buttonAnchor {
    background: #ed1c01;
    background: linear-gradient(to bottom, #fd2c11 33%, #dd0c00 66%);
    border: none;
    color: #FFFFFF !important;
}

    #ControlPanelBlock_pageBlock input.buttonSubmit:hover, #ControlPanelBlock_pageBlock a.buttonAnchor:hover {
        background: #da1400;
        background: linear-gradient(to bottom, #ea2410 33%, #da1400 66%);
    }

.sysadminblock {
    border: 0px !important;
}

#pageLogo img.bigLogo {
    max-width: 70%;
    display: block;
    width: 70%;
    margin: 0 auto;
    height: 100%;
}

#pageLogo {
    position: relative;
    border: 0px;
    border-radius: 0px;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
    border-bottom-left-radius: 4px;
    display: inline-block;
}

    #pageLogo.showBorder {
        border-bottom: 2px solid var(--themeMainColor);
    }

    #pageLogo::after {
        bottom: 0;
        content: "";
        position: absolute;
        right: -6px;
        top: -1px;
        transform: skew(-13deg);
        width: 14px;
        background-color: inherit;
    }




.pageViewMainArea div.pageBlockHeader {
    padding: 0px;
    background: var(--grey-FBFBFB, #FBFBFB);
    color: #404040;
}

.pageViewMainArea div.pageBlockTitle {
    background: var(--grey-F0F0F0, #F0F0F0);
    padding: 10px;
    width: auto;
    position: relative;
    min-width: 250px;
    color: #404040;
}

    .pageViewMainArea div.pageBlockTitle::after {
        background: var(--grey-F0F0F0, #F0F0F0) none repeat scroll 0 0;
        bottom: 0;
        content: "";
        position: absolute;
        right: -9px;
        top: 0;
        transform: skew(-13deg);
        width: 20px;
    }



#snapblock_pageBlock {
    border: none;
    background: #fff;
}

.pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet.pageBlockContainer,
.HomeSnapInHeaderBlock {
    border-bottom-width: 10px;
    background: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    margin-bottom: 8px;
}

    .pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockHeader,
    .HomeSnapInHeaderBlock div.pageBlockHeader {
        background: none !important;
        padding: 0px 5px;
    }

    .pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockHeader2,
    .HomeSnapInHeaderBlock div.pageBlockHeader2 {
        overflow: auto;
        padding: 0px;
    }

    .pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockTitle,
    .HomeSnapInHeaderBlock div.pageBlockTitle {
        padding: 8px 0px 8px 0px;
        background: none !important;
    }

        .pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockTitle::after,
        .HomeSnapInHeaderBlock div.pageBlockTitle::after {
            display: none;
        }

    .pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockTitle,
    .HomeSnapInHeaderBlock div.pageBlockTitle {
        float: none;
    }

    .pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockHeader .headerDivider,
    .HomeSnapInHeaderBlock .headerDivider {
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, transparent 0%, #c1d2ff 10%, #c1d2ff 90%, transparent 100%);
        margin: 0px auto;
    }

.pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockHeader ul.pageBlockHeaderButtons {
    margin-top: 5px;
}

.pageBlockInner_SnapInBlock div.SnapInColumn {
    margin-right: 8px;
}

div.shortcutsIconMenuContainer #profileNavigationContainer {
    padding: 0;
}

    div.shortcutsIconMenuContainer #profileNavigationContainer #userImgContainer #userImg {
        display: block;
        margin: 0 auto;
    }

    div.shortcutsIconMenuContainer #profileNavigationContainer #loggedInName,
    div.shortcutsIconMenuContainer #profileNavigationContainer #loggedInEmail {
        text-align: center;
    }

    div.shortcutsIconMenuContainer #profileNavigationContainer #loggedInName {
        margin: 8px 0 0;
    }

    div.shortcutsIconMenuContainer #profileNavigationContainer #loggedInEmail {
        margin: 0;
    }

    div.shortcutsIconMenuContainer #profileNavigationContainer #userDetailsContainer {
        overflow: auto;
    }

    div.shortcutsIconMenuContainer #profileNavigationContainer #userDetails {
        text-align: center;
    }

        div.shortcutsIconMenuContainer #profileNavigationContainer #userDetails a {
            border: 1px solid #dadce0;
            border-radius: 100px;
            margin: 16px 0 0;
            padding: 8px 16px;
        }

.headerButtonSurround {
    width: 45px;
    float: right;
    margin: 0 5px;
    z-index: 498;
    position: relative;
    cursor: pointer;
}

    .headerButtonSurround.headerButtonSurround_Shortcuts {
        float: left;
    }

    .headerButtonSurround.disabled {
        cursor: auto;
    }

.mainMenuButtonContainer {
    height: 55px;
    width: 50px;
    float: left;
    position: relative;
}

    .mainMenuButtonContainer::after {
        bottom: 0;
        content: "";
        position: absolute;
        right: -10px;
        top: -2px;
        transform: skew(-13deg);
        width: 20px;
        background-color: var(--themeMainColor);
        z-index: 1;
    }

.headerButtonSurroundLarge {
    width: 150px;
    float: right;
    margin: 0 5px;
}

    .headerButtonSurroundLarge:hover {
        cursor: pointer;
    }

.pageMode_Modern .headerButtonSurroundLarge .headerButton:hover {
    background-repeat: no-repeat;
}

.pageMode_Modern .popupMenuButtonActive .headerButton {
    background: #FFFFFF;
    padding-bottom: 5px;
}

.pageMode_Modern .popupMenuButtonActive .headerButton_User {
    background: #fff;
    z-index: 498;
    position: relative;
}

    .pageMode_Modern .popupMenuButtonActive .headerButton_User #pageUserLink {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

#pageViewMenu div.pageViewMenuHeader .pageViewMenuHeaderLabel:hover {
    text-decoration: underline;
}

#pageViewMenu div.pageViewMenuHeader .pageViewMenuHeaderArrow:hover {
    background-color: var(--grey-F7F7F7, #F7F7F7);
}

#pageViewMenu div.pageViewMenuHeader_selected .pageViewMenuHeaderArrow svg {
    fill: #fff !important;
}

#pageViewMenu div.pageViewMenuHeader:hover, #pageViewMenu div.pageViewMenuHeader_selected {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pageViewMenuOptionsContainer a.pageViewMenuOptionWithSub {
    background-position: right -537px;
}

    .pageViewMenuOptionsContainer A.pageViewMenuOptionWithSub.basicIcons {
        background-position: right -324px;
    }

#pageViewMenu div.pageViewMenuHeader:hover a.pageViewMenuHeaderArrow, #pageViewMenu div.pageViewMenuHeader_selected a.pageViewMenuHeaderArrow {
    background-position: 1px -513px;
}

#shortcutsIconMenuContainer .pageIconMenu {
    padding: 5px;
}

.pageMode_LoggedOut .loginPageForm #form_logo_formRow {
    margin: 10px 0;
}

.pageMode_LoggedOut .loginPageForm #form_loginImage_formRow .imageContainer {
    width: 100px;
    height: 100px;
    background-size: cover;
}

.pageMode_LoggedOut .pageBlockInner_FormBlock #form_username_formRow div.labelContainer,
.pageMode_LoggedOut .pageBlockInner_FormBlock #form_password_formRow div.labelContainer {
    width: 100%;
    text-align: left;
}

.pageMode_LoggedOut .pageBlockInner_FormBlock div.formRow > div,
.pageMode_LoggedOut .pageBlockInner_FormBlock div.formRow > div li,
.pageMode_LoggedOut #buttonSubmit_login,
.pageMode_LoggedOut #buttonSubmit_confirmcode {
    width: 100%;
}

.pageMode_LoggedOut #buttonSubmit_login,
.pageMode_LoggedOut #buttonSubmit_confirmcode {
    margin-left: 0 !important;
}

.pageMode_LoggedOut #form_buttons1_formRow > div.buttonsRight {
    width: 266px;
    clear: right;
    float: none;
    margin: 0 auto;
}

.pageMode_LoggedOut .buttonActionId_forgotten,
.pageMode_LoggedOut .buttonActionId_back {
    background: transparent;
    color: #115d9b;
    width: 100%;
    padding: 7px 0;
    text-align: center;
}

    .pageMode_LoggedOut .buttonActionId_forgotten:hover,
    .pageMode_LoggedOut .buttonActionId_back:hover {
        background: transparent;
        text-decoration: underline;
    }

.pageMode_LoggedOut input[type=text],
.pageMode_LoggedOut input[type=password] {
    margin: 0 auto;
    display: block;
}

.pageMode_LoggedOut .pageBlockInner_FormBlock #form_username_formRow div.labelContainer label,
.pageMode_LoggedOut .pageBlockInner_FormBlock #form_password_formRow div.labelContainer label,
.pageMode_LoggedOut .pageBlockInner_FormBlock #form_twofactorcode_formRow div.labelContainer label {
    width: 264px;
    display: block;
    text-align: left;
    margin: 0 auto;
    font-weight: bold;
}

.pageMode_LoggedOut .pageBlockInner_FormBlock #form_rememberMe_formRow div.labelContainer,
.pageMode_LoggedOut .pageBlockInner_FormBlock #form_rememberThisDevice_formRow div.labelContainer {
    padding-top: 4px;
}


.pageMode_LoggedOut .pageBlockInner_FormBlock #form_buttonsOtherLogin_formRow a.buttonActionId_otherLogin {
    width: 100%;
    padding: 7px 0;
    text-align: center;
}

.pageMode_LoggedOut .loginPageForm #form_pageBlock {
    border: none;
}

#versionConfigWarning {
    display: none;
    text-align: center;
    color: red;
    margin-top: 30px;
}

.pageMode_LoggedOut #versionConfigWarning {
    margin-top: 10px;
}

#NotFound404_pageView #form_logo_formRow img {
    width: 100%;
}


button.buttonAnchor, 
input.buttonSubmit, 
a.buttonAnchor,
.pageBlockInner_GridBlock div.gridButtons button.buttonAnchor,
.pageBlockInner_GridBlock div.gridButtons input.buttonSubmit,
.pageBlockInner_GridBlock div.gridButtons a.buttonAnchor {
    border: 0px;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 4px;
}
.pageMode_PageUpTheme button.buttonAnchor,
.pageMode_PageUpTheme input.buttonSubmit,
.pageMode_PageUpTheme a.buttonAnchor,
.pageMode_PageUpTheme .pageBlockInner_GridBlock div.gridButtons button.buttonAnchor,
.pageMode_PageUpTheme .pageBlockInner_GridBlock div.gridButtons input.buttonSubmit,
.pageMode_PageUpTheme .pageBlockInner_GridBlock div.gridButtons a.buttonAnchor {
    border-radius: 10px;
}

.systemHighlight .systemHighlightBackground,
.systemHighlight.systemHighlightBackground,
.systemHighlightOnHover:hover .systemHighlightBackground,
.systemHighlightOnHover.systemHighlightBackground:hover {
    background-color: var(--themeHighlightColor) !important;
}

.systemHighlight .systemHighlightBorder,
.systemHighlight.systemHighlightBorder,
.systemHighlightOnHover:hover .systemHighlightBorder,
.systemHighlightOnHover.systemHighlightBorder:hover {
    border-color: var(--themeHighlightColor) !important;
}


div#recentItemsContainer .buttonAnchor {
    color: #ffffff;
}


.pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockHeader,
.HomeSnapInHeaderBlock div.pageBlockHeader {
    background: none !important;
}


.themeBackgroundLight, .themeBackgroundLightHover:hover {
    background-color: var(--grey-EEEEEE, #EEEEEE) !important;
}



/* set a load of default theme colours */
/* this lot are repeated in the theme style sheet */

.themeBackground, .themeBackgroundHover:hover {
    background-color: #501871 !important;
}

.themeFill, .themeFill svg, .themeFillHover:hover svg, .colourSvg {
    fill: #501871 !important;
}

.themeColor, .themeColorHover:hover {
    color: #501871 !important;
}

.themeBorder, .themeBorderHover:hover {
    border-color: #501871 !important;
}

.themeBorderBottom, .themeBorderBottomHover:hover {
    border-bottom-color: #501871 !important;
}

@keyframes scrollHintAnim {
    0% {
        box-shadow: 3px 0 #501871
    }

    100% {
        box-shadow: 3px 0 var(--grey-D0D0D0, #D0D0D0)
    }
}


a, .ui-widget-content .gridContainer a, div.pageViewMenuOptionsContainer li a:hover, div.pageViewMenuOptionsContainer li.pageViewMenuOptionWithSub_selected a, .buttonAnchor, .buttonSubmit, div.pageBlockInner_GridBlock input, div.pageBlockInner_FormBlock button, .pageBlockInner_CalendarBlock .fc-header a {
    color: #115d9b;
}

.buttonAnchorWithColourText {
    color: #115d9b !important;
}

button.buttonAnchor, input.buttonSubmit, a.buttonAnchor,
.pageBlockInner_GridBlock div.gridButtons button.buttonAnchor,
.pageBlockInner_GridBlock div.gridButtons input.buttonSubmit,
.pageBlockInner_GridBlock div.gridButtons a.buttonAnchor {
    background: var(--grey-888888, #888888);
    background: linear-gradient(to bottom, #6e209a 33%, #43145e 66%);
}

    button.buttonAnchor:hover, input.buttonSubmit:hover, a.buttonAnchor:hover,
    .pageBlockInner_GridBlock div.gridButtons button.buttonAnchor:hover,
    .pageBlockInner_GridBlock div.gridButtons input.buttonSubmit:hover,
    .pageBlockInner_GridBlock div.gridButtons a.buttonAnchor:hover {
        background: var(--grey-888888, #888888);
        background: linear-gradient(to bottom, #8126b4 33%, #571a7a 66%);
    }

.pageBlockContainer_SnapInBlock .workspaceColumnsContainer .SnapInPortlet div.pageBlockHeader .headerDivider,
.HomeSnapInHeaderBlock div.pageBlockHeader .headerDivider {
    background: linear-gradient(to right, transparent 0%, #501871 25%, #501871 75%, transparent 100%);
}