:root {
    --bs-font-sans-serif: "Source Sans Pro", Arial, sans-serif;
    --bs-body-font-family: "Source Sans Pro", Arial, sans-serif;
    --bs-body-font-size: 14px;
    --bs-body-line-height: normal;
    --bs-body-color: #000;

    --bs-link-color: #945E00;
    --bs-link-hover-color: #aa6b00;
    --bs-link-color-rgb: #945E00;
    --bs-link-hover-color-rgb: #945E00;

    --bs-primary: #00B3FD;

    --bs-success: #30FF00;
    --bs-form-valid-color: #30FF00;
    --bs-form-valid-border-color: #30FF00;

    --bs-danger: #FF3232;
    --bs-form-invalid-color: #FF3232;
    --bs-form-invalid-border-color: #FF3232;

    /* to override Bootstrap's smooth one */
    scroll-behavior: auto !important;
}

html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden).rfdDecorated[disabled]:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[disabled][type="text"]:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[disabled][type="password"]:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[type="password"],
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdCheckboxUnchecked:hover,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton .rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[type="text"],
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdCheckboxChecked:hover,
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdRadioUnchecked:hover,
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdRadioChecked:hover,
html.RadForm.RadForm_Bootstrap .rfdValidationSummaryControl,
html.RadForm.RadForm_Bootstrap .rfdSelectBox_MetroTouch li,
html.RadForm.RadForm_Bootstrap .rfdRadioUnchecked:hover,
html.RadForm.RadForm_Bootstrap .rfdRadioChecked:hover,
html.RadForm.RadForm_Bootstrap .rfdCheckboxUnchecked,
html.RadForm.RadForm_Bootstrap.rfdGrids .rfdTable th,
html.RadForm.RadForm_Bootstrap.rfdGrids .rfdTable td,
html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden),
html.RadForm.RadForm_Bootstrap .rfdCheckboxChecked,
html.RadForm.RadForm_Bootstrap .rfdRadioUnchecked,
html.RadForm.RadForm_Bootstrap .rfdLoginControl,
html.RadForm.RadForm_Bootstrap .rfdRadioChecked,
html.RadForm.RadForm_Bootstrap .rfdSelectText,
html.RadForm.RadForm_Bootstrap.rfdLabel label,
html.RadForm.RadForm_Bootstrap .rfdDecorated,
html.RadForm.RadForm_Bootstrap .rfdAspLabel,
html.RadForm.RadForm_Bootstrap .riTextBox,
html.RadForm.RadForm_Bootstrap legend,
html.RadForm a.rfdSkinnedButton *,
html.RadForm a.rfdSkinnedButton,
html .RadWindow .rwTitleRow em,
html .RadButton_Bootstrap,
html .RadMenu_Bootstrap,
* {
    font-family: "Source Sans Pro", Arial, sans-serif !important;
}

html .RadCalendar_Bootstrap .rcTitlebar table,
html .RadWindow_Bootstrap .rwDialogPopup,
html.RadForm.RadForm_Bootstrap a.rfdSkinnedButton * {
    font: 14px "Source Sans Pro", Arial, sans-serif !important;
}

html .RadGrid_Bootstrap .rgDetailTable,
html .RadGrid_Bootstrap .rgGroupPanel table,
html .RadGrid_Bootstrap .rgCommandRow table,
html .RadGrid_Bootstrap .rgEditForm table,
html .RadGrid_Bootstrap .rgPager table,
html .RadGrid_Bootstrap .rgMasterTable,
html .RadGrid_Bootstrap .rgDetailTable,
html .RadGrid_Bootstrap .rgGroupPanel table,
html .RadGrid_Bootstrap .rgCommandRow table,
html .RadGrid_Bootstrap .rgEditForm table,
html .RadGrid_Bootstrap .rgPager table,
html .RadGrid_Bootstrap .rgPagerCell,
html .RadDock_Bootstrap div.rdContent,
html body .RadInput_Bootstrap .riTextBox,
html body .RadInputMgr_Bootstrap {
    font: 14px/1.42857143 "Source Sans Pro", Arial, sans-serif !important;
}

html .RadButton {
    font-size: 14px;
}

/* placeholder attribute is not used, instead we have this class */
.riEmpty {
    color: gray !important;
}

/* no hover effect for read only fields */
.riRead:hover {
    background-color: transparent !important;
}




/* Reset stuff here */

/* Reset text action color */

html .RadScheduler .rsMonthView .rsWrap .rsAptContent .rsAptDelete::before,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton .rfdDecorated,
html .RadGrid_Bootstrap .rgPagerCell .rgPagerButton:hover,
html .RadGrid_Bootstrap .rgPagerCell .rgNumPart a:hover,
html .RadGrid_Bootstrap .rgPagerCell .rgPageFirst:hover,
html .RadGrid_Bootstrap .rgPagerCell .rgPagePrev:hover,
html .RadGrid_Bootstrap .rgPagerCell .rgPageNext:hover,
html .RadGrid_Bootstrap .rgPagerCell .rgPageLast:hover,
html .RadButton_Bootstrap.rbButton.rbToggled.rbHovered,
html span.RadButton_Bootstrap.rbSkinnedButton:hover,
html .RadGrid_Bootstrap .rgPagerCell .rgPagerButton,
html .RadGrid_Bootstrap .rgPagerCell .rgNumPart a,
html .RadGrid_Bootstrap .rgPagerCell .rgPageFirst,
html .RadGrid_Bootstrap .rgPagerCell .rgPagePrev,
html .RadGrid_Bootstrap .rgPagerCell .rgPageNext,
html .RadGrid_Bootstrap .rgPagerCell .rgPageLast,
html .RadButton_Bootstrap.rbButton .rbHovered,
html .RadButton_Bootstrap.rbButton.rbHovered,
html.RadForm.RadForm_Bootstrap .rfdDecorated,
html span.RadButton_Bootstrap .rbDecorated,
html .RadDock span.rdCommandButton:hover,
html .RadGrid_Bootstrap .rgCommandCell a,
html .RadDock .rdCenter .rdCommands a,
html .RadTabStrip_Bootstrap .rtsLink,
html .RadButton_Bootstrap.rbButton,
html .RadDock .rdCommandButton,
html .RadGrid_Bootstrap a,
html .task {
    color: var(--color-action);
}

/* Reset border */

html .RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell.rcbInputCellLeft,
html .RadComboBox_Bootstrap .rcbReadOnly .rcbArrowCell.rcbArrowCellRight,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcCalPopup,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton,
html .Bootstrap.RadEditor .reNoBorder div.reContentArea,
html .RadButton_Bootstrap.rbButton.rbToggled.rbHovered,
html .RadDock_Bootstrap td.rdCenter .rdCommands a span,
html .RadComboBox_Bootstrap .rcbFocused .rcbInputCell,
html span.RadButton_Bootstrap .rbSplitRight:active,
html span.RadButton_Bootstrap .rbSplitRight:hover,
html span.RadButton_Bootstrap .rbSplitRight:focus,
html .RadMenu_Bootstrap .rmRootGroup.rmHorizontal,
html .RadMenu_Bootstrap.rmRoundedCorners .rmGroup,
html .RadDock_Bootstrap td.rdCenter .rdCommands a,
html .RadButton_Bootstrap.rbButton .rbHovered,
html .RadComboBox_Bootstrap.RadComboBox table,
html .RadComboBox_Bootstrap table.rcbFocused,
html .RadButton_Bootstrap.rbButton.rbHovered,
html span.RadButton_Bootstrap .rbSplitRight,
html .RadScheduler_Bootstrap .rsAptContent,
html .RadComboBox_Bootstrap .rcbInputCell,
html .RadComboBox_Bootstrap .rcbArrowCell,
html .RadGrid_Bootstrap .rgRefresh:hover,
html .RadDock span.rdCommandButton:hover,
html .Bootstrap.RadEditor .reContentCell,
html .RadGrid_Bootstrap .rgCancel:hover,
html .RadMenu_Bootstrap .rmMultiColumn,
html .RadPicker_Bootstrap .rcTimePopup,
html .RadPicker_Bootstrap .rcCalPopup,
html .RadGrid_Bootstrap .rgSave:hover,
html .RadGrid_Bootstrap .rgAdd:hover,
html .RadTabStrip_Bootstrap .rtsUL,
html body>.RadCalendarPopupShadows,
html .RadMenu_Bootstrap .rmGroup,
html .modalPopup > center > div,
html .RadDock .rdCommandButton,
html .RadWindow_Bootstrap,
html .modalPopup,
html select {
    border: 0 !important;
}

/* Reset background image */

html .RadPivotGrid_Bootstrap .rpgAllFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgFilterFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgRowFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgColumnFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgAggregateFieldsIcon {
    background-image: none;
}

/* Reset background color */

html .RadUpload_Bootstrap .ruStyled .ruFakeInput[readonly="readonly"],
html .RadComboBox_Bootstrap .rcbFocused .rcbReadOnly .rcbInputCell,
html .RadComboBox_Bootstrap .rcbHovered .rcbReadOnly .rcbInputCell,
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a:hover,
html.RadForm.RadForm_Bootstrap .riTextBox[readonly="readonly"],
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton,
html .RadComboBox_Bootstrap.RadComboBox table .rcbInput,
html .RadButton_Bootstrap.rbButton.rbToggled.rbHovered,
html .RadComboBox_Bootstrap .rcbHovered .rcbArrowCell,
html .RadComboBox_Bootstrap .rcbFocused .rcbArrowCell,
html .RadScheduler .rsCategoryGreen .rsAptContent,
html .RadScheduler .rsCategoryRed .rsAptContent,
html .RadButton_Bootstrap.rbButton .rbHovered,
html .RadButton_Bootstrap.rbButton.rbHovered,
html input[type="text"][readonly="readonly"],
html .RadScheduler_Bootstrap .rsAptContent,
html .RadDock span.rdCommandButton:hover,
html .RadGrid_Bootstrap .rgRefresh:hover,
html .RadDock_Bootstrap .rdTitleWrapper,
html .RadGrid_Bootstrap .rgCancel:hover,
html .RadPicker_Bootstrap .rcTimePopup,
html .RadGrid_Bootstrap .rgSave:hover,
html .RadPicker_Bootstrap .rcCalPopup,
html .RadGrid_Bootstrap .rgAdd:hover,
html body>.RadCalendarPopupShadows {
    background-color: transparent;
}

/* Reset box-shadow */

html .RadComboBox_Bootstrap .rcbReadOnly .rcbArrowCell.rcbArrowCellRight,
html .RadComboBox_Bootstrap .rcbReadOnly .rcbInputCell.rcbInputCellLeft,
html .RadUpload_Bootstrap .ruStyled .ruFakeInput[readonly="readonly"],
html .RadComboBox_Bootstrap .rcbFocused .rcbReadOnly .rcbInputCell,
html .RadComboBox_Bootstrap .rcbHovered .rcbReadOnly .rcbInputCell,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton:hover,
html.RadForm.RadForm_Bootstrap .riTextBox[readonly="readonly"],
html .RadCalendar_Bootstrap .rcRow .rcHover:not(.rcToday) a,
html .RadComboBox_Bootstrap.RadComboBox table .rcbInput,
html .RadButton_Bootstrap.rbButton.rbToggled.rbHovered,
html .RadComboBox_Bootstrap .rcbHovered .rcbArrowCell,
html .RadComboBox_Bootstrap .rcbFocused .rcbArrowCell,
html .RadComboBox_Bootstrap .rcbFocused .rcbInputCell,
html .Bootstrap.RadEditor .reEditorModes a:hover,
html .RadCalendarPopup .RadCalendar_Bootstrap,
html .RadButton_Bootstrap.rbButton .rbHovered,
html .RadCalendar_Bootstrap .rcRow .rcToday a,
html .RadButton_Bootstrap.rbButton.rbHovered,
html input[type="text"][readonly="readonly"],
html .RadComboBox_Bootstrap .rcbInputCell,
html .RadComboBox_Bootstrap .rcbArrowCell {
    box-shadow: none;
}

/* Reset border radius */

html .RadMenu_Bootstrap.rmRoundedCorners .rmGroup,
html .RadCalendarPopup .RadCalendar_Bootstrap,
html .RadGrid_Bootstrap .rgRefresh:hover,
html .RadGrid_Bootstrap .rgCancel:hover,
html .RadMenu_Bootstrap .rmMultiColumn,
html .RadGrid_Bootstrap .rgSave:hover,
html .RadGrid_Bootstrap .rgAdd:hover,
html body>.RadCalendarPopupShadows,
html .RadMenu_Bootstrap .rmGroup,
html .RadWindow_Bootstrap,
html .modalPopup {
    border-radius: 0;
}

/* Reset text color black */

html .RadDock_Bootstrap div.rdContent,
html .RadGrid_Bootstrap,
html .RadDock_Bootstrap,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton .rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[type="text"],
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[type="password"],
html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden),
html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden).rfdDecorated[disabled]:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[disabled][type="text"]:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[disabled][type="password"]:hover,
html.RadForm.RadForm_Bootstrap .rfdSelectText,
html.RadForm.RadForm_Bootstrap.rfdLabel label,
html.RadForm.RadForm_Bootstrap .rfdDecorated,
html.RadForm.RadForm_Bootstrap .rfdCheckboxChecked,
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdCheckboxChecked:hover,
html.RadForm.RadForm_Bootstrap .rfdCheckboxUnchecked,
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdCheckboxUnchecked:hover,
html.RadForm.RadForm_Bootstrap .rfdAspLabel,
html.RadForm.RadForm_Bootstrap .rfdRadioUnchecked,
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdRadioUnchecked:hover,
html.RadForm.RadForm_Bootstrap .rfdRadioUnchecked:hover,
html.RadForm.RadForm_Bootstrap .rfdRadioChecked,
html.RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdRadioChecked:hover,
html.RadForm.RadForm_Bootstrap .rfdRadioChecked:hover,
html.RadForm.RadForm_Bootstrap .riTextBox,
html.RadForm.RadForm_Bootstrap .rfdValidationSummaryControl,
html.RadForm.RadForm_Bootstrap .rfdLoginControl,
html.RadForm.RadForm_Bootstrap legend,
html.RadForm.RadForm_Bootstrap .rfdSelectBox_MetroTouch li,
html.RadForm.RadForm_Bootstrap .rfdSelectText,
html.RadForm.RadForm_Bootstrap.rfdGrids .rfdTable th,
html.RadForm.RadForm_Bootstrap.rfdGrids .rfdTable td {
    color: #000;
}

/* Reset border solid color */

html .RadGrid_Bootstrap .rgGroupPanel,
html .RadGrid_Bootstrap .rgCommandCell,
html .RadGrid_Bootstrap .rgRow>td,
html .RadGrid_Bootstrap .rgAltRow>td,
html .RadGrid_Bootstrap .rgEditRow>td,
html .RadGrid_Bootstrap {
    border-color: var(--color-border-solid);
}

/* Reset cursor */

html .RadComboBox_Bootstrap .rcbFocused .rcbReadOnly .rcbInputCell,
html .RadComboBox_Bootstrap .rcbHovered .rcbReadOnly .rcbInputCell,
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a,
html .RadComboBox_Bootstrap.RadComboBox table .rcbInput,
html .RadComboBox_Bootstrap .rcbHovered .rcbArrowCell,
html .RadComboBox_Bootstrap .rcbFocused .rcbArrowCell,
html .RadComboBox_Bootstrap.RadComboBox table a,
html .RadComboBox_Bootstrap.RadComboBox table,
html .RadUpload .ruStyled .ruFileInput,
html select {
    cursor: pointer;
}

/* Icons */

html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label input[type="checkbox"]:checked::before,
html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label input[type="checkbox"]::before,
html .RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout .rtCallout.rtCalloutMiddleLeft::before,
html span.RadButton_Bootstrap.rbSkinnedButton .rbPrimaryIcon.rbDownload::before,
html .RadEditor table.reLayoutWrapper .reToolZone .reResizeCell div::before,
html .RadScheduler .rsMonthView .rsWrap .rsAptContent .rsAptDelete::before,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcTimePopup::before,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcCalPopup::before,
html .RadMenu_Bootstrap .rmHorizontal>.rmItem .rmExpandDown:after,
html .RadMenu_Bootstrap .rmVertical>.rmItem .rmExpandRight:after,
html .RadPivotGrid_Bootstrap .rpgAllFieldsIcon::before,
html .RadPivotGrid_Bootstrap .rpgFilterFieldsIcon::before,
html .RadPivotGrid_Bootstrap .rpgRowFieldsIcon::before,
html .RadPivotGrid_Bootstrap .rpgColumnFieldsIcon::before,
html .RadPivotGrid_Bootstrap .rpgAggregateFieldsIcon::before,
html .RadDock_Bootstrap td.rdCenter .rdCommands a span,
html .RadPicker_BlackMetroTouch .rcTimePopup::before,
html .RadPicker_BlackMetroTouch .rcCalPopup::before,
html .RadDock .rdCommandButton::before,
html .RadDock span.rdCollapse::before,
html .RadDock span.rdExpand::before,
html .RadDock span.rdClose::before {
    font-family: 'bootstrap-icons' !important;
}
html .RadDock span.rdCollapse::before {
    content: '\F286';
}
html .RadDock span.rdExpand::before {
    content: '\F282';
}
html .RadDock span.rdClose::before {
    content: '\F659';
}
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcCalPopup::before,
html .RadPicker_BlackMetroTouch .rcCalPopup::before {
    content: '\F214';
}
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcTimePopup::before,
html .RadPicker_BlackMetroTouch .rcTimePopup::before {
    content: '\F293';
}
html .RadEditor table.reLayoutWrapper .reToolZone .reResizeCell div::before {
    content: '\F123';
}
html span.RadButton_Bootstrap.rbSkinnedButton .rbPrimaryIcon.rbDownload::before {
    content: '\F29B';
}
html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label input[type="checkbox"]::before {
    content: '\F584';
}
html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label input[type="checkbox"]:checked::before {
    content: '\F26C';
}
html .RadMenu_Bootstrap .rmHorizontal>.rmItem .rmExpandDown:after {
    content: '\F282';
}
html .RadMenu_Bootstrap .rmVertical>.rmItem .rmExpandRight:after {
    content: '\F285';
}
html .RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout .rtCallout.rtCalloutMiddleLeft::before {
    content: "\F22D";
}
html .RadScheduler .rsMonthView .rsWrap .rsAptContent .rsAptDelete::before {
    content: '\F5DE';
}
html .RadPivotGrid_Bootstrap .rpgAllFieldsIcon::before {
    content: '';
}
html .RadPivotGrid_Bootstrap .rpgFilterFieldsIcon::before {
    content: '\F3E1';
}
html .RadPivotGrid_Bootstrap .rpgRowFieldsIcon::before {
    content: '\F304';
}
html .RadPivotGrid_Bootstrap .rpgColumnFieldsIcon::before {
    content: '\F303';
}
html .RadPivotGrid_Bootstrap .rpgAggregateFieldsIcon::before {
    content: '\F3E6';
}
html .RadGrid_Bootstrap input.rgRefresh,
html .RadGrid_Bootstrap .rgExpXLS,
html .RadGrid_Bootstrap .rgExpDOC,
html .RadGrid_Bootstrap .rgExpPDF,
html .RadGrid_Bootstrap .rgExpCSV {
    background-position: center;
    background-size: auto;
    margin: 0;
    border: 0;
    width: 26px;
}
html .RadGrid_Bootstrap input.rgRefresh {
    background-image: url('../images/icons/refresh.svg');
}
html .RadGrid_Bootstrap .rgExpXLS {
    background-image: url("../images/icons/filetype-xlsx.svg");
}
html .RadGrid_Bootstrap .rgExpDOC {
    background-image: url("../images/icons/filetype-doc.svg");
}
html .RadGrid_Bootstrap .rgExpPDF {
    background-image: url("../images/icons/filetype-pdf.svg");
}
html .RadGrid_Bootstrap .rgExpCSV {
    background-image: url("../images/icons/filetype-csv.svg");
}

/* Reset Global Telerik classes */

html #ctl00_ctl00_MainBody_dashboardBody_gridReports {
    width: auto !important;
}

html .TelerikModalOverlay {
    background-color: transparent !important;
}
html .RadToolTip_Bootstrap.rtShadow {
    box-shadow: 0 1rem 2.5rem 0.5rem rgba(0, 0, 0, 0.25);
}
html .RadGrid_Bootstrap .rgGroupPanel,
html [id^="tdDrag"],
html [id^="tdGrdDrag"],
html table tr td#tdActions,
html table tr td#tdActionsFail {
    padding: .75rem 1rem;
    background-color: #f7f7f7 !important;
    background-image: repeating-linear-gradient(-225deg, #FFF, #FFF 15px, #F5F6F8 15px, #F5F6F8 40px);
    color: #acacac;
    box-shadow: inset 0 0 4px -1px #cecece, inset 0px 0px 8px 10px white;
    border-radius: .5rem;
    font-size: 11px;
}
html .RadGrid_Bootstrap .rgGroupPanel {
    border-radius: 0;
}
html .RadAjax_Bootstrap .raColor {
    border: 1px dashed var(--color-border-dashed);
    background-color: transparent;
    opacity: 1;
}
html .RadWindow_Bootstrap .rwTable tr td.rwLoading,
html .RadWindow_Bootstrap td.rwWindowContent.rwLoading, .RadWindow_Bootstrap .rwIframeWrapperIOS.rwLoading,
html .RadAjax_Bootstrap .raDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none !important;
    background-color: rgba(0,0,0,0.035);
    backdrop-filter: blur(.125rem);
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/* Very specific */

input.riRead[readonly=readonly] {
    opacity: 1;
    font-size: 15px !important;
}








/* Hover */

.rgExpandCol input,
.rgAltRow a,
.heading .bi,
.rdCommandButton,
.rgRefresh,
.rgExpXLS,
.rgExpPDF,
.rgExpCSV,
.rgExpDOC {
    display: inline-block;
    transition: transform .15s ease-in-out;
}

.rgExpandCol input:hover, .heading .bi:hover, .rdCommandButton:hover, .rgRefresh:hover, .rgExpXLS:hover, .rgExpPDF:hover, .rgExpCSV:hover, .rgExpDOC:hover {
    transform: translateY(2px);
}

.rdCommandButton:hover {
    background-image: none !important;
    box-shadow: none !important;
}

.rdCommandButton:hover:before {
    color: var(--color-action) !important;
}









/* Inputs */

html.RadForm_BlackMetroTouch.RadForm.rfdTextarea textarea:not(.reTextAreaHidden),
html.RadForm_BlackMetroTouch.RadForm.rfdTextarea textarea:not(.reTextAreaHidden)[disabled]:hover,
html .RadWindow_Bootstrap .rwTable .rwDialogInput,
html .RadWindow_Bootstrap .rwTable .rwDialogInput:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="text"].rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="password"].rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="search"].rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="url"].rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="tel"].rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="email"].rfdDecorated,
html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden),
html .RadUpload_Bootstrap .ruStyled .ruFakeInput,
html body .RadInput_BlackMetroTouch .riTextBox,
html.RadForm.RadForm_Bootstrap .riTextBox,
html .RadGrid_Bootstrap .rgFilterBox {
    outline: 0;
    border: 0;
    background: none;
    text-align: left;
    border-radius: 1.75rem;
    box-shadow: var(--input-inset-shadow);
    min-width: auto;
    min-height: auto;
    background-color: transparent;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    transition: all .3s ease-in-out;
    white-space: normal;
    word-break: break-word;
    padding: .5rem 1rem;
    margin: .25rem 0;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
    html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="text"].rfdDecorated:hover,
    html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="password"].rfdDecorated:hover,
    html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="search"].rfdDecorated:hover,
    html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="url"].rfdDecorated:hover,
    html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="tel"].rfdDecorated:hover,
    html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="email"].rfdDecorated:hover,
    html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden):hover,
    html .RadUpload_Bootstrap .ruStyled .ruFakeInput:hover,
    html.RadForm.RadForm_Bootstrap .riTextBox:hover,
    html .RadEditor.Bootstrap.reWrapper:hover{
        background-color: #efefef;
        box-shadow: inset 1rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35);
    }
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="password"].rfdDecorated:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="password"].rfdDecorated:focus,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="search"].rfdDecorated:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="search"].rfdDecorated:focus,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="email"].rfdDecorated:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="email"].rfdDecorated:focus,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="text"].rfdDecorated:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="text"].rfdDecorated:focus,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="url"].rfdDecorated:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="tel"].rfdDecorated:hover,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="url"].rfdDecorated:focus,
html.RadForm.RadForm_Bootstrap.rfdTextbox input[type="tel"].rfdDecorated:focus,
html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden):hover,
html.RadForm.RadForm_Bootstrap.rfdTextarea textarea:not(.reTextAreaHidden):focus {
    outline: 0;
    border: 0;
    background-color: #efefef;
    color: #000;
    box-shadow: var(--input-inset-shadow);
}
html .RadUpload_Bootstrap .ruStyled .ruFakeInput[readonly="readonly"],
html.RadForm.RadForm_Bootstrap .riTextBox[readonly="readonly"],
html input[type="text"][readonly="readonly"] {
    padding: 0;
}
html .RadComboBox_Bootstrap.RadComboBox {
    display: flex;
    align-items: center;
    width: auto !important;
    margin: .25rem 0;
}

html select,
html .RadComboBox_Bootstrap.RadComboBox table {
    position: relative;
    display: inline-flex;
    vertical-align: unset;
    border-radius: 1.75rem;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 52%);
    background-color: #fff;
    width: auto !important;
    vertical-align: unset;
    transition: all .25s ease-in-out;
}
html select:focus,
html select:hover,
html .RadComboBox_Bootstrap.RadComboBox table:hover {
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 100%);
}
html select {
    padding: 7px 5px 3px 8px;
    min-width: 60px;
    margin: .5rem;
}
html select:focus {
    outline: 0;
}
html .RadComboBox_Bootstrap.RadComboBox table tr td.rcbInputCell {
    color: #000;
}
html .RadComboBox_Bootstrap.RadComboBox table .rcbInput {
    padding: 2px 0 0 .5rem;
    line-height: normal;
    vertical-align: unset;
}
html .RadUpload_Bootstrap .ruFileWrap {
    height: auto;
    display: flex;
    align-items: center;
    gap: .5rem;
}
html.RadForm.RadForm_Bootstrap .RadPicker .RadInput {
    overflow: hidden;
}
html.RadForm.RadForm_Bootstrap .RadPicker .riTextBox {
    margin-right: 0;
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
html .RadPicker_BlackMetroTouch .rcCalPopup,
html .RadPicker_BlackMetroTouch .rcTimePopup,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcCalPopup,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcTimePopup {
    border: 0;
    border-radius: 0 1rem 1rem 0;
    background-color: transparent;
    min-height: 34px;
    margin: 0;
    text-indent: 0;
    white-space: nowrap;
    background-image: none;
    position: relative;
    overflow: hidden;
    color: var(--color-action);
}
html .RadPicker_BlackMetroTouch .rcCalPopup::before,
html .RadPicker_BlackMetroTouch .rcTimePopup::before,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcCalPopup::before,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcTimePopup::before {
    text-indent: 0;
    position: relative;
    top: 9px;
    left: 8px;
    padding: 0 30px 0 0;
    transition: top .25s ease-in-out;
}
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcCalPopup:hover::before,
html.RadForm.RadForm_Bootstrap .RadPicker_Bootstrap .rcTimePopup:hover::before {
    top: 11px;
}
html .RadPicker_BlackMetroTouch .rcCalPopup:hover,
html .RadPicker_BlackMetroTouch .rcTimePopup:hover {
    background-color: transparent;
    color: var(--color-action);
    top: 2px;
}
html .RadEditor.reWrapper.reInlineEditorSelected {
    height: auto !important;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reEditorModesCell .reEditorModes ul {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0 !important;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reEditorModesCell .reEditorModes ul li {
    float: none !important;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reEditorModesCell .reEditorModes ul li a {
    border-radius: 0;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reEditorModesCell .reEditorModes ul li a:focus {
    color: var(--color-action);
    box-shadow: none;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reEditorModesCell .reEditorModes ul li:first-of-type a {
    border-radius: 1.75rem 0 0 1.75rem;
    border-right: 1px solid #cbcbcb !important;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reEditorModesCell .reEditorModes ul li:last-of-type a {
    border-radius: 0 1.75rem 1.75rem 0;
    border-left: 1px solid #cbcbcb !important;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reEditorModesCell .reEditorModes ul li a.reMode_selected {
    background-color: var(--color-bg-button-hover);
}
html .RadEditor table.reLayoutWrapper .reToolZone .reBottomZone {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 42px;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reBottomTable {
    padding: .25rem;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reBottomZone div,
html .RadEditor table.reLayoutWrapper .reToolZone .reBottomZone div span {
    line-height: 1 !important;
    font-size: 13px;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reResizeCell {
    position: relative;
    width: 20px !important;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reResizeCell div {
    background-image: none;
    margin: 0;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: -2px;
    bottom: -2px;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reResizeCell div::before {
    font-size: 12px;
    color: rgba(0,0,0,.5);
    color: var(--color-action);
    opacity: .75;
}
html .RadEditor table.reLayoutWrapper .reToolZone .reResizeCell div:hover::before {
    opacity: 1;
}
html .Bootstrap .reModule.reStatistic {
    color: rgba(0,0,0,.5)
}
html body .RadInput_BlackMetroTouch input.riTextBox {
    border: 0;
    background-color: transparent;
}
html .RadWindow_Bootstrap .rwTable .rwDialogInput,
html .RadWindow_Bootstrap .rwTable .rwDialogInput:hover {
    font-size: 14px;
    height: auto;
}
html .RadWindow_Bootstrap .rwTable .rwDialogInput:focus {
    border: 0;
    outline: 0;
    color: inherit;
    background-color: transparent;
    box-shadow: inset 1rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35);
}
html .riSingle .riTextBox,
html .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    height: auto;
}
html body .RadInput input.riTextBox,
html body .RadInputMgr input {
    border: 0;
    padding: .5rem 1rem;
    background-color: transparent;
    box-shadow: var(--input-inset-shadow);
    font-size: 14px;
}
html .RadInput_Bootstrap.riSingle .riTextBox {
    height: auto;
}
html .RadGrid_Bootstrap .rgFilterBox {
    width: auto;
    height: auto;
}
html .RadGrid_Bootstrap .rgFilter {
    position: relative;
    top: 0;
    border: 0;
    background-image: url('../images/icons/filter.svg');
    background-position: center;
    transition: top .15s ease-in-out;
    filter: invert(36%) sepia(92%) saturate(4195%) hue-rotate(38deg) brightness(92%) contrast(101%);
}
html .RadGrid_Bootstrap .rgFilter:hover {
    background-color: transparent;
    top: 2px;
}
html .RadGrid_Bootstrap .rgFilter.rgFiltered {
    background-image: url('../images/icons/funnel-fill.svg');
    background-color: transparent;
}

html.RadForm_BlackMetroTouch.RadForm.rfdTextarea textarea:not(.reTextAreaHidden),
html.RadForm_BlackMetroTouch.RadForm.rfdTextarea textarea:not(.reTextAreaHidden)[disabled]:hover {
    margin: 0;
    font-size: 14px;
    line-height: normal;
    height: auto !important;
    max-height: none;
    border-radius: 1rem;
}
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="text"]:active,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="password"]:active,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="search"]:active,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="url"]:active,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="tel"]:active,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="email"]:active,
html.RadForm_BlackMetroTouch.RadForm.rfdTextarea textarea:not(.reTextAreaHidden):active,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="text"]:focus,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="password"]:focus,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="search"]:focus,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="url"]:focus,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="tel"]:focus,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="email"]:focus,
html.RadForm_BlackMetroTouch.RadForm.rfdTextarea textarea:not(.reTextAreaHidden):focus,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="text"]:hover,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="password"]:hover,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="search"]:hover,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="url"]:hover,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="tel"]:hover,
html.RadForm_BlackMetroTouch.RadForm.rfdTextbox input.rfdDecorated[type="email"]:hover,
html.RadForm_BlackMetroTouch.RadForm.rfdTextarea textarea:not(.reTextAreaHidden):hover {
    border: 0;
    border-color: transparent;
    color: #000;
    background-color: transparent;
}
html body #outer .RadInput_BlackMetroTouch .riTextBox,
html body #outer .RadInputMgr_BlackMetroTouch {
    border-color: transparent;
    color: #000;
    background-color: transparent;
    font-weight: normal;
    font-size: 14px;
}
html .Bootstrap.RadEditor .reNoBorder div.reContentArea {
    outline: 0;
    padding: 0;
}














/* Buttons */

html span.RadButton_Bootstrap.BizPro-button,
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="button"],
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="reset"],
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="submit"],
html.RadForm.RadForm_Bootstrap.rfdButton .rfdSkinnedButton button,
html .PivotGridWindow .rwWindowContent > div input[type="button"],
html .RadGrid_Bootstrap .rgPagerCell .rgPagerButton,
html span.RadButton_Bootstrap.rbSkinnedButton:not(.commentActionButton),
html .Bootstrap.RadEditor a.reMode_selected,
html .Bootstrap.RadEditor .reEditorModes a,
html .RadWindow_Bootstrap a.rwPopupButton,
html div.RadPivotGrid .rpgUpdateButton,
html .RadUpload_Bootstrap .ruButton,
html a[id$="_lnkBtnUpdate"],
html a[id$="_lnkBtnCancel"],
html a[id$="_PerformInsertButton"],
html a[id$="_UpdateButton"],
html a[id$="_CancelButton"],
html input.cm-view {
    border: 0 !important;
    outline: 0;
    box-shadow: none;
    display: inline-flex !important;
    flex-direction: row;
    align-items: center;
    gap: .25rem;
    height: auto;
    min-height: 32px;
    width: auto !important;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    padding: 0 1rem;
    margin: 0;
    background-color: var(--color-bg-button);
    color: var(--color-action);
    border-radius: 1.75rem;
    transition: all .25s ease-in-out;
    cursor: pointer;
}

html a[id$="_CancelButton"] {
    color: var(--color-action) !important;
}

html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton.rfdInputDisabled:hover,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton.rfdInputDisabled:active {
    height: auto;
    color: var(--color-action);
    border-radius: 1.75rem;
    transition: all .25s ease-in-out;
}

html a[id$="_CancelButton"]:hover,
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton:hover {
    color: inherit;
    background-color: var(--color-bg-button-hover);
}

html span.RadButton_Bootstrap .rbDecorated {
    height: auto;
    line-height: normal;
    text-align: left;
    left: auto;
    top: auto;
}
html span.RadButton_Bootstrap .rbDecorated.rbSecondary {
    padding: 0 .75rem 0 0;
}
html span.RadButton_Bootstrap .rbSplitRight {
    background-position: -10px -59px;
}
html span.RadButton_Bootstrap .rbSplitRight:hover,
html span.RadButton_Bootstrap .rbSplitRight:focus,
html span.RadButton_Bootstrap .rbSplitRight:active {
    background-position: -10px -59px;
}

html a[id$="_PerformInsertButton"],
html a[id$="_UpdateButton"],
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="submit"][value^=Save],
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="button"][value^=Save],
html span.RadButton_Bootstrap.rbSkinnedButton.bi.bi-floppy,
html span.RadButton_Bootstrap.rbSkinnedButton.bi.bi-floppy input {
    background-color: var(--color-primary) !important;
    color: #FFF !important;
}
html span.RadButton_Bootstrap.rbSkinnedButton.bi.bi-floppy input {
    background-color: transparent;
}

html a[id$="_PerformInsertButton"]:hover,
html a[id$="_UpdateButton"]:hover,
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="submit"][value^=Save]:hover,
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="button"][value^=Save]:hover,
html span.RadButton_Bootstrap.rbSkinnedButton.bi.bi-floppy:hover {
    background-color: var(--color-primary-hover) !important;
}
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="button"][value^=Delete],
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="button"][value^=Clear],
html.RadForm.RadForm_Bootstrap.rfdButton input.rfdDecorated[type="submit"][value^=Clear],
html span.RadButton_Bootstrap.rbSkinnedButton.bi.bi-arrow-clockwise,
html span.RadButton_Bootstrap.rbSkinnedButton.bi.bi-arrow-clockwise input,
html input[type="button"][value^=Remove],
html input[type="button"][value^=Delete],
html input[type="button"][value^=Cancel] {
    color: var(--color-secondary) !important;
}
html .RadButton_Bootstrap.rbButton.rbIconOnly {
    padding: 0;
    margin: 0 !important;
}
html .RadButton.RadButton_Bootstrap.rbImageButton:not([id^=btn_A_]) {
    background-image: none !important;
    background-color: var(--color-bg-button);
    color: #000 !important;
    border-radius: .5rem;
    display: flex !important;
    text-align: left;
    transition: background-color .25s ease-in-out;
}
html .RadButton.RadButton_Bootstrap.rbImageButton:hover {
    background-color: #E4E4E4 !important;
}
html .RadButton.RadButton_Bootstrap.rbImageButton > span {
    display: flex;
    align-items: flex-end;
    color: var(--color-action) !important;
    line-height: 1;
    padding: 1rem !important;
    font-size: 16px !important;
    letter-spacing: 1px;
}
html span.RadButton_Bootstrap.rbSkinnedButton:hover {
    background-color: var(--color-bg-button-hover);
}
html .RadPivotGrid_Bootstrap .rpgConfigurationPanel .rpgUpdate input,
html .RadPivotGrid_Bootstrap .rpgConfigurationPanel .rpgUpdate label {
    margin: 0;
}
html .RadUpload_Bootstrap .ruRemove:hover {
    text-decoration: none;
}
html .RadUpload_Bootstrap {
    width: auto !important;
}
html .PivotGridWindow .rwWindowContent > div input[type="button"][value^=Cancel] {
    margin-left: .5rem;
}
html .RadWindow_Bootstrap a.rwPopupButton,
html .RadWindow_Bootstrap a.rwPopupButton:hover,
html .RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan,
html .RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan,
html .RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan,
html .RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan {
    background-image: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    border: 0 !important;
    float: none !important;
    cursor: pointer !important;
    border-radius: 1.75rem !important;
    color: var(--color-action) !important;
    line-height: normal !important;
    height: auto !important;
}
html .RadWindow_Bootstrap a.rwPopupButton {
    margin: .5rem .5rem .5rem 0;
}
html .RadWindow_Bootstrap a.rwPopupButton:hover {
    margin: .5rem .5rem .5rem 0 !important;
    padding: 0 1rem !important;
}
html .RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan,
html .RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan,
html .RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan,
html .RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan {
    padding: 0 !important;
}
html .Bootstrap.RadEditor .reEditorModes a:hover {
    background-color: var(--color-bg-button-hover);
    color: var(--color-action);
}
html .Bootstrap.RadEditor .reEditorModes a span {
    background-image: none;
    padding: 0;
    margin: 0;
    line-height: normal;
}
html span.RadButton_Bootstrap.rbSkinnedButton .rbPrimaryIcon.rbDownload {
    background-image: none !important;
    top: 9px !important;
    left: 17px !important;
}
html span.RadButton_Bootstrap.rbSkinnedButton:hover,
html span.RadButton_Bootstrap.rbLinkButton:hover,
html span.RadButton_Bootstrap.rbVerticalButton:hover,
html .RadButton_Bootstrap.rbSkinnedButton:focus,
html span.RadButton_Bootstrap.rbLinkButton:focus,
html span.RadButton_Bootstrap.rbVerticalButton:focus {
    box-shadow: none;
    color: var(--color-action);
    background-color: var(--color-bg-button-hover);
}
html.RadForm.RadForm_Bootstrap button.rfdDecorated {
    color: var(--color-action) !important;
}
html.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton:hover .rfdDecorated {
    background-color: var(--color-bg-button-hover);
}
html.RadForm .rfdDecorated, .RadForm a.rfdSkinnedButton {
    vertical-align: initial;
}

















/* Dropdown */

html .RadComboBoxDropDown_Bootstrap:not(.element_ComboBox_Dropdown) ,
html .RadComboBoxDropDown_Bootstrap:not(.element_ComboBox_Dropdown) .rcbScroll {
    height: auto !important;
}
    html .RadComboBoxDropDown_Bootstrap .rcbScroll {
        padding: 0;
        max-height: max(50vh, 450px);
    }
html .RadComboBoxDropDown_Bootstrap .rcbScroll .rcbList,
html .PivotGridWindow .RadListBox .rlbList {
    display: flex;
    flex-direction: column;
}
html .RadComboBoxDropDown_Bootstrap .rcbScroll .rcbList > li.rcbItem,
html .RadComboBoxDropDown_Bootstrap .rcbScroll .rcbList > li.rcbHovered,
html .RadListBox_Bootstrap .rlbItem {
    line-height: normal;
    padding: .5rem;
    border-bottom: 1px solid var(--color-light);
    cursor: pointer;
    transition: all .35s ease-in-out;
    min-height: auto;
    display: flex;
    align-items: center;
}
html .RadListBox_Bootstrap .rlbItem:first-of-type {
    border-top: 0;
}
html .RadListBox_Bootstrap .rlbGroup {
    border-radius: .25rem;
    margin-right: 40px !important;
}
html .RadListBox_Bootstrap.RadListBoxButtonAreaRight .rlbTemplateContainer {
    margin-right: 40px !important;
}
html .RadComboBoxDropDown .rcbImage {
    width: 20px;
    height: 20px;
    margin: 0 .5rem 0 0;
}
html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem {
    position: relative;
    color: #000;
    transition: all .5s ease-in-out;
}
html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label {
    display: flex;
    align-items: center;
    gap: .5rem;
}
html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label input[type="checkbox"] {
    display: block;
    cursor: pointer;
    background-image: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
html#cm-bizpro-wrapper .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label input[type="checkbox"]::before {
    color: var(--color-action);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .5rem;
}
html .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem label .rlbText {
    padding: 0 0 0 1.5rem;
}
html .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem {
    background-color: transparent;
    color: #000;
    padding: .5rem;
    border: 0;
    border-top: 1px solid var(--color-border-solid);
}

html .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem.rlbSelected,
html .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem.rlbSelected.rlbActive {
    background-color: var(--color-light);
}

html .RadListBox_Bootstrap .rlbGroup .rlbList .rlbItem.rlbHovered {
    background-color: var(--color-dark);
}

.rlbDragClue .rlbList .rlbItem {
    background-color: var(--color-light) !important;
    color: #000 !important;
    padding: .5rem;
    border: 0;
    border-top: 1px solid var(--color-light) !important;
}






















/* Tabs */

html .RadTabStrip_Bootstrap {
    line-height: normal;
    margin: 1rem 0rem;
}
html .RadTabStrip_Bootstrap .rtsLevel1 .rtsLink:hover {
    border-color: white;
}
html .RadTabStripTop_Bootstrap .rtsLI+.rtsLI {
    margin: 0;
    padding: 0;
}
html .RadTabStripTop_Bootstrap .rtsUL {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 1rem 0rem .5rem;
    column-gap: 20px;
    row-gap: 10px;
}
html .RadTabStrip_Bootstrap .rtsLink {
    border: 0;
    position: relative;
    border: 0;
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.065rem;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid white;
    padding: 0;
    transition: top .25s ease-in-out;
    top: 0;
}
html .RadTabStrip .rtsLI {
    padding-bottom: 1px;
}
html .RadTabStrip_Bootstrap .rtsLink:hover {
    top: 2px;
    background-color: transparent !important;
    border-bottom: 0;
    color: var(--color-action) !important;
}
html .RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
    border: 0;

}
html .RadTabStrip_Bootstrap .rtsTxt {
    padding: 0 !important;
}
html .RadTabStrip_Bootstrap .rtsSelected {
    color: #000 !important;
    border-bottom: 2px solid #000 !important;
    pointer-events: none;
}























/* Dashboard 'My Planner Tasks' */

html .RadRotator .rrClipRegion .rrItemsList {
    float: none !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto !important;
    width: 100% !important;
}
html .RadRotator .rrVerticalList.rrItemsList li.rrItem {
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    background-color: var(--color-bg-button);
    border-radius: .5rem;
    transition: all .25s ease-in-out;
}
html .RadRotator .rrVerticalList.rrItemsList li.rrItem:hover {
    background-color: #E4E4E4;
}
html .itemTemplate {
    background-image: none !important;
    width: auto;
    display: flex;
    gap: 0;
    height: auto;
    padding: 8px 16px;
    border-radius: .5rem;
    flex-direction: column;
}
html .itemTemplate[style="background-image: url('/images/dashboard_pending_rotator.png');"] {
    background: linear-gradient(45deg, #00b0ff59 0%, #ffffff00 100%) !important;
}
html .itemTemplate[style="background-image: url('/images/dashboard_overdue_rotator.png');"] {
    background: linear-gradient(45deg, #ff95322e 0%, #ffffff00 100%) !important;
}
html .facdate {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
    height: auto;
    float: none;
}
html .facility,
html .date {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
}
html .facility {
    opacity: .5 !important;
}
html .date {
    color: #000;
    float: none;
    white-space: nowrap;
}
html .task {
    background-image: none !important;
    background-color: var(--color-bg-button);
    color: #000;
    font-size: 16px;
    margin: 0;
    width: auto;
    float: none;
    background-color: transparent;
    line-height: normal;
}

























/* RadMenu_Bootstrap */

html .RadMenu_Bootstrap {
    color: inherit;
}
html .RadMenu a.rmLink {
    display: inline-flex;
    gap: .25rem;
}

.RadMenu_ElementMapping a.rmLink .rmText {
    /* based on what is in telerik */
    padding: 0 24px 1px 0;
}

.RadMenu_ElementMapping a.rmLink.bi::before {
    padding: 0 10px;
    line-height: 20px;
}

html .RadMenu .rmLeftImage {
    margin: 0;
    float: none;
    filter: invert(64%) sepia(86%) saturate(3313%) hue-rotate(15deg) brightness(102%) contrast(103%);
}
html .RadMenu_Bootstrap .rmRootLink {
    color: var(--color-action-inverted);
    padding: .5rem .5rem;
    padding-right: 20px;
    transition: transform .25s ease-in-out;
}
html .RadMenu_Bootstrap .rmHorizontal > .rmItem .rmExpandDown:after {
    border: 0;
    margin: 0rem 0 0 .25rem;
    position: relative;
    top: 3px;
}
html .RadMenu_Bootstrap .rmRootGroup.rmHorizontal {
    padding: .5rem;
    background-color: #343434;
    display: flex;
    flex-wrap: wrap;
}
html .RadMenu_Bootstrap .rmRootGroup .rmItem .rmGroup.rmVertical {
    padding: 0;
}
html .RadMenu_Bootstrap .rmRootLink.rmSelected,
html .RadMenu_Bootstrap .rmRootLink.rmExpanded {
    background-color: #343434;
}
html .RadMenu_Bootstrap .rmRootLink,
html .RadMenu_Bootstrap .rmGroup .rmLink {
    color: var(--color-action-inverted) !important;
}
html .RadMenu_Bootstrap .rmRootLink:hover {
    background-color: #343434;
    color: var(--color-action-inverted);
    transform: translateY(2px);
}
html .RadMenu_Bootstrap .rmGroup .rmSelected,
html .RadMenu_Bootstrap .rmGroup .rmSelected:hover,
html .RadMenu_Bootstrap .rmGroup .rmExpanded,
html .RadMenu_Bootstrap .rmGroup .rmExpanded:hover {
    background-color: #232323;
}

.RadMenu .rmGroup .rmText {
    margin-left: 0 !important;
}

html .RadMenu_Bootstrap .rmGroup .rmLink,
html .RadMenu_Bootstrap .rmGroup div.rmText {
    padding: .75rem 0;
    width: 100%;
}
html .RadMenu_Bootstrap .rmGroup .rmLink:hover,
html .RadMenu_Bootstrap .rmGroup .rmLink.rmFocused,
html .RadMenu_Bootstrap .rmGroup div.rmText:hover {
    background-color: #000;
    color: var(--color-action-inverted) !important;
}

html .RadMenu_Bootstrap .rmGroup div.rmText label {
    color: var(--color-action-inverted) !important;
    font-size: 14px;
}

html .RadMenu_Bootstrap .rmGroup div.rmText label::before {
    color: var(--color-action-inverted) !important;
    margin: 0 5px 0 10px;
}


html .RadMenu_Bootstrap .rmGroup.rmVertical>.rmSeparator {
    margin: 0;
    background-color: #555;
}
html .RadMenu_Bootstrap .rmVertical>.rmItem .rmExpandRight:after {
    margin: 0;
    border: 0;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
html .RadMenu_Bootstrap .rmGroup,
html .RadMenu_Bootstrap.rmRoundedCorners .rmGroup,
html .RadMenu_Bootstrap .rmMultiColumn {
    color: var(--color-action-inverted);
    background-color: #343434;
}
html .RadMenu .rmRoundedCorners ul.rmGroup,
html .rmRoundedCorners .rmGroup ul.rmGroup,
html .rmRoundedCorners ul.rmGroup,
html .rmRoundedCorners .rmPopup {
    margin-top: 0;
}

.RadMenu_MainMenu > ul {
    /* to make sure the menu is in front of the my calendar header */
    /* which is set to z-index 1000 by Telerik */
    z-index: 1500;
}

.RadMenu ul.rmVertical {
    padding-top: 0 !important;
}

.RadMenu a.rmTopArrow,
.RadMenu a.rmBottomArrow {
    background-color: #343434 !important;
    background-image: none !important;
    font-size: 14px;
    padding: .5rem 0 1rem;
    min-height: 20px;
    /* this is because the RadMenu on hover sets z-index */
    /* but it's not a fixed number, but it depends on the number of elements in the RadMenu */
    z-index: 999 !important;
}

.RadMenu a.rmTopArrow {
    border-bottom: var(--color-darker) 1px solid !important;
}

.RadMenu a.rmBottomArrow {
    border-top: var(--color-darker) 1px solid !important;
}

.RadMenu a.rmTopArrow::before,
.RadMenu a.rmBottomArrow::before {
    font-family: bootstrap-icons !important;
    color: var(--color-action-inverted) !important;
    line-height: 20px;
    font-size: 16px;
    margin: 0 !important;
    left: 42.5% !important;
    top: 15% !important;
    border: none !important;
    text-indent: 0;
}

.RadMenu a.rmTopArrow::before {
    content: '\f235' !important;
}

.RadMenu a.rmBottomArrow::before {
    content: '\f229' !important;
}

/* RadDock */

html .RadDockZone {
    border: 0 !important;
    padding: 0;
    border-color: #f5f5f5;
}
html .RadDock,
html .RadDock.rdResizable {
    position: relative;
    box-shadow: 0 .75rem 1rem -0.75rem rgba(0, 0, 0, 0.35);
    border: 1px solid var(--color-border-solid);
    background-color: #FFF;
    border-radius: .5rem;
    margin: 0 0 1rem 0 !important;
}
html .RadDock.rdResizable .rdTable .rdTop {
    margin-bottom: 7px;
}
html .RadDock_Bootstrap .rdTitleWrapper {
    position: relative;
    padding: .5rem 1rem;
    color: #000;
    line-height: normal;
    height: auto;
    border-bottom: 1px solid var(--color-border-solid);
}
html .RadDock.rdRoundedCorner .rdTitleWrapper {
    border-radius: .5rem .5rem 0 0;
    padding: .5rem 1rem;
    background-color: #FFF;
    line-height: normal;
    height: auto;
}
html .RadDock.rdRoundedCorner .rdTitleWrapper .rdTitleBar {
    padding: 0;
}
html .RadDock .rdTitleWrapper .rdTitle {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    text-transform: none;
    text-decoration: none;
    letter-spacing: normal;
    width: 100%;
    max-width: none;
}
html .RadDock .rdCommands,
html body .RadDock_Bootstrap .rdCenter .rdCommands {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    float: none;
}
html .RadDock .rdListItem,
html .RadDock .rdCenter .rdCommands li {
    float: none;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
html .RadDock .rdCenter .rdCommands a {
    padding: 0;
}
html .RadDock .rdCommandButton::before {
    height: auto;
    font-size: 14px;
    color: var(--color-action);
}
html .RadDock.rdRoundedCorner .rdContentWrapper {
    padding: 0;
    border-radius: 0 0 .25rem .25rem;
}
html .RadDock .rdContentWrapper .rdContent {
    margin: 0;
    padding: 1rem;
}
html .RadDock .rdContent > div {
    padding: 5px !important;
}
html .RadDock .rdContent > div > table {
    width: auto;
}
html .RadDock .rdContent#ctl00_ctl00_MainBody_dashboardBody_dockPlannerReports_C > div > table > tbody {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
html .RadDock .rdContent#ctl00_ctl00_MainBody_dashboardBody_dockPlannerReports_C > div > table > tbody > tr > td {
    padding: 0;
}
html .backElement,
html .backElement * {
    width: auto !important;
}

html .RadDock_Bootstrap .rdTable tr.rdTop td.rdLeft,
html .RadDock_Bootstrap .rdTable tr.rdTop td.rdCenter,
html .RadDock_Bootstrap .rdTable tr.rdTop td.rdRight {
    background: none;
    height: auto;
}
html .RadDock_Bootstrap .rdTable tr.rdTop td.rdCenter {
    padding: .5rem;
}
html .RadDock .rdTitleBar {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    max-width: none;
    width: 100%;
}
html .RadDock_Bootstrap div.rdTitleBar em {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    text-transform: none;
    text-decoration: none;
    letter-spacing: normal;
    flex: 1 1 0;
}
html .RadDock_Bootstrap td.rdCenter .rdCommands a,
html .RadDock_Bootstrap td.rdCenter .rdCommands a span {
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
}
html .RadDock_Bootstrap td.rdCenter .rdCommands a span {
    text-indent: 0;
}






















/* RadGrid */

html .RadGrid input[type="image"],
html#cm-bizpro-wrapper .RadGrid_Bootstrap .rgCollapse,
html#cm-bizpro-wrapper .RadGrid_Bootstrap .rgExpand {
    filter: brightness(0) saturate(100%) invert(29%) sepia(93%) saturate(2381%) hue-rotate(37deg) brightness(91%) contrast(101%);
}
html .RadGrid_Bootstrap .bi,
html .RadGrid_Bootstrap a .bi {
    font-size: 16px;
}
html .RadGrid_Bootstrap .rgMasterTable .rgSelectedCell,
html .RadGrid_Bootstrap .rgSelectedRow>td,
html .RadGrid_Bootstrap td.rgEditRow .rgSelectedRow,
html .RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
    background-color: #323232;
    border-color: #323232;
    border-bottom-color: #6a6a6a;
}
html .RadGrid_Bootstrap .rgSelectedRow>td input[type="image"],
html#cm-bizpro-wrapper.RadForm.RadForm_Bootstrap.rfdCheckbox .RadGrid_Bootstrap .rgSelectedRow>td input[type="checkbox"] {
    filter: invert(65%) sepia(62%) saturate(3252%) hue-rotate(11deg) brightness(97%) contrast(101%);
}
html.RadForm.RadForm_Bootstrap.rfdCheckbox .RadGrid_Bootstrap [class$="Row"]>td [disabled=disabled] {
    opacity: .5 !important;
    cursor: not-allowed;
}
html .RadGrid_Bootstrap .rgHeader:first-of-type,
html .RadGrid_Bootstrap th.rgResizeCol:first-of-type,
html .RadGrid_Bootstrap .rgHeaderWrapper:first-of-type,
html .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader:first-of-type {
    border-left: 0;
}
html .RadGrid_Bootstrap .rgHeader,
html .RadGrid_Bootstrap .rgHeader a {
    color: #5f5f5f;
    font-size: 13px;
}
html .RadGrid_Bootstrap td.rgPagerCell {
    padding: 10px;
    background-color: #FFF;
    border: 0;
}
html .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: var(--color-bg-button);
    border: 1px solid var(--color-border-solid);
    color: #000;
}
html .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage span {
    opacity: .5;
}
html .RadGrid .rgPager .RadInput {
    min-width: 50px;
}
html .RadGrid .rgPager .riTextBox {
    margin: 0 !important;
}

html table.rgCommandTable input {
    filter: invert(36%) sepia(92%) saturate(4195%) hue-rotate(38deg) brightness(92%) contrast(101%);
}
html .RadGrid_Bootstrap .rgRow>td,
html .RadGrid_Bootstrap .rgAltRow>td,
html .RadGrid_Bootstrap .rgEditRow>td {
    vertical-align: middle;
}
html .RadGrid_Bootstrap .rgRow>td *,  .rgAltRow a:hover, html .RadGrid_Bootstrap .rgAltRow>td *, html .RadGrid_Bootstrap .rgEditRow>td * {
    vertical-align: middle;
}
html .RadGrid_Bootstrap .rgDrag {
    filter: invert(29%) sepia(27%) saturate(4700%) hue-rotate(32deg) brightness(103%) contrast(102%);
}
html .rgNoRecords td div {
    padding: 1rem;
    opacity: .5;
    font-style: italic;
}
html .RadGrid_Bootstrap .rgGroupItem {
    position: relative;
    display: inline-flex;
    align-items: center;
    border-radius: 1.75rem;
    background-color: #fff;
    line-height: normal;
    color: #000;
    padding: 2px 0 0 14px;
    border: 1px solid var(--color-border-solid);
}
html .RadGrid_Bootstrap .rgSelectedCell a,
html .RadGrid_Bootstrap .rgSelectedRow .rbButton {
    color: var(--color-action-inverted);
    background: transparent;
}
html .RadGrid_Bootstrap .rgSelectedRow a {
    color: var(--color-action-inverted);
}
html .RadGrid_Bootstrap .rgRow>td a,
html .RadGrid_Bootstrap .rgAltRow>td a,
html .RadGrid_Bootstrap .rgSelectedCell a,
html .RadGrid_Bootstrap .rgSelectedRow a  {
    position: relative;
    top: 0;
    transition: top .25s ease-in-out;
}
html .RadGrid_Bootstrap .rgRow>td a:hover,
html .RadGrid_Bootstrap .rgAltRow>td a:hover,
html .RadGrid_Bootstrap .rgSelectedCell a:hover,
html .RadGrid_Bootstrap .rgSelectedRow a:hover {
    top: 2px;
}


/* RadFilter */

div[id$="btnApplyFilterTPanel"] > a,
div[id$="btnApplyFilterPanel"] > a {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem!important;
}

.RadFilter ul li .rfTools a.rfAddExp,
.RadFilter ul li .rfTools a.rfAddGr,
.RadFilter ul li .rfTools a.rfDel {
    border: 0 !important;
    outline: 0;
    background-color: transparent !important;
    text-decoration: none;
    box-shadow: none;
    position: relative;
    max-width: 100%;
    cursor: pointer;
    word-break: normal;
    color: var(--color-action) !important;
    transition: top .25s ease-in-out;
    top: 0;
    filter: invert(36%) sepia(92%) saturate(4195%) hue-rotate(38deg) brightness(92%) contrast(101%);
}

.RadFilter ul li .rfTools a.rfAddExp:hover,
.RadFilter ul li .rfTools a.rfAddGr:hover,
.RadFilter ul li .rfTools a.rfDel:hover {
    background-color: transparent !important;
    top: 2px;
}

.RadFilter ul li .rfTools a.rfAddExp:focus,
.RadFilter ul li .rfTools a.rfAddGr:focus,
.RadFilter ul li .rfTools a.rfDel:focus {
    outline: none !important;
}

.RadFilter ul li .rfMid {
    padding-right: 0.5rem;
}

.RadFilter ul li  input {
    margin: 0 0.5rem !important;
    border-radius: 1.75rem !important;
}

.RadFilter .rfText {
    outline: 0 !important;
    border: 0 !important;
    text-align: left !important;
    border-radius: 1.75rem !important;
    box-shadow: var(--input-inset-shadow) !important;
    min-width: auto !important;
    min-height: auto !important;
    background-color: transparent !important;
    color: #000 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: normal !important;
    transition: all .3s ease-in-out !important;
    white-space: normal !important;
    word-break: break-word !important;
    padding: .5rem 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    background: none !important;
}

.RadFilter .rfText:hover {
    background-color: #efefef !important;
    box-shadow: var(--input-inset-shadow);
}

.RadFilter .RadDateTimePicker {
    min-width: 250px;
}

.RadFilter .RadDateTimePicker .rcInputCell > span {
    overflow: visible !important;
}

.RadFilter .RadDateTimePicker .rcInputCell {
    padding-right: 1rem !important;
}

.RadFilter .RadDateTimePicker a.rcCalPopup,
.RadFilter .RadDateTimePicker a.rcTimePopup {
    transition: top .25s ease-in-out;
    top: 0;
}

.RadFilter .RadDateTimePicker a.rcCalPopup::before,
.RadFilter .RadDateTimePicker a.rcTimePopup::before {
    top: 0 !important;
}

.RadFilter .RadDateTimePicker a.rcCalPopup:hover,
.RadFilter .RadDateTimePicker a.rcTimePopup:hover {
    background-color: transparent !important;
    top: 2px;
    color: var(--color-action);
}

.RadFilter .RadDateTimePicker a.rcCalPopup:hover::before,
.RadFilter .RadDateTimePicker a.rcTimePopup:hover::before {
    top: 2px;
}

.RadFilter .rfOper,
.RadFilter .rfField,
.RadFilter .rfExp {
    color: black !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    position: relative;
    vertical-align: unset !important;
    border-radius: 1.75rem !important;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 52%);
    background-color: #fff;
    width: auto !important;
    transition: all .25s ease-in-out;
    border: unset !important;
    margin-right: 0.5rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.RadFilter .rfOper:hover,
.RadFilter .rfField:hover,
.RadFilter .rfExp:hover {
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 100%);
    background-color: #fff !important;
}

div[id$="filter_rfContextMenu_detached"] ul li a {
    background-color: #fff !important;
    color: black;
    border-top: 1px solid var(--color-light);
    cursor: pointer;
    transition: all .15s ease-in-out;
    padding: 0.5rem 0 !important;
}

div[id$="filter_rfContextMenu_detached"] ul li a:hover {
    background-color: rgb(244 244 244) !important;
}

div[id$="filter_rfContextMenu_detached"] ul li a span {
    color: black !important;
    padding: 0 0.5rem !important;
}

/* RadFileExplorer */

.RadFileExplorer tbody > tr > td > div {
    padding: 0 !important;
    padding-left: 0 !important;
}

.RadFileExplorer .rfeFileExtension,
/* these are more precise, otherwise I cannot override Telerik design */
.RadFileExplorer div.rfeFileExtension,
.RadFileExplorer span.rfeFileExtension  {
    background: none !important;
    padding: 0 !important;
    padding-left: 0 !important;
}

.RadFileExplorer .rfeFileExtension::before {
    font-family: bootstrap-icons !important;
    font-size: 14px !important;
    padding-right: 0.25rem !important;
    line-height: 20px;
    vertical-align: bottom;
    content: "\F392";
}

.RadFileExplorer .rtMinus,
.RadFileExplorer .rtPlus {
    font-family: bootstrap-icons !important;
    background: none !important;
    font-size: 14px !important;
    line-height: 20px;
    vertical-align: bottom;
    margin: 4px 6px 0 -18px !important;
    padding: 0 !important;
    width: 11px !important;
    height: 11px !important;
    cursor: pointer;
}

.RadFileExplorer .rtMinus::before {
    content: "\F229";
}

.RadFileExplorer .rtPlus::before {
    content: "\F231";
}

.RadFileExplorer .rfeFileExtension.ascx::before,
.RadFileExplorer .rfeFileExtension.asp::before,
.RadFileExplorer .rfeFileExtension.aspx::before,
.RadFileExplorer .rfeFileExtension.config::before,
.RadFileExplorer .rfeFileExtension.csproj::before,
.RadFileExplorer .rfeFileExtension.dll::before,
.RadFileExplorer .rfeFileExtension.mdb::before,
.RadFileExplorer .rfeFileExtension.sln::before,
.RadFileExplorer .rfeFileExtension.suo::before,
.RadFileExplorer .rfeFileExtension.swf::before,
.RadFileExplorer .rfeFileExtension.vb::before,
.RadFileExplorer .rfeFileExtension.vbs::before,
.RadFileExplorer .rfeFileExtension.vbproj::before,
.RadFileExplorer .rfeFileExtension.webinfo::before {
    content: "\F362";
}

.RadFileExplorer .rfeFileExtension.folder::before {
    content: "\F3D1";
}

.RadFileExplorer .rfeFileExtension.folderup::before {
    content: "\F235";
    padding: 0 !important;
}

.RadFileExplorer .rfeFileExtension.html::before,
.RadFileExplorer .rfeFileExtension.htm::before,
.RadFileExplorer .rfeFileExtension.xhtml::before,
.RadFileExplorer .rfeFileExtension.hta::before {
    content: "\F749";
}

.RadFileExplorer .rfeFileExtension.exe::before,
.RadFileExplorer .rfeFileExtension.bat::before {
    content: "\F746";
}

.RadFileExplorer .rfeFileExtension.rar::before,
.RadFileExplorer .rfeFileExtension.zip::before,
.RadFileExplorer .rfeFileExtension.ace::before {
    content: "\F391";
}

.RadFileExplorer .rfeFileExtension.psd::before,
.RadFileExplorer .rfeFileExtension.pdd::before {
    content: "\F75B";
}

.RadFileExplorer .rfeFileExtension.js::before {
    content: "\F74C";
}

.RadFileExplorer .rfeFileExtension.css::before {
    content: "\F742";
}

.RadFileExplorer .rfeFileExtension.txt::before {
    content: "\F766";
}

.RadFileExplorer .rfeFileExtension.cs::before {
    content: "\F741";
}

.RadFileExplorer .rfeFileExtension.doc::before,
.RadFileExplorer .rfeFileExtension.docx::before,
.RadFileExplorer .rfeFileExtension.rtf::before,
.RadFileExplorer .rfeFileExtension.dot::before {
    content: "\F38D";
}

.RadFileExplorer .rfeFileExtension.ppt::before,
.RadFileExplorer .rfeFileExtension.pptx::before {
    content: "\F387";
}

.RadFileExplorer .rfeFileExtension.xls::before,
.RadFileExplorer .rfeFileExtension.xlsx::before {
    content: "\F368";
}

.RadFileExplorer .rfeFileExtension.bmp::before,
.RadFileExplorer .rfeFileExtension.gif::before,
.RadFileExplorer .rfeFileExtension.jpg::before,
.RadFileExplorer .rfeFileExtension.jpeg::before,
.RadFileExplorer .rfeFileExtension.jpe::before,
.RadFileExplorer .rfeFileExtension.png::before,
.RadFileExplorer .rfeFileExtension.tif::before,
.RadFileExplorer .rfeFileExtension.tiff::before {
    content: "\F39B";
}

.RadFileExplorer .rfeFileExtension.pdf::before {
    content: "\F63E";
}

.RadFileExplorer .rfeFileExtension.fla::before,
.RadFileExplorer .rfeFileExtension.flv::before,
.RadFileExplorer .rfeFileExtension.mpg::before,
.RadFileExplorer .rfeFileExtension.mpeg::before,
.RadFileExplorer .rfeFileExtension.avi::before,
.RadFileExplorer .rfeFileExtension.gp3::before,
.RadFileExplorer .rfeFileExtension.mov::before,
.RadFileExplorer .rfeFileExtension.mpeg4::before,
.RadFileExplorer .rfeFileExtension.aif::before,
.RadFileExplorer .rfeFileExtension.aiff::before,
.RadFileExplorer .rfeFileExtension.rm::before,
.RadFileExplorer .rfeFileExtension.wmv::before {
    content: "\F37B";
}

.RadFileExplorer .rfeFileExtension.mp3::before,
.RadFileExplorer .rfeFileExtension.mp4::before,
.RadFileExplorer .rfeFileExtension.mid::before,
.RadFileExplorer .rfeFileExtension.midi::before,
.RadFileExplorer .rfeFileExtension.wav::before,
.RadFileExplorer .rfeFileExtension.gp3::before,
.RadFileExplorer .rfeFileExtension.gp4::before,
.RadFileExplorer .rfeFileExtension.gp5::before,
.RadFileExplorer .rfeFileExtension.wma::before,
.RadFileExplorer .rfeFileExtension.ogg::before {
    content: "\F377";
}

.RadFileExplorer .rfeFileExtension.xslt::before,
.RadFileExplorer .rfeFileExtension.xsl::before,
.RadFileExplorer .rfeFileExtension.xml::before {
    content: "\F76B";
}

/* RadWindow */

html .RadWindow_Bootstrap {
    box-shadow: 15px 15px 50px rgba(0,0,0,.3) !important;
    background-color: #FFF;
}
html .RadWindow_Bootstrap .rwTitleRow .rwCorner,
html .RadWindow_Bootstrap .rwTitleRow .rwTitlebar {
    background-color: #F5F5F5;
}
html .RadWindow .rwTopResize {
    font-size: 0;
    line-height: 0;
    height: 0;
    background: none;
}
html .RadWindow .rwTitleRow em {
    padding: 0;
}
html .RadWindow_Bootstrap .rwTitlebarControls {
    height: auto;
    padding: .75rem 0;
    display: block;
}
html .RadWindow_Bootstrap .rwTitlebarControls tbody {
    display: flex;
}
html .RadWindow .rwTitlebarControls td {
    width: auto !important;
}
html .RadWindow .rwTitlebarControls td:nth-of-type(2) {
    width: 100% !important;
}
html .RadWindow_Bootstrap .rwTitlebarControls tbody tr {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
}
html .RadWindow_Bootstrap .rwTable .rwTitlebarControls .rwIcon {
    margin: 0;
}
html:first-child .RadWindow ul.rwControlButtons {
    float: none !important;
    border: 0 !important;
    width: auto !important;
    display: flex;
    gap: .5rem;
}
html .RadWindow_Bootstrap .rwControlButtons {
    margin: 0;
}
html .RadWindow .rwControlButtons li {
    float: none;
    padding: 0;
}
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a {
    border: 0;
    margin: 0;
    height: 20px;
    width: 20px;
    transition: transform .15s ease-in-out;
    filter: invert(39%) sepia(85%) saturate(4187%) hue-rotate(35deg) brightness(88%) contrast(101%);
    background-position: center;
}
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a:hover {
    background-position: center;
}
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a.rwPinButton {
    background-image: url('../images/icons/pin.svg');
}
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a.rwReloadButton {
    background-image: url('../images/icons/arrow-clockwise.svg');
}
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a.rwMaximizeButton {
    background-image: url('../images/icons/fullscreen.svg');
}
html .RadWindow_Bootstrap .rwTable .rwControlButtons li a.rwCloseButton {
    background-image: url('../images/icons/x-lg.svg');
}
html .RadWindow .rwTopLeft,
html .RadWindow .rwTopRight,
html .RadWindow .rwTitlebar {
    background-color: #F5F5F5;
}
html .RadWindow .rwFooterLeft,
html .RadWindow .rwFooterRight,
html .RadWindow .rwFooterCenter {
    background-color: #FFF;
}
html .RadWindow_Bootstrap .rwTable .rwTitlebarControls em {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    margin: 0;
    width: auto !important;
}
html .modalPopup {
    box-shadow: 15px 15px 50px rgba(0,0,0,.3) !important;
    background-color: #FFF;
    padding-bottom: 1rem;
}
html .modalPopup > center > div {
    background-color: #F5F5F5 !important;
    border-bottom: 1px solid #dedede !important;
    padding: .5rem 1rem;
}
html .modalPopup > center > div > div > center {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
}
html .RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout,
html .RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout table.rtWrapper {
    width: auto !important;
    height: auto !important;
}
html .RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout .rtCallout.rtCalloutMiddleLeft {
    background: none;
    margin-left: -10px;
    margin-top: 0;
    width: auto;
    height: auto;
    font-size: 16px;
}
html .RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout .rtCallout.rtCalloutMiddleLeft::before {
    font-size: 16px;
}
html .RadToolTip.RadToolTip_Bootstrap.rtVisibleCallout table.rtWrapper .rtWrapperContent {
    color: #000;
    padding: .5rem;
}
html .RadNotification_Bootstrap .rnTitleBar {
    padding: .25rem .25rem .25rem 1rem;
    display: flex;
    align-items: center;
}
html .RadNotification_Bootstrap .rnTitleBar .rnTitleBarIcon {
    display: none;
}
html .RadNotification_Bootstrap .rnTitleBar .rnTitleBarTitle {
    line-height: normal;
    height: auto;
    width: 100%;
}
html .RadNotification_Bootstrap .RadXmlHttpPanel .rnContent {
    padding: 1rem 1rem 1rem 3.5rem;
}
html .RadNotification_Bootstrap .RadXmlHttpPanel .rnContentWrapper .rnContentIconClipIn {
    margin: 0px 0 -26px 10px;
}
html .RadWindow_Bootstrap .rwWindowContent a.rwPopupButton:hover,
html .RadWindow_Bootstrap a.rwPopupButton:focus {
    background-color: var(--color-bg-button-hover);
    top: 0;
}













/* Calendar */

html .RadScheduler_Bootstrap .rsTopWrap {
    border: 0;
}
html .RadScheduler_Bootstrap .rsContent {
    border: 0;
    border: 1px solid #dedede;
}
html .RadScheduler_Bootstrap tr {
    font-size: 14px;
}
html .RadScheduler .rsApt {
    margin: 0;
}
html .RadScheduler .rsMonthView .rsWrap {
    overflow: hidden;
}
html .RadScheduler .rsMonthView .rsWrap .rsAptContent .rsAptDelete {
    background: none;
    position: absolute;
    top: 1px;
    right: 2px;
    width: auto;
    height: auto;
    text-indent: 0;
    background-color: #FFF;
}
html .RadScheduler .rsMonthView .rsWrap .rsAptContent .rsAptDelete::before {
    font-size: 14px;
    line-height: normal;
}
html .RadScheduler_Bootstrap .rsAptContent {
    color: #000;
    border-radius: 0 !important;
    padding: 2px;
    line-height: 1.2;
    font-size: 12px;
    left: 0;
    position: relative;
    text-indent: 10px;
    display: flex;
}
html .RadScheduler_Bootstrap .rsAptContent::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    left: 2px;
    top: 4px;
    border-radius: 999999px;
    background-color: #00B3FD;
}
html .RadScheduler .rsCategoryRed .rsAptContent::before {
    background-color: #FF3232;
}
html .RadScheduler .rsCategoryGreen .rsAptContent::before {
    background-color: #30FF00;
}
html .RadScheduler_Bootstrap .rsDateHeader {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 2px 0 0 4px;
    color: var(--color-action)
}
html .RadScheduler_Bootstrap .rsContentTable td.rsTodayCell {
    background-color: #F3F3F3;
}
html .RadScheduler_Bootstrap .rsHeader {
    color: #000;
    padding: 1rem 0;
    background: none;
    border-top: 0;
}
html .RadScheduler .rsHeader h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    height: 34px;
    padding: 0 1rem;
    display: flex;
    align-items: center;
}
html .RadScheduler_Bootstrap .rsHorizontalHeaderTable th > div {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
html body>.RadCalendarPopupShadows > div > table {
    border: 1px solid #ebebeb;
    box-shadow: 15px 15px 50px rgba(0,0,0,.3) !important;
    color: #000;
}
html .RadCalendarPopupShadows>.rcShadTR,
html .RadCalendarPopupShadows>.rcShadBL,
html .RadCalendarPopupShadows>.rcShadBR {
    background-image: none;
}
html .RadCalendarPopup .RadCalendar_Bootstrap {
    background-color: #FFF;
}
html .RadCalendarPopup .RadCalendar_Bootstrap caption {
    background-color: #f5f5f5;
    display: none;
}
html .RadCalendar_Bootstrap .rcTitlebar {
    border-color: transparent;
}
html .RadCalendar_Bootstrap .rcMain {
    border-color: whitesmoke;
}
html .RadCalendar_Bootstrap .rcRow .rcToday a {
    border-color: transparent;
    background-color: #966006;
    color: #FFF;
}
html .RadCalendar_Bootstrap .rcRow .rcHover:not(.rcToday) a {
    border-color: transparent;
    background-color: #96600640;
}

/* Calendar Selector */

html .RadCalendar_Bootstrap .rcMain .rcRow .rcSelected a {
    background-color: var(--color-light);
    border-color: var(--color-light);
    font-weight: bold;
}

















/* Pivot View */

html .RadPivotGrid_Bootstrap .rpgAllFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgFilterFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgRowFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgColumnFieldsIcon,
html .RadPivotGrid_Bootstrap .rpgAggregateFieldsIcon {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: .65;
}

html .RadPivotGrid_Bootstrap .rpgChangeLayoutButton {
    background-image: url("../images/icons/columns.svg");
    background-position: center;
    width: 20px;
    filter: invert(32%) sepia(84%) saturate(797%) hue-rotate(10deg) brightness(98%) contrast(101%);
}
html .RadMenu_Bootstrap .rmGroup.rmVertical {
    padding: 0;
}
html .RadMenu .rmGroup .rmLeftImage {
    position: absolute;
    margin: 2px 1px 5px 9px;
}












/* RadEditor */

html .RadEditor.reWrapper .reToolCell {
    padding: 0 !important;
}
html .reToolbar.Bootstrap {
    margin: 0 !important;
}
html .RadEditor.Bootstrap.reWrapper {
    height: auto !important;
    border: 0;
    padding: .5rem;
    background-color: transparent;
    border-radius: .75rem;
    box-shadow: var(--input-inset-shadow);
    box-sizing: border-box;
    transition: all .3s ease-in-out;
}
html .RadEditor.Bootstrap.reWrapper:focus-within {
    box-shadow: var(--input-inset-shadow-hover);
}
html .RadEditor.Bootstrap.reWrapper td iframe {
    border: 0;
}
html .Bootstrap.RadEditor .reModule,
html .Bootstrap.RadEditor .reEditorModes {
    background-color: transparent;
}














/* panelAddInfoHeader */

html #panelAddInfoHeader {
    border-radius: .5rem;
}

html #panelAddInfoHeader .heading {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
html #panelAddInfoHeader .heading > span {
    color: var(--color-action);
}














/* tree view */
.RadTreeView .rtIn.bi::before {
    padding-right: 0.25rem;
}

.RadTreeView .bi.text-action-icon::before {
    color: var(--color-action) !important;
}

.rtSelected .bi.text-action-icon::before {
    color: var(--color-action-inverted) !important;
}

.RadTreeView .rtHover .rtIn {
    border-color: #343434 !important;
    background-color: transparent !important;
}

.RadTreeView .rtHover .rtIn.text-action-icon::before {
    color: var(--color-action) !important;
}

.RadTreeView .rtSelected .rtIn {
    border-color: #343434 !important;
    color: white;
    background-color: #343434 !important;
}

.RadTreeView .rtHover.rtSelected .text-action-icon::before,
.RadTreeView .rtSelected .text-action-icon::before {
    color: var(--color-action-inverted) !important;
}




/* View form, simulate form */

html.RadForm #form #outer {
    background-color: transparent;
}
html.RadForm.RadForm_Black #form #outer #divPageHeader {
    display: flex;
    align-items: center;
}
html.RadForm #form #outer #divPageHeader {
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 1rem;
    align-items: center;
}
html.RadForm #form #outer #divPageHeader p + p {
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
}
html.RadForm #form #outer #divPageHeader p,
html.RadForm #form #outer #divPageHeader p + p {
    margin: 0;
}
html.RadForm #form #outer #divPageFooter {
    color: #FFF;
}
html.RadForm.RadForm_Black #form #outer #dockZone.RadDockZone .RadDock {
    border: 0;
    background-color: #FFF;
    color: #000;
    border-radius: .5rem;
    padding: .5rem 1rem;
    width: auto !important;
}
html.RadForm.RadForm_Black #form #outer #dockZone.RadDockZone .RadDock .rdTitleWrapper {
    background-color: transparent;
    background-image: none;
    padding: 0;
    height: auto;
}
html.RadForm.RadForm_Black #form #outer #dockZone.RadDockZone .RadDock .rdTitleWrapper .rdTitleBar .rdCommands .rdListItem .rdCommandButton:hover {
    background-image: none;
}
html.RadForm.RadForm_Black #form #outer #dockZone.RadDockZone .RadDock .rdContentWrapper .rdContent {
    margin: 1rem 0;
}

html .RadDock_Black,
html .RadDock_Glow,
html .RadDock_BlackMetroTouch {
    background-color: transparent;
    color: #000;
}
html .RadDock_Black .rdTitleWrapper,
html .RadDock_Glow .rdTitleWrapper,
html .RadDock_BlackMetroTouch .rdTitleWrapper {
    background-color: transparent;
    background-image: none;
    padding: 0;
    height: auto;
    padding: .5rem 1rem;
}
html .RadDock_Black .rdContentWrapper .elementTitleShort,
html .RadDock_Glow .rdContentWrapper .elementTitleShort,
html .RadDock_BlackMetroTouch .rdContentWrapper .elementTitleShort {
    color: #000;
}

/* RadEditor dropdowns */
html#cm-bizpro-wrapper > body > .reDropDownBody {
    width: unset !important;
}







/* Comments */


table.commentsTable {
    margin: 1rem 0 0 0;
}
table.commentsTable > tbody {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
table.commentsTable > tbody > tr > td {
    width: 100%;
}
table.commentsTable > tbody > tr > td > table {
    border: 0 !important;
}
table.commentsTable > tbody > tr > td > table > tbody > tr:first-child {
    background-color: transparent !important;

}
table.commentsTable > tbody > tr > td > table > tbody > tr:first-child > td {
    background-color: transparent !important;
    color: #000 !important;
    padding: 0 1rem;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: .75;
}
table.commentsTable > tbody > tr > td > table > tbody > tr:first-child > td a {
    position: relative;
    top: 0;
    text-decoration: none;
    transition: top .25s ease-in-out;
}
table.commentsTable > tbody > tr > td > table > tbody > tr:first-child > td a:hover {
    top: 2px;
}
table.commentsTable > tbody > tr > td > table > tbody > tr:last-child > td {
    background-color: rgba(140, 140, 140, 0.1) !important;
    border-radius: .5rem;
    padding: .75rem 1rem;
    width: auto;
}

table.commentsTable .commentActionButton {
    background-color: transparent !important;
    height: unset !important;
    padding: unset !important;
    border: none !important;
    font-family: "Source Sans Pro", Arial, sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    top: 0;
    transition: top .25s ease-in-out;
    line-height: normal;
    vertical-align: unset;
}

table.commentsTable .commentActionButton:hover {
    top: 2px;
}

table.commentsTable .commentActionButton input {
    font-family: "Source Sans Pro", Arial, sans-serif !important;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}


























/* Reports */

html [id$='_rptViewer_ParametersAreaCell'] {
    background-color: #eeeeee;
    border-bottom: 1px dashed #aaaaaa;
    padding: .5rem;
}
html .ReportToolbar {
    border: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    height: auto;
    background-image: none !important;
    background-color: #EEE;
    padding: .25rem .5rem;
}
html .ReportToolbar .ReportToolbarGroup {
    margin: 0;
    height: auto;
    padding: 0;
    float: none !important;
}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] .NormalButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] .HoverButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] .DisabledButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] .NormalButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] .HoverButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] .DisabledButton {
    border: 0;
    margin: 0;
    background-color: transparent;
    padding: 9px 3px 0 3px;
    position: relative;
    top: 0;
    transition: top .15s ease-in-out;
}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] .NormalButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] .HoverButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] .NormalButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] .HoverButton {
    cursor: pointer;
}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] .HoverButton,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] .HoverButton {
    top: 2px;
}

html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] table,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] table {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0;
}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] table input,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] table input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] table::before,
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] table::before {
    font-family: 'bootstrap-icons';
    font-size: 16px;
    color: var(--color-action);

}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateBack'] table::before {
    content: '\F12A';
}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] table::before {
    content: '\F134';
}
html .ReportToolbar .ReportToolbarGroup [id$='_NavigateForward'] table.DisabledButton {
    opacity: .5;
}
html .ReportToolbar .ReportToolbarGroup .PageNumberText {
    display: flex;
    align-items: center;
}
html .ReportToolbar .ReportToolbarGroup .PageNumberText input[type="text"] {
    margin: 0;
    min-width: 100px;
}
html .ReportToolbar .ReportToolbarGroup .PageNumberText > span {
    min-width: 20px;
    font-size: 14px;
}
html .ReportToolbar .InputButtonClass {
    margin: 0;
}
html .ReportToolbar .InputButtonClass select {
    font-size: 14px;
    padding: 5px 2px 2px 5px;
}
html .ReportToolbar .InputButtonClass .DisabledLink {
    font-size: 14px;
    color: var(--color-action);
    opacity: .5;
}
html [id$='_ReportArea_PreviewFrame'] {
    min-height: calc(100vh - 540px);
}

.trv-report-viewer .trv-pages-area .trv-centered.k-tooltip-validation.k-widget {
    /* over 6000 it blocks the report selector */
    z-index: 5999 !important;
}

/* dialogs */
html.reClassicDialog body {
    padding: 0 !important;
    background: transparent;
}

/* DMS file explorer upload */

div[id$="_windowManagerfileExplorerUpload"] label,
div[id$="_windowManagerfileExplorerUpload"] .ruUploadProgress,
div[id$="_windowManagerfileExplorerUpload"] dl {
    font-size: 14px !important;
}

div[id$="_windowManagerfileExplorerUpload"] ul {
    margin-bottom: 0.5rem;
}

div[id$="_windowManagerfileExplorerUpload"] ul li {
    display: flex;
    width: 100%;
}

div[id$="_windowManagerfileExplorerUpload"] ul li span {
    flex-grow: 1;
}

div[id$="_windowManagerfileExplorerUpload"] .rfeUploadInfoPanel {
    padding: 0.5rem;
    margin: 0.5rem 0;
    border-radius: 0.5rem;
}

div[id$="_windowManagerfileExplorerUpload"] .ruUploadProgress {
    background: none;
}

div[id$="_windowManagerfileExplorerUpload"] .ruUploadProgress::before {
    content: "\F287";
    font-family: bootstrap-icons !important;
    font-size: 11px;
    padding-right: 0.5rem;
}

div[id$="_windowManagerfileExplorerUpload"] .ruUploadSuccess::before {
    color: var(--color-jade);
}

div[id$="_windowManagerfileExplorerUpload"] .ruUploadCancelled::before,
div[id$="_windowManagerfileExplorerUpload"] .ruUploadFailure::before {
    color: var(--color-inverted-cadmium-red);
}


/* RadEditor HyperLink Manager */


html.redLinkManager body .LinkManager {
    overflow-y: auto;
}

.redMainContainer {
    padding: 0 !important;
    background: white;
}

.redMainContainer .redHyperLink .redActionButtonsWrapperExternal {
    padding: 5px 0 0 20px !important;
    position: fixed;
    text-align: left !important;
}

.redMainContainer .redHyperLink .RadTabStrip {
    margin: 0 !important;
    padding: 0 !important;
}

.redMainContainer .redHyperLink > .redWrapper.LinkManager {
    overflow: auto;
}

/* RadEditor HyperLink Manager Icons */

.redMainContainer .redHyperLink > .redWrapper.LinkManager a.reTool span {
    filter: invert(39%) sepia(85%) saturate(4187%) hue-rotate(35deg) brightness(88%) contrast(101%);
    /* old icons have to be positioned properly */
    margin-left: 7px !important;
}

a#emailGenIdBtn span,
a#anchorGenIdBtn span,
a#linkGenIdBtn span {
    background-position: bottom;
    background-image: url("../images/icons/arrow-clockwise.svg");
    /* new icons have to be positioned properly */
    margin-left: 5px !important;
}

/* select dropdown overrides */

.rfdSelect {
    padding: 0 !important;
    margin: 0.25rem 0 !important;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 52%) !important;
    position: relative !important;
    display: inline-flex !important;
    border-radius: 1.75rem !important;
    border: none !important;
    background-color: #fff !important;
    width: 283px !important; /* value taken from bootstrap */
    vertical-align: unset !important;
    transition: all .25s ease-in-out;
    color: black !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.rfdSelect:hover  .rfdSelectOuter,
.rfdSelect:hover .rfdSelectText {
    color: black !important;
}

.rfdSelect .rfdSelectOuter {
    height: auto !important;
    width: auto !important;
}

.rfdSelectBoxDropDown li,
.rfdSelectBox li {
    line-height: normal;
    padding: .5rem;
    border-bottom: 1px solid var(--color-light);
    cursor: pointer;
    transition: all .35s ease-in-out;
    min-height: auto;
    display: flex;
    align-items: center;
}

.rfdSelectBox li.rfdSelectBox_optgroup_label {
    padding-left: 5px !important;
    opacity: 0.75;
}

.rfdSelectBoxDropDown ul  li.rfdSelect_selected,
.rfdSelectBox ul  li.rfdSelect_selected {
    /* lighter than the hover's #eee */
    background-color: #f5f5f5 !important;
    color: black !important;
}

.rfdSelectBoxDropDown .rfdSelect_selected:hover,
.rfdSelectBox .rfdSelect_selected:hover {
    background-color: #eee !important;
    color: black !important;
}

/* cascading list header elements */
.casHeader {
    font-size: 16px;
    font-weight: 700;
    text-align: left !important;
    background-color: transparent !important;
    border: none !important;
    width: unset !important;
    vertical-align: unset !important;
    padding: 0.25rem 0 !important;
}

/********/
/********/
/* eForm fixes */
/********/
/********/

/* eForms long labels */
td.elementTitleShort {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    opacity: 1;
    padding: 0;
    text-align: left;
    line-height: 20px;
}

/* listbox fixes */
.radListBox_HasFullWidth .rlbGroup {
    width: 100%;
}

/* Pivot checkbox fixes */
.rpgFieldsContainer .rpgFieldItem {
    overflow: visible;
}
.rpgFieldsContainer .rpgFieldItem input[type="checkbox"] {
    display: inline-block !important;
    margin-right: 0.25rem !important;
}


/********/
/* element designs */
/********/
/********/
.element_Action,
.element_Button,
.element_Button--dropdown,
.element_ListBox label,
.element_ListBox label .rlbText,
.element_ComboBox_Dropdown .rcbCheckAllItemsHovered label,
.element_ComboBox_Dropdown .rcbCheckAllItems label,
.element_ComboBox_Dropdown ul li label,
.element_Checkbox label,
.element_Checkbox label .rlbText,
.element_radioButton label,
.element_radioButton label .rlbText,
.element_DropDownTree,
.element_Note,
.element_RTFLite,
.element_RTF,
.element_Textarea textarea,
.element_Input input {
    color: black !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

/****/
/* radio button */
/****/

.element_Checkbox input[type="checkbox"]+ label,
.element_radioButton input[type="radio"] + label {
    display: inline-flex !important;
}

.element_Checkbox input[type="checkbox"]+ label::before,
.element_radioButton input[type="radio"] + label::before {
    display: none !important;
}

.element_Checkbox input[type="checkbox"],
.element_radioButton input[type="radio"] {
    display: inline-flex !important;
    background-image: none !important;
    align-items: center;
    gap: .25rem;
    margin-right: 0.5rem;
    cursor: pointer;
}

.element_Checkbox input[type="checkbox"][disabled="disabled"],
.element_radioButton input[type="radio"][disabled="disabled"] {
    cursor: auto;
}

.element_Checkbox input[type="checkbox"][disabled="disabled"]::before,
.element_radioButton input[type="radio"][disabled="disabled"]::before {
    opacity: 0.5;
}


.element_Checkbox input[type="checkbox"]::before,
.element_radioButton input[type="radio"]::before {
    font-family: bootstrap-icons !important;
    color: var(--color-action);
    margin-bottom: 0.25rem;
    margin-left: 0.15rem;
}

.element_Checkbox input[type="checkbox"]::before {
    content: "\F584";
}

.element_radioButton input[type="radio"]::before {
    content: "\F28A";
}

.element_Checkbox input[type="checkbox"]:checked::before {
    content: "\F26C";
}

.element_radioButton input[type="radio"]:checked::before {
    content: "\F26A";
}

/****/
/* note */
/****/
.element_Note {
    font-style: italic;
    padding: 5px;
    width: 800px;
}

/****/
/* list box */
/****/

.element_ListBox .rlbButton .rlbButtonIcon::before {
    color: var(--color-action);
    font-family: bootstrap-icons !important;
}

.element_ListBox .rlbButton .rlbIconMoveUp::before {
    content: '\f235';
}

.element_ListBox .rlbButton .rlbIconMoveDown::before {
    content: '\f229';
}

.element_ListBox .rlbButton .rlbIconDelete::before {
    content: '\f659';
}

/****/
/* combo box */
/****/
.element_ComboBox_Dropdown .rcbCheckAllItemsHovered,
.element_ComboBox_Dropdown .rcbCheckAllItems {
    line-height: normal;
    padding: .5rem !important;
    border-bottom: 1px solid var(--color-light);
    cursor: pointer;
    transition: all .35s ease-in-out;
    min-height: auto;
    display: flex;
    align-items: center;
}

.element_ComboBox_Dropdown .rcbCheckAllItemsHovered > label,
.element_ComboBox_Dropdown .rcbCheckAllItems > label,
.element_ComboBox_Dropdown ul > li > label {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

.element_ComboBox_Dropdown input[type="checkbox"].rcbCheckAllItemsCheckBox,
.element_ComboBox_Dropdown ul > li > label > input[type="checkbox"],
.element_ComboBox_Dropdown ul > li > label > input[type="checkbox"][disabled]:hover,
.element_ComboBox_Dropdown ul > li > label > input[type="checkbox"]:checked,
.element_ComboBox_Dropdown ul > li > label > input[type="checkbox"][disabled]:hover:checked {
    cursor: pointer;
    background-position: center;
    background-image: none !important;
    padding-right: 2rem;
}

.element_ComboBox_Dropdown input[type="checkbox"]::before {
    color: var(--color-action);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .5rem;
    font-family: 'bootstrap-icons' !important;
}

.element_ComboBox_Dropdown input[type="checkbox"]::before,
.element_ComboBox_Dropdown input[type="checkbox"][disabled]:hover::before {
    content: '\F584';
}

.element_ComboBox_Dropdown input[type="checkbox"]:checked::before,
.element_ComboBox_Dropdown input[type="checkbox"][disabled]:hover:checked::before {
    content: '\F26C';
}

/****/
/* text fields */
/****/
.element_Grid textarea:not([id$="HiddenTextarea"]),
.element_Grid input[type="number"],
.element_Grid input[type="text"],
.element_Textarea textarea,
.element_AsyncUpload ul li textarea,
.element_DateTimePicker input,
.element_Input input {
    outline: 0 !important;
    border: 0 !important;
    text-align: left !important;
    border-radius: 1.75rem !important;
    box-shadow: var(--input-inset-shadow) !important;
    min-width: auto !important;
    min-height: auto !important;
    background-color: transparent !important;
    color: #000 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: normal !important;
    transition: all .3s ease-in-out !important;
    white-space: normal !important;
    word-break: break-word !important;
    padding: .5rem 1rem !important;
    margin: .25rem 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* text field statuses */
.element_Grid textarea:not([id$="HiddenTextarea"]).riHover,
.element_Grid textarea:not([id$="HiddenTextarea"]):hover,
.element_Textarea textarea.riHover,
.element_Textarea textarea:hover {
    outline: 0 !important;
    border: 0 !important;
    background-color: #efefef !important;
    color: #000;
    box-shadow: var(--input-inset-shadow);
}

.element_Grid input[type="number"]:hover,
.element_Grid input[type="text"]:hover,
.element_Grid input[type="number"].RiHover,
.element_Grid input[type="text"].RiHover,
.element_Grid .radInputHovered input,
.element_DateTimePicker.radInputHovered input,
.element_DateTimePicker input.riHover,
.element_DateTimePicker input:hover,
.element_Input.radInputHovered input,
.element_Input input.riHover,
.element_Input input:hover {
    background-color: #efefef !important;
    box-shadow: inset 1rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35) !important;
}

.element_Grid textarea:not([id$="HiddenTextarea"]).riFocused,
.element_Grid textarea:not([id$="HiddenTextarea"]):focus,
.element_Textarea textarea.riFocused,
.element_Textarea textarea:focus {
    outline: 0 !important;
    border: 0 !important;
    background-color: #efefef !important;
    color: #000;
    box-shadow: var(--input-inset-shadow);
}

.element_Grid .radInputFocused input,
.element_Grid input[type="number"].riFocused,
.element_Grid input[type="text"].riFocused,
.element_Grid input[type="number"]:focus,
.element_Grid input[type="text"]:focus,
.element_DateTimePicker.radInputFocused input,
.element_DateTimePicker input.riFocused,
.element_DateTimePicker input:focus,
.element_Input.radInputFocused input,
.element_Input input.riFocused,
.element_Input input:focus {
    background-color: #efefef !important;
    box-shadow: inset 1rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35) !important;
}

.element_Grid textarea:not([id$="HiddenTextarea"]).riEmpty,
.element_Grid input[type="number"].riEmpty,
.element_Grid input[type="text"].riEmpty,
.element_Textarea textarea.riEmpty,
.element_DateTimePicker input.riEmpty,
.element_Input input.riEmpty {
    color: gray !important;
}

.element_Grid input[type="number"].riHover[readonly=readonly],
.element_Grid input[type="text"].riHover[readonly=readonly],
.element_Grid input[type="number"]:hover[readonly=readonly],
.element_Grid input[type="text"]:hover[readonly=readonly],
.element_Grid input[type="number"][readonly=readonly],
.element_Grid input[type="text"][readonly=readonly],
.element_Grid textarea:not([id$="HiddenTextarea"]):hover[readonly=readonly],
.element_Grid textarea:not([id$="HiddenTextarea"]).riHover[readonly=readonly],
.element_Grid textarea:not([id$="HiddenTextarea"])[readonly=readonly],
.element_Grid textarea:not([id$="HiddenTextarea"])[readonly=readonly],
.element_DateTimePicker input.riHover[readonly=readonly],
.element_DateTimePicker input:hover[readonly=readonly],
.element_DateTimePicker input[readonly=readonly],
.element_Textarea textarea:hover[readonly=readonly],
.element_Textarea textarea.riHover[readonly=readonly],
.element_Textarea textarea[readonly=readonly],
.element_Input input.riHover[readonly=readonly],
.element_Input input:hover[readonly=readonly],
.element_Input input[readonly=readonly] {
    box-shadow: none !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

/* controls within text fields */
.element_Grid .riDown,
.element_Grid .riUp,
.element_Input .riDown,
.element_Input .riUp {
    display: none !important;
}

.element_Grid a.rcCalPopup,
.element_Grid a.rcTimePopup,
.element_DateTimePicker a.rcCalPopup,
.element_DateTimePicker a.rcTimePopup {
    transition: top .25s ease-in-out;
    top: 0;
    color: var(--color-action);
    background-image: none !important;
    background-position: unset !important;

    border: 0;
    border-radius: 0 1rem 1rem 0;
    background-color: transparent;
    min-height: 34px;
    margin: 0;
    text-indent: 0;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.element_Grid a.rcCalPopup::before,
.element_Grid a.rcTimePopup::before,
.element_DateTimePicker a.rcCalPopup::before,
.element_DateTimePicker a.rcTimePopup::before {
    font-family: 'bootstrap-icons' !important;
    text-indent: 0;
    position: relative;
    top: 9px;
    left: 8px;
    padding: 0 30px 0 0;
    transition: top .25s ease-in-out;
}

.element_Grid a.rcCalPopup::before,
.element_DateTimePicker a.rcCalPopup::before {
    content: '\F214';

}

.element_Grid a.rcTimePopup::before,
.element_DateTimePicker a.rcTimePopup::before {
    content: '\F293';
}

.element_Grid a.rcCalPopup:hover,
.element_Grid a.rcTimePopup:hover,
.element_DateTimePicker a.rcCalPopup:hover,
.element_DateTimePicker a.rcTimePopup:hover {
    background-color: transparent !important;
    top: 2px;
    color: var(--color-action);
}

.element_Grid a.rcCalPopup:hover::before,
.element_Grid a.rcTimePopup:hover::before,
.element_DateTimePicker a.rcCalPopup:hover::before,
.element_DateTimePicker a.rcTimePopup:hover::before {
    top: 11px;
}

/****/
/* Async Upload */
/****/
.element_AsyncUpload ul li {
    width: 100%;
}

.element_AsyncUpload ul li .ruFileWrap.ruStyled {
    display: flex;
    width: 50%;
}

.element_AsyncUpload--wide ul li .ruFileWrap.ruStyled {
    width: 75%;
}

.element_AsyncUpload--wide ul li .ruFileWrap.ruStyled {
    display: inline-flex;
}

.element_AsyncUpload .AdditionalInputs {
    display: block;
}

.element_AsyncUpload ul li textarea {
    resize: none;
}

.element_AsyncUpload ul li textarea:hover,
.element_AsyncUpload ul li .ruFileWrap.ruStyled:hover .ruFakeInput,
.element_AsyncUpload ul li .ruFileWrap.ruStyled .ruFakeInput:hover {
    background-color: #efefef !important;
    box-shadow: inset 1rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35) !important;
}

.element_AsyncUpload ul li .ruButton {
    border: 0 !important;
    outline: 0;
    background-color: transparent !important;
    text-decoration: none;
    box-shadow: none;
    position: relative;
    max-width: 100%;
    cursor: pointer;
    word-break: normal;
    color: var(--color-action);
    transition: top .25s ease-in-out;
    top: 0;
}

.element_AsyncUpload ul li .ruButton.ruRemove {
    color: red;
}

.element_AsyncUpload--wide ul li .ruButton.ruRemove {
    min-height: 44px !important;
}

.element_AsyncUpload ul li .ruButton.ruButtonHover,
.element_AsyncUpload ul li .ruButton:hover {
    background-color: transparent !important;
    top: 2px;
}

.element_AsyncUpload ul li .ruButton.ruButtonFocus,
.element_AsyncUpload ul li .ruButton:focus {
    outline: none;
}

/****/
/* Action and Buttons */
/****/
.element_Action {
    border: 0 !important;
    outline: 0;
    background-color: transparent !important;
    text-decoration: none;
    box-shadow: none;
    position: relative;
    max-width: 100%;
    cursor: pointer;
    word-break: normal;
    color: var(--color-action) !important;
    transition: top .25s ease-in-out;
    top: 0;
}

.element_Action:hover {
    background-color: transparent !important;
    top: 2px;
}

.element_Action:focus {
    outline: none !important;
}

.element_Action--secondary {
    color: var(--color-secondary);
}

.element_Action.bi::before,
.element_Action .bi::before {
    font-size: 16px;
}

/* to fix vertical alignment of bootstrap icons */
.element_Action.bi::before {
    padding-right: 5px;
}
/* to fix horizontal alignment within table */
td .element_Action {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.element_Button--secondary,
.element_Button--primary,
.element_Button {
    border: 0 !important;
    outline: 0;
    box-shadow: none;
    display: inline-flex !important;
    flex-direction: row;
    align-items: center;
    gap: .25rem;
    height: auto;
    min-height: 32px;
    width: auto !important;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-decoration: none;
    padding: 0 1rem;
    margin: 0;
    background-color: var(--color-bg-button);
    color: var(--color-action) !important;
    border-radius: 1.75rem;
    transition: all .25s ease-in-out;
    cursor: pointer !important;
}

.element_Button:hover {
    background-color: var(--color-bg-button-hover);
}

.element_Button--secondary {
    color: var(--color-secondary) !important;
}

.element_Button--primary .rbDecorated,
.element_Button--primary{
    color: #FFF !important;
}

.element_Button--primary {
    background-color: var(--color-primary) !important;
}

.element_Button--primary:hover {
    background-color: var(--color-primary-hover) !important;
}

.element_Button:focus {
    outline: none !important;
}

.element_Button--dropdown {
    padding: 0 15px !important;
    margin: 0.25rem 0 !important;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 52%) !important;
    position: relative;
    display: inline-flex;
    border-radius: 1.75rem !important;
    background-color: #fff !important;
    width: 250px !important; /* value taken from bootstrap */
    vertical-align: unset !important;
    transition: all .25s ease-in-out;
    line-height: 22px;
    color: black !important;
}

.element_Button--dropdown input,
.element_Button--dropdown span {
    color: black !important;
}


/****/
/* Grid */
/****/

.element_Grid table.rgMasterTable tr input[type="checkbox"],
.element_Grid input[type="checkbox"] {
    display: inline-block;
}

.element_Grid input[type="checkbox"],
.element_Grid input[type="checkbox"][disabled]:hover,
.element_Grid input[type="checkbox"]:checked,
.element_Grid input[type="checkbox"][disabled]:hover:checked {
    background-position: center !important;
}

.element_Grid input[type="checkbox"],
.element_Grid input[type="checkbox"][disabled]:hover {
    background-image: url("../images/icons/square.svg") !important;
    filter: invert(36%) sepia(92%) saturate(4195%) hue-rotate(38deg) brightness(92%) contrast(101%);
}

.element_Grid input[type="checkbox"]:checked,
.element_Grid input[type="checkbox"][disabled]:hover:checked {
    background-image: url("../images/icons/square-fill.svg") !important;
}

.element_Grid .rgSelectedRow>td input[type="image"],
.element_Grid .rgSelectedRow>td input[type="checkbox"] {
    filter: invert(65%) sepia(62%) saturate(3252%) hue-rotate(11deg) brightness(97%) contrast(101%);
}

.element_Grid--SmallPager .rgPagerCell.NextPrevAndNumeric {
    display: inline-flex;
    max-width: 400px;
    flex-wrap: wrap;
}

.element_Grid--SmallPager .rgWrap.rgNumPart {
    display: inline-flex;
    margin-bottom: 1rem;
}
.element_Grid--SmallPager .rgWrap.rgArrPart2 {
    margin-right: 2rem;
}


.element_Grid--SmallPager .rgWrap.rgAdvPart {
    display: inline-block;
    margin-left: 0px !important;
}

.element_Grid--SmallPager .rgWrap.rgAdvPart .RadComboBox {
    display: inline-flex;
    max-width: 80px;
}

.element_Grid--SmallPager .rgWrap.rgAdvPart .RadComboBox .rcbInputCellLeft {
    max-width: 50px;
    padding-right: 0;
}

.element_Grid--SmallPager .rgWrap.rgInfoPart {
    display: inline-block;
}

/****/
/* Drop Down Tree */
/****/


.element_DropDownTree .rddtInner,
.element_DropDownTree .rddtInner.rddtFocused,
.element_DropDownTree .rddtInner.rddtExtraPadding {
    position: relative !important;
    display: inline-flex !important;
    vertical-align: unset !important;
    border-radius: 1.75rem !important;
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 52%);
    background-color: #fff !important;
    width: auto !important;
    transition: all .25s ease-in-out;
    color: black !important;
    border-color: transparent !important;
    cursor: pointer;
}

.element_DropDownTree:hover .rddtInner,
.element_DropDownTree:focus .rddtInner {
    box-shadow: 0 0.125rem 0.5rem -0.25rem rgb(0 0 0 / 100%);
}

.element_DropDownTree .rddtIcon,
.element_DropDownTree .rddtClearIcon {
    font-family: "WebComponentsIcons" !important;
}

.rddtPopup .rddtFilterInput {
    margin: .5rem !important;
    width: 95% !important;
}

.rddtPopup .rtDisabled,
.rddtPopup .rtHover .rtDisabled {
    border-color: transparent !important;
    color: rgb(51, 51, 51) !important;
}

.rddtPopup .rtPlusHover,
.rddtPopup .rtPlus,
.rddtPopup .rtMinusHover,
.rddtPopup .rtMinus {
    color: black !important;
}

/* hover effect for textarea */
html .RadEditor.Bootstrap.reWrapper:hover td iframe, html .RadEditor.Bootstrap.reWrapper:hover .reContentCell {
    background-color: transparent !important;
}

/* Calendar month/year colors */
.RadCalendarMonthView_Bootstrap .rcSelected a {
    background: #dcdcdc !important;
    font-weight: 700 !important;
}
.RadCalendarMonthView_Bootstrap #rcMView_OK {
    background: #f4f4f4 !important;
    color: var(--color-action) !important;
}