﻿@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.RadEditor, :not(.RadEditor *) {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    outline: none;
    line-height: 1.4;
    scrollbar-width: thin;
}

/* input:disabled { background: rgba(0, 0, 0, 0.1) !important }*/
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: #F0F0F0;
}

::-webkit-scrollbar-thumb {
    background: #CCCCCC;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.ItemStyle .UserItem, .SelectedStyle .UserItem {
    display: flex;
    align-items: center;
}

.aspNetDisable {
    opacity: 0.7 !important;
}

img {
    max-width: 100%;
}

.RadGrid .rgWrap {
    display: flex;
    align-items: center;
    padding: 0 0px !important;
}

.RadToolBar .rtbDisabled {
    filter: alpha(opacity=50);
    opacity: 0.3;
}

td#Content > div {
    height: auto !important;
    overflow: visible !important;
}

td#Content {
    vertical-align: top;
}

div#TreePanel {
    top: 36px !important;
}

.reMode_selected, .reTool_selected {
    border: 1px solid #c0c0c0 !important;
    border-radius: 3px;
}

.reEditorModes {
    display: inline-block;
    height: 25px !important;
}

.RadTreeView .rtPlus, .RadTreeView .rtMinus {
    background-image: url(/Admin/Images/RadIcon/css_sprites.png) !important;
}

.RadWindow a.rwCloseButton {
    background: transparent url(/images/dialogclose.gif) no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    background-size: 16px 16px !important;
    background-position: center;
}

.RadWindow ul.rwControlButtons span {
    display: none;
}

html:first-child .RadWindow ul.rwControlButtons {
    width: 16px !important;
}

div#imgExplorer_toolbar .rtbOuter {
    background: none !important;
    border-color: white !important;
}

div#imgExplorer_toolbar {
    background: none !important;
}

.rgWrap.rgNumPart span {
    color: #444444 !important;
}

.rgPagerLabel {
    color: #757575;
    /* font-weight: bold; */
    margin-left: 10px !important;
}

.rgWrap.rgInfoPart, .rgWrap.rgInfoPart strong {
    color: #757575 !important;
    line-height: 25px !important;
    height: 25px;
    margin: 0 3px;
}

.RadTabStripTop .rtsLevel.rtsLevel1 {
    padding: 6px;
    box-sizing: border-box;
}

.RadMultiPage .rmpView {
    height: auto !important;
}

div#grvThemeApply {
    width: 100% !important;
}

input[type="radio"] {
    margin: 0px;
    margin-right: 5px;
}

table#rdMobilePage td {
    padding: 1px 5px;
    display: flex;
    align-items: center;
}

table#rdMobilePage {
    width: 100%;
}

td.UserNormal *, td.UserSelected * {
    color: #444444 !important;
}

td.UserNormal a:hover {
    background-color: #ffe3a5
}

td.UserNormal, td.UserSelected {
    padding: 2px 5px;
    display: flex;
    align-items: center;
}

body {
    padding: 0px;
    margin: 0px;
}

label {
    color: #444444;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 0 !important;
    margin-right: 10px;
}

.reTool .AmazonImage {
    background-position: -366px center;
}

.reTool .AmazonDocument {
    background-position: -185px center;
}

.reTool .AmazonMedia {
    background-position: -695px center;
}

#dlsUIP td {
    padding: 5px !important;
}

#dlsUIP a {
    font-weight: bold !important;
    padding: 5px !important;
}

i[style="margin-left: 20px;font-size: 8pt;"] {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.RadGrid {
    outline: none
}

#portal-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.03);
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#portal-loading-content {
    color: rgb(0, 0, 128);
    display: inline-block;
    padding: 25px;
    background-color: rgb(255, 255, 255);
    font: normal 13px 'Roboto', sans-serif !important;
    box-shadow: silver 0px 1px 8px;
    border-radius: 3px;
}

.ItemNormal .ItemLink, .LayoutNormal .LayoutName {
    font: normal 13px 'Roboto', sans-serif !important;
    text-decoration: none;
    color: #444444;
    padding: 5px !important;
    display: inline-block;
    padding-left: 8px !important;
}

.ItemSelected .ItemLink, .LayoutSelected .LayoutName {
    font: normal 13px 'Roboto', sans-serif !important;
    background-color: #ffe3a5 !important;
    text-decoration: none;
    color: #444444 !important;
    padding: 5px !important;
    display: inline-block;
    padding-left: 8px !important;
    font-weight: bold !important;
}

.ItemNormal, .ItemSelected {
    padding: 0 !important;
}

.UserSelected .FullName {
    font: normal 13px 'Roboto', sans-serif !important;
    background-color: #ffe3a5 !important;
    text-decoration: none;
    color: #444444;
    padding: 5px !important;
    display: inline-block;
    padding-left: 8px !important;
    font-weight: bold !important;
}

.UserNormal .FullName {
    font: normal 13px 'Roboto', sans-serif !important;
    text-decoration: none;
    color: #444444;
    padding: 5px !important;
    display: inline-block;
    padding-left: 8px !important;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: silver;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #009688;
}

.rgAltRow {
    background: #f8fcff;
}

a#lnkLogout {
    border: none;
}

span#lblPortalName {
    font-weight: bold;
    /* color: #ffffff; */
    text-transform: uppercase;
    /* text-shadow: 0px 0px 3px #2196F3; */
    white-space: nowrap;
}

span#lblUserName {
    font-size: 12px !important;
    font-weight: bold;
}

tr.rgNoRecords > td {
    padding: 10px !important;
}

td.header-td {
    /* background: #8bb7f0 !important; */
    background: var(--gm3-sys-color-surface-container-high,#e9eef6);
}

td.MainFormBanner.info-td-child div {
    padding: 2px;
    color: #444444;
}

td.MainFormBanner.info-td-child {
    padding: 3px 10px;
    display: inline-block;
    border-radius: 2px;
    padding-right: 30px;
    position: relative;
    box-shadow: 0px 8px 5px -2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 8px 5px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 8px 5px -2px rgba(0,0,0,0.25);
}

td.button-td-child a {
    padding: 5px 20px;
    color: #444444;
    margin: 0px !important;
    margin-right: 5px !important;
    font-weight: normal;
    display: inline-block;
    font-weight: bold;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 0px 3px #2196F3;
}

td.button-td-child {
    width: auto !important;
    text-align: right;
}

.FormHeader * {
    line-height: 32px;
}

.FormHeader {
    height: 32px !important;
    background: #d1e7fd;
    color: #444444;
    cursor: pointer;
    font-weight: bold;
    line-height: 32px;
    padding-left: 10px;
    border-left: 7px solid #2196F3 !important;
}

span#lblHeader {
    height: 100%;
    display: flex;
    align-items: center;
}

a {
    color: #444444;
    font-size: 13px;
}

.BoxSeparate {
    border-bottom: none;
    border-top: none;
}

.BoxHeader * {
    font-weight: bold;
    font-size: 8pt !important;
    line-height: 32px;
}

.BoxHeader {
    background: #ffffff !important;
    height: 32px !important;
    color: #757575 !important;
    vertical-align: middle;
    line-height: 32px !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left !important;
    padding-left: 10px !important;
    font-size: 8pt !important;
}

.divInfo {
    padding: 8px;
    color: Red;
    border: solid 1px #F68928;
    background-color: #FFE8A6;
    font: normal 13px 'Roboto', sans-serif !important;
    height: auto;
}

.ConfirmContainer, .DialogContainer {
    background-color: #E4EFFF;
    display: inline-block;
    border: solid 1px #8e8e8e;
}

.ConfirmBottom {
    margin: 6px;
    text-align: right;
}

.DialogBottom IMG {
    margin-left: 8px;
    margin-right: 4px;
    cursor: pointer;
}

.DialogBottom {
    padding: 4px;
    text-align: right;
    height: 18px;
}

.DialogContent > iframe {
    width: 100% !important;
}

.DialogContent {
    text-align: center;
    vertical-align: middle;
    display: block;
    padding: 0 !important;
}

.ConfirmBottom IMG {
    margin-left: 8px;
    margin-right: 4px;
    cursor: pointer;
}

.DialogTitle img {
    width: 20px !important;
    height: 20px !important;
    margin-top: 6px;
}

.ConfirmTitle, .DialogTitle {
    background: #8bb7f0 !important;
    white-space: normal;
    height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid white;
    line-height: 33px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0px 0px 3px #2196F3;
}

.ConfirmContent {
    padding-top: 26px;
    padding-bottom: 6px;
    height: 70px;
    padding-left: 70px;
    padding-right: 8px;
    font: normal 13px 'Roboto', sans-serif !important;
    background: url('/Images/Question.png') no-repeat 12px center;
    vertical-align: top;
}

.DialogBox {
    background-color: #ffffff;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 0 3px #0078d4;
}

.GrayImage {
    filter: gray;
    -webkit-filter: grayscale(1);
    opacity: 0.30;
}

.MainFormBanner div {
    padding: 4px;
}

.MainFormBanner {
    color: #444444;
}

body, html, form {
    padding: 0px;
    margin: 0px !important;
    height: 100%;
    width: 100%;
}

input[type="text"], input[type="password"], input[type="date"], input[type="tel"], input[type="email"], input[type="number"], button {
    border-radius: 3px;
    border: 1px solid silver;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
    /* background: #ffffff; */
}

input[type="submit"] {
    height: 25px;
    border: none;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.08);
    color: #444444;
    cursor: pointer;
    padding: 0px 15px;
    line-height: 25px;
    box-sizing: border-box;
    font-weight: bold !important;
    margin-right: 5px;
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type="file"]::before {
    content: 'Chọn file';
    color: white;
    display: inline-block;
    background: #0078d4;
    border-radius: 2px;
    padding: 4px 10px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
}

input[type="file"]:active {
    outline: 0;
}

select {
    border-radius: 3px;
    border: 1px solid silver;
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
    box-sizing: border-box;
    font-weight: bold;
    color: #444444;
    padding: 4px 10px;
    height: auto !important;
}

textarea {
    border-radius: 3px;
    border: 1px solid silver;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    background: #ffffff;
}

fieldset legend {
    font-weight: bold;
    color: #444444;
}

fieldset {
    border-radius: 3px;
    border: 1px solid silver;
    margin-top: 5px !important;
    box-sizing: border-box;
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type="file"]::before {
    content: 'Chọn file';
    color: #444444;
    display: inline-block;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bold;
    margin: 5px 3px;
}

input[type="file"]:active {
    outline: 0;
}

img[src=""]::after {
    content: '';
    width: 100%;
    height: 100%;
    background: whitesmoke;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
}

img[src=""] {
    position: relative;
    border: 1px solid silver;
    border-radius: 2px;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
}

/* Control */
input[type="radio"]:checked:after, input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 13px;
    position: absolute;
    top: -3px;
    left: 2px;
    color: #76ad8e;
    outline: none;
}

input[type="radio"]:checked, input[type="checkbox"]:checked {
    outline: none;
    background-color: transparent !important;
}

input[type="radio"], input[type="checkbox"] {
    -webkit-appearance: none;
    background-color: #bae0bd;
    border-radius: 2px;
    position: relative;
    outline: none;
    width: 13px !important;
    height: 13px !important;
    margin-bottom: -2px !important;
}

/* rad tool bar */
.RadToolBar {
    color: #00156e !important;
    background-color: transparent !important;
    font-size: 13px !important;
    line-height: 20px;
    font-family: "Tahoma", Arial, Helvetica, sans-serif;
    z-index: 2 !important;
}

.RadToolBar_Horizontal .rtbItem {
    margin: 0 2px !important;
}

.RadToolBar .rtbOuter {
    border-color: silver !important;
    background-color: silver !important;
    box-shadow: none !important;
    padding: 5px !important;
    border-width: 0 !important;
    font-weight: bold;
    color: #444444;
}

.RadToolBar_Horizontal .rtbOuter {
    background: #ffffff !important;
}

.RadToolBar .rtbWrap {
    padding: 0 10px !important;
    background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 3px;
    margin-right: 1px;
}

.RadToolBar .rtbChoiceArrow {
    background: none !important;
    background-color: #ffe3a5 !important;
}

.RadToolBar .rtbItemHovered .rtbWrap, .RadToolBar .rtbItemHovered .rtbOut, .RadToolBar .rtbItemHovered .rtbMid, .RadToolBar .rtbItemHovered .rtbIn {
    color: #000;
    background: none !important;
    background-color: #ffe3a5 !important;
}

.RadToolBar .rtbItemFocused .rtbWrap, .RadToolBar .rtbItemFocused .rtbOut, .RadToolBar .rtbItemFocused .rtbMid, .RadToolBar .rtbItemFocused .rtbIn {
    color: #000;
    background: none !important;
    background-color: #ffe3a5 !important;
}

.RadToolBar .rtbItemClicked .rtbWrap, .RadToolBar .rtbItemClicked .rtbOut, .RadToolBar .rtbItemClicked .rtbMid, .RadToolBar .rtbItemClicked .rtbIn {
    color: #000;
    background: none !important;
    background-color: #ffe3a5 !important;
}

.RadToolBar .rtbSplBtnExpanded .rtbWrap, .RadToolBar .rtbSplBtnExpanded .rtbOut, .RadToolBar .rtbSplBtnExpanded .rtbMid, .RadToolBar .rtbSplBtnExpanded .rtbIn, .RadToolBar .rtbDropDownExpanded .rtbWrap, .RadToolBar .rtbDropDownExpanded .rtbOut, .RadToolBar .rtbDropDownExpanded .rtbMid, .RadToolBar .rtbDropDownExpanded .rtbIn, .RadToolBar .rtbChecked .rtbWrap, .RadToolBar .rtbChecked .rtbOut, .RadToolBar .rtbChecked .rtbMid, .RadToolBar .rtbChecked .rtbIn {
    color: #000;
    background: none !important;
    background-color: #ffe3a5 !important;
}

.RadToolBar .rtbSeparator {
    border-color: #dde5eb !important;
    background: none !important;
    margin: 0 3px !important;
}

.RadToolBar_Vertical .rtbOuter {
    background: none !important;
    background-color: #ffe3a5 !important;
}

/*  Rad grid */
.RadGrid {
    border-color: silver !important;
    border-style: solid !important;
    border-width: 0px !important;
    border-bottom: 0px !important;
    box-sizing: border-box !important;
}

    .RadGrid .rgNumPart span {
        float: left;
        padding: 0 !important;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table {
        font: normal 13px 'Roboto', sans-serif !important;
        line-height: 16px;
    }

    .RadGrid .rgInput {
        border-color: #a1bcdd;
        color: #333;
        background-color: #fff
    }

.GridToolTip {
    font: normal 13px 'Roboto', sans-serif !important;
    line-height: 16px
}

.RadGrid .rgHeader:first-child, .RadGrid th.rgResizeCol:first-child, .RadGrid .rgFilterRow > td:first-child, .RadGrid .rgRow > td:first-child, .RadGrid .rgAltRow > td:first-child {
    border-left-width: 0px !important;
    padding-left: 8px;
}

.RadGrid .rgSave, .RadGrid .rgAdd, .RadGrid .rgRefresh, .RadGrid .rgEdit, .RadGrid .rgDel, .RadGrid .rgFilter, .RadGrid .rgPagePrev, .RadGrid .rgPageNext, .RadGrid .rgPageFirst, .RadGrid .rgPageLast, .RadGrid .rgExpand, .RadGrid .rgCollapse, .RadGrid .rgSortAsc, .RadGrid .rgSortDesc, .RadGrid .rgUpdate, .RadGrid .rgCancel, .RadGrid .rgUngroup, .RadGrid .rgExpXLS, .RadGrid .rgExpDOC, .RadGrid .rgExpPDF, .RadGrid .rgExpCSV {
    background-image: url(/Admin/Images/RadIcon/css_sprites.png) !important;
}

.rgTwoLines .rgHeaderDiv {
    background-position: 0 -7550px
}

.rgHeaderWrapper .rgHeaderDiv {
    border-color: #d9e4f1 !important;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol, .RadGrid .rgHeaderWrapper {
    border: solid #d1e7fd !important;
    border-width: 0px !important;
    background: #d9e4f1 !important;
}

.RadGrid .rgMultiHeaderRow th.rgHeader, .RadGrid .rgMultiHeaderRow th.rgResizeCol {
    border: solid #5d8cc9;
    border-width: 0 0 1px 1px
}

.RadGrid th.rgSorted {
    border-bottom-color: #ff9b35;
    background-color: #ffca5e;
    background-position: 0 -2600px
}

.RadGrid .rgHeader {
    color: #444444 !important;
    height: 30px;
    font-weight: bold !important;
}

    .RadGrid .rgHeader a {
        color: #444444 !important;
    }

.RadGrid th.rgSorted {
    color: #000
}

    .RadGrid th.rgSorted a {
        color: #000
    }

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td {
    border-style: solid !important;
    border-width: 0 0 1px 0px !important;
    border-color: white !important;
}

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td {
    border-color: #d0d7e5;
    height: 30px;
}

.RadGrid .rgRow .rgSorted, .RadGrid .rgAltRow .rgSorted {
    background-color: #f2f2f2
}

.RadGrid .rgSelectedRow .rgSorted, .RadGrid .rgActiveRow .rgSorted, .RadGrid .rgHoveredRow .rgSorted, .RadGrid .rgEditRow .rgSorted {
    background-color: transparent;
}

.RadGrid .rgRow a, .RadGrid .rgAltRow a, .RadGrid .rgEditRow a, .RadGrid .rgFooter a, .RadGrid .rgEditForm a {
    color: #00156e;
}

.RadGrid .rgMasterTable .rgSelectedCell, .RadGrid .rgSelectedRow {
    background: #ffe3a5 !important;
    color: #00156e;
}

    * + html .RadGrid .rgSelectedRow .rgSorted {
        background-color: #ffcb60
    }

html .RadGrid .rgSelectedRow .rgSorted {
    background-color: #ffcb60
}

.RadGrid .rgMasterTable .rgActiveCell, .RadGrid .rgActiveRow, .RadGrid .rgHoveredRow {
    background: #ecf4ff
}

    * + html .RadGrid .rgActiveRow .rgSorted, * + html .RadGrid .rgHoveredRow .rgSorted {
        background-color: #ecf4ff
    }

* + html .RadGrid .rgEditRow .rgSorted {
    background-color: #ffe5ad
}

.RadGrid .rgSelectedRow > td, .RadGrid .rgActiveRow > td, .RadGrid .rgEditRow > td {
    border-left-width: 0px !important;
    padding-left: 7px !important;
}

.RadGrid .rgSelectedRow > td {
    border-bottom-color: white !important;
}

.RadGrid .rgActiveRow > td, .RadGrid .rgHoveredRow > td, .RadGrid .rgEditRow > td {
    border-bottom-color: silver !important;
    border-color: silver !important;
}

.RadGrid .rgEditRow {
    background: rgb(227, 241, 254) !important;
    color: #333;
}

.RadGrid .rgBatchOverlay {
    background: rgba(158, 182, 206, 0.75)
}

.RadGrid .rgBatchUndoDeleteButton {
    padding: 0 7px 0 0;
    left: 7px;
    border: 1px solid;
    border-radius: 4px;
    border-color: #a1bcdd;
    color: #00156e;
    background-color: #e8f1fc;
    background-image: linear-gradient(#e8f1fc, #e9f1fc 50%, #d2e1f4 50%, #e8f1fc)
}

    .RadGrid .rgBatchUndoDeleteButton:before {
        vertical-align: -7px;
        background-position: 0 -2380px;
        background-repeat: no-repeat
    }

    .RadGrid .rgBatchUndoDeleteButton:hover {
        border-color: #a1bcdd;
        color: #00156e;
        background-color: #e8f1fc;
        background-image: linear-gradient(#e8f1fc, #e9f1fc 50%, #d2e1f4 50%, #e8f1fc)
    }

        .RadGrid .rgBatchUndoDeleteButton:hover:before {
            background-position: -20px -2380px
        }

.RadGrid .rgFooter > td, .RadGrid .rgFooterWrapper {
    border-width: 1px 0;
    border-color: #567db0 #fff #fff
}

    .RadGrid .rgFooterWrapper .rgFooter > td {
        border-bottom: 0
    }

.RadGrid .rgFooterWrapper {
    border-bottom: 1px solid #fff
}

.RadGrid .rgPager .rgStatus {
    border: 1px solid;
    border-width: 1px 1px 0 0;
    border-color: #5d8cc9 #9cb9dc
}

.RadGrid .rgPager > td {
    background: #ffffff !important;
    color: #00156e;
    padding-top: 5px !important;
}

.RadGrid td.rgPagerCell {
    border-top: 0px solid #c6dfff !important;
    border-bottom: 0px solid #c6dfff !important;
    border-left: none !important;
    padding: 5px !important;
}

.RadGrid .rgInfoPart {
    color: #3e69a3
}

.RadGrid .rgPageFirst {
    margin: 0 3px 0 0;
    background-position: -187px -115px !important;
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid silver !important;
}

    .RadGrid .rgPageFirst:hover {
        background-position: 0 -600px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGrid .rgPagePrev {
    margin: 0 3px 0 0;
    background-position: -295px -115px !important;
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid silver !important;
}

    .RadGrid .rgPagePrev:hover {
        background-position: 0 -750px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGrid .rgPageNext {
    background-position: -294px -151px !important;
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid silver !important;
}

    .RadGrid .rgPageNext:hover {
        background-position: 0 -900px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGrid .rgPageLast {
    margin: 0 0 0 3px;
    background-position: -187px -151px !important;
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid silver !important;
    transform: rotate(180deg);
}

    .RadGrid .rgPageLast:hover {
        background-position: 0 -1050px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGrid .rgPager .rgPagerButton {
    border-color: #a1bcdd;
    color: #00156e;
    font: normal 13px 'Roboto', sans-serif !important;
}

.RadGrid .rgNumPart a {
    color: #00156e;
    width: 25px !important;
    height: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white !important;
    padding: 0 !important;
    margin: 0 2px !important;
    box-sizing: border-box;
    border: 1px solid silver;
    border-radius: 3px;
}

    .RadGrid .rgNumPart a:hover, .RadGrid .rgNumPart a.rgCurrentPage {
        background: transparent !important;
    }

        .RadGrid .rgNumPart a:hover span, .RadGrid .rgNumPart a.rgCurrentPage span {
            background: transparent !important;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .RadGrid .rgNumPart a:hover {
        background-position: 100% -1250px
    }

        .RadGrid .rgNumPart a:hover span {
            background-position: 0 -1150px
        }

    .RadGrid .rgNumPart a.rgCurrentPage {
        background-position: 0 0 !important;
        background: #ffe3a5 !important;
        height: 25px !important;
        width: 25px !important;
        border: 1px solid silver;
        box-sizing: border-box;
        border-radius: 3px;
    }

        .RadGrid .rgNumPart a.rgCurrentPage:hover {
            background-position: 100% -1450px
        }

            .RadGrid .rgNumPart a.rgCurrentPage span, .RadGrid .rgNumPart a.rgCurrentPage:hover span {
                background-position: 0 -1350px;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

.RadGrid .rgHeader .rgSortAsc {
    background-position: 3px -147px;
    height: 10px
}

.RadGrid .rgHeader .rgSortDesc {
    background-position: 3px -96px;
    height: 10px
}

.RadGrid .rgCommandRow .rgPrev, .RadGrid .rgCommandRow .rgNext {
    padding: 0 10px;
    line-height: 20px;
    border-radius: 2px;
    border-color: #a1bcdd;
    color: #00156e;
    background-color: #e8f1fc;
    background-image: linear-gradient(#e8f1fc, #e9f1fc 50%, #d2e1f4 50%, #e8f1fc);
    margin-right: 10px
}

    .RadGrid .rgCommandRow .rgPrev span, .RadGrid .rgCommandRow .rgNext span {
        width: 10px;
        height: 10px;
    }

    .RadGrid .rgCommandRow .rgPrev:hover, .RadGrid .rgCommandRow .rgNext:hover {
        border-color: #c4ba9c;
        color: #000;
        background-color: #ffe18a;
        background-image: linear-gradient(#fffce8, #ffedb3 50%, #ffd563 50%, #ffe18a)
    }

    .RadGrid .rgCommandRow .rgPrev.rgDisabled:hover, .RadGrid .rgCommandRow .rgNext.rgDisabled:hover {
        border-color: #a1bcdd;
        color: #00156e;
        background-color: #e8f1fc;
        background-image: linear-gradient(#e8f1fc, #e9f1fc 50%, #d2e1f4 50%, #e8f1fc)
    }

.RadGrid .rgPrev span {
    margin-right: 10px;
    background-position: -5px -45px
}

.RadGrid .rgNext span {
    margin-left: 10px;
    background-position: -5px -65px
}

.GridReorderTop {
    height: 12px;
}

.GridReorderBottom {
    height: 12px;
    background-position: 0 -50px
}

.RadGrid .rgFilterRow {
    background: #f0f8ff !important;
}

    .RadGrid .rgFilterRow > td {
        border: solid #d9e4f1 !important;
        border-width: 0 0 1px 1px !important;
        padding: 5px !important;
        text-align: center;
    }

.RadGrid .rgFilter {
    height: 25px !important;
    width: 25px !important;
    background-color: white !important;
    background-position: -79px -186px !important;
    border: 1px solid silver !important;
}

    .RadGrid .rgFilter:hover {
        background-position: 0 -350px
    }

.RadGrid .rgFilterActive {
    background-position: 0 -400px
}

    .RadGrid .rgFilterActive:hover {
        background-position: 0 -400px
    }

.RadGrid .rgFiltered {
    background-position: 0 -325px
}

    .RadGrid .rgFiltered:hover {
        background-position: 0 -375px
    }

    .RadGrid .rgFiltered.rgFilterActive {
        background-position: 0 -425px
    }

.RadGrid .rgFilterBox {
    margin-right: 3px !important;
    border-color: silver !important;
    font: normal 13px 'Roboto', sans-serif !important;
    color: #111;
    padding: 5px 10px !important;
    width: calc(100% - 52px) !important;
}

.RadGrid .rgOptions {
}

.RadGrid .rgOptSelected {
    background-position: -22.5px -2402.5px
}

.RadMenu .rgHCMClear, .RadMenu .rgHCMFilter {
    border-color: #a7bedb #7d98bd #a3bad8;
    color: #00156e;
    font-family: "Tahoma", arial, sans-serif
}

    .RadMenu .rgHCMClear:hover, .RadMenu .rgHCMFilter:hover {
        border-color: #d8ca95 #b9a073 #c6ba9d;
        background-position: center -67px;
        background-color: #ffe18a;
        color: #000
    }

.RadMenu_Context .rgFilterApply, .RadMenu_Context .rgFilterCancel {
    border-color: #a1bcdd;
    color: #00156e;
    background-color: #e8f1fc;
    background-image: linear-gradient(#e8f1fc, #e9f1fc 50%, #d2e1f4 50%, #e8f1fc);
    font-family: "Tahoma", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00156e;
    border-color: #9eb6ce
}

div.RadMenu_Context .rlbGroup {
    border-color: #c5c5c5
}

.GridContextMenu .rmLeftImage {
}

.GridContextMenu .rgHCMSortAsc .rmLeftImage {
    background-position: 0 0
}

.GridContextMenu .rgHCMSortDesc .rmLeftImage {
    background-position: 0 -40px
}

.GridContextMenu .rgHCMUnsort .rmLeftImage {
    background-position: 0 -80px
}

.GridContextMenu .rgHCMGroup .rmLeftImage {
    background-position: 0 -120px
}

.GridContextMenu .rgHCMUngroup .rmLeftImage {
    background-position: 0 -160px
}

.GridContextMenu .rgHCMCols .rmLeftImage {
    background-position: 0 -200px
}

.GridContextMenu .rgHCMFilter .rmLeftImage {
    background-position: 0 -240px
}

.GridContextMenu .rgHCMUnfilter .rmLeftImage {
    background-position: 0 -280px
}

.RadGrid .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #688caf;
    background: #ecf3fc
}

    .RadGrid .rgGroupPanel td {
        border: 0;
        padding: 3px 4px;
        vertical-align: middle
    }

        .RadGrid .rgGroupPanel td td {
            padding: 0
        }

    .RadGrid .rgGroupPanel .rgSortAsc {
        background-position: 4px -144px
    }

    .RadGrid .rgGroupPanel .rgSortDesc {
        background-position: 4px -94px
    }

.RadGrid .rgUngroup {
    background-position: 0 -7500px
}

.RadGrid .rgGroupItem {
    border: 1px solid #4b78ca;
    color: #00156e
}

.RadGrid .rgGroupHeader {
    background: #d7e6f7;
    font-size: 1.1em;
    line-height: 21px;
    color: #567db0
}

    .RadGrid .rgGroupHeader > td {
        border-top: 1px solid #fcfcfd;
        border-bottom: 1px solid #6f92b3;
        padding-left: 8px
    }

.RadGrid td.rgGroupCol, .RadGrid td.rgExpandCol {
    background: #d7e6f7 none;
    border-color: #d7e6f7
}

.RadGrid .rgGroupHeader .rgExpand {
    background-position: 5px -495px
}

.RadGrid .rgGroupHeader .rgCollapse {
    background-position: 3px -93px
}

.RadGrid .rgEditForm:not(.rgEditPopup) {
    border-bottom: 1px solid #d0d7e5
}

.RadGrid .rgUpdate {
    background-position: 0 -1800px
}

.RadGrid .rgCancel {
    background-position: 0 -1850px
}

.RadGrid .rgDetailTable {
    border-color: #688caf
}

.RadGrid .rgExpand {
    background-position: 5px -496px
}

.RadGrid .rgCollapse {
    background-position: 3px -94px
}

.RadGrid .rgCommandRow {
    background: rgba(217, 228, 241, 0.57) !important;
    color: #333;
}

.RadGrid .rgCommandCell {
    border: 0;
    padding: 0
}

.RadGrid thead .rgCommandCell {
    border-bottom: none !important;
    padding: 5px;
}

.RadGrid .rgCommandTable {
    border: 1px solid rgb(217, 228, 241) !important;
    border-width: 0px 0px 0px 0 !important;
}

    .RadGrid .rgCommandTable td {
        border: 0;
        padding: 2px 7px
    }

.RadGrid .rgCommandRow a {
    color: #00156e;
    text-decoration: none
}

.RadGrid .rgAdd {
    margin-right: 5px !important;
    background-position: -154px -261px !important;
}

.RadGrid .rgRefresh {
    margin-right: 3px;
    background-position: -298px -44px !important;
}

.RadGrid .rgEdit {
    background-position: 0 -1700px
}

.RadGrid .rgDel {
    background-position: 0 -1750px
}

.RadGrid .rgExpXLS {
    background-position: 0 0
}

.RadGrid .rgExpDOC {
    background-position: 0 -50px
}

.RadGrid .rgExpPDF {
    background-position: 0 -100px
}

.RadGrid .rgExpCSV {
    background-position: 0 -150px
}

.rgCellSelectorArea, .GridRowSelector {
    background: #00156e
}

.GridItemDropIndicator {
    border-top: 1px dashed #00156e
}

.GridToolTip {
    border: 1px solid #6187b8;
    padding: 3px;
    background: #d7e3f2;
    color: #333
}

.RadGridRTL .rgHeader:first-child, .RadGridRTL th.rgResizeCol:first-child, .RadGridRTL .rgFilterRow > td:first-child, .RadGridRTL .rgRow > td:first-child, .RadGridRTL .rgAltRow > td:first-child {
    border-left-width: 1px;
    padding-left: 7px
}

.RadGridRTL .rgPageFirst {
    background-position: 0 -1000px;
    width: 25px !important;
    height: 25px !important;
}

    .RadGridRTL .rgPageFirst:hover {
        background-position: 0 -1050px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGridRTL .rgPagePrev {
    margin: 0 0 0 3px;
    background-position: 0 -850px;
    width: 25px !important;
    height: 25px !important;
}

    .RadGridRTL .rgPagePrev:hover {
        background-position: 0 -900px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGridRTL .rgPageNext {
    margin: 0 3px 0 0;
    background-position: 0 -700px;
    width: 25px !important;
    height: 25px !important;
}

    .RadGridRTL .rgPageNext:hover {
        background-position: 0 -750px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGridRTL .rgPageLast {
    background-position: 0 -550px;
    width: 25px !important;
    height: 25px !important;
}

    .RadGridRTL .rgPageLast:hover {
        background-position: 0 -600px;
        width: 25px !important;
        height: 25px !important;
    }

.RadGridRTL .rgGroupHeader .rgExpand {
    background-position: -20px -495px
}

.RadGridRTL .rgExpand {
    background-position: -20px -496px
}

/* Rad combobox */
.RadComboBox {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 3px;
    padding: 3px 10px !important;
    border: 1px solid silver;
    background: white;
    font-weight: bold;
}

.RadGrid .RadComboBox {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    zoom: 1;
    background: white !important;
    border-radius: 3px;
    padding: 0 2px;
    border: 1px solid silver;
    min-width: 60px;
}

.RadComboBox .rcbReadOnly {
    background: transparent !IMPORTANT;
}

    .RadComboBox .rcbReadOnly .rcbArrowCellRight a {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #444444;
    }

.RadComboBox .rcbInputCell, .RadComboBox .rcbArrowCell {
    background-image: none !important;
}

.RadComboBox table {
    width: 100%;
    border-width: 0;
    border-style: solid;
    border-collapse: collapse;
    vertical-align: top;
    height: 100%;
}

.RadComboBox select {
    margin-bottom: 0;
    padding: 0;
    height: 22px
}

.RadComboBox .rcbInputCell, .RadComboBox .rcbArrowCell {
    padding: 0;
    border-width: 0;
    border-style: solid;
    background-color: transparent;
    background-repeat: no-repeat
}

.RadComboBox table td.rcbInputCell {
    padding: 0 !important;
    border-width: 0;
}

.RadComboBox table td.rcbArrowCell {
    padding: 0;
    border-width: 0;
    padding-right: 0 !important;
}

.RadComboBox .rcbInputCell {
    padding-right: 4px;
    padding-left: 5px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle
}

.RadComboBox .rcbInputCellLeft {
    background-position: 0 0
}

.RadComboBox .rcbInputCellRight {
    background-position: 100% 0
}

.RadComboBox input, .RadComboBox input:focus {
    box-shadow: none;
    outline: 0;
    -webkit-appearance: none
}

    .RadComboBox input::-ms-clear {
        display: none
    }

.RadComboBox .rcbInput {
    margin: 0;
    padding: 2px 0 1px;
    height: auto;
    width: 100%;
    border-width: 0;
    outline: 0;
    color: inherit;
    background-color: transparent;
    font: inherit;
    vertical-align: top;
    opacity: 1
}

.RadComboBox .rcbReadOnly .rcbInput, .RadComboBox .rcbDisabled .rcbInput {
    cursor: default
}

.RadComboBox .rcbEmptyMessage {
    font-style: italic;
    filter: alpha(opacity=80);
    opacity: .8
}

.RadComboBox .rcbArrowCell {
    width: 18px
}

    .RadComboBox .rcbArrowCell a {
        width: 18px;
        height: 22px;
        position: relative;
        outline: 0;
        font-size: 0;
        line-height: 1px;
        text-decoration: none;
        text-indent: 9999px;
        display: block;
        overflow: hidden;
        cursor: default;
        *zoom: 1;
        width: 0 !important;
        height: 0 !important;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 6px solid #5d8cc9;
    }

.RadComboBox .rcbArrowCellLeft {
    background-position: 0 -176px
}

.RadComboBox .rcbArrowCellRight {
    background-position: -18px -176px
}

.RadComboBox .rcbArrowCellHidden, .RadComboBox .rcbArrowCellHidden a {
    width: 3px
}

.RadComboBox .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 0
}

.RadComboBox .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% 0
}

.RadComboBox .rcbHovered .rcbInputCellLeft {
    background-position: 0 -22px
}

.RadComboBox .rcbHovered .rcbInputCellRight {
    background-position: 100% -22px
}

.RadComboBox .rcbHovered .rcbArrowCellLeft {
    background-position: -36px -176px
}

.RadComboBox .rcbHovered .rcbArrowCellRight {
    background-position: -54px -176px
}

.RadComboBox .rcbHovered .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -22px
}

.RadComboBox .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -22px
}

.RadComboBox .rcbFocused .rcbInputCellLeft {
    background-position: 0 -44px
}

.RadComboBox .rcbFocused .rcbInputCellRight {
    background-position: 100% -44px
}

.RadComboBox .rcbFocused .rcbArrowCellLeft {
    background-position: -72px -176px
}

.RadComboBox .rcbFocused .rcbArrowCellRight {
    background-position: -90px -176px
}

.RadComboBox .rcbFocused .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -44px
}

.RadComboBox .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -44px
}

.RadComboBox .rcbDisabled {
    filter: alpha(opacity=50);
    opacity: .5
}

    .RadComboBox .rcbDisabled .rcbInputCellLeft {
        background-position: 0 -66px
    }

    .RadComboBox .rcbDisabled .rcbInputCellRight {
        background-position: 100% -66px
    }

    .RadComboBox .rcbDisabled .rcbArrowCellLeft {
        background-position: -108px -176px
    }

    .RadComboBox .rcbDisabled .rcbArrowCellRight {
        background-position: -126px -176px
    }

    .RadComboBox .rcbDisabled .rcbArrowCellLeft.rcbArrowCellHidden {
        background-position: 0 -66px
    }

    .RadComboBox .rcbDisabled .rcbArrowCellRight.rcbArrowCellHidden {
        background-position: 100% -66px
    }

.RadComboBox .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -88px
}

.RadComboBox .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -88px
}

.RadComboBox .rcbReadOnly .rcbArrowCellLeft {
    background-position: -144px -176px
}

.RadComboBox .rcbReadOnly .rcbArrowCellRight {
    background-position: -162px -176px;
    padding-right: 5px;
}

.RadComboBox .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -88px
}

.RadComboBox .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -88px
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -110px
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -110px
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellLeft {
    background-position: -180px -176px
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellRight {
    background-position: -198px -176px
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -110px
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -110px
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -132px
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -132px
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellLeft {
    background-position: -216px -176px
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellRight {
    background-position: -234px -176px
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -132px
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -132px
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 -154px
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -154px
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellLeft {
    background-position: -252px -176px
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellRight {
    background-position: -270px -176px
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0 -154px
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -154px
}

.RadComboBox .rcbLabel {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    line-height: 22px;
    *zoom: 1
}

.RadComboBox_rtl {
    text-align: right
}

    .RadComboBox_rtl .rcbInputCell {
        padding-right: 5px;
        padding-left: 4px
    }

    .RadComboBox_rtl .rcbInput {
        text-align: right
    }

    .RadComboBox_rtl .rcbLabel {
        *margin-right: 5px;
        padding: 0 0 0 10px;
        text-align: right
    }

.rcbSlide {
    display: none;
    position: absolute;
    overflow: hidden
}

.RadComboBoxDropDown {
    border-width: 1px;
    border-style: solid;
    text-align: left;
    cursor: default;
    position: relative;
}

    .RadComboBoxDropDown input[type="checkbox"] {
        margin: 0 3px 3px 4px;
        *margin: 0;
        padding: 0
    }

    .RadComboBoxDropDown .p-icon {
        display: none !important
    }

    .RadComboBoxDropDown label {
        line-height: inherit;
        font-weight: inherit
    }

    .RadComboBoxDropDown.rcbAutoWidth {
        min-width: 158px
    }

        .RadComboBoxDropDown.rcbAutoWidth .rcbList {
            white-space: nowrap
        }

@media \0screen {
    .RadComboBoxDropDown.rcbAutoWidth .rcbList {
        min-width: 148px
    }
}

* + html .RadComboBoxDropDown.rcbAutoWidthResizer .rcbScroll {
    overflow: scroll !important;
    overflow-x: visible !important
}

.RadComboBoxDropDown .rcbScroll {
    border-color: inherit;
    position: relative;
    overflow: auto
}

.RadComboBoxDropDown .rcbHeader, .RadComboBoxDropDown .rcbFooter {
    padding: 2px 5px;
    border: 0 solid transparent;
    border-color: inherit
}

.RadComboBoxDropDown .rcbHeader {
    margin-bottom: 1px;
    border-bottom-width: 1px
}

.RadComboBoxDropDown .rcbFooter {
    margin-top: 1px;
    border-top-width: 1px
}

.RadComboBox .rcbActionButton {
    background: transparent !important;
    border: none !important;
}

.RadComboBoxWithLabel .rcbInner {
    border-color: silver !important;
}

.RadComboBoxDropDown .rcbList {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    zoom: 1
}

    .RadComboBoxDropDown .rcbList > li {
        *zoom: 1
    }

        .RadComboBoxDropDown .rcbList > li:after {
            content: "";
            height: 0;
            clear: both;
            display: block
        }

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 5px 5px !important;
    min-height: 13px;
    background-repeat: repeat-x;
}

    .RadComboBoxDropDown .rcbItem > label, .RadComboBoxDropDown .rcbHovered > label, .RadComboBoxDropDown .rcbDisabled > label, .RadComboBoxDropDown .rcbLoading > label, .RadComboBoxDropDown .rcbCheckAllItems > label, .RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
        margin: -2px -5px;
        padding: 2px 5px;
        display: block
    }

.RadComboBoxDropDown .rcbNoWrap .rcbItem, .RadComboBoxDropDown .rcbNoWrap .rcbHovered, .RadComboBoxDropDown .rcbNoWrap .rcbDisabled, .RadComboBoxDropDown .rcbNoWrap .rcbLoading {
    white-space: nowrap
}

.RadComboBoxDropDown .rcbDisabled {
    cursor: default;
    filter: alpha(opacity=50);
    opacity: .5
}

.RadComboBoxDropDown .rcbLoading {
    text-align: center
}

.RadComboBoxDropDown em {
    font-style: normal;
    font-weight: bold
}

.RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    margin-bottom: 1px;
    border: 0 solid transparent;
    border-color: inherit;
    border-bottom-width: 1px
}

.RadComboBoxDropDown .rcbCheckBox, .RadComboBoxDropDown .rcbCheckAllItemsCheckBox {
    vertical-align: middle
}

.RadComboBoxDropDown .rcbImage {
    margin: 0 6px 2px 0;
    vertical-align: middle
}

.RadComboBoxDropDown .rcbMoreResults {
    margin: 1px 0 0 0;
    padding: 2px 5px;
    border: 0 solid transparent;
    border-color: inherit;
    border-top-width: 1px;
    border-style: solid;
    text-align: center;
    cursor: pointer
}

    .RadComboBoxDropDown .rcbMoreResults a {
        margin: 0 2px;
        width: 0;
        height: 0;
        border-width: 4px;
        border-style: solid;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        color: inherit;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        cursor: pointer
    }

.RadComboBoxDropDown .rcbSeparator {
    margin-top: 5px
}

.RadComboBoxDropDown .rcbSeparatedList .rcbSeparator {
    padding-left: 5px
}

.RadComboBoxDropDown .rcbSeparatedList .rcbItem, .RadComboBoxDropDown .rcbSeparatedList .rcbHovered, .RadComboBoxDropDown .rcbSeparatedList .rcbDisabled, .RadComboBoxDropDown .rcbSeparatedList .rcbLoading {
    padding-left: 1em
}

.RadComboBoxDropDown_rtl .rcbImage {
    margin: 0 0 2px 6px
}

.RadComboBoxDropDown_rtl .rcbSeparatedList .rcbSeparator {
    padding-right: 5px
}

.RadComboBoxDropDown_rtl .rcbSeparatedList .rcbItem, .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbHovered, .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbDisabled, .RadComboBoxDropDown_rtl .rcbSeparatedList .rcbLoading {
    padding-right: 1em
}

.RadComboBoxDropDown_rtl {
    text-align: right;
    direction: rtl
}

.RadComboBoxWithLabel table {
    *margin-right: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.RadComboBoxWithLabel {
    zoom: normal
}

.RadComboBox .rcbInputCell, .RadComboBox .rcbArrowCell {
    background-image: none !important;
}

.RadComboBox .rcbInput {
    font-size: 12px;
    line-height: 16px
}

.RadComboBox .rcbHovered .rcbInput {
    color: #333
}

.RadComboBox .rcbFocused .rcbInput {
    color: #333
}

.RadComboBox .rcbReadOnly .rcbInput {
    color: #444444 !important;
    font-style: normal !important;
    font-weight: bold !important;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbInput {
    color: #000
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInput {
    color: #000;
    font-style: normal !important;
}

.RadComboBox {
    color: #444444 !important;
    height: auto !important;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
}

.RadComboBoxDropDown {
    border-color: #abc1de !important;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    font-family: "Tahoma", Arial, Helvetica, sans-serif
}

    .RadComboBoxDropDown .rcbSeparator {
        color: #333;
        background-color: silver !important
    }

    .RadComboBoxDropDown .rcbHovered {
        color: #00156e;
        background-color: #ffe3a5 !important;
    }

    .RadComboBoxDropDown .rcbSelected {
        color: #000;
        background-color: #a0c0ef !important
    }

    .RadComboBoxDropDown .rcbLoading {
        color: #00156e;
        background-color: #a0c0ef !important
    }

    .RadComboBoxDropDown .rcbItem em {
        color: #00156e;
        background-color: #a0c0ef !important
    }

/* Rad Input */
.RadInput_Default, .RadInputMgr_Default {
    font: normal 13px 'Roboto', sans-serif !important;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    border-color: silver !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    color: #333;
    background-color: #fff !important;
    font: normal 13px 'Roboto', sans-serif !important;
}

html body .RadInput_Default .riEmpty, html body .RadInput_Empty_Default {
    color: #444444 !important;
    font-style: normal !important;
    font-weight: bold !important;
}

html body .RadInput_Default .riHover, html body .RadInput_Hover_Default, html body .RadInput_Default .riFocused, html body .RadInput_Focused_Default {
    border-color: #abc1de !important;
    padding: 5px 10px !important;
    border-radius: 2px !important;
    color: #333
}

html body .RadInput_Default .riRead, html body .RadInput_Read_Default {
    border-color: #d0d0d0
}

html body .RadInput_Default .riDisabled, html body .RadInput_Disabled_Default {
    border-color: #d0d0d0;
    color: #8a8a8a;
    cursor: default
}

html body .RadInput_Default .riError, html body .RadInput_Error_Default {
    border-color: #d51923;
    color: #d51923
}

.RadForm.rfdTextbox .RadInput_Default .riError[type="text"], .RadForm.rfdTextbox .RadInput_Error_Default[type="text"] {
    border-color: #d51923;
    color: #d51923
}

html body .RadInput_Default .riNegative, html body .RadInput_Negative_Default {
    color: #565656
}

.RadInput_Default .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px
}

    .RadInput_Default .riBtn a:hover {
        background-position: 3px -45px
    }

.RadInput_Default .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px
}

.RadInput_Default a.riUp {
    background-position: 4px -98px
}

    .RadInput_Default a.riUp:hover {
        background-position: 4px -148px
    }

.RadInput_Default a.riDown {
    background-position: 4px -199px
}

    .RadInput_Default a.riDown:hover {
        background-position: 4px -249px
    }

.RadInput_Default .riLabel {
    color: #000
}

.RadInput_Default .riResizeIcon {
    background-position: -6.5px -966.5px;
    margin-bottom: -1px
}

html body .RadInputRTL_Default .riError, html body .RadInputRTL_Error_Default {
    background-position: 3px -298px
}

html body .RadInputRTL_Default .riResizeIcon {
    background-position: -6.5px -986.5px
}

.RadForm.rfdTextbox .RadInputRTL_Default .riError[type="text"], .RadForm.rfdTextbox .RadInputRTL_Error_Default[type="text"] {
    background-position: 3px -298px
}

.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    height: auto !important;
    display: flex;
    align-items: center;
    border-radius: 3px !important;
    border: 1px solid silver !important;
    padding: 5px 10px !important;
    box-sizing: border-box;
    background: white !important;
}

/* RadButton */
.RadButton {
    background: rgba(0, 0, 0, 0.08) !important;
    height: 25px !important;
    line-height: 25px;
    border-radius: 2px;
    padding: 1px 10px !important;
}

    .RadButton.rbSkinnedButton, .RadButton.rbVerticalButton, .RadButton .rbDecorated, .RadButton .rbSplitRight, .RadButton .rbSplitLeft {
        background-image: none !important;
        color: #444444 !important;
        border-radius: 3px;
        padding: 1px 10px !important;
        margin-right: 5px;
    }

    .RadButton.rbToggleButton, .RadButton.rbToggleButton.rbDisabled:hover {
        color: #333
    }

        .RadButton.rbToggleButton:hover {
            color: #000
        }

    .RadButton.rbLinkButton, .RadButton.rbLinkButton.rbDisabled, .RadButton.rbLinkButton.rbDisabled:hover, .RadButton.rbLinkButton.rbDisabled:active, .RadButton.rbLinkButton.rbDisabled:focus {
        border-color: #a1bcdd;
        color: #00156e;
        background-color: #e8f1fc;
        background-image: linear-gradient(#e8f1fc, #e9f1fc 50%, #d2e1f4 50%, #e8f1fc);
        background-position: 0 0
    }

        .RadButton.rbLinkButton:hover {
            border-color: #c4ba9c;
            color: #000;
            background-color: #ffe18a;
            background-image: linear-gradient(#fffce8, #ffedb3 50%, #ffd563 50%, #ffe18a)
        }

        .RadButton.rbLinkButton:active, .RadButton.rbLinkButton:focus, .RadButton.rbLinkButtonChecked, .RadButton.rbLinkButtonChecked:hover {
            border-color: #c3bba3;
            color: #000;
            background-color: #fde292;
            background-image: linear-gradient(#ebc59b, #faad60 50%, #f99631 50%, #fde292)
        }

        .RadButton.rbLinkButton:hover .rbSplitLeft, .RadButton.rbLinkButton:hover .rbSplitRight {
            background-color: #e8f1fc
        }

        .RadButton.rbLinkButton .rbSplitLeft:hover, .RadButton.rbLinkButton .rbSplitRight:hover {
            background-color: #ffe18a
        }

        .RadButton.rbLinkButton .rbSplitLeft:active, .RadButton.rbLinkButton .rbSplitLeft:focus, .RadButton.rbLinkButton .rbSplitRight:active, .RadButton.rbLinkButton .rbSplitRight:focus {
            background-color: #fde292;
            border-color: #c3bba3
        }

    .RadButton .rbDecorated {
        margin: 0;
        padding: 0 !important;
        border: 0;
        outline: 0;
        font: inherit;
        color: inherit;
        background-color: transparent;
        text-align: center;
        overflow: visible;
        display: block;
        -webkit-appearance: none;
        height: 100% !important;
        font-family: 'Roboto' !important;
        font-size: 13px !important;
    }

/* RadPicker */
.RadInput, .RadInputMgr {
    font: normal 13px 'Roboto', sans-serif !important;
}

html body .RadInput .riTextBox, html body .RadInputMgr {
    border-color: silver !important;
    background: white !important;
    color: #444444 !important;
    font: normal 13px 'Roboto', sans-serif !important;
    border-radius: 3px !important;
}

html body .RadInput .riEmpty, html body .RadInput_Empty {
    color: #444444 !important;
    font-style: normal !important;
    font-weight: bold !important;
}

html body .RadInput .riHover, html body .RadInput_Hover, html body .RadInput .riFocused, html body .RadInput_Focused {
    color: #333;
    border-color: #abc1de !important
}

html body .RadInput .riRead, html body .RadInput_Read {
    border-color: #ccdbed
}

html body .RadInput .riDisabled, html body .RadInput_Disabled {
    border-color: #ccdbed;
    color: #8d8d8d;
    cursor: default
}

html body .RadInput .riError, html body .RadInput_Error {
    border-color: #b32d34 #dc643f #ea8541;
    color: #b32d34
}

.RadForm.rfdTextbox .RadInput .riError[type="text"], .RadForm.rfdTextbox .RadInput_Error[type="text"] {
    border-color: #b32d34 #dc643f #ea8541;
    color: #b32d34
}

html body .RadInput .riNegative, html body .RadInput_Negative {
    color: #565656
}

.RadInput .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px
}

    .RadInput .riBtn a:hover {
        background-position: 3px -45px
    }

.RadInput .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px
}

.RadInput a.riUp {
    background-position: 4px -98px
}

    .RadInput a.riUp:hover {
        background-position: 4px -148px
    }

.RadInput a.riDown {
    background-position: 4px -199px
}

    .RadInput a.riDown:hover {
        background-position: 4px -249px
    }

.RadInput .riLabel {
    color: #000
}

html body .RadInputRTL .riError, html body .RadInputRTL_Error {
    background-position: 3px -298px
}

html body .RadInputRTL .riResizeIcon {
    background-position: 0 -19px
}

.RadForm.rfdTextbox .RadInputRTL .riError[type="text"], .RadForm.rfdTextbox .RadInputRTL_Error[type="text"] {
    background-position: 3px -298px
}

/* Rad calendar */
.RadCalendar {
    border-color: #008000 !important;
    color: #333;
    background-color: #f9f9f9 !important;
    font-size: 12px;
    font-family: "Tahoma", Arial, Helvetica, sans-serif;
}

    .RadCalendar .rcTitlebar {
        border-color: transparent !important;
        background: #bfdbff !important;
        color: #00156e;
    }

        .RadCalendar .rcTitlebar table {
            font: normal 13px 'Roboto', sans-serif !important;
        }

        .RadCalendar .rcTitlebar td {
            padding: 0 0 2px
        }

        .RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
            width: 17px;
            height: 17px;
            margin: 1px 2px 0;
            color: #ccc
        }

        .RadCalendar .rcTitlebar .rcFastPrev {
            margin-left: 4px;
            background-position: 0 -200px
        }

        .RadCalendar .rcTitlebar a.rcFastPrev:hover {
            background-position: 0 -250px
        }

        .RadCalendar .rcTitlebar .rcPrev {
            background-position: 0 -300px
        }

        .RadCalendar .rcTitlebar a.rcPrev:hover {
            background-position: 0 -350px
        }

        .RadCalendar .rcTitlebar .rcNext {
            background-position: 0 -400px
        }

        .RadCalendar .rcTitlebar a.rcNext:hover {
            background-position: 0 -450px
        }

        .RadCalendar .rcTitlebar .rcFastNext {
            margin-right: 4px;
            background-position: 0 -500px
        }

        .RadCalendar .rcTitlebar a.rcFastNext:hover {
            background-position: 0 -550px
        }

    .RadCalendar .rcMain {
        border-color: transparent !important;
    }

    .RadCalendar .rcMainTable {
        color: #000;
        font: normal 13px 'Roboto', sans-serif !important;
    }

    .RadCalendar .rcHeader, .RadCalendar .rcFooter {
        border-color: #688caf
    }

    .RadCalendar .rcWeek th {
        border-bottom: 1px solid #9ebfdb;
        padding: 2px 6px 2px 0
    }

    .RadCalendar .rcWeek .rcViewSel {
        width: 12px;
        padding: 0 7px 0 9px;
        background: #e9eeee
    }

    .RadCalendar .rcRow th {
        width: 12px;
        padding: 0 7px 0 9px;
        background: #e9eeee;
        color: #555
    }

    .RadCalendar .rcRow td {
        border-color: #fff
    }

    .RadCalendar .rcMain .rcRow a, .RadCalendar .rcMain .rcRow span {
        color: #000
    }

    .RadCalendar .rcMain .rcWeekend a {
        color: #444
    }

    .RadCalendar .rcRow .rcToday {
        border-color: #688caf
    }

    .RadCalendar .rcMain .rcOtherMonth a, .RadCalendar .rcMain .rcOutOfRange span {
        color: #777
    }

    .RadCalendar .rcRow .rcSelected {
        border-color: silver !important;
        background: #fcda88 !important;
    }

    .RadCalendar .rcRow .rcHover {
        border-color: silver !important;
        background: #ffdf85 !important;
    }

.RadCalendarMultiView .rcTitlebar table {
    border: 1px solid #f6f7f9;
    line-height: 27px
}

.RadCalendarMultiView .rcTitlebar td {
    padding-bottom: 1px
}

.RadCalendarMultiView .rcCalendar {
    border-color: #688caf;
    border-top: 0
}

    .RadCalendarMultiView .rcCalendar .rcMainTable {
        height: 195px
    }

.RadCalendarMultiView .rcMainTable .rcTitle {
    border-width: 1px 0;
    border-color: #688caf #9eb6ce #9eb6ce;
    padding: 0 0 2px;
    color: #00156e;
    line-height: 22px
}

table.RadCalendarMonthView {
    border-color: #336699 !important;
    background: #fff;
    font: normal 13px 'Roboto', sans-serif !important;
    color: #000;
    box-shadow: 0px 0px 3px #757575;
}

.RadCalendarMonthView #rcMView_Feb, .RadCalendarMonthView #rcMView_Apr, .RadCalendarMonthView #rcMView_Jun, .RadCalendarMonthView #rcMView_Aug, .RadCalendarMonthView #rcMView_Oct, .RadCalendarMonthView #rcMView_Dec {
    border-right: 1px solid #9ebfdb
}

.RadCalendarMonthView a {
    color: #000
}

.RadCalendarMonthView .rcSelected a {
    border-color: #336699 !important;
    background: #ffe3a5 !important;
}

.RadCalendarMonthView #rcMView_PrevY a, .RadCalendarMonthView #rcMView_NextY a {
    width: 15px;
    height: 13px;
    overflow: hidden;
    color: #ccc
}

.RadCalendarMonthView #rcMView_PrevY a {
    background-position: 3px -200px
}

.RadCalendarMonthView #rcMView_NextY a {
    background-position: 4px -500px
}

.RadCalendarMonthView .rcButtons {
    padding: 5px 7px 3px
}

.RadCalendarMonthView input {
    border-color: transparent !important;
    FONT-WEIGHT: 500;
    FONT-WEIGHT: 500;
    padding: 3px 10px !important;
    background: #008000 !important;
    color: white !important;
    border-radius: 2px !important;
    margin: 3px !important;
}

table.RadCalendarTimeView {
    border-color: silver !important;
    background: #fff;
    font: normal 13px 'Roboto', sans-serif !important;
}

.RadCalendarTimeView th {
    border-bottom: 1px solid #9eb6ce;
    padding: 0 0 1px;
    background: #bfdbff !important;
    color: #00156e;
    line-height: 23px;
}

table.RadCalendarTimeView td {
    border-color: #9ebfdb
}

.RadCalendarTimeView a {
    color: #000
}

.RadCalendarTimeView td.rcSelected a {
    border-color: transparent !important;
    background: #a0c0ef !important;
}

.RadCalendarTimeView td.rcHover a {
    border-color: transparent !important;
    background: #a0c0ef !important;
}

.RadCalendarTimeView .rcFooter {
    border-color: #688caf
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
    background-image: url(/Admin/Images/RadIcon/css_sprites.png) !important;
}

.RadPicker .rcCalPopup {
    background-position: -114px -42px !important;
    /* background-color: white !important; */
    width: 25px !important;
    height: 25px !important;
    margin-left: 4px !important;
    /* border: 1px solid silver; */
    border-radius: 2px;
    box-sizing: border-box !important;
}

.RadPicker a.rcDisabled.rcCalPopup:hover {
    background-position: 0 0
}

.RadPicker a.rcCalPopup:hover, .RadPicker a.rcCalPopup:focus, .RadPicker a.rcCalPopup:active {
    background-position: 0 -50px
}

.RadPicker .rcTimePopup {
    background-position: -114px -114px !important;
    background-color: white !important;
    width: 25px !important;
    height: 25px !important;
    margin-left: 4px !important;
    /* border: 1px solid silver; */
    border-radius: 2px;
    box-sizing: border-box !important;
}

.RadPicker a.rcDisabled.rcTimePopup:hover {
    background-position: 0 -100px
}

.RadPicker a.rcTimePopup:hover, .RadPicker a.rcTimePopup:focus, .RadPicker a.rcTimePopup:active {
    background-position: 0 -150px
}

.RadCalendarRTL .rcTitlebar .rcFastPrev {
    background-position: 0 -500px
}

.RadCalendarRTL .rcTitlebar a.rcFastPrev:hover {
    background-position: 0 -550px
}

.RadCalendarRTL .rcTitlebar .rcPrev {
    background-position: 0 -400px
}

.RadCalendarRTL .rcTitlebar a.rcPrev:hover {
    background-position: 0 -450px
}

.RadCalendarRTL .rcTitlebar .rcNext {
    background-position: 0 -300px
}

.RadCalendarRTL .rcTitlebar a.rcNext:hover {
    background-position: 0 -350px
}

.RadCalendarRTL .rcTitlebar .rcFastNext {
    background-position: 0 -200px
}

.RadCalendarRTL .rcTitlebar a.rcFastNext:hover {
    background-position: 0 -250px
}

/* Rad treelist */
.RadTreeList, .rtlCEdit div.RadTreeList {
    border-color: silver !important;
    background: #fff;
    color: #333;
}

    .RadTreeList .rtlTable {
        font: normal 13px 'Roboto', sans-serif !important;
        line-height: 16px
    }

.TreeListToolTip {
    font: normal 13px 'Roboto', sans-serif !important;
    line-height: 16px
}

.RadTreeList .rtlHeader {
    background: silver !important;
    color: #00156e;
    border-color: silver !important;
}

    .RadTreeList .rtlHeader a {
        color: #00156e
    }

    .RadTreeList .rtlHeader th {
        border-color: silver !important;
    }

.RadTreeList .rtlScroller {
    border-color: #99badf
}

.RadTreeList .rtlA {
    background-color: #e7ebf2
}

.RadTreeList .rtlRActive {
    background: #ffe5b0
}

.RadTreeList .rtlREdit {
    background-color: #ffe5ad
}

.rtlCEdit .RadTreeList {
    border-right: 1px solid;
    border-top: 1px solid
}

.RadTreeList .rtlRActive td, .RadTreeList .rtlR td, .RadTreeList .rtlA td, .RadTreeList .rtlREdit td, .RadTreeList .rtlRFooter td, .RadTreeList .rtlEditForm {
    border-color: #d0d7e5
}

    .RadTreeList .rtlR a, .RadTreeList .rtlA a, .RadTreeList .rtlREdit a, .RadTreeList .rtlEditForm a {
        color: #00156e
    }

.RadTreeList .rtlVBorders td.rtlL, .RadTreeList .rtlLines td.rtlL {
    background-color: #fff
}

.RadTreeList .rtlExpand {
    background-position: 0 0
}

.RadTreeList .rtlCollapse {
    background-position: 0 -50px
}

.RadTreeList .rtlSortAsc {
    background-position: 3px -147px
}

.RadTreeList .rtlSortDesc {
    background-position: 3px -96px
}

.TreeListReorderTop {
    height: 12px;
}

.TreeListReorderBottom {
    height: 12px;
    background-position: 0 -50px
}

.TreeListToolTip {
    border-color: #6187b8;
    background: #d7e3f2;
    color: #333
}

.RadTreeList .rtlPager {
    color: #00156e
}

.RadTreeList .rtlPagerCell {
    border-color: #5d8cc9
}

.RadTreeList .rtlPager .rtlInfoPart {
    color: #3e69a3
}

.RadTreeList .rtlPager .rtlPageFirst {
    background-position: 0 -550px
}

    .RadTreeList .rtlPager .rtlPageFirst:hover {
        background-position: 0 -600px
    }

.RadTreeList .rtlPager .rtlPagePrev {
    background-position: 0 -700px
}

    .RadTreeList .rtlPager .rtlPagePrev:hover {
        background-position: 0 -750px
    }

.RadTreeList .rtlPager .rtlPageNext {
    background-position: 0 -850px
}

    .RadTreeList .rtlPager .rtlPageNext:hover {
        background-position: 0 -900px
    }

.RadTreeList .rtlPager .rtlPageLast {
    background-position: 0 -1000px
}

    .RadTreeList .rtlPager .rtlPageLast:hover {
        background-position: 0 -1050px
    }

.RadTreeList .rtlPager .rtlPagerButton {
    border-color: #c2cedb;
    color: #000;
    font-family: "Tahoma", arial, sans-serif
}

.RadTreeList .rtlPager .rtlNumPart a {
    color: #1e395b
}

    .RadTreeList .rtlPager .rtlNumPart a:hover {
        background-position: 100% -1250px;
        color: #4c607a
    }

        .RadTreeList .rtlPager .rtlNumPart a:hover span {
            background-position: 0 -1150px
        }

    .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage {
        background-position: 100% -1450px;
        color: #4c607a
    }

        .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage:hover {
            background-position: 100% -1450px;
            color: #4c607a
        }

            .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage span, .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage:hover span {
                background-position: 0 -1350px
            }

/* Radlist */
.RadListBox {
    font-size: 12px;
    font-family: "Tahoma", Arial, Helvetica, sans-serif
}

    .RadListBox .rlbGroup, .RadListBox .rlbTemplateContainer {
        border-color: #9eb6ce;
        color: #333;
        background-color: #fff;
    }

    .RadListBox .rlbItem.rlbHovered {
        color: #00156e;
        background-color: #ffe3a5 !important;
    }

    .RadListBox .rlbItem.rlbSelected {
        color: #444444 !important;
        background-color: #ffe3a5 !important;
        border: none !important;
        font-weight: bold;
    }

    .RadListBox .rlbHighlight {
        color: #00156e;
        background-color: #ffd563
    }

    .RadListBox .rlbHeader, .RadListBox .rlbFooter {
        border-color: #a1bcdd;
        background-color: #f1f2f4
    }

    .RadListBox .rlbFooter {
        background-position: 0 -200px;
        background-color: #fff
    }

    .RadListBox .rlbGroup .rlbDropClueAbove {
        border-top-color: #8e8e8e
    }

    .RadListBox .rlbGroup .rlbDropClueBelow {
        border-bottom-color: #8e8e8e
    }

    .RadListBox .rlbGroup .rlbSelected.rlbDropClueAbove, .RadListBox .rlbGroup .rlbHovered.rlbDropClueAbove, .RadListBox .rlbGroup .rlbSelected.rlbDropClueBelow, .RadListBox .rlbGroup .rlbHovered.rlbDropClueBelow {
        border-color: #8e8e8e
    }

    .RadListBox .rlbButton {
        color: #00156e
    }

        .RadListBox .rlbButton:hover {
            color: #000
        }

    .RadListBox .rlbDisabled, .RadListBox .rlbDisabled:hover {
        color: #00156e
    }

    .RadListBox .rlbMoveUp .rlbButtonText {
        background-position: 0 0
    }

    .RadListBox .rlbMoveUp:hover .rlbButtonText {
        background-position: -400px 0
    }

    .RadListBox .rlbMoveUpDisabled .rlbButtonText, .RadListBox .rlbMoveUpDisabled:hover .rlbButtonText {
        background-position: -200px 0
    }

    .RadListBox .rlbMoveDown .rlbButtonText {
        background-position: 0 -25px
    }

    .RadListBox .rlbMoveDown:hover .rlbButtonText {
        background-position: -400px -25px
    }

    .RadListBox .rlbMoveDownDisabled .rlbButtonText, .RadListBox .rlbMoveDownDisabled:hover .rlbButtonText {
        background-position: -200px -25px
    }

    .RadListBox .rlbMoveToTop .rlbButtonText {
        background-position: 0 -275px
    }

    .RadListBox .rlbMoveToTop:hover .rlbButtonText {
        background-position: -400px -275px
    }

    .RadListBox .rlbMoveToTopDisabled .rlbButtonText, .RadListBox .rlbMoveToTopDisabled:hover .rlbButtonText {
        background-position: -200px -275px
    }

    .RadListBox .rlbMoveToBottom .rlbButtonText {
        background-position: 0 -300px
    }

    .RadListBox .rlbMoveToBottom:hover .rlbButtonText {
        background-position: -400px -300px
    }

    .RadListBox .rlbMoveToBottomDisabled .rlbButtonText, .RadListBox .rlbMoveToBottomDisabled:hover .rlbButtonText {
        background-position: -200px -300px
    }

    .RadListBox .rlbDelete .rlbButtonText {
        background-position: 0 -50px
    }

    .RadListBox .rlbDelete:hover .rlbButtonText {
        background-position: -400px -50px
    }

    .RadListBox .rlbDeleteDisabled .rlbButtonText, .RadListBox .rlbDeleteDisabled:hover .rlbButtonText {
        background-position: -200px -50px
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferTo .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferFrom .rlbButtonText {
        background-position: 0 -100px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferTo .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferFrom .rlbButtonText {
        background-position: 0 -75px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferFrom:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferTo:hover .rlbButtonText {
        background-position: -400px -100px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferTo:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferFrom:hover .rlbButtonText {
        background-position: -400px -75px
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferFromDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferToDisabled:hover .rlbButtonText {
        background-position: -200px -100px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferToDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferFromDisabled:hover .rlbButtonText {
        background-position: -200px -75px
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferAllTo .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferAllFrom .rlbButtonText {
        background-position: 0 -150px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllTo .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferAllFrom .rlbButtonText {
        background-position: 0 -125px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllFrom:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferAllTo:hover .rlbButtonText {
        background-position: -400px -150px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllTo:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferAllFrom:hover .rlbButtonText {
        background-position: -400px -125px
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferAllToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferAllFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferAllFromDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferAllToDisabled:hover .rlbButtonText {
        background-position: -200px -150px
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferAllFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaLeft .rlbTransferAllToDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaRight .rlbTransferAllFromDisabled:hover .rlbButtonText {
        background-position: -200px -125px
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferTo .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferFrom .rlbButtonText {
        background-position: 0 -200px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferTo .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferFrom .rlbButtonText {
        background-position: 0 -175px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferFrom:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferTo:hover .rlbButtonText {
        background-position: -400px -200px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferTo:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferFrom:hover .rlbButtonText {
        background-position: -400px -175px
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferFromDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferToDisabled:hover .rlbButtonText {
        background-position: -200px -200px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferToDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferFromDisabled:hover .rlbButtonText {
        background-position: -200px -175px
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferAllTo .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferAllFrom .rlbButtonText {
        background-position: 0 -250px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllTo .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferAllFrom .rlbButtonText {
        background-position: 0 -225px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllFrom:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferAllTo:hover .rlbButtonText {
        background-position: -400px -250px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllTo:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferAllFrom:hover .rlbButtonText {
        background-position: -400px -225px
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferAllToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferAllFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferAllFromDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferAllToDisabled:hover .rlbButtonText {
        background-position: -200px -250px
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllToDisabled .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferAllFromDisabled .rlbButtonText, .RadListBox .rlbButtonAreaTop .rlbTransferAllToDisabled:hover .rlbButtonText, .RadListBox .rlbButtonAreaBottom .rlbTransferAllFromDisabled:hover .rlbButtonText {
        background-position: -200px -225px
    }

.RadEditor, .RadEditor .reModule, .RadEditor .reEditorModes, .RadEditor .reWrapper {
    background-color: #d6e6f4;
}

    .reWrapper, .RadEditor .reContentCell, .reColorPicker, .reInsertTable, .reCustomLinks a:hover {
        border: 1px solid #688caf;
        background-color: #d6e6f4;
    }

.reEmptyMessage {
    color: #8d8d8d
}

.RadEditor .reContentCell iframe.reHtmlMode {
    display: none !important;
}

.RadEditor .reContentCell {
    background-color: #fff
}

    .RadEditor .reContentCell.reNoBorder {
        border: 0
    }

.RadEditor .reNoBorder div.reContentArea {
    border: 1px solid #688caf
}

.reDropDownBody {
    border: 1px solid #688caf;
    background-color: #fff
}

    .reDropDownBody table {
        background: transparent
    }

.RadEditor .reModule {
    border-top: 1px solid #688caf
}

.reCustomLinks a, .reCustomLinks a:link, .reCustomLinks a:visited {
    border: 1px solid #fff;
    color: #000 !important
}

    .reCustomLinks a:hover {
        background-color: #ffe18a;
        border: 1px solid #a7bedb
    }

.reToolbar li, .reSpinBox a, .reToolbar .reSeparator, .reToolbar .reGrip, .reDialog .reTool, .reModule .reTool, .reDialog .reTool:hover, .reToolbar .reTool:hover, .reModule .reTool:hover, .reToolbar .reTool.reTool_selected, .reToolbar .reTool.reTool_selected:hover, .reToolbar .reTool_text:hover, .reToolbar .reTool_text.reTool_selected, .reToolbar .reTool_text.reTool_selected:hover, .reTool .split_arrow, .reSplitButton.reTool_text .split_arrow, .reToolbar .reTool_text .split_arrow, .reDialog .reTool.reSplitButton, .reModule .reTool.reSplitButton, .reDropdown, .reTool_disabled.reDropdown:hover, .reResizeCell div, .reInsertTable .reToolbar li .reTool:hover, .RadEditor.reRtl .reDropdown:hover {
    background-image: none !important;
}

.reToolbar li {
    color: #000
}

.reToolbar .reTool_text:hover, .reToolbar .reTool_text.reTool_selected, .reToolbar .reTool_text.reTool_selected:hover {
    border-left: 1px solid #c6ba9d;
    border-right: 1px solid #c6ba9d
}

.reToolbar .reTool_text.reTool_disabled, .reToolbar .reTool_text.reTool_disabled:hover {
    margin-left: 0;
    margin-right: 0;
    border: 0
}

.reDropdown:link, .reDropdown:visited {
    color: #000 !important
}

.reDropdown, .reTool_disabled.reDropdown:hover {
    border: 1px solid #abc1de;
    background-color: #fff
}

    .reDropdown:hover {
        border-color: #305090;
        color: #000
    }

.reDropDownBody .reTlbVertical .reToolbar {
    background-color: #fff
}

table.reSpinBox, .RadEditor input {
    border-color: #abc1de;
    background-color: #fff
}

    table.reSpinBox:hover, .RadEditor input:hover {
        border: 1px solid #c6ba9d
    }

.reModule_domlink_selected, .reModule_domlink {
    color: #000
}

.reDropDownBody .reItemOver {
    background: #fcc365;
    color: #000
}

.reColorPicker table div, .reColorPicker span {
    border: 1px solid #688caf
}

.reColorPicker table td.reItemOver div {
    border-color: #000
}

.reAjaxspell_button {
    border: 1px solid #a7bedb;
    background-color: #e8f1fc;
    color: #00156e
}

.reAjaxSpellCheckSeparator {
    background-color: #fff
}

.reCustomLinks, .reCustomLinks ul {
    color: #000
}

    .reCustomLinks a {
        background: none transparent;
        color: #000;
        cursor: default !important
    }

        .reCustomLinks a:hover {
            color: #fff
        }

.reInsertTable table {
    background-color: #fff
}

    .reInsertTable table td {
        border: 1px solid #abc1de;
        background-color: #fff
    }

    .reInsertTable table .reItemOver {
        border: 1px solid #305090;
        background-color: #fcc365
    }

.reInsertTable .reTlbVertical ul {
    background-color: #fff
}

.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text, .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link, .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
    color: #000 !important;
    background: transparent none
}

.reCommentEdit, .reCommentTextArea, .reCommentView, .reCommentInfoPanel {
    border-color: transparent;
    background-color: #d6e6f4
}

.reCommentTitle, .reCommentInfoPanel {
    color: #000
}

.reCommentTextArea {
    border-color: #688caf;
    background-color: #d6e6f4
}

.RadEditor .reCommentButton, .rePopupButtonContainer .rePopupButton {
    border-color: #a7bedb #7995ba #a3bad8 #7793b9;
    color: #1f3281;
    background: linear-gradient(#e8f1fc 25%, #e9f1fc 50%, #d2e1f4 75%, #e8f1fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8f1fc', endColorstr='#e8f1fc', GradientType=0)
}

    .RadEditor .reCommentButton:hover, .rePopupButtonContainer .rePopupButton:hover {
        border-color: #d8ca95 #b8a076 #c6ba9d #b9a178;
        color: #000;
        background: linear-gradient(#fffce8 25%, #ffedb3 50%, #ffd563 75%, #ffe18a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffce8', endColorstr='#ffe18a', GradientType=0)
    }

    .RadEditor .reCommentButton:active, .rePopupButtonContainer .rePopupButton:active {
        color: #000;
        border-color: #8f8267 #ada490 #c3bdae #ada490;
        background: linear-gradient(#ebc59b 25%, #faad60 50%, #f99631 75%, #fde292 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebc59b', endColorstr='#fde292', GradientType=0)
    }

.rePopupContainer {
    border-color: #abc1de;
    background-color: #d6e6f4
}

    .rePopupContainer .rePopupTitle {
        color: #00156e;
        border-color: #9eb6ce;
        background: linear-gradient(#dee8f5 0, silver 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee8f5', endColorstr='silver  ', GradientType=0)
    }

.reWrapper.reInlineEditor:hover {
    border-color: #abc1de
}

.reWrapper.reInlineEditorSelected, .reWrapper.reInlineEditorSelected:hover {
    border-color: #305090
}

.RadEditor.reRtl .reTool .split_arrow:hover {
    border-right-color: #c6ba9d
}

.RadEditor.reRtl .reDropdown:hover {
    background-color: #ffe27b
}

.RadWindow.RadWindow.reToolbarWindow td.rwWindowContent, .RadWindow.RadWindow.reToolbarWindow div.rwContent {
    background-color: #d6e6f4
}

.RadWindow .reInsertTableLightWrapper .lightTable {
    border-color: #688caf
}

.reTool .split_arrow:hover {
    border-left-color: #c6ba9d
}

/* Rad editor */
.RadEditor, .reDropDownBody, .reDropDownBody *, .reDropDown, .reDropDown * {
    box-sizing: content-box;
    /* background: silver !important; */
    /* border: 1px solid silver !important; */
    border-radius: 2px !important;
    padding: 0;
    margin: 0;
}

.reCustomContainer:after {
    clear: both;
    content: "";
    display: block
}

.RadEditor .reToolbarWrapper input[type="button"], .RadEditor .reToolbarWrapper input[type="reset"], .RadEditor .reToolbarWrapper input[type="submit"], .RadEditor .reToolbarWrapper button {
    margin-left: auto;
    min-width: 0;
    padding: 0
}

.reLayoutWrapper, .reWrapper_corner, .reWrapper_center, .reLeftVerticalSide, .reRightVerticalSide, .reTlbVertical, .reToolCell, .reContentCell, .reToolZone, .reBottomTable, .reEditorModesCell, .reBottomZone, .reResizeCell {
    border: 0;
    padding: 0
}

.RadEditor .reToolZone .reBottomZone .reModule {
    border-top: 0
}

.reDropDownBody {
    background-color: #fff
}

.reContentCell, .reContentCell iframe {
    background-color: #fff
}

    .reContentCell iframe {
        display: block !important;
        padding: 10px 10px !important;
        box-sizing: border-box;
    }

.reTextArea {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
    border: 0;
    resize: none;
    color: #000080;
    font-size: 13px !important;
    padding: 5px 10px !important;
}

.reTextAreaHidden {
    display: none
}

.reIframeWrapperIOS {
    height: 0;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.RadEditor.reFullScreen {
    position: absolute;
    z-index: 3000
}

.RadEditor.reWrapper .reToolCell {
    vertical-align: top;
    padding-bottom: 1px
}

*|html .RadEditor.reWrapper .reToolCell {
    padding-bottom: 0;
}

.reBottomZone {
    text-align: right;
    vertical-align: bottom;
}

.reToolbarWrapper {
    margin-top: 0
}

.reToolbar {
    padding: 0 !important;
    margin: 0 0 1px 0 !important;
    list-style: none !important;
    float: left
}

    .reToolbar li {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        float: left;
        background-repeat: repeat-x;
        height: 26px;
        background-position: 0 -26px
    }

.reToolbar {
    margin-bottom: 2px
}

    .reToolbar a, .reDropdown, .reSpinBox input, .RadEditor input, .reModule, .reModule td, .reEditorModes a, .reDropDownBody, .reDropDownBody td, .reAjaxspell_wrapper, .reAjaxspell_button, .reAjaxspell_addicon, .reAjaxspell_ignoreicon, .reAjaxspell_okicon, .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text, .reColorPicker .reCustomColor {
        font: normal 13px 'Roboto', sans-serif !important;
        color: #000;
        text-decoration: none;
        cursor: default
    }

.RadEditor .reEmptyMessage {
    font: normal 13px 'Roboto', sans-serif !important;
}

.RadEditor table.reLayoutWrapper {
    border-collapse: collapse;
    table-layout: auto;
}

.RadEditor table.reBottomTable {
    margin-top: -3px !important;
    display: inline-block;
}

.RadEditor .reContentCell {
    vertical-align: top
}

.reAjaxspell_button {
    white-space: nowrap
}

.reAjaxspell_addicon, .reAjaxspell_ignoreicon, .reAjaxspell_okicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 2px 4px 2px 2px;
    background-repeat: no-repeat
}

.reAjaxspell_ignoreicon {
    background-position: center -103px
}

.reAjaxspell_okicon {
    background-position: center -134px
}

.reAjaxspell_addicon {
    background-position: center -166px
}

.reAjaxSpellCheckSuggestions table {
    border-width: 0;
    width: 100%
}

.reAjaxSpellCheckSuggestions td {
    width: 100%;
    padding-left: 4px
}

.reAjaxSpellCheckSeparator {
    font-size: 1px;
    height: 1px;
    margin: 2px 1px
}

.reAjaxSpellCheck {
    padding: 2px
}

.RadEditor .reTextarea {
    font-size: 11px
}

.reToolbar .reSeparator {
    width: 2px !important;
    height: 20px !important;
    font-size: 1px;
    background-position: center -148px;
    background: white;
    display: none;
}

.reToolbar .reGrip {
    height: 26px;
    width: 4px;
    font-size: 1px;
    background-repeat: no-repeat
}

ul.reToolbar li.grip_first {
    background-position: 0 0
}

ul.reToolbar li.grip_last {
    background-position: -4px 0
}

.RadEditor .reTlbVertical .reToolbar .grip_last {
    background-position: 0 -4px
}

.reAlignmentSelector div {
    height: 20px
}

ul.reToolbar li span:hover {
    background-color: #fff !important;
}

.reDropDownBody span {
    padding: 5px;
    display: inline-block;
}

.reDropDownBody td {
    padding: 3px;
}

.reTool span {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 2px !important;
    cursor: default;
    background-repeat: no-repeat;
}

.reTool, .reTool:link, .reTool:visited {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0px 1px !important;
    text-decoration: none !important;
    cursor: default;
    border: 1px solid transparent;
}

.RadEditor .reDialog .reTool:hover, .RadEditor .reModule .reTool:hover, .reToolbarWindow .reToolbar .reTool:hover {
    background-position: 0 -76px
}

.RadEditor .reToolbar .reTool:hover {
    background-position: 0 -52px
}

.reTool_disabled {
    filter: alpha(opacity=40);
    opacity: .4
}

.RadEditor .reDialog .reTool_disabled:hover, .RadEditor .reToolbar .reTool_disabled:hover, .RadEditor .reModule .reTool_disabled:hover, .reToolbarWindow .reToolbar .reTool_disabled:hover {
    background-image: none !important
}

.RadEditor .reToolbar .reTool.reTool_selected, .RadEditor .reToolbar .reTool.reTool_selected:hover, .reToolbarWindow .reToolbar .reTool.reTool_selected, .reToolbarWindow .reToolbar .reTool.reTool_selected:hover {
    background-position: 0 -124px;
    background-repeat: no-repeat;
}

.reToolbar .reTool_text:hover {
    background-repeat: repeat-x;
    background-position: 0 -100px;
    margin-left: 0;
    margin-right: 0
}

.reToolbar .reTool_text.reTool_selected, .reToolbar .reTool_text.reTool_selected:hover {
    background-repeat: repeat-x;
    background-position: 0 -174px;
    margin-left: 0;
    margin-right: 0
}

.reToolbar .reTool_text span {
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 4px;
    cursor: default
}

.reToolbar .reTool_text {
    height: 24px;
    width: auto;
    display: block;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    float: left;
    display: flex !important;
    align-items: center;
}

ul.reToolbar .reTool_text span.reButton_text {
    width: auto;
    background-image: none;
    color: #000
}

.reSplitButton, .reSplitButton:link, .reSplitButton:visited {
    height: 24px;
    text-decoration: none !important;
}

.reSplitButton {
    position: relative
}

.reTool .split_arrow {
    width: 12px;
    height: 22px;
    margin-left: 1px;
    background-position: -25px -360px;
    top: -2px;
    right: -3px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: transparent;
    /* display: none; */
}

    .reTool .split_arrow:after {
        content: '➤';
        width: 100% !important;
        height: 80% !important;
        display: flex !important;
        transform: rotate(90deg);
        position: absolute;
        right: 0;
        top: 3px;
        font-size: 10px;
        align-items: center !important;
        justify-content: center !important;
    }

.reSplitButton.reTool_text .split_arrow {
    width: 5px;
    height: 18px;
    background-position: -28px -362px
}

.reDialog .reTool, .reModule .reTool {
    background-position: 0 -242px
}

    .reDialog .reTool.reSplitButton, .reModule .reTool.reSplitButton {
        background-repeat: no-repeat;
        background-position: 0 -218px
    }

.reToolWrapper .reTool.reSplitButton:hover, .reToolbarWrapper .reTool.reSplitButton:hover {
    background-repeat: no-repeat;
    background-position: 0 -76px !important
}

.reToolWrapper .reTool_disabled.reSplitButton:hover, .reToolbarWrapper .reTool_disabled.reSplitButton:hover {
    background-image: none !important
}

.reToolbar a {
    text-decoration: none !important
}

.reDropdown, .reTool_disabled.reDropdown:hover {
    display: block;
    float: left;
    cursor: default;
    background-repeat: no-repeat;
    background-position: right -360px;
    padding-left: 4px;
    padding-right: 10px;
    margin: 0;
    margin: 2px 0
}

    .reDropdown:hover {
        border: 1px solid;
        background-position: right 0;
        text-decoration: none
    }

    .reDropdown span {
        display: block;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 20px
    }

        .reDropdown span.FontSize {
            width: 21px
        }

        .reDropdown span.RealFontSize {
            width: 34px
        }

.RadRibbonBar .reDropdown span.RealFontSize {
    width: 80px
}

.reDropdown span.Zoom {
    width: 44px
}

.reTlbVertical ul.reToolbar {
    float: none;
    clear: both;
    width: 26px;
    height: auto
}

.reTlbVertical li {
    clear: both;
    float: none;
    margin: 0 !important;
    font-size: 1px !important;
    padding: 0 !important;
    line-height: 1px !important;
    background-repeat: repeat-y;
    background-position: -26px 0
}

.reTlbVertical .reGrip {
    width: 26px;
    height: 4px;
    font-size: 1px !important;
    line-height: 1px !important;
    background-repeat: no-repeat
}

.reTlbVertical .reTool {
    margin-top: 0;
    margin-bottom: 0
}

.reTlbVertical .reToolbar .reSeparator {
    width: 26px;
    height: 4px;
    line-height: 1px;
    font-size: 1px;
    background-position: -100px -12px
}

.RadEditor .reTlbVertical .reTool:hover, .RadEditor .reTlbVertical .reTool_text.reSplitButton:hover, .RadEditor .reTlbVertical .reSplitButton:hover, .RadEditor .reTlbVertical .reTool_text:hover {
    background-repeat: no-repeat;
    background-position: -76px 0
}

.RadEditor .reTlbVertical .reTool_selected, .RadEditor .reTlbVertical .reTool_selected, .RadEditor .reTlbVertical .reTool_selected:hover, .RadEditor .reTlbVertical .reTool.reTool_selected, .RadEditor .reTlbVertical .reTool_text.reTool_selected, .RadEditor .reTlbVertical .reTool_text.reTool_selected:hover {
    background-repeat: no-repeat;
    background-position: -52px 0
}

.reTlbVertical .reTool_text, .reTlbVertical .reSplitButton {
    width: 24px;
    height: 24px
}

    .reTlbVertical .reTool_text .reButton_text {
        display: none
    }

    .reTlbVertical .split_arrow, .reTlbVertical .reDropdown span, .reTlbVertical .reTool_text.reSplitButton .reButton_text, .reTlbVertical .reTool_text.reSplitButton .split_arrow {
        display: none
    }

.reTlbVertical .reDropdown, .reTlbVertical .reDropdown:hover {
    height: 20px;
    width: 22px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0
}

.reTlbVertical .reTool, .reTlbVertical .reDropdown {
    margin-left: 1px
}

.reDropDownBody {
    float: left
}

    .reDropDownBody .reTlbVertical ul li {
        clear: both;
        float: none;
        background: 0
    }

        .reDropDownBody .reTlbVertical ul li a, .reDropDownBody .reTlbVertical ul li .reTool_disabled:hover {
            clear: both;
            float: none;
            width: 100%;
            display: block;
            border: 0;
            background: 0
        }

    .reDropDownBody .reTlbVertical ul.reToolbar li a:hover {
        background-repeat: no-repeat;
        background-position: -602px 0;
        border: 0;
        border-left-color: transparent !important;
        margin-left: 1px;
        margin-right: 1px
    }

div.RadEditor td.reTlbVertical ul.reToolbar {
    width: 26px !important
}

.reDropDownBody .reTlbVertical ul li .reButton_text {
    width: 156px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    display: block
}

.reDropDownBody div.reTlbVertical {
    float: left;
    height: auto;
    overflow: hidden
}

.reDropDownBody .reTlbVertical .reToolbar {
    width: 206px;
    background-repeat: repeat-y;
    background-position: -126px 0
}

.reCustomLinks, .reCustomLinks ul, .reCustomLinks li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default !important
}

ul.reCustomLinks {
    margin-left: 3px !important
}

    ul.reCustomLinks li ul {
        margin-left: 12px !important
    }

    ul.reCustomLinks a {
        text-decoration: underline !important
    }

        ul.reCustomLinks a:hover {
            cursor: pointer !important
        }

    ul.reCustomLinks li {
        clear: both;
        float: none
    }

    ul.reCustomLinks span, ul.reCustomLinks a {
        display: block;
        float: left;
        cursor: default;
        zoom: 1
    }

    ul.reCustomLinks .reCustomLinksIcon {
        font-size: 1px !important
    }

        ul.reCustomLinks .reCustomLinksIcon.reIcon_empty {
            cursor: default
        }

    ul.reCustomLinks li {
        padding: 1px 0 !important
    }

    ul.reCustomLinks span, ul.reCustomLinks a {
        padding-left: 1px !important;
        padding-right: 1px !important;
        cursor: default
    }

    ul.reCustomLinks .reCustomLinksIcon {
        width: 9px;
        height: 9px;
        padding: 0 !important;
        background-repeat: no-repeat;
        margin: 2px 4px 0 0 !important
    }

    ul.reCustomLinks span {
        margin-top: 0
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_plus {
        background-position: 0 0
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_minus {
        background-position: -9px 0
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_empty {
        background: 0
    }

table.reSpinBox {
    border: 1px solid;
    border-collapse: collapse;
    cursor: text
}

    table.reSpinBox td {
        padding: 0 !important
    }

.reSpinBox input {
    border: 0 !important;
    background: none transparent;
    width: 30px;
    height: 16px;
    text-align: right;
    cursor: text;
    padding: 0
}

.RadForm.rfdTextbox .reSpinBox input {
    width: 30px
}

.reSpinBox a {
    display: block;
    font-size: 1px !important;
    text-indent: -9999px;
    width: 11px;
    height: 10px;
    cursor: default;
    background-repeat: no-repeat;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0
}

.reSpinBoxIncrease {
    background-position: 0 -198px
}

    .reSpinBoxIncrease:hover {
        background-position: 0 -208px
    }

.reSpinBoxDecrease {
    background-position: -11px -198px
}

    .reSpinBoxDecrease:hover {
        background-position: -11px -208px
    }

div.RadEditor input {
    border: 1px solid;
    cursor: text
}

.reModule {
    border-collapse: collapse !important
}

td.reModuleLabel {
    vertical-align: middle !important;
    text-align: right !important;
    padding-left: 6px !important;
    padding-right: 3px !important
}

td.reModuleText .reEllipsisText {
    max-width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    float: right
}

.reModule .reDropdown, .reModule .reTool, .reModule .reSplitButton {
    margin: 1px 0 0 !important
}

.reEditorModes {
    float: left;
    padding: 1px 0 !important
}

    .reEditorModes ul, .reEditorModes li {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        display: inline-block;
    }

    .reEditorModes li {
        float: left !important
    }

    .reEditorModes a, .reEditorModes span {
        display: block;
        cursor: pointer;
    }

    .reEditorModes a {
        width: 76px;
        background: none !important;
        border: 1px solid transparent;
    }

    .reEditorModes span {
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 22px;
        margin: 0 3px;
        background-repeat: no-repeat
    }

.reMode_selected {
    background-repeat: no-repeat;
    background-position: -948px 0
}

    .reMode_design span, .reMode_selected.reMode_design span {
        background-position: -6px -5px
    }

    .reMode_html span, .reMode_selected.reMode_html span {
        background-position: -6px -36px
    }

    .reMode_preview span, .reMode_selected.reMode_preview span {
        background-position: -6px -69px
    }

.reWrapper_corner, .reWrapper_center, .reLeftVerticalSide, .reRightVerticalSide {
    font-size: 1px;
    line-height: 1px
}

.reLeftVerticalSide, .reRightVerticalSide {
    padding: 0 !important;
    display: none;
}

.reModule_domlink {
    text-decoration: none;
    font-size: 11px
}

.reColorPicker {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 4px
}

    .reColorPicker table {
        border-collapse: collapse;
        border: 0 !important;
        background: transparent !important
    }

        .reColorPicker table td {
            border: 0
        }

    .reColorPicker .reColorPickerFooter {
        overflow: hidden
    }

    .reColorPicker span {
        display: block;
        text-align: center;
        float: left;
        cursor: default
    }

    .reColorPicker table div {
        width: 11px;
        height: 11px;
        line-height: 11px;
        font-size: 1px
    }

    .reColorPicker table td {
        padding: 2px;
        padding-bottom: 0;
        padding-top: 0
    }

.reDropDownBody.reColorPicker table td.reItemOver {
    border: 0 !important;
    background: transparent !important
}

.reDropDownBody td.reFormatSetsHeader {
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid
}

.reColorPicker .reColorPickerFooter {
    margin: 0 auto;
    height: 22px;
    height: 18px;
    width: 166px;
    padding: 4px 0
}

.reColorPicker span {
    width: 82px;
    height: 20px;
    line-height: 18px
}

.reColorPicker .reColorPickerFooter .reDarkColor {
    background: #000;
    color: #fff;
    border-right: 0
}

.reColorPicker .reColorPickerFooter .reLightColor {
    background: #fff;
    color: #000;
    border-left: 0
}

.reColorPicker .reCustomColor:hover {
    text-decoration: underline
}

.reInsertSymbol td {
    text-align: center;
    vertical-align: middle
}

.reInsertTable {
    padding: 1px !important
}

    .reInsertTable table {
        width: 120px;
        border: 0 !important;
        margin-left: 2px;
        background-color: transparent;
        border-collapse: separate;
        border-spacing: 2px
    }

        .reInsertTable table a span {
            text-decoration: none
        }

        .reInsertTable table td {
            font-size: 1px
        }

            .reInsertTable table td div {
                height: 13px;
                width: 13px
            }

    .reInsertTable .reTlbVertical {
        border-width: 0 !important
    }

        .reInsertTable .reTlbVertical ul {
            padding: 0 !important;
            margin: 0 !important;
            list-style: none !important;
            background-image: none !important
        }

    .reInsertTable div.reTlbVertical ul li a.reTool_text, .reInsertTable div.reTlbVertical ul li a.reTool_text:hover {
        background-position: -3575px center;
        margin-top: 1px;
        margin-left: 3px
    }

    .reInsertTable .reTlbVertical ul .reTool_text {
        text-decoration: none;
        margin: 1px
    }

        .reInsertTable .reTlbVertical ul .reTool_text:hover {
            text-decoration: underline
        }

        .reInsertTable .reTlbVertical ul .reTool_text span {
            display: block;
            float: left;
            width: 18px !important;
            height: 18px !important;
            margin-top: 1px;
            background-position: -3575px center
        }

    .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text {
        height: 18px;
        line-height: 18px;
        display: block;
        float: left;
        width: 100px !important;
        background-image: none;
        text-align: center
    }

    .reInsertTable .reToolbar {
        background-image: none !important
    }

        .reInsertTable .reToolbar li {
            clear: none !important;
            float: left !important;
            width: 24px
        }

            .reInsertTable .reToolbar li .reTool {
                width: 24px !important;
                height: 24px;
                margin: 0 !important
            }

.reDropDownBody.reInsertTable .reToolbar li .reTool:hover {
    background-position: 0 -52px !important
}

.reDropDownBody.reInsertTable .reToolbar li .reTool_disabled:hover {
    background-image: none !important
}

.reDropDownBody {
    overflow-y: auto;
    overflow-x: hidden
}

    .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover {
        background-position: -1403px 0 !important
    }

.reModule_visible_icon, .reModule_hidden_icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat
}

.reModule_visible_icon {
    background-position: -8px -199px
}

.reModule_hidden_icon {
    background-position: -8px -103px
}

.RadEditor .reResizeCell {
    vertical-align: bottom;
    text-align: right;
    position: relative;
    display: none;
}

.reResizeCell div {
    background-repeat: no-repeat;
    background-position: center -301px;
    height: 17px;
    width: 16px
}

td.reResizeCell .reModule.reStatistic {
    position: absolute;
    width: 150px;
    height: auto;
    top: 0;
    right: 30px;
    white-space: nowrap;
    background-image: none;
    border-top: 0 none
}

.reToolBarLeft .reResizeCell div, .reToolBarRight .reResizeCell div {
    position: absolute;
    bottom: -4px
}

.reToolBarRight .reResizeCell div {
    right: -27px
}

.reAccessibleTool {
    background-repeat: no-repeat;
    background-color: transparent !important;
    width: 22px;
    height: 22px;
    margin-top: 2px !important;
    margin: 1px;
    cursor: pointer !important;
    cursor: default !important
}

a.reTool.reGenIdLink {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle
}

    a.reTool.reGenIdLink:hover, a.reTool.reGenIdLink:hover .reGenerateId, .reGenerateId:hover {
        cursor: pointer
    }

html .reGenerateId {
    background-position: -2405px center
}

html .CustomDialog {
    background-position: -1448px center
}

html .FormatCodeBlock {
    background-position: -305px center
}

html .PageProperties {
    background-position: -756px center
}

html .SetImageProperties {
    background-position: -1116px center
}

html .BringToFront {
    background-position: -1606px center
}

html .AlignmentSelector {
    background-position: -1647px center
}

html .Cancel {
    background-position: -1265px center
}

html .Custom, html .ViewHtml {
    background-position: -1296px center
}

html .DecreaseSize {
    background-position: -1886px center
}

html .DeleteTable {
    background-position: -1445px center
}

html .FileOpen {
    background-position: -1967px center
}

html .IncreaseSize {
    background-position: -2046px center
}

html .InsertAnchor {
    background-position: -2086px center
}

html .InsertEmailLink {
    background-position: -2246px center
}

html .InsertFormImageButton {
    background-position: -2486px center
}

html .ModuleManager {
    background-position: -2376px center
}

html .RepeatLastCommand {
    background-position: -3248px center
}

html .SendToBack {
    background-position: -3326px center
}

html .FormatStripper {
    background-position: -2586px center
}

html .StyleBuilder {
    background-position: -2946px center
}

html .ToggleFloatingToolbar {
    background-position: -2974px center
}

html .XhtmlValidator {
    background-position: -2526px center
}

html .InsertSymbol {
    background-position: -2196px center
}

html .InsertFormHidden {
    background-position: -1836px center
}

html .InsertFormButton, html .InsertFormReset, html .InsertFormSubmit {
    background-position: -1716px center
}

html .InsertFormCheckbox {
    background-position: -1745px center
}

html .InsertFormPassword {
    background-position: -1896px center
}

html .InsertFormRadio {
    background-position: -1926px center
}

html .InsertFormSelect {
    background-position: -3546px center
}

html .InsertFormTextarea {
    background-position: -1986px center
}

html .InsertFormText {
    background-position: -1956px center
}

html .StripAll, html .FormatPainterClear {
    background-position: -2585px center
}

html .StripCss {
    background-position: -2644px center
}

html .StripFont {
    background-position: -2675px center
}

html .StripSpan {
    background-position: -2705px center
}

html .StripWord {
    background-position: -2736px center
}

html .AjaxSpellCheck, html .SpellCheck {
    background-position: -66px center
}

html .Italic {
    background-position: -486px center
}

html .ImageManager {
    background-position: -366px center
}

html .ImageMapDialog {
    background-position: -396px center
}

html .FlashManager, html .InsertFlash {
    background-position: -246px center
}

html .MediaManager, html .InsertMedia {
    background-position: -696px center
}

html .DocumentManager, html .InsertDocument {
    background-position: -185px center
}

html .TemplateManager {
    background-position: -2765px center
}

html .InsertTable, html .TableWizard {
    background-position: -3575px -5px
}

html .InsertRowAbove {
    background-position: -1355px -7px
}

html .InsertRowBelow {
    background-position: -1385px -4px
}

html .DeleteRow {
    background-position: -3425px center
}

html .InsertColumnLeft {
    background-position: -1626px center
}

html .InsertColumnRight {
    background-position: -1595px center
}

html .DeleteColumn {
    background-position: -3396px center
}

html .MergeColumns {
    background-position: -2315px center
}

html .MergeRows {
    background-position: -2345px center
}

html .SplitCell {
    background-position: -3606px center
}

html .SplitCellHorizontal {
    background-position: -3335px center
}

html .DeleteCell {
    background-position: -1325px center
}

html .SetCellProperties {
    background-position: -2495px center
}

html .SetTableProperties {
    background-position: -3365px center
}

html .Help {
    background-position: -336px center
}

html .Undo {
    background-position: -996px center
}

html .Redo {
    background-position: -967px center
}

html .Cut {
    background-position: -155px center
}

html .Copy {
    background-position: -125px center
}

html .Paste, html .PasteStrip {
    background-position: -785px center
}

html .PasteAsHtml {
    background-position: -815px center
}

html .PasteHtml {
    background-position: -3757px -6px
}

html .PasteFromWord {
    background-position: -845px center
}

html .PasteFromWordNoFontsNoSizes {
    background-position: -875px center
}

html .PastePlainText {
    background-position: -905px center
}

html .Print {
    background-position: -936px center
}

html .FindAndReplace {
    background-position: -215px center
}

html .SelectAll {
    background-position: -2435px center
}

html .InsertGroupbox {
    background-position: -2015px -7px
}

html .InsertCodeSnippet, html .InsertSnippet {
    background-position: -2166px center
}

html .InsertDate {
    background-position: -1655px center
}

html .InsertTime {
    background-position: -2256px center
}

html .AboutDialog {
    background-position: -6px center
}

html .Bold {
    background-position: -95px center
}

html .Underline {
    background-position: -3275px center
}

html .StrikeThrough {
    background-position: -3306px center
}

html .JustifyLeft {
    background-position: -576px center
}

html .JustifyCenter {
    background-position: -516px center
}

html .JustifyFull {
    background-position: -546px center
}

html .JustifyNone {
    background-position: -606px center
}

html .JustifyRight {
    background-position: -636px center
}

html .InsertParagraph {
    background-position: -454px center
}

html .InsertHorizontalRule {
    background-position: -2045px center
}

html .Superscript {
    background-position: -2796px center
}

html .Subscript {
    background-position: -2826px center
}

html .ConvertToLower {
    background-position: -1144px center
}

html .ConvertToUpper {
    background-position: -1174px center
}

html .Indent {
    background-position: -426px center
}

html .Outdent {
    background-position: -726px center
}

html .InsertOrderedList {
    background-position: -2076px center
}

html .InsertUnorderedList {
    background-position: -2286px center
}

html .AbsolutePosition {
    background-position: -36px center
}

html .Custom123 {
    background-position: -3823px center
}

html .InsertExternalVideo {
    background-position: -3852px center
}

html .Save, html .SaveAndClose, html .FileSave, html .FileSaveAs, html .SaveLocal {
    background-position: -1056px center
}

html .LinkManager, html .CreateLink, html .CustomLinkTool, html .OpenLink, html .SetLinkProperties {
    background-position: -665px center
}

html .Unlink {
    background-position: -2855px center
}

html .ToggleTableBorder {
    background-position: -2885px center
}

html .ToggleScreenMode {
    background-position: -2915px center
}

html .ForeColor {
    background-position: -276px center
}

html .BackColor, html .borderColor, html .bgColor {
    background-position: -1026px center
}

html .InsertFormElement {
    background-position: -1774px center
}

html .InsertFormForm {
    background-position: -1805px center
}

html .reTopCenter {
    background-position: -3036px -6px
}

html .reMiddleLeft {
    background-position: -3096px -6px
}

html .reMiddleCenter {
    background-position: -1236px -6px
}

html .reMiddleRight {
    background-position: -3155px -6px
}

html .reBottomCenter {
    background-position: -3216px -6px
}

html .reNoAlignment {
    background-position: -1266px -6px
}

html .reTopLeft {
    background-position: -3006px -6px
}

html .reTopRight {
    background-position: -3155px -6px
}

html .reBottomLeft {
    background-position: -3186px -6px
}

span.reBottomRight {
    background-position: -3245px -6px
}

html .ExportToPdf {
    background-position: -3666px -6px
}

html .InsertLink {
    background-position: -3697px -6px
}

html .InsertImage {
    background-position: -3727px -6px
}

html .InsertTableLight {
    background-position: -3791px -5px
}

html .AddComment {
    background-position: -3890px -5px
}

html .RemoveComment {
    background-position: -3925px -5px
}

html .RemoveAllComments {
    background-position: -3965px -5px
}

html .TrackChangesDialog, html .AcceptTrackChange {
    background-position: -4000px -5px
}

html .RejectTrackChange {
    background-position: -4035px -5px
}

html .AcceptAllTrackChanges {
    background-position: -4070px -5px
}

html .RejectAllTrackChanges {
    background-position: -4105px -5px
}

html .EnableTrackChangesOverride {
    background-position: -4140px -5px
}

html .PasteMarkdown {
    background-position: -4175px -5px
}

.reAlignmentSelector .reTopRight {
    background-position: -3062px -5px
}

.reAlignmentSelector .reTopLeft {
    background-position: -3004px -5px
}

.reAlignmentSelector .reTopCenter {
    background-position: -3033px -5px
}

.reAlignmentSelector .reNoAlignment {
    background-position: -1263px -5px
}

.reAlignmentSelector .reMiddleLeft {
    background-position: -3094px -5px
}

.reAlignmentSelector .reMiddleCenter {
    background-position: -1233px -5px
}

.reAlignmentSelector .reMiddleRight {
    background-position: -3151px -5px
}

.reAlignmentSelector .reBottomCenter {
    background-position: -3213px -5px
}

.reAlignmentSelector .reBottomRight {
    background-position: -3241px -5px
}

.reAlignmentSelector .reBottomLeft {
    background-position: -3184px -5px
}

span.PasteMarkdown {
    background-position: -4175px -5px
}

span.FormatPainter, span.FormatPainterApply {
    background-position: -4210px -5px
}

span.FormatPainterCopy {
    background-position: -4245px -5px
}

.reApplyClass td {
    vertical-align: middle;
    height: 22px;
    padding-left: 3px
}

.reApplyClass span {
    width: 14px;
    height: 14px;
    line-height: 13px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin-right: 4px;
    text-indent: -9999px
}

.reApplyClass .reClass_ {
    background-position: 0 2px
}

.reApplyClass .reClass_img {
    background-position: 0 -20px
}

.reApplyClass .reClass_table {
    background-position: 0 -40px
}

.reApplyClass .reClass_ul {
    background-position: 0 -60px
}

.reApplyClass .reClass_ol {
    background-position: 0 -80px
}

.reApplyClass .reClass_p {
    background-position: 0 -100px
}

.reApplyClass .reClass_span {
    background-position: 0 -120px
}

.reApplyClass .reClass_a {
    background-position: 0 -140px
}

.reApplyClass .reClass_div {
    background-position: 0 -160px
}

.reApplyClass .reClass_h1 {
    background-position: 0 -180px
}

.reApplyClass .reClass_h2 {
    background-position: 0 -200px
}

.reApplyClass .reClass_h3 {
    background-position: 0 -220px
}

.reApplyClass .reClass_h4 {
    background-position: 0 -240px
}

.reApplyClass .reClass_h5 {
    background-position: 0 -260px
}

.reApplyClass .reClass_h6 {
    background-position: 0 -280px
}

.reApplyClass .reClass_td {
    background-position: 0 -300px
}

.reApplyClass .reClass_all {
    background-position: 0 -318px
}

td.reTlbVertical {
    vertical-align: top
}

.reToolCell .reTool_text span {
    text-indent: -9999px
}

.reToolCell .reTool_text.reSplitButton {
    width: auto
}

    .reToolCell .reTool_text.reSplitButton .reButton_text {
        text-indent: 0
    }

.reTlbVertical li {
    vertical-align: top
}

.reTool_text span.reButton_text {
    text-indent: 0
}

.reTlbVertical .reTool_text.reTool_selected {
    background-position: -602px 0 !important;
    border-color: transparent !important
}

.reInsertImageWrapper, .reInsertLinkWrapper, .reInsertTableLightWrapper {
    padding: 20px 0 0 0;
    font: normal 13px 'Roboto', sans-serif !important;
}

.RadWindow .reInsertTableLightWrapper .lightTable {
    border: 1px solid
}

.reControlsLayout {
    width: 100%;
    height: 100%
}

.reInsertLinkWrapper .reControlsLayout td {
    padding: 3px 0 3px 3px
}

.reInsertLinkWrapper .reControlsLayout td, .reInsertImageWrapper .reControlsLayout td, .reInsertTableLightWrapper .reControlsLayout td, .reControlsLayout .reImgPropertyControlCell td, .reImgPropertyControlCell span, .reImgPropertyControlCell input {
    vertical-align: middle
}

.reInsertImageWrapper .reControlsLayout td {
    padding: 3px 0
}

.reDialogLabelLight span {
    width: 80px;
    display: block;
    text-overflow: ellipsis
}

.reDialogLabelLight span, .reImgPropertyControlCell span, .reImgPropertyControlCell input {
    text-align: right
}

.reConfirmCancelButtonsTblLight button {
    width: 75px
}

.reConfirmCancelButtonsTblLight .reAllPropertiesLight button {
    width: 126px
}

.reControlsLayout {
    width: 100%;
    height: 100%
}

    .reControlsLayout .reControlCellLight input {
        width: 215px
    }

    .reControlsLayout .reControlCellLight select {
        width: 220px
    }

    .reControlsLayout .reConfirmCancelButtonsTblLight {
        height: auto;
        margin: 12px 0;
        text-align: center;
        width: 100%
    }

    .reControlsLayout .reImgPropertyControlCell td, .reControlsLayout .reTablePropertyControlCell td {
        padding: 2px
    }

        .reControlsLayout .reTablePropertyControlCell td input[type="text"], .reControlsLayout .reTablePropertyControlCell td input[type="password"] {
            padding: 2px 1px 0
        }

.reImgPropertyControlCell span, .reImgPropertyControlCell input, .reTablePropertyControlCell input {
    width: 40px
}

.reImgPropertyControlCell table {
    width: 100%;
    height: 100%
}

.reControlsLayout td.reImgPropertyControlCell {
    padding: 0 22px 0 38px
}

.reInsertImageWrapper .reControlsLayout .reControlCellLight input {
    width: 190px
}

.reTablePropertyControlCell .short {
    width: 80px
}

.reTablePropertyControlCell .lightTable {
    margin: -10px 4px 0 4px;
    *margin-top: -3px
}

.reInsertTableLightWrapper .reControlsLayout .reTablePropertyControlCell input.rfdIgnore, .reInsertImageWrapper .reControlsLayout .reImgPropertyControlCell input.rfdIgnore {
    width: 40px
}

.RadEditor .reContentArea {
    position: relative;
    overflow: auto;
    height: 100%;
    margin: 0;
}

    .RadEditor .reContentArea .RadEWrongWord {
        background-color: #ff0
    }

    .RadEditor .reContentArea .RadEDomMouseOver {
        background-color: #ffc
    }

    .RadEditor .reContentArea body {
        padding: 3px;
        background-image: none;
        margin: 0;
        text-align: left;
        word-wrap: break-word
    }

    .RadEditor .reContentArea form {
        background-color: #efefef;
        border: 1px dashed #555
    }

.RadEditor .reContentAreaToggle table {
    border-right: 1px dashed #999;
    border-bottom: 1px dashed #999
}

    .RadEditor .reContentAreaToggle table td {
        padding: 1px;
        border-top: 1px dashed #999;
        border-left: 1px dashed #999
    }

    .RadEditor .reContentAreaToggle table th {
        padding: 1px;
        border-top: 1px dashed #000;
        border-left: 1px dashed #000
    }

.RadEditor .reCommentEdit, .RadEditor .reCommentTextArea, .RadEditor .reCommentView, .RadEditor .reCommentButton, .rePopupButton, .rePopupMessage, .rePopupContainer .rePopupTitle, .RadEditor .reCommentTextAreaWatermark, .RadEditor .reCommentInfoPanel {
    font: normal 13px 'Roboto', sans-serif !important;
}

.RadEditor .reCommentEdit, .RadEditor .reCommentView {
    border: 1px solid;
    width: 240px;
    height: 310px;
    max-height: 310px;
    border-radius: 3px;
    padding: 5px 7px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: right;
    z-index: 9001
}

.RadEditor .reCommentTitle {
    text-align: left;
    font-weight: bold;
    height: 20px;
    line-height: 16px;
    padding: 0 0 0 2px
}

.RadEditor .reCommentTextArea {
    text-align: left;
    border: 1px solid;
    width: 235px;
    height: 260px;
    max-height: 260px
}

.RadEditor .reCommentViewText {
    display: block;
    padding: 2px;
    text-align: left;
    background-color: #f5f7f7;
    color: #444;
    z-index: 9001
}

.RadEditor .reCommentButton, .rePopupButton {
    height: 20px;
    border: 1px solid;
    border-radius: 4px;
    margin: 4px 1px;
    cursor: auto
}

.RadEditor .reCommentInfoPanel {
    width: 250px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 5px 7px;
    border: 1px solid;
    border-radius: 3px
}

.RadEditor .reCommentTextAreaWatermark {
    color: #666
}

.rePopupContainer {
    border: 1px solid;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    position: absolute
}

.rePopupButtonContainer {
    padding: 5px 0 0
}

.rePopupContainer .rePopupTitle {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid;
    padding: 0 0 0 5px;
    margin: 0;
    border-radius: 3px 5px 0 0
}

.rePopupContainer .rePopupContent {
    background-repeat: no-repeat;
    background-position: 16px 16px;
    padding: 10px;
    border-radius: 0 0 5px 5px
}

.rePopupContainer .rePopupMessage, .rePopupContainer .rePopupButtonContainer {
    padding-left: 48px
}

._Telerik_IE9 .rePopupContainer .rePopupTitle, ._Telerik_IE9 .rePopupButtonContainer .rePopupButton ._Telerik_IE9 .RadEditor .reCommentButton {
    filter: none !important
}

.RadEditor .reDialog .reTool_disabled, .RadEditor .reDialog .reTool_disabled:hover, .RadEditor .reToolbar .reTool_disabled, .RadEditor .reToolbar .reTool_disabled:hover, .RadEditor .reModule .reTool_disabled, .RadEditor .reModule .reTool_disabled:hover, .reDropDownBody .reTlbVertical .reTool_text.reTool_disabled, .reDropDownBody .reTlbVertical .reTool_text.reTool_disabled:hover {
    filter: alpha(opacity=40);
    opacity: .4;
    background-image: none
}

.RadEditor.reRtl .reToolbar {
    float: right
}

.RadEditor.reRtl .reDropdown, .RadEditor.reRtl .reDropdown:hover, .RadEditor.reRtl .reTool_disabled.reDropdown:hover {
    background-position: -25px -360px;
    float: right;
    margin: 2px 0;
    padding-left: 10px;
    padding-right: 4px
}

.RadEditor.reRtl .reSplitButton span {
    float: right
}

.RadEditor.reRtl .reTool .split_arrow {
    margin-left: auto;
    margin-right: 1px;
    right: auto;
    left: 0;
    border-left: 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: transparent
}

.RadEditor.reRtl .reResizeCell div {
    filter: FlipH;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

._Telerik_IE9 .RadEditor.reRtl .reResizeCell div {
    filter: none
}

.RadEditor.reRtl .reResizeCell div:hover {
    cursor: sw-resize !important
}

.RadEditor.reRtl .reEditorModes {
    float: right;
    padding-right: 3px !important
}

    .RadEditor.reRtl .reEditorModes li {
        float: right !important
    }

        .RadEditor.reRtl .reEditorModes li a span {
            padding-left: 0;
            padding-right: 27px
        }

    .RadEditor.reRtl .reEditorModes .reMode_design span {
        background-position: 42px -5px
    }

    .RadEditor.reRtl .reEditorModes .reMode_html span {
        background-position: 42px -36px
    }

    .RadEditor.reRtl .reEditorModes .reMode_preview span {
        background-position: 42px -69px
    }

.RadEditor.reRtl .reModule {
    text-align: left
}

body[style="direction: rtl"] .reToolbar .reTool_text span {
    margin-left: 8px
}

.rwRtl .reDialogLabelLight span, .rwRtl .reImgPropertyControlCell span {
    text-align: left
}

.RadForm .reInlineBlock {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.RadForm #sbMainPane fieldset {
    padding: 5px
}

.RadForm .HelpDialog .reDescriptionCell {
    padding-bottom: 10px
}

font.reComment_u0, span.reComment_u0 {
    border: 2px dashed #F93 !important
}

font.reComment_u1, span.reComment_u1 {
    border: 2px dashed #ff0101 !important
}

font.reComment_u2, span.reComment_u2 {
    border: 2px dashed #0101ff !important
}

del.reU1 hr {
    border: 1px solid #ff0101 !important
}

ins.reU1 hr {
    border-bottom: 1px solid #ff0101 !important
}

.reFormat {
    border-width: 0 2px;
    border-style: solid;
    padding: 0 2px
}

li.reFormat {
    padding: 0
}

ol.reFormat, ul.reFormat {
    padding: 0 0 0 2.5em
}

ins table, .reComment {
    border: 2px dashed;
    padding: 1px
}

del table {
    border: 2px dashed;
    text-decoration: line-through;
    padding: 1px
}

ins td, ins img {
    border: 1px dashed;
    padding: 1px
}

del td, del img {
    border: 2px solid;
    padding: 1px
}

ins.reU0, del.reU0 {
    color: #F93 !important
}

ins.reU1, del.reU1 {
    color: #ff0101 !important
}

ins.reU2, del.reU2 {
    color: #f37e0c !important
}

ins.reU3, del.reU3 {
    color: #04b4b6 !important
}

ins.reU4, del.reU4 {
    color: #c85100 !important
}

ins.reU5, del.reU5 {
    color: #008380 !important
}

ins.reU6, del.reU6 {
    color: #800000 !important
}

ins.reU7, del.reU7 {
    color: #a4a000 !important
}

ins.reU8, del.reU8 {
    color: #808080 !important
}

ins.reU9, del.reU9 {
    color: #38fd11 !important
}

.reFormat.reU0, ins.reU0 table, del.reU0 table, ins.reU0 td, ins.reU0 img, del.reU0 td, del.reU0 img, .reComment.reU0 {
    border-color: #f93
}

.reFormat.reU1, ins.reU1 table, del.reU1 table, ins.reU1 td, ins.reU1 img, del.reU1 td, del.reU1 img, .reComment.reU1 {
    border-color: #f00
}

.reFormat.reU2, ins.reU2 table, del.reU2 table, ins.reU2 td, ins.reU2 img, del.reU2 td, del.reU2 img, .reComment.reU2 {
    border-color: #f37e0c
}

.reFormat.reU3, ins.reU3 table, del.reU3 table, ins.reU3 td, ins.reU3 img, del.reU3 td, del.reU3 img, .reComment.reU3 {
    border-color: #04b4b6
}

.reFormat.reU4, ins.reU4 table, del.reU4 table, ins.reU4 td, ins.reU4 img, del.reU4 td, del.reU4 img, .reComment.reU4 {
    border-color: #c85100
}

.reFormat.reU5, ins.reU5 table, del.reU5 table, ins.reU5 td, ins.reU5 img, del.reU5 td, del.reU5 img, .reComment.reU5 {
    border-color: #008380
}

.reFormat.reU6, ins.reU6 table, del.reU6 table, ins.reU6 td, ins.reU6 img, del.reU6 td, del.reU6 img, .reComment.reU6 {
    border-color: #800000
}

.reFormat.reU7, ins.reU7 table, del.reU7 table, ins.reU7 td, ins.reU7 img, del.reU7 td, del.reU7 img, .reComment.reU7 {
    border-color: #a4a000
}

.reFormat.reU8, ins.reU8 table, del.reU8 table, ins.reU8 td, ins.reU8 img, del.reU8 td, del.reU8 img, .reComment.reU8 {
    border-color: #808080
}

.reFormat.reU9, ins.reU9 table, del.reU9 table, ins.reU9 td, ins.reU9 img, del.reU9 td, del.reU9 img, .reComment.reU9 {
    border-color: #38fd11
}

ins.trackchanges_curr_rev, del.trackchanges_curr_rev {
    color: Green
}

.RadEditor .reContentArea .rrHandle, .rrHandle[rel='rrWidget'] {
    background-color: #fff;
    border: 1px solid #000;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

    .RadEditor .reContentArea .rrHandle:hover, .rrHandle[rel='rrWidget']:hover {
        background-color: #000
    }

.RadEditor .reContentArea .reUnselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.RadWindow.RadEditor.reWrapper {
    border: 0
}

.reTool .ToggleEditMode {
    background-position: -7px -38px
}

.RadEditor.reWrapper.reInlineEditor {
    border: 1px solid transparent
}

.RadEditor.reInlineEditor .reContentArea {
    border: 0;
    outline: 0
}

.RadEditor.reWrapper.reInlineEditorSelected, .RadEditor.reWrapper.reInlineEditor:hover {
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}

.RadEditor.reWrapper.reInlineEditor .reContentCell {
    background-color: transparent;
    color: inherit;
    border: 0
}

.RadEditor.reInlineEditor.reWrapper {
    background-color: transparent
}

.reWrapper, .RadEditor .reContentCell, .reColorPicker, .reInsertTable, .reCustomLinks a:hover {
    border: 1px solid silver !important;
    background-color: #d6e6f4;
    border-radius: 3px !important;
}

.RadEditor, .RadEditor .reModule, .RadEditor .reEditorModes, .RadEditor .reWrapper {
    background-color: #fff !important;
    padding: 1px 1px !important;
}

.reEmptyMessage {
    color: #8d8d8d
}

.RadEditor, :not(.RadEditor *) {
    box-sizing: border-box !important;
    transition: none !important;
    font-family: unset;
    font-size: unset;
}

.RadEditor .reContentCell.reNoBorder {
    border: 0;
    box-sizing: border-box !important;
}

.RadEditor {
    box-sizing: border-box !important;
    padding: 0 !important;
}

    .RadEditor .reContentCell {
        background-color: #fff;
        border: none !important;
        border-top: 1px solid silver !important;
    }

    .RadEditor .reNoBorder div.reContentArea {
        border: none !important;
        padding: 5px 10px !important;
        box-sizing: border-box !important;
    }

.reDropDownBody {
    border: 1px solid #688caf;
    background-color: #fff
}

    .reDropDownBody table {
        background: transparent
    }

.RadEditor .reModule {
    border-top: 0px solid silver !important;
    display: none;
}

.reCustomLinks a, .reCustomLinks a:link, .reCustomLinks a:visited {
    border: 1px solid #fff;
    color: #000 !important
}

    .reCustomLinks a:hover {
        background-color: #ffe18a;
        border: 1px solid #a7bedb
    }

.reToolbar li {
    color: #000;
    margin: 0 2px !important;
}

.reToolbar .reTool_text:hover, .reToolbar .reTool_text.reTool_selected, .reToolbar .reTool_text.reTool_selected:hover {
    border-left: 1px solid #c6ba9d;
    border-right: 1px solid #c6ba9d
}

.reToolbar .reTool_text.reTool_disabled, .reToolbar .reTool_text.reTool_disabled:hover {
    margin-left: 0;
    margin-right: 0;
    border: 0
}

.reDropdown:link, .reDropdown:visited {
    color: #000 !important
}

.reDropdown, .reTool_disabled.reDropdown:hover {
    border: 1px solid #abc1de;
    background-color: #fff
}

    .reDropdown:hover {
        border-color: #305090;
        color: #000
    }

.reDropDownBody .reTlbVertical .reToolbar {
    background-color: #fff
}

table.reSpinBox, .RadEditor input {
    border-color: #abc1de;
    background-color: #fff
}

    table.reSpinBox:hover, .RadEditor input:hover {
        border: 1px solid #c6ba9d
    }

.reModule_domlink_selected, .reModule_domlink {
    color: #000
}

.reDropDownBody .reItemOver {
    background: #fcc365;
    color: #000
}

.reColorPicker table div, .reColorPicker span {
    border: 1px solid #688caf
}

.reColorPicker table td.reItemOver div {
    border-color: #000
}

.reAjaxspell_button {
    border: 1px solid #a7bedb;
    background-color: #e8f1fc;
    color: #00156e
}

.reAjaxSpellCheckSeparator {
    background-color: #fff
}

.reCustomLinks, .reCustomLinks ul {
    color: #000
}

    .reCustomLinks a {
        background: none transparent;
        color: #000;
        cursor: default !important
    }

        .reCustomLinks a:hover {
            color: #fff
        }

.reInsertTable table {
    background-color: #fff
}

    .reInsertTable table td {
        border: 1px solid #abc1de;
        background-color: #fff
    }

    .reInsertTable table .reItemOver {
        border: 1px solid #305090;
        background-color: #fcc365
    }

.reInsertTable .reTlbVertical ul {
    background-color: #fff
}

.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text, .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link, .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
    color: #000 !important;
    background: transparent none
}

.reCommentEdit, .reCommentTextArea, .reCommentView, .reCommentInfoPanel {
    border-color: transparent;
    background-color: #d6e6f4
}

.reCommentTitle, .reCommentInfoPanel {
    color: #000
}

.reCommentTextArea {
    border-color: #688caf;
    background-color: #d6e6f4
}

.RadEditor .reCommentButton, .rePopupButtonContainer .rePopupButton {
    border-color: #a7bedb #7995ba #a3bad8 #7793b9;
    color: #1f3281;
    background: linear-gradient(#e8f1fc 25%, #e9f1fc 50%, #d2e1f4 75%, #e8f1fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8f1fc', endColorstr='#e8f1fc', GradientType=0)
}

    .RadEditor .reCommentButton:hover, .rePopupButtonContainer .rePopupButton:hover {
        border-color: #d8ca95 #b8a076 #c6ba9d #b9a178;
        color: #000;
        background: linear-gradient(#fffce8 25%, #ffedb3 50%, #ffd563 75%, #ffe18a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffce8', endColorstr='#ffe18a', GradientType=0)
    }

    .RadEditor .reCommentButton:active, .rePopupButtonContainer .rePopupButton:active {
        color: #000;
        border-color: #8f8267 #ada490 #c3bdae #ada490;
        background: linear-gradient(#ebc59b 25%, #faad60 50%, #f99631 75%, #fde292 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebc59b', endColorstr='#fde292', GradientType=0)
    }

.rePopupContainer {
    border-color: #abc1de;
    background-color: #d6e6f4
}

    .rePopupContainer .rePopupTitle {
        color: #00156e;
        border-color: #9eb6ce;
        background: linear-gradient(#dee8f5 0, silver 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee8f5', endColorstr='silver  ', GradientType=0)
    }

.reWrapper.reInlineEditor:hover {
    border-color: #abc1de
}

.reWrapper.reInlineEditorSelected, .reWrapper.reInlineEditorSelected:hover {
    border-color: #305090
}

.RadEditor.reRtl .reTool .split_arrow:hover {
    border-right-color: #c6ba9d
}

.RadEditor.reRtl .reDropdown:hover {
    background-color: #ffe27b
}

.RadWindow.RadWindow.reToolbarWindow td.rwWindowContent, .RadWindow.RadWindow.reToolbarWindow div.rwContent {
    background-color: #d6e6f4
}

.RadWindow .reInsertTableLightWrapper .lightTable {
    border-color: #688caf
}

.reTool .split_arrow:hover {
    border-left-color: #c6ba9d
}

/*Rad tree view*/
.RadTreeView {
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

    .RadTreeView .rtSp, .RadTreeView .rtIn, .RadTreeView .rtImg, .RadTreeView .rtChk, .RadTreeView .rtChecked, .RadTreeView .rtUnchecked, .RadTreeView .rtIndeterminate, .RadTreeView .rtLoadingIcon {
        display: inline-block;
        vertical-align: middle
    }

    .RadTreeView .rtTemplate, .RadTreeView input {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text
    }

    .RadTreeView .rtUL {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 215px;
    }

        .RadTreeView .rtUL .rtUL {
            padding-left: 20px
        }

    .RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
        padding: 1px 0 1px 20px
    }

    .RadTreeView .rtSp {
        margin-left: -1px;
        width: 1px;
        height: 22px;
        position: relative;
    }

        .RadTreeView .rtSp:after {
            content: '';
            position: absolute;
            width: 16px;
            height: 1px;
            top: 50%;
            left: -18px;
            transform: translateY(-50%);
            border-bottom: 1px dotted silver;
        }

    .RadTreeView .rtIn {
        margin-left: 1px;
        padding: 2px 2px 3px;
        border: 1px solid transparent;
        background-position: 0 0;
        background-repeat: repeat-x;
        text-decoration: none;
        flex-grow: 1;
        padding: 5px !important;
        box-sizing: border-box;
        white-space: normal;
    }

    .RadTreeView a.rtIn {
        color: inherit;
        cursor: pointer
    }

    .RadTreeView div.rtIn {
        vertical-align: top
    }

    * + html .RadTreeView div.rtIn {
        display: inline;
        zoom: 1
    }

    .RadTreeView .rtChk, .RadTreeView .rtChecked, .RadTreeView .rtUnchecked, .RadTreeView .rtIndeterminate {
        margin: 0 3px;
        padding: 0;
        width: 13px;
        height: 13px
    }

    .RadTreeView .rtUnchecked {
        background-position: 0 0;
        /* margin-top: 1px !important; */
    }

    .RadTreeView .rtChecked {
        background-position: 0 -40px
    }

    .RadTreeView .rtIndeterminate {
        background-position: 0 -80px
    }

    .RadTreeView .rtTemplate:after {
        content: "";
        clear: both;
        display: block
    }

    .RadTreeView .rtHover .rtIn {
        background-position: 0 -1000px\9
    }

    .RadTreeView .rtSelected .rtIn {
        background-position: 0 -2000px\9;
    }

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn {
        background-position: 0 0
    }
}

.RadTreeView .rtEdit {
    white-space: nowrap !important
}

    .RadTreeView .rtEdit input {
        margin: 0;
        padding: 0;
        height: 1.4em;
        border: 0;
        outline: 0;
        color: inherit;
        background: 0;
        font: inherit;
        line-height: 1.4em;
        cursor: text
    }

.RadTreeView .rtLoadingIcon {
    margin: -4px 3px 0;
    *margin: 0 3px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    *text-indent: 0;
    font-size: 0;
    background-position: 0 0;
    background-repeat: no-repeat
}

.RadTreeView .rtLoadingBelow {
    display: block
}

.RadTreeView .rtPlus, .RadTreeView .rtMinus {
    margin: 5px 6px 0 -17px;
    padding: 0;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block;
    vertical-align: top
}

.RadTreeView .rtPlus {
    background-position: -117px -261px !important;
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0 !important;
}

.RadTreeView .rtPlusHover {
    background-position: 0 -22px
}

.RadTreeView .rtMinus {
    background-position: -297px -9px !important;
    /* padding: 5px !important; */
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin: 0 !important;
}

.RadTreeView .rtMinusHover {
    background-position: 0 -33px
}

.RadTreeView .rtLines .rtLI {
    background-image: none !important;
    background-position: 0 0;
    background-repeat: repeat-y;
    border-left: 1px dotted silver;
}

.RadTreeView .rtLines .rtFirst {
    background-image: none !important;
    background-position: 0 1.273em;
    background-repeat: no-repeat;
}

.RadTreeView .rtLines .rtLast {
    background-image: none
}

.RadTreeView .rtLines .rtTop, .RadTreeView .rtLines .rtMid, .RadTreeView .rtLines .rtBot {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 18px !important;
    margin: 2px !important;
    position: relative;
    /* border-left: 1px dotted silver; */
}

.RadTreeView .rtLines .rtTop {
    background-image: none !important;
    display: flex;
    align-items: center;
}

.RadTreeView .rtLines .rtMid {
    background-image: none !important;
}

.RadTreeView .rtLines .rtBot {
    background-image: none !important;
    display: flex;
    align-items: center;
}

.RadTreeView[disabled], .RadTreeView .rtDisabled {
    filter: alpha(opacity=50);
    opacity: .5
}

    .RadTreeView[disabled] .rtDisabled {
        filter: alpha(opacity=100);
        opacity: 1
    }

.RadTreeView label {
    font-weight: normal;
    font-size: inherit;
    line-height: inherit;
    display: inline
}

.RadTreeView_rtl .rtUL .rtUL {
    padding-left: 0;
    padding-right: 20px
}

.RadTreeView_rtl .rtTop, .RadTreeView_rtl .rtMid, .RadTreeView_rtl .rtBot {
    padding-left: 0;
    padding-right: 20px
}

.RadTreeView_rtl .rtSp {
    margin-left: 0;
    margin-right: -1px
}

.RadTreeView_rtl .rtPlus, .RadTreeView_rtl .rtMinus {
    margin-left: 6px;
    margin-right: -17px
}

.RadTreeView_rtl .rtPlus {
    background-position: -11px 0
}

.RadTreeView_rtl .rtPlusHover {
    background-position: -11px -22px
}

.RadTreeView_rtl .rtMinus {
    background-position: -11px -11px
}

.RadTreeView_rtl .rtMinusHover {
    background-position: -11px -33px
}

.RadTreeView_rtl .rtLines .rtLI {
    background-position: 100% 0
}

.RadTreeView_rtl .rtLines .rtFirst {
    background-position: 100% 1.273em
}

.RadTreeView_rtl .rtLines .rtLast {
    background-image: none
}

.RadTreeView_rtl .rtLines .rtTop, .RadTreeView_rtl .rtLines .rtMid, .RadTreeView_rtl .rtLines .rtBot {
    background-position: 100% 0
}

.rtDropAbove, .rtDropBelow {
    border: 1px dotted #444444;
    font-size: 3px;
    line-height: 3px;
    height: 3px;
    margin-top: -1px
}

.rtDropAbove {
    border-bottom: 0
}

.rtDropBelow {
    border-top: 0
}

div.RadTreeView_designtime .rtTop, div.RadTreeView_designtime .rtMid, div.RadTreeView_designtime .rtBot {
    position: relative
}

div.RadTreeView_designtime .rtPlus, div.RadTreeView_designtime .rtMinus {
    margin: 0;
    position: absolute;
    left: 3px;
    top: 4px
}

.rtTouchDragClue {
    margin-top: -50px
}

.RadTreeView {
    color: #333;
    font-size: 12px;
    font-family: "Tahoma", Arial, Helvetica, sans-serif
}

    .RadTreeView .rtHover .rtIn {
        border-color: transparent !important;
        color: #00156e !important;
        background-color: #ffe3a5 !important;
        background-image: none !important;
        padding: 5px;
    }

    .RadTreeView .rtSelected .rtIn {
        border-color: #ffe3a5 !important;
        color: #444444 !important;
        background-color: #ffe3a5 !important;
        background-image: none !important;
        padding: 5px !important;
        font-weight: bold !important;
    }

.RadTreeView {
    color: #333;
    font-size: 12px;
    font-family: "Tahoma", Arial, Helvetica, sans-serif;
    /* padding-top: 5px; */
}

.RadTreeView_Office2007 {
    padding: 0 10px;
}

.RadTreeView .rtHover .rtIn {
    border-color: transparent !important;
    color: #00156e !important;
    background-color: #ffe3a5 !important;
    background-image: none !important;
    padding: 5px;
}

.RadTreeView .rtSelected .rtIn,
.RadTreeView input.rtChk:checked + .rtIn {
    border-color: #ffe3a5 !important;
    color: #444444 !important;
    background-color: #ffe3a5 !important;
    background-image: none !important;
    padding: 5px !important;
    box-sizing: border-box;
    font-weight: bold !important;
    WHITE-SPACE: normal;
}

.RadTreeView_Outlook {
    color: #333;
    font-size: 12px;
    font-family: "Tahoma", Arial, Helvetica, sans-serif
}

    .RadTreeView_Outlook .rtIn {
        background-image: linear-gradient(transparent, transparent)
    }

    .RadTreeView_Outlook .rtHover .rtIn {
        border-color: transparent !important;
        color: #00156e !important;
        background-color: #ffe3a5 !important;
        background-image: none !important;
        padding: 5px;
    }

    .RadTreeView_Outlook .rtSelected .rtIn {
        border-color: #ffe3a5 !important;
        color: #444444 !important;
        background-color: #ffe3a5 !important;
        background-image: none !important;
        padding: 5px !important;
        font-weight: bold;
    }

.RadMenu {
    white-space: nowrap;
    float: left;
    position: relative;
    text-align: left;
    z-index: 7000\9;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

    .RadMenu .rmRootGroup {
        margin: 0;
        padding: 0;
        position: relative;
        left: 0;
        display: inline-block
    }

    .RadMenu .rmRootScrollGroup {
        z-index: 1
    }

    .RadMenu:after, .RadMenu .rmRootGroup:after {
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        line-height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden
    }

    .RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal {
        margin: 0;
        padding: 0;
        display: none;
        position: relative;
        left: 0;
        float: left
    }

.rmHorizontal {
    white-space: nowrap
}

.rmSized ul.rmVertical {
    width: 100%
}

.rmSized ul.rmRootGroup {
    float: none
}

.rmSized .rmRootGroup .rmVertical {
    width: auto
}

.RadMenu .rmItem {
    float: left;
    position: relative;
    list-style-image: none;
    list-style-position: outside;
    list-style: none;
    line-height: inherit
}

.RadMenu .rmHorizontal .rmItem {
    clear: none
}

.RadMenu .rmVertical .rmItem {
    float: none
}

.rmSized .rmVertical .rmItem {
    width: 100%
}

.rmSized .rmHorizontal .rmItem, .rmSized .rmRootGroup .rmVertical .rmItem {
    width: auto
}

.RadMenu .rmSlide .rmHorizontal .rmItem {
    margin-bottom: -2px
}

.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup {
    display: block
}

.RadMenu .rmSlide, .RadMenu_Context {
    position: absolute;
    overflow: hidden;
    display: none;
    float: left;
    /* background: white !important; */
}

.RadMenu_Context {
    z-index: 1000;
    overflow: visible;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.RadMenu .rmText {
    display: block;
    padding-bottom: 1px;
    float: left
}

.RadMenu div.rmText {
    white-space: normal;
    background: transparent
}

.RadMenu a.rmLink {
    cursor: pointer;
    display: block;
    box-sizing: content-box;
    *zoom: 1
}

    .RadMenu a.rmLink:after {
        content: "";
        display: block;
        clear: both
    }

.rmScrollWrap {
    position: absolute;
    float: left;
    overflow: hidden;
    left: 0
}

.RadMenu .rmLeftArrow, .RadMenu .rmTopArrow, .RadMenu .rmBottomArrow, .RadMenu .rmRightArrow {
    position: absolute;
    z-index: 2000;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    outline: 0;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.RadMenu .rmLeftArrowDisabled, .RadMenu .rmTopArrowDisabled, .RadMenu .rmBottomArrowDisabled, .RadMenu .rmRightArrowDisabled {
    display: none;
    text-indent: -1000em;
    font-size: 0;
    line-height: 0
}

.RadMenu .rmBottomArrow, .RadMenu .rmBottomArrowDisabled {
    margin-bottom: -1px
}

.RadMenu .rmLeftImage {
    min-width: 16px;
    border: 0;
    float: left
}

.RadMenu_rtl {
    float: right;
    text-align: right
}

    .RadMenu_rtl ul.rmVertical {
        float: right
    }

    .RadMenu_rtl .rmItem {
        float: right
    }

    .RadMenu_rtl .rmLeftImage, .RadMenu_Context_rtl .rmLeftImage {
        border: 0;
        float: right
    }

    .RadMenu_rtl .rmLeftArrow, .RadMenu_rtl .rmTopArrow, .RadMenu_rtl .rmBottomArrow, .RadMenu_rtl .rmRightArrow, .RadMenu_rtl .rmLeftArrowDisabled, .RadMenu_rtl .rmTopArrowDisabled, .RadMenu_rtl .rmBottomArrowDisabled, .RadMenu_rtl .rmRightArrowDisabled {
        text-indent: 1000em !important
    }

.RadMenu div.rmRootGroup {
    position: relative
}

.RadMenu .rmItem {
    padding: 0
}

.RadMenu .rmLink {
    width: auto;
    padding: 0 0 0 12px;
    outline: 0;
    float: left
}

.RadMenu_rtl .rmLink {
    padding: 0 12px 0 0
}

.RadMenu .rmSlide .rmHorizontal .rmLink {
    padding-left: 4px;
    line-height: 0;
    position: relative
}

.RadMenu .rmLeftImage {
    margin: 3px 3px 0 -6px
}

.RadMenu_rtl .rmLeftImage {
    margin: 3px -6px 0 3px
}

.RadMenu .rmSlide .rmHorizontal .rmLeftImage {
    margin-top: 0
}

.RadMenu .rmSlide .rmVertical .rmLeftImage {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.RadMenu span.rmLeftImage {
    display: inline-block;
    width: 16px;
    height: 16px;
    zoom: 1
}

.RadMenu .rmVertical .rmText {
    padding: 0 24px 1px 0
}

.RadMenu .rmVertical .rmRootLink .rmText {
    padding-right: 40px
}

.RadMenu .rmHorizontal .rmText {
    padding: 0 12px 1px 0
}

.RadMenu_rtl .rmHorizontal .rmText {
    padding: 0 0 1px 12px
}

.RadMenu_rtl .rmVertical .rmText {
    padding: 0 0 1px 24px
}

.RadMenu .rmSlide .rmHorizontal .rmText {
    padding: 0 11px 0 3px;
    line-height: 24px
}

.RadMenu .rmVertical .rmItem .rmText {
    display: block;
    float: none;
    color: #444444;
    padding: 5px !important;
}

.RadMenu .rmSlide .rmHorizontal .rmText, .RadMenu .rmSlide .rmHorizontal .rmLeftImage {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
    float: none
}

.RadMenu .rmTopRight, .RadMenu .rmBottomLeft, .RadMenu .rmBottomRight, .RadMenu .rmRoundedCorners ul.rmGroup, .rmRoundedCorners ul.rmGroup, .rmRoundedCorners ul.rmGroup ul.rmGroup, .RadMenu .rmRoundedCorners .rmMultiColumn, .RadMenu .rmRoundedCorners .rmPopup, .rmRoundedCorners .rmScrollWrapContainer .rmGroup {
    border: 0;
    background-position: 0 0
}

    .RadMenu .rmRoundedCorners .rmMultiColumn ul.rmMultiGroup {
        background: 0;
        margin: 0
    }

.RadMenu .rmRoundedCorners .rmGroupColumn {
    height: 100%
}

.RadMenu .rmRoundedCorners li.rmFirstGroupColumn {
    background-color: transparent
}

.RadMenu .rmTopFix, .RadMenu .rmTopRight, .RadMenu .rmBottomFix, .RadMenu .rmBottomLeft, .RadMenu .rmBottomRight {
    position: absolute;
    width: 4px;
    height: 4px;
    list-style-type: none;
    list-style-position: outside;
    font-size: 0
}

.RadMenu_rtl .rmTopRight, .RadMenu_rtl .rmBottomRight {
    width: 32px
}

.RadMenu_rtl .rmTopShadowRight, .RadMenu_rtl .rmBottomShadowRight {
    width: 4px
}

.RadMenu .rmTopShadowRight, .RadMenu .rmBottomShadowLeft, .RadMenu .rmBottomShadowRight {
    background-repeat: no-repeat;
    background-color: transparent
}

.rmRoundedCorners .rmTopShadowRight, .rmRoundedCorners .rmBottomShadowLeft, .rmRoundedCorners .rmBottomShadowRight {
    width: 5px;
    height: 5px
}

.RadMenu .rmTopRight {
    background-position: 100% 0;
    top: 0;
    right: -3px;
    height: 100%
}

.RadMenu .rmBottomLeft {
    background-position: 0 100%;
    bottom: -3px;
    left: 0;
    width: 100%
}

.RadMenu .rmBottomFix {
    background-position: -1px 0;
    width: auto;
    bottom: -3px;
    left: 5px;
    right: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.RadMenu .rmTopFix {
    background-position: -1px 0;
    width: auto;
    top: 0;
    left: 5px;
    right: 0;
    border-top-width: 1px;
    border-top-style: solid
}

.RadMenu .rmBottomRight {
    background-position: 100% 100%;
    bottom: -3px;
    right: -3px;
    width: 8px
}

.RadMenu .rmShadows .rmTopShadowRight, .rmShadows .rmGroup .rmTopShadowRight {
    right: -5px;
    background-position: 100% 0
}

.RadMenu .rmBottomShadowLeft {
    bottom: -5px;
    left: 1px;
    background-position: 0 100%
}

.RadMenu .rmBottomShadowRight {
    bottom: -5px;
    right: -5px;
    width: 4px;
    height: 5px
}

.RadMenu .rmScrollWrapContainer .rmTopShadowRight {
    right: -4px
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowRight {
    bottom: -4px;
    right: -4px;
    width: 3px;
    height: 4px
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowLeft {
    bottom: -4px
}

.RadMenu .rmRoundedCorners .rmTopShadowRight, .rmRoundedCorners .rmGroup .rmTopShadowRight {
    right: -8px;
}

.RadMenu .rmRoundedCorners .rmBottomShadowLeft, .rmRoundedCorners .rmGroup .rmBottomShadowLeft {
    bottom: -8px
}

.RadMenu .rmRoundedCorners .rmBottomShadowRight, .rmRoundedCorners .rmGroup .rmBottomShadowRight {
    bottom: -8px;
    right: -8px;
    width: 7px;
    height: 8px
}

.RadMenu .rmAccessKey {
    font-size: 10px;
    font-weight: normal;
    float: right;
    padding-right: 8px
}

.RadMenu .rmRoundedCorners .rmGroup .rmItem, .rmRoundedCorners .rmGroup .rmItem {
    z-index: 1
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap, .rmRoundedCorners .rmScrollWrapContainer .rmScrollWrap {
    background-image: none
}

.RadMenu .rmRoundedCorners .rmMultiGroup > .rmItem {
    background-image: none
}

.RadMenu .rmRoundedCorners .rmSlide, .RadMenu .rmShadows .rmSlide, .rmRoundedCorners .rmSlide, .rmShadows .rmSlide, div.rmRoundedCorners, div.rmShadows {
    padding: 0 8px 10px 0
}

.RadMenu .rmRoundedCorners ul.rmGroup, .rmRoundedCorners .rmGroup ul.rmGroup, .rmRoundedCorners ul.rmGroup, .rmRoundedCorners .rmPopup {
    margin-top: 1px;
    padding: 1px
}

.RadMenu_rtl .rmRoundedCorners ul.rmGroup .rmSlide, .RadMenu_rtl.rmRoundedCorners ul.rmGroup .rmSlide {
    margin-right: -5px
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap, .rmRoundedCorners .rmSlide .rmScrollWrap {
    border: 0
}

.RadMenu .rmRoundedCorners .rmScrollWrap, .RadMenu .rmShadows .rmScrollWrap, .rmRoundedCorners .rmScrollWrap, .rmShadows .rmScrollWrap {
    position: relative
}

.RadMenu .rmScrollWrapContainer {
    position: absolute
}

    .RadMenu .rmScrollWrapContainer .rmTopFix {
        height: 100%
    }

.RadMenu .rmRoundedCorners .rmScrollWrapContainer, .rmRoundedCorners .rmScrollWrapContainer, .RadMenu .rmRoundedCorners ul.rmGroup, .RadMenu.rmRoundedCorners ul.rmGroup, .RadMenu.rmRoundedCorners .rmGroup ul.rmGroup {
    padding: 2px 0 0 2px
}

.RadMenu .rmScrollWrapContainer .rmGroup, .rmScrollWrapContainer .rmGroup .rmGroup, .rmScrollWrapContainer .rmGroup {
    padding: 0
}

.RadMenu .rmRootGroup .rmItem .rmGroup {
    padding-bottom: 1px
}

.RadMenu .rmRoundedCorners .rmItem .rmGroup {
    padding-bottom: 0
}

.RadMenu ul.rmGroup {
    padding: 2px 1px
}

.RadMenu .rmGroup .rmItem {
    /* padding: 5px 2px !important; */
    /* border-bottom: 1px dotted #e4e4e4; */
}

.RadMenu .rmGroup .rmLink, .RadMenu .rmSlide .rmGroup .rmTemplate {
    padding: 0
}

.RadMenu_rtl .rmGroup .rmLink, .RadMenu_rtl .rmSlide .rmGroup .rmTemplate {
    padding: 0
}

.RadMenu .rmGroup .rmText {
    padding: 0 10px 0 10px !important;
    margin: 0 0 0 4px;
}

.RadMenu_rtl .rmGroup .rmText {
    padding: 0 28px 0 54px;
    margin: 0 4px 0 0
}

.RadMenu .rmMultiColumn {
    list-style: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    zoom: 1;
    box-sizing: content-box
}

    .RadMenu .rmMultiColumn .rmMultiGroup {
        background: 0;
        border: 0;
        float: left;
        display: block;
        position: static
    }

    .RadMenu .rmMultiColumn .rmGroupColumn {
        float: left
    }

.RadMenu_rtl .rmMultiColumn .rmGroupColumn {
    float: right
}

* + html .RadMenu_rtl .rmMultiColumn .rmItem {
    float: left
}

.RadMenu_rtl .rmSlide .rmHorizontal .rmText {
    padding: 0 11px 0 14px
}

.RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandUp, .RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandDown, .RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandLeft, .RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandRight {
    padding-right: 25px
}

.RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandUp, .RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandDown, .RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandLeft, .RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandRight {
    padding-left: 25px;
    padding-right: 4px
}

.RadMenu .rmGroup .rmLeftImage {
    margin: 3px 0 0 6px
}

* + html .RadMenu .rmGroup .rmLeftImage {
    margin-left: 4px
}

* + html ul.rmRoundedCorners .rmGroup .rmLeftImage {
    margin-left: 2px
}

.RadMenu_rtl .rmGroup .rmLeftImage {
    margin: 4px 6px 0 -4px
}

.RadMenu a.rmImageOnly .rmLeftImage, .RadMenu .rmRootGroup a.rmImageOnly {
    padding: 0;
    margin: 0
}

    .RadMenu .rmRootGroup a.rmImageOnly span.rmText {
        display: none
    }

* + html .RadMenu .rmImageOnly .rmLeftImage {
    position: static
}

* + html .RadMenu_rtl .rmGroup .rmLeftImage {
    right: 0
}

.RadMenu .rmSeparator, .RadMenu .rmSeparator:after {
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

    .RadMenu .rmSeparator .rmText {
        border-style: solid;
        color: transparent;
        background-color: transparent
    }

.RadMenu .rmHorizontal > .rmSeparator .rmText, .RadMenu .rmHorizontal > .rmRootScrollGroup > .rmSeparator .rmText {
    margin: 2px;
    padding: 0;
    width: 0;
    height: 20px;
    border-width: 0 1px
}

.RadMenu .rmVertical > .rmSeparator .rmText, .RadMenu .rmVertical > .rmRootScrollGroup > .rmSeparator .rmText {
    margin: 1px 2px;
    padding: 0;
    border-width: 1px 0;
    display: block
}

.RadMenu .rmGroup.rmVertical > .rmSeparator .rmText, .RadMenu .rmScrollWrap > .rmVertical > .rmSeparator .rmText {
    margin-left: 31px
}

.RadMenu.RadMenu_Context .rmGroup .rmSeparator {
    *overflow: visible
}

    .RadMenu.RadMenu_Context .rmGroup .rmSeparator .rmText {
        *display: block
    }

.RadMenu_rtl .rmGroup.rmVertical > .rmSeparator .rmText, .RadMenu_rtl .rmScrollWrap > .rmVertical > .rmSeparator .rmText, .RadMenu_Context_rtl .rmVertical > .rmSeparator .rmText {
    margin-left: 2px;
    margin-right: 31px
}

.RadMenu .rmLeftArrow, .RadMenu .rmRightArrow {
    width: 10px;
    height: 24px
}

.RadMenu .rmTopArrow, .RadMenu .rmBottomArrow {
    height: 10px;
    width: 100%
}

.RadMenu .rmLink {
    position: relative
}

.RadMenu .rmIcon {
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    text-indent: -999em;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%
}

.RadMenu .rmToggle {
    width: 23px;
    height: 23px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    margin-right: 2px
}

.RadMenu .rmHorizontal .rmRootLink .rmToggle {
    margin-left: -12px;
    float: left;
    position: relative
}

.RadMenu .rmHorizontal .rmRootLink .rmIcon {
    display: block
}

.RadMenu .rmGroup .rmLink.rmDisabled {
    box-shadow: none !important
}

.RadMenu .rmDisabled > .rmToggle {
    filter: alpha(opacity=40);
    opacity: .4
}

.RadMenu .rmPopup {
    position: relative;
    padding: 4px;
    padding-right: 0;
    padding-bottom: 0
}

.RadMenu .rmGroup .rmToggle {
    height: 100%;
    border-left: 1px solid transparent
}

.RadMenu .rmPopup .rmTopFix, .RadMenu .rmPopup .rmBottomFix {
    background-position: -4px 0
}

.RadMenu .rmSlide .rmHorizontal .rmTopFix, .RadMenu .rmSlide .rmHorizontal .rmBottomFix {
    background-image: none
}

.RadMenu .rmPopup.rmContentTemplate {
    padding-top: 1px
}

.RadMenu .rmArrow {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.RadMenu_rtl .rmRootLink .rmItem {
    float: none
}

.RadMenu_rtl .rmHorizontal .rmRootLink {
    direction: ltr
}

.RadMenu_rtl .rmVertical .rmRootLink {
    zoom: 1
}

.RadMenu_rtl .rmLink {
    direction: rtl
}

.RadMenu_rtl .rmtext {
    zoom: 1
}

.RadMenu_rtl .rmVertical .rmRootLink .rmText {
    padding: 0 0 1px 40px;
    zoom: 1
}

.RadMenu_rtl .rmToggleHandles .rmText {
    float: right
}

.RadMenu_rtl .rmToggle {
    left: 0;
    right: auto;
    text-align: left
}

.RadMenu_rtl .rmHorizontal .rmRootLink .rmToggle {
    margin-right: -12px;
    margin-left: 2px
}

.RadMenu_rtl .rmHorizontal .rmRootLink .rmLeftImage {
    margin: 3px 3px 0 -6px
}

.RadMenu_rtl .rmIcon {
    text-indent: 999em;
    direction: ltr
}

.RadMenu_rtl .rmSlide .rmLeftImage {
    right: 0
}

.RadMenu_rtl .rmPopup.rmContentTemplate {
    padding-left: 0;
    padding-right: 4px
}

.RadMenu_rtl .rmRoundedCorners .rmSlide, .RadMenu_rtl .rmShadows .rmSlide, .RadMenu_rtl.rmRoundedCorners .rmSlide, .RadMenu_rtl.rmShadows .rmSlide, .RadMenu_rtl.rmRoundedCorners, .RadMenu_rtl.rmShadows {
    padding-right: 3px
}

.RadMenu .rmRootGroup, .RadMenu a.rmLink, .RadMenu .rmText, .RadMenu .rmLeftArrow, .RadMenu .rmRightArrow, .RadMenu .rmTopArrow, .RadMenu .rmBottomArrow {
    background-image: none !important;
    background-color: transparent;
}

.RadMenu .rmRootGroup {
    border: 1px solid #688caf;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #BBD9FF
}

.RadMenu, .RadMenu a.rmLink {
    font: normal 13px 'Roboto', sans-serif !important;
    color: #00156e;
    text-decoration: none
}

    .RadMenu a.rmLink, .RadMenu .rmText {
        background-position: 0 1050px;
        background-repeat: no-repeat
    }

        .RadMenu a.rmLink:hover, .RadMenu a.rmFocused, .RadMenu a.rmSelected {
            color: #000;
            background-position: 0 -72px;
            background: none !important;
        }

            .RadMenu a.rmLink:hover .rmText, .RadMenu a.rmFocused .rmText, .RadMenu a.rmSelected .rmText {
                background-position: 100% -96px
            }

    .RadMenu a.rmExpanded, .RadMenu a.rmExpanded:hover {
        color: #000;
        background-position: 0 -120px
    }

        .RadMenu a.rmExpanded .rmText, .RadMenu a.rmExpanded:hover .rmText {
            background-position: 100% -144px
        }

    .RadMenu a.rmDisabled, .RadMenu a.rmDisabled:hover {
        color: #8d8d8d;
        background: 0
    }

        .RadMenu a.rmDisabled .rmText, .RadMenu a.rmDisabled:hover .rmText {
            background: 0
        }

    .RadMenu .rmGroup, .RadMenu .rmMultiColumn, .RadMenu .rmGroup .rmVertical {
        border: 1px solid silver !important;
        background: white !important;
        border-radius: 2px;
        box-shadow: 0 4px 6px 2px #a0a0a0 !important;
    }

    .RadMenu .rmContentTemplate {
        background: #fff
    }

    .RadMenu .rmTopFix, .RadMenu .rmBottomFix, .RadMenu .rmRoundedCorners .rmGroup .rmItem, .RadMenu .rmRoundedCorners li.rmFirstGroupColumn .rmItem, .RadMenu .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem, .RadMenu_Context.rmRoundedCorners .rmGroup .rmItem {
        background-color: #fff;
        background-repeat: repeat-y;
        background-position: -2px 0
    }

    .RadMenu li.rmTopFix, .RadMenu li.rmBottomFix {
        background-position: -5px 0
    }

    .RadMenu .rmPopup .rmTopFix, .RadMenu .rmPopup .rmBottomFix {
        background-image: none
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmGroup, .RadMenu .rmRoundedCorners .rmGroupColumn .rmItem, .RadMenu .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem, .RadMenu .rmRoundedCorners .rmHorizontal .rmItem, .RadMenu .rmRoundedCorners .rmScrollWrap .rmVertical, .RadMenu_Context .rmHorizontal.rmGroup, .RadMenu_Context .rmHorizontal .rmGroup, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup, .RadMenu_Context.rmRoundedCorners .rmHorizontal .rmItem, .RadMenu_Context.rmRoundedCorners .rmScrollWrap .rmVertical {
        background-image: none
    }

    .RadMenu .rmScrollWrap {
        margin-bottom: -1px
    }

    .RadMenu .rmRoundedCorners .rmGroupColumn {
        background-color: #fff
    }

    .RadMenu .rmBottomLeft, .RadMenu .rmRoundedCorners .rmScrollWrapContainer, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer, .RadMenu_Context.rmRoundedCorners ul.rmGroup, .RadMenu .rmRoundedCorners ul.rmGroup, .RadMenu .rmRoundedCorners .rmMultiColumn {
        background-color: transparent;
        background-repeat: no-repeat
    }

    .RadMenu .rmTopRight, .RadMenu .rmBottomRight {
        background-color: transparent;
        background-repeat: no-repeat
    }

    .RadMenu .rmTopFix, .RadMenu .rmBottomFix, .RadMenu .rmRoundedCorners .rmGroup .rmFirst, .RadMenu_Context.rmRoundedCorners .rmGroup .rmFirst, .rmRoundedCorners .rmGroup .rmFirst {
        border-color: #868686
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmTopFix, .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {
        background: #FFF
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {
        background-color: #FFF;
        border: 0
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow {
        background-color: #FFF
    }

    .RadMenu .rmSlide .rmScrollWrap {
        background-image: none
    }

    .RadMenu .rmRootGroup .rmHorizontal {
        background-image: none
    }

    .RadMenu .rmScrollWrap .rmVertical {
        border: 0
    }

    .RadMenu .rmGroup .rmFirst, .RadMenu .rmGroup .rmLast {
        background: 0
    }

    .RadMenu .rmGroup .rmLast {
        padding-bottom: 1px
    }

    .RadMenu .rmGroup a.rmLink:hover, .RadMenu .rmGroup a.rmFocused, .RadMenu .rmGroup a.rmSelected, .RadMenu .rmGroup a.rmExpanded {
        background-position: 0 -168px;
        background: none !important;
        background-color: #ffe3a5 !important;
    }

        .RadMenu .rmGroup a.rmLink:hover .rmText, .RadMenu .rmGroup a.rmFocused .rmText, .RadMenu .rmGroup a.rmSelected .rmText, .RadMenu .rmGroup a.rmExpanded .rmText {
            background-position: 100% -192px;
            background: none !important;
        }

    .RadMenu .rmVertical .rmExpandRight, .RadMenu_Context .rmGroup .rmExpandRight, .RadMenu .rmGroup .rmExpandDown {
        background-position: 100% -216px
    }

    .RadMenu .rmVertical a.rmLink.rmRootLink:hover .rmExpandRight, .RadMenu .rmVertical a.rmRootLink.rmSelected .rmExpandRight, .RadMenu .rmVertical a.rmRootLink.rmExpanded .rmExpandRight, .RadMenu_rtl .rmVertical a.rmLink.rmRootLink:hover .rmExpandLeft, .RadMenu_rtl .rmVertical a.rmRootLink.rmSelected .rmExpandLeft, .RadMenu_rtl .rmVertical a.rmRootLink.rmExpanded .rmExpandLeft {
        background-position: 100% -2px
    }

.RadMenu_rtl .rmVertical a.rmLink.rmRootLink:hover .rmExpandLeft {
    background-position: 0 -2px
}

.RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmSelected .rmExpandLeft, .RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmExpanded .rmExpandLeft {
    background-position: 0 -29px
}

.RadMenu .rmVertical a.rmLink.rmExpanded.rmRootLink .rmExpandRight, .RadMenu .rmVertical a.rmLink.rmExpanded.rmRootLink:hover .rmExpandRight {
    background-position: 100% -29px
}

.RadMenu .rmVertical a.rmLink:hover .rmExpandRight, .RadMenu .rmVertical a.rmSelected .rmExpandRight, .RadMenu .rmVertical a.rmFocused .rmExpandRight {
    background-position: 100% -240px
}

.RadMenu .rmVertical a.rmExpanded .rmExpandRight, .RadMenu .rmVertical a.rmExpanded:hover .rmExpandRight {
    background-position: 100% -144px
}

.RadMenu .rmGroup a.rmLink:hover .rmExpandRight, .RadMenu .rmGroup a.rmFocused .rmExpandRight, .RadMenu .rmGroup a.rmSelected .rmExpandRight, .RadMenu .rmGroup a.rmExpanded .rmExpandRight, .RadMenu .rmGroup a.rmLink:hover .rmExpandDown, .RadMenu .rmGroup a.rmFocused .rmExpandDown, .RadMenu .rmGroup a.rmSelected .rmExpandDown, .RadMenu .rmGroup a.rmExpanded .rmExpandDown {
    background-position: 100% -240px
}

.RadMenu .rmRootGroup a.rmDisabled:hover .rmExpandRight, .RadMenu_Context .rmGroup a.rmDisabled:hover .rmExpandRight, .RadMenu_Context .rmGroup a.rmDisabled:hover .rmExpandLeft, .RadMenu .rmVertical .rmDisabled.rmLink.rmRootLink:hover .rmExpandRight {
    background-position: 100% -216px
}

.RadMenu .rmVertical .rmDisabled.rmLink.rmRootLink:hover .rmExpandLeft {
    background-position: 0 -312px
}

.RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandTop, .RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandDown, .RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandLeft, .RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandRight {
    padding-right: 24px
}

.RadMenu .rmHorizontal .rmRootLink .rmToggle {
    margin-left: -24px
}

.RadMenu .rmHorizontal .rmRootLink .rmIcon {
    background-position: 50% -388px
}

@media screen\9 {
    .RadMenu .rmHorizontal .rmRootLink .rmIcon {
        background-position: -243px -388px
    }
}

.RadMenu .rmSlide {
    margin-top: -1px
}

.RadMenu .rmLeftArrow, .RadMenu .rmRightArrow {
    background-color: #f6f6e8
}

.RadMenu .rmLeftArrow, .RadMenu .rmRightArrow {
    background-color: #E0E5F5
}

.RadMenu .rmLeftArrow {
    background-position: -8px -312px;
    border-right: 1px solid #B7BDCD
}

.RadMenu .rmRightArrow {
    background-position: -482px -216px;
    border-left: 1px solid #B7BDCD
}

.RadMenu .rmTopArrow, .RadMenu .rmBottomArrow, .RadMenu .rmGroup .rmLeftArrow, .RadMenu .rmGroup .rmRightArrow {
    background-color: #f0f0f0
}

.RadMenu .rmTopArrow {
    border-bottom: 1px solid #dcdcdc;
    background-position: 50% -367px
}

.RadMenu .rmBottomArrow {
    border-top: 1px solid #dcdcdc;
    background-position: 50% -391px
}

.RadMenu .rmSeparator .rmText {
    border-color: #80ace6 #fff #fff #80ace6
}

.RadMenu .rmGroup .rmSeparator .rmText {
    border-color: #c5c5c5 #fff #fff #c5c5c5
}

.RadMenu_rtl .rmBottomLeft, .RadMenu_rtl .rmRoundedCorners ul.rmGroup, .RadMenu_rtl .rmRoundedCorners .rmMultiColumn, .RadMenu .rmRoundedCorners .rmScrollWrapContainer, .RadMenu .rmScrollWrapContainer .rmBottomLeft, .rmRoundedCorners.RadMenu_Context_rtl ul.rmGroup, .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer, .RadMenu .rmRoundedCorners .rmPopup {
    background-repeat: no-repeat
}

.RadMenu_rtl li.rmTopFix, .RadMenu_rtl li.rmBottomFix, .RadMenu_rtl .rmRoundedCorners .rmGroup .rmItem, .rmRoundedCorners.RadMenu_Context_rtl .rmGroup .rmItem {
    background-position: 101% 0
}

.RadMenu_rtl .rmGroup, .RadMenu_rtl .rmMultiColumn, .RadMenu_rtl .rmGroup .rmVertical {
    background-position: 101% 0
}

.RadMenu_rtl a.rmLink:hover, .RadMenu_rtl a.rmFocused, .RadMenu_rtl a.rmSelected {
    background-position: 100% -96px
}

.RadMenu_rtl .rmHorizontal .rmLink.rmRootLink.rmSelected, .RadMenu_rtl .rmHorizontal .rmLink.rmRootLink.rmExpanded {
    background-position: 100% -144px
}

.RadMenu_rtl a.rmLink:hover .rmText, .RadMenu_rtl a.rmFocused .rmText, .RadMenu_rtl a.rmSelected .rmText {
    background-position: 0 -72px
}

.RadMenu_rtl .rmVertical a.rmLink:hover, .RadMenu_rtl .rmVertical a.rmFocused, .RadMenu_rtl .rmVertical a.rmSelected, .RadMenu_rtl .rmVertical a.rmExpanded {
    background-position: 100% -96px
}

.RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmSelected, .RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmExpanded {
    background-position: 100% -144px
}

.RadMenu_rtl .rmRootLink.rmSelected .rmText, .RadMenu_rtl .rmRootLink.rmSelected:hover .rmText, .RadMenu_rtl .rmRootLink.rmExpanded .rmText, .RadMenu_rtl .rmRootLink.rmExpanded:hover .rmText {
    background-position: 0 -120px
}

.RadMenu_rtl a.rmLink:hover .rmExpandLeft, .RadMenu_rtl a.rmSelected .rmExpandLeft, .RadMenu_rtl a.rmFocused .rmExpandLeft, .RadMenu_rtl a.rmExpanded .rmExpandLeft {
    background-position: 0 -336px
}

.RadMenu_rtl .rmRootGroup .rmGroup a.rmLink:hover, .RadMenu_rtl .rmRootGroup .rmGroup a.rmFocused, .RadMenu_rtl .rmRootGroup .rmGroup a.rmSelected, .RadMenu_rtl .rmRootGroup .rmGroup a.rmExpanded {
    background-position: 100% -264px
}

.RadMenu_rtl .rmGroup a.rmLink:hover .rmText, .RadMenu_rtl .rmGroup a.rmFocused .rmText, .RadMenu_rtl .rmGroup a.rmSelected .rmText, .RadMenu_rtl .rmGroup a.rmExpanded .rmText {
    background-position: 0 -288px
}

.RadMenu_Context_rtl .rmVertical .rmExpandLeft, .RadMenu_rtl .rmRootGroup .rmExpandLeft, .RadMenu_rtl .rmGroup .rmExpandDown {
    background-position: 0 -312px
}

.RadMenu_rtl .rmItem .rmLink.rmRootLink, .RadMenu_rtl .rmGroup.rmVertical .rmLink, .RadMenu_rtl .rmGroup .rmVertical .rmLink {
    margin-left: 3px
}

.RadMenu_rtl .rmItem .rmText {
    margin-left: -3px
}

.RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandTop, .RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandDown, .RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandLeft, .RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandRight {
    padding-right: 0;
    padding-left: 24px
}

.RadMenu_rtl .rmHorizontal .rmRootLink .rmToggle {
    margin-right: -24px;
    margin-left: -1px
}

.RadMenu_rtl .rmGroup a.rmLink:hover .rmExpandLeft, .RadMenu_rtl .rmGroup a.rmFocused .rmExpandLeft, .RadMenu_rtl .rmGroup a.rmSelected .rmExpandLeft, .RadMenu_rtl .rmGroup a.rmExpanded .rmExpandLeft, .RadMenu_rtl .rmGroup a.rmLink:hover .rmExpandDown, .RadMenu_rtl .rmGroup a.rmFocused .rmExpandDown, .RadMenu_rtl .rmGroup a.rmSelected .rmExpandDown, .RadMenu_rtl .rmGroup a.rmExpanded .rmExpandDown {
    background-position: 0 -336px;
    background-image: none !important;
    background-color: silver !important;
}

.RadMenu_Context_rtl .rmGroup a.rmDisabled:hover .rmExpandLeft, .RadMenu_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft {
    background-position: 0 -312px;
    background-image: none !important;
    background-color: silver !important;
}

/* Rad slider */
.RadSlider {
    color: #333
}

    .RadSlider .rslTrack {
        border-color: #9eb6ce
    }

.RadSlider {
    width: 22px;
    height: 22px;
    color: #444444;
    font: normal 13px 'Roboto', sans-serif !important;
}

    .RadSlider, .RadSlider * {
        box-sizing: content-box
    }

        .RadSlider .rslTrack {
            z-index: 1;
            border-style: solid
        }

        .RadSlider .rslDisabled {
            filter: alpha(opacity=50);
            opacity: .5
        }

            .RadSlider .rslDisabled, .RadSlider .rslDisabled a, .RadSlider .rslDisabled li {
                cursor: no-drop
            }

        .RadSlider a {
            display: block;
            text-indent: -9999px;
            overflow: hidden;
            text-decoration: none;
            text-align: center;
            overflow: hidden
        }

            .RadSlider a:focus, .RadSlider a:active {
                outline: 0
            }

        .RadSlider .rslHandle span, .RadSlider .rslDraghandle span {
            display: block
        }

        .RadSlider .rslHorizontal, .RadSlider .rslVertical {
            position: relative;
            -moz-user-select: none;
            font-size: 1px;
            line-height: 2px
        }

            .RadSlider .rslHorizontal, .RadSlider .rslHorizontal a.rslHandle, .RadSlider .rslHorizontal a.rslDraghandle {
                height: 22px;
                line-height: 22px
            }

                .RadSlider .rslHorizontal a.rslHandle {
                    width: 25px;
                    background-repeat: no-repeat
                }

                .RadSlider .rslHorizontal .rslDecrease {
                    background-position: -298px -114px !important;
                }

                    .RadSlider .rslHorizontal .rslDecrease:hover {
                        background-position: -25px -22px
                    }

                .RadSlider .rslHorizontal .rslIncrease {
                    background-position: -292px -151px !important;
                }

                    .RadSlider .rslHorizontal .rslIncrease:hover {
                        background-position: -25px 0
                    }

                .RadSlider .rslHorizontal a.rslDraghandle {
                    width: 9px;
                    margin-top: -8px;
                    background-repeat: no-repeat
                }

                    .RadSlider .rslHorizontal a.rslDraghandle:hover {
                        background-position: -9px 0
                    }

                    .RadSlider .rslHorizontal a.rslDraghandle:focus, .RadSlider .rslHorizontal a.rslDraghandle:active {
                        background-position: -18px 0
                    }

                .RadSlider .rslHorizontal .rslTrack, .RadSlider .rslHorizontal .rslSelectedregion {
                    height: 6px;
                    line-height: 6px
                }

                .RadSlider .rslHorizontal .rslTrack {
                    border-width: 0 1px
                }

                .RadSlider .rslHorizontal .rslItemsWrapper {
                    margin: 0 1px
                }

                .RadSlider .rslHorizontal.rslBottom .rslItem span {
                    display: table-cell;
                    vertical-align: bottom;
                    text-align: center
                }

        .RadSlider .rslDisabled .rslLiveDragHandle {
            filter: alpha(opacity=100);
            opacity: 1
        }

        .RadSlider .rslVertical a.rslHandle, .RadSlider .rslVertical a.rslDraghandle {
            width: 22px
        }

        .RadSlider .rslVertical a.rslHandle {
            height: 25px;
            line-height: 25px;
            background-repeat: no-repeat
        }

        .RadSlider .rslVertical .rslDecrease {
            background-position: 0 0
        }

            .RadSlider .rslVertical .rslDecrease:hover {
                background-position: 0 -28px
            }

        .RadSlider .rslVertical .rslIncrease {
            background-position: -22px 3px
        }

            .RadSlider .rslVertical .rslIncrease:hover {
                background-position: -22px -25px
            }

        .RadSlider .rslVertical .rslTrack, .RadSlider .rslVertical .rslSelectedregion {
            width: 6px
        }

        .RadSlider .rslVertical .rslTrack {
            border-width: 1px 0
        }

        .RadSlider .rslVertical .rslItemsWrapper {
            margin: 1px 0
        }

        .RadSlider .rslVertical a.rslDraghandle {
            height: 9px;
            line-height: 8px;
            margin-left: -8px
        }

            .RadSlider .rslVertical a.rslDraghandle:hover {
                background-position: 0 -9px
            }

            .RadSlider .rslVertical a.rslDraghandle:focus, .RadSlider .rslVertical a.rslDraghandle:active {
                background-position: 0 -18px
            }

        .RadSlider .rslVertical.rslLeft .rslItem {
            text-align: right
        }

            .RadSlider .rslVertical.rslLeft .rslItem span {
                padding-right: 12px
            }

        .RadSlider .rslVertical.rslRight .rslItem {
            padding-left: 11px
        }

        .RadSlider .rslItemsWrapper, .RadSlider .rslItem, .RadSlider .rslLargeTick, .RadSlider .rslSmallTick {
            margin: 0;
            padding: 0;
            list-style: none !important
        }

            .RadSlider .rslItem span, .RadSlider .rslLargeTick span {
                font-size: 11px
            }

        .RadSlider .rslVertical .rslItemsWrapper .rslItemFirst, .RadSlider .rslHorizontal .rslItemsWrapper .rslItemFirst {
            background-image: none
        }

        .RadSlider .rslItem {
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: default;
            background-repeat: no-repeat
        }

        .RadSlider .rslHorizontal .rslItem {
            text-align: center
        }

        .RadSlider .RadSlider .rslItemsWrapper li.rslItemDisabled {
            color: #d0d0ce
        }

        .RadSlider .rslMiddle .rslItem, .RadSlider .rslLeft .rslLargeTick, .RadSlider .rslLeft .rslSmallTick {
            background-position: left center
        }

        .RadSlider .rslTop .rslItem {
            background-position: left top
        }

        .RadSlider .rslBottom .rslItem {
            background-position: left bottom
        }

        .RadSlider .rslCenter .rslItem, .RadSlider .rslTop .rslLargeTick, .RadSlider .rslTop .rslSmallTick {
            background-position: center top
        }

        .RadSlider .rslLeft .rslItem {
            background-position: left top
        }

        .RadSlider .rslRight .rslItem {
            background-position: right top
        }

        .RadSlider .rslLargeTick, .RadSlider .rslSmallTick {
            cursor: default;
            position: relative;
            background-repeat: no-repeat
        }

        .RadSlider .rslCenter .rslLargeTick, .RadSlider .rslCenter .rslSmallTick, .RadSlider .rslMiddle .rslLargeTick, .RadSlider .rslMiddle .rslSmallTick {
            background-position: center center
        }

        .RadSlider .rslRight .rslLargeTick, .RadSlider .rslRight .rslSmallTick {
            background-position: right center
        }

        .RadSlider .rslBottom .rslLargeTick, .RadSlider .rslBottom .rslSmallTick {
            background-position: center bottom
        }

        .RadSlider .rslLiveDragHandleActive {
            filter: alpha(opacity=40);
            opacity: .4
        }

        .RadSlider .rslLiveDragHandle {
            filter: alpha(opacity=0);
            opacity: 0
        }

        .RadSlider .rslHandle, .RadSlider .rslDraghandle, .RadSlider .rslTrack, .RadSlider .rslSelectedregion, .RadSlider .rslItemsWrapper, .RadSlider .rslLargeTick span {
            position: absolute;
            top: 0;
            left: 0
        }

        .RadSlider .rslHorizontal .rslTrack, .RadSlider .rslHorizontal .rslItemsWrapper {
            left: 25px
        }

        .RadSlider .rslVertical .rslTrack, .RadSlider .rslVertical .rslItemsWrapper {
            top: 25px
        }

        .RadSlider .rslHorizontal .rslIncrease, .RadSlider .rslRight .rslHandle, .RadSlider .rslLeft .rslItemsWrapper, .RadSlider .rslLeft .rslLargeTick span, .RadSlider .rslVertical .rslLargeTick span.rslBRItemText {
            left: auto;
            right: 0
        }

        .RadSlider .rslTop .rslItemsWrapper, .RadSlider .rslBottom .rslHandle, .RadSlider .rslVertical .rslIncrease, .RadSlider .rslTop .rslLargeTick span, .RadSlider .rslHorizontal .rslLargeTick span.rslBRItemText {
            top: auto;
            bottom: 0
        }

        .RadSlider .rslHorizontal .rslTrack {
            top: 8px
        }

        .RadSlider .rslBottom div.rslTrack {
            top: auto;
            bottom: 8px
        }

        .RadSlider .rslVertical .rslTrack {
            left: 8px
        }

        .RadSlider .rslRight div.rslTrack {
            left: auto;
            right: 8px
        }

        .RadSlider .rslMiddle .rslTrack, .RadSlider .rslMiddle .rslHandle {
            top: 50%
        }

        .RadSlider .rslCenter .rslTrack, .RadSlider .rslCenter .rslHandle {
            left: 50%
        }

        .RadSlider .rslMiddle a.rslHandle {
            margin-top: -11px
        }

        .RadSlider .rslMiddle div.rslTrack {
            margin-top: -3px
        }

        .RadSlider .rslCenter a.rslHandle {
            margin-left: -11px
        }

        .RadSlider .rslCenter div.rslTrack {
            margin-left: -3px
        }

        .RadSlider .rslHorizontal .rslItem, .RadSlider .rslHorizontal .rslLargeTick, .RadSlider .rslHorizontal .rslSmallTick {
            float: left
        }

        .RadSlider .rslLargeTick span {
            white-space: nowrap
        }

        .RadSlider .rslHorizontal .rslLargeTick span {
            width: 100%;
            text-align: center
        }

        .RadSlider .rslVertical .rslLargeTick span {
            height: 100%
        }

        .RadSlider .rslHorizontal .rslSmallTick, .RadSlider .rslHorizontal .rslLargeTick {
            width: 1px
        }

        .RadSlider .rslVertical .rslSmallTick, .RadSlider .rslVertical .rslLargeTick {
            height: 1px;
            *vertical-align: middle
        }

/* Rad calendar popup */
.RadCalendar {
    table-layout: auto;
    border-collapse: separate;
    border: 1px solid #8bb7f0 !important;
    width: 220px;
    color: inherit;
}

    .RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
        color: inherit
    }

    .RadCalendar caption div {
        color: inherit
    }

    .RadCalendar .rcTitlebar {
        width: 100%;
        border-style: solid;
        border-width: 1px;
        padding: 3px !important;
    }

        .RadCalendar .rcTitlebar table {
            table-layout: auto;
            width: 100%;
            border-collapse: separate;
            border: 0
        }

        .RadCalendar .rcTitlebar td {
            border: 0;
            padding: 0;
            text-align: center;
            vertical-align: middle
        }

        .RadCalendar .rcTitlebar .rcTitle {
            width: 100%;
            cursor: pointer
        }

    .RadCalendar .rcNoNav .rcTitle {
        cursor: default
    }

    .RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
        display: block;
        width: 15px;
        height: 15px;
        overflow: hidden;
        margin: 0 4px;
        background-color: transparent;
        background-repeat: no-repeat;
        text-indent: -2222px;
        text-decoration: none
    }

    .RadCalendar .rcMain {
        width: 100%;
        border-style: solid;
        border-width: 0 1px 1px;
        padding: 0
    }

    .RadCalendar .rcMainTable {
        table-layout: auto;
        border-collapse: separate;
        border: 0;
        width: 100%
    }

    .RadCalendar .rcHeader, .RadCalendar .rcFooter {
        border-style: solid;
        border-width: 0 1px 1px;
        padding: 0
    }

    .RadCalendar .rcRow th {
        border: 0;
        padding: 0;
        font-weight: normal;
        vertical-align: middle;
        cursor: default
    }

    .RadCalendar .rcWeek th {
        border: 0;
        padding: 0;
        font-weight: normal;
        vertical-align: middle;
        cursor: default;
        text-align: right
    }

    .RadCalendar .rcWeek .rcViewSel {
        text-align: center
    }

    .RadCalendar .rcRow th {
        text-align: center
    }

    .RadCalendar .rcRow td {
        border-style: solid;
        border-width: 1px;
        padding: 0;
        text-align: right;
        vertical-align: middle
    }

    .RadCalendar .rcMain .rcRow a, .RadCalendar .rcMain .rcRow span {
        display: flex !important;
        padding: 5px !important;
        text-decoration: none;
        align-items: center;
        justify-content: center;
    }

    .RadCalendar .rcPreview .rcRow a {
        outline: 0
    }

    .RadCalendar .rcMain .rcOutOfRange span {
        cursor: default
    }

    .RadCalendar .rcDisabled {
        cursor: default;
        filter: alpha(opacity=50);
        opacity: .5
    }

.RadCalendarTimeView {
    color: inherit
}

table.RadCalendarMultiView {
    width: auto
}

.RadCalendarMultiView .rcCalendar {
    width: 220px;
    border-style: solid;
    border-width: 1px;
    padding: 0
}

.RadCalendarMultiView .rcMainTable .rcTitle {
    border-style: solid;
    border-width: 0 0 1px;
    padding: 0;
    text-align: center
}

table.RadCalendarMonthView {
    table-layout: auto;
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

    table.RadCalendarMonthView td {
        border: 0;
        padding: 5px 2px 0
    }

.RadCalendarMonthView button, .RadCalendarMonthView [type="button"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

.RadCalendarMonthView a {
    display: block;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none
}

.RadCalendarMonthView .rcHover a, .RadCalendarMonthView .rcSelected a {
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px
}

.RadCalendarMonthView #rcMView_PrevY a, .RadCalendarMonthView #rcMView_NextY a {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -2222px;
    text-align: center;
    text-decoration: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.RadCalendarMonthView .rcButtons {
    border: 0;
    text-align: center
}

.RadCalendarMonthView input {
    border-style: solid;
    border-width: 1px;
    cursor: pointer
}

.RadCalendarMonthView #rcMView_Today {
    margin: 0 .4em 0 0
}

table.RadCalendarTimeView {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px
}

.RadCalendarTimeView th {
    border: 0;
    text-align: center;
    cursor: default;
    font-weight: normal
}

table.RadCalendarTimeView td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 2px 2px 3px
}

    table.RadCalendarTimeView td:first-child {
        border-left: 0
    }

.RadCalendarTimeView a {
    display: block;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none
}

.RadCalendarTimeView td.rcSelected a, .RadCalendarTimeView td.rcHover a {
    border-style: solid;
    border-width: 1px;
    padding: 1px 5px
}

.RadCalendarTimeView .rcFooter {
    border-style: solid;
    border-width: 1px 0 0;
    padding: 0
}

.RadPicker {
    vertical-align: middle;
    width: 100%;
}

    .RadPicker td {
        vertical-align: middle
    }

    .RadPicker .RadInput {
        vertical-align: baseline;
    }

    .RadPicker .rcTable {
        table-layout: auto
    }

    .RadPicker table.rcTable {
        border: 0;
        margin: 0;
        padding: 0
    }

        .RadPicker table.rcTable td {
            border: 0;
            margin: 0;
            padding: 0
        }

        .RadPicker table.rcTable .rcInputCell {
            padding: 0 4px 0 0;
        }

    .RadPicker td a {
        position: relative;
        outline: 0;
        z-index: 0 !important;
        margin: 0 2px;
        text-decoration: none;
    }

    .RadPicker .rcCalPopup {
        background-position: -114px -42px !important;
        width: 25px !important;
        height: 25px !important;
        margin-left: 4px !important;
        border-radius: 2px;
        box-sizing: border-box !important;
    }

    .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
        display: block;
        overflow: hidden;
        width: 22px;
        height: 22px;
        background-color: transparent;
        background-repeat: no-repeat;
        text-indent: -2222px;
        text-align: center;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        background-image: url(/Admin/Images/RadIcon/css_sprites.png) !important;
    }

    .RadPicker .rcDisabled {
        filter: alpha(opacity=50);
        opacity: .5
    }

.RadCalendarMonthView .rcDisabled {
    filter: alpha(opacity=50);
    opacity: .5
}

body > .RadCalendarPopupShadows {
    padding: 0 !important;
}

.RadCalendarPopupShadows > .rcShadTR, .RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent
}

.RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR {
    height: 5px !important;
    bottom: 0;
    background-image: none !important;
}

.RadCalendarPopupShadows > .rcShadBL {
    left: 0;
    width: 100%;
    background-position: 0 -3px
}

.RadCalendarPopupShadows > .rcShadBR {
    width: 5px;
    right: 0;
    background-position: 100% 100%
}

.RadCalendarPopupShadows > .rcShadTR {
    width: 0 !important;
    height: 100%;
    top: 0;
    right: 0;
    background-image: none !important;
    background-position: 100% 0;
}

.rcIE > .rcShadBL, .rcIE > .rcShadBR, .rcIE > .rcShadTR {
    background-image: none
}

.RadPickerRTL table.rcTable .rcInputCell {
    padding: 0 0 0 4px
}

.rtTemplate {
    padding: 5px;
}

/* Rad dialog */
.RadWindow .rwTitleRow, .RadWindow .rwTitleRow * {
    box-sizing: content-box;
    background-color: #bfdbff;
}

.RadWindow .rwCorner, .RadWindow .rwTitlebar, .RadWindow .rwStatusbar, .RadWindow .rwFooterCenter, .RadWindow .rwTitlebarControls td {
    padding: 0;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    vertical-align: top
}

.RadWindow table.rwTable, .RadWindow table.rwShadow, .RadWindow .rwTitlebarControls {
    border: 0;
    padding: 0
}

.RadWindow .rwTopResize {
    font-size: 1px;
    line-height: 4px;
    width: 100%;
    height: 4px;
    background-position: 0 -31px;
    background-repeat: repeat-x
}

.RadWindow .rwStatusbarRow .rwCorner {
    background-repeat: no-repeat
}

.RadWindow .rwStatusbarRow .rwBodyLeft {
    background-position: -16px 0
}

.RadWindow .rwStatusbarRow .rwBodyRight {
    background-position: -24px 0
}

.RadWindow .rwStatusbar div {
    width: 18px;
    height: 18px;
    padding: 0 3px 0 0;
    background-position: 0 -94px;
    background-repeat: no-repeat
}

.RadWindow .rwStatusbar {
    height: 22px;
    background-position: 0 -113px;
    background-repeat: repeat-x
}

.RadWindow .rwTable {
    width: 100%;
    height: 100%;
    table-layout: auto;
    border-radius: 3px;
    border: 1px solid silver !important;
    box-shadow: 0 1px 5px silver;
}

.RadWindow .rwCorner {
    width: 8px
}

.RadWindow .rwTopLeft, .RadWindow .rwTopRight, .RadWindow .rwTitlebar, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight, .RadWindow .rwFooterCenter {
    height: 8px;
    font-size: 1px;
    background-repeat: no-repeat;
    line-height: 1px
}

.RadWindow .rwBodyLeft, .RadWindow .rwBodyRight {
    background-repeat: repeat-y
}

.RadWindow .rwBodyRight {
    background-position: -8px 0
}

.RadWindow .rwTopLeft {
    background-position: 0 0
}

.RadWindow .rwTopRight {
    background-position: -8px 0
}

.RadWindow table .rwTitlebar {
    background-repeat: repeat-x;
    background-position: 0 -31px;
    -moz-user-select: none
}

.RadWindow .rwFooterLeft {
    background-position: 0 -62px;
    background: white;
}

.RadWindow .rwFooterRight {
    background-position: -8px -62px;
    background: white !important;
}

.RadWindow .rwFooterCenter {
    background-repeat: repeat-x;
    background-position: 0 -70px;
    background: white;
}

.RadWindow .rwTitlebarControls {
    width: 100%;
    height: 27px
}

.RadWindow .rwIframeWrapperIOS {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.RadWindow .rwWindowContent iframe {
    display: block
}

.RadWindow .rwWindowContent {
    height: 100% !important;
    background: white
}

.RadWindow td.rwLoading, .RadWindow .rwIframeWrapperIOS.rwLoading {
    background-repeat: no-repeat;
    background-position: center
}

.RadWindow .rwStatusbar .rwLoading {
    background-repeat: no-repeat
}

.RadWindow .rwStatusbar .rwLoading {
    padding-left: 30px
}

.RadWindow td.rwStatusbar input {
    border-style: none !important;
    border-color: inherit !important;
    border-width: 0 !important;
    background-position: 0% 0%;
    margin: 0;
    padding: 4px 0 0 3px;
    width: 100%;
    height: 18px;
    color: inherit;
    line-height: 18px;
    background-color: none !important;
    cursor: default;
    -moz-user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    vertical-align: middle;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.RadWindow .rwControlButtons li {
    float: left;
    padding: 0 1px 0 0
}

.RadWindow .rwControlButtons a {
    width: 30px;
    height: 21px;
    line-height: 1px;
    font-size: 1px;
    cursor: default;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    outline: 0
}

.RadWindow .rwControlButtons span {
    display: block
}

.RadWindow .rwControlButtons {
    padding: 0;
    margin: 2px 0 0 0;
    list-style: none;
    white-space: nowrap;
    float: right
}

.RadWindow .rwReloadButton:hover {
    background-position: -120px -21px
}

.RadWindow .rwReloadButton {
    background-position: -120px 0
}

.RadWindow .rwPinButton:hover {
    background-position: -180px -21px
}

.RadWindow .rwPinButton.on:hover {
    background-position: -150px -21px
}

.RadWindow .rwPinButton.on {
    background-position: -150px 0
}

.RadWindow .rwPinButton {
    background-position: -180px 0
}

.RadWindow .rwMinimizeButton:hover {
    background-position: 0 -21px
}

.RadWindow .rwMinimizeButton {
    background-position: 0 0
}

.RadWindow .rwMaximizeButton:hover {
    background-position: -60px -21px
}

.RadWindow .rwMaximizeButton {
    background-position: -60px 0
}

.RadWindow .rwCloseButton:hover {
    background-position: -90px -21px
}

.RadWindow .rwCloseButton {
    background-position: -90px 0
}

.RadWindow.rwMaximizedWindow .rwMaximizeButton:hover, .RadWindow.rwMinimizedWindow .rwMinimizeButton:hover {
    background-position: -30px -21px
}

.RadWindow.rwMaximizedWindow .rwMaximizeButton, .RadWindow.rwMinimizedWindow .rwMinimizeButton {
    background-position: -30px 0
}

.RadWindow.rwMaximizedWindow .rwTopResize, .RadWindow.rwMaximizedWindow .rwCorner, .RadWindow.rwMaximizedWindow .rwFooterCenter, .RadWindow.rwMaximizedWindow .rwTitlebar {
    cursor: default !important
}

.RadWindow .rwIcon {
    display: block;
    background-repeat: no-repeat;
    background-position: 0 -78px;
    width: 16px;
    height: 16px;
    cursor: default;
    margin: 3px 5px 0 0
}

.RadWindow .rwTitleRow em {
    color: inherit;
    padding: 3px 0 0 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left
}

.RadWindow.rwInactiveWindow .rwTitlebarControls {
    position: static
}

.RadWindow .rwDialogPopup .rwPopupButton, .RadWindow .rwDialogPopup .rwPopupButton span {
    display: block;
    float: left
}

.RadWindow .rwDialogPopup {
    margin: 16px;
    color: #444444;
    padding: 1px 0 16px 50px;
    cursor: default
}

.RadWindow .rwControlButtons a {
    text-indent: -3333px;
    overflow: hidden;
    text-align: center
}

.RadWindow .rwDialogText {
    text-align: left
}

.RadWindow.rwMinimizedWindow .rwPinButton, .RadWindow.rwMinimizedWindow .rwReloadButton, .RadWindow.rwMinimizedWindow .rwMaximizeButton, .RadWindow.rwMinimizedWindow .rwTopResize {
    display: none !important
}

.RadWindow .rwDialogInput {
    color: #444444;
    width: 90%;
    display: block;
    margin: 8px 0;
    border-radius: 3px
}

.RadWindow .rwWindowContent .radconfirm, .RadWindow .rwWindowContent .radalert {
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat
}

.RadWindow .rwWindowContent .radprompt {
    padding: 0;
    margin: 0;
}

.RadWindow .rwPopupButton, .RadWindow .rwPopupButton span {
    text-decoration: none;
    color: #444444;
    line-height: 21px;
    height: 21px;
    cursor: default
}

.RadWindow .rwPopupButton {
    background-repeat: no-repeat;
    background-position: 0 -136px;
    padding: 0 0 0 3px;
    margin: 8px 8px 8px 0
}

.RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan {
    color: white !important;
    background-repeat: no-repeat;
    background-position: right -136px;
    padding: 0 3px 0 0;
    background: #4fc3f7 !important;
    border-radius: 2px;
}

.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan {
    background-repeat: repeat-x;
    background-position: 0 -157px;
    padding: 0 12px;
    color: white !important;
}

.RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan {
    background-position: right -178px;
    padding: 0 3px 0 0
}

.RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan {
    background-position: 0 -199px;
    padding: 0 12px;
    background-color: #4fc3f7 !important;
}

.RadWindow .rwWindowContent .rwPopupButton:hover {
    background-position: 0 -178px;
    padding: 0 0 0 3px;
    margin: 8px 8px 8px 0
}

.RadWindow .rwStatusbarRow .rwBodyLeft {
    background-position: -16px 0
}

.RadWindow .rwStatusbarRow .rwBodyRight {
    background-position: -24px 0
}

.RadWindow.rwMinimizedWindow .rwContentRow, .RadWindow.rwMinimizedWindow .rwStatusbarRow {
    display: none
}

.RadWindow.rwMinimizedWindow table.rwTitlebarControls {
    margin-top: 4px
}

.RadWindow.rwMinimizedWindow .rwControlButtons {
    width: 66px !important
}

.RadWindow.rwMinimizedWindow em {
    width: 90px
}

.RadWindow.rwMinimizedWindow .rwCorner.rwTopLeft {
    background-position: 0 -220px;
    background-repeat: no-repeat
}

.RadWindow.rwMinimizedWindow .rwCorner.rwTopRight {
    background-position: -8px -220px;
    background-repeat: no-repeat
}

.RadWindow.rwMinimizedWindow .rwTitlebar {
    background-position: 0 -250px !important;
    background-repeat: repeat-x
}

.RadWindow.rwMinimizedWindow, .RadWindow .rwMinimizedWindowOverlay {
    width: 200px !important;
    height: 30px !important;
    overflow: hidden !important;
    float: left !important
}

.RadWindow.rwInactiveWindow .rwCorner, .RadWindow.rwInactiveWindow .rwTitlebar, .RadWindow.rwInactiveWindow .rwFooterCenter {
    filter: alpha(opacity=65) !important;
    opacity: .65 !important
}

.RadWindow ul.rwControlButtons span {
    display: none\9
}

.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTopLeft {
    background-position: 0 -280px
}

.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTitlebar {
    background-position: 0 -288px;
    background-repeat: repeat-x
}

.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTopRight {
    background-position: -8px -280px
}

.RadWindow.rwNoTitleBar table div.rwTopResize {
    background: 0
}

.RadWindow .rwShadow .rwTopLeft, .RadWindow .rwShadow .rwTopRight, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    width: 15px !important
}

.RadWindow .rwShadow .rwTopLeft, .RadWindow .rwShadow .rwTopRight {
    height: 38px
}

.RadWindow .rwShadow .rwTopLeft, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft {
    background-position: 0 -297px !important
}

.RadWindow .rwShadow .rwTopRight, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    background-position: 0 -335px !important
}

.RadWindow .rwShadow .rwTopResize {
    height: 8px;
    background-position: 0 -376px !important
}

.RadWindow .rwShadow .rwTitlebar, .RadWindow.rwMinimizedWindow .rwShadow .rwTitlebar {
    height: 30px !important;
    background-position: 0 -391px !important;
    background-repeat: repeat-x !important
}

.RadWindow .rwInactiveWindow.rwMinimizedWindow {
    height: 29px\9 !important
}

.RadWindow .rwShadow .rwFooterLeft, .RadWindow .rwShadow .rwFooterRight, .RadWindow .rwShadow .rwFooterCenter {
    height: 14px
}

.RadWindow .rwShadow .rwFooterLeft {
    width: 15px;
    background-position: 0 -431px
}

.RadWindow .rwShadow .rwFooterCenter {
    background-position: 0 -461px;
    background-repeat: repeat-x
}

.RadWindow .rwShadow .rwFooterRight {
    width: 15px;
    background-position: 0 -446px
}

.RadWindow .rwShadow .rwBodyLeft, .RadWindow .rwShadow .rwBodyRight {
    width: 15px;
    background-repeat: repeat-y
}

.RadWindow .rwShadow .rwBodyLeft {
    background-position: -33px 0
}

.RadWindow .rwShadow .rwBodyRight {
    background-position: -52px 0
}

.RadWindow .rwShadow .rwIcon {
    margin: 7px 5px 0 1px
}

.RadWindow .rwShadow em {
    padding: 7px 0 0 1px
}

.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft, .RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    height: 1px !important
}

.RadWindow.rwMinimizedWindowShadow .rwTable {
    height: auto !important;
    width: 210px !important
}

.RadWindow.rwMinimizedWindowShadow {
    overflow: visible !important
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterLeft {
    background-position: 0 -432px
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterCenter {
    background-position: 0 -462px
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterRight {
    background-position: 0 -447px
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwPinButton, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwReloadButton, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwMaximizeButton, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwContentRow, .RadWindow.rwMinimizedWindowShadow .rwShadow .rwStatusbarRow {
    display: none !important
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls {
    display: block
}

.RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopLeft, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopRight, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterLeft, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterRight, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterCenter, .RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopResize {
    cursor: default !important
}

.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTopLeft {
    background-position: 0 -480px !important
}

.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTitlebar {
    background-position: 0 -525px !important
}

.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTopRight {
    background-position: 0 -500px !important
}

.RadWindow.rwNoTitleBar .rwShadow .rwTitlebar, .RadWindow.rwNoTitleBar .rwShadow .rwTopLeft, .RadWindow.rwNoTitleBar .rwShadow .rwTopRight {
    height: 13px !important
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopLeft {
    background-position: 8px -280px !important
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTitlebar {
    background-position: 0 -288px !important
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopRight {
    background-position: -9px -280px !important
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTitlebar, .RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopLeft, .RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopRight {
    height: 8px !important
}

html.rwPreventPageScrolling, body.rwPreventPageScrolling {
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-width: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

html:first-child .RadWindow ul.rwControlButtons {
    float: right;
    border: 1px solid transparent
}

.RadWindow_rtl .rwControlButtons {
    float: left
}

div.RadWindow_rtl .rwControlButtons li {
    float: right
}

div.RadWindow_rtl table.rwShadow .rwControlButtons li {
    float: right
}

.RadWindow.RadWindow_rtl div.rwDialogText, .RadWindow.RadWindow_rtl div.rwDialogText {
    text-align: right
}

.RadWindow.RadWindow_rtl div.rwDialogPopup div a, .RadWindow.RadWindow_rtl div.rwDialogPopup div a {
    float: right
}

.RadWindow.RadWindow_rtl div.rwDialogPopup.radprompt, .RadWindow.RadWindow_rtl div.rwDialogPopup.radprompt {
    padding: 1px 0 16px 0
}

.RadWindow.RadWindow_rtl div.rwDialogPopup, .RadWindow.RadWindow_rtl div.rwDialogPopup {
    background-position: right center;
    padding: 1px 50px 16px 0
}

.RadWindow.RadWindow_rtl .rwPopupButton, .RadWindow.RadWindow_rtl .rwPopupButton:hover {
    margin: 8px 0 8px 8px
}

.RadWindow .rwTopLeft, .RadWindow .rwTopRight, .RadWindow .rwTitlebar, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight, .RadWindow .rwFooterCenter, .RadWindow .rwTopResize, .RadWindow .rwStatusbar div, .RadWindow .rwStatusbar, .RadWindow .rwPopupButton, .RadWindow .rwPopupButton span, .RadWindow.rwMinimizedWindow .rwCorner {
    background-image: none !important;
}

.RadWindow .rwBodyLeft, .RadWindow .rwBodyRight, .RadWindow .rwStatusbarRow .rwCorner {
    background-image: none !important;
    background-color: white;
}

.RadWindow .rwStatusbar input {
    background-color: #f7f3e9
}

.RadWindow .rwControlButtons {
    margin-top: 0
}

.RadWindow table.rwTitlebarControls em {
    color: #00156e
}

.RadWindow input.rwDialogInput {
    border: 1px solid #9eb6ce;
    width: 100%;
}

    .RadWindow input.rwDialogInput:hover {
        border: 1px solid #c4ba9c
    }

.RadWindow tr td.rwWindowContent {
    background-color: #fff
}

.RadWindow .rwShadow .rwControlButtons {
    margin: 5px -2px 0 0
}

.RadWindow .rwShadow .rwControlButtons {
    margin: 5px -1px 0 0\9
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwControlButtons {
    margin: 9px -8px 0 0
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwIcon {
    margin: 9px 6px 0 0
}

.RadWindow.rwMinimizedWindowShadow .rwShadow em {
    margin: 4px 0 0 -1px
}

.RadWindow .rwShadow .rwControlButtons li {
    float: left;
    padding: 0
}

.RadWindow .RadWindow .rwShadow .rwControlButtons a {
    width: 28px
}

.RadWindow {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px
}

div.RadWindow tr td.rwLoading {
    background-color: #e8f1fc
}

/* Rad pload */
.RadUpload .ruStyled .ruFileInput {
    border-color: #abc1de
}

.RadUpload input.ruFakeInput {
    padding: 4px !important;
    border-color: #e4e4e4 !important;
    color: #000;
    background-image: none !important;
    box-sizing: border-box;
    border-radius: 3px;
}

* + html .RadUpload .ruFileWrap .ruInputHover {
    border-color: #7b91ae
}

.RadUpload .ruReadOnly .ruFakeInput {
    background: #f3f3f3
}

.RadUpload .ruButton {
    background-image: none !important;
    background: #ebebeb !important;
    height: 25px !important;
    line-height: 25px;
    border-radius: 2px;
    padding: 0 10px !important;
    color: #444444 !important;
    font-weight: bold;
    padding: 0px 10px !important;
}

.RadUpload .ruRemove {
    color: #0e2377
}

div.RadUpload .ruInputs .ruButtonHover, div.RadUpload .ruActions .ruButtonHover {
    background-position: 100% -23px;
    color: #000
}

div.RadUpload .ruFileWrap .ruButtonHover {
    background-position: 100% 0;
    color: #000
}

.RadUpload .ruFileWrap .ruButton.ruButtonFocus.ruButtonHover {
    background-position: 64px -1px;
    background-repeat: repeat-x
}

.RadUpload .ruFileWrap .ruButton.ruButtonFocus {
    background-position: -1px -1px
}

.RadUploadSubmit {
    color: #000
}

.RadUpload input.ruUploadInvalid {
    background-repeat: no-repeat;
    background-position: 100% -297px;
}

.RadUpload_rtl input.ruUploadInvalid {
    background-position: 3px -297px
}

.RadUpload .ruFileProgress, .RadUpload_rtl .ruFileProgressWrap {
    background-position: 0 0
}

.RadUpload .ruFileProgressWrap, .RadUpload_rtl .ruFileProgress {
    background-position: 100% 0
}

.RadUpload .ruProgressStarted, .RadUpload_rtl .ruProgressComplete {
    background-position: 0 -5px
}

.RadUpload .ruProgressComplete, .RadUpload_rtl .ruProgressStarted {
    background-position: 100% -5px
}

.RadUpload .ruDropZone, .RadUpload_rtl .ruDropZone {
    border-color: #9ebfdb;
    color: #3e69a3;
    background-color: #d6e6f4
}

.RadUpload {
    width: 100% !important;
    text-align: left;
}

.RadUpload_rtl {
    text-align: right
}

.RadUpload .ruInputs li.ruActions {
    margin: 1.4em 0 0
}

.RadUpload .ruInputs li {
    margin: 0 0 5px
}

.RadUpload .ruInputs {
    position: relative;
    zoom: 1
}

.RadUpload .ruInputs {
    list-style: none;
    margin: 0;
    padding: 0
}

.RadUpload .ruCheck {
    top: 1px;
    padding: 3px;
    position: static;
    zoom: 1
}

.RadUpload .ruFileWrap {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    line-height: 20px;
    zoom: 1;
    overflow: hidden !important;
    height: 26px !important;
}

.RadUpload_rtl .ruFileWrap {
    padding-left: .8em;
    padding-right: 0
}

.ruRtlWrap {
    position: absolute;
    top: 0;
    left: 0 !important;
    display: block
}

.ruFileWrap .ruRtlWrap input.ruFileInput {
    position: static
}

.RadAsyncUpload span.ruFileWrap {
    padding-left: 0;
    width: 100%;
}

.rfeUploadContainer {
    margin-left: 0 !important;
}

* + html .RadUpload .ruFileWrap {
    top: -1px
}

.RadUpload input.ruFileInput {
    font: 100px monospace;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0
}

.RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput {
    border-width: 1px;
    border-style: solid;
    line-height: 18px;
    padding: 4px 4px 0 4px;
    box-sizing: content-box
}

.RadUpload .ruFileInput, .RadUpload .ruFakeInput, .RadUpload .ruButton {
    float: none;
    vertical-align: top
}

.RadUpload .ruFakeInput, .RadUpload .ruButton {
    border-radius: 0;
    -webkit-appearance: none
}

.RadUpload .ruStyled .ruFileInput {
    position: absolute;
    z-index: 2;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100%;
    padding: 0 !important;
    height: 25px;
}

.RadUpload .ruReadOnly .ruFakeInput {
    position: relative;
    z-index: 2
}

.RadUpload .ruFakeInput {
    height: 25px !important;
    margin-right: 4px;
    background-position: 0 -93px;
    background-repeat: repeat-x;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 20px\9;
    height: 20px\9;
    padding-top: 0\9;
    width: 100% !important;
}

.RadAsyncUpload.RadUpload_rtl .ruFakeInput {
    margin-right: 0
}

* + html .RadUpload .ruFakeInput {
    height: 20px;
    margin-top: -1px;
    padding-top: 0;
    padding-right: .5em;
    line-height: 20px;
    vertical-align: middle
}

.RadUpload .ruButton.ruButtonFocus {
    border: 1px dotted #000
}

.RadUpload .ruButton {
    width: auto !important;
    height: 22px;
    border: 0;
    padding-bottom: 2px;
    background-position: 0 -23px;
    background-repeat: no-repeat;
    background-color: transparent;
    text-align: center;
    border-radius: 2px !important;
}

* + html .RadUpload .ruButton {
    padding-bottom: 0
}

.RadUpload .ruBrowse {
    width: auto !important;
    background-position: 0 0;
}

.RadUpload_rtl .ruBrowse {
    margin-left: 0;
    margin-right: 4px
}

.RadUpload .ruRemove {
    overflow: visible;
    border: 0;
    background-position: 4px -70px;
    width: auto;
    padding-left: 16px;
    cursor: pointer;
    font-size: 10px
}

.RadUpload_rtl .ruCancel {
    background-position: 100% -70px;
    padding-left: 0;
    padding-right: 14px;
    margin-right: 4px
}

.RadUpload .ruCancel {
    overflow: visible;
    border: 0;
    background-position: 4px -70px;
    width: auto;
    padding-left: 16px;
    cursor: pointer;
    font-size: 10px
}

.RadUpload_rtl .ruRemove {
    background-position: 100% -70px;
    padding-left: 0;
    padding-right: 14px;
    margin-right: 4px
}

.RadUpload .ruActions .ruButton {
    width: 79px;
    margin: 0 16px 0 0;
    background-position: 0 -23px
}

.RadUpload_rtl .ruActions .ruButton {
    margin: 0 0 0 16px
}

.RadUpload input[disabled], .RadUpload .ruButtonDisabled {
    filter: alpha(opacity=60);
    opacity: .6
}

.RadUploadSubmit {
    width: 115px;
    height: 22px;
    border: 0;
    margin: 0;
    padding: 0;
    background-position: 0 -46px;
    background-repeat: no-repeat;
    background-color: transparent;
    font: normal 13px 'Roboto', sans-serif !important;
    text-align: center
}

.RadUpload .ruUploadProgress {
    padding-left: 18px;
    display: block;
}

.RadUpload_rtl .ruUploadProgress {
    padding-left: 0;
    padding-right: 18px;
    background-position: 100% 50%
}

.RadUpload .ruUploadSuccess, .RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
    background-repeat: no-repeat;
    background-color: transparent
}

.RadUpload .ruFileRemoved {
    height: 0;
    margin-bottom: 0
}

.RadUpload .ruUploadSuccess {
    background-position: 0 18%
}

.RadUpload_rtl .ruUploadSuccess {
    background-position: 100% 18%
}

.RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
    background-position: 0 80%
}

.RadUpload_rtl .ruUploadFailure, .RadUpload_rtl .ruUploadCancelled {
    background-position: 100% 80%
}

.RadUpload .ruFileWrap .ruUploadInvalid {
    border-color: #d51923;
    color: #d51923
}

.RadUpload .ruFileProgress, .RadUpload .ruFileProgressWrap {
    display: block;
    height: 5px;
    background-repeat: repeat-x;
    background-color: transparent
}

.RadUpload .ruFileProgress {
    margin-left: -2px;
    width: 2px
}

.RadUpload_rtl .ruFileProgress {
    margin-left: 0;
    margin-right: -2px
}

.RadUpload .ruFileProgressWrap {
    margin: -3px 0 0;
    position: relative;
    width: 100%
}

* + html .RadUpload .ruFileProgressWrap {
    width: auto;
    margin-top: -4px
}

.RadUpload .ruProgressComplete, .RadUpload .ruUploadFailure .ruFileProgressWrap, .RadUpload .ruUploadCancelled .ruFileProgressWrap {
    display: none
}

.ruDropZone span {
    margin: -9px 0 0 0;
    height: 18px;
    width: 100%;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0
}

.ruDropZone {
    padding: 10px;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    display: none;
    position: absolute;
    left: -11px;
    top: -11px;
    z-index: 2000
}

@media all and (-webkit-max-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .RadUpload_rtl .ruRemove {
        margin: 0 0 0 4px
    }

    .RadUpload_rtl .ruActions .ruButton {
        margin: 0 16px 0 0
    }

    .RadUpload_rtl .ruBrowse {
        margin: 0 0 0 3px
    }
}

.RadListBox .rlbHeader, .RadListBox .rlbFooter {
    padding: 2px 5px;
    border: 0 solid transparent;
    border-color: inherit;
    background-position: 0 0;
    background-repeat: repeat-x
}

.RadListBox .rlbHeader {
    border-bottom-width: 1px
}

.RadListBox .rlbFooter {
    border-top-width: 1px
}

* + html .RadListBox .rlbHeader, * + html .RadListBox .rlbFooter {
    border-color: expression(this.parentNode.currentStyle['borderColor'])
}

.RadListBox .rlbGroup {
    border-width: 0px !important;
    border-style: solid;
    outline: 0;
}

.RadListBox .rlbList {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    position: relative;
    *zoom: 1
}

.RadListBox .rlbItem {
    cursor: default;
    padding: 8px !important;
    white-space: normal;
}

.RadListBox .rlbButton {
    background: #ebebeb !important;
    border: 1px solid silver !important;
    color: #444444 !important;
}

.RadListBox .rlbItemHidden {
    visibility: hidden;
    display: block
}

.RadListBox .rlbText {
    display: inline;
    white-space: normal;
    vertical-align: middle
}

.RadListBox .rlbImage {
    margin-right: 2px;
    vertical-align: middle
}

* + html .RadListBox .rlbItem {
    overflow: visible
}

.RadListBox .rlbTemplate {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    display: block;
    overflow: hidden
}

.RadListBox .rlbTemplateContainer {
    border-width: 1px;
    border-style: solid
}

.RadListBox.RadListBoxScrollable .rlbTemplateContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.RadListBox .rlbTemplateContainer .rlbGroup {
    border-width: 0;
    border-left: none;
    border-right: 0;
    background-color: transparent
}

.RadListBox .rlbTemplateTable td {
    padding: 0
}

.RadListBox .rlbTemplateTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.RadListBox .rlbTemplateCell {
    height: 1px
}

.RadListBox .rlbActive {
    padding: 1px 4px;
    border: 1px dotted;
    border: 1px dotted currentColor
}

.RadListBox .rlbDisabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default
}

.RadListBox .RadListBox .rlbEmptyMessage {
    font-style: italic;
    text-align: center;
    filter: alpha(opacity=80);
    opacity: .8;
    position: absolute
}

.RadListBox .rlbCheckAllItems {
    padding: 2px 5px;
    border: 0 solid transparent;
    border-color: inherit;
    border-bottom-width: 1px
}

* + html .RadListBox .rlbCheckAllItems {
    border-color: expression(this.parentNode.currentStyle['borderColor'])
}

.RadListBox .rlbCheck, .RadListBox .rlbCheckAllItemsCheckBox {
    margin: 0 4px;
    vertical-align: middle
}

.RadListBox .rlbCheckAllItemsCheckBox {
    vertical-align: -.2ex
}

.RadListBox label {
    font-weight: normal;
    font-weight: inherit
}

.RadListBox .rlbGroup td, .RadListBox .rlbButtonAreaTop td, .RadListBox .rlbButtonAreaBottom td, .RadListBox .rlbButtonAreaLeft td, .RadListBox .rlbButtonAreaRight td {
    padding: 0
}

.RadListBox .rlbGroup, .RadListBox .rlbButtonAreaTop, .RadListBox .rlbButtonAreaBottom, .RadListBox .rlbButtonAreaLeft, .RadListBox .rlbButtonAreaRight {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-spacing: 0
}

.RadListBox {
    min-width: 140px;
    line-height: 1.42857143;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.RadListBoxButtonArea {
    width: 170px
}

.RadListBox .rlbButtonAreaRight {
    float: right
}

.RadListBox .rlbButtonAreaLeft {
    float: left
}

.rlbGroupRight, .rlbGroupLeft {
    overflow: hidden
}

.RadListBoxScrollable .rlbGroup {
    overflow: auto
}

.RadListBoxScrollable .rlbGroupLeft, .RadListBoxScrollable .rlbGroupRight, .RadListBoxScrollable .rlbGroupTop, .RadListBoxScrollable .rlbGroupBottom {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.RadListBox .rlbGroupCell, .RadListBox .rlbGroupContainer {
    height: 100%;
    position: relative
}

.RadListBox .rlbGroupCell {
    height: auto\9;
    position: relative\9
}

.RadListBox .rlbGroupContainer {
    position: relative;
    position: static\9
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .RadListBox .rlbGroupCell {
        height: auto;
        position: relative
    }

    .RadListBox .rlbGroupContainer {
        position: static
    }
}

.RadListBoxScrollable .rlbButtonAreaBottom {
    position: absolute;
    bottom: 0
}

.RadListBox .rlbButton:hover {
    zoom: 1
}

.RadListBox .rlbButton {
    display: block;
    width: auto;
    height: 21px;
    line-height: 15px;
    margin: 0 7px 5px 3px;
    padding-right: 5px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    box-sizing: content-box;
    vertical-align: top;
    white-space: nowrap
}

.RadListBox .rlbNoButtonText {
    display: block;
    width: 22px;
    padding: 0;
    margin: 0 0 5px 6px
}

.rlbButtonAreaLeft .rlbNoButtonText {
    margin: 0 4px 5px 2px
}

* + html .RadListBox .rlbNoButtonText {
    margin: 0 5px 5px 5px
}

.RadListBox .rlbButtonAreaTop .rlbButton, .RadListBox .rlbButtonAreaBottom .rlbButton {
    vertical-align: middle;
    display: inline-block
}

.RadListBox .rlbButtonAreaTop, .RadListBox .rlbButtonAreaBottom {
    width: 100%
}

.RadListBox .rlbCenter, .RadListBox .rlbRight {
    width: 100%
}

.RadListBox .rlbCenter {
    text-align: center
}

.RadListBox .rlbRight .rlbButton {
    margin: 5px 0 5px 5px
}

.RadListBox .rlbRight {
    text-align: right
}

.RadListBox .rlbButtonAreaTop .rlbButton {
    margin: 0 6px 5px 0
}

.RadListBox .rlbButtonAreaBottom .rlbButton {
    margin: 5px 6px 1px 0
}

.RadListBox .rlbMiddle td {
    vertical-align: middle
}

.RadListBox .rlbBottom td {
    vertical-align: bottom
}

.RadListBox .rlbMiddle, .RadListBox .rlbBottom {
    height: 100%
}

.RadListBox .rlbButtonTL, .RadListBox .rlbButtonTR, .RadListBox .rlbButtonBL, .RadListBox .rlbButtonBR {
    display: inline-block;
    position: relative
}

.RadListBox .rlbButtonAreaLeft .rlbButtonTL, .RadListBox .rlbButtonAreaLeft .rlbButtonTR, .RadListBox .rlbButtonAreaLeft .rlbButtonBL, .RadListBox .rlbButtonAreaLeft .rlbButtonBR, .RadListBox .rlbButtonAreaRight .rlbButtonTL, .RadListBox .rlbButtonAreaRight .rlbButtonTR, .RadListBox .rlbButtonAreaRight .rlbButtonBL, .RadListBox .rlbButtonAreaRight .rlbButtonBR {
    width: 100%
}

.RadListBox .rlbNoButtonText .rlbButtonTL, .RadListBox .rlbNoButtonText .rlbButtonTR, .RadListBox .rlbNoButtonText .rlbButtonBL, .RadListBox .rlbNoButtonText .rlbButtonBR {
    width: auto
}

.RadListBox .rlbButtonTL {
    left: -4px;
    background-position: 0 0
}

.RadListBox .rlbButtonTR {
    bottom: 4px;
    right: 0;
    overflow: visible;
    background-position: 100% 0
}

.RadListBox .rlbButtonBL {
    top: 4px;
    right: 0;
    background-position: 0 100%
}

.RadListBox .rlbButtonBR {
    right: -4px;
    display: inline-block;
    background-position: 100% 100%
}

.RadListBox .rlbButtonText {
    position: relative;
    display: block;
    z-index: 1;
    padding: 3px 3px 0 20px;
    line-height: 15px;
    background-color: transparent;
    *zoom: 1
}

* + html .RadListBox .rlbButtonAreaTop .rlbButtonText, * + html .RadListBox .rlbButtonAreaBottom .rlbButtonText {
    line-height: 14px
}

.RadListBox .rlbNoButtonText .rlbButtonText {
    padding-left: 18px;
    padding-right: 0;
    width: 0;
    *font-size: 0;
    font-size: 12px \9
}

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .RadListBox .rlbNoButtonText .rlbButtonText {
        margin-top: 1px;
        top: -1px
    }
}

.rlbHighlight {
    font-weight: bold
}

.RadListBox .rlbDropClue {
    width: 10px;
    height: 9px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    left: -10px;
    z-index: 10
}

.RadListBox .rlbDropClueAbove {
    padding-top: 1px;
    border-top-width: 1px;
    border-top-style: dotted
}

.RadListBox .rlbDropClueBelow {
    padding-bottom: 1px;
    border-bottom-width: 1px;
    border-bottom-style: dotted
}

.RadListBox .rlbEmptyMessage {
    text-align: center;
    color: #999;
    font-style: italic;
    position: absolute
}

.RadListBox * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.rlbTouchDragClue .rlbGroup .rlbActive {
    border: 0;
    padding: 2px 5px
}

.rlbTouchDragClue {
    margin-top: -50px
}

div[style="position: absolute; border:0px none; top: 26px; right: 0px; bottom: 0px; left: 0px; padding:0px; margin:0px; overflow: auto;"] {
    top: 36px !important;
}

div[style="bottom: 0; display: block; left: 0px; overflow: auto; position: absolute; right: 0; top: 59px;"] {
    top: 70px !important;
}

div[style="position: absolute; top: 25px; left: 0px; bottom: 0px; right: 0px; width: 380px;"] {
    top: 36px !important;
}

div[style="overflow: auto; position: absolute; top: 25px; left: 387px; bottom: 0px; right: 0px; display: inline-block;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 24px; left: 0px; right: 0px; bottom: 0px; overflow: auto"] {
    top: 36px !important;
}

div[style="width:100%;position:fixed;top:28px;left:0;z-index:9000;"] {
    top: 32px !important;
    z-index: 2 !important;
}

div[style="position: absolute; top: 25px; left: 0px; right: 0px; bottom: 0px; overflow: scroll"] {
    top: 36px !important;
}

div[style="height: 180px; padding-bottom:6px; position:absolute; top:26px; left:0px; right:0px; border-left:0px; border-right:0px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 25px; right: 0px; bottom: 0px; left: 0px; overflow: auto"] {
    top: 36px !important;
}

center {
    line-height: 25px;
}

div[style="border-bottom: none; border-right: none; bottom: 0px; left: 255px; position: absolute; right: 0px; top: 27px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-left: none; bottom: 0px; left: 0px; position: absolute; top: 27px; width: 250px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 24px; left: 0px; right: 0px; bottom: 0px;"] {
    top: 36px !important;
}

div[style="padding: 0px 4px 4px 4px; height: 35px; background-color: #d1e7fd;"] {
    background: white !important;
}

div[style="border-bottom: none; border-left: none; bottom: 0px; left: 0px; min-height: 400px; position: absolute; top: 27px; width: 280px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-right: none; bottom: 0px; left: 290px; min-height: 400px; position: absolute; right: 0px; top: 27px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 24px; right: 0px; bottom: 0px; left: 0px;"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 0px; position: absolute; top: 28px; width: 260px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-top: none; bottom: 0px; left: 265px; position: absolute; right: 0px; top: 28px;"] {
    top: 36px !important;
}

div[style="position:absolute; top:56px; right:0px; bottom:0px; left:0px; overflow:auto;"] {
    top: 65px !important;
}

div[style="bottom: 0px; left: 0px; position: absolute; top: 28px; width: 220px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-top: none; bottom: 0px; left: 228px; position: absolute; right: 0px; top: 28px;"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 228px; overflow: auto; position: absolute; right: 0px; top: 93px;"] {
    top: 96px !important;
}

.afMain {
    top: 68px !important;
}

div[style="position: absolute; top: 26px; left: 0px; width: 100%; bottom: 0px;border-right:1px solid #5d8cc9;"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position:absolute;top:26px; left:0;right:0;width:250px;bottom:0;overflow:auto;border-right: solid 1px #88B0E4;"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position:absolute;top:26px;bottom:0;left:256px;right:0;border-left: solid 1px #88B0E4;"] {
    top: 36px !important;
    border-left: none !important;
}

div[style="position: absolute; top: 26px; left: 0px; width: 280px; bottom: 0px;border-right:1px solid #5d8cc9"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position: absolute; top: 26px; right: 0px; left: 287px; bottom: 0px;border-left:1px solid #5d8cc9"] {
    top: 36px !important;
    border-left: none !important;
}

div[style="position: absolute; top: 25px; left: 0px; right: 0px; bottom:0; border-top: solid 1px #5d8cc9; padding: 4px; overflow: auto"] {
    top: 36px !important;
    border-top: none !important;
}

div[style="position: absolute; top: 0; left: 0px; right: 0px; height:200px; border-top: solid 1px #5d8cc9; padding: 4px; overflow: auto"] {
    border-top: none !important;
}

div[style="position: absolute; top: 26px; right: 0px; left: 0; bottom: 0;overflow:hidden"] {
    top: 36px !important;
}

div[style="position:absolute;top:26px;bottom:0;left:0;right:0"] {
    top: 36px !important;
}

div[style="position: absolute; top: 90px; right: 0px; bottom: 0px; left: 0px;"] {
    top: 100px !important;
}

div[style="border-bottom: none; border-left: 1px solid #E3EFFF; bottom: 0px; left: 0px; min-height: 400px; position: absolute; top: 27px; width: 280px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-right: none; bottom: 0px; left: 285px; position: absolute; right: 0px; top: 27px; height: auto; display: block; overflow-y: auto; overflow-x: hidden"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 0px; overflow: scroll; position: absolute; right: 0px; top: 57px;"] {
    top: 65px !important;
}

div[style="bottom: 0px; left: 0px; overflow: scroll; position: absolute; right: 0px; top: 25px;"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 0px; overflow: scroll; position: absolute; right: 0px; top: 24px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 26px; left: 0px; width: 240px; bottom: 0px;border-right:1px solid #5d8cc9"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position: absolute; top: 26px; right: 0px; left: 247px; bottom: 0px;border-left:1px solid #5d8cc9"] {
    top: 36px !important;
    border-left: none !important;
}

.EditArticleControl .TreeView .TreePanel {
    top: 36px !important;
}

ul.reToolbar li span:hover {
    background-color: #ff9b35;
    cursor: pointer;
}

a[title="Redo"] span.split_arrow, a[title="Undo"] span.split_arrow {
    display: none;
}

a[title="Redo"], a[title="Undo"] {
    width: auto !important;
}

div[style="max-height: calc(100vh - 40px); height: calc(100vh - 40px); overflow-y: auto; margin-top: 10px;"] {
    margin-top: 8px !important;
}

.AIConversationList > table > tbody > tr td {
    padding: 0;
}

div[style="position:absolute;top:27px;left:25.5%;right:0;bottom:0;overflow:hidden;border-left:1px solid #5d8cc9"], div[style="position:absolute;top:26px;left:0;width:25%;bottom:0;overflow:hidden;border-right:1px solid #5d8cc9"], div[style="position: absolute; top: 25px; left: 0px; right: 0px; bottom: 0; border-top: solid 1px #5d8cc9; padding: 4px; overflow: auto"], div[style="position: absolute; border: 0px none; top: 26px; right: 0px; bottom: 0px; left: 0px; padding: 0px; margin: 0px; overflow: auto;"], div[style="position: absolute; top: 26px; left: 0px; width: 280px; bottom: 0px; border-right: 1px solid #5d8cc9"], div[style="position: absolute; top: 26px; right: 0px; left: 287px; bottom: 0px; border-left: 1px solid #5d8cc9"], div[style="border-bottom: none; border-right: none; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 27px;"] {
    top: 36px !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

div[style="border: 1px solid #c0c0c0; bottom: 0px; left: 0px; overflow: auto; position: absolute; right: 0px; top: 58px;"] {
    top: 65px !important;
}

div[style="position: absolute; top: 27px; right: 0px; bottom: 0px; left: 0px; overflow: hidden;"] {
    top: 36px !important;
}

div[style="overflow-x:auto;overflow-y:auto;width:100%;height:300px;"] {
    top: 115px !important;
}

div#grvEventLog_GridHeader {
    padding-right: 0 !important;
}

.RadTabStrip:after, .RadTabStripVertical:after {
    content: "";
    height: 0;
    clear: both;
    display: block
}

.RadTabStrip .rtsLevel, .RadTabStripVertical .rtsLevel {
    *zoom: 1;
    overflow: hidden
}

    .RadTabStrip .rtsLevel:after, .RadTabStripVertical .rtsLevel:after {
        content: "";
        height: 0;
        clear: both;
        display: block
    }

.RadTabStrip .rtsScroll, .RadTabStripVertical .rtsScroll {
    *zoom: 1;
    overflow: hidden
}

    .RadTabStrip .rtsScroll:after, .RadTabStripVertical .rtsScroll:after {
        content: "";
        height: 0;
        clear: both;
        display: block
    }

.RadTabStrip .rtsPrevArrow, .RadTabStrip .rtsNextArrow, .RadTabStrip .rtsPrevArrowDisabled, .RadTabStrip .rtsNextArrowDisabled, .RadTabStripVertical .rtsPrevArrow, .RadTabStripVertical .rtsNextArrow, .RadTabStripVertical .rtsPrevArrowDisabled, .RadTabStripVertical .rtsNextArrowDisabled {
    margin: 5px 0 0 0;
    width: 18px;
    height: 18px;
    outline: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    display: block
}

.RadTabStrip .rtsUL:after, .RadTabStripVertical .rtsUL:after {
    content: "";
    height: 0;
    clear: both;
    display: block
}

.RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL {
    margin: 0;
    padding: 0;
    list-style: none;
    *zoom: 1;
    float: left;
    display: inline-block;
    overflow: hidden;
}

.RadTabStrip .rtsLI:after, .RadTabStripVertical .rtsLI:after {
    content: "";
    height: 0;
    clear: both;
    display: block
}

.RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI {
    margin: 0;
    padding: 0;
    *zoom: 1;
    list-style: none;
    line-height: inherit;
    overflow: hidden
}

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {
    padding-left: 9px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    display: block
}

.RadTabStrip .rtsLevel .rtsOut, .RadTabStrip .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt, .RadTabStripVertical .rtsLevel .rtsOut, .RadTabStripVertical .rtsLevel .rtsIn, .RadTabStripVertical .rtsLevel .rtsTxt {
    text-decoration: inherit
}

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {
    padding-right: 9px;
    display: block;
    background-repeat: no-repeat
}

.RadTabStrip .rtsIn, .RadTabStripVertical .rtsIn {
    padding: 0 5px;
    display: block
}

.RadTabStrip .rtsImg, .RadTabStripVertical .rtsImg {
    margin-top: -2px;
    border: 0;
    vertical-align: middle
}

.RadTabStrip .rtsTxt, .RadTabStripVertical .rtsTxt {
    display: inline-block;
    font-weight: bold;
    color: #444444;
}

.RadTabStrip .rtsImg + .rtsTxt, .RadTabStripVertical .rtsImg + .rtsTxt {
    display: inline-block
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0 5px
}

.RadTabStrip a.rtsLink:focus:after, .RadTabStripVertical a.rtsLink:focus:after {
    content: "";
    border: 1px dotted #555;
    display: block;
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 0
}

.RadTabStrip a.rtsLink:focus, .RadTabStripVertical a.rtsLink:focus {
    outline: 0;
    *outline: 1px dotted #555;
    position: relative;
    *position: static
}

.RadTabStrip a.rtsLink:focus, .RadTabStripVertical a.rtsLink:focus {
    outline-offset: -2px
}

.RadTabStrip, .RadTabStripVertical {
    margin: 0;
    padding: 0;
    *zoom: 1
}

:root .RadTabStrip a.rtsLink:focus:after, :root .RadTabStripVertical a.rtsLink:focus:after {
    content: none;
    display: none
}

.RadTabStrip a.rtsClicked:focus, .RadTabStripVertical a.rtsClicked:focus {
    outline: 0
}

.RadTabStrip .rtsDisabled, .RadTabStripVertical .rtsDisabled {
    cursor: default;
    text-decoration: none
}

.RadTabStrip .rtsSeparator, .RadTabStripVertical .rtsSeparator {
    height: 26px
}

.RadTabStrip .rtsLevel {
    width: 100%;
    clear: both;
    position: relative;
    *position: static;
    padding-top: 1px
}

.RadTabStrip .rtsLevel1 {
    padding-top: 0
}

.RadTabStrip .rtsLevel.rtsCenter {
    text-align: center
}

.RadTabStrip .rtsScroll {
    width: 100%;
    height: 26px;
    white-space: nowrap
}

.RadTabStrip .rtsPrevArrow:hover {
    background-position: -36px -208px
}

.RadTabStrip .rtsPrevArrow {
    background-position: 0 -208px
}

.RadTabStrip .rtsPrevArrowDisabled, .RadTabStrip .rtsPrevArrowDisabled:hover {
    background-position: -72px -208px
}

.RadTabStrip .rtsNextArrow:hover {
    background-position: -54px -208px
}

.RadTabStrip .rtsNextArrow {
    background-position: -18px -208px
}

.RadTabStrip .rtsNextArrowDisabled, .RadTabStrip .rtsNextArrowDisabled:hover {
    background-position: -90px -208px
}

.RadTabStrip .rtsRight .rtsUL {
    float: right
}

.RadTabStrip .rtsCenter .rtsUL {
    display: inline-block;
    *display: inline;
    float: none;
    vertical-align: bottom
}

.RadTabStrip .rtsLI {
    float: left;
    *float: none;
    display: inline;
    *zoom: 1
}

.RadTabStrip .rtsLink {
    text-align: center
}

.RadTabStrip .rtsSeparator {
    height: 26px
}

.RadTabStrip .rtsBreak {
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    clear: left;
    overflow: hidden
}

.RadTabStripVertical .rtsLevel {
    height: 100%;
    float: left;
    display: inline-block;
    *display: inline
}

.RadTabStripVertical .rtsHasWidth {
    width: 100%
}

.RadTabStripVertical .rtsPrevArrow:hover {
    background-position: -36px -228px
}

.RadTabStripVertical .rtsPrevArrow {
    background-position: 0 -228px
}

.RadTabStripVertical .rtsPrevArrowDisabled, .RadTabStripVertical .rtsPrevArrowDisabled:hover {
    background-position: -72px -228px
}

.RadTabStripVertical .rtsNextArrow:hover {
    background-position: -54px -228px
}

.RadTabStripVertical .rtsNextArrow {
    background-position: -18px -228px
}

.RadTabStripVertical .rtsNextArrowDisabled, .RadTabStripVertical .rtsNextArrowDisabled:hover {
    background-position: -90px -228px
}

.RadTabStripVertical .rtsHasWidth .rtsUL {
    width: 100%
}

.RadTabStripVertical .rtsLI {
    display: block;
    *width: 130px;
    *float: left;
    *clear: both
}

.RadTabStripVertical .rtsHasWidth .rtsLI {
    width: 100%
}

.RadTabStripVertical .rtsLink {
    text-align: right
}

.RadTabStripVertical .rtsSeparator {
    height: 2px;
    *line-height: 0;
    *font-size: 0;
    display: block
}

.RadTabStripVertical .rtsLink:hover {
    background-position: 0 -200px
}

.RadTabStripVertical .rtsLink, .RadTabStripVertical .rtsLI .rtsDisabled:hover {
    background-position: 0 0
}

.RadTabStripVertical .rtsSelected, .RadTabStripVertical .rtsSelected:hover {
    background-position: 0 -400px
}

.RadTabStripVertical.RadTabStripRight .rtsIn {
    text-align: left
}

.RadTabStripVertical {
    vertical-align: top;
    display: inline-block;
    *display: inline
}

.RadTabStrip_rtl .rtsScroll {
    float: left
}

.RadTabStrip_rtl .rtsUL.rtsScroll {
    float: left
}

.RadTabStrip_rtl .rtsUL .rtsLink {
    text-align: right
}

.RadTabStrip_rtl .rtsUL {
    float: right;
    *float: left
}

.RadTabStrip_rtl .rtsLI {
    float: right;
    *float: none
}

.RadTabStrip_rtl.RadTabStripVertical .rtsLI {
    float: none
}

.RadTabStrip_rtl .rtsIn {
    text-align: left
}

.RadTabStrip_rtl.RadTabStripRight .rtsIn {
    text-align: right
}

.RadTabStripVertical.RadTabStrip_rtl .rtsUL {
    *float: left
}

.RadTabStripVertical.RadTabStrip_rtl .rtsLI {
    *float: left
}

.RadTabStripVertical.RadTabStripRight.RadTabStrip_rtl .rtsLevel {
    *float: left
}

.RadTabStripRight .rtsLevel {
    float: right
}

.rtsDetachedDropClueContainer {
    display: none;
    position: absolute;
    z-index: 9000;
    top: 0;
    left: 0
}

.rtsDropClue {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 9000
}

.rtsDropClueTop {
    margin-top: -10px;
    margin-left: -5px
}

.rtsDropClueBottom {
    margin-top: 0;
    margin-left: -5px
}

.rtsDropClueLeft {
    margin-top: -5px;
    margin-left: -10px
}

.rtsDropClueRight {
    margin-top: -5px;
    margin-left: 0
}

.rtsDetachedTabContainer .rtsGhostTab {
    padding: 2px 10px;
    border: 1px solid;
    background-position: 0 0;
    background-repeat: repeat-x;
    overflow: hidden;
    white-space: nowrap
}

.rtsDetachedTabContainer {
    margin: 10px 0 0 10px;
    position: absolute;
    z-index: 9000;
    display: none
}

@media screen and (min-width: 50px) {
    :root .RadTabStripHorizontal .rtsScroll .rtsLI {
        float: none;
        display: inline-block
    }

    :root .RadTabStripHorizontal .rtsScroll {
        width: auto
    }

    :root .RadTabStripVertical .rtsScroll .rtsLI {
        float: none
    }
}

.RadTabStrip .rtsLink:hover {
    text-decoration: underline
}

.RadTabStrip .rtsGhostTab {
    border-color: #a1bcdd;
    border-radius: 3px;
    color: #00156e;
    background-color: #ccdbee
}

.RadTabStrip .rtsLevel {
    background: #c2e8ff !important;
}

.RadTabStrip .rtsLI, .RadTabStrip .rtsLink {
    height: 26px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.RadTabStrip .rtsLink {
    background-image: none
}

.RadTabStrip .rtsOut {
    background-image: none
}

.RadTabStrip .rtsSelected, .RadTabStrip .rtsSelected:hover {
    text-decoration: underline
}

.RadTabStrip .rtsLevel1 .rtsLink:hover {
    background-position: 0 -52px
}

.RadTabStrip .rtsLevel1 .rtsLink {
    background-image: none !important;
    background-position: 0 0;
    color: #00156e;
}

.RadTabStrip .rtsLevel1 .rtsSelected, .RadTabStrip .rtsLevel1 .rtsSelected:hover {
    text-decoration: none;
    background-position: 0 -26px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.RadTabStrip .rtsLevel1 .rtsOut {
    background-image: none !important;
    background-position: 100% 0;
}

.RadTabStrip .rtsLevel1 .rtsLink:hover .rtsOut {
    background-position: 100% -52px
}

.RadTabStrip .rtsLevel1 .rtsSelected .rtsOut, .RadTabStrip .rtsLevel1 .rtsSelected:hover .rtsOut {
    background-position: 100% -26px
}

.RadTabStrip .rtsLevel1 .rtsDisabled:hover .rtsOut {
    background-position: 100% 0
}

.RadTabStrip .rtsLevel1 .rtsDisabled:hover {
    background-position: 0 0;
    text-decoration: none
}

.RadTabStrip .rtsLevel1 {
    background-color: #c2e8ff !important;
    background-image: none !important;
    background-position: 0 100%;
    background-repeat: no-repeat;
}

.RadTabStrip .rtsLevel2 {
    background-position: 0 0
}

.RadTabStrip .rtsLevel3 {
    background-position: 0 -26px
}

.RadTabStrip .rtsDisabled, .RadTabStrip .rtsDisabled.rtsLink {
    color: #8d8d8d
}

.RadTabStrip.RadTabStripVertical .rtsLevel1 .rtsOut {
    background-image: none
}

.RadTabStrip.RadTabStripVertical .rtsLevel1 {
    background-image: none
}

.RadTabStrip.RadTabStripVertical .rtsLevel2 {
    background-image: none
}

.RadTabStrip.RadTabStripVertical .rtsLevel3 {
    background-image: none
}

.RadTabStrip {
    color: #333;
    line-height: 26px;
}

.RadTabStripBottom .rtsLevel.rtsLevel2, .RadTabStripBottom .rtsLevel.rtsLevel3 {
    background-image: none
}

.RadTabStripBottom .rtsLevel1 .rtsLink:hover {
    background-position: 0 -182px
}

.RadTabStripBottom .rtsLevel1 .rtsLink {
    background-position: 0 -130px
}

.RadTabStripBottom .rtsLevel1 .rtsOut {
    background-position: 100% -130px
}

.RadTabStripBottom .rtsLevel1 .rtsLink:hover .rtsOut {
    background-position: 100% -182px
}

.RadTabStripBottom .rtsLevel1 .rtsSelected .rtsOut, .RadTabStripBottom .rtsLevel1 .rtsSelected:hover .rtsOut {
    background-position: 100% -156px
}

.RadTabStripBottom .rtsLevel1 .rtsSelected, .RadTabStripBottom .rtsLevel1 .rtsSelected:hover {
    background-position: 0 -156px
}

.RadTabStripBottom .rtsLevel1 .rtsDisabled:hover .rtsOut {
    background-position: 100% -599px
}

.RadTabStripBottom .rtsLevel1 .rtsDisabled:hover {
    background-position: 0 -599px
}

.RadTabStripBottom .rtsLevel1 {
    background-position: 0 -599px;
    background-repeat: repeat-x
}

.RadTabStripBottom .rtsLevel2 {
    background-image: none
}

.RadTabStripBottom .rtsLevel3 {
    background-image: none
}

.RadTabStripLeft .rtsLevel1 .rtsLink:hover {
    background-position: 0 -200px
}

.RadTabStripLeft .rtsLevel1 .rtsLink.rtsSelected {
    background-position: 0 -400px
}

.RadTabStripLeft .rtsLevel1 .rtsLink {
    background-position: 100% 0
}

.RadTabStripLeft .rtsLevel1 .rtsDisabled:hover {
    background-position: 100% 0
}

.RadTabStripLeft .rtsSeparator {
    background: #6f6f6f
}

.RadTabStripRight .rtsLevel1 .rtsLink:hover {
    background-position: 100% -200px
}

.RadTabStripRight .rtsLevel1 .rtsLink.rtsSelected {
    background-position: 100% -400px
}

.RadTabStripRight .rtsLevel1 .rtsLink {
    background-position: 100% 0
}

.RadTabStripRight .rtsLevel1 .rtsDisabled:hover {
    background-position: 100% 0
}

.RadTabStripRight .rtsSeparator {
    background: #6f6f6f
}

html .RadTabStrip_disabled .rtsLevel1 .rtsLink:hover {
    text-decoration: none
}

html .RadTabStrip_disabled .rtsLevel1 .rtsLink {
    cursor: default
}

div.RadTabStrip a.rtsLink:focus:after {
    border-color: #6f6f6f\9
}

div.RadTabStrip a.rtsLink:focus {
    outline-color: #6f6f6f
}

.rtsDropClueTop {
    background-position: 0 -20px
}

.rtsDropClueRight {
    background-position: 0 -30px
}

.rtsDropClueBottom {
    background-position: 0 0
}

.rtsDropClueLeft {
    background-position: 0 -10px
}

.RadDropDownList .rddlInner {
    background: none !important;
    padding: 5px 10px !important;
    border-color: rgb(192, 192, 192) !important;
}

.RadDropDownList {
    height: 30px !important;
}

    .RadDropDownList .rddlIcon {
        background-position: -5px -17px !important;
    }

    .RadDropDownList .rddlFakeInput {
        color: #424242 !important;
        font-weight: bold;
    }

    .RadDropDownList .rddlDisabled {
        opacity: 0.7 !important;
    }

@media only screen and (max-width: 768px) {
    #NavigationBar1 .NavHeader {
        color: transparent;
        padding: 0 !important;
    }

    #NavigationBar1 .NavItems {
        width: 50px !important;
        padding-left: 0;
        padding-right: 0;
    }

    #NavigationBar1 .ItemContainer {
        width: 100% !important;
    }

    #NavigationBar1 .ItemText {
        display: none;
    }

    #NavigationBar1 {
        width: 50px !important;
    }

    .HoverGroup img, .NormalGroup img, .ActiveGroup img {
        display: block !important;
        position: absolute !important;
        top: 50%;
        left: 50%;
        width: 15px !important;
        height: 15px !important;
        transform: translate(-50%, -50%);
        padding: 0 !important;
    }

    .HoverGroup, .NormalGroup, .ActiveGroup {
        text-align: center !important;
        display: block !important;
        width: 50px !important;
        height: 28px !important;
        position: relative;
        color: transparent;
        padding: 0 !important;
    }

    .MainFormBanner {
        padding: 0 10px !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) > a {
        color: #369 !important;
        text-decoration: none;
        background: white;
        padding: 5px 10px;
        border-radius: 3px;
        box-shadow: 0px 0px 3px #369;
        margin: 3px;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) > a, #NavigationBar1 *, .MainFormBanner *, .groupContainer * {
        text-align: center;
        font-weight: bold !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(1) {
        width: 50px !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) {
        padding: 5px 0px 10px 5px;
        width: auto !important;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr {
        display: flex;
        flex-direction: column;
    }

    .windialog .container {
        height: 100%;
    }

    .windialog iframe {
        height: calc(100% - 32px) !important;
        width: 100% !important;
    }

    .windialog {
        width: 100vw;
        height: 100vh;
        top: 0 !important;
        left: 0 !important;
    }

    .NavGroups * {
        color: transparent !important;
    }

    .NavGroups {
        padding-bottom: 10px;
    }

    .moduleItem {
        margin: 5px;
        flex-grow: 1;
    }

    .groupContainer {
        display: flex !important;
        flex-wrap: wrap;
    }

    .vnp * {
        display: flex;
        flex-wrap: wrap;
        width: auto !important;
        height: auto;
        align-items: flex-start;
    }

    .vnp {
        padding-bottom: 30px;
    }

    .vnp__table > .rgDataDiv {
        overflow: unset !important;
    }

    .vnp__table th {
        display: none !important;
    }

    .vnp__table td {
        height: auto !important;
    }

    .vnp__table tr {
        border-bottom: 1px dotted #e4e4e4;
        min-width: 100%;
    }

    .vnp__table tfoot {
        display: table-footer-group !important;
    }

    .vnp__table .rgMasterTable {
        display: table !important;
    }

    .vnp__table .rgWrap {
        padding: 5px 0 !important;
    }

    .vnp__table, .vnp__table table {
        width: 100% !important;
    }

    .vnp__table--block td {
        display: block
    }

    .vnp--static {
        position: static !important;
    }

    .vnp__tree {
        height: auto !important;
        overflow: auto !important;
    }

    .vnp--none {
        display: none !important;
    }

    .vnp--hide {
        display: none;
    }

    .vnp--block {
        display: block !important;
        width: 100% !important;
        padding: 3px;
        box-sizing: border-box !important;
    }

    .vnp--grow {
        flex-grow: 1;
        width: 50% !important;
    }

    .vnp--flex-1 {
        flex: 1;
    }

    .vnp--bold {
        font-weight: bold;
    }

    .vnp--italic {
        font-style: italic;
    }

    .vnp--min-width-auto {
        min-width: 0 !important;
    }

    .vnp .RadComboBox > table, .vnp .RadComboBox > table > tbody, .vnp .RadComboBox > table > tbody > tr {
        width: 100% !important;
    }

    .vnp .RadComboBox .rcbReadOnly > td:nth-child(1) {
        flex-grow: 1;
        width: 50% !important;
    }

    .vnp .RadComboBox .rcbReadOnly {
        display: flex !important;
        align-items: center;
    }

    .vnp .RadInput > input {
        width: 100% !important;
    }

    .vnp.ListArticleControl .RadInput {
        width: 100% !important;
    }

    .vnp__nav {
        position: fixed !important;
        top: 0px !important;
        right: 0 !important;
        background: white;
        border: 1px solid #ddd;
        /* transition: all 200ms; */
        z-index: 9998;
        overflow: auto;
    }

    .vnp__nav__child {
        position: fixed;
        top: 5px;
        content: '\2630';
        right: 5px;
        font-weight: bold;
        font-size: 25px;
        color: #009688;
        width: 30px;
        height: 30px;
        background: #ebebeb;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border: 2px solid #009688;
        cursor: pointer;
        text-decoration: none;
        z-index: 9999;
        border-radius: 3px;
    }

    .FormView.Box.vnp--static {
        padding: 0 !important;
        width: 100% !important;
    }

    .RadEditor .reContentArea img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }

    .RadToolBar_Horizontal .rtbUL {
        display: flex !important;
        flex-wrap: wrap;
    }

    .RadToolBar_Horizontal .rtbItem {
        padding-bottom: 5px;
    }
}

#portal-module-list {
    position: absolute;
    width: 100%;
    background: var(--gm3-sys-color-surface-container-high,#e9eef6);
    border-radius: 28px;
    border: none;
    box-shadow: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);
    box-sizing: border-box;
    padding: 8px;
    margin: 3px auto;
    width: 420px;
    height: 600px;
    overflow-y: scroll;
    top: 60px;
    right: 200px;
}

#portal-setting-list {
    position: absolute;
    width: 100%;
    background: var(--gm3-sys-color-surface-container-high,#e9eef6);
    border-radius: 28px;
    border: none;
    box-shadow: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);
    box-sizing: border-box;
    padding: 8px;
    margin: 3px auto;
    width: 280px;
    height: 600px;
    overflow-y: scroll;
    top: 60px;
    right: 100px;
}

.groupModule {
    background: transparent;
    width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
}

    .groupModule .groupButton {
        height: 30px;
        width: 5px;
        background-color: transparent;
        margin: 0px;
        display: inline-block;
        vertical-align: middle;
    }

    .groupModule .groupText {
        background-color: transparent;
        line-height: 1.4;
        color: slategray;
        display: inline-block;
        padding-right: 6px;
        margin-top: 10px;
        font-weight: bold;
        text-transform: uppercase;
    }

.groupContainer {
    /* min-height: 24px; */
    display: inline-block;
    width: 100%;
    background: transparent;
    padding: 10px !important;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.moduleItem {
    width: 120px;
    outline: 1px solid #fff !important;
    display: flex;
    flex-direction: column;
    float: left;
    align-items: center;
    justify-content: center;
    /* background: white; */
    cursor: pointer;
    transition: all 300ms;
}

    .moduleItem:hover {
        background-color: #e3f1fe;
        border-radius: 3x;
    }

        .moduleItem:hover .itemText {
            color: black;
        }

    .moduleItem .itemImage {
        width: 25px;
        height: 25px;
        margin: 2px;
        display: block;
    }

    .moduleItem .itemText {
        display: block;
        height: 30px;
        float: left;
        /* margin-top: 6px; */
        text-align: center;
        color: #444444;
        font-weight: 600;
    }

.disableItem .itemImage {
    filter: gray;
    -webkit-filter: grayscale(1);
    -moz-opacity: 0.30;
}

.disableItem .itemText {
    color: Gray;
}

.disableItem {
    display: none;
}

.systemItem * {
    font-weight: 600;
}

.ItemText {
    flex-grow: 1;
    padding: 0 5px;
    font-size: 12px !important;
    text-align: left;
}

.NavHeader {
    text-align: center;
    height: 32px !important;
    background: #bfdbff;
    color: #444444;
    cursor: pointer;
    font-weight: 600;
    line-height: 32px;
}

.ItemContainer {
    overflow: hidden;
    overflow-y: auto;
    border: none;
    flex-grow: 1;
    padding: 10px 5px;
}

.ItemPanel table {
    cursor: pointer;
}

.NavItems {
    background: #e3f1fe;
    vertical-align: top;
    text-align: center;
    display: flex;
    height: calc(100vh - 50px);
    flex-direction: column;
}

.NavSeparate {
    height: 5px;
    background: #8bb7f0;
}

.HoverGroup {
    padding: 8px 5px;
    background: #a0c0ef;
    color: black;
    cursor: pointer;
    transition: all 300ms;
    text-align: left;
}

.systemItem .NormalItem IMG {
    margin-right: 10px;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 9px !important;
}

.systemItem .NormalItem {
    margin: 0 5px;
    margin-bottom: 10px;
    display: flex;
    color: #444444;
    padding: 5px 3px;
    font-size: 9pt;
    text-align: left;
    transition: all 300ms;
    align-items: center;
    min-height: 35px;
}

    .systemItem .NormalItem > div:nth-child(1), .systemItem .ActiveItem > div:nth-child(1), .systemItem .HoverItem > div:nth-child(1), .systemItem .DisableItem > div:nth-child(1) {
        display: inline-block;
        height: 20px;
    }

.systemItem .ActiveItem IMG {
    margin-right: 10px;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 9px !important;
}

.systemItem .ActiveItem {
    margin: 0 5px;
    margin-bottom: 10px;
    display: flex;
    color: black;
    padding: 5px 10px;
    font-size: 9pt;
    text-align: center;
    background: white;
    transition: all 300ms;
    align-items: center;
    min-height: 35px;
    border: aliceblue;
    border-left: solid 5px #2196F3;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #2196F3;
}

.systemItem .HoverItem Img {
    margin-right: 10px;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 9px !important;
}

.systemItem .HoverItem {
    margin: 0 5px;
    margin-bottom: 10px;
    display: flex;
    color: black;
    padding: 5px 10px;
    text-align: center;
    background: white;
    transition: all 300ms;
    align-items: center;
    min-height: 35px;
    border: aliceblue;
    border-left: solid 5px #2196F3;
    border-radius: 5px;
    box-shadow: 0px 0px 3px #2196F3;
    text-align: left;
}

.systemItem .DisableItem .Image {
    filter: gray;
    -webkit-filter: grayscale(1);
    -moz-opacity: 0.30;
    margin-right: 10px;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 9px !important;
}

.systemItem .DisableItem .ItemText {
    color: Gray;
}

.systemItem .DisableItem {
    margin-bottom: 10px;
    display: none;
    color: #444444;
    padding: 5px 10px;
    font-size: 9pt;
    text-align: center;
    background: white;
    transition: all 300ms;
    align-items: center;
    min-height: 35px;
    border: aliceblue;
    border-radius: 5px;
}

.systemItem .ItemPanel {
    cursor: pointer;
}

.scrollup {
    width: 24px;
    height: 24px;
    background-color: #c0c0c0;
    position: absolute;
    z-index: 500;
    background: url(/Images/down.png) no-repeat center;
}

.scrolldown {
    width: 24px;
    height: 24px;
    background-color: #c0c0c0;
    position: absolute;
    z-index: 500;
    background: url(/Images/up.png) no-repeat center;
}

td.MainFormBanner.info-td-child #portal-info #portal-name {
    padding: 22px;
}


@media only screen and (max-width: 768px) {
    #NavigationBar1 .NavHeader {
        color: transparent;
        padding: 0px !important;
    }

    #NavigationBar1 .NavItems {
        padding-left: 0px;
        padding-right: 0px;
        width: 50px !important;
    }

    #NavigationBar1 .ItemContainer {
        width: 100% !important;
    }

    #NavigationBar1 .ItemText {
        display: none;
    }

    #NavigationBar1 {
        width: 50px !important;
    }

    .HoverGroup img, .NormalGroup img, .ActiveGroup img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block !important;
        position: absolute !important;
        width: 15px !important;
        height: 15px !important;
        padding: 0px !important;
    }

    .HoverGroup, .NormalGroup, .ActiveGroup {
        position: relative;
        color: transparent;
        text-align: center !important;
        display: block !important;
        width: 50px !important;
        height: 28px !important;
        padding: 0px !important;
    }

    .MainFormBanner {
        padding: 0px 10px !important;
        flex-direction: column;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) > a {
        text-decoration: none;
        background: white;
        padding: 5px 10px;
        border-radius: 3px;
        box-shadow: rgb(51, 102, 153) 0px 0px 3px;
        margin: 3px;
        color: rgb(51, 102, 153) !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) > a, #NavigationBar1 *, .MainFormBanner *, .groupContainer * {
        text-align: center;
        font-weight: bold !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(1) {
        width: 50px !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) {
        padding: 5px 0px 10px 5px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: auto !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr {
        display: flex;
        flex-direction: column;
    }

    .windialog .container {
        height: 100%;
    }

    .windialog iframe {
        height: calc(100% - 32px) !important;
        width: 100% !important;
    }

    .windialog {
        width: 100vw;
        height: 100vh;
        top: 0px !important;
        left: 0px !important;
    }

    .NavGroups * {
        color: transparent !important;
    }

    .NavGroups {
        padding-bottom: 10px;
    }

    .moduleItem {
        margin: 5px;
        flex-grow: 1;
    }

    .groupContainer {
        flex-wrap: wrap;
        display: flex !important;
    }

    .vnp * {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        align-items: flex-start;
        width: auto !important;
    }

    .vnp {
        padding-bottom: 30px;
    }

    .vnp__table > .rgDataDiv {
        overflow: unset !important;
    }

    .vnp__table th {
        display: none !important;
    }

    .vnp__table td {
        height: auto !important;
    }

    .vnp__table tr {
        border-bottom: 1px dotted rgb(228, 228, 228);
        min-width: 100%;
    }

    .vnp__table tfoot {
        display: table-footer-group !important;
    }

    .vnp__table .rgMasterTable {
        display: table !important;
    }

    .vnp__table .rgWrap {
        padding: 5px 0px !important;
    }

    .vnp__table, .vnp__table table {
        width: 100% !important;
    }

    .vnp__table--block td {
        display: block;
    }

    .vnp--static {
        position: static !important;
    }

    .vnp__tree {
        height: auto !important;
        overflow: auto !important;
    }

    .vnp--none {
        display: none !important;
    }

    .vnp--hide {
        display: none;
    }

    .vnp--block {
        padding: 3px;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .vnp--grow {
        flex-grow: 1;
        width: 50% !important;
    }

    .vnp--flex-1 {
        flex: 1 1 0%;
    }

    .vnp--bold {
        font-weight: bold;
    }

    .vnp--italic {
        font-style: italic;
    }

    .vnp--min-width-auto {
        min-width: 0px !important;
    }

    .vnp .RadComboBox > table, .vnp .RadComboBox > table > tbody, .vnp .RadComboBox > table > tbody > tr {
        width: 100% !important;
    }

    .vnp .RadComboBox .rcbReadOnly > td:nth-child(1) {
        flex-grow: 1;
        width: 50% !important;
    }

    .vnp .RadComboBox .rcbReadOnly {
        align-items: center;
        display: flex !important;
    }

    .vnp .RadInput > input {
        width: 100% !important;
    }

    .vnp.ListArticleControl .RadInput {
        width: 100% !important;
    }

    .vnp__nav {
        background: white;
        border: 1px solid rgb(221, 221, 221);
        z-index: 9998;
        overflow: auto;
        position: fixed !important;
        top: 0px !important;
        right: 0px !important;
		background-color: white !important;
    }

    .vnp__nav__child {
        position: fixed;
        top: 5px;
        content: "☰";
        right: 5px;
        font-weight: bold;
        font-size: 25px;
        color: rgb(0, 150, 136);
        width: 30px;
        height: 30px;
        background: rgb(235, 235, 235);
        align-items: center;
        justify-content: center;
        border: 2px solid rgb(0, 150, 136);
        cursor: pointer;
        text-decoration: none;
        z-index: 9999;
        border-radius: 3px;
        display: flex !important;
    }

    .FormView.Box.vnp--static {
        padding: 0px !important;
        width: 100% !important;
    }

    .RadEditor .reContentArea img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }

    .RadToolBar_Horizontal .rtbUL {
        flex-wrap: wrap;
        display: flex !important;
    }

    .RadToolBar_Horizontal .rtbItem {
        padding-bottom: 5px;
    }

    td.MainFormBanner.info-td-child #portal-info #portal-name {
        padding: 10px;
    }

    td.MainFormBanner.info-td-child #portal-info {
        width: 100%;
    }

    div#module-piority {
        display: none;
    }

    div#user-profile {
        width: 100%;
        gap: 20px;
        padding: 0 10px;
        padding-bottom: 5px;
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
    }

        div#user-profile > div {
            margin: unset !important;
            padding: 0;
        }

            div#user-profile > div img {
                max-width: 30px;
                width: 30px;
                height: unset !important;
            }

    #portal-module-list {
        left: 0;
        width: 100%;
        top: 80px;
        border-radius: 0;
    }


    div#portal-setting-list {
        width: 100%;
        left: 0;
        top: 80px;
        border-radius: 0;
    }

    ul.ul-process li input {
        padding: 5px 10px !important;
    }

    ul.ul-process {
        max-width: 100%;
        overflow: auto;
        white-space: nowrap;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    td.vnp--flex-1.vnp--bold {
        min-width: 100%;
    }

    .RadTreeView .rtUL {
        flex-direction: column;
    }

    .col-2.vnp__nav.vnp--hide {
        height: 100vh;
        left: 0;
        width: 80vw;
        max-width: 80vw;
		background-color: white;
    }

    .ListArticleControl.vnp .col-10 {
        height: calc(100vh - 75px);
        overflow-x: hidden;
    }

    .form-attachfile {
        padding: 5px;
        max-width: calc(100vw - 10px);
        box-sizing: border-box;
    }

        .form-attachfile > div > div {
            display: flex !important;
            align-items: center;
            gap: 5px;
            margin-top: 5px;
        }

        .form-attachfile * {
            box-sizing: border-box;
            max-width: 100%;
        }
	div[id*="toolEditArticleBottom"] {
		margin-bottom: 20px;
		width: 100vw !important;
	}
}
