/*--------------------------Editor Core ----------------------*/

.sf-core {
  font-family: Segoe UI;
  font-size: 11px;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-core input {
  height: 21px;
  border: 0px none;
  font-size: 11px;
}
.sf-core .error {
  position: relative;
  border: 0px none;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
}
.sf-core .Syncfusion_Validator {
  position: absolute;
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
}
.sf-core *[class^="Syncfusion"] input,
.Autocomplete_Wrapper input {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: none;
  text-decoration: none;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0;
}
/*------------------- Editor- NumericTextbox , PercentageTextbox core --------------------------*/

.sf-editor {
  overflow: hidden;
  position: relative;
  line-height: normal;
  height: 21px;
  width: 143px;
  vertical-align: middle;
  /*border box */
  webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */

}
.sf-editor .sfInputText,
.sf-editor .Syncfusion_Watermark_TextBox,
.sf-editor .Syncfusion_Value_TextBox {
  border: medium none;
  text-indent: 4px;
  padding: 0;
  line-height: 20px;
}
.sf-editor.sf-rtl .sf-split {
  left: 0;
  right: auto;
}
.sf-editor.sf-rtl .sfInputText,
.sf-editor.sf-rtl .Syncfusion_Value_TextBox,
.sf-editor.sf-rtl .Syncfusion_Watermark_TextBox {
  direction: rtl;
  text-align: right;
  margin-left: 16px;
  right: 0;
}
.sf-editor .sf-split {
  height: 10px;
  position: absolute;
  width: 16px;
  right: 0;
}
.sf-editor .sf-splitup {
  top: 0;
}
.sf-editor .sf-splitdown {
  bottom: 0;
}
/*---------------------- Editor - Mask edit core -----------------------------*/

.sf-editor .maskeditInput {
  height: 100%;
  width: 100%;
  text-indent: 4px;
  display: block;
  line-height: 20px;
  padding: 0px;
  margin: 0px;
}
.sf-editor.maskeditInputTextBase {
  width: 143px;
  height: 21px;
  *display: inline;
}
/* ------------------------- GenericDropDown core -------------------------- */

.sf-genericdropdown {
  display: inline-block;
}
.sf-genericdropdown .GenericDropDownButtonBase {
  height: 19px;
  width: 15px;
  display: table;
}
.sf-genericdropdown .GenericDropDownTextBox {
  border-width: 0;
  cursor: pointer;
  height: 17px;
  vertical-align: top;
  text-indent: 4px;
  display: block;
  line-height: 20px;
}
.sf-genericdropdown .GenericDropDownTextBoxBase {
  display: table-cell;
}
.sf-genericdropdown .GenericDropDownPopupPanel {
  position: absolute;
  overflow: auto;
  z-index: 10000;
}
.sf-genericdropdown .GenericDropDownContainer {
  display: block;
  overflow: hidden;
  height: 19px;
}
/*----------------------------- Editor - Autocomplete Textbox core ---------------------------*/

.sf-autocomplete.Autocomplete_SuggestionList {
  position: absolute;
  cursor: default;
  overflow: auto;
}
.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-repeat: no-repeat;
  background-position: right;
}
.sys-template {
  display: none;
}
.sf-autocomplete.Autocomplete_Wrapper {
  overflow: hidden;
}
.sf-autocomplete.Autocomplete_Wrapper input {
  text-indent: 4px;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
  *float: left;
}
.sf-autocomplete .dropdownbuttonbase {
  float: right;
  width: 15px;
  height: 20px;
}
.sf-autocomplete .AutoComplete_RTL {
  text-align: right;
  float: right;
}
.sf-autocomplete .AutoCompleteDD_RTL {
  position: absolute;
}
.sf-autocomplete .autocompleteDropDownDisabled {
  background-position: -49px 1px;
}
/*.sf-autocomplete input::-ms-clear {
    display:none;
}*/

.hidexicon input::-ms-clear {
  display: none;
}
/*-----------------------------Time Picker -------------------------*/

.sf-timepicker.timespan-widget {
  width: 150px;
  height: 23px;
  font: 11px Segoe UI;
}
.sf-timepicker.timespan-widget li {
  border: 1px solid;
  display: inline;
  list-style-type: none;
  position: relative;
  margin: 0;
  margin-right: 2px;
  padding: 1px 4px 0px 4px ;
  height: 28px;
  cursor: pointer;
}
.sf-timepicker.timespan-widget .lichild {
  border-right-width: 1px;
  border-right-style: solid;
}
.sf-timepicker.timespan-widget ul {
  display: inline-block;
  height: 21px;
  margin: 0px;
  position: relative;
  padding: 0px;
  z-index: 10000;
}
.sf-timepicker .timevaluecontainer {
  display: inline;
}
/*------------------------------ Button-Core ----------------------*/

.sf-button {
  padding: 1px;
  margin: 0px;
  border-spacing: 0px;
  vertical-align: middle;
  overflow: hidden;
  display: inline-block;
  font-family: Segoe UI;
  font-size: 11px;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-button .buttonmaindiv {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  border-spacing: 0;
  *display: inline;
}
.sf-button .buttoncontent {
  vertical-align: middle;
}
.sf-button .buttontext {
  display: table-cell;
  vertical-align: middle;
  cursor: default;
  *width: 100%;
}
.sf-button .dropdowndownarrow,
.sf-button .splitdownarrow {
  width: 9px;
  height: 8px;
}
.sf-button .dropdownbuttoncontent {
  display: block;
  vertical-align: middle;
  text-align: center;
}
.sf-button .buttonimage {
  display: table-cell;
  padding: 1px;
}
.sf-button.splitmain {
  padding: 0px;
}
.sf-button .spritesplitnormalbutton {
  vertical-align: middle;
  border: 0 none;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
.sf-button .spritesplitdropdownbutton {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
.sf-button.disablebutton {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
/*---------captcha core----------*/

.sf-captcha .validationFailed {
  margin-left: 5px;
}
.sf-captcha .validationSuccess {
  margin-left: 5px;
}
.sf-captcha .captcha-image {
  border: 1px solid transparent;
  vertical-align: bottom;
}
.sf-captcha .refresh-button {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  cursor: pointer;
  vertical-align: bottom;
}
/*-----------------------Menu Core -----------------*/

.sf-menu {
  font-size: 11px;
  font-weight: normal;
  border: 1px solid Transparent;
  cursor: pointer;
  line-height: 16px;
  position: relative;
  padding: 0;
  margin: 0;
  font-family: Segoe UI;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-menu * a:focus,
.sf-menu * a:hover {
  outline: none;
  text-decoration: none;
}
.sf-menu * {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
* .sf-menu ul,
* .sf-menu ul ul {
  left: 200px;
  top: -0.8px;
}
.sf-menu a {
  text-decoration: none;
  display: block;
  border: 1px solid Transparent;
  width: auto;
  height: auto;
  position: relative;
  font-size: 11px;
}
.sf-menu > li {
  border: 1px solid Transparent;
  position: relative;
}
.sf-menu ul {
  position: absolute;
  visibility: inherit;
  padding: 1px;
  margin: 0;
  left: -1px;
  z-index: 1000;
  display: none;
  width: 200px;
}
.sf-menu ul li {
  background-color: Transparent;
  border: 1px solid Transparent;
  float: none;
  position: relative;
  line-height: 19px;
}
.sf-menu ul li a {
  padding: 0 0 0 2.5em;
  width: inherit;
  height: inherit;
}
.sf-menu ul li.separator {
  height: 1px;
  margin: 0 0 1% 13%;
  width: 87%;
  position: relative;
  *margin: -7% 0 0 13%;
}
.sf-menu ul li > img,
.sf-menu ul li > div,
.sf-menu ul li > span {
  float: left;
  position: absolute;
}
.sf-menu > li > img {
  float: left;
  border: 1px solid transparent;
}
.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;
}
/*-----------------------------------RTE Core -----------------------------*/

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[ID$='FormElement'].FormElement {
  float: left;
}
.ui-dialog .ui-dialog-content .OkCancelButton {
  float: right;
  margin-top: 25px;
  padding-left: 13px;
}
.sf-rte .Smiley {
 background-image:  url( "../../Content/Marble/images/RTE/Smileys_All.png");
}
.sf-rte.SmileyOptions {
  height: 197px;
  width: 175px;
  margin: 1px;
  z-index: 1500;
}
.sf-rte .Smiley div {
  float: left;
  display: inline;
  padding: 2px 3px;
  cursor: default;
  border: 1px solid transparent;
  margin: 1px;
  filter: alpha(opacity=100);
  opacity: 1;
}
.sf-rte.SmileyOptions ul {
  display: inline;
}
.sf-rte .Smiley div:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  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 {
  width: 25px;
  height: 25px;
}
.sf-rte .hide {
  visibility: hidden;
  display: none;
}
.sf-rte .DisableFontOptions {
  filter: alpha(opacity=50);
  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 {
  margin: 8px;
  float: left;
}
.sf-rte .FileGetter_Buttons input {
  margin-left: 8px;
}
.sf-rte {
  position: relative;
  width: 100%;
  font-family: Segoe UI;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
  float: left;
}
.sf-rte div {
  margin: 0px;
  padding: 0px;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-rte .richTextEditorIFrame,
.sf-rte .richTextEditorTextarea {
  width: 100%;
  height: 200px;
  font-family: Segoe UI;
  font-size: 11px;
  position: relative;
  resize: none;
}
.sf-rte .RTEFooter {
  width: 100%;
  font-family: Segoe UI;
  font-size: 11px;
  height: 20px;
  float: left;
}
.sf-rte .SourceEditor {
  width: 100%;
  height: 300px;
}
.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-left: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*For File select dialog*/

.sf-rte.FileGetter {
  margin: 1px;
  height: 231px;
  width: 501px;
  z-index: 1;
}
.sf-rte .FileGetter_Header {
  height: 16px;
  font-weight: bold;
  text-align: left;
  padding: 7px;
}
.sf-rte .sf-treeview {
  float: left;
  overflow: auto;
}
.sf-rte .TreeView_Target {
  height: 200px;
  width: 370px;
  float: left;
}
.sf-rte .InsertImage_Preview {
  float: left;
  width: 150px;
  height: 200px;
}
.sf-rte .Preview_Image 
{
  src : url( "../../Content/Marble/images/RTE/preview.gif");
  height: 40px;
  width: 40px;
  margin-top: 54px;
  margin-left: 46px;
  padding: 4px;
}
/* Resizable
----------------------------------*/

.sf-rte .ui-resizable {
  position: relative;
}
.sf-rte .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.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;
  width: 100%;
  top: -5px;
  left: 0px;
}
.sf-rte .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0px;
}
.sf-rte .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0px;
  height: 100%;
}
.sf-rte .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0px;
  height: 100%;
}
.sf-rte .ui-resizable-se {
  cursor: se-resize;
  width: 16px;
  height: 16px;
  right: 2.5px;
  bottom: 3.5px;
}
.sf-rte .ui-resizable-sw {
  cursor: sw-resize;
  left: -5px;
  bottom: -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 {
  width: 9px;
  height: 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;
}
/*----------------------------------Rating Core --------------------------*/

.sf-rating {
  display: block;
  list-style-type: none;
}
.sf-rating.horizontal .star-container,
.sf-rating.vertical .star-container {
  padding: 0 2px;
  list-style-type: none;
}
.sf-rating.horizontal .star-container {
  *display: inline;
}
.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 {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.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 {
  width: 0px;
  margin-left: -16px;
}
/*---------------------------------GalleryView Core------------------------*/

.sf-galleryview * {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
/*---------------------------------Ribbon Core------------------------*/

.sf-ribboncontainer * {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-ribboncontainer {
  display: inline-block;
  visibility: hidden;
  font-family: Segoe UI;
  font-size: 11px;
}
.sf-ribboncontainer a {
  text-decoration: none;
  background-color: transparent;
}
.sf-ribboncontainer .groupcontainer {
  margin-top: -2px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}
.sf-ribboncontainer .contextcontainer .wrappertab {
  border: 1px solid transparent;
  border-bottom: none;
}
.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 {
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.sf-ribboncontainer .contextcontainer .active.wrappertab,
.sf-ribboncontainer .contextcontainer .active.wrappertab:hover,
.sf-ribboncontainer .contextcontainer,
.sf-ribboncontainer .contextcontainer .wrappertab {
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-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;
  -khtml-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;
  padding: 0;
  margin: 0;
}
.sf-ribboncontainer .contextcontainer .tabwrapper {
  margin-left: 1px;
  margin-right: 1px;
  border: 1px solid transparent;
}
.sf-ribboncontainer .contextcontainer .ribbonTab {
  height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  cursor: pointer;
  float: left;
  border: 1px solid transparent;
}
.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 {
  height: 18px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 0px;
  cursor: pointer;
  border: 1px solid transparent;
}
.sf-ribboncontainer  .contextcontainer .tabtext {
  border: 0;
  padding: 0;
}
.sf-ribboncontainer .groupcontainer .grouptitlecont .expander {
  float: right;
  height: 18px;
  width: 20px;
  cursor: pointer;
  position: relative;
}
.sf-ribboncontainer .groupcontainer .ribbongroup {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  height: 100%;
  float: left;
  display: inline-block;
}
.sf-ribboncontainer .groupcontainer .groupcontent {
  float: left;
  list-style: none outside none;
  height: 100%;
  display: inline-block;
  position: relative;
}
.sf-ribboncontainer .groupcontainer .divider {
   background:  url( "../../Content/Marble/images/sfDivider.png");
  width: 1px;
  position: relative;
  float: left;
}
.sf-ribboncontainer .contextcontainer .title {
  text-align: center;
}
.sf-ribboncontainer .groupcontainer .grouptitle {
  cursor: default;
  height: 100%;
}
.sf-ribboncontainer .groupcontainer .grouptitlecont,
.sf-ribboncontainer .groupcontainer .grouptitle {
  display: block;
  float: left;
  position: absolute;
  width: 100%;
  bottom: 1px;
}
.sf-ribboncontainer .groupcontainer .grouptitle {
  text-align: center;
}
.sf-ribboncontainer .groupcontainer .grouptitlecont {
  left: 0;
}
.sf-ribboncontainer .groupcontainer .itemcontainer {
  padding-left: 5px;
  padding-right: 5px;
  height: 80%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  top: 2px;
}
.sf-ribboncontainer .groupcontainer .groupbutton {
  height: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: center;
  width: 60px;
}
.sf-ribboncontainer .groupcontainer .groupbuttonimage {
  width: 100%;
}
.sf-ribboncontainer .groupcontainer .groupbuttontext {
  width: 100%;
  position: relative;
  top: 35%;
}
.sf-ribboncontainer .groupcontainer .groupbuttonarrow {
  height: 17px;
  width: 18px;
  left: 35%;
  position: relative;
  top: 40%;
}
.sf-ribboncontainer .contextcontainer .applicationmenu {
  cursor: pointer;
  float: left;
  height: 19px;
  margin-top: 24px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  border-bottom: 0px;
}
.sf-ribboncontainer .contextcontainer .tabtitlemenu {
  margin-top: 1.7px;
}
.sf-ribboncontainer .menucontainer {
  display: none;
  list-style: none outside none;
  padding: 2px 0;
  margin: 0;
  position: absolute;
  white-space: nowrap;
  z-index: 1000;
  min-width: 100px;
}
.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 {
  height: 22px;
  cursor: pointer;
  border: 1px solid transparent;
}
.sf-ribboncontainer .contentitems > * {
  display: block !important;
}
.sf-ribboncontainer .pagecontainer,
.sf-ribboncontainer .menucontainer ul {
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none outside none;
  white-space: nowrap;
  z-index: 1000;
  min-width: 100px;
}
.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( "../../Content/Marble/images/sfBackStagePage.png");
  background-position: right center;
}
.sf-ribboncontainer .pagecontainer .pageborder .menutext {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 5px 30px 5px 10px;
  position: relative;
  top: 10px;
}
.sf-ribboncontainer .rrbResizeHandle {
  position: relative;
  background:  url( "../../Content/Marble/images/sfblack_resizeHandle.png");
  background-repeat: no-repeat;
  cursor: e-resize;
  float: right;
  height: 14px;
  margin-top: -14px;
  margin-right: -2px;
  width: 16px;
}
/*-----------------------------Splitter ---------------------------*/

.sf-splitter {
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
  border-collapse: collapse;
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 11px;
}
.sf-splitter .pane {
  position: relative;
  float: left;
  overflow: auto;
  height: 100%;
  width: 100%;
  cursor: default;
}
.sf-splitter .splitbar {
  border-style: solid;
  position: relative;
  float: left;
  z-index: 10001;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-splitter .shadowbar {
  position: absolute;
  border-style: dotted;
  z-index: 10002;
}
/* Horizontal view css classes */

.sf-splitter .splitbar.h-bar {
  width: 5px;
  cursor: e-resize;
  border-width: 0 1px;
  vertical-align: middle;
  height: 100%;
}
.sf-splitter .h-forwardarrow {
  position: absolute;
  height: 16px;
  width: 5px;
  cursor: pointer;
  top: 50%;
  margin-top: -15px;
}
.sf-splitter .h-backwardarrow {
  position: absolute;
  height: 16px;
  width: 5px;
  cursor: pointer;
  top: 50%;
}
/* Vertical view css classes */

.sf-splitter .v-forwardarrow {
  position: absolute;
  width: 16px;
  height: 5px;
  cursor: pointer;
  float: left;
  left: 50%;
  margin-left: -15px;
}
.sf-splitter .v-backwardarrow {
  position: absolute;
  width: 16px;
  height: 5px;
  float: left;
  cursor: pointer;
  left: 50%;
}
.splitbar.v-bar {
  height: 5px;
  cursor: n-resize;
  border-width: 1px 0;
  width: 100%;
}
/*-------------------------TagCloud Core --------------------*/

.sf-tagcloud {
  font-size: 11px;
  padding: 2px;
  font-family: Segoe UI;
  overflow: auto;
}
.sf-tagcloud.hidden {
  visibility: hidden;
}
.sf-tagcloud .tagcloud-header {
  font-size: 11.4px;
  margin: 0 0 6px;
  padding: 5px;
  vertical-align: middle;
  font-weight: bold;
}
.sf-tagcloud .cloud-type,
.sf-tagcloud .list-type {
  list-style-type: none;
  padding: 0px;
  display: inline;
  line-height: 20px;
}
.sf-tagcloud .cloud-type .tagcloud-items {
  list-style-type: none;
  display: inline-block;
  padding: 5px;
  *float: left;
  cursor: pointer;
}
.sf-tagcloud .list-type .tagcloud-items {
  list-style-type: none;
  display: block;
  padding: 5px;
  cursor: pointer;
}
.sf-tagcloud .tagcloud-items .textNode {
  text-decoration: none;
}
.sf-tagcloud .tagcloud-items .textNode.hover {
  cursor: pointer;
}
.sf-tagcloud .tagcloud-header-image {
  vertical-align: middle;
  margin-right: 2px;
}
/*--------------------Toolbar Core --------------------------*/

.sf-toolbar {
  font-family: Segoe UI;
  font-weight: normal;
  font-size: 11px;
  margin-top: 0;
}
.sf-toolbar li {
  cursor: default;
  border: 1px solid transparent;
  list-style-type: none;
  padding: 2px;
}
.sf-toolbar ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.sf-toolbar .Toolbar_Separator {
  border: 0px none;
  padding: 0;
}
.sf-toolbar .Disable_ToolLi,
.sf-toolbar .Disable_ToolLi,
.sf-toolbar .Disable_Tool,
.sf-toolbar .Disable_Tool {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
/*-------------------------------------------TreeView Core -------------------------------------*/

.sf-treeview {
  overflow-y: auto;
}
.sf-treeview,
.sf-treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  text-decoration: none;
  font-size: 11px;
  font-family: Segoe UI;
  z-index: -9999;
}
.sf-treeview.RTL,
.sf-treeview.RTL ul {
  direction: rtl;
  text-align: right;
  padding-right: 11px;
}
.sf-treeview .initial {
  display: none;
}
.sf-treeview li div img {
  vertical-align: middle;
  margin-top: -5px;
  border: none;
}
.TreeViewContainer {
  overflow: auto;
  padding: 10px;
  z-index: -5;
}
.sf-treeview ul {
  padding: 3px 0px 3px 10px;
  width: auto;
  line-height: 19px;
}
.sf-treeview .ImgCss {
  padding: 1px 3px 1px 5px;
}
.sf-treeview .showline-NodeText,
.sf-treeview .noline-NodeText {
  border: 1px solid transparent;
  margin: 0px 2px;
  display: inline-block;
  *display: inline;
  text-decoration: none;
  min-height: 15px;
  min-width: 10px;
}
.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;
}
.sf-treeview .noline {
  margin: 0;
  padding: 2px 0 3px 16px;
  white-space: nowrap;
}
.sf-treeview .Input_Text {
  padding: 1px 0 1px 3px;
  font-size: -10px;
  border-bottom-style: groove;
}
.sf-treeview span.noline-child,
.sf-treeview span.showline-child {
  white-space: nowrap;
}
.sf-treeview .plus,
.sf-treeview .minus {
  height: 8px;
  width: 8px;
  cursor: pointer;
  float: left;
  margin-left: -14px;
  margin-top: 5px;
}
.sf-treeview .pointer {
  height: 25px;
  width: 16px;
  cursor: pointer;
  float: left;
  margin-left: -14px;
  margin-top: -2px;
}
.sf-treeview.RTL .plus,
.sf-treeview.RTL .minus {
  float: right;
  margin-right: -23px;
  margin-bottom: 0px;
}
.sf-treeview.RTL .pointer {
  float: right;
  margin-right: -9px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.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 {
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.sf-treeview li.last.noline {
  padding: 2px 0 0px 16px;
}
.sf-treeview li.last.showline {
  background-position: 0 -36px;
  background-repeat: no-repeat;
  padding: 2px 0 0px 16px;
}
.sf-treeview li.first.showline {
  padding: 0.5px 0 3px 16px;
}
.sf-treeview.RTL li.first.showline {
  padding: 0.5px 0 5px 16px;
  background-position: right;
  padding-right: 16px;
}
.sf-treeview .noline-collapse {
  background-position: 0 -176px;
}
.sf-treeview .Sibling {
  background-image:  url( "../../Content/Marble/images/DropSibling.png");
  width: 80px;
  height: 5px;
  position: absolute;
}
.sf-treeview .allowDrop {
  cursor:  url( "../../Content/Marble/images/ARROW.cur"), move !important;
}
.sf-treeview.RTL .nodecheckbox {
  float: right;
}
.sf-treeview.RTL .noline ul {
  padding-right: 16px;
  padding-left: 0px;
}
/*-------------------------------------------------Upload Box ------------------------------*/

.sf-uploadbox .sf_uploadinput {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 1px;
  cursor: pointer;
  right: 0;
}
.sf-uploadbox .uploadform {
  display: table-cell;
  padding-left: 10px;
}
.sf-uploadbox .selectionpart {
  overflow: hidden;
  position: relative;
  width: auto;
  display: inline-block;
  *display: inline;
}
.sf-uploadbox .upload-button {
  margin-left: 10px;
}
.sf-uploadbox .upload-progress-status {
  height: 2px;
  position: absolute;
}
.sf-uploadbox .upload-progress {
  height: 3px;
  width: 125px;
  position: absolute;
  bottom: -2px;
  left: 5px;
}
.sf-uploadbox .syncfusion-upload-file {
  position: relative;
  min-width: 120px;
  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: 0px;
  padding-right: 0px;
}
.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;
  padding-top: 10px;
  min-width: 77px;
  padding-right: 0px;
  text-align: right;
}
.sf-uploadbox .file-list .file-percentage {
  float: left;
  padding-top: 10px;
  width: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.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( "../../Content/Marble/images/RTE/ui-icons.png") no-repeat;
  background-position: -90px -257px;
}
.sf-uploadbox .file-list .file-percentage-failed {
  background:  url( "../../Content/Marble/images/RTE/ui-icons.png") no-repeat;
  background-position: -153px -258px;
}
.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 {
  border-style: solid solid solid none;
  border-width: 1px 1px 1px 0;
  float: left;
  width: 16px;
   background:  url( "../../Content/Marble/images/RTE/ui-icons.png") no-repeat scroll transparent;
}
.sf-uploadbox .upload-file-list {
  list-style: none outside none;
  padding: 3px;
}
.sf-uploadbox .upload-file-list * {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-uploadbox .upload-file-list > li {
  padding-top: 3px;
}
.sf-uploadbox .file-list > div {
  height: 100%;
  padding: 3px 5px;
}
/*----Multicolumndropdown------*/

.sf-multicolumn.sf-genericdropdown .GenericDropDownButton {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  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 {
  position: absolute;
  overflow: hidden;
  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 {
  padding: 0 0 0 23px !important;
  background-position: left -616px;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir=rtl] .RowHeader {
  rotation: 180deg;
  webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  rotation: 2;
}
.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel .TblIE7 {
  width: 96.6% !important;
}
/*--------------------------JqueryUI Core ---------------------------------*/

/* Layout helpers
----------------------------------*/

.sf-jqueryui .ui-helper-hidden {
  display: none;
}
.sf-jqueryui .ui-helper-hidden-accessible {
  position: absolute;
  left: -99999999px;
}
.sf-jqueryui .ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.sf-jqueryui .ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.sf-jqueryui .ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/

* html .ui-helper-clearfix {
  height: 1%;
}
.sf-jqueryui .ui-helper-clearfix {
  display: block;
}
/* end clearfix */

.sf-jqueryui .ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/

.sf-jqueryui .ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/

/* states and images */

.sf-jqueryui .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: Gray;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/* Misc visuals
----------------------------------*/

/* Corner radius */

.sf-jqueryui .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
}
.sf-jqueryui .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
.sf-jqueryui .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
.sf-jqueryui .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.sf-jqueryui .ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
}
.sf-jqueryui .ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.sf-jqueryui .ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.sf-jqueryui .ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}
.sf-jqueryui .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* Accordion----------------------------------*/

.sf-jqueryui .ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.sf-jqueryui .ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.sf-jqueryui .ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}
.sf-jqueryui .ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em 2.2em;
}
.sf-jqueryui .ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.sf-jqueryui .ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
}
.sf-jqueryui .ui-accordion .ui-accordion-content-active {
  display: block;
}
/* Datepicker----------------------------------*/

.sf-jqueryui .ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-prev,
.sf-jqueryui .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 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;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  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 {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
  border: none;
}
.sf-jqueryui .ui-datepicker-inline table {
  width: 100%;
  font-size: 11.7px;
  border-collapse: collapse;
  margin: 0 0 .4em;
  border: none;
}
.sf-jqueryui .ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.sf-jqueryui .ui-datepicker td {
  border: 0;
  padding: 1px;
}
.sf-jqueryui .ui-datepicker td span,
.sf-jqueryui .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */

.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 {
  width: 95%;
  margin: 0 auto .4em;
}
.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%;
}
/* RTL support */

.sf-jqueryui .ui-datepicker-rtl {
  direction: rtl;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.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-right-width: 0;
  border-left-width: 1px;
}
.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */

.sf-jqueryui .ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/

}
/* Dialog
----------------------------------*/

.sf-jqueryui .ui-dialog {
  clear: both;
  position: relative;
  padding: .2em;
  width: 300px;
}
.sf-jqueryui .ui-dialog .ui-dialog-titlebar {
  padding: .5em .3em .3em 1em;
  position: relative;
}
.sf-jqueryui .ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0 .2em;
}
.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.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 {
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.sf-jqueryui .ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.sf-jqueryui .ui-dialog .ui-dialog-buttonpane button {
  float: right;
  margin: .5em .4em .5em 0;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  line-height: 1.4em;
  width: auto;
  overflow: visible;
}
.sf-jqueryui .ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.sf-jqueryui .ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/* Progressbar
----------------------------------*/

.sf-jqueryui .ui-progressbar {
  height: 2em;
  text-align: left;
}
.sf-jqueryui .ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
/* Resizable
----------------------------------*/

.sf-jqueryui .ui-resizable {
  position: relative;
}
.sf-jqueryui .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}
.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;
  width: 100%;
  top: -5px;
  left: 0px;
}
.sf-jqueryui .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0px;
}
.sf-jqueryui .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0px;
  height: 100%;
}
.sf-jqueryui .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0px;
  height: 100%;
}
.sf-jqueryui .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.sf-jqueryui .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.sf-jqueryui .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.sf-jqueryui .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
/* Slider
----------------------------------*/

.sf-jqueryui .ui-slider {
  position: relative;
  text-align: left;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-jqueryui .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.sf-jqueryui .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
}
.sf-jqueryui .ui-slider-horizontal {
  height: .8em;
}
.sf-jqueryui .ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.sf-jqueryui .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.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 {
  width: .8em;
  height: 100px;
}
.sf-jqueryui .ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.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;
}
/* Tabs
----------------------------------*/

.sf-jqueryui .ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.sf-jqueryui .ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
  border-bottom: 0;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}
.sf-jqueryui .ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .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;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.sf-jqueryui .ui-tabs .ui-tabs-panel {
  display: block;
  padding: 1em 1.4em;
  background: none;
}
.sf-jqueryui .ui-tabs .ui-tabs-hide {
  display: none !important;
}
/*-----------------------------Grid core less------------------*/

.Syncfusion-Grid-Core {
  border-collapse: collapse;
  font-family: Segoe UI;
  font-size: 12px;
  height: auto;
  outline: 0 none;
  border-width: 1px;
  border-style: solid;
}
.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-width: 0;
  border-style: none;
}
.Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.EditCell .Table {
  border-top-width: 0;
  border-top-style: none;
}
.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-width: 1px;
  border-bottom-style: solid;
}
.Syncfusion-Grid-Core .RowCell.LastColumnCell,
.Syncfusion-Grid-Core .GroupCaption {
  border-right-width: 0;
  border-right-style: none;
}
.Syncfusion-Grid-Core .RowCell.DropColumnWidth {
  border-rigth-width: 1px;
  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 none;
  border-width: 0 0 1px 0;
}
.Syncfusion-Grid-Core .grid-icon {
  float: left;
}
.Syncfusion-Grid-Core .Table {
  width: 100%;
  table-layout: fixed;
  border: 0 none;
  *border-collapse: separate;
}
.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 {
  white-space: pre;
  padding: 0.5em;
}
.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 {
  overflow: hidden;
  outline: none;
}
.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 {
  padding-top: 10px;
  padding-bottom: 10px;
  text-indent: 10pt;
  width: 100%;
  overflow: hidden;
}
.Syncfusion-Grid-Core .TopRightCell,
.Syncfusion-Grid-Core th.MasterHeaderLeftCell {
  cursor: pointer;
  border-width: 1px 1px 0 0;
  border-collapse: collapse;
  padding: 0;
  border-style: solid;
}
.Syncfusion-Grid-Core .TopLeftCell {
  cursor: pointer;
  border-collapse: collapse;
  padding: 0;
}
.Syncfusion-Grid-Core th.MasterHeaderLeftCell {
  cursor: default;
  border-width: 0px 1px 1px 0px;
}
.Syncfusion-Grid-Core .GroupTopLeftCell {
  cursor: default;
}
.Syncfusion-Grid-Core .LastGroupTopLeftCell {
  border-width: 0px 1px 1px 0;
  border-style: none solid solid none;
}
.Syncfusion-Grid-Core .TopRightCell {
  border-right: 0;
}
.Syncfusion-Grid-Core .CaptionRow {
  font-weight: normal;
  height: 25px;
  border-collapse: collapse;
  text-indent: 15px;
  padding-top: 5px;
}
.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: 0px !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-width: 0px;
  border-style: none;
}
.Syncfusion-Grid-Core .HeaderCell,
.Syncfusion-Grid-Core .HeaderCellHover {
  border-collapse: collapse;
  height: 29px;
  padding: 0 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.Syncfusion-Grid-Core .HeaderCellDiv {
  font-weight: normal;
  display: block;
  border: 0 none;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  margin: -7px;
  padding: 0px 25px 0px 7px;
  text-align: left;
  white-space: nowrap;
}
.Syncfusion-Grid-Core .GroupHeaderCell,
.Syncfusion-Grid-Core .GroupHeaderCell:hover,
.Syncfusion-Grid-Core .GrpHdrUnboundColumn {
  border-collapse: collapse;
  display: inline-block;
  font-weight: normal;
  margin: 0 3px;
  overflow: hidden;
  padding: 0.2em 0.7em 0.2em 0.4em;
  cursor: pointer;
  height: 17px;
  border: 1px solid;
}
.Syncfusion-Grid-Core .HeaderColumnSelectionCursor {
  cursor: move;
}
.Syncfusion-Grid-Core .HeaderRowSelectionCursor {
  cursor: move;
}
.Syncfusion-Grid-Core .SelectedHeaderCell {
  border-width: 0 1px 1px 0;
  border-style: solid;
  height: 29px;
  padding: 0 0.5em;
  text-align: left;
  overflow: hidden;
}
.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 {
  overflow: hidden;
  padding: 0;
  border-style: none solid hidden none;
  border-width: 1px;
}
.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;
  overflow: hidden;
  padding: 0.7em;
  line-height: 0.45em;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
}
.Syncfusion-Grid-Core .AutoWrap .RowCell,
.Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {
  white-space: normal;
  line-height: 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: 0px;
  padding-top: 0px;
  padding-left: 0px;
}
.Syncfusion-Grid-Core tr[class*=ChildRow] > .ChildGrid {
  padding: 5px;
  border-style: none solid none none;
  border-width: 0px;
  line-height: 1.3em;
}
.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;
  overflow: hidden;
  line-height: 0.3em;
  padding: 0.7em;
}
.Syncfusion-Grid-Core .Summary {
  overflow: hidden;
  padding: 0.7em;
  border-width: 1px 0 0;
  border-style: solid;
  white-space: nowrap;
}
.Syncfusion-Grid-Core .GridSummary {
  border-width: 1px;
  border-style: none;
}
.Syncfusion-Grid-Core .RecordPlusCollapse,
.Syncfusion-Grid-Core .MasterCellCollapse {
  border-collapse: collapse;
  border-style: solid none none;
  border-width: 1px;
  display: table-cell;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
}
.Syncfusion-Grid-Core .RecordPlusExpand,
.Syncfusion-Grid-Core .MasterCellExpand {
  border-collapse: collapse;
  border-style: solid none none;
  border-width: 1px;
  display: table-cell;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
}
.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 0px 0px 0px;
  padding-bottom: 4px;
  padding-top: 5px;
  width: 100%;
  white-space: normal;
  display: inline-block;
}
.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 {
  margin-right: 1px;
  margin-left: 1px;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
.Syncfusion-Grid-Core .Spacing {
  padding: 1px 5px 2px;
  *float: left;
}
.Syncfusion-Grid-Core .GridPager div,
.Syncfusion-Grid-Core .GridPager a {
  display: inline;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.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;
  *float: left;
}
.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 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE 5-7 */
  filter: alpha(opacity=30);
  /* Netscape */
  -moz-opacity: 0.3;
  /* Safari 1.x */
  -khtml-opacity: 0.3;
  /* Good browsers */
  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;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: 1px;
  margin-left: 1px;
  text-decoration: none;
}
.Syncfusion-Grid-Core .CurrentItem {
  border-width: 1px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}
.Syncfusion-Grid-Core .MsgBar {
  white-space: normal;
  padding-left: 25px;
}
.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 {
  min-height: 26px;
  min-width: 26px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  line-height: 26px;
  margin: 0 ;
}
.Syncfusion-Grid-Core .EditCell {
  padding: 0px;
}
.Syncfusion-Grid-Core .EditCell form {
  margin-bottom: 0px;
}
.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] {
  width: 250px;
  padding-left: 0;
  text-indent: 1px;
}
.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 {
  width: 100%;
  height: 100%;
}
.Syncfusion-Grid-Core .EditForm p {
  clear: left;
  padding-left: 6%;
  padding-top: 5px;
  display: compact;
}
.Syncfusion-Grid-Core .RecordCaption {
  float: left;
  width: 100px;
  font: bold 0.93em Segoe UI;
  padding-right: 25px;
  text-align: right;
}
.Syncfusion-Grid-Core .EditForm p input[type="button"] {
  width: 100px;
  margin-left: 10px;
}
.Syncfusion-Grid-Core .EditForm fieldset {
  padding: 10px;
  border-width: 1px;
  border-style: none;
  margin: 0;
}
.Syncfusion-Grid-Core .EditForm fieldset > div {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
}
.Syncfusion-Grid-Core .EditForm legend {
  font-size: 24px;
  margin-top: 14px;
  font-weight: normal;
  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 {
  position: absolute !Important;
  font-weight: normal;
  z-index: 99999;
}
.Syncfusion-Grid-Core .EditForm p input[type="button"] {
  width: 100px;
  margin-left: 25px;
}
.Syncfusion-Grid-Core .EditForm fieldset {
  padding: 10px;
}
.Syncfusion-Grid-Core .EditForm fieldset > div {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-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"] {
  width: 100px;
  margin-left: 25px;
}
.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 {
  border: none;
  background: none;
}
.Syncfusion-Grid-Core .DragElementtext {
  cursor: default;
  font-size: 9pt;
  padding-left: 10px;
  font-family: Trebuchet MS;
  border-width: 1px !important;
  border-style: solid !important;
}
ul[class*=sf-grid-][class*=-menu] .sf-choiceList {
  height: 147px;
  overflow: hidden;
  width: 186px;
  float: left;
  border-width: 1px;
  border-style: dotted;
}
.Syncfusion-Grid-Core .GridEditors {
  border-width: 1px !important;
  border-style: solid !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;
  text-align: right;
  float: 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 {
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
.Syncfusion-Grid-Core div[class*=-horizontal] .Toolbar_Separator {
  margin-top: 8px !important;
}
.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBar,
.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBarBottom {
  height: 10px;
  border-style: solid;
  padding-bottom: 4px;
  padding-top: 5px;
  display: none;
  position: absolute;
}
.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBar {
  margin-top: -20px;
  border-width: 1px 1px 0px 1px;
  -moz-border-radius: 4px 4px 0px 0px;
}
.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBarBottom {
  margin-top: 1px;
  border-width: 0px 1px 1px 1px;
  -moz-border-radius: 0px 0px 4px 4px;
}
.Syncfusion-Grid-Core .FilterBarCell input {
  width: 90%;
  border-width: 1px;
  border-style: solid;
  text-indent: 1px;
  margin-left: 7px;
  float: left;
  font-family: Segoe UI;
  font-size: 12px;
}
.Syncfusion-Grid-Core .FilterBarCell,
.Syncfusion-Grid-Core .FilterBarCellDisabled {
  border-width: 0 1px 1px 0;
  border-collapse: collapse;
  height: 27px;
  padding: 0px;
  overflow: hidden;
  border-style: solid;
  cursor: default;
}
.Syncfusion-Grid-FilterStatusBar .MsgDiv,
.Syncfusion-Grid-FilterStatusBarBottom .MsgDiv {
  margin-left: 5px;
  margin-top: -3px;
  position: absolute;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell input {
  height: 100%;
  width: 90%;
  margin-left: 2px;
  padding: 0px;
  border-width: 0px;
  text-indent: 5px;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell {
  padding: 0px;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors {
  border-width: 0px !important;
}
.Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors input,
.Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors .button {
  margin-top: 1px;
  height: 18px;
}
.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'] {
  margin-left: 0.7em;
  width: auto;
  height: 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;
}
/* ---------------------- eform styles---------------------*/

.Syncfusion-Grid-Core .ef-Container {
  cursor: default;
  display: table;
  min-width: 420px;
  border-spacing: 0;
  position: relative;
}
.ef-wrapper {
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  border: 1px solid;
  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: table;
  width: 100%;
  display: block;
  overflow: auto;
}
.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 *,
.Syncfusion-Grid-Core *:after,
.Syncfusion-Grid-Core *:before {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
/*---------------------------Start:UnboundCellCss------------------------------*/

.Syncfusion-Grid-Core .UnboundCell {
  text-decoration: underline;
  margin: 0 0.2em;
  float: left;
  min-height: 15px;
  min-width: 15px;
  line-height: 1.3em;
  padding: 5px 10px;
}
.Syncfusion-Grid-Core .UnboundButton {
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 6px white inset;
  border: 1px solid;
  text-decoration: none;
  min-width: 25px;
}
/*-------------------------End:UnboundCellCss-------------------*/

.Syncfusion-Grid-Core legend {
  font-weight: normal;
  padding: 0 8px;
}
.Syncfusion-Grid-Core fieldset {
  padding: 5px 8px 8px;
  border-style: solid;
  border-width: 1px;
  margin: 10px 0;
}
/*-----------------------------Grid core less-----------------*/