.sf-core {
    font-family: Segoe UI;
    font-size: 11px;
}
.sf-core input {
    border: 0 none;
    font-size: 11px;
    height: 21px;
}
.sf-core .error {
    border: 0 none;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.sf-core .Syncfusion_Validator {
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
}
.sf-core [class^="Syncfusion"] input, .Autocomplete_Wrapper input {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) inset;
    text-decoration: none;
    text-shadow: none;
}
.sf-editor .sfInputText, .sf-editor .Syncfusion_Watermark_TextBox, .sf-editor .Syncfusion_Value_TextBox {
    display: block;
    float: left;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-indent: 4px;
}
.sf-editor .textboxbase {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}
.sf-editor .button {
    display: inline-block;
    float: right;
}
.sf-editor .button div {
    cursor: pointer;
    height: 10px;
    width: 15px;
}
.btndisplay {
    display: inline-block;
    vertical-align: middle;
}
.sf-editor .maskeditInput {
    display: block;
    height: 100%;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-indent: 4px;
    width: 100%;
}
.sf-editor.maskeditInputTextBase {
    height: 21px;
    width: 143px;
}
.sf-genericdropdown {
    display: inline-block;
}
.sf-genericdropdown .GenericDropDownButtonBase {
    display: table;
    height: 19px;
    width: 15px;
}
.sf-genericdropdown .GenericDropDownTextBox {
    border-width: 0;
    cursor: pointer;
    display: block;
    height: 17px;
    line-height: 20px;
    text-indent: 4px;
    vertical-align: top;
}
.sf-genericdropdown .GenericDropDownTextBoxBase {
    display: table-cell;
}
.sf-genericdropdown .GenericDropDownPopupPanel {
    overflow: auto;
    position: absolute;
    z-index: 10000;
}
.sf-genericdropdown .GenericDropDownContainer {
    display: block;
    height: 19px;
    overflow: hidden;
}
.sf-autocomplete.Autocomplete_SuggestionList {
    cursor: default;
    overflow: auto;
    position: absolute;
}
.sf-autocomplete.Autocomplete_SuggestionList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sf-autocomplete.Autocomplete_SuggestionList ul li {
    padding: 5px;
}
.sf-autocomplete .onLoading {
    background-position: right center;
    background-repeat: no-repeat;
}
.sys-template {
    display: none;
}
.sf-autocomplete.Autocomplete_Wrapper {
    overflow: hidden;
}
.sf-autocomplete.Autocomplete_Wrapper input {
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-indent: 4px;
}
.sf-autocomplete .dropdownbuttonbase {
    float: right;
    height: 20px;
    width: 15px;
}
.sf-autocomplete .AutoComplete_RTL {
    float: right;
    text-align: right;
}
.sf-autocomplete .AutoCompleteDD_RTL {
    position: absolute;
}
.sf-autocomplete .autocompleteDropDownDisabled {
    background-position: -49px 1px;
}
.sf-timepicker.timespan-widget {
    font: 11px Segoe UI;
    height: 23px;
    width: 150px;
}
.sf-timepicker.timespan-widget li {
    border: 1px solid;
    cursor: pointer;
    display: inline;
    height: 28px;
    list-style-type: none;
    margin: 0 2px 0 0;
    padding: 1px 4px 0;
    position: relative;
}
.sf-timepicker.timespan-widget .lichild {
    border-right-style: solid;
    border-right-width: 1px;
}
.sf-timepicker.timespan-widget ul {
    display: inline-block;
    height: 21px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10000;
}
.sf-timepicker .timevaluecontainer {
    display: inline;
}
.sf-button {
    border-spacing: 0;
    display: inline-block;
    font-family: Segoe UI;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 1px;
    vertical-align: middle;
}
.sf-button .buttonmaindiv {
    border-spacing: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.sf-button .buttoncontent {
    vertical-align: middle;
}
.sf-button .buttontext {
    cursor: default;
    display: table-cell;
    vertical-align: middle;
}
.sf-button .dropdowndownarrow, .sf-button .splitdownarrow {
    height: 8px;
    width: 9px;
}
.sf-button .dropdownbuttoncontent {
    display: block;
    text-align: center;
    vertical-align: middle;
}
.sf-button .buttonimage {
    display: table-cell;
    padding: 1px;
}
.sf-button.splitmain {
    padding: 0;
}
.sf-button .spritesplitnormalbutton {
    border: 0 none;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.sf-button .spritesplitdropdownbutton {
    border-spacing: 0;
    margin: 0;
    padding: 0;
}
.sf-button.disablebutton {
    opacity: 0.5;
}
.sf-captcha .validationFailed {
    margin-left: 5px;
}
.sf-captcha .validationSuccess {
    margin-left: 5px;
}
.sf-captcha .captcha-image {
    border: 1px solid rgba(0, 0, 0, 0);
    vertical-align: bottom;
}
.sf-captcha .refresh-button {
    cursor: pointer;
    height: 40px;
    margin-left: 10px;
    vertical-align: bottom;
    width: 40px;
}
.sf-menu {
    border: 1px solid #000000;
    cursor: pointer;
    font-family: Segoe UI;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 0;
    position: relative;
}
.sf-menu * a:focus {
    outline: medium none;
}
.sf-menu * {
    list-style: none outside none;
}
* .sf-menu ul, * .sf-menu ul ul {
    left: 200px;
    top: -0.8px;
}
.sf-menu a {
    border: 1px solid transparent;
    display: block;
    font-size: 11px;
    height: auto;
    position: relative;
    text-decoration: none;
    width: auto;
}
.sf-menu > li {
    border: 1px solid transparent;
    position: relative;
}
.sf-menu ul {
    display: none;
    left: -1px;
    margin: 0;
    padding: 1px;
    position: absolute;
    visibility: inherit;
    width: 200px;
    z-index: 1000;
}
.sf-menu ul li {
    background-color: transparent;
    border: 1px solid transparent;
    float: none;
    line-height: 19px;
    position: relative;
}
.sf-menu ul li a {
    height: inherit;
    padding: 0 0 0 2.5em;
    width: inherit;
}
.sf-menu ul li.separator {
    height: 1px;
    margin: 0 0 1% 13%;
    position: relative;
    width: 87%;
}
.sf-menu ul li > img, .sf-menu ul li > div, .sf-menu ul li > span {
    float: left;
    position: absolute;
}
.sf-menu > li > img {
    border: 1px solid rgba(0, 0, 0, 0);
    float: left;
}
.sf-menu > li > a > span.arrows, .sf-menu ul li a span.arrows {
    display: inline-block;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 16px;
}
div[ID$="_HyperTab"] input {
    margin-right: 5px;
}
ul[ID$="_FormElementButton_DropDown"] li {
    padding-bottom: 6px;
}
ul[ID$="_FormElementButton_DropDown"] {
    height: 183px;
    overflow-y: scroll;
}
ul[ID$="_FormElementButton_DropDown"] .ElementItems {
    height: 20px;
    width: 24px;
}
Div.FormElement[ID$="FormElement"] {
    float: left;
}
.ui-dialog .ui-dialog-content .OkCancelButton {
    float: right;
    margin-top: 25px;
    padding-left: 13px;
}
.sf-rte .Smiley {
    background-image: url(images/RTE/Smileys_All.png);
}
.sf-rte.SmileyOptions {
    height: 197px;
    margin: 1px;
    width: 175px;
    z-index: 1500;
}
.sf-rte .Smiley div {
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: default;
    display: inline;
    float: left;
    margin: 1px;
    opacity: 1;
    padding: 2px 3px;
}
.sf-rte.SmileyOptions ul {
    display: inline;
}
.sf-rte .Smiley div:hover {
    margin: 0;
}
.sf-rte .ToolbarItems.LeftAlign_tool, .sf-rte .ToolbarItems.CenterAlign_tool, .sf-rte .ToolbarItems.RightAlign_tool, .sf-rte .ToolbarItems.Justify_tool, .sf-rte .ToolbarItems.Bold_tool, .sf-rte .ToolbarItems.Italic_tool, .sf-rte .ToolbarItems.StrikeThrough_tool, .sf-rte .ToolbarItems.Underline_tool, .sf-rte .ToolbarItems.Cut_tool, .sf-rte .ToolbarItems.Copy_tool, .sf-rte .ToolbarItems.Paste_tool, .sf-rte .ToolbarItems.Bullets_tool, .sf-rte .ToolbarItems.Numbering_tool, .sf-rte .ToolbarItems.Undo_tool, .sf-rte .ToolbarItems.Redo_tool, .sf-rte .ToolbarItems.ClearFormat_tool, .sf-rte .ToolbarItems.ClearAll_tool, .sf-rte .ToolbarItems.Indent_tool, .sf-rte .ToolbarItems.Outdent_tool, .sf-rte .ToolbarItems.Smiley_tool, .sf-rte .ToolbarItems.InsertImage_tool, .sf-rte .ToolbarItems.Hyperlink_tool, .sf-rte .ToolbarItems.Unlink_tool, .sf-rte .ToolbarItems.SuperScript_tool, .sf-rte .ToolbarItems.SubScript_tool, .sf-rte .ToolbarItems.UpperCase_tool, .sf-rte .ToolbarItems.LowerCase_tool, .sf-rte .ToolbarItems.InsertParagraph_tool, .sf-rte .Smiley_0, .sf-rte .Smiley_1, .sf-rte .Smiley_2, .sf-rte .Smiley_3, .sf-rte .Smiley_4, .sf-rte .Smiley_5, .sf-rte .Smiley_6, .sf-rte .Smiley_7, .sf-rte .Smiley_8, .sf-rte .Smiley_9, .sf-rte .Smiley_10, .sf-rte .Smiley_11, .sf-rte .Smiley_12, .sf-rte .Smiley_13, .sf-rte .Smiley_14, .sf-rte .Smiley_15, .sf-rte .Smiley_16, .sf-rte .Smiley_17, .sf-rte .Smiley_18, .sf-rte .Smiley_19, .sf-rte .Smiley_20, .sf-rte .Smiley_21, .sf-rte .Smiley_22, .sf-rte .Smiley_23, .sf-rte .Smiley_24, .sf-rte .Smiley_25, .sf-rte .Smiley_26, .sf-rte .Smiley_27, .sf-rte .Smiley_28, .sf-rte .Smiley_29 {
    height: 25px;
    width: 25px;
}
.sf-rte .hide {
    display: none;
    visibility: hidden;
}
.sf-rte .DisableFontOptions {
    opacity: 0.5;
}
.sf-rte .Toolbar_Target li, .sf-rte .Toolbar_Target ul {
    display: inline;
    float: left;
}
.sf-rte .Toolbar_Target .FloatNone {
    float: none;
}
.sf-rte .FileGetter_Buttons {
    float: right;
    margin: 58px 8px 8px;
}
.sf-rte .FileGetter_TextBox {
    float: right;
    margin: 6px;
}
.sf-rte .FileGetter_Caption {
    float: left;
    margin: 8px;
}
.sf-rte .FileGetter_Buttons input {
    margin-left: 8px;
}
.sf-rte {
    float: left;
    font-family: Segoe UI;
    font-size: 11px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.sf-rte div {
    margin: 0;
    padding: 0;
}
.sf-rte .richTextEditorIFrame, .sf-rte .richTextEditorTextarea {
    font-family: Segoe UI;
    font-size: 11px;
    height: 200px;
    position: relative;
    resize: none;
    width: 100%;
}
.sf-rte .RTEFooter {
    float: left;
    font-family: Segoe UI;
    font-size: 11px;
    height: 20px;
    width: 100%;
}
.sf-rte .SourceEditor {
    height: 300px;
    width: 100%;
}
.sf-rte .RTEtab {
    font-weight: normal;
    height: 100%;
}
.sf-rte .Footer_selected {
    cursor: n-resize;
}
.sf-rte .PlaceHolder {
    height: 9px;
    overflow: hidden;
    width: 99.9%;
}
.sf-rte .PlaceDiv {
    height: 20px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-left: 1px;
    padding-top: 5px;
}
.sf-rte.FileGetter {
    height: 231px;
    margin: 1px;
    width: 501px;
    z-index: 1;
}
.sf-rte .FileGetter_Header {
    font-weight: bold;
    height: 16px;
    padding: 7px;
    text-align: left;
}
.sf-rte .sf-treeview {
    float: left;
    overflow: auto;
}
.sf-rte .TreeView_Target {
    float: left;
    height: 200px;
    width: 370px;
}
.sf-rte .InsertImage_Preview {
    float: left;
    height: 200px;
    width: 150px;
}
.sf-rte .Preview_Image {
    height: 40px;
    margin-left: 46px;
    margin-top: 54px;
    padding: 4px;
    width: 40px;
}
.sf-rte .ui-resizable {
    position: relative;
}
.sf-rte .ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
    z-index: 99999;
}
.sf-rte .ui-resizable-disabled .ui-resizable-handle, .sf-rte .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.sf-rte .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%;
}
.sf-rte .ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.sf-rte .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}
.sf-rte .ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px;
}
.sf-rte .ui-resizable-se {
    bottom: 3.5px;
    cursor: se-resize;
    height: 16px;
    right: 2.5px;
    width: 16px;
}
.sf-rte .ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    left: -5px;
}
.sf-rte .ui-resizable-nw {
    cursor: nw-resize;
    left: -5px;
    top: -5px;
}
.sf-rte .ui-resizable-ne {
    cursor: ne-resize;
    right: -5px;
    top: -5px;
}
.sf-rte .ui-resizable-sw, .sf-rte .ui-resizable-nw, .sf-rte .ui-resizable-ne {
    height: 9px;
    width: 9px;
}
.sf-rte .Syncfusion-RichTextEditor_Blend .ToolbarItems.LowerCase_tool, .sf-rte .Syncfusion-RichTextEditor_VS2010 .ToolbarItems.LowerCase_tool, .sf-rte .Syncfusion-RichTextEditor_Midnight .ToolbarItems.LowerCase_tool, .sf-rte.Syncfusion-RichTextEditor_Vista .ToolbarItems.LowerCase_tool {
    background-position: -125px -150px !important;
    height: 25px;
    width: 25px;
}
.sf-rte .Syncfusion-RichTextEditor_Blend .ToolbarItems.UpperCase_tool, .sf-rte .Syncfusion-RichTextEditor_VS2010 .ToolbarItems.UpperCase_tool, .sf-rte .Syncfusion-RichTextEditor_Midnight .ToolbarItems.UpperCase_tool, .sf-rte .Syncfusion-RichTextEditor_Vista .ToolbarItems.UpperCase_tool {
    background-position: -28px -150px !important;
    height: 25px;
    width: 25px;
}
.sf-rating {
    display: block;
    list-style-type: none;
}
.sf-rating.horizontal .star-container, .sf-rating.vertical .star-container {
    list-style-type: none;
    padding: 0 2px;
}
.sf-rating.horizontal .star-container {
}
.sf-rating.vertical .star-container {
    margin: 0 0 0 -2px;
}
.sf-rating.horizontal .star-list, .sf-rating.vertical .star-list, .sf-rating.horizontal .stars, .sf-rating.vertical .stars, .sf-rating.horizontal .reset, .sf-rating.vertical .reset {
    cursor: pointer;
    height: 16px;
    width: 16px;
}
.sf-rating.horizontal .star-list, .sf-rating.horizontal .stars, .sf-rating.horizontal .reset {
    float: left;
}
.sf-rating.horizontal .reset {
    margin-right: 2px;
}
.sf-rating.vertical .reset {
    margin-bottom: 2px;
}
.sf-rating .stars.precision {
    margin-left: -16px;
    width: 0;
}
.sf-ribboncontainer {
    display: inline-block;
    font-family: Segoe UI;
    font-size: 11px;
    visibility: hidden;
}
.sf-ribboncontainer a {
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
}
.sf-ribboncontainer .groupcontainer {
    border-radius: 0 0 3px 3px;
    margin-top: -2px;
}
.sf-ribboncontainer .contextcontainer .wrappertab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
}
.sf-ribboncontainer .contextcontainer .tabcontextbar {
    margin-top: -1px;
}
.sf-ribboncontainer .contextcontainer .tabcontextbar .wrappertab {
    margin-top: -2px;
}
.sf-ribboncontainer .contextcontainer .tabcontextbar .wrappertab .ribbontab {
    margin-top: 1px;
}
.sf-ribboncontainer .menucontainer .menuitem:hover {
    border-radius: 4px;
}
.sf-ribboncontainer .contextcontainer .active.wrappertab, .sf-ribboncontainer .contextcontainer .active.wrappertab:hover, .sf-ribboncontainer .contextcontainer, .sf-ribboncontainer .contextcontainer .wrappertab {
    border-radius: 3px 3px 0 0;
}
.sf-ribboncontainer, .sf-ribboncontainer .pagecontainer .backstagepage, .sf-ribboncontainer .contextcontainer .ribbonTab, .sf-ribboncontainer .contextcontainer .contexttitle, .sf-ribboncontainer .contextcontainer .tabtext, .sf-ribboncontainer .groupcontainer .grouptitle, .sf-ribboncontainer .menucontainer .menutext {
    -moz-user-select: none;
}
.sf-ribboncontainer .contextcontainer {
    list-style: none outside none;
    margin: 0 0 -1px;
    overflow: hidden;
    padding: 0;
}
.sf-ribboncontainer .contextbar {
    background-repeat: repeat-x;
    float: left;
    height: 45px;
    margin-top: 2px;
}
.sf-ribboncontainer .contextcontainer .helpcontainer, .sf-ribboncontainer .contextcontainer .togglecontainer {
    cursor: pointer;
    float: right;
    height: 22px;
    margin-top: 22px;
    padding-top: 4px;
    width: 26px;
}
.sf-ribboncontainer .contextcontainer .togglecontainer {
    margin-top: 20px;
}
.sf-ribboncontainer .contextcontainer .navigationpane {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sf-ribboncontainer .contextcontainer .tabwrapper {
    border: 1px solid rgba(0, 0, 0, 0);
    margin-left: 1px;
    margin-right: 1px;
}
.sf-ribboncontainer .contextcontainer .ribbonTab {
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 18px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
}
.sf-ribboncontainer .contextcontainer .contexttitle {
    height: 18px;
    padding-top: 4px;
    text-align: center;
}
.sf-ribboncontainer .contextcontainer .wrappertab {
    margin-left: 1px;
    margin-right: 1px;
}
.sf-ribboncontainer .contextcontainer .wrappertab .ribbontab {
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 18px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0;
}
.sf-ribboncontainer .contextcontainer .tabtext {
    border: 0 none;
    padding: 0;
}
.sf-ribboncontainer .groupcontainer .grouptitlecont .expander {
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 20px;
}
.sf-ribboncontainer .groupcontainer .ribbongroup {
    display: inline-block;
    float: left;
    height: 100%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sf-ribboncontainer .groupcontainer .groupcontent {
    display: inline-block;
    float: left;
    height: 100%;
    list-style: none outside none;
    position: relative;
}
.sf-ribboncontainer .groupcontainer .divider {
    background: url(images/sfDivider.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    position: relative;
    width: 1px;
}
.sf-ribboncontainer .contextcontainer .title {
    text-align: center;
}
.sf-ribboncontainer .groupcontainer .grouptitle {
    cursor: default;
    height: 100%;
}
.sf-ribboncontainer .groupcontainer .grouptitlecont, .sf-ribboncontainer .groupcontainer .grouptitle {
    bottom: 1px;
    display: block;
    float: left;
    position: absolute;
    width: 100%;
}
.sf-ribboncontainer .groupcontainer .grouptitle {
    text-align: center;
}
.sf-ribboncontainer .groupcontainer .grouptitlecont {
    left: 0;
}
.sf-ribboncontainer .groupcontainer .itemcontainer {
    display: inline-block;
    height: 80%;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    top: 2px;
}
.sf-ribboncontainer .groupcontainer .groupbutton {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 60px;
}
.sf-ribboncontainer .groupcontainer .groupbuttonimage {
    width: 100%;
}
.sf-ribboncontainer .groupcontainer .groupbuttontext {
    position: relative;
    top: 35%;
    width: 100%;
}
.sf-ribboncontainer .groupcontainer .groupbuttonarrow {
    height: 17px;
    left: 35%;
    position: relative;
    top: 40%;
    width: 18px;
}
.sf-ribboncontainer .contextcontainer .applicationmenu {
    border-bottom: 0 none;
    cursor: pointer;
    float: left;
    height: 19px;
    margin-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}
.sf-ribboncontainer .contextcontainer .tabtitlemenu {
    margin-top: 1.7px;
}
.sf-ribboncontainer .menucontainer {
    display: none;
    list-style: none outside none;
    margin: 0;
    min-width: 100px;
    padding: 2px 0;
    position: absolute;
    white-space: nowrap;
    z-index: 1000;
}
.sf-ribboncontainer .menucontainer .menuimage {
    clear: both;
    float: left;
    height: 24px;
    padding-right: 5px;
    width: 16px;
}
.sf-ribboncontainer .menucontainer .menutext {
    padding-left: 5px;
    vertical-align: middle;
}
.sf-ribboncontainer .menucontainer .menuitem {
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 22px;
}
.sf-ribboncontainer .contentitems > * {
    display: block !important;
}
.sf-ribboncontainer .pagecontainer, .sf-ribboncontainer .menucontainer ul {
    list-style: none outside none;
    margin: 0;
    min-width: 100px;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    z-index: 1000;
}
.sf-ribboncontainer .pagecontainer .leftcontainer, .sf-ribboncontainer .pagecontainer .rightcontainer, .sf-ribboncontainer .groupcontainer .contentitems, .sf-ribboncontainer .contextcontainer .wrappertab, .sf-ribboncontainer .contextcontainer .tabwrapper {
    float: left;
}
.sf-ribboncontainer .pagecontainer .leftcontainer {
    margin-left: -1px;
}
.sf-ribboncontainer .pagecontainer .rightcontainer {
    padding: 10px;
}
.sf-ribboncontainer .pagecontainer .menutext.active {
    background-image: url(images/sfBackStagePage.png);
    background-position: right center;
}
.sf-ribboncontainer .pagecontainer .pageborder .menutext {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px 30px 5px 10px;
    position: relative;
    top: 10px;
}
.sf-ribboncontainer .rrbResizeHandle {
    background: url(images/sfblack_resizeHandle.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: e-resize;
    float: right;
    height: 14px;
    margin-right: -2px;
    margin-top: -14px;
    position: relative;
    width: 16px;
}
.sf-splitter {
    border: 1px solid rgba(0, 0, 0, 0);
    border-collapse: collapse;
    font-family: Segoe UI;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    position: relative;
}
.sf-splitter .pane {
    cursor: default;
    float: left;
    height: 100%;
    overflow: auto;
    position: relative;
    width: 100%;
}
.sf-splitter .splitbar {
    border-style: solid;
    float: left;
    position: relative;
    z-index: 10001;
}
.sf-splitter .shadowbar {
    border-style: dotted;
    position: absolute;
    z-index: 10002;
}
.sf-splitter .splitbar.h-bar {
    border-width: 0 1px;
    cursor: e-resize;
    height: 100%;
    vertical-align: middle;
    width: 5px;
}
.sf-splitter .h-forwardarrow {
    cursor: pointer;
    height: 16px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 5px;
}
.sf-splitter .h-backwardarrow {
    cursor: pointer;
    height: 16px;
    position: absolute;
    top: 50%;
    width: 5px;
}
.sf-splitter .v-forwardarrow {
    cursor: pointer;
    float: left;
    height: 5px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 16px;
}
.sf-splitter .v-backwardarrow {
    cursor: pointer;
    float: left;
    height: 5px;
    left: 50%;
    position: absolute;
    width: 16px;
}
.splitbar.v-bar {
    border-width: 1px 0;
    cursor: n-resize;
    height: 5px;
    width: 100%;
}
.sf-tagcloud {
    font-family: Segoe UI;
    font-size: 11px;
    overflow: auto;
    padding: 2px;
}
.sf-tagcloud.hidden {
    visibility: hidden;
}
.sf-tagcloud .tagcloud-header {
    font-size: 11.4px;
    font-weight: bold;
    margin: 0 0 6px;
    padding: 5px;
    vertical-align: middle;
}
.sf-tagcloud .cloud-type, .sf-tagcloud .list-type {
    display: inline;
    line-height: 20px;
    list-style-type: none;
    padding: 0;
}
.sf-tagcloud .cloud-type .tagcloud-items {
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    padding: 5px;
}
.sf-tagcloud .list-type .tagcloud-items {
    cursor: pointer;
    display: block;
    list-style-type: none;
    padding: 5px;
}
.sf-tagcloud .tagcloud-items .textNode {
    text-decoration: none;
}
.sf-tagcloud .tagcloud-items .textNode.hover {
    cursor: pointer;
}
.sf-tagcloud .tagcloud-header-image {
    margin-right: 2px;
    vertical-align: middle;
}
.sf-toolbar {
    font-family: Segoe UI;
    font-size: 11px;
    font-weight: normal;
    margin-top: 0;
}
.sf-toolbar li {
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: default;
    list-style-type: none;
    padding: 2px;
}
.sf-toolbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sf-toolbar .Toolbar_Separator {
    border: 0 none;
    padding: 0;
}
.sf-toolbar .Disable_ToolLi, .sf-toolbar .Disable_ToolLi, .sf-toolbar .Disable_Tool, .sf-toolbar .Disable_Tool {
    opacity: 0.4;
}
.sf-treeview {
    overflow-y: auto;
}
.sf-treeview, .sf-treeview ul {
    font-family: Segoe UI;
    font-size: 11px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
    z-index: -9999;
}
.sf-treeview.RTL, .sf-treeview.RTL ul {
    direction: rtl;
    padding-right: 11px;
    text-align: right;
}
.sf-treeview .initial {
    display: none;
}
.sf-treeview li div img {
    border: medium none;
    margin-top: -5px;
    vertical-align: middle;
}
.TreeViewContainer {
    overflow: auto;
    padding: 10px;
    z-index: -5;
}
.sf-treeview ul {
    line-height: 19px;
    padding: 3px 0 3px 10px;
    width: auto;
}
.sf-treeview .ImgCss {
    padding: 1px 3px 1px 5px;
}
.sf-treeview .showline-NodeText, .sf-treeview .noline-NodeText {
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 2px;
    min-height: 15px;
    min-width: 10px;
    text-decoration: none;
}
.sf-treeview .showline {
    margin: 0;
    padding: 2px 0 4px 16px;
    white-space: nowrap;
}
.sf-treeview .sf-collapse {
    background-position: 0 -176px;
}
.sf-treeview.RTL .sf-collapse {
    background-position: right center;
}
.sf-treeview .noline {
    margin: 0;
    padding: 2px 0 3px 16px;
    white-space: nowrap;
}
.sf-treeview .Input_Text {
    border-bottom-style: groove;
    padding: 1px 0 1px 3px;
}
.sf-treeview span.noline-child, .sf-treeview span.showline-child {
    white-space: nowrap;
}
.sf-treeview .plus, .sf-treeview .minus {
    cursor: pointer;
    float: left;
    height: 8px;
    margin-left: -14px;
    margin-top: 5px;
    width: 8px;
}
.sf-treeview .pointer {
    cursor: pointer;
    float: left;
    height: 25px;
    margin-left: -14px;
    margin-top: -2px;
    width: 16px;
}
.sf-treeview.RTL .plus, .sf-treeview.RTL .minus {
    float: right;
    margin-bottom: 0;
    margin-right: -23px;
}
.sf-treeview.RTL .pointer {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: -9px;
}
.sf-treeview .showline-selected, .sf-treeview .noline-selected, .sf-treeview .showline-hover, .sf-treeview .noline-hover {
    cursor: pointer;
    text-decoration: none;
}
.sf-treeview .showline-disabled, .sf-treeview .noline-disabled {
    opacity: 0.4;
}
.sf-treeview li.last.noline {
    padding: 2px 0 0 16px;
}
.sf-treeview li.last.showline {
    background-position: 0 -36px;
    background-repeat: no-repeat;
    padding: 2px 0 0 16px;
}
.sf-treeview li.first.showline {
    padding: 0.5px 0 3px 16px;
}
.sf-treeview.RTL li.first.showline {
    background-position: right center;
    padding: 0.5px 16px 5px;
}
.sf-treeview .noline-collapse {
    background-position: 0 -176px;
}
.sf-treeview .Sibling {
    background-image: url(images/DropSibling.png);
    height: 5px;
    position: absolute;
    width: 80px;
}
.sf-treeview .allowDrop {
    cursor: url(images/ARROW.cur), move !important;
}
.sf-treeview.RTL .nodecheckbox {
    float: right;
}
.sf-treeview.RTL .noline ul {
    padding-left: 0;
    padding-right: 16px;
}
.sf-uploadbox .sf_uploadinput {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 1px;
}
.sf-uploadbox .uploadform {
    display: table-cell;
    padding-left: 10px;
}
.sf-uploadbox .selectionpart {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: auto;
}
.sf-uploadbox .upload-button {
    margin-left: 10px;
}
.sf-uploadbox .upload-progress-status {
    height: 2px;
    position: absolute;
}
.sf-uploadbox .upload-progress {
    bottom: -2px;
    height: 3px;
    left: 5px;
    position: absolute;
    width: 125px;
}
.sf-uploadbox .syncfusion-upload-file {
    min-width: 120px;
    position: relative;
    vertical-align: middle;
}
.sf-uploadbox .file-list .file-size {
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    float: left;
    min-width: 100px;
    padding-left: 0;
    padding-right: 0;
}
.sf-uploadbox .file-list {
    display: inline-block;
    height: 30px;
    padding: 3px 5px;
    text-align: center;
    text-indent: 3px;
}
.sf-uploadbox .file-list .file-status {
    float: left;
    min-width: 77px;
    padding-right: 0;
    padding-top: 10px;
    text-align: right;
}
.sf-uploadbox .file-list .file-percentage {
    float: left;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    width: 40px;
}
.sf-uploadbox .file-name {
    display: block;
    height: 28px;
    text-align: left;
    width: 100%;
}
.sf-uploadbox .file-name-text {
    position: relative;
    top: 6px;
}
.sf-uploadbox .file-progress-bar {
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
}
.sf-uploadbox .file-list .file-action-cancel:hover, .sf-uploadbox .file-list .file-action-delete:hover, .sf-uploadbox .file-list .file-action-retry:hover {
    cursor: pointer;
}
.sf-uploadbox .file-list .file-action-cancel {
    background-position: -25px -262px;
}
.sf-uploadbox .file-list .file-action-delete {
    background-position: -159px -224px;
}
.sf-uploadbox .file-list .file-action-retry {
    background-position: -57px -258px;
}
.sf-uploadbox .file-list .file-percentage-success {
    background: url(images/RTE/ui-icons.png) no-repeat scroll -90px -257px rgba(0, 0, 0, 0);
}
.sf-uploadbox .file-list .file-percentage-failed {
    background: url(images/RTE/ui-icons.png) no-repeat scroll -153px -258px rgba(0, 0, 0, 0);
}
.sf-uploadbox .file-progress-status {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}
.sf-uploadbox .file-progress {
    float: left;
    min-width: 200px;
    position: relative;
}
.sf-uploadbox .file-progress {
    border: 1px solid;
}
.sf-uploadbox .file-action {
    background: url(images/RTE/ui-icons.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    float: left;
    width: 16px;
}
.sf-uploadbox .upload-file-list {
    list-style: none outside none;
    padding: 3px;
}
.sf-uploadbox .upload-file-list > li {
    padding-top: 3px;
}
.sf-uploadbox .file-list > div {
    height: 100%;
    padding: 3px 5px;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownButton {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownButtonBase {
    display: table-cell;
}
.sf-multicolumn.sf-genericdropdown .reSizeColbg {
    z-index: 10002 !important;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownTextBoxBase {
    display: table-cell;
    height: 19px;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownContainer {
    display: block;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownCoreContainer {
    display: block;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownTextBox {
    vertical-align: text-bottom;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel {
    overflow: hidden;
    position: absolute;
    z-index: 1000;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] td.RowCell {
    text-align: right;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] td.HeaderCell {
    float: right;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] .Ascending, .GenericDropDownPopupPanel[dir="rtl"] .Descending {
    background-position: left -616px;
    padding: 0 0 0 23px !important;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] .RowHeader {
    transform: rotate(180deg);
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel .TblIE7 {
    width: 96.6% !important;
}
.sf-jqueryui .ui-helper-hidden {
    display: none;
}
.sf-jqueryui .ui-helper-hidden-accessible {
    left: -1e+8px;
    position: absolute;
}
.sf-jqueryui .ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.sf-jqueryui .ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.sf-jqueryui .ui-helper-clearfix {
    display: inline-block;
}
* html .ui-helper-clearfix {
    height: 1%;
}
.sf-jqueryui .ui-helper-clearfix {
    display: block;
}
.sf-jqueryui .ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.sf-jqueryui .ui-state-disabled {
    cursor: default !important;
}
.sf-jqueryui .ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-widget-overlay {
    background-color: #808080;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
}
.sf-jqueryui .ui-corner-tl {
}
.sf-jqueryui .ui-corner-tr {
}
.sf-jqueryui .ui-corner-bl {
}
.sf-jqueryui .ui-corner-br {
}
.sf-jqueryui .ui-corner-top {
}
.sf-jqueryui .ui-corner-bottom {
}
.sf-jqueryui .ui-corner-right {
}
.sf-jqueryui .ui-corner-left {
}
.sf-jqueryui .ui-corner-all {
}
.sf-jqueryui .ui-accordion .ui-accordion-header {
    cursor: pointer;
    margin-top: 1px;
    position: relative;
}
.sf-jqueryui .ui-accordion .ui-accordion-li-fix {
    display: inline;
}
.sf-jqueryui .ui-accordion .ui-accordion-header-active {
    border-bottom: 0 none !important;
}
.sf-jqueryui .ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 2.2em;
}
.sf-jqueryui .ui-accordion .ui-accordion-header .ui-icon {
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.sf-jqueryui .ui-accordion .ui-accordion-content {
    border-top: 0 none;
    display: none;
    margin-bottom: 2px;
    margin-top: -2px;
    overflow: auto;
    padding: 1em 2.2em;
    position: relative;
    top: 1px;
}
.sf-jqueryui .ui-accordion .ui-accordion-content-active {
    display: block;
}
.sf-jqueryui .ui-datepicker {
    padding: 0.2em 0.2em 0;
    width: 17em;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-header {
    padding: 0.2em 0;
    position: relative;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-prev, .sf-jqueryui .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-prev-hover, .sf-jqueryui .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-prev span, .sf-jqueryui .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-title select {
    float: left;
    font-size: 11.7px;
    margin: 1px 0;
}
.sf-jqueryui .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.sf-jqueryui .ui-datepicker select.ui-datepicker-month, .sf-jqueryui .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    float: right;
}
.sf-jqueryui .ui-datepicker table {
    border: medium none;
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 0 0 0.4em;
    width: 100%;
}
.sf-jqueryui .ui-datepicker-inline table {
    border: medium none;
    border-collapse: collapse;
    font-size: 11.7px;
    margin: 0 0 0.4em;
    width: 100%;
}
.sf-jqueryui .ui-datepicker th {
    border: 0 none;
    font-weight: bold;
    padding: 0.7em 0.3em;
    text-align: center;
}
.sf-jqueryui .ui-datepicker td {
    border: 0 none;
    padding: 1px;
}
.sf-jqueryui .ui-datepicker td span, .sf-jqueryui .ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.sf-jqueryui .ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 95%;
}
.sf-jqueryui .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.sf-jqueryui .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.sf-jqueryui .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}
.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.sf-jqueryui .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.sf-jqueryui .ui-datepicker-row-break {
    clear: both;
    width: 100%;
}
.sf-jqueryui .ui-datepicker-rtl {
    direction: rtl;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.sf-jqueryui .ui-datepicker-cover {
    display: block;
    height: 200px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 200px;
    z-index: -1;
}
.sf-jqueryui .ui-dialog {
    clear: both;
    padding: 0.2em;
    position: relative;
    width: 300px;
}
.sf-jqueryui .ui-dialog .ui-dialog-titlebar {
    padding: 0.5em 0.3em 0.3em 1em;
    position: relative;
}
.sf-jqueryui .ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0 0.2em;
}
.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px;
}
.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}
.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close:hover, .sf-jqueryui .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}
.sf-jqueryui .ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    overflow: auto;
    padding: 0.5em 1em;
}
.sf-jqueryui .ui-dialog .ui-dialog-buttonpane {
    background-image: none;
    border-width: 1px 0 0;
    margin: 0.5em 0 0;
    padding: 0.3em 1em 0.5em 0.4em;
    text-align: left;
}
.sf-jqueryui .ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    float: right;
    line-height: 1.4em;
    margin: 0.5em 0.4em 0.5em 0;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
}
.sf-jqueryui .ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px;
}
.sf-jqueryui .ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.sf-jqueryui .ui-progressbar {
    height: 2em;
    text-align: left;
}
.sf-jqueryui .ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px;
}
.sf-jqueryui .ui-resizable {
    position: relative;
}
.sf-jqueryui .ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
    z-index: 99999;
}
.sf-jqueryui .ui-resizable-disabled .ui-resizable-handle, .sf-jqueryui .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.sf-jqueryui .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%;
}
.sf-jqueryui .ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.sf-jqueryui .ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}
.sf-jqueryui .ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px;
}
.sf-jqueryui .ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px;
}
.sf-jqueryui .ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px;
}
.sf-jqueryui .ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px;
}
.sf-jqueryui .ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px;
}
.sf-jqueryui .ui-slider {
    position: relative;
    text-align: left;
}
.sf-jqueryui .ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}
.sf-jqueryui .ui-slider .ui-slider-range {
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.sf-jqueryui .ui-slider-horizontal {
    height: 0.8em;
}
.sf-jqueryui .ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
}
.sf-jqueryui .ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
.sf-jqueryui .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.sf-jqueryui .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.sf-jqueryui .ui-slider-vertical {
    height: 100px;
    width: 0.8em;
}
.sf-jqueryui .ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-bottom: -0.6em;
    margin-left: 0;
}
.sf-jqueryui .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.sf-jqueryui .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.sf-jqueryui .ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.sf-jqueryui .ui-tabs {
    padding: 0.2em;
    position: relative;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav {
    border-bottom: 0 none;
    margin: 0;
    padding: 0.2em 0.2em 0;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav li {
    border-bottom: 0 none !important;
    float: left;
    list-style: none outside none;
    margin: 0 0.2em 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.sf-jqueryui .ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    padding: 1em 1.4em;
}
.sf-jqueryui .ui-tabs .ui-tabs-hide {
    display: none !important;
}
.Syncfusion-Grid-Core {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    font-family: Segoe UI;
    font-size: 12px;
    height: auto;
    outline: 0 none;
}
.Syncfusion-Grid-Core .sf-grid-edit-buttons {
    margin-left: 20%;
}
.Syncfusion-Grid-Core .sf-grid-edit-buttons button:first-child {
    margin-right: 10px;
}
.Syncfusion-Grid-Core .GridContent .Table, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.GroupCaption, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RecordPlusExpand, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.MasterCellExpand, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RecordPlusCollapse, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.MasterCellCollapse {
    border-style: none;
    border-width: 0;
}
.Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.EditCell .Table {
    border-top-style: none;
    border-top-width: 0;
}
.Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RowCell, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.EmptyCell {
    border-width: 0 1px 0 0;
}
.Syncfusion-Grid-Core .RowCell.LastRowCell, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RowCell.LastRowCell {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.Syncfusion-Grid-Core .RowCell.LastColumnCell, .Syncfusion-Grid-Core .GroupCaption {
    border-right-style: none;
    border-right-width: 0;
}
.Syncfusion-Grid-Core .RowCell.DropColumnWidth {
    border-right-style: solid;
}
.Syncfusion-Grid-Core .HeaderCell, .Syncfusion-Grid-Core .TopLeftCell, .Syncfusion-Grid-Core .HeaderCellHover {
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
}
.Syncfusion-Grid-Core .AutoWrap .HeaderBar {
    height: 29px;
}
.Syncfusion-Grid-Core .CaptionRow, .Syncfusion-Grid-Core .GroupDropArea, .Syncfusion-Grid-Core .GroupTopLeftCell {
    border-style: none none solid;
    border-width: 0 0 1px;
}
.Syncfusion-Grid-Core .grid-icon {
    float: left;
}
.Syncfusion-Grid-Core .Table {
    border: 0 none;
    table-layout: fixed;
    width: 100%;
}
.Syncfusion-Grid-Core .HeaderIE7 th.GroupTopLeftCell, .Syncfusion-Grid-Core .HeaderIE7 th.HeaderCell, .Syncfusion-Grid-Core .HeaderIE7 th.HeaderCellHover {
    padding: 0.7em;
}
.Syncfusion-Grid-Core td.Merged {
    display: none;
}
.Syncfusion-Grid-Core .TblIE7 td.RowCell {
    padding: 0.5em;
    white-space: pre;
}
.Syncfusion-Grid-Core .TblIE7 td.EmptyCell {
    visibility: visible;
}
.Syncfusion-Grid-Core .TblIE7.AutoWrap td.RowCell {
    white-space: normal;
}
.Syncfusion-Grid-Core .TblIE7 {
    border-collapse: collapse;
}
.Syncfusion-Grid-Core .GridContent {
    outline: medium none;
    overflow: hidden;
}
.Syncfusion-Grid-Core .Cont-widthSettings {
    top: -17px;
}
.Syncfusion-Grid-Core .Cont-widthSettingsMoz {
    top: -21px;
}
.Syncfusion-Grid-Core .Hdr-widthSettings {
    overflow: hidden;
}
.Syncfusion-Grid-Core .ScrollOn {
    overflow-x: auto;
    overflow-y: scroll;
}
.Syncfusion-Grid-Core .HScrollOff {
    overflow-x: hidden;
}
.Syncfusion-Grid-Core .HScrollOffIE7 {
    overflow-x: hidden;
    padding-right: 17px;
}
.Syncfusion-Grid-Core .GroupDropArea {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    text-indent: 10pt;
    width: 100%;
}
.Syncfusion-Grid-Core .TopRightCell, .Syncfusion-Grid-Core th.MasterHeaderLeftCell {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px 1px 0 0;
    cursor: pointer;
    padding: 0;
}
.Syncfusion-Grid-Core .TopLeftCell {
    border-collapse: collapse;
    cursor: pointer;
    padding: 0;
}
.Syncfusion-Grid-Core th.MasterHeaderLeftCell {
    border-width: 0 1px 1px 0;
    cursor: default;
}
.Syncfusion-Grid-Core .GroupTopLeftCell {
    cursor: default;
}
.Syncfusion-Grid-Core .LastGroupTopLeftCell {
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
}
.Syncfusion-Grid-Core .TopRightCell {
    border-right: 0 none;
}
.Syncfusion-Grid-Core .CaptionRow {
    border-collapse: collapse;
    font-weight: normal;
    height: 25px;
    padding-top: 5px;
    text-indent: 15px;
}
.Syncfusion-Grid-Core .PagerCaptionRow {
    border-top-style: solid;
    border-top-width: 1px;
}
.Syncfusion-Grid-Core .PagerGroupDropArea {
    border-bottom-style: hidden;
    border-top-width: 1px;
}
.Syncfusion-Grid-Core .GroupCaption {
    border-collapse: collapse;
    border-style: solid none none;
    border-width: 1px;
    display: table-cell;
    font-weight: normal;
    padding-left: 0.7em;
    padding-right: 0.7em;
}
.Syncfusion-Grid-Core .IE7Hide {
    padding: 0 !important;
    visibility: hidden;
}
.Syncfusion-Grid-Core .IE7WrapText {
    line-height: 0 !important;
}
.Syncfusion-Grid-Core .IE7Hide.RowCell, .Syncfusion-Grid-Core .IE7Hide.HeaderCell, .Syncfusion-Grid-Core .IE7Hide.HeaderCellHover, .Syncfusion-Grid-Core .IE7Hide.RowHeader {
    border-style: none;
    border-width: 0;
}
.Syncfusion-Grid-Core .HeaderCell, .Syncfusion-Grid-Core .HeaderCellHover {
    border-collapse: collapse;
    height: 29px;
    overflow: hidden;
    padding: 0 0.5em;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Syncfusion-Grid-Core .HeaderCellDiv {
    border: 0 none;
    display: block;
    font-weight: normal;
    height: 29px;
    line-height: 29px;
    margin: -7px;
    overflow: hidden;
    padding: 0 25px 0 7px;
    text-align: left;
    white-space: nowrap;
}
.Syncfusion-Grid-Core .GroupHeaderCell, .Syncfusion-Grid-Core .GroupHeaderCell:hover, .Syncfusion-Grid-Core .GrpHdrUnboundColumn {
    border: 1px solid;
    border-collapse: collapse;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    height: 17px;
    margin: 0 3px;
    overflow: hidden;
    padding: 0.2em 0.7em 0.2em 0.4em;
}
.Syncfusion-Grid-Core .HeaderColumnSelectionCursor {
    cursor: move;
}
.Syncfusion-Grid-Core .HeaderRowSelectionCursor {
    cursor: move;
}
.Syncfusion-Grid-Core .SelectedHeaderCell {
    border-style: solid;
    border-width: 0 1px 1px 0;
    height: 29px;
    overflow: hidden;
    padding: 0 0.5em;
    text-align: left;
}
.Syncfusion-Grid-Core .RowHeader {
    border-style: none solid none none;
    border-width: 1px;
    overflow: hidden;
    padding: 0;
}
.Syncfusion-Grid-Core .TemplateCell {
    text-decoration: underline;
}
.Syncfusion-Grid-Core .SelectedRowHeaderCell {
    border-style: none solid hidden none;
    border-width: 1px;
    overflow: hidden;
    padding: 0;
}
.Syncfusion-Grid-Core .RowCell, .Syncfusion-Grid-Core .EmptyCell, .Syncfusion-Grid-Core tr[class*="ChildRow"] > .ChildGrid {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px 1px 0 0;
    display: table-cell;
    line-height: 0.45em;
    overflow: hidden;
    padding: 0.7em;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}
.Syncfusion-Grid-Core .AutoWrap .RowCell, .Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {
    line-height: normal;
    white-space: normal;
}
.Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {
    margin: -1px -7px;
}
.Syncfusion-Grid-Core .AutoWrap .RowCell {
    text-overflow: ellipsis;
}
.Syncfusion-Grid-Core .AutoWrap .HeaderCell, .Syncfusion-Grid-Core .AutoWrap .HeaderCellHover, .Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {
    height: auto;
    margin: 0;
}
.Syncfusion-Grid-Core .BoolRowCell {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}
.Syncfusion-Grid-Core tr[class*="ChildRow"] > .ChildGrid {
    border-style: none solid none none;
    border-width: 0;
    line-height: 1.3em;
    padding: 5px;
}
.Syncfusion-Grid-Core .MasterCellIndent {
    border-width: 0;
}
.Syncfusion-Grid-Core .IndentCell {
    border-collapse: collapse;
    border-style: solid;
    border-width: 0 1px 0 0;
    display: table-cell;
    line-height: 0.3em;
    overflow: hidden;
    padding: 0.7em;
}
.Syncfusion-Grid-Core .Summary {
    border-style: solid;
    border-width: 1px 0 0;
    overflow: hidden;
    padding: 0.7em;
    white-space: nowrap;
}
.Syncfusion-Grid-Core .GridSummary {
    border-style: none;
    border-width: 1px;
}
.Syncfusion-Grid-Core .RecordPlusCollapse, .Syncfusion-Grid-Core .MasterCellCollapse {
    border-collapse: collapse;
    border-style: solid none none;
    border-width: 1px;
    cursor: pointer;
    display: table-cell;
    overflow: hidden;
    padding: 0;
}
.Syncfusion-Grid-Core .RecordPlusExpand, .Syncfusion-Grid-Core .MasterCellExpand {
    border-collapse: collapse;
    border-style: solid none none;
    border-width: 1px;
    cursor: pointer;
    display: table-cell;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
}
.Syncfusion-Grid-Core .Descending, .Syncfusion-Grid-Core .Ascending {
    padding-right: 20px;
}
.Syncfusion-Grid-Core .reSizeColbg {
    width: 1px;
    z-index: 1;
}
.Syncfusion-Grid-Core .GridPager {
    border-style: solid;
    border-width: 1px 0 0;
    display: inline-block;
    padding-bottom: 4px;
    padding-top: 5px;
    white-space: normal;
    width: 100%;
}
.Syncfusion-Grid-Core .GridPagerTop {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: hidden;
}
.Syncfusion-Grid-Core .NumericItem:hover {
    cursor: pointer;
    padding: 1px 5px 2px;
}
.Syncfusion-Grid-Core .NumericItem:hover, .Syncfusion-Grid-Core .Spacing, .Syncfusion-Grid-Core .CurrentItem {
    border-radius: 5px;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
}
.Syncfusion-Grid-Core .Spacing {
    padding: 1px 5px 2px;
}
.Syncfusion-Grid-Core .GridPager div, .Syncfusion-Grid-Core .GridPager a {
    -moz-user-select: none;
    display: inline;
}
.Syncfusion-Grid-Core .FirstPage, .Syncfusion-Grid-Core .PrevPage, .Syncfusion-Grid-Core .FirstPageDisabled, .Syncfusion-Grid-Core .PrevPageDisabled, .Syncfusion-Grid-Core .NextPage, .Syncfusion-Grid-Core .LastPage, .Syncfusion-Grid-Core .NextPageDisabled, .Syncfusion-Grid-Core .LastPageDisabled {
    margin-left: 10px;
    padding: 1px 8px 2px;
}
.Syncfusion-Grid-Core .GridPager .DisabledItem {
    display: inline-block;
    height: 10px;
}
.Syncfusion-Grid-Core .FirstPageDisabled, .Syncfusion-Grid-Core .PrevPageDisabled, .Syncfusion-Grid-Core .NextPageDisabled, .Syncfusion-Grid-Core .LastPageDisabled {
    opacity: 0.3;
}
.Syncfusion-Grid-Core .FirstPage:hover, .Syncfusion-Grid-Core .PrevPage:hover, .Syncfusion-Grid-Core .LastPage:hover, .Syncfusion-Grid-Core .NextPage:hover {
    cursor: pointer;
}
.Syncfusion-Grid-Core .GridPager a.NextPrevItemDisabled {
    display: none;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}
.Syncfusion-Grid-Core .CurrentItem {
    border-width: 1px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
.Syncfusion-Grid-Core .MsgBar {
    padding-left: 25px;
    white-space: normal;
}
.Syncfusion-Grid-Core div.ParentMsgBar {
    display: inline-block;
    float: right;
    padding-right: 5px;
}
.Syncfusion-Grid-Core .ToolbarItems {
    margin-left: 25px;
    padding-right: 3px;
}
.Syncfusion-Grid-Core .ToolbarIcons {
    display: inline-block;
    line-height: 26px;
    margin: 0;
    min-height: 26px;
    min-width: 26px;
    text-decoration: none;
    vertical-align: middle;
}
.Syncfusion-Grid-Core .EditCell {
    padding: 0;
}
.Syncfusion-Grid-Core .EditCell form {
    margin-bottom: 0;
}
.Syncfusion-Grid-Core .EditCell .Table {
    border-style: solid;
    border-width: 1px 0 0;
}
.Syncfusion-Grid-Core .EditForm .hasDatepicker, .Syncfusion-Grid-Core .EditCell input[type="text"] {
    padding-left: 0;
    text-indent: 1px;
    width: 250px;
}
.Syncfusion-Grid-Core .EditCell input {
    font-family: Segoe UI;
    font-size: 12px;
}
.Syncfusion-Grid-Core input[id="SearchBox"] {
    vertical-align: middle;
}
.Syncfusion-Grid-Core .EditFormCaptionCell {
    display: table-cell;
    font-weight: normal;
    height: 25px;
    padding-left: 3px;
    padding-right: 3px;
}
.Syncfusion-Grid-Core .StringFilter, .Syncfusion-Grid-Core .DateFilter, .Syncfusion-Grid-Core .NumericFilter {
    height: 82px;
    margin: 5px;
    padding: 20px;
    width: 150px;
}
.Syncfusion-Grid-Core .CustomFilterDropDown {
    margin: 5px;
}
.ui-datepicker {
    z-index: 99999;
}
.Syncfusion-Grid-Core .EditForm {
    width: 100%;
}
.Syncfusion-Grid-Core.DialogEdit .EditForm {
    width: 100%;
}
.Syncfusion-Grid-Core.ExternalEdit .EditForm {
    height: 100%;
    width: 100%;
}
.Syncfusion-Grid-Core .EditForm p {
    clear: left;
    padding-left: 6%;
    padding-top: 5px;
}
.Syncfusion-Grid-Core .RecordCaption {
    float: left;
    font: bold 0.93em Segoe UI;
    padding-right: 25px;
    text-align: right;
    width: 100px;
}
.Syncfusion-Grid-Core .EditForm p input[type="button"] {
    margin-left: 10px;
    width: 100px;
}
.Syncfusion-Grid-Core .EditForm fieldset {
    border-style: none;
    border-width: 1px;
    margin: 0;
    padding: 10px;
}
.Syncfusion-Grid-Core .EditForm fieldset > div {
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.Syncfusion-Grid-Core .EditForm legend {
    font-size: 24px;
    font-weight: normal;
    margin-top: 14px;
    padding: 0 125px;
}
.Syncfusion-Grid-Core .EditForm fieldset > div > .RecordCaption, .Syncfusion-Grid-Core .EditForm fieldset > div > .RecordCaption + div {
    display: inline-block;
}
.Syncfusion-Grid-Core .EditCell .field-validation-error, .Syncfusion-Grid-Core .EditForm .field-validation-error, .Syncfusion-Grid-Core .RowCell .field-validation-error {
    font-weight: normal;
    position: absolute !important;
    z-index: 99999;
}
.Syncfusion-Grid-Core .EditForm p input[type="button"] {
    margin-left: 25px;
    width: 100px;
}
.Syncfusion-Grid-Core .EditForm fieldset {
    padding: 10px;
}
.Syncfusion-Grid-Core .EditForm fieldset > div {
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.Syncfusion-Grid-Core .EditInlineForm {
    padding: 5px 0;
}
.Syncfusion-Grid-Core .EditForm .hasDatepicker {
    width: 217px;
}
.Syncfusion-Grid-Core.DialogEdit .EditForm .hasDatepicker {
    width: auto;
}
.Syncfusion-Grid-Core.ExternalEdit .EditForm .hasDatepicker {
    width: auto;
}
.Syncfusion-Grid-Core .EditCell input[type="text"], .Syncfusion-Grid-Core .EditInlineForm input[type="text"] {
    width: 217px;
}
.Syncfusion-Grid-Core .EditForm p input[type="button"] {
    margin-left: 25px;
    width: 100px;
}
.Syncfusion-Grid-Core .EditForm fieldset {
    padding: 10px;
}
.Syncfusion-Grid-Core div[class*="-horizontal"] ul {
    display: inline-block;
    float: none;
}
.Syncfusion-Grid-Core div[class*="-horizontal"] li {
    margin: 1px 2px !important;
    padding: 0;
}
.Syncfusion-Grid-Core .Gridtoolbar .customToolItem {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}
.Syncfusion-Grid-Core .DragElementtext {
    border-style: solid !important;
    border-width: 1px !important;
    cursor: default;
    font-family: Trebuchet MS;
    font-size: 9pt;
    padding-left: 10px;
}
ul[class*="sf-grid-"][class*="-menu"] .sf-choiceList {
    border-style: dotted;
    border-width: 1px;
    float: left;
    height: 147px;
    overflow: hidden;
    width: 186px;
}
.Syncfusion-Grid-Core .GridEditors {
    border-style: solid !important;
    border-width: 1px !important;
}
.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-slider-handle {
    height: 17px;
    width: 17px;
}
.Syncfusion-Grid-Core .sliderPagerContainer {
    line-height: 29px;
    position: relative;
    top: 5px;
}
.Syncfusion-Grid-Core .GridPager .manualPagerLabel {
    margin-left: 10px;
    margin-right: 10px;
}
.Syncfusion-Grid-Core .GridPager .gridPagerContainerRight {
    display: inline-block;
    float: right;
    text-align: right;
}
.Syncfusion-Grid-Core .GridPager .gridPagerContainer {
    display: inline-block;
}
.Syncfusion-Grid-Core .GridPager .NumericPager {
    margin-left: 10px;
}
.Syncfusion-Grid-Core .NextPage:hover, .Syncfusion-Grid-Core .LastPage:hover, .Syncfusion-Grid-Core .FirstPage:hover, .Syncfusion-Grid-Core .PrevPage:hover, .Syncfusion-Grid-Core .GridPager .RefreshPager:hover {
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}
.Syncfusion-Grid-Core div[class*="-horizontal"] .Toolbar_Separator {
    margin-top: 8px !important;
}
.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBar, .Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBarBottom {
    border-style: solid;
    display: none;
    height: 10px;
    padding-bottom: 4px;
    padding-top: 5px;
    position: absolute;
}
.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBar {
    border-width: 1px 1px 0;
    margin-top: -20px;
}
.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBarBottom {
    border-width: 0 1px 1px;
    margin-top: 1px;
}
.Syncfusion-Grid-Core .FilterBarCell input {
    border-style: solid;
    border-width: 1px;
    float: left;
    font-family: Segoe UI;
    font-size: 12px;
    margin-left: 7px;
    text-indent: 1px;
    width: 90%;
}
.Syncfusion-Grid-Core .FilterBarCell, .Syncfusion-Grid-Core .FilterBarCellDisabled {
    border-collapse: collapse;
    border-style: solid;
    border-width: 0 1px 1px 0;
    cursor: default;
    height: 27px;
    overflow: hidden;
    padding: 0;
}
.Syncfusion-Grid-FilterStatusBar .MsgDiv, .Syncfusion-Grid-FilterStatusBarBottom .MsgDiv {
    margin-left: 5px;
    margin-top: -3px;
    position: absolute;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell input {
    border-width: 0;
    height: 100%;
    margin-left: 2px;
    padding: 0;
    text-indent: 5px;
    width: 90%;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell {
    padding: 0;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors {
    border-width: 0 !important;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors input, .Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors .button {
    height: 18px;
    margin-top: 1px;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell select {
    height: 18px;
    margin-left: 2px;
    width: 90%;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell input[type="checkbox"], .Syncfusion-Grid-Core .BoolRowCell input[type="checkbox"] {
    height: auto;
    margin-left: 0.7em;
    width: auto;
}
.Syncfusion-Grid-Core .EnableRowHover tbody > tr:hover > .RowHeader {
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    overflow: hidden;
    padding: 0;
}
.Syncfusion-Grid-Core .ef-Container {
    border-spacing: 0;
    cursor: default;
    display: table;
    min-width: 420px;
    position: relative;
}
.ef-wrapper {
    border: 1px solid;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    z-index: 100;
}
.Syncfusion-Grid-Core .ef-shadow {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.345);
}
.Syncfusion-Grid-Core .ExternalForm-Header {
    font-size: 8pt;
    font-weight: normal;
    padding: 7px 0 12px 12px;
}
.Syncfusion-Grid-Core .ef-headerText {
    float: left;
    margin-top: 2px;
    white-space: nowrap;
}
.Syncfusion-Grid-Core .ef-contentWrapper {
    -moz-box-sizing: border-box;
    border-spacing: 0;
    display: block;
    overflow: auto;
    width: 100%;
}
.Syncfusion-Grid-Core .ef-clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.Syncfusion-Grid-Core .UnboundCell {
    float: left;
    line-height: 1.3em;
    margin: 0 0.2em;
    min-height: 15px;
    min-width: 15px;
    padding: 5px 10px;
    text-decoration: underline;
}
.Syncfusion-Grid-Core .UnboundButton {
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 0 0 6px #FFFFFF inset;
    min-width: 25px;
    text-decoration: none;
}
.Syncfusion-Grid-Core legend {
    font-weight: normal;
    padding: 0 8px;
}
.Syncfusion-Grid-Core fieldset {
    border-style: solid;
    border-width: 1px;
    margin: 10px 0;
    padding: 5px 8px 8px;
}
.Syncfusion-Grid-Core .GridHeader, .Syncfusion-Grid-Core .ExternalForm-Header {
    background-attachment: scroll;
    background-position: 0 0;
    background-repeat: repeat-x;
    overflow-x: hidden;
    position: relative;
}
.Syncfusion-Grid-Core.cloneProperties {
    background-attachment: scroll;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-style: solid;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}
.Syncfusion-Grid-Core .GroupHeaderCell {
    background-position: 0 0;
}
.Syncfusion-Grid-Core .RecordPlusExpand > div, .Syncfusion-Grid-Core .MasterCellExpand > div {
    background-attachment: scroll;
    background-position: -207px -210px;
    background-repeat: no-repeat;
    height: 19px;
    padding: 0;
    vertical-align: middle;
    width: 23px;
}
.Syncfusion-Grid-Core .RecordPlusCollapse > div, .Syncfusion-Grid-Core .MasterCellCollapse > div {
    background-attachment: scroll;
    background-position: -191px -207px;
    background-repeat: no-repeat;
    height: 19px;
    padding: 0;
    vertical-align: middle;
    width: 23px;
}
.Syncfusion-Grid-Core .Ascending {
    background-attachment: scroll;
    background-position: 0 -778px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .Descending {
    background-attachment: scroll;
    background-position: 0 -802px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .FirstPage, .Syncfusion-Grid-Core .FirstPageDisabled {
    background-attachment: scroll;
    background-position: -2px -681px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .PrevPage, .Syncfusion-Grid-Core .PrevPageDisabled {
    background-attachment: scroll;
    background-position: 0 -728px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .NextPage, .Syncfusion-Grid-Core .NextPageDisabled {
    background-attachment: scroll;
    background-position: 0 -754px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .LastPage, .Syncfusion-Grid-Core .LastPageDisabled {
    background-attachment: scroll;
    background-position: -1px -707px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .GridPager .NumericItem {
    display: inline-block;
}
.ColumnDropIndicator {
    background-attachment: scroll;
    background-position: -5px -609px;
    background-repeat: no-repeat;
    height: 35px;
    width: 13px;
}
.Syncfusion-Grid-Core .AddNewItem {
    background-attachment: scroll;
    background-position: 4px -14px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .EditItem {
    background-attachment: scroll;
    background-position: 4px -84px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .ExcelItem {
    background-attachment: scroll;
    background-position: 4px -155px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .WordItem {
    background-attachment: scroll;
    background-position: 4px -568px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .PdfItem {
    background-attachment: scroll;
    background-position: 4px -532px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .DeleteItem {
    background-attachment: scroll;
    background-position: 4px -119px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .SaveItem {
    background-attachment: scroll;
    background-position: 4px -253px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .Cancel {
    background-attachment: scroll;
    background-position: 4px -218px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .FilterIcon {
    background-attachment: scroll;
    background-position: -3px -192px;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 10px;
    margin: -14px -4px -3px 3px;
    padding: 3px 2px;
    position: relative;
    width: 10px;
}
.Syncfusion-Grid-Core .AutoWrap .FilterIcon {
    margin: -14px -4px -7px 3px;
}
.Syncfusion-Grid-Core .FilterIconTick {
    background-attachment: scroll;
    background-position: -2px -324px;
    background-repeat: no-repeat;
    float: right;
    height: 10px;
    margin: -14px -4px -3px 3px;
    padding: 3px 2px;
    position: relative;
    width: 10px;
}
.Syncfusion-Grid-Core .FilterCellHover {
    background-attachment: scroll;
    background-position: 0 -244px;
    background-repeat: no-repeat;
    float: right;
    height: 10px;
    padding: 7px 7px 0 0;
    width: 10px;
}
.Syncfusion-Grid-Core div[class*="sf"] .ui-state-default, .Syncfusion-Grid-Core div[class*="sf"] .ui-widget-content .ui-state-default {
    background-position: 0 -438px;
    border: 0 none;
}
.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-state-hover {
    background-position: 0 -474px;
}
.Syncfusion-Grid-Core div[class*="sf"] .ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
}
.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-slider-range {
    background-position: 0 -512px;
    background-repeat: repeat-x;
    border: medium none;
}
.Syncfusion-Grid-Core div[class*="sf"] .ui-widget-content {
    background-position: 0 -412px;
    background-repeat: repeat-x !important;
    border: 0 none;
    display: inline-block;
    height: 8px;
}
div[class*="Syncfusion-Grid-"][class*="-Tooltip"] {
    border: medium none;
    min-width: 13px;
    position: absolute;
    top: -20px;
}
div[class*="Syncfusion-Grid-"][class*="-Tooltip"] .tooltipTopDiv {
    background-repeat: repeat-x;
    border: medium none;
    display: block;
    font-size: 10px;
    min-width: 13px;
    padding: 0 1px;
    text-align: center;
}
div[class*="Syncfusion-Grid-"][class*="-Tooltip"] .tooltipBottomDiv {
    background-position: -174px -24px;
    background-repeat: no-repeat;
    display: block;
    height: 6px;
    position: absolute;
}
.Syncfusion-Grid-Core .GridPager .RefreshPager {
    background-position: -1px -53px;
    border-radius: 5px;
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle;
    width: 18px;
}
.Syncfusion-Grid-Core .RowCell.updatedCell {
    background-position: -7px -832px;
    background-repeat: no-repeat;
}
.Syncfusion-Grid-Core .EnableRowHover tbody > tr:hover > .RowHeader div, .Syncfusion-Grid-Core .HeaderIcon {
    background-attachment: scroll;
    background-position: 0 -160px;
    background-repeat: no-repeat;
    width: 20px;
}
.Syncfusion-Grid-Marble .ef-toggle {
    background-image: url("images/ui-icon.png")
    border: 1px solid #F0F0F0;
    float: right;
    height: 18px;
    margin-right: 5px;
    width: 18px;
}
.Syncfusion-Grid-Marble .ef-toggle:hover {
    background-color: #F2F2F2;
    border-color: #989898;
}
.Syncfusion-Grid-Marble .ef-toggle.topright {
    background-position: -128px -143px;
}
.Syncfusion-Grid-Marble .ef-toggle.bottomleft {
    background-position: -128px -143px;
    transform: rotate(90deg);
}
.Syncfusion-Grid-Core .ExternalForm {
    background-color: #D8D8D8;
    padding: 0.5em 1em;
}
.Syncfusion-Grid-Core .ImageOnly {
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 20px !important;
}
.Syncfusion-Grid-Core .ImagePlusText {
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: 10px;
}
.Syncfusion-Grid-Core .sf-toolbar.Marble-horizontal {
    height: 32px;
    width: 100%;
}
ul.Marble-context {
    z-index: 1000;
}
.Syncfusion-Grid-Core .Search {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-position: 4px -349px;
    background-repeat: no-repeat;
}
ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl:hover {
    background-color: transparent;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
}
.sf-sp-Hhandle:hover, .sf-sp-Vhandle:hover {
    background-color: #F2F2F2;
}
ul[class*="sf-grid-"][class*="-menu"] .ClearFilterSideImg {
    background-attachment: scroll;
    background-position: -2px -292px;
    background-repeat: no-repeat;
    float: left;
    height: 17px;
    margin: 2px;
    position: absolute;
    width: 1.5em;
}
.reSizeColbg {
    width: 1px;
    z-index: 2;
}
.ui-selectable-helper {
    border-style: solid !important;
    border-width: 1px !important;
    opacity: 0.4;
}
.ui-selectable-helper {
    opacity: 0.4;
    position: absolute;
    z-index: 100;
}
.DragTable {
    border-style: groove;
    border-width: 1px;
}
.DropAllowCursor {
    cursor: url('images/ARROW.cur'), move !important;
}
ul[class*="sf-grid-"][class*="-menu"] .sf-choiceList label.NoMatch {
    margin-left: 2px;
}
.sf-grid-marble-menu .sf-choiceList .sf-sp-vback {
    width: 11px;
}
.sf-grid-marble-menu .sf-choiceList .DropDownFilters {
    height: auto;
}
ul[class*="sf-grid-"][class*="-menu"] .Search-Choice-wrapper {
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 186px;
}
ul[class*="sf-grid-"][class*="-menu"] .button-wrapper, ul[class*="sf-grid-"][class*="-menu"] .button-wrapper:hover {
    background-attachment: scroll;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 0 0 0 1px;
    display: block;
    float: right;
    height: 20px;
    width: 11%;
}
ul[class*="sf-grid-"][class*="-menu"] .button-wrapper:hover {
    background-attachment: scroll;
    background-position: 0 -48px;
    background-repeat: repeat-x;
}
ul[class*="sf-grid-"][class*="-menu"] .searchButton {
    background-attachment: scroll;
    background-position: 1px -352px;
    background-repeat: no-repeat;
}
ul[class*="sf-grid-"][class*="-menu"] .closeButton {
    background-attachment: scroll;
    background-position: 1px -380px;
    background-repeat: no-repeat;
}
ul[class*="sf-grid-"][class*="-menu"] .search-wrapper, ul[class*="sf-grid-"][class*="-menu"] .search-wrapper:hover {
    background-image: none;
    border-left-width: 0;
}
ul[class*="sf-grid-"][class*="-menu"] .Search-Choice-wrapper input {
    border: 1px none;
    float: left;
    height: 20px;
    padding: 0;
    text-indent: 2px;
    width: 88%;
}
ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl, ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl:hover {
    margin-top: 6px;
}
ul[class*="sf-grid-"][class*="-menu"] .FilterDiv {
    float: right;
    padding: 0 5px 0 0;
}
ul[class*="sf-grid-"][class*="-menu"] .FilterDiv button {
    border-radius: 5px;
    margin: 15px 5px 0 10px;
}
.sf-grid-marble-menu .sf-warningmsg {
    display: block;
    float: left;
}
ul[class*="sf-grid-"][class*="-menu"] a {
    font-family: segoe UI;
}
.sfmatch-options input[type="checkbox"] {
    margin-left: 10px;
}
ul[name="syncfusion-grid"] li > div.sortbyasc { 
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -72px rgba(0, 0, 0, 0);
     }

ul[name="syncfusion-grid"][class*="blend"] li > div.sortbyasc, ul[name="syncfusion-grid"][class*="midnight"] li > div.sortbyasc {
    background-position: 0 -36px;
}
ul[name="syncfusion-grid"] > li > div.sortbydesc {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -701px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"][class*="blend"] li > div.sortbydesc, ul[name="syncfusion-grid"][class*="midnight"] li > div.sortbydesc {
    background-position: 0 -275px;
}
ul[name="syncfusion-grid"] > li > div.groupby {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -419px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.deleterecord {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -311px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.clearsorting {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -241px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"][class*="blend"] li > div.clearsorting, ul[name="syncfusion-grid"][class*="midnight"] li > div.clearsorting {
    background-position: 0 -143px;
}
ul[name="syncfusion-grid"] > li > div.cleargrouping {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -211px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.clearfilter {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -179px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.addrecord {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.editrecord {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -347px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.visiblecolumns {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -665px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.save {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -629px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.cancel {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -107px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.hidecolumn {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -449px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.nextpage {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -521px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.previouspage {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -557px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.firstpage {
    background:url('images/contextmenusprite.png') no-repeat scroll 0 -383px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.lastpage {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -485px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div.refreshpager {
    background: url('images/contextmenusprite.png') no-repeat scroll 0 -593px rgba(0, 0, 0, 0);
}
ul[name="syncfusion-grid"] > li > div {
    height: 16px;
    margin-left: 7px;
    margin-top: 2px;
    width: 16px;
}
ul[name="syncfusion-grid"] > li > a + ul > li > div.visiblecolumns {
    background-image: none !important;
}
ul[name="syncfusion-grid"] li > div > input {
    margin: 0;
    padding: 0;
}
ul[name="syncfusion-grid"] li {
    height: 21px;
}
ul[name="syncfusion-grid"] li > a {
    font-family: Verdana;
    font-weight: lighter;
    padding: 0 0 0 3.5em !important;
}
.Marble .sf-sp-tr {
    background-position: 2px -169px;
}
.Marble .sf-sp-vwrapper, .Marble .sf-sp-hwrapper {
    background-color: #E4E4E4;
}
.Syncfusion-Grid-Marble {
    border-color: #989898;
    color: #000000;
}
.Syncfusion-Grid-Marble .GridContent .Table {
    border-bottom-color: #D7D7D7;
    border-top-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .GridContent {
    background-color: #FFFFFF;
}
.Syncfusion-Grid-Marble .Gridtoolbar {
    border-top-color: #D7D7D7 !important;
}
.Syncfusion-Grid-Marble .GroupDropArea {
    background-color: #D6D7D6;
    border-color: #989898;
}
.Syncfusion-Grid-Marble.cloneProperties {
    background-color: #D6D7D6;
    border-color: #D7D7D7;
    color: #000000;
}
.Syncfusion-Grid-Marble th.MasterHeaderLeftCell {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .CaptionRow {
    background-color: #E2E2E2;
}
.Syncfusion-Grid-Marble .HeaderCell, .Syncfusion-Grid-Marble .GroupTopLeftCell, .Syncfusion-Grid-Marble .TopLeftCell, .Syncfusion-Grid-Marble .CaptionRow, .Syncfusion-Grid-Marble .HeaderCellHover {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Core .sf-toolbar.Marble-horizontal {
    border-color: #D7D7D7;
    border-style: solid;
    border-width: 0 0 1px;
}
.Marble .sf-sp-tr {
    border-color: #D7D7D7;
    border-top: 1px solid #D7D7D7;
}
.Syncfusion-Grid-Marble .PagerCaptionRow {
    border-top-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .PagerGroupDropArea {
    background-color: #E2E2E2;
    border-top-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .GroupCaption {
    background-color: #EAEAEA;
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .HeaderCellHover, .Syncfusion-Grid-Marble .GroupHeaderCell:hover {
    color: #000000;
}
.Syncfusion-Grid-Marble .GroupHeaderCell, .Syncfusion-Grid-Marble .GroupHeaderCell:hover, .Syncfusion-Grid-Marble .GrpHdrUnboundColumn {
    border-color: #BFBFBF;
}
.Syncfusion-Grid-Marble .GroupHeaderCell {
    border-color: #989898;
    color: #000000;
}
.Syncfusion-Grid-Marble .SelectedHeaderCell {
    border-color: #D7D7D7;
    color: #000000;
}
.Syncfusion-Grid-Marble .RowHeader {
    background-color: #E4E4E4;
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .TemplateCell {
    color: #81C909;
}
.Syncfusion-Grid-Marble .UnboundCell {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .SelectedRowHeaderCell, Syncfusion-Grid-Marble .UnboundButton {
    background-color: #E4E4E4;
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .RowCell, .Syncfusion-Grid-Marble .EmptyCell, .Syncfusion-Grid-Marble tr[class*="ChildRow"] > .ChildGrid {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .Alt_Row {
    background-color: #EDEDED;
}
.Syncfusion-Grid-Marble .IndentCell {
    background-color: #EAEAEA;
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .Summary {
    background-color: #E5E5E5;
    border-color: #D7D7D7;
    color: #000000;
}
.Syncfusion-Grid-Marble .GridSummary {
    border: 1px none #D7D7D7;
}
.Syncfusion-Grid-Marble .RecordPlusCollapse, .Syncfusion-Grid-Marble .RecordPlusExpand {
    background-color: #EAEAEA;
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .MasterCellCollapse, .Syncfusion-Grid-Marble .MasterCellExpand {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .RecordPlusExpand > div, .Syncfusion-Grid-Marble .MasterCellExpand > div {
    background-color: #EAEAEA;
}
.Syncfusion-Grid-Marble .PlusMinusSelection {
    background-color: #FCC467;
}
.Syncfusion-Grid-Marble .reSizeColbg {
    background-color: #989898;
}
.Syncfusion-Grid-Marble .SelectedColumn {
    background-color: #CCCCCC;
    color: #000000;
}
.Syncfusion-Grid-Marble .SelectionBackground {
    background-color: #CCCCCC;
    color: #000000;
}
.Syncfusion-Grid-Marble .CurrentCell {
    background-color: #F4F5F5;
    color: #000000;
}
.Syncfusion-Grid-Marble .GridPager {
    background-color: #CBCBCB;
    border-color: #989898;
}
.Syncfusion-Grid-Marble .GridPager, .Syncfusion-Grid-Marble .GridPager .NumericItem, .Syncfusion-Grid-Marble .Spacing, .Syncfusion-Grid-Marble .CaptionRow, .Syncfusion-Grid-Marble .GroupDropArea {
    color: #000000;
}
.Syncfusion-Grid-Marble .NumericItem-hover {
    background-color: #F2F2F2;
    color: #000000;
}
ul.Marble ul li a span.arrows, ul.Marble-context span.arrows, ul.Marble-vertical span.arrows { 
    background:; background-image: url('images/ui-icon.png') no-repeat scroll -100px -208px rgba(0, 0, 0, 0) !important;
}

.Syncfusion-Grid-Marble .PrevPageDisabled, .Syncfusion-Grid-Marble .PrevPage, .Syncfusion-Grid-Marble .NextPage, .Syncfusion-Grid-Marble .NextPageDisabled, .Syncfusion-Grid-Marble .Descending, .Syncfusion-Grid-Marble .Ascending {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('images/Marble_sprite.png');
}
.Syncfusion-Grid-Marble .RecordPlusCollapse > div, .Syncfusion-Grid-Marble .MasterCellCollapse > div, .Syncfusion-Grid-Marble .EnableRowHover tbody > tr:hover > .RowHeader div, .Syncfusion-Grid-Marble .HeaderIcon {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('images/ui-icon.png');
}
.Syncfusion-Grid-Marble .HeaderCellHover, .sf-grid-marble-menu .button-wrapper, .sf-grid-marble-menu .button-wrapper:hover, .Syncfusion-Grid-Marble .FilterCellHover, .Syncfusion-Grid-Marble .GroupHeaderCell:hover {
    background: url('images/hover-bg.png') repeat scroll center center #ede9e9;
}
.sf-grid-marble-menu .sf-choiceList, .sf-grid-marble-menu .Disable_MenuItem a:hover {
    color: #000000 !important;
}
.Syncfusion-Grid-Marble .UnboundButton:hover {
    background-image:  url('images/hover-bg.png');
}
.Syncfusion-Grid-Marble .AddNewItem, .Syncfusion-Grid-Marble .EditItem, .Syncfusion-Grid-Marble .ExcelItem, .Syncfusion-Grid-Marble .WordItem, .Syncfusion-Grid-Marble .PdfItem, .Syncfusion-Grid-Marble .DeleteItem, .Syncfusion-Grid-Marble .SaveItem, .Syncfusion-Grid-Marble .Cancel, .Syncfusion-Grid-Marble .FirstPage, .Syncfusion-Grid-Marble .LastPage, .Syncfusion-Grid-Marble .FirstPageDisabled, .Syncfusion-Grid-Marble .LastPageDisabled, .Syncfusion-Grid-Marble .GridPager .RefreshPager, .Syncfusion-Grid-Marble .Search, .Syncfusion-Grid-Marble .FilterIcon, .Syncfusion-Grid-Marble .FilterIconTick, .sf-grid-marble-menu .ClearFilterSideImg, .sf-grid-marble-menu .searchButton, .sf-grid-marble-menu .closeButton, .ColumnDropIndicator {
    background-color: rgba(0, 0, 0, 0);
    background-image: url('images/Marble_sprite.png');
}
.Syncfusion-Grid-Core .RowCell.updatedCell {
    background-image: url('images/Marble_sprite.png');
}
.Syncfusion-Grid-Marble .sliderContainer .ui-slider, .Syncfusion-Grid-Marble .sliderContainer .ui-slider .ui-slider-range, .Syncfusion-Grid-Marble .sliderContainer .ui-slider-horizontal .ui-slider-handle, .Syncfusion-Grid-Marble .ui-slider .ui-state-hover {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url('images/Marble_sprite.png') !important;
}
.Syncfusion-Grid-Marble .HeaderCell, .Syncfusion-Grid-Marble .grid-icon, .Syncfusion-Grid-Marble .GroupTopLeftCell, .Syncfusion-Grid-Marble .TopRightCell, .Syncfusion-Grid-Marble th.MasterHeaderLeftCell, .Syncfusion-Grid-Marble .TopLeftCell, .Syncfusion-Grid-Marble.cloneProperties, .Syncfusion-Grid-Marble .ExternalForm-Header, .Syncfusion-Grid-Marble .ToggleContainer { 
    background:url('images/header-bg.png') repeat scroll center center #e1dad9;
     }

.Syncfusion-Grid-Marble .GridHeader {
    background-color: #D3D3D3;
    color: #000000;
}
.Syncfusion-Grid-Marble .ef-headerText {
    color: #000000;
}
.Syncfusion-Grid-Marble .Hdr-widthSettings {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .CurrentItem, .Syncfusion-Grid-Marble .CurrentItem:hover {
    background-color: #F4F5F5;
    border-color: #D7D7D7;
    color: #000000 !important;
}
.Syncfusion-Grid-Marble .ToolbarItems {
    color: #000000;
}
.Syncfusion-Grid-Marble .EditFormCaptionCell {
    color: #231F20;
}
.Syncfusion-Grid-Marble .StringFilter, .Syncfusion-Grid-Marble .DateFilter, .Syncfusion-Grid-Marble .NumericFilter {
    background-color: #BFDBFF;
    border-color: #6593CF;
}
.Syncfusion-Grid-Marble .EditForm {
    background-color: #D8D8D8;
}
.Syncfusion-Grid-Marble .RecordCaption {
    color: #000000;
}
.Syncfusion-Grid-Marble .EditForm legend {
    color: #000000;
}
.Syncfusion-Grid-Marble .EditCell .field-validation-error, .Syncfusion-Grid-Marble .EditForm .field-validation-error {
    color: #FF0000;
}
.Syncfusion-Grid-Marble .EditCell {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .EditForm fieldset {
    border-color: #989898;
}
.Syncfusion-Grid-Marble .Gridtoolbar .customToolItem {
    color: #000000;
}
.reSizeColbg {
    background-color: #989898;
}
.sf-menu a {
    white-space: nowrap;
}
.ui-selectable-helper {
    background-color: #D7D7D7;
    border-color: #989898 !important;
}
.Syncfusion-Grid-Marble.DragElementtext {
    background-color: #F4F5FF;
    border-color: #989898 !important;
    color: #000000;
}
.DragTable {
    background-color: #808080;
    border-color: transparent;
}
.Syncfusion-Grid-Marble .SelectionBackground.SelectedRowHighlight {
    background-color: #FFD6A4;
}
.sf-grid-marble-menu .sf-choiceList, .sf-grid-marble-menu .Search-Choice-wrapper, .sf-grid-marble-menu .button-wrapper, .sf-grid-marble-menu .button-wrapper:hover {
    border-color: #989898;
}
.Syncfusion-Grid-Marble .GridEditors {
    border-color: #C0C0C0 !important;
    color: #000000 !important;
}
.Syncfusion-Grid-Marble .button {
    border-color: #C0C0C0 !important;
}
.Syncfusion-Grid-Marble .sfInputText {
    color: #000000;
}
.Syncfusion-Grid-Marble .Table td.FrozenX, .Syncfusion-Grid-Marble .Table th.FrozenX {
    border-right-color: #989898;
}
.Syncfusion-Grid-Marble .Table td.FrozenY {
    border-top-color: #989898;
}
.Syncfusion-Grid-Marble .sfMarble .ui-state-default, .Syncfusion-Grid-Marble .sfMarble .ui-widget-content .ui-state-default {
    background-color: rgba(0, 0, 0, 0) !important;
}
.Syncfusion-Grid-Marble .ToggleTR, .Syncfusion-Grid-Core .ToggleBL, .Syncfusion-Grid-Marble .RecordPlusExpand > div, .Syncfusion-Grid-Marble .MasterCellExpand > div, .Syncfusion-Grid-Marble-Tooltip .tooltipBottomDiv {
    background-image: url('images/ui-icon.png');
}
.Syncfusion-Grid-Marble .SelectedHeaderCell {
    background: url('images/active-bg.png') repeat-x scroll center bottom #F8FAF9;
}
.Syncfusion-Grid-Marble-Tooltip .tooltipTopDiv {
    background-color: #BBAFAD;
    color: #FFFFFF;
}
.Syncfusion-Grid-Marble .NextPage:hover, .Syncfusion-Grid-Marble .LastPage:hover, .Syncfusion-Grid-Marble .FirstPage:hover, .Syncfusion-Grid-Marble .PrevPage:hover, .Syncfusion-Grid-Marble .GridPager .RefreshPager:hover {
    background-color: #F2F2F2;
}
.Syncfusion-Grid-Marble .FilterBarCell, .Syncfusion-Grid-Marble .FilterBarCellDisabled {
    background-color: #E4E4E4;
    background-image: none;
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .FilterBarCell input {
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .Syncfusion-Grid-FilterStatusBar, .Syncfusion-Grid-Marble .Syncfusion-Grid-FilterStatusBarBottom {
    background-color: #E4E4E4;
    border-color: #989898;
}
.Syncfusion-Grid-FilterStatusBar .MsgDiv, .Syncfusion-Grid-FilterStatusBarBottom .MsgDiv {
    color: #000000;
}
ul[name="syncfusion-grid"]
{
    background-image: url('images/submenu_bg.png') ! important;
}
.Syncfusion-Grid-Marble .EnableRowHover tbody > tr:hover {
    background-color: #F4F5F5;
}
.Syncfusion-Grid-Marble .EnableRowHover tbody > tr:hover > .RowHeader {
    background-color: #E4E4E4;
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .ExternalEdit {
    background-color: #E4E4E4;
    border-color: #989898;
}
.Syncfusion-Grid-Marble .bg-clear, .Syncfusion-Grid-Marble .Gridtoolbar .customToolItem, .Syncfusion-Grid-Marble .MasterCellCollapse, .Syncfusion-Grid-Marble .MasterCellExpand, .Syncfusion-Grid-Marble td[class*="MasterCell"] > div {
    background-color: rgba(0, 0, 0, 0);
    border-color: #D7D7D7;
}
.Syncfusion-Grid-Marble .ef-wrapper {
    background-color: #E2E2E2;
    border-color: #D7D7D7;
}