@font-face {
    font-family: ConnXFont;
    src: url(Fonts/Inter-VariableFont.ttf) format("truetype");
    font-style: normal
}

body {
    padding-right: 0 !important;
}

/* Swal2 padding-right: 16px issue. */
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: visible !important;
}

html.swal2-shown,
body.swal2-shown {
    overflow-y: visible !important;
    height: auto !important;
}

button * {
    pointer-events: none;
}

body .RadGrid_Material .t-button {
    color: var(--connx-grey-shade-40)
}

body .RadGrid_Material .t-button:hover {
    border-color: var(--connx-grey-tint-85);
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-grey-tint-85)
}

body .RadGrid_Material .t-button:active {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-grey-tint-65)
}

body .RadGrid_Material .rgInput,
body .RadGrid_Material .rgEditRow>td>[type="text"],
body .RadGrid_Material .rgEditForm td>[type="text"],
body .RadGrid_Material .rgBatchContainer>[type="text"],
body .RadGrid_Material .rgFilterBox {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-grey-shade-35);
}

body .RadGrid_Material .rgInput:hover,
body .RadGrid_Material .rgEditRow>td>[type="text"]:hover,
body .RadGrid_Material .rgEditForm td>[type="text"]:hover,
body .RadGrid_Material .rgBatchContainer>[type="text"]:hover,
body .RadGrid_Material .rgFilterBox:hover {
    border-color: var(--connx-grey-tint-30);
    color: var(--connx-grey-shade-35);
}

body .RadGrid_Material .rgInput:focus,
body .RadGrid_Material .rgEditRow>td>[type="text"]:focus,
body .RadGrid_Material .rgEditForm td>[type="text"]:focus,
body .RadGrid_Material .rgBatchContainer>[type="text"]:focus,
body .RadGrid_Material .rgFilterBox:focus {
    color: var(--connx-grey-shade-35);
}

body .RadGrid_Material .rgEditForm label {
    color: var(--connx-grey-shade-05);
}


body .RadGrid_Material th.rgResizeCol,
body .RadGrid_Material .rgHeaderWrapper {

    border-bottom: 1px solid var(--connx-grid-border-default);
    background-color: var(--connx-white);
}

body .RadGrid_Material .rgMultiHeaderRow .rgHeader,
body .RadGrid_Material .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid var(--connx-grid-border-default)
}

body .RadGrid_Material th.rgSorted,
body .RadGrid_Material th.rgSorted a,
body .RadGrid_Material th.rgSorted button {
    padding: 0px !important;
}

body .RadGrid_Material .rgFilterRow>td {
    border: 0;
    border-bottom: 1px solid var(--connx-grid-border-default);
    padding: 5px 15px
}

body .k-table-tbody .k-table-row:not(:last-of-type)>td,
body .RadGrid_Material .rgRow:not(:last-of-type)>td,
body .RadGrid_Material .rgAltRow:not(:last-of-type)>td,
body .RadGrid_Material .rgEditRow:not(:last-of-type)>td {
    border-bottom: 1px solid var(--connx-grid-border-default);
}

body .RadGrid_Material .rgEditForm {
    border-bottom: 1px solid var(--connx-grid-border-default);
}

body .RadGrid_Material .rgMasterTable .rgSelectedCell,
body .RadGrid_Material .rgSelectedRow {
    background-color: var(--connx-grey-tint-90);
    color: var(--connx-grey-shade-35)
}

body .RadGrid_Material .rgSelectedCell>a,
body .RadGrid_Material .rgSelectedRow>td>a {
    color: var(--connx-primary)
}

body .RadGrid_Material .rgHoveredRow {
    background-color: var(--connx-grey-tint-85);
    color: var(--connx-grey-shade-35);
}

body .RadGrid_Material .rgEditRow {
    background: var(--connx-grey-tint-90);
    color: var(--connx-grey-shade-35)
}

body .RadGrid_Material .rgDeletedRow>td {
    border-color: var(--connx-grey-tint-45);
    color: var(--connx-grey-shade-35)
}

body .RadGrid_Material .rgDeletedRow>td a {
    color: var(--connx-grey-shade-35)
}

body .RadGrid_Material .rgBatchUndoDeleteButton {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-secondary-tint-95)
}

body .RadGrid_Material .rgBatchUndoDeleteButton:hover {
    border-color: var(--connx-grey-tint-85);
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-grey-tint-85)
}

body .RadGrid_Material .rgFooterWrapper {
    border-top: 1px solid var(--connx-grey-tint-65)
}

body .RadGrid_Material .rgFooter td {
    border-bottom: 1px solid var(--connx-grey-tint-65);
}

body .RadGrid_Material .rgFooter .rgGroupCol {
    border-bottom-color: var(--connx-grid-border-default);
}

body .RadGrid_Material .rgFooter,
body .RadGrid_Material .rgFooter a {
    color: var(--connx-grey-shade-05)
}

body .RadGrid_Material tfoot .rgFooter .rgGroupCol {
    background-color: var(--connx-white);
}

body .RadGrid_Material .rgPagerCell {
    color: var(--connx-grey-shade-35);
    border-color: var(--connx-grid-border-default)
}

body .RadGrid_Material .rgPagerCell .rgNumPart a {
    color: var(--connx-white)
}

body .RadGrid_Material .rgPagerCell .rgPagerButton {
    background-color: var(--connx-secondary-tint-95);
    color: var(--connx-grey-shade-35);
}

body .RadGrid_Material .rgPagerCell .rgActionButton:hover {
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-grey-tint-85)
}

body .RadGrid_Material .rgPagerCell .rgNumPart a {
    color: var(--connx-grey-shade-35);
}

body .RadGrid_Material .rgPagerCell .rgNumPart a:hover {
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-grey-tint-85);
}

body .RadGrid_Material .rgPagerCell .rgNumPart a.rgCurrentPage {
    border-bottom: 2px solid var(--connx-primary);
    color: var(--connx-primary);
}

body .RadGrid_Material .rgPagerCell .rgPagerButton {
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-secondary-tint-95);
}

body .RadGrid_Material .rgPagerCell .rgPagerButton:hover {
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-grey-tint-85)
}

body .k-pager-info,
body .RadGrid_Material .rgPagerCell .rgInfoPart,
body .RadGrid_Material .rgPagerCell .rgSliderLabel,
body .RadGrid_Material .rgPagerCell .rgPagerLabel {
    color: var(--connx-grey-shade-05);
}

body .RadGrid_Material .rgPagerCell .rgInfoPart strong,
body .RadGrid_Material .rgPagerCell .rgSliderLabel strong,
body .RadGrid_Material .rgPagerCell .rgPagerLabel strong {
    color: var(--connx-grey-shade-35)
}

body .GridReorderTop_Material,
body .GridReorderBottom_Material {
    color: var(--connx-primary)
}

body .RadGrid_Material .rgGroupPanel {
    border-color: var(--connx-grey-tint-65);
}

body .RadGrid_Material .rgGroupPanel,
body .RadGrid_Material .rgGroupPanel caption {
    background: var(--connx-accordion);
    color: var(--connx-accordion-heading-text)
}

body .RadGrid_Material .rgGroupItem {
    border-color: var(--connx-primary);
    color: var(--connx-white);
    background-color: var(--connx-primary);
}

body .RadGrid_Material .rgGroupHeader {
    background-color: var(--connx-grid-row-grouped-background);
    color: var(--connx-grid-row-grouped-text);
}

body .RadGrid_Material .rgGroupHeader td {
    border-bottom: 1px solid var(--connx-grid-border-default);
}

body .RadGrid_Material td.rgGroupCol,
body .RadGrid_Material td.rgExpandCol {
    background-color: var(--connx-grid-row-grouped-background) !important;
    border-color: var(--connx-grid-border-default);
    color: var(--connx-grey-shade-35)
}

body .RadGrid_Material .rgCollapse.t-button {
    color: var(--connx-grid-row-grouped-icon-text) !important;
    background-color: var(--connx-grid-row-grouped-icon-background) !important;
}

body .RadGrid_Material .rgCollapse.t-button:hover {
    color: var(--connx-grid-row-grouped-icon-text-hover) !important;
    background-color: var(--connx-grid-row-grouped-icon-background-hover) !important;
}

body .RadGrid_Material .rgGroupHeader .rgGroupCol+.rgGroupCol {
    border-left: 1px solid var(--connx-grey-tint-65)
}

body .RadGrid_Material .rgGroupHeader .rgGroupCol,
body .RadGrid_Material .rgGroupHeader .rgGroupCol+td {
    box-shadow: 0 -1px 0 var(--connx-grey-tint-65)
}

body .RadGrid_Material .rgFilterActive {
    color: var(--connx-primary)
}

body .RadGrid_Material .rgFiltered {
    color: var(--connx-grey-shade-65)
}

body .RadGrid_Material .rgGroupCol {
    box-shadow: -1px 0 0 var(--connx-grey-tint-65) inset
}

body .RadGrid_Material .rgDetailTable {
    border-color: var(--connx-grey-tint-65)
}

body .RadGrid_Material .rgCommandCell {
    border-color: var(--connx-grid-border-default);
    background-color: var(--connx-grid-command-cell-background);
    color: var(--connx-grid-command-cell-text);
}

body .RadGrid_Material .rgCommandCell .t-button {
    background-color: var(--connx-grid-command-cell-button-background);
    color: var(--connx-grid-command-cell-button-text);
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 5px;
}

body .RadGrid_Material .rgCommandCell .t-button:hover {
    background-color: var(--connx-grid-command-cell-button-background-hover);
    color: var(--connx-grid-command-cell-button-text-hover);
    border-radius: 10px;
}

body .RadGrid_Material .rgCommandCell .t-button:active {
    background-color: var(--connx-grid-command-cell-button-background-hover);
    color: var(--connx-grid-command-cell-button-text-hover);
}

body .RadInput {
    border-bottom-color: var(--connx-grey-tint-65)
}

body .RadInput_Material .riTextBox,
body .RadInputMgr_Material {
    color: var(--connx-grey-shade-35);
    border-bottom-color: var(--connx-grey-tint-65);
}

body .RadInput_Material {
    border-bottom-color: var(--connx-grey-tint-65);
}

body .RadInputMgr_Material {
    color: var(--connx-grey-shade-35)
}

body .RadInput_Material .riLabel {
    color: var(--connx-grey-shade-05);
}

body .RadInput_Material .riSelect a {
    color: var(--connx-grey-shade-05);
}

body .RadInput_Material .riSelect a:hover {
    color: var(--connx-grey-shade-65)
}

body .RadInput_Material.RadInputDisabled a:hover,
body .RadInput_Material.RadInputDisabled a:active {
    color: var(--connx-grey-shade-05)
}

body .RadInput_Material .riHover,
body .RadInput_Hover_Material {
    color: var(--connx-grey-shade-35);
    border-bottom-color: var(--connx-grey-tint-35)
}

body .RadInput_Material .riFocused,
body .RadInput_Focused_Material {
    color: var(--connx-grey-shade-35);
    border-bottom-color: var(--connx-primary);
    box-shadow: 0 -1px 0 0 var(--connx-primary) inset
}

body .RadInput_Material .riDisabled,
body .RadInput_Disabled_Material {
    color: var(--connx-grey-tint-60);
    border-bottom-color: var(--connx-grey-tint-85)
}

body .RadInput_Material .riError,
body .RadInput_Error_Material {
    border-color: var(--connx-danger);
    box-shadow: 0 -1px 0 0 var(--connx-danger) inset
}

body .RadInput_Material.RadInputError {
    border-color: var(--connx-danger);
    color: var(--connx-danger)
}

body .RadInput_Material.RadInputError {
    border-color: var(--connx-danger);
    color: var(--connx-danger)
}

/*body div.RadGrid {
    border: none;
}*/

body div.RadGrid_Material,
body .RadPicker_Material,
body .RadInput_Material,
body .RadInputMgr_Material,
body .RadCalendarPopup {
    font-weight: 400 !important;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    outline: none;
}

body div.RadGrid_Material .rgFilterIcon:before {
    content: "\f0b0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-top: -7px;
}

body div.RadGrid_Material .rgSortDescIcon:before {
    color: var(--connx-grey-shade-05);
}

body .k-grid .k-chip,
body div.RadGrid_Material .rgGroupItem {
    background: var(--connx-grid-group-item-background);
    border: none;
    color: var(--connx-grid-group-item-text);
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
}

body div.RadGrid_Material .rgGroupItem .t-button {
    background-color: var(--connx-grid-group-item-sort-background);
    color: var(--connx-grid-group-item-sort-text);
    border: 1px solid var(--connx-grid-group-item-sort-border);
    padding: 0px !important;
}

body div.RadGrid_Material .rgGroupItem .t-button:hover,
body div.RadGrid_Material .rgGroupItem .t-button:active {
    background-color: var(--connx-grid-group-item-sort-background-hover);
    color: var(--connx-grid-group-item-sort-text-hover);
    border: 1px solid var(--connx-grid-group-item-sort-border-hover);
}

body .k-grouping-header,
body .RadGrid_Material div.rgGroupPanel,
body .RadGrid_Material div.rgGroupPanel caption {
    position: relative;
    background: var(--connx-grid-group-background);
    border: none;
    color: var(--connx-grid-group-text);
    font-size: .85rem;
    font-weight: 400;
    text-indent: 9px;
}

body .RadGrid_Material div.rgGroupPanel {
    border-style: solid;
    border-width: 2px 2px 0 2px;
    border-color: var(--connx-white);
    width: calc(100% + 2px);
    position: relative;
    left: -1px;
    right: -1px;
    bottom: -3px;
    padding-bottom: var(--connx-grid-border-outer-radius) !important;
}

body .RadGrid_Material div.rgGroupPanel:after {
    content: '';
    position: absolute;
    width: calc(100% + 4px);
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    transform: translate(-2px, calc(100% - 4px));
    border-radius: var(--connx-grid-border-outer-radius);
    border: 1px solid var(--connx-grid-border-outer);
}

body .RadGrid_Material div.rgGroupPanel:before {
    content: '';
    position: absolute;
    width: calc(100% + 4px);
    height: calc(var(--connx-grid-border-outer-radius) * 1.5);
    background: var(--connx-white);
    left: 0;
    right: 0;
    top: 5px;
    transform: translate(-2px, calc(var(--connx-grid-border-outer-radius) * -1.8));
}
/* body .RadGrid_Material div.rgGroupPanel:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: calc(var(--connx-grid-border-outer-radius) * -1);
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: var(--connx-white);
} */

body .RadSplitter_Default {
    border-color: var(--connx-grey-tint-65)
}

body .RadSplitter_Default .rspPane,
body .RadSplitter_Default .rspPaneHorizontal {
    border-color: var(--connx-grey-tint-65)
}

body .RadSplitter_Default .rspSlidePane {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-grey-shade-55);
    background-color: var(--connx-white)
}

body .RadSplitter_Default .rspSlideHeader,
body .RadSplitter_Default .rspSlideTitleContainer {
    border-color: var(--connx-grey-tint-70);
    color: var(--connx-grey-shade-55);
    background-color: var(--connx-grey-tint-80);
    background-image: linear-gradient(var(--connx-grey-tint-95), var(--connx-grey-tint-80))
}

body .RadSplitter_Default .rspSlideTitleContainer,
body .RadSplitter_Default .rspSlideHeaderIconWrapper {
    border-bottom: 1px solid var(--connx-grey-tint-70)
}

body .RadSplitter_Default .rspSlideHeaderDockIcon:hover,
body .RadSplitter_Default .rspSlideHeaderUndockIcon:hover,
body .RadSplitter_Default .rspSlideHeaderCollapseIcon:hover {
    border-color: var(--connx-grey-tint-30);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-65);
    background-image: linear-gradient(var(--connx-grey-tint-70), var(--connx-grey-tint-65))
}

body .RadSplitter_Default .rspSlideContent {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-grey-shade-55);
    background-color: var(--connx-white)
}

body .RadSplitter_Default .rspResizeBar,
body .RadSplitter_Default .rspSlideContainerResize,
body .RadSplitter_Default .rspCollapseBarExpand,
body .RadSplitter_Default .rspCollapseBarCollapse {
    border-color: var(--connx-grey-tint-45);
    color: var(--connx-grey-shade-55);
    background-color: var(--connx-grey-tint-80);
    background-image: linear-gradient(to left, white, var(--connx-grey-tint-80))
}

body .RadSplitter_Default .rspResizeBarOver,
body .RadSplitter_Default .rspSlideContainerResizeOver,
body .RadSplitter_Default .rspCollapseBarExpandOver,
body .RadSplitter_Default .rspCollapseBarCollapseOver {
    border-color: var(--connx-grey-tint-30);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-65);
    background-image: linear-gradient(to left, var(--connx-grey-tint-70), var(--connx-grey-tint-65))
}

body .RadSplitter_Default .rspResizeBarHorizontal,
body .RadSplitter_Default .rspSlideContainerResizeHorizontal,
body .RadSplitter_Default .rspCollapseBarHorizontalExpand,
body .RadSplitter_Default .rspCollapseBarHorizontalCollapse {
    border-color: var(--connx-grey-tint-45);
    color: var(--connx-grey-shade-55);
    background-color: var(--connx-grey-tint-80);
    background-image: linear-gradient(var(--connx-white), var(--connx-grey-tint-80))
}

body .RadSplitter_Default .rspResizeBarOverHorizontal,
body .RadSplitter_Default .rspSlideContainerResizeOverHorizontal,
body .RadSplitter_Default .rspCollapseBarHorizontalExpandOver,
body .RadSplitter_Default .rspCollapseBarHorizontalCollapseOver {
    border-color: var(--connx-grey-tint-30);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-65);
    background-image: linear-gradient(var(--connx-grey-tint-70), var(--connx-grey-tint-65))
}

body .RadSplitter_Default .rspTabsContainer {
    background-color: var(--connx-grey-tint-80)
}

body .RadSplitter_Default .rspPaneTabContainer {
    border-color: var(--connx-grey-tint-45);
    color: var(--connx-grey-shade-55);
    background-color: var(--connx-grey-tint-80);
    background-image: linear-gradient(to left, var(--connx-white), var(--connx-grey-tint-80))
}

body .RadSplitter_Default .rspTop .rspPaneTabContainer,
body .RadSplitter_Default .rspBottom .rspPaneTabContainer {
    background-image: linear-gradient(var(--connx-white), var(--connx-grey-tint-80))
}

body .RadSplitter_Default .rspPaneTabContainer:hover {
    border-color: var(--connx-grey-tint-30);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-65);
    background-image: linear-gradient(to left, var(--connx-grey-tint-70), var(--connx-grey-tint-65))
}

body .RadSplitter_Default .rspTop .rspPaneTabContainer:hover,
body .RadSplitter_Default .rspBottom .rspPaneTabContainer:hover {
    background-image: linear-gradient(var(--connx-grey-tint-70), var(--connx-grey-tint-65))
}

body .RadSplitter_Default .rspPaneTabContainerExpanded {
    border-color: var(--connx-grey-shade-15);
    color: var(--connx-white);
    background-color: var(--connx-grey-tint-10);
    background-image: linear-gradient(to left, var(--connx-grey-tint-45), var(--connx-grey-tint-10))
}

body .RadSplitter_Default .rspTop .rspPaneTabContainerExpanded,
body .RadSplitter_Default .rspBottom .rspPaneTabContainerExpanded {
    background-image: linear-gradient(var(--connx-grey-tint-45), var(--connx-grey-tint-10))
}

body .RadOrgChart_Vista {
    color: var(--connx-grey-shade-55)
}

body .RadOrgChart_Vista .rocGroup {
    background-color: rgb(var(--connx-primary-rgb) / 0.5)
}

body .RadOrgChart_Vista .rocItem,
body .RadOrgChart_Vista .rocItemTemplate {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-70)
}

body .RadOrgChart_Vista .rocExpandArrow,
body .RadOrgChart_Vista .rocCollapseArrow,
body .RadOrgChart_Vista .rocExpandGroupArrow,
body .RadOrgChart_Vista .rocCollapseGroupArrow {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-70)
}

body .RadOrgChart_Vista .rocExpandArrow:hover,
body .RadOrgChart_Vista .rocCollapseArrow:hover,
body .RadOrgChart_Vista .rocExpandGroupArrow:hover,
body .RadOrgChart_Vista .rocCollapseGroupArrow:hover {
    border-color: var(--connx-info-shade-15);
    color: var(--connx-black);
    background-color: var(--connx-info-tint-40)
}

body .RadOrgChart_Vista .rocExpandArrow:active,
body .RadOrgChart_Vista .rocCollapseArrow:active,
body .RadOrgChart_Vista .rocExpandGroupArrow:active,
body .RadOrgChart_Vista .rocCollapseGroupArrow:active {
    border-color: var(--connx-info-shade-40);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-70);
    box-shadow: inset 0 0 3px 1px var(--connx-info)
}

body .RadOrgChart_Vista.rocDetachedItem,
body .RadOrgChart_Vista.rocDetachedNode {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-70)
}

.rocToolbar_Vista {
    border-color: var(--connx-info-shade-85);
    color: var(--connx-white);
    background-color: var(--connx-info-shade-55);
    background-image: linear-gradient(#83abc0, #3f7e9d 50%, var(--connx-info-shade-55) 50%, #4e96aa)
}

.rocToolbar_Vista .rocToolbarButton {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-70);
    background-image: linear-gradient(var(--connx-grey-tint-90), var(--connx-grey-tint-85) 50%, var(--connx-grey-tint-75) 50%, var(--connx-grey-tint-70));
    box-shadow: inset 0 0 0 1px var(--connx-grey-tint-90)
}

.rocToolbar_Vista .rocToolbarButton:hover {
    border-color: var(--connx-info-shade-15);
    color: var(--connx-black);
    background-color: var(--connx-info-tint-40);
    background-image: linear-gradient(var(--connx-info-tint-85), var(--connx-info-tint-75) 50%, var(--connx-info-tint-60) 50%, var(--connx-info-tint-40));
}

.rocToolbar_Vista .rocToolbarButton:active {
    border-color: var(--connx-info-shade-40);
    color: var(--connx-black);
    background-color: var(--connx-grey-tint-70);
    background-image: linear-gradient(var(--connx-grey-tint-90), var(--connx-grey-tint-85) 50%, var(--connx-grey-tint-75) 50%, var(--connx-grey-tint-70));
    box-shadow: inset 0 0 3px 1px var(--connx-info)
}

.RadWindow .rwTitleRow,
.reCustomColor,
.reColorPickerFooter {
    display: none;
}

.RadWindow_Material .rwTitleBar,
.RadWindow_Material .rwIcon,
.RadWindow_Material .rwCommandButton,
.RadWindow_Material span.rwCommandButton:hover {
    color: var(--connx-grey-shade-35) !important;
}

.RadWindow_Material .rwTitleBar .rwTitleWrapper {
    padding: 19px !important;
    height: 56px !important;
    background-color: white !important;
    border-bottom: 1px solid var(--connx-grey-shade-35) !important;
}

.RadWindow_Material .rwTitleWrapper .rwTitle {
    padding: 5px 0 5px 30px !important;
    margin: -4.5px 0 -4px !important;
    font-size: 1.42857em !important;
    font-family: inherit !important;
    line-height: 1em !important;
    color: var(--connx-grey-shade-45) !important;
    text-transform: capitalize !important;
}

#RadWindowWrapper_ctl00_cphMainContent_ctl11_dialogOpenerSpellCheckDialog {
    height: 427px !important;
}

.RadSpell * {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}

.RadForm_Material.rfdRoundedCorners .rfdSkinnedButton {
    border-radius: 5px !important;
    border: 1px var(--connx-grey-tint-70) solid !important;
    background-color: white !important;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
}

.GridContextMenu_Material .rmContent .rgHCMClear,
.GridContextMenu_Material .rmContent .rgHCMFilter {
    color: var(--connx-primary);
}

.GridContextMenu_Material .rmContent .rgHCMClear:hover,
.GridContextMenu_Material .rmContent .rgHCMFilter:hover {
    color: var(--connx-primary);
}

.GridContextMenu_Material .rgHCMShow,
.GridContextMenu_Material .rgHCMAnd {
    color: var(--connx-grey-shade-05);
}


.RadMenu_Material_Context .rgFilterApply,
.RadMenu_Material_Context .rgFilterCancel {
    border-color: var(--connx-grey-tint-65);
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-secondary-tint-95)
}

.RadMenu_Material_Context .rgFilterApply:hover,
.RadMenu_Material_Context .rgFilterCancel:hover {
    border-color: var(--connx-grey-tint-85);
    color: var(--connx-grey-shade-35);
    background-color: var(--connx-grey-tint-85)
}

.GridToolTip_Material {
    background-color: var(--connx-grey-shade-35);
    color: var(--connx-white);
    border-color: var(--connx-grey-shade-35);
}

.m-portlet__head-tools>button {
    margin-left: 5px;
    margin-right: 4px;
}

.btn {
    height: 35px !important;
    min-height: 35px;
}

.form-control {
    display: inline-block;
    width: auto;
}

.modal-footer .dropdown-menu>.dropdown-item>i {
    color: var(--connx-grey-shade-20);
}

.RadPicker_Material .rcSelect {
    height: 30px;
}

.TinyDDL {
    width: 65px;
}

.ShortDDL {
    width: 115px;
}

.NormalDDL {
    width: 200px;
}

.LongDDL {
    width: 400px;
}

.ExtraLongDDL {
    width: 600px;
}

.ExtraTinyTextBox {
    width: 35px;
}

.TinyTextBox {
    width: 65px;
}

.ShortTextBox {
    width: 115px;
}

.NormalTextBox {
    width: 200px;
}

.LongTextBox {
    width: 400px;
}

.ExtraLongTextBox {
    width: 600px;
}


/*.DoubleGridSetHeight div.rgDataDiv {
    height: 230px !important;
}*/

.FormTitle {
    padding-top: 7px;
    vertical-align: top;
    min-width: 100px;
    /* new FB6344 */
}

.FormInput {
    padding-top: 7px;
}

.FilterTable {}

.form-group.required label:after,
.form-group.required td label:after,
label.required:after {
    color: var(--connx-danger-shade-10);
    content: "*";
    margin-left: 2px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 6px;
    content: "\f069";
    vertical-align: super;
}

.ForceRequired {
    margin-left: 2px;
    font-family: 'Font Awesome 5 Pro';
    color: var(--connx-danger-shade-10);
    font-weight: 900;
    font-size: 6px !important;
    vertical-align: super;
}

.hideGridColumn {
    display: none;
}

th .m-checkbox>span {
    background-color: var(--connx-white);
}

.FormSectionHeader {
    color: var(--connx-grey-shade-45);
    font-size: 1.15rem;
    font-weight: 400;
    padding-bottom: 18px;
    padding-top: 18px;
}

.FormColumnHeader {
    color: var(--connx-grey-shade-45);
    font-size: 1.15rem;
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 15px;
}

.RadGrid_ConnX .rgAltRow td,
.RadGrid_ConnX .rgAltRow {
    background-color: transparent;
}

.form-control-sm {
    font-size: 1rem;
    height: 30px;
    min-height: 30px;
}

.form-control-sm {
    padding: 0 0.8rem 0.1rem 0.8rem;
}

select.form-control-sm {
    padding-left: 0.5rem;
}

.modal-footer .col-xl-8 a,
.modal-footer .col-xl-8 button,
.modal-footer .col-xl-8 input {
    margin: 0 8px;
}

.m-header {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
}

.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav {
    background-color: var(--connx-white);
    z-index: 9998 !important;
}

.m-header-menu .m-menu__nav.m-menu__nav--submenu-arrow>.m-menu__item.m-menu__item--submenu.m-menu__item--tabs>.m-menu__submenu>.m-menu__subnav>.m-menu__item.m-menu__item--submenu.m-menu__item--hover>.m-menu__submenu>.m-menu__arrow:before,
.m-header-menu .m-menu__nav.m-menu__nav--submenu-arrow>.m-menu__item.m-menu__item--submenu.m-menu__item--hover>.m-menu__submenu>.m-menu__arrow:before {
    color: var(--connx-white);
}

.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item>.m-menu__link .m-menu__link-text {
    color: var(--connx-grey-shade-55);
}

div.RadGrid_Material,
.RadPicker_Material,
.RadInput_Material,
.RadInputMgr_Material,
.RadCalendarPopup {
    font-weight: 400 !important;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    outline: none;
}

div.RadGrid_Material .rgFilterIcon:before {
    content: "\f0b0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-top: -7px;
}

div.RadGrid_Material .rgSortDescIcon:before {
    /*color: var(--connx-grey-shade-05);*/
    content: "\f0d7";
    font-family: 'Font Awesome 5 Pro';
    border: 0px !important;
}

div.RadGrid_Material .rgSortAscIcon:before {
    /*color: var(--connx-grey-shade-05);*/
    content: "\f0d8";
    font-family: 'Font Awesome 5 Pro';
    border: 0px !important;
}

div.RadGrid_Material .rgGroupItem {
    background: var(--connx-white);
    border: none;
    /*color: var(--connx-grey-shade-45);*/
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
}

.RadGrid_Material div.rgGroupPanel,
.RadGrid_Material div.rgGroupPanel caption {
    background: var(--connx-grid-group-background);
    border: none;
    color: var(--connx-grid-group-text);
    font-size: .85rem;
    font-weight: 400;
    text-indent: 9px;
    border-bottom: 1px solid var(--connx-grey-tint-80);
    border-top-left-radius: var(--connx-grid-border-outer-radius);
    border-top-right-radius: var(--connx-grid-border-outer-radius);
}

.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content>.m-menu__item {
    border-color: var(--connx-grey-tint-85);
    min-width: 250px;
    max-width: 250px;
}

body div.RadGrid_Material .rgHeader .t-button {
    color: var(--connx-grid-header-sort-text);
    background-color: var(--connx-grid-header-sort-background);
}

body div.RadGrid_Material .rgHeader .t-button:hover {
    color: var(--connx-grid-header-sort-text-hover);
    background-color: var(--connx-grid-header-sort-background-hover);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

/* body div.RadGrid_Material .rgHeader.rgHeaderOver {
    background-color: var(--connx-grid-header-drag-background);
    color: var(--connx-grid-header-drag-text);
} */

body .rgFilterRow .t-button.rgActionButton.rgFilter {
    padding: 7px 4.5px;
    border-color: var(--connx-grid-filter-icon-border) !important;
    background-color: var(--connx-grid-filter-icon-background) !important;
    color: var(--connx-grid-filter-icon-color) !important;
}

body .rgFilterRow .t-button.rgActionButton.rgFilter:hover,
body .rgFilterRow .t-button.rgActionButton.rgFilter:active {
    border-color: var(--connx-grid-filter-icon-border-hover) !important;
    background-color: var(--connx-grid-filter-icon-background-hover) !important;
    color: var(--connx-grid-filter-icon-color-hover) !important;
}

/* .RadGrid_Material .rgHeader:not(.rgHeaderOver), */
body .k-table-th.k-header .k-link .k-column-title {
    font-weight: 600;
    color: var(--connx-grid-header-text);
}

body .k-table-th.k-header .k-link:hover .k-column-title {
    color: var(--connx-grid-header-text-hover);
}

body .k-table .k-table-thead>.k-table-row,
body .k-grid-header .k-table-row:not(.k-filter-row),
div.rgHeaderDiv .rgMasterTable th.rgHeader,
.rgHeaderOver .rgMasterTable .rgHeader.rgHeaderOver {
    color: var(--connx-grid-header-text);
    background-color: var(--connx-grid-header-background);
}

body .k-table .k-table-thead:has(>.k-cell-inner>.k-link):hover,
body .k-grid .k-grid-header .k-header[aria-label="Sortable Column"] .k-link:hover,
body .k-grid .k-table-thead .k-header[aria-label="Sortable Column"] .k-link:hover,
div.rgHeaderDiv .rgMasterTable th.rgHeader:has(> a):hover {
    color: var(--connx-grid-header-text-hover);
    background-color: var(--connx-grid-header-background-hover);
}

.rgHeaderOver .rgMasterTable .rgHeader.rgHeaderOver a {
    color: var(--connx-grid-header-text);
}

.rgHeaderOver .rgMasterTable {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

div.rgHeaderDiv .rgMasterTable th.rgHeader:last-child:has(> a):hover {
    color: var(--connx-grid-header-text-hover);
    background-color: var(--connx-grid-header-background-hover);
}

.RadGrid .rgHeaderWrapper {
    background: linear-gradient(to top, var(--connx-grid-filter-container-background) 34px, var(--connx-grid-header-background) 0%);
}

/* .RadGrid .rgHeaderWrapper:has(div.rgHeaderDiv .rgMasterTable th.rgHeader.rgHeaderOver) {
    background: linear-gradient(to top, var(--connx-grid-filter-container-background) 34px, var(--connx-grid-header-background-hover) 0%);
} */

/* div.rgHeaderDiv .rgMasterTable thead tr:first-child th:hover {
    background-color: var(--connx-grid-header-background-hover) !important;
    color: var(--connx-grid-header-text-hover) !important;
} */

div.rgHeaderDiv .rgMasterTable thead tr:first-child th:hover a {
    color: var(--connx-grid-header-text-hover) !important;
}

div.RadGrid.RadGrid_Material div.RadPicker_Material .rcCalPopup,
div.RadGrid.RadGrid_Material div.RadPicker_Material .rcTimePopup {
    background-color: var(--connx-grid-filter-control-icon-background);
    color: var(--connx-grid-filter-control-icon-text) !important;
}

div.RadGrid.RadGrid_Material div.RadPicker_Material .rcCalPopup:hover,
div.RadGrid.RadGrid_Material div.RadPicker_Material .rcCalPopup:active,
div.RadGrid.RadGrid_Material div.RadPicker_Material .rcCalPopup:focus,
div.RadGrid.RadGrid_Material div.RadPicker_Material .rcTimePopup:hover,
div.RadGrid.RadGrid_Material div.RadPicker_Material .rcTimePopup:focus,
div.RadGrid.RadGrid_Material div.RadPicker_Material .rcTimePopup:active {
    background-color: var(--connx-grid-filter-control-icon-background-hover);
    color: var(--connx-grid-filter-control-icon-text-hover) !important;
}

body .RadMenu_Material .rmPopup .rmLink,
body .RadMenu_Material .rmGroup .rmLink {
    background-color: var(--connx-grid-filter-background);
    color: var(--connx-grid-filter-text);
}

body .RadMenu_Material .rmPopup .rmLink:hover,
body .RadMenu_Material .rmGroup .rmLink:hover {
    background-color: var(--connx-grid-filter-background-hover);
    color: var(--connx-grid-filter-text-hover);
}

body .RadMenu_Material .rmGroup .rmFocused>.rmLink {
    background-color: var(--connx-grid-filter-background-selected);
    color: var(--connx-grid-filter-text-selected);
}

body .RadMenu_Material .rmGroup .rmLink .rmIcon:before,
body .RadMenu_Material .rmPopup .rmLink .rmIcon:before,
body .RadMenu_Material .rmGroup .rmLink .rmExpand:before,
body .RadMenu_Material .rmPopup .rmLink .rmExpand:before {
    color: var(--connx-grid-sort-icon);
}

body .RadMenu_Material .rmGroup .rmLink:hover .rmIcon:before,
body .RadMenu_Material .rmGroup .rmFocused .rmLink .rmIcon:before,
body .RadMenu_Material .rmPopup .rmLink:hover .rmIcon:before,
body .RadMenu_Material .rmPopup .rmFocused .rmLink .rmIcon:before,
body .RadMenu_Material .rmGroup .rmLink:hover .rmExpand:before,
body .RadMenu_Material .rmGroup .rmFocused .rmLink .rmExpand:before,
body .RadMenu_Material .rmPopup .rmLink:hover .rmExpand:before,
body .RadMenu_Material .rmPopup .rmFocused .rmLink .rmExpand:before {
    color: var(--connx-grid-sort-icon-hover);
}

body .RadGrid_Material .rgRow,
body .k-table-row {
    background-color: var(--connx-grid-row-odd-background);
    color: var(--connx-grid-row-odd-text);
}

/* body .RadGrid_Material .rgRow td,
body .k-table-row td {
    color: var(--connx-grid-row-odd-text);
} */

body .k-table-row:hover,
body .RadGrid_Material .rgRow:hover,
body .RadGrid_Material .rgRow.rgHoveredRow {
    background-color: var(--connx-grid-row-odd-background-hover);
    color: var(--connx-grid-row-odd-text-hover);
}

body .k-table-row.k-table-alt-row,
body .k-table-row.k-table-alt-row td,
body .RadGrid_Material .rgAltRow,
body .RadGrid_Material .rgAltRow td {
    background-color: var(--connx-grid-row-even-background);
    color: var(--connx-grid-row-even-text);
}

body .k-table-row.k-table-alt-row:hover,
body .k-table-row.k-table-alt-row:hover td,
body .RadGrid_Material .rgAltRow:hover,
body .RadGrid_Material .rgAltRow:hover td,
body .RadGrid_Material .rgAltRow.rgHoveredRow td {
    background-color: var(--connx-grid-row-even-background-hover);
    color: var(--connx-grid-row-even-text-hover);
}

body .RadGrid_Material .rgEditRow,
body .RadGrid_Material .rgMasterTable .rgSelectedCell,
body .RadGrid_Material .rgSelectedRow,
body .RadGrid_Material .rgSelectedRow td {
    background-color: var(--connx-grid-row-selected-background) !important;
    color: var(--connx-grid-row-selected-text) !important;
}

div.RadGrid_Material .rgRow>td>a,
div.RadGrid_Material .rgAltRow>td>a,
div.RadGrid_Material .rgFooter>td>a,
div.RadGrid_Material .rgEditForm>td>a,
div.RadGrid_Material .rgEditRow>td>a,
div.RadGrid_Material .rgHoveredRow>td>a {
    color: var(--connx-grid-row-link-text);
}

body.m-content--skin-light2 {
    background-color: var(--connx-white) !important;
}

div.RadGrid_Material th.rgSorted,
div.RadGrid_Material th.rgSorted a,
div.RadGrid_Material th.rgSorted button {
    color: var(--connx-grey-shade-30);
    /*padding: 0px 0px 0px 10px !important;*/
}

div.RadGrid_Material .rgRow>td>a:hover,
div.RadGrid_Material .rgAltRow>td>a:hover,
div.RadGrid_Material .rgFooter>td>a:hover,
div.RadGrid_Material .rgEditForm>td>a:hover,
div.RadGrid_Material .rgEditRow>td>a:hover,
div.RadGrid_Material .rgHoveredRow>td>a:hover {
    color: var(--connx-grid-row-link-text-hover);
}

.RadGrid_Material .rgHeader,
div.rgHeaderDiv .rgMasterTable thead tr:first-child th {
    padding: 15px !important;
    /* text-align: left !important; */
}

body .RadGrid .rgNoRecords div {
    padding: 10px;
}

div.rgHeaderDiv .rgMasterTable thead tr:first-child th:hover {
    background-color: var(--connx-grid-header-background-hover)
}

body .RadCalendar_Default .rcWeek th {
    color: var(--connx-white);
    background-color: var(--connx-primary);
}

body .RadGrid_Material .rgHoveredRow,
body .RadGrid_Material .rgMasterTable .rgSelectedCell,
body .RadGrid_Material .rgSelectedRow {
    background-color: var(--connx-grey-tint-80);
    color: var(--connx-grey-shade-35);
}

.RadGrid_Material .rgHoveredRow,
body .RadGrid_Material .rgMasterTable .rgSelectedCell,
body .RadGrid_Material .rgSelectedRow {
    background-color: var(--connx-info-tint-80);
    color: var(--connx-grey-shade-20);
}

body .RadGrid_Material .rgRow>td,
body .RadGrid_Material .rgAltRow>td,
body .RadGrid_Material .rgEditRow>td {
    border-color: var(--connx-grid-border-default);
}
body .RadGrid_Material .rgRow:last-of-type>td,
body .RadGrid_Material .rgAltRow:last-of-type>td,
body .RadGrid_Material .rgEditRow:last-of-type>td {
    border: none!important;
}

body .Metro.RadEditor .reEditorModes .reMode_selected {
    background-color: var(--connx-primary) !important;
}

body .RadInput a {
    color: var(--connx-grey-shade-20) !important;
}

div.rgHeaderDiv .rgMasterTable thead tr:first-child th a {
    color: var(--connx-grid-header-text);
    font-size: 1rem;
    font-weight: 600;
}

div.RadGrid_Material div.rgHeaderDiv {
    border: none;
}

div.RadGrid_Material .rgRow>td,
.RadGrid_Material .rgAltRow>td,
.RadGrid_Material .rgEditRow>td {
    font-size: 1rem;
    font-weight: 300;
}

div.RadGrid_Material .rgGroupHeaderText {
    font-size: 1rem;
}

.cx-input-filter {
    font-size: .85rem !important;
    margin-bottom: 0px;
    border-radius: 4px;
}

.k-calendar-header .k-title, .k-calendar-header .k-calendar-title,
.k-calendar-header,
div.RadCalendar_Material .rcTitlebar {
    border-color: var(--connx-headers);
    background-color: var(--connx-headers);
    color: var(--connx-grid-header-text) !important;
    text-align: left;
}

div.RadCalendar_Material .rcPrev,
div.RadCalendar_Material .rcNext,
div.RadCalendar_Material .rcFastPrev,
div.RadCalendar_Material .rcFastNext {
    background-color: var(--connx-headers);
    border-color: var(--connx-headers);
    background-color: var(--connx-headers);
    color: var(--connx-grid-header-text) !important;
}

div.RadCalendarPopupShadows .RadCalendar_Material .rcMain {
    outline: none;
}

div.RadPicker {
    border: 1px solid var(--connx-grey-tint-70) !important;
    border-radius: 0.25rem !important;
    color: var(--connx-grey-shade-20) !important;
    max-height: 28px;
    min-height: 28px;
    /*calc(2.2125rem + 2px) !important;*/
}

.RadPicker,
.RadPicker * {
    box-sizing: inherit;
}

.RadInput_Material input.riTextBox {
    padding: 4px 0 4px !important;
    background-color: var(--connx-white);
    border-radius: 0.5rem !important;
}

/* was: padding: 8px 0 4px !important;*/

div.RadPicker .RadInput:before {
    border: none;
}

div.RadPicker_Material .rcCalPopup,
div.RadPicker_Material .rcTimePopup {
    background-color: var(--connx-grey-tint-95);
    height: 28px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.RadPicker_Material:hover div.RadInput:not(.RadInputDisabled),
.RadPicker_Material.rcMYPopupOpen div.RadInput:not(.RadInputDisabled),
.RadPicker_Material.rcTimePopupOpen div.RadInput:not(.RadInputDisabled),
.RadPicker_Material.rcCalPopupOpen div.RadInput:not(.RadInputDisabled) {
    background-color: var(--connx-white);
    box-shadow: none;
    border-color: transparent;
}

div.RadGrid_Material .rgRow>td>a,
div.RadGrid_Material .rgAltRow>td>a,
div.RadGrid_Material .rgFooter>td>a,
div.RadGrid_Material .rgEditForm>td>a,
div.RadGrid_Material .rgEditRow>td>a,
div.RadGrid_Material .rgHoveredRow>td>a {
    color: var(--connx-primary);
}

.m-blockui {
    display: none !important;
}

.form-control-feedback {
    display: none !important;
}

div.RadCalendar span.rcTitle {
    padding: 10px 0;
    text-align: center;
}

body .k-calendar .k-calendar-td .k-link {
    border-radius: 50%;
}

body .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
body .k-calendar .k-calendar-td.k-selected .k-link,
div.RadCalendar_Material .rcSelected a {
    background-color: var(--connx-primary);
    color: var(--connx-white);
    font-weight: 400;
}

table.RadCalendarTimeView_Material th {
    background-color: var(--connx-headers);
    color: var(--connx-grid-header-text) !important;
}

div.RadCalendar .rcMainTable {
    outline: none;
    border: 0px !important;
}

.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__heading > .m-menu__link-text {
    color: var(--connx-primary) !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.m-header-menu .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item>.m-menu__link {
    padding: 4px 30px !important;
}

.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item:hover>.m-menu__link,
.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item.m-menu__item--hover>.m-menu__link {
    background-color: var(--connx-grey-tint-85) !important;
}

.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item:hover>.m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--submenu-skin-dark .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item.m-menu__item--hover>.m-menu__link .m-menu__link-text {
    color: var(--connx-primary-tint-25) !important;
}

.nav.nav-pills .nav-link,
.nav.nav-tabs .nav-link {
    font-weight: 600;
}

.nav.nav-pills .nav-link,
.nav.nav-tabs .nav-link.active {
    color: var(--connx-primary);
}

.nav-link {
    display: block;
    padding: .85rem 1rem;
}
.m-table {
    border-spacing: 0px;
    border-collapse: collapse;
}
.m-table>thead>tr>th>a {
    color: var(--connx-white)
}

.m-content {
    overflow: auto;
    background: var(--connx-grey-tint-95);
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    color: var(--connx-main-header);
}

.m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-title {
    font-size: 1.25rem;
    font-weight: 300;
}

.m-accordion.m-accordion--default .m-accordion__item {
    margin-bottom: 0.5rem;
    background-color: unset !important;
    border-radius: var(--connx-accordion-border-radius);
    border-collapse: collapse;
    overflow: hidden;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05); */
    /* border: 1px solid var(--connx-accordion-border); */
}

.m-accordion .m-accordion__item-body,
.m-accordion .m-accordion__item .m-accordion__item-body {
    border-radius: 0 0 var(--connx-accordion-border-radius) var(--connx-accordion-border-radius);
    border-style: solid;
    border-color: var(--connx-accordion-border);
    border-width: 0;
}

.AccordionContainer {
    border-radius: var(--connx-accordion-border-radius);
    overflow: visible;
}

div.RadPicker_Material .rcCalPopup:before {
    content: "\f15c";
    font: normal normal normal 18px/1 "LineAwesome";
}

.RadCalendarMonthView_Material #rcMView_OK {
    color: var(--connx-primary) !important;
}

.RadCalendarMonthView_Material #rcMView_OK:hover {
    background-color: var(--connx-warning-shade-85) !important;
    background-color: rgba(42, 31, 0, 0.12) !important;
}

.RadGrid .rgDataDiv table tbody [type="button"],
.RadGrid .rgDataDiv table tbody [type="submit"],
.m-table tbody [type="button"],
.m-table tbody [type="submit"],
.RadGrid .rgDataDiv a.btn,
.m-table a.btn,
.m-table tbody [class="fa fa-angle-down"],
.m-table tbody [class="fa fa-angle-up"],
.m-table tbody [class="fa fa-pen"],
.m-table tbody [class="fa fa-trash-alt"] {
    display: none;
    visibility: hidden;
}

.RadGrid .rgDataDiv table tbody tr:hover [type="button"],
.RadGrid .rgDataDiv table tbody tr:hover [type="submit"],
.m-table tbody tr:hover [type="button"],
.m-table tbody tr:hover [type="submit"],
.RadGrid .rgDataDiv tr:hover a.btn,
.m-table tr:hover a.btn,
.m-table tbody tr:hover [class="fa fa-angle-down"],
.m-table tbody tr:hover [class="fa fa-angle-up"],
.m-table tbody tr:hover [class="fa fa-pen"],
.m-table tbody tr:hover [class="fa fa-trash-alt"] {
    visibility: visible;
    display: inline-block;
}





.RadGrid .rgDataDiv table tbody [type="button"],
.RadGrid .rgDataDiv table tbody [type="submit"],
.m-table tbody [type="button"],
.m-table tbody [type="submit"],
.RadGrid .rgDataDiv a.btn,
.m-table a.btn {
    padding: 0.20rem .8rem;
    min-height: inherit;
    height: auto !important;
    border-radius: .25rem;
}

.m-header-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    font-size: 1.1rem !important;
    line-height: .8rem;
}

.modal-lg {
    max-width: 1050px !important;
}


.ruBrowse:before,
.ruBrowse:after,
.ruBrowse {
    padding: 1px 6px;
    box-sizing: unset;
    moz-box-sizing: unset;
    webkit-box-sizing: unset;
    border: 1px solid var(--connx-primary) !important;
    border-radius: 3px !important;
    margin-left: 0 !important;
    color: var(--connx-primary) !important;
    font-size: 13px !important;
    background-color: var(--connx-white) !important;
}

.ruButtonHover {
    color: var(--connx-white) !important;
    background-color: var(--connx-primary) !important;
    cursor: pointer !important;
}

.ruRemove:before,
.ruRemove:after,
.ruRemove {
    font-size: 13px !important;
    vertical-align: top !important;
    padding-top: 0 !important;
}

.ruFileWrap {
    width: 250px !important;
    height: 30px !important;
    vertical-align: top !important;
    padding-top: 0 !important;
}

.radIcon {
    vertical-align: top !important;
    padding-top: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

.ruFileLI {
    margin-bottom: 0 !important;
}

.ruUploadProgress {
    font-size: 13px !important;
}

.DropZoneEnter {
    border: 1px dotted var(--connx-grey-tint-40);
    padding: 5px;
}

.DropZoneExit {
    border: 1px dashed var(--connx-grey);
    padding: 5px;
}

.DropZoneExit2 {
    border: 1px dashed var(--connx-grey);
    padding: 5px;
}

.DropZoneModalEnter {
    border: 1px dotted var(--connx-grey-tint-40);
}

.DropZoneModalExit {
    border: 1px solid var(--connx-white);
}

#mpHoverFilter {
    width: max-content !important;
    width: -moz-max-content !important;
}

.m-input-inline {
    display: inline-block !important;
    width: auto !important;
}

.RadTreeView_Bootstrap .rtIn {
    font-size: 13px !important;
    padding: 3px !important;
}

.RadTreeView_Bootstrap .rtSelected .rtIn {
    color: var(--connx-button-text) !important;
    background-color: var(--connx-primary) !important;
    border-color: var(--connx-primary) !important;
}

.RadCalendarMonthView #rcMView_Today:focus-visible {
    outline: none;
}

.modal-dialog {
    width: min-content;
}

.modal-body {
    overflow: auto;
}

/* TABULAR */


.gridSelectedRow {
    background-color: var(--connx-info-tint-80);
}


/* filtering */
.RadGrid .rgFilterRow td {
    position: relative;
}

.RadGrid .rgFilterRow td div.RadPicker {
    width: 100% !important;
    max-width: 100% !important;
}

.rgFilterRow>td>table>tbody>tr>td:last-child {
    max-width: 0
}

.RadGrid .rgFilter {
    position: relative;
    right: 28px !important;
    margin-left: 0 !important;
    margin-bottom: 0px;
}

.RadGrid_Material .t-button:hover {
    /* border-color: var(--connx-grey-tint-85) !important;
    color: var(--connx-grey-shade-35) !important;
    background-color: var(--connx-grey-tint-80) !important;
    border-radius: 10px !important;
}

.RadMenu_Material .rmGroup .rmFocused>.rmLink {
    /*box-shadow: none !important;*/
    background-color: var(--connx-grey-tint-80);
}

.rgFilterRow .t-button {
    background-color: unset !important;
    border-width: 0 !important;
    border-radius: 0.25rem !important;
    color: var(--connx-grey-shade-20) !important;
}

.RadGrid_Material .rgFilterRow {
    height: 35px !important;
    background-color: var(--connx-grid-filter-container-background);
}

.RadGrid_Material .rgFilterRow>td {
    padding: 0 5px !important;
}

.rgFilterRow .rcSelect {
    right: 28px !important;
}

.RadPicker_Material .RadInput {
    height: -webkit-fill-available !important;
    padding-right: inherit !important;
}

.RadPicker_Material input.riTextBox {
    height: auto !important;
}

.InsertTagBackground {
    background-color: var(--connx-grey-tint-95);
}

.has-danger.RadPicker,
.has-danger textarea,
.has-danger .input-group-text,
.has-danger.RadMultiColumnComboBox .k-dropdown-wrap,
.has-danger .form-control,
span[data-invalid="true"] {
    border-color: var(--connx-danger) !important;
}

.m-form .form-control-label.col-form-label,
.m-form label.col-form-label {
    padding: 0 !important;
}

/*grids*/
.RadGrid_Material .rgHeader {
    border-bottom: none !important;
}

.RadGrid .rgHeaderWrapper {
    background-color: var(--connx-primary-tint-95) !important;
}



.bootstrap-maxlength {
    z-index: 1060 !important;
}

/*


.GridContextMenu_Material .rmGroup .rgHCMItem div.rmContent {
    padding: 5px !important;
    margin: 0 15px !important;
}

.rgHCMFilter > .rmSlide .RadInput_Material { padding: 0 !important; }
.RadComboBox_Material .rcbInner { padding: 2px 162px 0 0 !important; }*/

.rgHCMFilter>.rmSlide {
    width: 210px !important;
}

.GridContextMenu_Material .rmGroup .rgHCMItem div.rmContent {
    padding: 5px !important;
    margin: 0 15px !important;
}

.rgHCMFilter>.rmSlide .RadInput_Material {
    padding: 0 !important;
}

.rgHCMFilter>.rmSlide .RadComboBox_Material .rcbInner {
    padding: 0 !important;
}

.RadInput_Material {
    padding: 0 !important;
}

div.RadPicker .RadInput>input {
    border: none !important;
}

.RadGrid_Material .rgHeader {
    font-size: 1rem !important;
}

.RadComboBox_Material .rcbActionButton {
    padding: 6px !important;
}

.RadComboBox_Material .form-control {
    border: none;
}

.RadInput_Material input.riTextBox {
    border: 1px solid var(--connx-grey-tint-65) !important;
    border-radius: 0.25rem !important;
    font-size: 1rem !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
}

div.RadPicker_Material input.riTextBox {
    border: none !important;
    height: 28px !important;
    min-height: 28px !important;
    background-color: var(--connx-white) !important;
    border-radius: 0.5rem !important;
}

.RadComboBox_Material {
    border: 1px solid var(--connx-grey-tint-65) !important;
    border-radius: 0.25rem !important;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    height: 30px;
    padding: 0 !important;
}

.RadComboBox_Material .rcbInner:before {
    display: none;
}

.RadComboBox_Material .rcbInner {
    padding: 6px 30px 5px 10px !important;
}

.RadInput_Material .riFocused,
.RadInputMgr_Material {
    box-shadow: none !important;
}

.RadInputFocused input.riTextBox {
    border-color: var(--connx-primary) !important;
    color: var(--connx-grey-shade-20);
    box-shadow: none;
}

/* Page content height calculations */
#aspnetForm,
.m-grid,
.m-content>div {
    min-height: 100%;
}

/*#main_portlet, #m-content { height: 100%; }*/
#main_portlet>.m-portlet__body {
    height: -moz-calc(100% - 82px);
    height: -webkit-calc(100% - 82px);
    height: calc(100% - 82px);
    /*height: calc(100vh - 155px);*/
    /*min-height: -moz-calc(100% - 66px);
    min-height: -webkit-calc(100% - 66px);
    min-height: calc(100% - 66px);*/
}

/* fixes scrolling sticky header screen shudder. */
.m-portlet--sticky {
    margin-bottom: 62px !important;
}

@media screen and (max-height: 500px) {
    .m-header-menu .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item>.m-menu__link {
        padding: 0 30px !important;
    }

    hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .m-portlet--sticky {
        margin-bottom: unset !important;
    }
}

@media screen and (max-height: 700px) {
    .m-header-menu .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item>.m-menu__link {
        padding: 1px 30px !important;
    }

    hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .m-portlet--sticky {
        margin-bottom: unset !important;
    }
}

@media screen and (max-height: 800px) {
    .m-header-menu .m-menu__nav>.m-menu__item .m-menu__submenu>.m-menu__subnav .m-menu__content .m-menu__inner>.m-menu__item>.m-menu__link {
        padding: 1px 30px !important;
    }

    hr {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .m-portlet--sticky {
        margin-bottom: unset !important;
    }
}

@media print {

    #m_header,
    .m-dropdown--open,
    #ctl00_mpdivSubMenu {
        visibility: hidden;
    }

    @page {
        margin: 15mm 15mm 15mm 15mm;
        size: auto;
    }

    html,
    body {
        margin: 0;
        height: unset !important;
        display: block !important;
    }

    @supports (-moz-appearance:meterbar) {

        #m-content {
            position: absolute;
            left: 0;
            top: 0;
            width: auto;
        }

        .row {
            display: block !important;
        }
    }

    #mpdivWithScroll {
        overflow: visible !important;
        height: unset !important;
    }

    .PopUpContent {
        overflow: visible !important;
        height: unset !important;
    }

    #aspnetForm {
        height: unset !important;
    }

    #main_portlet>.m-portlet__body {
        height: unset !important;
    }
}

.PopUpContent {
    width: 100% !important;
    height: 100%;
}

#mpdivWithScroll {
    overflow: auto;
    width: 100%;
    height: 100%;
}


.modal-header .close {
    margin: unset;
}

/* Edge/IE filter fix*/
_:-ms-lang(x),
.m-dropdown__inner {
    width: 570px;
    right: 300px;
    position: relative;
}


.text-smallest {
    font-size: 0.60rem;
}

.text-small {
    font-size: 0.75rem;
}

.NoPadding {
    padding: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.LowHeightButton {
    height: 24px !important;
    min-height: 24px !important;
    padding: 3px 1.15rem;
}

.ProfileMenuTabContent {
    height: 370px;
    overflow: auto;
}



.QuickLinksBoxContainer {
    float: left;
    width: 70px;
    margin-bottom: 5px;
}

.QuickLinksBoxIcon {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 2px var(--connx-white) solid;
}

.QuickLinksBoxIconHover {
    /*color: var(--connx-grey);*/
    border: 2px var(--connx-grey-tint-80) solid;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-bottom: 0;
}

.QuickLinksBoxText {
    font-size: 11px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.QuickLinksBoxTextHover {
    color: var(--connx-grey);
    background-color: var(--connx-grey-tint-80);
    border: 2px var(--connx-grey-tint-80) solid;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top: 0;
}

.QuickLinksBoxIcon i {
    font-size: 30px;
}

.QuickLinksBigger {
    transform: scale(1.35);
    transform-origin: 0 0;
    margin-left: 10px;
    margin-top: 10px;
    max-width: 230px;
    max-height: 350px;
}

.QuickLinksBiggest {
    transform: scale(2.2);
    transform-origin: 0 0;
    margin-left: 10px;
    margin-top: 10px;
    max-width: 150px;
    max-height: 350px;
}

.WiderMenuBox {
    width: 420px !important;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon {
    color: var(--connx-navigation-text) !important;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon .fa {
    font-weight: 400;
    font-size: unset;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link:hover .m-nav__link-icon {
    color: var(--connx-navigation-text) !important;
}

.m-nav .m-nav__item>.m-nav__link .m-nav__link-icon {
    color: var(--connx-grey);
}


/*datagrid*/
.m-table tbody [class="fa fa-trash-alt"] {
    color: var(--connx-danger) !important;
}

.m-table tbody [class="fa fa-trash-alt"]:hover {
    color: var(--connx-danger-shade-10) !important;
}

.m-table tbody [class="fa fa-pen"] {
    color: var(--connx-primary) !important;
}

.m-table tbody [class="fa fa-pen"]:hover {
    color: var(--connx-primary-shade-15) !important;
}

.m-table tbody [class="fa fa-check"] {
    color: var(--connx-success) !important;
}

.m-table tbody [class="fa fa-check"]:hover {
    color: var(--connx-success-shade-15) !important;
}

.m-table tbody [class="fa fa-times"] {
    color: var(--connx-grey) !important;
}

.m-table tbody [class="fa fa-times"]:hover {
    color: var(--connx-grey-shade-20) !important;
}

.m-table tbody [class="fa fa-angle-down"] {
    color: var(--connx-grey) !important;
    font-size: 16px !important;
}

.m-table tbody [class="fa fa-angle-down"]:hover {
    color: var(--connx-grey-shade-20) !important;
    font-size: 16px !important;
}

.m-table tbody [class="fa fa-angle-up"] {
    color: var(--connx-grey) !important;
    font-size: 16px !important;
}

.m-table tbody [class="fa fa-angle-up"]:hover {
    color: var(--connx-grey-shade-20) !important;
    font-size: 16px !important;
}

/*radgrid*/
.rgMasterTable tbody [class="fa fa-trash-alt"] {
    color: var(--connx-danger) !important;
}

.rgMasterTable tbody [class="fa fa-trash-alt"]:hover {
    color: var(--connx-danger-shade-10) !important;
}

.rgMasterTable tbody [class="fa fa-pen"] {
    color: var(--connx-primary) !important;
}

.rgMasterTable tbody [class="fa fa-pen"]:hover {
    color: var(--connx-primary-shade-15) !important;
}

.rgMasterTable tbody [class="fa fa-check"] {
    color: var(--connx-success) !important;
}

.rgMasterTable tbody [class="fa fa-check"]:hover {
    color: var(--connx-success-shade-15) !important;
}

.rgMasterTable tbody [class="fa fa-times"] {
    color: var(--connx-grey) !important;
}

.rgMasterTable tbody [class="fa fa-times"]:hover {
    color: var(--connx-grey-shade-20) !important;
}

.rgMasterTable tbody [class="fa fa-angle-down"] {
    color: var(--connx-grey) !important;
    font-size: 16px !important;
}

.rgMasterTable tbody [class="fa fa-angle-down"]:hover {
    color: var(--connx-grey-shade-20) !important;
    font-size: 16px !important;
}

.rgMasterTable tbody [class="fa fa-angle-up"] {
    color: var(--connx-grey) !important;
    font-size: 16px !important;
}

.rgMasterTable tbody [class="fa fa-angle-up"]:hover {
    color: var(--connx-grey-shade-20) !important;
    font-size: 16px !important;
}

.rgMasterTable tbody tr:hover a [class="fa fa-trash-alt"] {
    visibility: visible;
}

.rgMasterTable tbody tr td a [class="fa fa-trash-alt"] {
    visibility: hidden;
}

.rgMasterTable tbody tr:hover a [class="fa fa-angle-down"] {
    visibility: visible;
}

.rgMasterTable tbody tr td a [class="fa fa-angle-down"] {
    visibility: hidden;
}

.rgMasterTable tbody tr:hover a [class="fa fa-angle-up"] {
    visibility: visible;
}

.rgMasterTable tbody tr td a [class="fa fa-angle-up"] {
    visibility: hidden;
}

.rgMasterTable tbody tr:hover a [class="fa fa-pen"] {
    visibility: visible;
}

.rgMasterTable tbody tr td a [class="fa fa-pen"] {
    visibility: hidden;
}

/* Function Bar Button style */
.FuncBarBtn {
    color: var(--connx-grey) !important;
    border-color: var(--connx-grey-tint-70);
    border-radius: 50%;
    width: 35px !important;
    height: 35px !important;
    padding-left: 9px !important;
    margin: 0px 7px;
}

.FuncBarBtn [class*="fa fa-plus"],
[class*="fa fa-pen"],
[class*="fa fa-trash-alt"] {
    font-size: 1.25rem !important;
}

.btn.m-btn--hover-brand.FuncBarBtnEdit:hover {
    background-color: var(--connx-grey-tint-70) !important;
    border-color: var(--connx-grey-tint-70) !important;
}

.btn.m-btn--hover-brand.FuncBarBtnEdit:hover i {
    color: var(--connx-grey) !important;
}

.btn.m-btn--hover-brand.FuncBarBtnFilter:hover {
    background-color: var(--connx-grey-tint-70) !important;
    border-color: var(--connx-grey-tint-70) !important;
}

.btn.m-btn--hover-brand.FuncBarBtnFilter:hover i {
    color: var(--connx-grey) !important;
}

.btn.m-btn--hover-brand.FuncBarBtnDelete:hover {
    background-color: var(--connx-danger) !important;
    border-color: var(--connx-danger) !important
}

.btn.m-btn--hover-brand.FuncBarBtnDelete:focus {
    background-color: var(--connx-white) !important;
    border-color: var(--connx-grey-tint-70) !important;
}

.btn.m-btn--hover-brand.FuncBarBtnDelete:focus i {
    color: var(--connx-grey) !important;
}

.btn.m-btn--hover-brand.FuncBarBtnEllipsis:hover {
    background-color: var(--connx-grey-tint-70) !important;
    border-color: var(--connx-grey-tint-70) !important;
}

.btn.m-btn--hover-brand.FuncBarBtnEllipsis:hover i {
    color: var(--connx-grey) !important;
}

.btn-outline-danger:hover {
    color: var(--connx-white);
}

.btn-outline-success:hover {
    color: var(--connx-white);
}

.rgHeaderWrapper .rgFilter input[type="button"] {
    right: unset !important;
}

.RadGrid_Material .rgBatchContainer>[type="text"]:focus {
    border-color: var(--connx-grey-tint-65) !important;
    box-shadow: unset !important;
}

.FavRemoveIcon {
    color: var(--connx-grey-tint-80) !important;
}

.FavRemoveIcon:hover {
    color: var(--connx-danger) !important;
}

.TableHeaderRow th {
    background: var(--connx-headers);
    color: var(--connx-grid-header-text) !important;
    border-bottom: 0;
    border-top: 0;
    height: 47px;
    vertical-align: middle;
}

.TableHeaderRow th:hover {
    background-color: var(--connx-grid-header-background-hover) !important;
}

.NoBorderTopOnCells td,
.NoBorderTopOnCells th {
    border-top: 0 !important;
}

.RadInput_Material .riDisabled {
    color: var(--connx-black) !important;
}

.swal2-confirm.btn.btn-success {
    min-width: 90px !important;
}

.btn-outline-success.disabled,
.btn-outline-success:disabled:hover {
    color: var(--connx-success);
    background-color: transparent;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled:hover {
    color: var(--connx-primary);
    background-color: transparent;
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled:hover {
    color: var(--connx-danger);
    background-color: transparent;
}




.FormTable td {
    padding: 4px;
}


.FormTableNoPadding td {
    padding: 0;
}

.FormTableExtraPadding td {
    padding: 5px;
}

.FormTableNormalPadding td {
    padding: 4px;
}


.CompactDDL {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.StyleMaskedTextBox {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    width: 45px !important;
    font-size: 1rem !important;
    height: 30px !important;
    min-height: 30px !important;
    display: inline-block !important;
    border: 1px solid var(--connx-grey-tint-70) !important;
    color: var(--connx-grey-shade-20) !important;
    border-radius: 0.25rem !important;
    padding: 0.45rem 5px !important;
    line-height: 1.5 !important;
}

/* style radgrid filter checkbox*/
.rgFilterRow input[type="checkbox"] {
    border-radius: 3px !important;
    background: none !important;
    height: 18px !important;
    width: 18px !important;
    vertical-align: inherit !important;
}

/* ide spin button for number inputs*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.StyleMaskedTextBox {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    width: 45px !important;
    font-size: 1rem !important;
    height: 30px !important;
    min-height: 30px !important;
    display: inline-block !important;
    border: 1px solid var(--connx-grey-tint-70) !important;
    color: var(--connx-grey-shade-20) !important;
    border-radius: 0.25rem !important;
    padding: 0.45rem 5px !important;
    line-height: 1.5 !important;
}

.form-control-ddl {
    font-size: 1rem;
    height: 33px;
    min-height: 33px;
}

.FocusIcon:focus {
    border: 1px dashed;
}



.alert-fit-content {
    width: max-content !important;
}

.ButtonIconRight {
    padding-left: 0 !important;
    padding-right: 0.5em;
}


.RadInput a {
    color: gray !important;
    border-left-style: unset !important;
}

.modal .modal-content .modal-header .modal-title {
    flex: 1;
}

.modal-title {
    white-space: nowrap;
}

/* Files / Documents display */
.file {
    color: var(--connx-primary);
}

.file:before {
    font-family: 'Font Awesome 5 Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.7rem;
    padding-right: .5rem;
    color: var(--connx-blue-grey);
    content: "\f15b";
}

.file[data-extension=".png"]:before,
.file[data-extension=".jpg"]:before,
.file[data-extension=".jpe"]:before,
.file[data-extension=".jpeg"]:before,
.file[data-extension=".gif"]:before,
.file[data-extension=".bmp"]:before {
    color: var(--connx-blue-grey);
    content: "\f1c5";
}

.file[data-extension=".ppt"]:before,
.file[data-extension=".pptx"]:before,
.file[data-extension=".pps"]:before,
.file[data-extension=".ppsx"]:before {
    color: #d24726;
    content: "\f1c4";
}

.file[data-extension=".doc"]:before,
.file[data-extension=".docx"]:before,
.file[data-extension=".dot"]:before,
.file[data-extension=".dotx"]:before {
    color: #2b579a;
    content: "\f1c2";
}

.file[data-extension=".xls"]:before,
.file[data-extension=".xlsx"]:before,
.file[data-extension=".xlt"]:before,
.file[data-extension=".xltx"]:before {
    color: var(--connx-success-shade-45);
    content: "\f1c3";
}

.file[data-extension=".csv"]:before {
    color: var(--connx-success-shade-45);
    content: "\f6dd";
}

.file[data-extension=".pdf"]:before {
    color: #ff2116;
    content: "\f1c1";
}

.file[data-extension=".mp4"]:before,
.file[data-extension=".wmv"]:before,
.file[data-extension=".avi"]:before,
.file[data-extension=".mpeg"]:before,
.file[data-extension=".mpg"]:before,
.file[data-extension=".mpe"]:before,
.file[data-extension=".mkv"]:before,
.file[data-extension=".mov"]:before {
    color: var(--connx-blue-grey);
    content: "\f1c8";
}

.file[data-extension=".mp3"]:before,
.file[data-extension=".wma"]:before,
.file[data-extension=".wav"]:before,
.file[data-extension=".m3u"]:before,
.file[data-extension=".mid"]:before,
.file[data-extension=".midi"]:before,
.file[data-extension=".snd"]:before {
    color: var(--connx-blue-grey);
    content: "\f1c7";
}

.file[data-extension=".txt"]:before,
.file[data-extension=".rtf"]:before {
    color: var(--connx-blue-grey);
    content: "\f15c";
}


.table tbody tr:first-child td {
    border-top: none !important;
}

.ChartStyle {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    border: 1px solid var(--connx-grey-tint-40);
}















.RadGrid_Material .rgGroupItem {
    padding: 2px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.RadGrid .rgGroupItem+.rgGroupItem:before {
    left: -17px !important;
}

.RadGrid_Material .rgGroupPanel {
    padding: 0 !important;
}

.RadGrid div.rgHeaderWrapper {
    background-color: var(--connx-grid-header-background) !important;
    /* border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: var(--connx-grid-border-outer); */
}

/*.RadGrid_Material .rgHeader, .RadGrid_Material th.rgResizeCol, .RadGrid_Material .rgHeaderWrapper {
    padding: 0px !important;
    line-height: 35px !important;
}*/

/*div.rgHeaderDiv .rgMasterTable thead tr:first-child th a
{
    padding-left: 15px !important;
}*/

.rgHeader {
    padding: 0 5px;
    height: 35px !important;
}

.rgRow,
.rgAltRow {
    height: 35px !important;
}

body .RadGrid tfoot .rgCommandCell,
body .RadGrid .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell {
    padding: 4px 10px;
}

body .RadGrid_Material .rgCommandCell .t-button {
    padding: 4px;
    border-radius: 4px;
}

body .k-pager,
body .rgPager {
    background-color: var(--connx-grid-pager-background);
}

body .k-pager-info {
    font-size: .857em;
    font-weight: 400;
}

body .k-pager-info,
body .RadGrid_Material .rgPagerCell .rgInfoPart,
body .RadGrid_Material .rgPagerCell .rgSliderLabel,
body .RadGrid_Material .rgPagerCell .rgPagerLabel {
    color: var(--connx-grid-pager-text);
}

body .k-pager-numbers-wrap .k-button,
body .k-pager-numbers-wrap .k-button-flat-primary,
body .RadGrid_Material .rgPagerCell .t-button {

    background-color: var(--connx-grid-pager-button-background);
    color: var(--connx-grid-pager-button-text);
}

body .RadGrid_Material .rgPagerCell .t-button {
    padding: 2px;
    border-radius: 50%;
    width: 12px;
    height: 15px;
}

.RadGrid_Material .rgPagerCell .rgIcon:before {
    padding-right: 6px;
}

body .RadGrid_Material .rgPagerCell .t-button:hover {
    padding: 2px;
    border-radius: 50%;
    background-color: var(--connx-grid-pager-button-background-hover);
    color: var(--connx-grid-pager-button-text-hover);
}

body .RadGrid_Material .rgPagerCell .NextPrev {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body .RadGrid_Material .rgPagerCell .NextPrev .rgWrap:first-child {
    width: 100%;
}

body .RadGrid_Material .rgPagerCell .rgWrap.rgInfoPart {
    padding: 0;
}

body .RadGrid {
    border-bottom: 1px solid var(--connx-grid-border-outer) !important;
    margin-top: 1px; /* Fix for border top */
}

body .ChartStyle .rgCommandRow {
    /* border-width: 1px;
    border-radius: var(--connx-grid-border-outer-radius);
    overflow: hidden; */
}

body .tailwindcss .k-grid,
body .RadGrid.RadGrid_Material:not(.rgHeaderOver) {
    border-radius: var(--connx-grid-border-outer-radius);
    overflow: hidden;
    border: inherit;
}

body .tailwindcss .k-grid:not(.tw-border-none),
body .RadGrid.RadGrid_Material:not(.rgHeaderOver) {
    border: 1px solid var(--connx-grid-border-outer, transparent);
}

.amcharts-amexport-item.amcharts-amexport-item-level-0>a,
.amcharts-amexport-item.amcharts-amexport-item-level-1>a,
.amcharts-amexport-item.amcharts-amexport-item-level-2>a {
    color: var(--connx-grey);
}

.amcharts-amexport-item.amcharts-amexport-item-level-0.amcharts-amexport-item-blank,
.amcharts-amexport-item.amcharts-amexport-item-level-1.amcharts-amexport-item-blank,
.amcharts-amexport-item.amcharts-amexport-item-level-2.amcharts-amexport-item-blank {
    background-color: var(--connx-grey-tint-80);
}

.amcharts-amexport-item.amcharts-amexport-item-level-0.amcharts-amexport-item-blank:hover,
.amcharts-amexport-item.amcharts-amexport-item-level-1.amcharts-amexport-item-blank:hover,
.amcharts-amexport-item.amcharts-amexport-item-level-2.amcharts-amexport-item-blank:hover,
.amcharts-amexport-item.amcharts-amexport-item-level-0.amcharts-amexport-item-blank.active:hover,
.amcharts-amexport-item.amcharts-amexport-item-level-1.amcharts-amexport-item-blank.active:hover,
.amcharts-amexport-item.amcharts-amexport-item-level-2.amcharts-amexport-item-blank.active:hover {
    background-color: var(--connx-grey-tint-60);
}

.RadGrid .m-checkbox {
    padding-left: 0;
}

.gridCheckBoxColumn .rgActionButton {
    right: -10px !important;
}

.RadComboBoxDropDown .rcbCheckBox,
.RadComboBoxDropDown .rcbCheckAllItemsCheckBox {
    -webkit-appearance: none;
    background-color: var(--connx-white);
    border: 1px solid #a9adb4;
    margin: 3px 6px 3px 4px !important;
    padding: 8px !important;
    border-radius: 3px;
    display: inline-block;
    position: relative !important;
}

.RadComboBoxDropDown .rcbCheckBox:checked:after,
.RadComboBoxDropDown .rcbCheckAllItemsCheckBox:checked:after {
    content: '\2714';
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    color: var(--connx-grey-shade-05);
}

.RadComboBox {
    padding: 0;
    font-size: 1rem;
    height: 30px;
    min-height: 30px;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.RadComboBox>table {
    height: 30px;
    border-color: var(--connx-grey-tint-70);
    color: var(--connx-grey-shade-20);
    border-radius: 0.25rem;
}

.RadComboBox .rcbInputCell,
.RadComboBox .rcbArrowCell {
    background: transparent !important;
    border: none !important;
}

.RadComboBox_Metro .rcbReadOnly .rcbInput {
    font-size: 13px;
    color: var(--connx-grey-shade-20) !important;
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.RadGrid_Material .rgPagerCell .rgInfoPart,
.RadGrid_Material .rgPagerCell .rgSliderLabel,
.RadGrid_Material .rgPagerCell .rgPagerLabel {
    padding-bottom: 0 !important;
    padding-right: 10px;
}

.RadGrid_Material .t-button {
    padding: 3px !important;
    padding-top: 0px !important;
}


.RadGrid_Material .t-font-icon:before {
    font-size: 13px !important;
    /*color: var(--connx-grey-shade-05);*/
    height: 20px;
    width: 20px;
    padding-top: 3px;
}

div.rgArrPart1 {
    margin-top: 3px;
}

div.rgInfoPart {
    padding-top: 5px !important;
}

.m-table.m-table--head-bg-accent thead th {
    padding: 0 5px;
    height: 35px !important;
    color: var(--connx-grid-header-text);
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid var(--connx-grid-border-default);
}

.m-table.m-table--head-bg-accent tr,
.m-table.m-table--head-bg-accent tr:hover {
    height: 35px !important;
}

.m-table.m-table--head-bg-accent td {
    padding: 3px 5px;
}

.RadGrid_Material .rgRow>td,
.RadGrid_Material .rgAltRow>td,
.RadGrid_Material .rgEditRow>td {
    padding: 3px 5px;
}

_:-ms-lang(x),
.MSFavReportHeight {
    height: 500px;
}

.md-detail {
    border-top: 1px solid var(--connx-grey-tint-70);
    margin: 12px -14px 0 -14px;
    padding: 12px 14px 0 14px;
}

.md-detail .RadGrid {
    display: none;
}

.md-headerSelected {
    border-bottom: 1px solid var(--connx-grey-tint-70);
    margin-bottom: 6px;
}

.GridHeader {
    padding-bottom: 6px;
}

.GridHeader h5 {
    vertical-align: middle;
    line-height: unset;
    margin-top: 7px;
}

.CenterColumn {
    text-align: center !important;
}

.CenterRight {
    text-align: right !important;
}

.m-checkbox>input:checked~span,
.m-radio>input:checked~span,
.m-checkbox>span,
.m-radio>span {
    background-color: var(--connx-white);
}


.shake {
    animation-name: shake;
    animation-duration: 700ms;
    border-right: 1px !important;
}

.selectColumnButton {
    width: 45px !important;
}



.m-table.m-table--head-bg-accent th {
    background-color: var(--connx-grid-header-background);
    color: var(--connx-grid-header-text) !important;
    padding: 0 5px;
    height: 35px !important;
    vertical-align: middle;
}

.m-table.m-table--head-bg-accent th:hover {
    background-color: var(--connx-grid-header-background-hover) !important;
}

.m-table.m-table--head-bg-accent th a {
    color: var(--connx-grid-header-text);
    text-decoration: none;
}



.HiddenMenuHeaderPosition {
    top: 0px;
}

#ctl00_modalBody {
    position: relative;
}

.toast-container {
    position: absolute !important;
    bottom: 0px;
    left: 50%;
    margin-left: -150px;
}

body .RadComboBoxDropDown_Metro,
.toast-message {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    font-size: 13px;
}

#toast-container>.toast {
    background-image: none !important;
}

#toast-container>.toast:before {
    position: relative;
    font-family: 'Font Awesome 5 Pro';
    font-size: 24px;
    line-height: 18px;
    float: left;
    margin-left: -1em;
    color: var(--connx-white);
    padding-right: 0.5em;
    margin-right: 0.5em;
}

#toast-container>.toast-success:before {
    content: "\f00c";
}

#toast-container>.toast-error:before {
    content: "\f00d";
}

#toast-container>.toast-warning:before {
    content: "\f071";
}

#toast-container>.toast-info:before {
    content: "\f05a";
}



button .fa-angle-down,
button .fa-angle-up {
    padding-left: 2px;
}


.swal2-popup {
    width: unset !important;
    min-width: 32em;
    max-width: 800px;
}


.multiColumnComboBox {
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
    color: var(--connx-grey-shade-20) !important;
}

.multiColumnComboBox::placeholder {
    color: var(--connx-grey-shade-20) !important;
}

.k-i-arrow-s::before,
.k-i-arrow-60-down::before,
.t-i-arrow-s::before,
.t-i-arrow-down::before,
.p-i-arrow-s::before,
.p-i-arrow-down::before,
.p-i-arrow-60-down::before {
    content: none;
}

.k-i-arrow-60-down::before {
    content: "\f0d7" !important;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    color: var(--connx-grey-shade-20);
}

.k-dropdown-wrap .k-select {
    padding: unset !important;
    width: unset !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}


.RadMultiColumnComboBox_Default .k-select {
    background-color: var(--connx-white) !important;
    background-image: unset !important;
    border-color: var(--connx-white) !important;
}

.k-dropdown-wrap>.k-i-close {
    right: 2.4em;
    visibility: hidden;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.RadMultiColumnComboBox_Default .k-state-default {
    border-color: var(--connx-grey-tint-70);
}

.RadMultiColumnComboBox_Default .k-state-active,
.RadMultiColumnComboBox_Default .k-state-focused {
    border-color: var(--connx-primary) !important;
}

.RadComboBox_Default .rcbActionButton .p-i-arrow-60-down::before {
    content: "\f0d7" !important;
    /*content: "\f107" !important;*/
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    color: var(--connx-grey-shade-20);
}

.RadComboBox_Default .rcbActionButton {
    display: block !important;
    visibility: visible !important;
    border-color: var(--connx-white) !important;
    color: var(--connx-grey-shade-55) !important;
    background-color: unset !important;
    background-image: unset !important;
    border-radius: 0 3px 3px 0;
}

.RadComboBox_Default .rcbHovered .rcbActionButton {
    border-color: var(--connx-white) !important;
    color: var(--connx-grey-shade-55) !important;
    background-color: unset !important;
    background-image: unset !important;
    border-radius: 0 3px 3px 0;
}

/*.RadComboBox_Default .rcbFocused, .RadComboBox_Default .rcbExpanded {
    border-color: var(--connx-white);
    color: var(--connx-grey-shade-55);
    background-color: var(--connx-white);
}*/

.RadComboBox_Default .rcbFocused .rcbActionButton,
.RadComboBox_Default .rcbExpanded .rcbActionButton {
    border-color: var(--connx-white) !important;
    color: var(--connx-black) !important;
    background-color: var(--connx-white) !important;
    background-image: unset !important;
}

.RadComboBox_Default .rcbInner {
    border-color: var(--connx-grey-tint-70) !important;
}



.k-dropdowngrid-popup .k-header {
    border-color: var(--connx-headers) !important;
    color: var(--connx-grid-header-text) !important;
    background-color: var(--connx-headers) !important;
}

.k-dropdowngrid-popup .k-cell {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom: 1px solid var(--connx-grey-tint-65) !important;
}

.k-dropdowngrid-popup .k-item.k-state-focused {
    box-shadow: unset !important;
}

.k-dropdowngrid-popup {
    border-color: var(--connx-grey) !important;
    background-color: var(--connx-white);
    border-width: 1px !important;
    border-style: solid !important;
    border-style: solid !important;
}

.k-dropdowngrid-popup .k-item:nth-child(2n) {
    background-color: var(--connx-white) !important;
}

.k-dropdowngrid-popup .k-item:nth-child(2n):hover {
    background-color: var(--connx-grey-tint-85) !important;
}

.smallProfilePic {
    max-width: 40px;
    max-height: 40px;
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.form-control-radio-checkbox {
    border: 0px;
    padding-left: 0px;
}

@media only screen {
    #m_modal_help .modal-content {
        height: calc(100vh - 175px) !important;
    }
}

.k-reset .k-grid-list {
    background-color: white;
}

.k-grid-list>.k-item {
    box-sizing: border-box;
    position: relative;
    display: table !important;
}


a.ConnXDocumentViewLink:link {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: var(--connx-grey-shade-25) !important;
    font-size: 13px;
    text-decoration: none;
}

a.ConnXDocumentViewLink:visited {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: var(--connx-grey-shade-25) !important;
    font-size: 13px;
    text-decoration: none;
}

a.ConnXDocumentViewLink:hover {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: var(--connx-grey-shade-25) !important;
    font-size: 13px;
    text-decoration: underline;
}

a.ConnXDocumentViewLink:active {
    font-family: ConnXFont, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: var(--connx-grey-shade-25) !important;
    font-size: 13px;
    text-decoration: none;
}

/* View Document */
.popupViewDocument {
    display: none;
    position: fixed;
    padding: 10px;
    width: 94vw;
    left: 50%;
    margin-left: -47vw;
    height: 92vh;
    top: 45%;
    margin-top: -40vh;
    /*background: var(--connx-white);*/
    z-index: 20;
}

#mpdivPopupViewDocument:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -2;
}

#mpdivPopupViewDocument:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--connx-white);
    z-index: -1;
    border-radius: 4px !important;
}

.view-document__container {
    vertical-align: top;
    display: flex;
    align-items: center;
    word-break: break-word;
}

.view-document__title {
    width: 100px;
    min-width: 100px;
    padding-top: 5px;
    float: left;
}

.view-document__icon {
    padding-top: 1px;
    float: left;
}

.view-document__link {
    padding-top: 5px;
    float: left;
    padding-left: 10px;
    display: flex;
}

.view-document__button--remove {
    height: 22px !important;
    min-height: unset;
    padding: 2px;
    margin-left: 10px;
    border: 0px;
}


/*Approve or Deny*/

div[class$="divApproveOrDeny"] {
    padding-left: 14px;
    padding-right: 14px;
    background: var(--connx-grey-tint-95);
    max-width: 378px;
}

table[id$="tblApproveOrDeny"] {
    width: 100%;
    max-width: 350px;
    min-width: 320px;
}

table[id$="tblApproveOrDeny"] tr td {
    vertical-align: middle;
}

table[id$="tblApproveOrDeny"] tr td #ctl00_cphMainContent_cbProcess {
    width: 90px;
    margin-top: 7px;
    margin-bottom: 7px;
}

table[id$="tblApproveOrDeny"] tr td #ctl00_cphMainContent_ucResultsAlertMessage_divAlert {
    width: 100%;
}

table[id$="tblApproveOrDeny"] tr td span#ctl00_cphMainContent_rblAction label {
    margin-bottom: 2px;
}

.documentViewer_close {
    font-weight: 700;
    font-family: LineAwesome;
    font-size: 1.85rem;
    border: 0;
    background-color: transparent;
    margin-top: -7px;
}

table[id$="tblApproveOrDeny"] tr td span#ctl00_cphMainContent_rblAction label {
    margin-bottom: 2px;
}

.RadComboBox_MultiCol.RadComboBoxDropDown .rcbHeader {
    border-color: var(--connx-headers) !important;
    color: var(--connx-grid-header-text) !important;
    background-color: var(--connx-headers) !important;
}

li.rcbItem.rcbTemplate {
    border-bottom: solid 0.1px #ccc;
}

.RadComboBox .rcbInner {
    border-style: unset !important
}

.RadComboBoxDropDown em {
    font-style: normal;
    font-weight: bold;
    background-color: unset !important;
}

.RadComboBoxDropDown_Default .rcbScroll {
    height: 289px !important;
}

.RadComboBoxDropDown {
    height: 350px !important;
}

.text-success {
    color: var(--connx-success);
}


@media only screen and (max-width: 600px) {
    .RadComboBox_Default .rcbInner {
        height: 100%;
    }

    .rcbActionButton {
        height: 100% !important;
    }

    .RadComboBox .rcbActionButton {
        padding: unset !important;
        background-color: transparent !important;
        border-color: transparent !important;
        padding-right: 5px !important
    }

    .RadComboBox .rcbInput {
        height: 100% !important;
    }
}

.CostAccountDDL-CostAccount {
    Width: 80px;
    max-width: 200px;
    word-break: break-word
}

.ActivitytDDL-Activity {
    Width: 80px;
    max-width: 200px;
    word-break: break-word
}

.PhaseDDL-Phase {
    Width: 80px;
    max-width: 200px;
    word-break: break-word
}

.TaskDDL-Task {
    Width: 80px;
    max-width: 200px;
    word-break: break-word
}

.rcbMoreResults {
    color: var(--connx-primary);
}

.RadComboBoxDropDown .rcbMoreResults a {
    display: none !important;
}

.LimitExceed {
    color: red;
}

.DashboardTableHeader {
    color: var(--connx-grid-header-text) !important;
    background-color: var(--connx-headers);
    font-weight: 400;
}

.DashboardTableHeader h6 {
    margin: 0;
    padding: 5px 0;
}

.DashboardTableRow {
    padding: 0 5px;
    height: 50px !important;
    color: var(--connx-black);
    background-color: var(--connx-white);
    border-top: 1px solid var(--connx-grey-tint-75);
}

.DashboardTableRow:hover {
    background-color: var(--connx-grey-tint-85);
}

.DashboardTableRow td {
    padding: 5px;
}

.DashboardTableHeader td {
    padding: 5px;
}

.RadMultiSelect_Default .k-multiselect-wrap {
    border-color: var(--connx-grey-tint-70) !important;
    color: var(--connx-grey-shade-20) !important;
    flex: 0 1 auto !important;
}





.RadGrid_Material .rgCommandCell {
    border: 0px;
    padding-right: 10px !important;
}


.rgRefresh>.rgButtonText {
    display: none !important;
}

.RadGrid .rgFilterIcon:before {
    font-size: 13px !important;
    margin-top: 3px !important;
    border: 0px !important;
    height: 18px !important;
}












/*.m-body .m-content {
    background: var(--connx-grey-shade-10);
    background: linear-gradient(180deg, var(--connx-grey-shade-10) 0px, var(--connx-grey-shade-10) 35%, var(--connx-white) 100%);
}

body.m--skin-light {
    color: var(--connx-white);
}*/

.RadMultiColumnComboBox .k-icon {
    display: inline-flex !important;
}

.m-nav__link-icon .fa-envelope {}

.m-nav__link-icon i {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-nav__link-icon .fa-envelope {
    padding-top: 6px;
}

.m-nav__indicators {
    width: 35px;
    height: 35px;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: 0.2s ease-in-out all;
}

.m-nav__indicators:hover {
    text-decoration: none;
    background-color: var(--connx-navigation-background-hover);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);
}

body .RadGrid tfoot .rgCommandCell,
body .RadGrid .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell,
body .RadGrid_Material .rgPagerCell,
body .rgDataDiv,
body .RadGrid div.rgHeaderWrapper body .rgDataDiv,
body .RadGrid div.rgHeaderWrapper,
body .rgCommandRow,
body .rgPager {
    border-collapse: collapse;
    overflow: hidden;
    border-style: solid;
    border-color: var(--connx-grid-border-outer);
}

body .RadGrid tfoot .rgCommandCell,
body .RadGrid .rgMasterTable>tbody>tr.rgCommandRow .rgCommandCell {
    border-radius: 0;
}

body .RadGrid div.rgHeaderWrapper {
    position: relative;
    border-top-left-radius: var(--connx-grid-border-outer-radius);
    border-top-right-radius: var(--connx-grid-border-outer-radius);
}
body .RadGrid div.rgHeaderWrapper:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: -1px;
    right: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    border-style: solid;
    border-color: var(--connx-grid-border-outer);
    border-radius: var(--connx-grid-border-outer-radius) var(--connx-grid-border-outer-radius) 0 0px;
    border-width: 1px 1px 0 1px;
}
body .RadGrid .rgGroupPanel + .rgHeaderWrapper:before {
    border-top-left-radius: var(--connx-grid-border-outer-radius);
    border-top-right-radius: var(--connx-grid-border-outer-radius);
}

body .rgDataDiv {
    border: none;
}
body .RadGrid_Material .rgPagerCell {
    border-radius: 0 0 var(--connx-grid-border-outer-radius) var(--connx-grid-border-outer-radius);
    border-width: 1px 0 0 0;
}

body .rgCommandRow {
    border-width: 0;
}

body .rgPager {
    overflow: hidden;
    border-width: 0px 1px 1px 1px;
    border-radius: var(--connx-grid-border-outer-radius) var(--connx-grid-border-outer-radius) 0 0px;
}

body .RadGrid_Material .rgPagerCell .rgInfoPart,
body .RadGrid_Material .rgPagerCell .rgSliderLabel,
.RadGrid_Material .rgPagerCell .rgPagerLabel {
    font-weight: 350;
}

body .RadGrid,
body .rgPager {
    border-radius: var(--connx-grid-border-outer-radius);
}

body .RadGrid_Material .rgMasterTable {
    border-collapse: separate;
}

body .rgDataDiv {
    border-radius: 0;
}

body .RadGrid {
    overflow: visible !important;
}

.hr-primary {
    border-top: 1px solid var(--connx-grey-tint-65);
}

.GridContextMenu_Material .rmContent .form-control
{
    width: 100%;
}

.rcTitlebar .btn {
    height: unset !important;
    min-height: unset;
}

body .k-icon, body .p-icon, body .t-icon, body .t-font-icon, body .t-efi {
    line-height: 1 !important;
}

body .RadCalendarMonthView_Material .rcSelected a {
    color: var(--connx-primary) !important;
}

.menuGroupHeaderAllowWrapping
{
    white-space: normal !important;
}

.SearchMatches-results a {
    display: block;
    color: var(--connx-grey-shade-20);
    padding: 4px 10px;
}

.SearchMatches-results a:hover {
    background-color: var(--connx-primary);
    color: var(--connx-button-text);
    text-decoration: none;
}
.TableReset {
    border-spacing: 1rem 0.5rem;
    margin-left: -1rem;
    border-collapse: separate;
}
.TableForm > tbody:first-child > tr {
    vertical-align: top;
}
.TableForm > tbody:first-child > tr > td:first-child {
    padding-top: 0.3rem;
}
.TableReset .FormSectionHeader {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
.pe-none {
    pointer-events: none;
}