:root {
    --primary-color: #02B875;
    --primary-color-hovered: #009c63;
}
/*disable chrome highligting*/
div:focus, table:focus {
    outline: none;
}

* {
    box-sizing: border-box;
}

html, form, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    text-transform: none !important;
    font-size: 12px !important;
}

.transitionActions {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.ActionButton {
    margin: 5px 0 !important;
}

.TitleBar {
    /*background-color: #2BBBFF;*/
    width: 100%;
    /*height: 48px;*/
    /*border-bottom: 1px solid #d8e2f0;*/
    margin-bottom: 15px;
    position: relative;
}

.TitleBar-Lg {
    width: 100%;
    /*height: 48px;*/
    margin-bottom: 20px;
    position: relative;
}

    .TitleBar .Title,
    .TitleBar-Lg .Title {
        color: #3c3c3c !important;
        font-size: 22px;
        font-weight: 600;
        margin-top: 10px;
        /*margin-bottom: 10px;*/
        margin-left: 20px;
        margin-right: 20px;
        border-bottom: 3px solid var(--primary-color, #FF9F2B);
    }

.RadTabStrip_Docubird .rtsSelected .rtsLink .rtsTxt {
    border-bottom: 2px solid var(--primary-color,#25a0da) !important;
}

.TitleBar .TitleBarClose,
.TitleBar-Lg .TitleBarClose {
    position: absolute;
    right: 20px;
    /*top: calc(50% - 12px);*/
    top: 12px;
    height: 24px;
    cursor: pointer;
}

.TitleBar-Alert {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    position: relative;
}

    .TitleBar-Alert .Title {
        color: #3c3c3c !important;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 3px solid var(--primary-color,#FF9F2B);
    }

    .TitleBar-Alert .TitleBarClose {
        position: absolute;
        right: -4px;
        top: calc(50% - 10px);
        height: 20px;
        cursor: pointer;
    }

.ContainerInfo {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 0px;
    margin-bottom: 10px;
}

    .ContainerInfo .Title {
        padding-top: 5px;
        padding-left: 10px !important;
        background-color: #fff;
        font-size: 18px !important;
        font-weight: 600 !important;
        width: 100%;
        display: inline-block;
    }

.Column {
    border-right: 1px solid #fff;
    float: left;
    width: 50%;
}

.Row:after {
    content: "";
    display: table;
    clear: both;
}

.Container {
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

    .Container.FlushBottom {
        padding-bottom: 0;
    }

    .Container.Invisible {
        visibility: hidden;
    }

.ContainerSub {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-color: #fff;
}

    .ContainerSub .Notes {
        padding-left: 5px;
    }

    .ContainerSub.right-align {
        float: right;
    }

    .ContainerSub.Invisible {
        visibility: hidden;
    }

.ContainerCapture {
    padding: 6px 6px 0 6px;
    /*background-color: #f9f9f9;*/
}

.Table {
    width: 100%;
    border-collapse: collapse;
    /*margin-top: 5px;*/ /*this is showing scroll on radwindows popups if you need it somewhere then filter by parent class*/
}

.CheckBoxList {
    margin-left: -3px;
}

.CheckBox {
    margin-left: -3px;
}

.TableFirstColumn {
    width: 40%;
    height: 1%;
    padding: 5px 0 5px 5px;
    font-weight: 600;
    border-bottom: 1px solid #e5e5e5;
}

    .TableFirstColumn.small {
        width: 25%;
    }

.TableSecondColumn {
    width: 75%;
    height: 1%;
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #e5e5e5;
}

    .TableSecondColumn.large {
        width: 75%;
    }

.TableFirstColumnButton {
    height: 1%;
    width: 40%;
    padding: 5px 0 5px 5px;
    border-top: 0px solid #e5e5e5;
}

    .TableFirstColumnButton.small {
        width: 25%;
    }

.TableSecondColumnButton {
    height: 1%;
    width: 60%;
    padding: 5px 0 5px 5px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}

    .TableSecondColumnButton.large {
        width: 75%;
    }

    .TableSecondColumnButton .RadAjaxPanel {
        float: right;
        padding-left: 5px;
    }

.Hidden {
    display: none !important;
    position: absolute !important;
}

.Collapsible {
    -webkit-transition: max-height 1.5s ease;
    -moz-transition: max-height 1.5s ease;
    -o-transition: max-height 1.5s ease;
    -ms-transition: max-height 1.5s ease;
    transition: max-height 1.5s ease;
}

    .Collapsible.Collapsed {
        max-height: 0;
        overflow: hidden;
    }

    .Collapsible.Expanded {
        max-height: 2000px;
        margin-bottom: -20px;
    }

.Error {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    width: auto !important;
    background-color: #f4364c !important;
    display: block !important;
    padding: 15px !important;
    color: white !important;
    font-weight: 600 !important;
}

.Info {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    width: auto !important;
    background-color: #25a0da !important;
    display: block !important;
    padding: 15px !important;
    color: white !important;
    font-weight: 600 !important;
}

.SearchButton {
    vertical-align: middle;
    cursor: pointer;
}

.OverviewTiles {
    display: inline-block;
    margin-top: 5px;
}

.SquareButton {
    font-size: 16px !important;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    border-radius: 0 !important;
    color: white !important;
}

.ButtonBlack {
    background-color: black !important;
}

    .ButtonBlack:hover {
        background-color: #3c3c3c !important;
    }

.RadToolBar_Metro {
    padding: 0px !important;
    background-color: #ffffff !important;
}

.rtbOuter {
    background-color: #ffffff !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.RadToolBar_Metro .rtbChecked .rtbWrap, .RadToolBar_Metro .rtbItemClicked .rtbWrap {
    border-color: var(--primary-color, #25a0da) !important;
    background-color: var(--primary-color, #25a0da) !important;
}

.RadToolBar_Metro .rtbItemFocused .rtbWrap {
    border-color: var(--primary-color, #25a0da) !important;
    box-shadow: 0 0 3px 1px var(--primary-color, #25a0da) inset !important;
}

.rwIcon {
    display: none !important;
}

.rwTitle {
    font-weight: 600 !important;
    padding-left: 0px !important;
    font-size: 15px !important;
}

.rwDialogContent {
    padding: 0px !important;
}

.rwOkBtn {
    font-size: 16px !important;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    border-radius: 0 !important;
    color: white !important;
    cursor: pointer;
}

.rwCancelBtn {
    font-size: 16px !important;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    border-radius: 0 !important;
    color: white !important;
    cursor: pointer;
    background-color: black !important;
}

    .rwCancelBtn:hover {
        background-color: #3c3c3c !important;
    }

.RadPanelBar .rpText {
    line-height: 24px !important;
    font-weight: 600 !important;
    /*vertical-align: text-bottom !important;*/
}

.RadPanelBar .rpRootGroup,
.RadPanelBar .rpRootGroup .rpLink {
    border: none !important;
    text-decoration: none;
    border-bottom-width: 0px !important;
}

.RadPanelBar .rpOut {
    border-bottom-width: 0px !important;
}

.RadGrid td.rgPagerCell {
    border-bottom: 1px solid !important;
    border-top: 0px solid !important;
    border-color: #e5e5e5 !important;
    background-color: #fff !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

    .RadGrid td.rgPagerCell.NumericPages {
        padding: 0px !important;
        border-bottom: 0px solid !important;
        border-top: 0px solid !important;
        border-color: #e5e5e5 !important;
    }

.RadGrid th.rgHeader a {
    color: #000 !important;
    font-weight: 600 !important;
}

.RadGrid .rgClipCells .rgHeader, .RadGrid .rgClipCells .rgFilterRow > td, .RadGrid .rgClipCells .rgRow > td, .RadGrid .rgClipCells .rgAltRow > td, .RadGrid .rgClipCells .rgEditRow > td, .RadGrid .rgClipCells .rgFooter > td {
    word-break: break-word;
}

.rgGroupPanel {
    color: #000 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    background-color: #fff !important;
    padding-left: 15px !important;
}

.RgNoRecords tr div {
    color: red !important;
}

.rbText {
    text-transform: none !important;
    font-weight: 600 !important;
}

.rgGroupHeaderText {
    font-size: inherit !important;
    font-weight: normal !important;
}

.rgCurrentPage {
    /*border-radius: 3px !important;*/
}

div.RadGrid_Default .rgRow td,
div.RadGrid_Default .rgAltRow td,
div.RadGrid_Default .rgHeader,
div.RadGrid_Default th.rgResizeCol,
div.RadGrid_Default .rgFilterRow td {
    border: 0px solid red !important;
}

.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid_Metro .rgSelectedRow {
    background: var(--primary-color, #25a0da) !important;
}

    .RadGrid_Metro .rgSelectedRow > td {
        border-color: var(--primary-color, #25a0da) !important;
    }

.RadGrid_Metro td.rgGroupCol, .RadGrid_Metro td.rgExpandCol {
    border-color: #c9c9c9 !important;
}

.RadUpload_Metro .ruSelectWrap .ruFakeInput {
    height: auto !important;
}

.RadUpload_Metro .ruSelectWrap .ruButton {
    height: auto !important;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    border-color: #555 !important;
    color: #fff !important;
    background-color: #222 !important;
}

    .RadUpload_Metro .ruSelectWrap .ruButton.ruButtonHover {
        border-color: #555 !important;
        color: #fff !important;
        background-color: #3c3c3c !important;
    }

.rtsLink {
    margin-right: 5px !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.RadTabStrip_Metro.rtsTop .rtsLevel1 {
    border-bottom-width: 1px !important;
    border-bottom-color: #fff !important;
    margin-bottom: 1px !important;
}

.RadPaneLeftTopInner {
    height: auto !important;
}

.CaptureImageList.RadTileList {
    height: auto !important;
    min-height: 100px;
}

    .CaptureImageList.RadTileList .rtlistWrapper {
        width: auto;
    }

.CaptureImageList .RadTile.rtileSquare {
    margin: 0 5px 5px 0;
    border-width: 1px !important;
    border-color: #e0e0e0;
}

    .CaptureImageList .RadTile.rtileSquare:first-of-type {
        margin-left: 0px;
    }

.CaptureImageList .RadTile.rtileSelected {
    border-color: #25a0da;
}

.rgNoRecords td {
    padding: 8px 13px 7px 13px;
}

.DocumentTiles.RadTile.rtileSquare {
    width: 12.7143em;
    height: 12.7143em;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(37, 160, 218);
    border-image: initial;
}

.DocumentTiles.RadTile_Metro .rtilePeekContent {
    background-color: rgb(85, 85, 85);
    text-align: center;
    height: 100%;
    width: 100%;
}

.DocumentTiles .tilePeekLabel {
    width: 140px;
    color: white;
    font-size: 14px;
    padding-right: 0px;
    line-height: normal;
    min-height: 38px;
}

.DocumentTiles.RadTile .rtileTopContent {
    height: 9.21429em;
}

    .DocumentTiles.RadTile .rtileTopContent .rtileIconImage {
        width: 55px;
    }

.DocumentTiles.RadTile h6.rtileTitle {
    width: 100%;
    color: white;
    font-size: 14px;
    position: static;
    text-align: center;
}

.DocumentTiles .DocumentTileButton:hover {
    background-color: rgb(37, 160, 218) !important;
    color: white !important;
}

.DocumentTiles .DocumentTileButton {
    margin-bottom: 2px;
}

.DocumentTileButton input {
    padding-left: 0 !important;
}

.RadUpload .ruFileLI {
    position: relative;
}

    .RadUpload .ruFileLI .ruButton {
        position: absolute;
        bottom: 1px;
    }

.RadPanelBar_Metro .rpRootLink.rpSelected {
    border-color: var(--primary-color, #25a0da) !important;
    background-color: var(--primary-color, #25a0da) !important;
}

.DocSearchPanelBar .rpRootLink.rpSelected {
    background-color: #e6e6e6 !important;
    color: black !important;
}

.RadPanelBar_Metro .rpRootLink.rpSelected.rpFocused {
    box-shadow: none !important;
}



.RadInputError:after {
    margin-top: 0px !important;
    top: calc(50% - 8px) !important;
}

.RadNotificationCustom {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600 !important;
    background-color: #32c24d !important;
    border-color: #32c24d !important;
    padding-left: 12px !important;
    height: auto !important;
}

    .RadNotificationCustom .rnContentWrapper {
        padding: 0 !important;
        border: none !important;
    }

        .RadNotificationCustom .rnContentWrapper .rnContent {
            height: 45px !important;
            padding: 0 !important;
            line-height: 45px !important;
        }

.InputValidationError input {
    border-color: #f4364c !important;
}

.DivValidationError {
    border-color: #f4364c !important;
}

.navigationAltContainer {
    width: 100%;
    position: relative;
}

    .navigationAltContainer .Title {
        padding-bottom: 0;
    }

    .navigationAltContainer .TitleBarClose {
        position: absolute;
        right: 20px;
        /*top: calc(50% - 12px);*/
        top: 12px;
        height: 24px;
        cursor: pointer;
    }

.DocBreadCrumb {
    display: block;
    font-weight: bold;
    margin-left: 20px;
    position: absolute;
    margin-top: -15px;
}

    .DocBreadCrumb .navigationLink {
        cursor: pointer;
    }

        .DocBreadCrumb .navigationLink:last-child {
            cursor: auto !important;
            pointer-events: none;
        }

    .DocBreadCrumb .seperator {
        color: #BDBDBD;
    }

    .DocBreadCrumb.DocBreadCrumbViewFolder {
        color: #3c3c3c !important;
        border-bottom: 3px solid var(--primary-color,#FF9F2B);
        display: inline-block;
        font-size: 22px;
        font-weight: 600;
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 5px;
        position: relative;
    }

.MandatoryInd {
    color: #f4364c;
}

/*checkbox stop switch*/
.CheckboxToSwitch, .CheckBox.CheckboxToSwitch, .CheckBoxListToSwitch {
    margin-left: 0;
}

    .CheckboxToSwitch input[type=checkbox], table.CheckBoxListToSwitch td input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

    .CheckboxToSwitch label, table.CheckBoxListToSwitch td label:not(.SwtichLabel) {
        cursor: pointer;
        text-indent: -9999px;
        width: 35px;
        height: 20px;
        background: #ccc;
        display: block;
        border-radius: 100px;
        position: relative;
        padding: 0 !important;
    }

table.CheckBoxListToSwitch td label:not(.SwtichLabel) {
    display: inline-block;
    margin-right: 5px;
}

    .CheckboxToSwitch label:after, table.CheckBoxListToSwitch td label:not(.SwtichLabel):after {
        content: '';
        position: absolute;
        top: 4px;
        left: 5px;
        height: 12px;
        width: 12px;
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

.CheckboxToSwitch input:checked + label, table.CheckBoxListToSwitch td input:checked + label {
    background: var(--primary-color, #1AD5B1);
}

    .CheckboxToSwitch input:checked + label:after, table.CheckBoxListToSwitch td input:checked + label:after {
        left: calc(100% - 16px);
    }

/*.SwitchContrainer .RadAjaxPanel:first-of-type {
    display: inline-block !important;
    padding-bottom: 5px;
}*/
.SwitchRow .SwitchContrainer {
    padding-bottom: 5px;
}

/* button styles */
span.RadButton_BlackMetroTouch.rbSkinnedButton, span.RadButton_BlackMetroTouch.rbVerticalButton,
span.RadButton_BlackMetroTouch.rbLinkButton,
span.RadButton_BlackMetroTouch .rbSplitLeft,
.RadUpload_Metro .ruSelectWrap .ruButton,
.RadWindow_Metro .rwPromptDialog .rwOkBtn, .RadWindow_Metro .rwConfirmDialog .rwOkBtn, .RadWindow_Metro .rwAlertDialog .rwOkBtn {
    font-weight: 600 !important;
    /*border-color: #25a0da !important;
    background-color: #25a0da !important;*/
    background-color: var(--primary-color,#264966) !important;
    border: 1px solid var(--primary-color,#264966) !important;
    /*background-image: linear-gradient(to bottom,#264966,#12344d) !important;*/
    border-radius: 0x !important;
}

span.RadButton_BlackMetroTouch .rbSplitRight {
    background-color: var(--primary-color,#264966) !important;
    border-radius: 0px;
}

span.RadButton_BlackMetroTouch.rbHovered, span.RadButton_BlackMetroTouch.rbSkinnedButton:hover,
span.RadButton_BlackMetroTouch.rbVerticalButton:hover,
span.RadButton_BlackMetroTouch.rbLinkButton:hover,
.RadUpload_Metro .ruSelectWrap .ruButton.ruButtonHover,
.RadWindow_Metro .rwConfirmDialog .rwOkBtn:hover, .RadWindow_Metro .rwPromptDialog .rwOkBtn:hover, .RadWindow_Metro .rwAlertDialog .rwOkBtn:hover {
    font-weight: 600 !important;
    background-color: var(--primary-color-hovered,#264966) !important;
    background-image: none !important;
    border: 1px solid var(--primary-color-hovered,#264966) !important;
    border-radius: 0px;
}

    span.RadButton_BlackMetroTouch.rbHovered .rbSplitRight,
    span.RadButton_BlackMetroTouch:hover .rbSplitRight {
        background-color: var(--primary-color-hovered,#264966) !important;
    }

/* split styles */

section {
}

.container_split {
    display: table;
    width: 100%;
}

.left-half {
    padding-left: 20px;
    padding-right: 5px;
    /*background-color: #ff9e2c;*/
    position: absolute;
    left: 0px;
    width: 50%;
}

.right-half {
    padding-right: 20px;
    padding-left: 5px;
    /*background-color: #b6701e;*/
    position: absolute;
    right: 0px;
    width: 50%;
}

/* grid horizontal line styles */
div.RadGrid_Metro .rgRow td,
div.RadGrid_Metro .rgAltRow td,
div.RadGrid_Metro .rgHeader,
div.RadGrid_Metro th.rgResizeCol,
div.RadGrid_Metro .rgFilterRow td {
    border-left: 0px solid #e5e5e5;
}

.RadWindow_Metro {
    background-color: white !important;
}

.RadComboBox {
    width: 15em !important;
}

.RadComboBox_Metro .rcbActionButton {
    height: auto !important;
}

.RadComboBoxDropDown.rcbAutoWidth {
    min-width: 15em !important;
}

.RadAutoCompleteBox {
    width: 15em !important;
}

.RadInput {
    width: 15em !important;
}

.RadComboBox_Metro .rcbReadOnly.rcbFocused, .RadComboBox_Metro .rcbReadOnly.rcbExpanded {
    border-color: var(--primary-color,#25a0da) !important;
    background-color: var(--primary-color,#25a0da) !important;
}

.RadPicker_Metro.rcCalPopupOpen .rcCalPopup, .RadPicker_Metro.rcMYPopupOpen .rcCalPopup, .RadPicker_Metro.rcTimePopupOpen .rcTimePopup {
    border-color: var(--primary-color,#25a0da) !important;
    background-color: var(--primary-color,#25a0da) !important;
}

.RadPicker_Metro.rcCalPopupOpen .RadInput, .RadPicker_Metro.rcMYPopupOpen .RadInput, .RadPicker_Metro.rcTimePopupOpen .RadInput {
    border-color: var(--primary-color,#25a0da) !important;
}

.RadInput_Metro a:focus, .RadInput_Metro a:active {
    border-color: var(--primary-color,#25a0da) !important;
    background-color: var(--primary-color,#25a0da) !important;
}

.RadComboBox_Metro .rcbFocused, .RadComboBox_Metro .rcbExpanded .RadInput {
    border-color: var(--primary-color,#25a0da) !important;
    background-color: #fff !important;
}

.RadToolBar_Metro .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Metro .rtbDropDownExpanded .rtbWrap {
    border-color: var(--primary-color,#25a0da) !important;
    background-color: var(--primary-color,#25a0da) !important;
}

.RadComboBox_Metro .rcbFocused .rcbActionButton, .RadComboBox_Metro .rcbExpanded .rcbActionButton {
    border-color: var(--primary-color,#25a0da) !important;
    background-color: var(--primary-color,#25a0da) !important;
}

.RadInput .riButton {
    width: 25px !important;
}

.RadPicker {
    width: 15em !important;
}

    .RadPicker .RadInput {
        width: auto !important;
    }

.rgFilterRow .RadPicker {
    width: 100px !important;
}

.rgFilterRow .RadInput {
    max-width: 9em;
}

.ruFakeInput {
    width: 15em !important;
}

.rbText.rbPrimary {
    vertical-align: middle;
}

.rbToggleCheckbox {
    top: 5px !important;
}

.rbToggleCheckboxFilled {
    top: 5px !important;
}

.rbToggleCheckboxChecked {
    top: 5px !important;
}

.filterContainer {
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 15px;
}

    .filterContainer span {
        vertical-align: middle;
    }

.displaySequenceDropDown {
    width: 5em !important;
}

.smooth_zoom_preloader {
    background-image: url(../Javascript/zoom_assets/preloader.gif);
}

.smooth_zoom_icons {
    background-image: url(../Javascript/zoom_assets/icons.png);
}

.CaptureImageEditor .rieStatusBar {
    display: none;
}

.CaptureImageEditor .rieContentArea {
    background: none;
    background-color: white;
}

.HiddenButton {
    display: none !important;
}

.RadImageEditor {
    border-width: 0px !important;
}

.CaptureImageEditor .RadToolBar_Metro .rtbHovered .rtbButton:not(.rtbSplitButton) {
    border-color: transparent;
}

.CaptureImageEditor .rieIcon {
    font-size: 20px;
}

.CaptureImageEditor .RadToolBar .rtbButton.rtbIconOnly {
    width: auto;
}

.CaptureImageEditor .RadToolBar span.rtbImage, .rtbPopup span.rtbImage {
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.CaptureImageEditor .RadToolBar .rtbUL {
    margin: 2px;
}

span.RedDeleteButton.RadButton,
.RadWindow_Metro .rwPromptDialog .rwCancelBtn, .RadWindow_Metro .rwConfirmDialog .rwCancelBtn {
    /*background-color: #f4364c !important;
    border-color: #f4364c !important;*/
    background-color: #f3f5f7 !important;
    color: #183247 !important;
    border: 1px solid #f3f5f7 !important;
    background-image: linear-gradient(to bottom,#fff,#f3f5f7) !important;
    border-radius: 0px !important;
    font-weight: 600 !important;
}

    span.RedDeleteButton.RadButton:hover,
    .RadWindow_Metro .rwConfirmDialog .rwCancelBtn:hover {
        /*background-color: #f4364c !important;
        border-color: #f4364c !important;*/
        background-color: #e8eaeb !important;
        color: #183247 !important;
        border: 1px solid #e8eaeb !important;
        background-image: none !important;
    }

div.bubble-badge[data-bubble] {
    position: relative;
}

    div.bubble-badge[data-bubble]::after {
        content: attr(data-bubble);
        position: absolute;
        top: -26px;
        right: -6px;
        font-size: 11px;
        min-width: 11px;
        /*line-height: 1.1;*/
        color: #fff;
        padding: 0px 2px;
        text-align: center;
        vertical-align: baseline;
        white-space: nowrap;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
        background: #1ad5b1 !important;
    }

span.badge {
    font-size: 14px;
    color: #fff;
    padding: 0px 6px;
    margin-left: 3px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: #1ad5b1 !important;
    display: inline-block;
}

.dialogWindow {
    height: auto !important;
    border: 1px solid var(--primary-color, #FF9F2B) !important;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.32), 0 8px 40px rgba(0,0,0,.4);
    box-shadow: 0 4px 8px rgba(0,0,0,.32), 0 8px 40px rgba(0,0,0,.4);
}

.forceTopMost {
    z-index: 90001 !important;
}

.fullWidth {
    width: 100% !important;
}

    .fullWidth .RadInput {
        width: 100% !important;
    }

    .fullWidth .RadAutoCompleteBox {
        width: 100% !important;
    }

.gridActionColumn {
    padding-left: 6px !important;
    padding-right: 0 !important;
}

.moreActions {
    cursor: pointer;
    height: 24px;
    vertical-align: middle;
}

    .moreActions.disabled {
        cursor: default;
        filter: alpha(opacity=40);
        opacity: 0.4;
        zoom: 1;
    }

/*fix double border header*/
.RadGrid_Metro .rgHeaderDiv {
    margin-right: 0 !important;
    border-right: 0 !important;
}