div.RadPanelBar .rpText {
    display: inline-block;
    overflow: visible;
}

div.RadPanelBar .rpLink {
    padding: 5px 10px;
}

.RadPanelBar .rpLink::before {
    /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */
    font-size: 24px;
    position: absolute;
    left: 15px;
}

.RadPanelBar .rpText {
    /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */
    color: var(--DarkBackgroundColour);
    padding-left: 4.4em;
}

div.RadPanelBar {
    /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */
    line-height: 20px;
}

.RadMenu .rmRootGroup .rmRootLink .rmText {
    color: var(--DarkBackgroundColour);
}


.RadMenu .rmText {
    color: var(--DarkBackgroundColour);
}

.RadPanelBar_Actis {
    border: none !important;
    color: var(--MainBackgroundColour) !important;
    background-color: var(--DarkBlue) !important;
    background-image: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#divNavigationContainer .RadPanelBar_Actis {
    color: var(--DarkBackgroundColour) !important;
    background-color: var(--MainBackgroundColour) !important;
}

.SidebarNavigationContainer {
    padding: 0px 0px 0px 0px;
}

div.RadMenu_Material .rmGroup,
div.RadMenu_Material .rmRootGroup,
div.RadMenu_Material .rmMultiColumn,
div.RadMenu_Material .rmPopup {
    background-color: var(--DarkBlue);
    border-color: var(--DarkBlue);
}

.RadMenu .rmRootGroup .rmImage, .RadMenu .rmRootGroup .rmLeftImage {
    height: 32px;
    width: 32px;
}

.RadMenu .rmGroup .rmImage, .RadMenu .rmGroup .rmLeftImage {
    height: 24px;
    width: 24px;
    margin-top: -10px !important;
}

.RadMenu .rmGroup .rmLink {
    height: 24px;
    line-height: 24px;
}

.RadMenu .rmRootGroup.rmVertical .rmRootLink {
    height: 32px;
    line-height: 30px;
}

.RadPanelBar_Actis .rpRootLink,
.RadPanelBar_Actis .rpHeaderTemplate {
    border: none;
    background-color: var(--MainBackgroundColour) !important;
    background-image: none !important;
}

.rpExpandable {
    font-weight: bold
}

.RadPanelBar_Actis .rpGroup .rpLink {
    border-radius: 2px;
}

.RadPanelBar_Actis .rpExpandHandle {
    border-radius: 2px;
}

.RadPanelBar_Actis .rpLink .rpHovered {
    border: none;
    background-color: var(--MainBackgroundColour) !important;
    text-decoration: none;
}

.RadPanelBar_Actis .rpRootLink .rpHovered {
    border: none !important;
    background-color: var(--MainBackgroundColour) !important;
    text-decoration: none;
}

.RadPanelBar_Actis .rpLink .rpExpandable {
    border: none;
    background-color: var(--MainBackgroundColour) !important;
    background-image: none !important;
    text-decoration: none !important;
    font-weight: bold;
}

    .RadPanelBar_Actis .rpLink .rpExpandable .rpHovered {
        border: none;
        background-color: var(--MainBackgroundColour) !important;
        text-decoration: none !important;
    }
/*
.RadPanelBar_Actis .rpExpandHandle.rpHovered {
    border-color: #aaaaaa;
}

.RadPanelBar_Actis .rpSelected .rpExpandHandle .rpHovered {
    border-color: #676767;
}

.RadPanelBar_Actis .rpRootLink .rpExpandHandle.rpHovered {
    border-color: #ababab;
}

.RadPanelBar_Actis .rpRootLink.rpSelected .rpExpandHandle.rpHovered {
    border-color: #919191;
}
    */
.RadPanelBar_Actis .rpLink.rpFocused {
    border-color: #676767;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.RadPanelBar_Actis .rpRootLink.rpFocused {
    border-color: #919191;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.RadPanelBar_Actis .rpLink.rpSelected {
    background-color: var(--MainBackgroundColour);
    background-image: None !important;
    border: 1px solid grey;
    border-radius: 3px;
}

.RadPanelBar_Actis .rpRootLink.rpSelected {
    background-color: var(--MainBackgroundColour);
    background-image: none;
}

.RadPanelBar .rpImage {
    height: 32px;
    width: 32px;
    padding-right: 5px;
}

.RadPanelBar .rpSlide .rpImage /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    height: 24px;
    width: 24px;
    padding-right: 20px;
}

.rpRootLink {
    font-weight: bold;
    text-decoration: none;
}

    .rpRootLink:hover {
        font-weight: bold;
        text-decoration: none;
    }

    .rpRootLink .rpImage /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
        width: 8px;
    }

.rpExpandHandle { /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */
    width: 17px !important;
    height: 26px !important;
    right: 0px !important;
    border: none !important;
}

.rpExpanded .rpExpandHandle { /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */
    width: 17px !important;
    height: 26px !important;
    right: 0px !important;
    border: none !important;
}

.rpExpandHandle:hover { /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */
    width: 17px !important;
    height: 26px !important;
    right: 0px !important;
    border: none !important;
}

.rpExpanded .rpExpandHandle:hover /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    width: 17px !important;
    height: 26px !important;
    right: 0px !important;
    border: none !important;
}

.rpExpandHandle .t-font-icon {
    display: none !important;
}

.k-tooltip-content {
    background-color: var(--MainBackgroundColour);
    padding: 10px;
    border: 1px solid var(--DarkBackgroundColour);
    border-radius: 6px;
}

.text {
    padding-left: 1em;
}

li.rtbLI {
    padding-top: 0px;
}

div.RadWindow_Material .rwTitleBar {
    background-color: var(--MidPurple);
}

div.RadTabStrip_Telerik .rtsLevel1 .rtsHovered .rtsLink {
    border-color: var(--DarkBackgroundColour);
    background-color: var(--DarkBackgroundColour);
    background-image: none;
    color: var(--MainBackgroundColour);
}
div.RadWindow_Material div.rwDialogButtons button {
    color: var(--button-colour) !important;
    background-color: var(--button-background) !important;
    border-width: 1px !important;
    border-color: var(--button-border-colour) !important;
    font-weight: bold;
    font-family: var(--actis-font-family);
    font-size: x-small;
    border-style: solid;
    border-radius: 4px;
    padding: 4px 10px !important;
    height: 22px !important;
    text-transform: none;
    line-height: normal;
    min-width: 0px;
}

    div.RadWindow_Material div.rwDialogButtons button:hover {
        color: white !important;
        background-color: var(--MidPurple) !important;
        font-size: x-small !important;
        height: 22px !important;
        font-weight: 700 !important;
        padding: 4px 10px !important;
        line-height: normal;
        min-width: 0px;
    }

div.rwDialogMessage {
    font-family: var(--actis-font-family);
}

div.RadWindow_Material {
    color: var(--DarkBlue);
    box-shadow:none;
}

div.RadScheduler_Silk .rsButton {
    border-color: var(--button-border-colour);
    color: var(--button-colour);
    background-color: var(--button-background);
    font-weight: bold;
    background-image: none;
}

    div.RadScheduler_Silk .rsHovered > .rsButton,
    div.RadScheduler_Silk .rsButton.rsHovered,
    div.RadScheduler_Silk .rsButton:hover {
        border-color: var(--MidPurple);
        color: #fff;
        background-color: var(--MidPurple);
        background-image: none;
    }

    div.RadScheduler_Silk .rsSelected > .rsButton,
    div.RadScheduler_Silk .rsPressed > .rsButton,
    div.RadScheduler_Silk .rsButton:active,
    div.RadScheduler_Silk .rsButton.rsPressed {
        border-color: var(--MidPurple);
        color: #fff;
        background-color: var(--MidPurple);
        background-image: none;
    }

div.RadScheduler_Silk .rsAptCreate,
div.RadScheduler_Silk .rsSelectedSlot {
    border-color: var(--LightBlue);
    color: #333;
    background-color: var(--LightBlue);
}

div.RadScheduler_Silk {
    /* border-color: var(--button-border-colour); */
    /* color: var(--DarkBlue); */
    /* background-color: var(--PaleGrey); */
}

div.RadToolBar_Material .rtbFocused .rtbButton,
Div.RadToolBar_Material .rtbFocused.rtbMore {
    box-shadow: none;
}

.RadCheckBox.RadButton {
    padding: 0;
    margin: 3px 3px 3px 4px;
}

.RadButton .rbIcon::before {
    box-shadow: none !important;
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: var(--MidPurple);
}

.RadCheckBox.RadButton.rbHovered .rbIcon::before {
    color: var(--DarkerBlue) !important;
}

.RadButton.rbHovered .rbIcon::before {
    color: white !important;
}

.RadCheckBox.RadButton .p-i-checkbox:before {
    font-family: var(--fa-style-family);
    content: "\f0c8";
    font-weight: 300 !important;
    color: #767676;
}

.RadCheckBox.RadButton:hover .p-i-checkbox:before {
    color: #4f4f4f;
}

.RadCheckBox.RadButton .p-i-checkbox-checked:before,
.RadCheckBox.RadButton .rfdCheckboxChecked:before {
    font-family: var(--fa-style-family);
    content: "\f14a";
    font-weight: 900;
    color: var(--DarkBlue);
}

input[type='checkbox'], input[type='radio'] {
    accent-color: var(--DarkBlue);
    line-height: normal;
    width: 18px;
    height: 18px;
}

    input[type='checkbox']:not([disabled]),
    input[type='radio']:not([disabled]) {
        cursor: pointer;
    }

    div.RadButton.rbDisabled, button.RadButton.rbDisabled{
        cursor:no-drop;
    }
input[type='checkbox'] {
    margin: 4px 0;
}

    input[type="checkbox"] ~ label, input[type="checkbox"] + span {
        position: relative;
        top: -4px;
        margin-left: 4px;
    }

label + input[type='checkbox'] {
    position: relative;
    top: 4px;
    margin-left: 4px;
}

input[type="radio"] {
    margin-top: 0px;
    vertical-align: middle;
}

.RadCheckBox.RadButton:hover .p-i-checkbox-checked:before {
    color: var(--DarkerBlue);
}

.ListManagerRow input[type='checkbox'],
.ListManagerGrid>:not(#GridParameters)>input[type='checkbox'],
.Grid input[type='checkbox'] {
    margin: 0;
    width: auto;
    height: auto;
}

div.RadWindow .rwDialogButtons {
    text-align: center;
}


button.RadButton_Material.rbButton {
    color: var(--button-colour) !important;
    background-color: var(--button-background) !important;
    border-width: 1px !important;
    font-family: var(--actis-font-family);
    font-size: x-small;
    font-weight: 700 !important;
    text-transform: none !important;
    min-width: 0px;
    box-shadow: none;
    padding: 4px 10px !important;
}

    button.RadButton_Material.rbButton:hover {
        color: white !important;
        background-color: var(--MidPurple) !important;
        border-width: 1px !important;
        font-family: var(--actis-font-family);
        font-size: x-small !important;
        font-weight: 700 !important;
        text-transform: none !important;
        min-width: 0px;
        box-shadow: none;
        padding: 4px 10px !important;
    }

div.RadToolTip .rtClose {
    width: 18px;
    height: 18px;
    border-color: var(--Pink);
}

div.RadToolTip_Default .rtClose {
    background-image: none;
    background-color: white;
}

div.RadToolTip .rtCloseIcon {
    color: var(--Pink);
}

    div.RadToolTip .rtCloseIcon:Hover {
        color: white;
    }

    div.RadToolTip .rtCloseIcon:before {
        line-height: 1.3;
    }

div.RadToolTip_Default .rtClose:hover {
    border-color: var(--Pink);
    background-color: var(--Pink);
    background-image: none;
}

.RadWindow .rwDialog:before {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro") !important;
    font-weight: var(--fa-style) !important;

}

div.RadWindow.unknown .rwAlertDialog:before {
    content: "";
}

div.RadWindow.info .rwAlertDialog:before {
    content: "\f05a";
}

div.RadWindow.warning .rwAlertDialog:before {
    content: "\f071";
    color: var(--Yellow);
    font-weight: 900 !important;
}

div.RadWindow.error .rwAlertDialog:before {
    content: "\f06a";
    color: var(--SoftRed);
    font-weight: 900 !important;
}

div.RadWindow.question .rwAlertDialog:before,
div.RadWindow.question .rwConfirmDialog:before {
    content: "\f059";
}

.t-i-expand-s:before, .t-i-expand-down:before, .p-i-expand-s:before, .p-i-expand-down:before, .p-i-arrow-chevron-down:before {
    content: "\f13a" !important;
}

.t-i-expand-n:before, .t-i-expand-up:before, .p-i-expand-n:before, .p-i-expand-up:before, .p-i-arrow-chevron-up:before {
    content: "\f139" !important;
}

rwDialog .p-icon {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro") !important;
    color: var(--DarkBlue);
    font-weight: var(--fa-style) !important;
    position: relative;
    left: -6px;
}

    rwDialog .p-icon:hover {
        font-weight: 900 !important;
        color: var(--Pink);
    }

    rwDialog .p-icon:before {
        font-size: 24px !important;
    }