div.popover:has(div.idocs) {
    max-width: fit-content !important;
    width: fit-content !important;
}

div.popover-body:has(div.idocs) {
    padding-left: 0px;
    padding-right: 0px;
    max-width: fit-content !important;
    width: fit-content !important;
}

div.popover div.popover-body div.idocs {
    padding-left: 0px;
    padding-right: 0px;
}

div.popover div.popover-body div.idocs p {
    margin-top:10px;
}

#topnav_actions a.btn.text-secondary:hover {
    color: var(--bs-primary) !important;
}

#topnav_page_actions ul.breadcrumb li {
    color: var(--bs-primary) !important;
}

#topnav_page_actions a {
    color: var(--bs-primary) !important;
    text-decoration: none !important;
}

#topnav_page_actions a:hover {
    color: var(--bs-primary-text-emphasis) !important;
    text-decoration: underline !important;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-bg: var(--bs-primary-text-emphasis) !important;
    --bs-btn-hover-border-color: var(--bs-primary-text-emphasis) !important;
    --bs-btn-focus-shadow-rgb: 40, 162, 212 !important;
    --bs-btn-active-bg: var(--bs-primary-text-emphasis) !important;
    --bs-btn-active-border-color: var(--bs-primary-text-emphasis) !important;
    --bs-btn-disabled-bg: var(--bs-primary) !important;
    --bs-btn-disabled-border-color: var(--bs-primary) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-bg: var(--bs-primary) !important;
    --bs-btn-hover-border-color: var(--bs-primary-text-emphasis) !important;
    --bs-btn-focus-shadow-rgb: 0, 153, 214 !important;
    --bs-btn-active-bg: var(--bs-primary-text-emphasis) !important;
    --bs-btn-active-border-color: var(--bs-primary-text-emphasis) !important;
    --bs-btn-disabled-color: var(--bs-primary) !important;
    --bs-btn-disabled-border-color: var(--bs-primary) !important;
}

.btn-outline-warning:hover {
    --bs-btn-hover-color: #fff !important;
}

.idocs.btn-outline-secondary:hover {
    color: var(--bs-primary) !important;
    background-color: var(--bs-light) !important;
    border-color: var(--bs-primary) !important;
}

.alert-primary {
    --bs-alert-color: #fff !important;
    --bs-alert-bg: var(--bs-primary) !important;
    --bs-alert-border-color: var(--bs-primary-text-emphasis) !important;
    --bs-alert-link-color: #fff !important;
}

div.form-floating.form-floating-group label {
    color: var(--bs-primary) !important;
}

.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes !important;
}

.alert-primary a {
    color: #fff !important;
}

.alert-primary a:hover {
    color: #fff !important;
}

.alert-primary a.idocs-plain:hover {
    color: #fff !important;
}

.page-link {
    position: unset !important;
}

.input-group:not(.idocs-search) {
    position: unset !important;
}

.input-group .form-control {
    position: unset !important;
}

.form-floating.form-floating-group label {
    font-size: 0.85rem;
    transform: translateY(-0.5rem) translateX(0.15rem) !important;
}

.form-label {
    font-size: 0.85rem;
}

.RadHtmlChart_Bootstrap {
    position: unset !important;
}

.RadWindow .rwDialog:before {
    content: none !important;
}

div.RadWindow div.rwContent div.rwDialogContent div.rwDialogMessage {
    color: var(--bs-primary) !important;
}

div.RadWindow div.rwContent div.rwDialogContent {
    padding-left: 0px !important;
}

div.RadWindow div.rwContent div.rwDialog div.rwDialogButtons button.rwOkBtn {
    background-color: #fff !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
    width: 50px !important;
    float: right !important;
}

div.RadWindow div.rwContent div.rwDialog div.rwDialogButtons button.rwOkBtn:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

div.RadWindow div.rwContent div.rwDialog div.rwDialogButtons button.rwCancelBtn {
    background-color: #fff !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-secondary) !important;
    width: 50px !important;
    float: left !important;
    margin-left: 50px !important;
}

div.RadWindow div.rwContent div.rwDialog div.rwDialogButtons button.rwCancelBtn:hover {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: #fff !important;
}



div.RadGrid_Bootstrap div.rgDataDiv {
    overflow: scroll;
    height: unset !important;
    max-height: 100% !important;
}

    div.RadGrid_Bootstrap div.rgDataDiv::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

div.RadGrid_Bootstrap div.rgDataDiv::-webkit-scrollbar-thumb {
    background: #ccc;
}

div.RadGrid_Bootstrap div.rgHeaderWrapper {
    background-color: transparent !important;
}

div.RadGrid_Bootstrap div.rgHeaderWrapper div.rgHeaderDiv {
    border: none !important;
}

div.RadGrid_Bootstrap div.rgHeaderWrapper div.rgHeaderDiv table.rgMasterTable {
    border: none !important;
}

div.RadGrid_Bootstrap div.rgHeaderWrapper div.rgHeaderDiv table.rgMasterTable thead tr th.rgHeader {
    background-color: transparent !important;
    color: var(--bs-primary) !important;
    border: none !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

div.RadGrid_Bootstrap div.rgHeaderWrapper div.rgHeaderDiv table.rgMasterTable thead tr th.rgHeader a {
    color: var(--bs-primary) !important;
}

div.RadGrid_Bootstrap div.rgHeaderWrapper div.rgHeaderDiv table.rgMasterTable thead tr th.rgHeader button {
    color: var(--bs-primary) !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable {
    border: none !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td {
    border: none !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td {
    overflow: visible !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow {
    background-color: var(--bs-primary) !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow.rgHoveredRow {
    color: var(--bs-primary) !important;
    --bs-bg-opacity: 0.25;
    background-color: rgba(var(--bs-primary-rgb), .25) !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td.rgSorted {
    background-color: transparent !important;
}
    
div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow td {
    background-color: var(--bs-primary) !important;
}

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow td a {
        border-color: #fff !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow.rgHoveredRow td a {
        color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow td a.dropdown-item {
        border-color: #fff !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow.rgHoveredRow td a.dropdown-item {
        color: var(--bs-secondary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td ul.dropdown-menu li a.dropdown-item:active {
        color: #fff !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td ul.dropdown-menu li a.dropdown-item:hover {
        color: #fff !important;
        background-color: var(--bs-primary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td ul.dropdown-menu li hr.dropdown-divider {
        border-top-color: var(--bs-primary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow.rgHoveredRow td ul.dropdown-menu li a.dropdown-item:active {
        color: #fff !important;
        background-color: var(--bs-primary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow.rgHoveredRow td ul.dropdown-menu li a.dropdown-item:hover {
        color: #fff !important;
        background-color: var(--bs-primary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow.rgHoveredRow td ul.dropdown-menu li hr.dropdown-divider {
        border-top-color: var(--bs-primary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td a.btn.show:not(.dropdown-item) {
        color: #fff !important;
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgSelectedRow.rgHoveredRow td a.btn.show:not(.dropdown-item) {
        color: #fff !important;
        background-color: var(--bs-primary) !important;
        border-color: #fff !important;
    }

    div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgHoveredRow td:not(.bg-danger, .bg-success, .bg-warning, .bg-secondary, .bg-primary, .bg-info) {
        background-color: transparent !important;
        color: var(--bs-primary) !important;
    }

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.rgHoveredRow td.rgSorted {
    background-color: transparent !important;
    color: var(--bs-primary) !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager {
    background-color: transparent !important;
    color: var(--bs-secondary) !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager {
    font-size: 1em !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager ul.pagination li.page-item a.page-link {
    font-size: 1em !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager select {
    font-size: 1em !important;
    color: var(--bs-secondary) !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager div.input-group input.form-control {
    font-size: 1em !important;
    color: var(--bs-secondary) !important;
    height: 31px !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager div.input-group a.form-control {
    font-size: 1em !important;
    color: var(--bs-secondary) !important;
    height: 31px !important;
    text-decoration: none !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager div.input-group a.form-control:hover {
    background-color: var(--bs-light) !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager span {
    font-size: 1em !important;
    color: var(--bs-primary) !important;
    padding-top: 2px !important;
}

div.RadGrid_Bootstrap table.rgMasterTable thead tr.rgPager div.idocs-pager span.idocs-filter-summary {
    color: var(--bs-success) !important;
}

.rgMasterTable tbody tr td span.riSelect a.riUp.pt-1,
.rgMasterTable tbody tr td span.riSelect a.riDown.pt-1 {
    padding-top: 0 !important;
}

div.RadGrid_Bootstrap div[id$="_Frozen"] {
    overflow-y: hidden !important;
    overflow-x: scroll !important;
}

    div.RadGrid_Bootstrap div[id$="_Frozen"]::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

div.RadGrid_Bootstrap div[id$="_Frozen"]::-webkit-scrollbar-thumb {
    background: #ccc;
}

div.RadGrid_Bootstrap td.rgDragCol a.rgDragIcon {
    color: #6C757D !important;
    padding: 1px 0 0 0 !important;
}

.RadMenu_Bootstrap_Context ul {
    border-style: solid none !important;
    border-width: 2px !important;
    border-color: #dee2e6 !important;
    border-radius: 0 !important;
    background-color: var(--bs-light) !important;
    box-shadow: 0 0 3px rgba(0,0,0,0.175)
}

.RadMenu_Bootstrap_Context ul li span {
    padding: 10px !important;
    font-family: "OpenSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: var(--bs-primary) !important;
}

.RadMenu_Bootstrap_Context ul li span.rmLeftImage {
    display: none !important;
}

.RadMenu_Bootstrap_Context ul li.rmFocused {
    box-shadow: none !important;
}

.RadMenu_Bootstrap_Context ul li.rmSeparator {
    border-color: var(--bs-primary) !important;
}

.RadMenu_Bootstrap_Context ul li:hover span {
    background-color: #bfe5f5 !important;
}

div.RadMenu_Bootstrap_Context ul {
    padding: 0px !important;
}

div.RadMenu_Bootstrap_Context ul li.rmItem a.rmLink {
    padding: 0px !important;
}

div.RadMenu_Bootstrap_Context ul li.rmItem a.rmLink span.rmText {
    margin: 0 !important;
    padding-right: 20px !important;
}

div.RadMenu_Bootstrap_Context ul li.rmItem span.rmLink {
    padding: 0px !important;
}

div.RadMenu_Bootstrap_Context ul li.rmItem span.rmLink span.rmText {
    margin: 0px !important;
}

.GridContextMenu_Bootstrap ul li span.rmLeftImage {
    display: none !important;
}

.RadMenu_Bootstrap_Context ul li:hover .rmSlide ul li span {
    background-color: var(--bs-light) !important;
}

    .RadMenu_Bootstrap_Context ul li:hover .rmSlide ul li span:hover {
        background-color: #bfe5f5 !important;
    }

.GridContextMenu_Bootstrap ul li .rmSlide ul li span {
    background-color: transparent !important;
    color: var(--bs-primary) !important;
}

    .GridContextMenu_Bootstrap ul li .rmSlide ul li span:has(input[type=checkbox]) {
        padding: 0px !important;
    }

    .GridContextMenu_Bootstrap ul li .rmSlide ul li span input[type=checkbox] {
        margin: 0px !important;
        padding: 0px !important;
        margin-right: 10px !important;
    }

.GridContextMenu_Bootstrap ul li .rmSlide ul li:hover {
    background-color: #bfe5f5 !important;
    color: #fff !important;
}

    .GridContextMenu_Bootstrap ul li .rmSlide ul li:hover span {
        color: var(--bs-primary) !important;
        background-color: #bfe5f5 !important;
    }

    .GridContextMenu_Bootstrap ul li .rmSlide ul li:hover span input[type=checkbox] {
        color: var(--bs-primary) !important;
        background-color: #bfe5f5 !important;
    }

span.GridReorderTop_Bootstrap {
    color: var(--bs-primary) !important;
}

span.GridReorderBottom_Bootstrap {
    color: var(--bs-primary) !important;
}

div.RadCalendarPopup {
    z-index: 999999999 !important;
}

div.RadCalendar_Bootstrap {
    color: var(--bs-secondary) !important;
}

div.RadCalendar_Bootstrap div.rcTitlebar {
    background-color: var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

div.RadCalendar_Bootstrap div.rcTitlebar a:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

div.RadCalendar_Bootstrap div.rcMain table.rcMainTable thead tr.rcWeek th {
    background-color: var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow th {
    background-color: var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow td {
    background-color: transparent !important;
    border-color: transparent !important;
}

    div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow td.rcToday {
        background-color: var(--bs-gray-500) !important;
        border-color: #fff !important;
    }

        div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow td.rcToday:hover {
            background-color: var(--bs-gray-500) !important;
            border-color: #fff !important;
        }

    div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow td.rcToday a {
        color: #fff !important;
    }


div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow td.rcSelected {
    background-color: var(--bs-primary) !important;
    border-color: #fff !important;
}

div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow td a {
    background-color: transparent !important;
    border-color: transparent !important;
}

div.RadCalendar_Bootstrap div.rcMain table.rcMainTable tbody tr.rcRow td a:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-primary) !important;
}

div.RadCalendarFastNavPopup {
    z-index: 9999999999 !important;
}

div.RadCalendarFastNavPopup table.RadCalendarMonthView_Bootstrap {
    color: var(--bs-secondary) !important;
}

div.RadCalendarFastNavPopup table.RadCalendarMonthView_Bootstrap tbody tr td a:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-primary) !important;
}


div.RadCalendarFastNavPopup table.RadCalendarMonthView_Bootstrap tbody tr td.rcSelected a {
    background-color: var(--bs-primary) !important;
    border-color: #fff !important;
}

div.RadCalendarFastNavPopup table.RadCalendarMonthView_Bootstrap tbody tr td.rcSelected a:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--bs-primary) !important;
}

div.RadCalendarFastNavPopup table.RadCalendarMonthView_Bootstrap tbody tr td.rcButtons a {
    background-color: transparent !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary) !important;
}

div.RadCalendarFastNavPopup table.RadCalendarMonthView_Bootstrap tbody tr td.rcButtons a:hover {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

div.RadGrid_Bootstrap, div.RadPivotGrid_Bootstrap {
    border: none !important;
    color: var(--bs-secondary) !important;
    background-color: transparent !important;
    font-size: 0.8em !important;
    font-family: "OpenSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.RadPivotGrid_Bootstrap .rpgColumnHeader, .RadPivotGrid_Bootstrap .rpgColumnHeaderGrandTotal {
    color: var(--bs-primary) !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
}

.RadPivotGrid_Bootstrap .rpgColumnsZone {
    color: var(--bs-primary) !important;
    vertical-align: middle !important;
}

.RadPivotGrid_Bootstrap .rpgColumnHeader, .RadPivotGrid_Bootstrap .rpgColumnHeaderGrandTotal {
    background-color: transparent !important;
}

.RadPivotGrid_Bootstrap .rpgColumnHeader {
    background-color: transparent !important;
    font-weight: bold !important;
    border-style: solid none solid none !important;
}

.RadPivotGrid_Bootstrap .rpgRowHeader, .RadPivotGrid_Bootstrap .rpgRowHeaderGrandTotal {
    color: var(--bs-primary) !important;
    font-weight: bold !important;
}

.RadPivotGrid_Bootstrap .rpgDataCell, .RadPivotGrid_Bootstrap th {
    border-style: solid none solid none !important;
    background-color: transparent !important;
}

.RadPivotGrid_Bootstrap tr.rpgPager.rpgPagerTop, .RadPivotGrid_Bootstrap tr.rpgPager.rpgPagerTop td {
    background-color: transparent !important;
}

div.offcanvas-header .btn-close {
    color: var(--bs-secondary) !important;
}

div.offcanvas-header .btn-close:hover {
    color: var(--bs-primary) !important;
}

.offcanvas-title {
    color: var(--bs-primary);
}

div.popover div.popover-body div.idocs ul.nav li.nav-item:hover {
    background-color: var(--bs-light);
}

div.popover div.popover-body div.idocs ul.nav li.nav-item a.nav-link {
    color: var(--bs-secondary);
}

div.popover div.popover-body div.idocs ul.nav li.nav-item a.nav-link:hover {
    color: var(--bs-primary);
}

div.sidebarMenu div.sidebarOpen ul.nav li.nav-item:hover {
    background-color: var(--bs-light);
}

div.sidebarMenu div.sidebarOpen ul.nav li.nav-item:hover a {
    color: var(--bs-primary) !important;
}

div.sidebarClosed a:hover {
    color: var(--bs-primary) !important;
}

div.sidebarToggle a:hover {
    color: var(--bs-primary) !important;
}

div.accordion.idocs div.accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

div.accordion.idocs div.accordion-item .accordion-button:hover {
    background-color: var(--bs-light);
}

div.accordion.idocs div.accordion-item {
    border: none;
    box-shadow: none;
}

div.accordion.idocs div.accordion-body {
    padding-top:0px;
}

div.accordion.idocs .accordion-button:hover {
    background-color: var(--bs-light);
}

div.accordion.idocs .accordion-button:hover small {
    color: var(--bs-primary) !important;
}

div.accordion.idocs a:hover {
    background-color: var(--bs-light);
}

div.RadAjaxPanel {
    display: unset !important;
}

div.idocs-search i.fa-magnifying-glass {
    position: absolute !important;
    top: 10px !important;
    left: 5px !important;
    z-index: 100 !important;
}

div.idocs-search div.idocs {
    width: 300px !important;
    text-indent: 15px !important;
}

a.idocs-plain {
    text-decoration: none;
}

a.idocs-plain:hover {
    text-decoration: underline;
    color: var(--bs-primary) !important;
}

a.idocs-plain-same-colour {
    text-decoration: none;
}

a.idocs-plain-same-colour:hover {
    text-decoration: underline;
}

.popover {
    z-index: auto !important;
}

div#topnav_search div.RadAutoCompleteBox.idocs {
    font-size: small !important;
    color: var(--bs-secondary);
}

div#topnav_search div.RadAutoCompleteBox.idocs div.racTokenList {
    padding-top: 6px !important;
}

div#topnav_search div .RadAutoCompleteBox.idocs div.racTokenList span.racToken {
    border-style: none !important;
    color: var(--bs-secondary);
    background-color: unset !important;
    padding-right: 15px !important;
}

div#topnav_search div.RadAutoCompleteBox.idocs div.racTokenList span.racToken a.racRemoveTokenLink {
text-decoration: none !important;
font-size: 1px;
margin-top: -8px !important;
display:none !important;
}

div#topnav_search div.RadAutoCompleteBox.idocs div.racTokenList span.racToken a.racRemoveTokenLink:hover {
    text-decoration: underline !important;
}

div#topnav_search div.RadAutoCompleteBox.idocs div.racTokenList input.racEmptyMessage {
    font-style: unset !important;
    padding-top: 2px !important;
    color: var(--bs-secondary);
}

.RadAutoCompleteBoxPopup .racList .racItem {
    padding:0 !important;
}

.RadAutoCompleteBoxPopup .racList .racItem:hover {
    background-color : transparent !important;
}

.RadAjax_Bootstrap .raDiv {
    background-image : none !important;
}

ul.idocs-pager li.page-item a.page-link {
    color: var(--bs-secondary) !important;
    position: unset !important;
    font-size: 0.85em !important;
}

ul.idocs-pager li.page-item.active a.page-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

select.idocs-pager-pages {
    font-size: 0.85em !important;
}

input.idocs-pager-pages {
    font-size: 0.85em !important;
    height: 34px !important;
}

button.idocs-pager-pages {
    font-size: 0.85em !important;
    height: 34px !important;
    border: var(--bs-gray-300) !important;
    border-style: solid !important;
    border-width: 1px !important;
}

button.idocs-pager-pages:hover {
    background-color: var(--bs-light) !important;
}

span.idocs-pager-summary {
    font-size: 0.85em !important;
}

ul li.list-group-item.idocs-hov:hover {
    background-color: var(--bs-light) !important;
    border-color: var(--bs-primary) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 5px !important;
    color: var(--bs-primary) !important;
}

ul li.list-group-item.idocs-hov:hover a {
    color: var(--bs-primary) !important;
}

input[type=password].RadInputMgr_Bootstrap {
    width: 100% !important;
}

.idocs-password-weak {
    font-size: 0.875em !important;
    background-color: var(--bs-danger) !important;
    color: #fff !important;
    padding: 3px !important;
    border-width: 1px !important;
    border-radius: 5px !important;
}

.idocs-password-medium {
    font-size: 0.875em !important;
    background-color: var(--bs-warning) !important;
    color: #fff !important;
    padding: 3px !important;
    border-width: 1px !important;
    border-radius: 5px !important;
}

.idocs-password-strong {
    font-size: 0.875em !important;
    background-color: var(--bs-success) !important;
    color: #fff !important;
    padding: 3px !important;
    border-width: 1px !important;
    border-radius: 5px !important;
}

.idocs-showhide-toggle {
    position:absolute; 
    top:21px; 
    right:30px;
    color: var(--bs-primary) !important;
}

.idocs-auto-complete {
    background-color: var(--bs-light) !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--bs-primary) !important;
}

.idocs-auto-complete:empty {
    border: none !important;
    overflow: hidden !important;
}

.idocs-auto-complete-item {
    color: var(--bs-primary) !important;
    padding: 5px !important;
}

.idocs-auto-complete-item-selected {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    padding: 5px !important;
}

.form-floating > .form-select {
    padding-bottom: 0;
}

div.idocs-uploader ul.ruInputs li.ruSelectWrap span.ruFileWrap span.ruButton {
    color: var(--bs-primary) !important;
    border-color: var(--bs-gray-300) !important;
    margin: 0px !important;
}

div.idocs-uploader ul.ruInputs li.ruSelectWrap span.ruFileWrap span.ruButton.ruButtonHover {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-600) !important;
    color: var(--bs-gray-600) !important;
}

div.idocs-dropzone {
    margin-left: 10px;
    border-style: dashed;
    border-width: 2px;
    border-color: var(--bs-gray-300);
    height: 37px;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
    color: var(--bs-primary);
    text-align: center;
    padding-top: 3px;
    font-style: italic;
    border-radius: 5px;
}

div.idocs-dropzone.is-invalid {
    border-style: solid;
    border-width: 1px;
    border-color: var(--bs-danger);
    color: var(--bs-danger);
}

div.idocs-dropzone:hover {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-600) !important;
    color: var(--bs-gray-600) !important;
}

div.idocs-timeline div.idocs-timeline-group div.idocs-timeline-item {
    margin-bottom: 50px !important;
}

div.idocs-timeline div.idocs-timeline-group div.idocs-timeline-item div.idocs-timeline-item-chain {
    height: 100% !important;
    position: relative !important;
}

div.idocs-timeline div.idocs-timeline-group div.idocs-timeline-item div.idocs-timeline-item-chain div.idocs-timeline-item-chain-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    border-radius: 50% !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--bs-primary) !important;
    padding: 10px !important;
}

div.idocs-timeline div.idocs-timeline-group div.idocs-timeline-item div.idocs-timeline-item-chain span.idocs-timeline-item-chain-bar {
    display: none !important;
}

div.idocs-timeline div.idocs-timeline-group div.idocs-timeline-item:not(:last-child) div.idocs-timeline-item-chain span.idocs-timeline-item-chain-bar {
    position: absolute !important;
    display: block !important;
    height: calc(100% - 5px) !important;
    left: 26px !important;
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-right-color: var(--bs-primary) !important;
}

.idocs-modal-backdrop {
    background-color: var(--bs-light);
    opacity: 0.5;
}

.idocs-modal {
    background-color: white;
    border-color: var(--bs-gray-300);
    border-width: 2px;
    border-style: solid;
    border-radius: 0px 0px 10px 10px;
}

.idocs-modal-header {
    border-bottom-color: var(--bs-gray-300);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 10px;
    height: 65px;
    padding-top: 15px;
    color: var(--bs-primary);
    text-transform: uppercase;
    cursor:move;
}

.idocs-modal-body {
    padding: 10px;
    overflow: auto;
}

.idocs-modal-footer {
    border-top-color: var(--bs-gray-300);
    border-top-style: solid;
    border-top-width: 1px;
    padding: 10px;
    height: 65px;
    padding-bottom: 15px;
}

.idocs-modal-input {
    z-index: 200001 !important;
}

.idocs-modal-confirm {
    z-index: 300001 !important;
}

.table.idocs-table thead tr th {
    font-size: 0.875em !important;
    text-transform: uppercase !important;
    color: var(--bs-primary) !important;
}

.table.idocs-table tbody tr td {
    font-size: 0.875em !important;
    color: var(--bs-secondary) !important;
}

.table.idocs-table {
    --bs-table-hover-bg: var(--bs-light) !important;
    --bs-table-hover-color: var(--bs-secondary) !important;
}

.RadWizard_Bootstrap .rwzSelected .rwzLink, .RadWizard_Bootstrap .rwzSelected .rwzLink:before {
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-primary) !important;
}

.RadWizard_Bootstrap .rwzProgress {
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-primary) !important;
}

.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: transparent !important;
    border-radius: var(--bs-border-radius);
}

div.k-layer {
    width: 100% !important;
}

.RadInput_Bootstrap {
    font-family: var(--bs-font-sans-serif) !important;
}

.form-floating.form-floating-group input, .form-floating.form-floating-group textarea {
    padding-top: 33px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.form-floating input {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    height: 32px !important;
    min-height: 32px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.form-check input {
    margin-top: 7px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.form-floating select {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    height: 32px !important;
    min-height: 32px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.form-floating div.RadInput_Bootstrap input {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    height: 30px !important;
    min-height: 30px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.form-floating div.RadInput_Bootstrap {
    height: 32px !important;
    min-height: 32px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.form-floating div.RadPicker_Bootstrap input {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    height: 30px !important;
    min-height: 30px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.form-floating div.RadPicker_Bootstrap {
    height: 32px !important;
    min-height: 32px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.form-floating:has(ul.idocs-auto-complete) {
    position:static !important;
 }

div.toast-container {
    z-index: 20000 !important;
}

.toast.text-bg-primary .toast-body a {
    color: #fff;
}

div.in-grid div.input-group div.form-floating input {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    height: 30px !important;
    min-height: 30px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.input-group-text {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.input-group-text a.idocs-datapicker {
    font-size: 10px !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow td div div.input-group div.input-group-text a.idocs-datapicker i {
    font-size: 16px !important;
}

.RadListBox_Bootstrap .rlbHeader, .RadListBox_Bootstrap .rlbBody {
    font-family: "OpenSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

    .RadListBox_Bootstrap .rlbHeader label {
        color: var(--bs-primary);
        font-size: 0.85rem;
        padding-right: 0.5rem;
    }

.RadColorPicker_Bootstrap.RadColorPicker {
    width: 75px !important;
}

div.blocking-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}

div.RadGrid_Bootstrap select, div.RadGrid_Bootstrap input {
    font-family: "OpenSans-Regular", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-size: 0.8rem !important;
}

a.btn.btn-link { padding: 0 !important; font-size: 14px; }

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.row-type-historic.batch-style-0 td {
    color: var(--bs-primary) !important;
    --bs-bg-opacity: 0.25;
    background-color: rgba(var(--bs-primary-rgb), .25) !important;
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.row-type-historic.batch-style-1 td {
    
}

div.RadGrid_Bootstrap div.rgDataDiv table.rgMasterTable tbody tr.rgRow.row-type-current td {
    color: var(--bs-secondary) !important;
    --bs-bg-opacity: 0.4;
    background-color: rgba(var(--bs-primary-rgb), .40) !important;
}

div.RadWindow_Bootstrap div.rwTitleBar div.rwTitleWrapper {
    background-color: #fff;
    height: 40px;
}

div.RadWindow_Bootstrap div.rwTitleBar div.rwTitleWrapper span.rwIcon {
    display: none;
}

div.RadWindow_Bootstrap div.rwTitleBar div.rwTitleWrapper span.rwTitle {
    display: none;
}

div.RadWindow_Bootstrap div.rwTitleBar div.rwTitleWrapper ul.rwCommands {
    display: none;
}

div.RadWindow_Bootstrap div.rwContent::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

div.RadWindow_Bootstrap div.rwContent::-webkit-scrollbar-thumb {
    background: #ccc;
}

div.RadWindow_Bootstrap div.rwContent div.popup-header h5 {
    position: absolute;
    top: 15px;
    left: 10px;
}

div.RadWindow_Bootstrap div.rwContent div.popup-header a {
    position: absolute;
    top: 15px;
    right: 10px;
}

div.RadTreeView_Bootstrap {
    font-family: inherit;
    color: var(--bs-secondary);
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}

div.RadTreeView_Bootstrap.idocs-menu-flush ul li {
    padding-left: 5px !important;
}

div.RadTreeView_Bootstrap ul.rtUL {
    width: 100%;
}

div.RadTreeView_Bootstrap div.rtOut {
    width: 100%;
}

div.RadTreeView_Bootstrap div.rtOut.rtSelected {
    width: 100%;
}

div.RadTreeView_Bootstrap div.rtOut.rtHover {
    color: var(--bs-primary);
    border-color: var(--bs-light);
    background-color: var(--bs-light);
}

div.RadTreeView_Bootstrap div.rtOut.rtSelected div.rtIn {
    color: var(--bs-secondary);
    border-color: transparent;
    background-color: transparent;
}

div.RadTreeView_Bootstrap div.rtIn {
    width: 100%;
}

div.RadTreeView_Bootstrap div.rtOut.rtHover div.rtIn {
    color: var(--bs-primary);
    border-color: transparent;
    background-color: transparent;
}

div.RadTreeView_Bootstrap div.rtIn div.rtTemplate {
    text-wrap: wrap;
}

div.RadTreeView_Bootstrap div.rtIn div.rtTemplate a {
    width: 100%;
    color: var(--bs-secondary);
    text-decoration: none;
    text-wrap: wrap;
}

div.RadTreeView_Bootstrap div.rtOut.rtHover div.rtIn div.rtTemplate a {
    color: var(--bs-primary);
}

.role-permissions.RadTreeView_Bootstrap .rtPlus {
    background-position: -64px -161px;
}

.role-permissions.RadTreeView_Bootstrap .rtMinus {
    background-position: -64px -61px;
}

div.RadToolTip_Bootstrap {
    border-color: var(--bs-secondary-border-subtle);
    background-color: #fff;
}

div.RadToolTip_Bootstrap div.rtRelativeWrapper span.rtCallout {
    border-color: var(--bs-secondary-border-subtle);
    background-color: #fff;
}

div.RadToolTip_Bootstrap div.rtRelativeWrapper span.rtCallout:before {
    border-color: #fff;
}

div.RadToolTip_Bootstrap.idocs-override {
    border-color: var(--bs-black);
    background-color: var(--bs-black);
    color: var(--bs-white);
}

div.RadToolTip_Bootstrap.idocs-override div.rtRelativeWrapper span.rtCallout {
    border-color: var(--bs-black);
    background-color: var(--bs-black);
}

div.RadToolTip_Bootstrap div.rtRelativeWrapper div.rtContent {
    padding: 10px;
    font-size: 14px;
}

.RadListBox_Bootstrap.rlb-pair .rlbList {
    min-height: 131px;
    max-height: 250px;
}

.draggable {
    cursor: grab;
}

.workflow-designer-steps {
    overflow-y: auto;
    background-image: url('../images/chevron_right.png');
    background-repeat: repeat-x;
    background-color: rgba(255,255,255,0.97);
    background-blend-mode: lighten;
    background-position-y: center;
}

    .workflow-designer-steps .workflow-designer-step {
        background-color: var(--bs-light) !important;
        min-width: 250px;
        max-width: 250px;
        width: 250px;
    }

        .workflow-designer-steps .workflow-designer-step div.drop-target {
            border: none !important;
        }

        @keyframes animateWorkflowDesignerDropTarget {
            0% { background-color: rgba(var(--bs-primary-rgb), 0.25); }
            50% { background-color: rgba(var(--bs-primary-rgb), 1); }
            100% { background-color: rgba(var(--bs-primary-rgb), 0.25); }
        }

        .workflow-designer-steps .workflow-designer-step .animated-step-droptarget-background {
            animation: animateWorkflowDesignerDropTarget ease;
            animation-iteration-count: infinite;
            animation-duration: 2.5s;
            animation-fill-mode: both;
        }


.idocs-btn-microsoft {
    display: inline-block;
    padding-top: 7px;
    height: 41px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: 'Segoe UI';
    font-size: 15px;
    font-weight: 600;
    color: #5E5E5E;
    background: #FFFFFF;
    border: 1px solid #8C8C8C;
}

.idocs-btn-microsoft img {
    padding-right: 12px;
}