@boldreports/javascript-reporting-controls/Content/bold.widgets.core.bootstrap4.css

The Bold Reports by Syncfusion controls for JavaScript contains ReportViewer and ReportDesigner HTML5 and JavaScript reporting controls for enterprise web development

/*Definition*/
.e-ribbon.e-js .e-header .e-active a,
.e-ribbon .e-header > .e-apptab .e-apptabanchor,
.e-ribbon .e-expandcollapse span,
.e-ribbon .e-header .e-contextual,
.e-ribbon .e-menu li.e-list.e-active.e-mfocused {
  border-radius: 4px;
}
.e-ribbon .e-menu.e-horizontal > .e-list > a,
.e-menu.e-horizontal > .e-list > span {
  line-height: 33px;
}
.e-ribbon .e-groupdiv .e-resizebtn {
  height: auto;
}
.e-datepicker .e-header .e-next,
.e-datepicker .e-header .e-prev {
  top: 5px;
}
.e-ss-dialog .e-widget .e-addedrow .e-dlg-btnfields .e-btn-normal,
.e-ss-dialog .e-widget .e-widget-content .e-dlg-btnfields input.e-btn.e-widget,
.e-ss-dialog .e-widget .e-widget-content .e-dlg-btnfields button.e-btn.e-widget,
.e-ss-dialog .e-widget .e-widget-content .e-dlg-btnfields .e-dlg-btnctnr input.e-btn.e-widget {
  box-sizing: border-box;
  height: 34px;
  margin-left: 11px;
  margin-bottom: 4px;
}
.e-spreadsheet .e-widget .e-content .e-groupdiv .e-ribGroupContent .e-innerdivrow .e-innerdivchild .e-ss-colorpicker,
.e-spreadsheet .e-ss-colorpicker.e-colorwidget,
.e-spreadsheet .e-formulabar .e-indexbox,
.e-ss-textarea,
.ejinputtext {
  border-radius: 4px;
}
.e-spreadsheet .e-formulabar .e-inputbox {
  border: none;
}
.e-spreadsheet .e-formulabar .e-inputbox .e-ss-autocomplete .e-in-wrap {
  height: 26px;
}
.e-spreadsheet .e-spreadsheetgrppanel .e-spreadsheetmainpanel .e-spreadsheetfooter {
  height: 30px;
}
.e-spreadsheet .e-spreadsheetgrppanel .e-spreadsheetmainpanel .e-spreadsheetfooter .e-table .e-pager:first-child .e-pagercontainer {
  overflow: visible;
  height: 28px;
}
.e-spreadsheet .e-spreadsheetgrppanel .e-spreadsheetmainpanel .e-spreadsheetfooter .e-pager:first-child .e-pagercontainer .e-numericcontainer .e-numericitem {
  padding-bottom: 4px;
  padding-top: 7px;
}
.e-spreadsheet .e-spreadsheetgrppanel .e-spreadsheetmainpanel .e-spreadsheetfooter .e-table .e-pager:first-child .e-pagercontainer .e-new {
  padding-top: 1px;
}
.e-spreadsheet .e-spreadsheetgrppanel .e-spreadsheetmainpanel .e-spreadsheetfooter .e-pager:first-child .e-pagercontainer .e-firstpage,
.e-spreadsheet .e-spreadsheetgrppanel .e-spreadsheetmainpanel .e-spreadsheetfooter .e-pager:first-child .e-pagercontainer .e-prevpage,
.e-spreadsheet .e-spreadsheetgrppanel .e-spreadsheetmainpanel .e-spreadsheetfooter .e-pager:first-child .e-pagercontainer .e-nextpage {
  padding: 9px 3px 0px 7px;
}
.e-atc-popup,
.e-atc .e-in-wrap,
.e-atc .e-in-wrap .e-input,
.e-acrdn-scroller,
.e-acrdn .e-select,
.e-chkbox-wrap div > span,
.e-datepicker.e-popup,
.e-datewidget .e-in-wrap,
.e-datewidget .e-in-wrap .e-input,
.e-daterangepicker-popup.e-popup,
.e-daterangewidget .e-in-wrap,
.e-daterangewidget .e-in-wrap .e-input,
.e-drpbuttons,
.e-daterangepicker-popup.e-popup .e-custom-dateranges li,
.e-datetime-popup.e-popup,
.e-datetime-popup .e-dt-button,
.e-datetime-wrap .e-in-wrap,
.e-datetime-wrap .e-in-wrap .e-input,
.e-dialog-wrap,
.e-dialog-wrap > .e-header .e-dialog-icon,
.e-ddl-popup.e-popup,
.e-ddl .e-in-wrap,
.e-ddl .e-in-wrap .e-input,
.e-numeric .e-in-wrap,
.e-numeric .e-in-wrap .e-input,
.e-percent .e-in-wrap,
.e-percent .e-in-wrap .e-input,
.e-currency .e-in-wrap,
.e-currency .e-in-wrap .e-input,
.e-mask .e-in-wrap,
.e-mask .e-in-wrap .e-input,
.e-textbox,
.e-textarea,
.e-menu,
.e-tab,
.e-time-popup.e-popup,
.e-timewidget .e-in-wrap,
.e-timewidget .e-in-wrap .e-input,
.e-toolbar,
.e-toolbar .e-tooltxt,
.e-upload-box .e-selectpart,
.e-upload-box .e-btn,
.e-treeview .e-text,
.e-fullrow-wrap .e-fullrow,
.e-dragedNode,
.e-splitbutton,
.e-fileexplorer .e-tilenode,
.e-fileexplorer .e-fe-split-button .e-split,
.e-rte,
.e-rte.e-dialog .e-inputtext,
.e-btn.e-select,
.e-progressbar,
.e-check-wrap .e-chk-inact,
.e-check-wrap .e-chk-act,
.e-check-wrap .e-chk-indeter {
  border-radius: 4px;
}
.e-groupbutton ul li.e-grp-btn-item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.e-groupbutton ul li.e-grp-btn-item:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.e-groupbutton.e-rtl ul li.e-grp-btn-item:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.e-groupbutton.e-rtl ul li.e-grp-btn-item:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.e-tab > ul.e-addborderright .e-item,
.e-tab .e-addborderleft.e-content-item,
.e-split .e-splitarrowleft .e-splitbutton,
.e-split .e-splitarrowright .e-drp-btn,
.e-rtl.e-split .e-splitarrowright .e-splitbutton,
.e-rtl.e-split .e-splitarrowleft .e-drp-btn,
.e-fileexplorer .e-grid tr td.e-last-rowcell,
.e-fileexplorer .e-grid.e-rtl tr td:first-child {
  
}
.e-tab > ul.e-addborderright .e-item,
.e-tab .e-addborderleft.e-content-item,
.e-split .e-splitarrowleft .e-splitbutton,
.e-split .e-splitarrowright .e-drp-btn,
.e-rtl.e-split .e-splitarrowright .e-splitbutton,
.e-rtl.e-split .e-splitarrowleft .e-drp-btn,
.e-fileexplorer .e-grid tr td.e-last-rowcell,
.e-fileexplorer .e-grid.e-rtl tr td:first-child {
  /*other*/
  border-radius: 0 4px 4px 0;
}
.e-tab > ul.e-addborderleft .e-item,
.e-tab .e-addborderright.e-content-item,
.e-split .e-splitarrowright .e-splitbutton,
.e-split .e-splitarrowleft .e-drp-btn,
.e-rtl.e-split .e-splitarrowleft .e-splitbutton,
.e-rtl.e-split .e-splitarrowright .e-drp-btn,
.e-fileexplorer .e-grid tr td:first-child,
.e-fileexplorer .e-grid.e-rtl tr td.e-last-rowcell {
  
}
.e-tab > ul.e-addborderleft .e-item,
.e-tab .e-addborderright.e-content-item,
.e-split .e-splitarrowright .e-splitbutton,
.e-split .e-splitarrowleft .e-drp-btn,
.e-rtl.e-split .e-splitarrowleft .e-splitbutton,
.e-rtl.e-split .e-splitarrowright .e-drp-btn,
.e-fileexplorer .e-grid tr td:first-child,
.e-fileexplorer .e-grid.e-rtl tr td.e-last-rowcell {
  /*other*/
  border-radius: 4px 0 0 4px;
}
.e-acrdn .e-select.e-active,
.e-datepicker.e-popup .e-header,
.e-tab > ul.e-addborderbottom .e-item,
.e-tab .e-addbordertop.e-content-item,
.e-split .e-splitarrowtop .e-drp-btn,
.e-split .e-splitarrowbottom .e-splitbutton,
.e-rte .e-toolbar,
.e-datetime-popup .e-header,
.e-fileexplorer .e-toolbar {
  border-radius: 4px 4px 0 0;
}
.e-acrdn-content-active,
.e-dialog-wrap .e-widget-content,
.e-tab > ul.e-addbordertop .e-item,
.e-tab .e-addborderbottom.e-content-item,
.e-split .e-splitarrowbottom .e-drp-btn,
.e-split .e-splitarrowtop .e-splitbutton,
.e-rte .e-rte-footer,
.e-datetime-popup .e-time-popup {
  border-radius: 0 0 4px 4px;
}
.e-progressbar .e-progress.e-complete {
  border-radius: 3px;
}
.e-atc.e-rtl .e-in-wrap.e-padding .e-input,
.e-atc .e-in-wrap.e-padding .e-select,
.e-datewidget.e-rtl .e-in-wrap.e-padding .e-input,
.e-datewidget .e-in-wrap.e-padding .e-select,
.e-datetime-wrap.e-rtl .e-in-wrap.e-padding .e-input,
.e-datetime-wrap .e-in-wrap.e-padding .e-select,
.e-ddl.e-rtl .e-in-wrap .e-input,
.e-ddl .e-in-wrap .e-select,
.e-numeric.e-rtl .e-in-wrap.e-padding .e-input,
.e-numeric .e-in-wrap.e-padding .e-select,
.e-percent.e-rtl .e-in-wrap.e-padding .e-input,
.e-percent .e-in-wrap.e-padding .e-select,
.e-currency.e-rtl .e-in-wrap.e-padding .e-input,
.e-currency .e-in-wrap.e-padding .e-select,
.e-timewidget.e-rtl .e-in-wrap.e-padding .e-input,
.e-timewidget .e-in-wrap.e-padding .e-select {
  border-radius: 0 3px 3px 0;
}
.e-atc .e-in-wrap.e-padding .e-input,
.e-atc.e-rtl .e-in-wrap.e-padding .e-select,
.e-datewidget .e-in-wrap.e-padding .e-input,
.e-datewidget.e-rtl .e-in-wrap.e-padding .e-select,
.e-datetime-wrap .e-in-wrap.e-padding .e-input,
.e-datetime-wrap.e-rtl .e-in-wrap.e-padding .e-select,
.e-ddl .e-in-wrap .e-input,
.e-ddl.e-rtl .e-in-wrap .e-select,
.e-numeric .e-in-wrap.e-padding .e-input,
.e-numeric.e-rtl .e-in-wrap.e-padding .e-select,
.e-percent .e-in-wrap.e-padding .e-input,
.e-percent.e-rtl .e-in-wrap.e-padding .e-select,
.e-currency .e-in-wrap.e-padding .e-input,
.e-currency.e-rtl .e-in-wrap.e-padding .e-select,
.e-timewidget .e-in-wrap.e-padding .e-input,
.e-timewidget.e-rtl .e-in-wrap.e-padding .e-select,
.e-progressbar .e-progress {
  border-radius: 3px 0 0 3px;
}
.e-dialog-wrap > .e-header {
  border-radius: 3px 3px 0 0;
}
.e-colorwidget.e-split.e-disable .e-in-wrap .e-select:hover,
.e-colorwidget.e-split.e-disable .e-color-container:hover,
.e-dialog.e-disable .e-dialog-icon:hover,
.e-dialog.e-disable > .e-header,
.e-ddl .e-disable.e-select:hover,
.e-in-wrap .e-disable.e-select .e-icon,
.e-in-wrap .e-disable.e-select,
.e-rte .e-horizontal .e-disable,
.e-slider.e-disable .e-handle.e-select {
  cursor: default;
}
.e-corner,
.e-corner .e-input,
.e-acrdn-scroller.e-corner,
.e-acrdn.e-corner .e-select,
.e-corner .e-dt-button,
.e-corner > .e-header .e-dialog-icon,
.e-corner .e-tooltxt,
.e-corner + .e-dialog,
.e-corner + .e-dialog > .e-header .e-dialog-icon,
.e-corner + .e-dialog > .e-btn {
  
}
.e-corner,
.e-corner .e-input,
.e-acrdn-scroller.e-corner,
.e-acrdn.e-corner .e-select,
.e-corner .e-dt-button,
.e-corner > .e-header .e-dialog-icon,
.e-corner .e-tooltxt,
.e-corner + .e-dialog,
.e-corner + .e-dialog > .e-header .e-dialog-icon,
.e-corner + .e-dialog > .e-btn {
  border-radius: 4px 4px 4px 4px;
}
.e-corner.e-tab > ul.e-addborderright .e-item,
.e-corner.e-tab .e-addborderleft.e-content-item,
.e-split .e-splitarrowleft .e-splitbutton.e-corner,
.e-split .e-splitarrowright .e-corner + .e-drp-btn,
.e-rtl.e-split .e-splitarrowright .e-splitbutton.e-corner,
.e-rtl.e-split .e-splitarrowleft .e-corner + .e-drp-btn {
  
}
.e-corner.e-tab > ul.e-addborderright .e-item,
.e-corner.e-tab .e-addborderleft.e-content-item,
.e-split .e-splitarrowleft .e-splitbutton.e-corner,
.e-split .e-splitarrowright .e-corner + .e-drp-btn,
.e-rtl.e-split .e-splitarrowright .e-splitbutton.e-corner,
.e-rtl.e-split .e-splitarrowleft .e-corner + .e-drp-btn {
  border-radius: 0 4px 4px 0;
}
.e-corner.e-tab > ul.e-addborderleft .e-item,
.e-corner.e-tab .e-addborderright.e-content-item,
.e-split .e-splitarrowright .e-splitbutton.e-corner,
.e-split .e-splitarrowleft .e-corner + .e-drp-btn,
.e-rtl.e-split .e-splitarrowleft .e-splitbutton.e-corner,
.e-rtl.e-split .e-splitarrowright .e-corner + .e-drp-btn {
  border-radius: 4px 0 0 4px;
}
.e-acrdn.e-corner .e-select.e-active,
.e-datepicker.e-popup.e-corner .e-header,
.e-corner.e-tab > ul.e-addborderbottom .e-item,
.e-corner.e-tab .e-addbordertop.e-content-item,
.e-split .e-splitarrowtop .e-corner + .e-drp-btn,
.e-split .e-splitarrowbottom .e-splitbutton.e-corner,
.e-datetime-popup.e-corner .e-header {
  border-radius: 4px 4px 0 0;
}
.e-corner .e-acrdn-content-active,
.e-corner.e-dialog-wrap .e-widget-content,
.e-corner.e-tab > ul.e-addbordertop .e-item,
.e-corner.e-tab .e-addborderbottom.e-content-item,
.e-split .e-splitarrowbottom .e-corner + .e-drp-btn,
.e-split .e-splitarrowtop .e-splitbutton.e-corner,
.e-datetime-popup.e-corner .e-time-popup {
  border-radius: 0 0 4px 4px;
}
.e-listbox li {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.e-corner.e-progressbar .e-progress.e-complete {
  border-radius: 3px 3px 3px 3px;
}
.e-atc.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-atc .e-corner.e-in-wrap.e-padding .e-select,
.e-daterangewidget.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-daterangewidget .e-corner.e-in-wrap.e-padding .e-select,
.e-datewidget.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-datewidget .e-corner.e-in-wrap.e-padding .e-select,
.e-datetime-wrap.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-datetime-wrap .e-corner.e-in-wrap.e-padding .e-select,
.e-ddl.e-rtl .e-corner.e-in-wrap .e-input,
.e-ddl .e-corner.e-in-wrap .e-select,
.e-numeric.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-numeric .e-corner.e-in-wrap.e-padding .e-select,
.e-percent.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-percent .e-corner.e-in-wrap.e-padding .e-select,
.e-currency.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-currency .e-corner.e-in-wrap.e-padding .e-select,
.e-timewidget.e-rtl .e-corner.e-in-wrap.e-padding .e-input,
.e-timewidget .e-corner.e-in-wrap.e-padding .e-select {
  border-radius: 0 3px 3px 0;
}
.e-atc .e-corner.e-in-wrap.e-padding .e-input,
.e-atc.e-rtl .e-corner.e-in-wrap.e-padding .e-select,
.e-datewidget .e-corner.e-in-wrap.e-padding .e-input,
.e-datewidget.e-rtl .e-corner.e-in-wrap.e-padding .e-select,
.e-daterangewidget .e-corner.e-in-wrap.e-padding .e-input,
.e-datetime-wrap .e-corner.e-in-wrap.e-padding .e-input,
.e-datetime-wrap.e-rtl .e-corner.e-in-wrap.e-padding .e-select,
.e-ddl .e-corner.e-in-wrap .e-input,
.e-ddl.e-rtl .e-corner.e-in-wrap .e-select,
.e-numeric .e-corner.e-in-wrap.e-padding .e-input,
.e-numeric.e-rtl .e-corner.e-in-wrap.e-padding .e-select,
.e-percent .e-corner.e-in-wrap.e-padding .e-input,
.e-percent.e-rtl .e-corner.e-in-wrap.e-padding .e-select,
.e-currency .e-corner.e-in-wrap.e-padding .e-input,
.e-currency.e-rtl .e-corner.e-in-wrap.e-padding .e-select,
.e-timewidget .e-corner.e-in-wrap.e-padding .e-input,
.e-timewidget.e-rtl .e-corner.e-in-wrap.e-padding .e-select,
.e-corner.e-progressbar .e-progress {
  border-radius: 3px 0 0 3px;
}
.e-corner.e-dialog-wrap > .e-header {
  border-radius: 3px 3px 0 0;
}
input.e-input,
input[type="text"].e-input,
.e-input.e-placeholder,
.e-ddl.e-widget .e-ul.e-boxes {
  
}
.e-float-container {
  
}
.e-float-text {
  
}
.e-focus + .e-float-text,
.e-valid + .e-float-text {
  
}
.e-focus + .e-float-text {
  
}
.e-disable {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
.e-corner-all {
  border-radius: 4px 4px 4px 4px;
}
.e-corner-top,
.e-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.e-corner-top,
.e-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.e-corner-bottom,
.e-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.e-corner-bottom,
.e-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.e-validation-error {
  
}
.e-validation-error {
  font-size: 14px;
  color: #cd0a0a;
}
.e-validation-error:before {
  
}
.e-textbox.e-validation-error,
.e-textarea.e-validation-error {
  
}
.e-no-spin::-webkit-inner-spin-button,
.e-no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.e-no-spin {
  -moz-appearance: textfield;
}
.e-input,
.e-tooltipbox,
.e-btn,
.e-time-popup,
.e-datepicker.e-calendar,
.e-menu,
.e-uploadbox .e-file-name-txt,
.e-uploadbox .e-selectpart,
.e-uploadbox .e-uploadbtn,
.e-uploadbox .e-uploadclosebtn,
.e-waitpopup-pane .e-text,
.e-tagcloud,
.e-toolbar,
.e-progressbar,
.e-scale .e-tick .tick-value,
.e-datetime-popup .e-dt-button,
.e-grid,
.e-ejinputtext,
.e-pager,
.e-fileexplorer,
.e-textbox,
.e-textarea {
  font-family: sans-serif, Helvetica Neue, Segoe UI, Ubuntu, Arial;
  
}
.e-input,
.e-tooltipbox,
.e-btn,
.e-time-popup,
.e-datepicker.e-calendar,
.e-menu,
.e-uploadbox .e-file-name-txt,
.e-uploadbox .e-selectpart,
.e-uploadbox .e-uploadbtn,
.e-uploadbox .e-uploadclosebtn,
.e-waitpopup-pane .e-text,
.e-tagcloud,
.e-toolbar,
.e-progressbar,
.e-scale .e-tick .tick-value,
.e-datetime-popup .e-dt-button,
.e-grid,
.e-ejinputtext,
.e-pager,
.e-fileexplorer,
.e-textbox,
.e-textarea {
  font-size: 14px;
}
.e-menu,
input.e-input,
input[type="text"].e-input,
.e-mask,
.e-ul,
.e-btn .e-btn-span,
.e-tbtn.e-chkbx-hidden,
.e-datepicker table,
.e-datepicker table th,
.e-datepicker table td,
.e-menu.e-horizontal > .e-list,
.e-menu.e-vertical > li.e-separator,
.e-menu.e-context > li.e-separator,
.e-tab.e-js > .e-header,
.e-uploadbox .e-action-perform,
.e-uploadbox .e-uploaddialog.e-dialog.e-dialog-content,
.e-tagcloud .e-load,
.e-scale,
.e-select,
.e-input.e-placeholder {
  margin: 0;
  padding: 0;
  outline: 0 none;
  line-height: normal;
}
.e-btn,
.e-btn .e-btn-span,
.e-datepicker .e-header .e-next,
.e-datepicker .e-header .e-prev,
.e-datepicker .e-header .e-text,
.e-menu > .e-list > a > img,
.e-menu > .e-list > span > img,
.e-menu > .e-list > a > div,
.e-menu > .e-list > span > div,
.e-menu > .e-list > a > span,
.e-menu > .e-list > span > span,
.e-menu .e-list > a span.e-icon,
.e-menu .e-list > span span.e-icon,
.e-menu.e-horizontal > .e-list,
.e-menu.e-vertical,
.e-menu.e-context,
.e-chkbox-wrap,
.e-radiobtn-wrap,
.e-chkbox-wrap div,
.e-chkbox-wrap .e-text,
.e-radiobtn-wrap .e-text,
.e-tab.e-js > .e-header,
.e-tab .e-header li,
.e-tab .e-header li a,
.e-dialog .e-dialog-icon,
.e-dialog .e-icon,
.e-uploadbox .e-selectpart,
.e-uploadbox .e-file-list,
.e-treeview .e-text,
.e-tagcloud .e-cloud,
.e-tagcloud .e-list,
.e-tagcloud .e-cloud .e-tagitems,
.e-h-scale .e-tick,
.e-grid .e-groupheadercell,
.e-grid .e-groupheadercell:hover,
.e-pager,
.e-pager .e-disableditem,
.e-grid div.e-parentmsgbar,
.e-grid .e-toolbaricons,
.e-pager .e-pagercontainer {
  display: inline-block;
}
.e-ul {
  list-style-type: none;
}
input.e-input,
input[type="text"].e-input,
.e-input.e-placeholder {
  border: medium none;
  height: 100%;
  width: 100%;
  display: block;
  line-height: 1.908em;
}
input.e-input,
input[type="text"].e-input,
.e-input.e-placeholder {
  padding-left: 0.857em;
}
.e-rtl input.e-input,
.e-rtl input[type="text"].e-input,
.e-rtl .e-input.e-placeholder,
.e-textbox.e-rtl,
.e-textarea.e-rtl {
  text-align: right;
  padding-left: 0;
  padding-right: 0.857em;
}
.e-in-wrap {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid;
}
.e-rtl {
  direction: rtl;
}
.e-widget,
.e-widget [class^="e-"],
.e-widget [class*=" e-"] {
  -webkit-box-sizing: content-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;
  /* Firefox, other Gecko */
  box-sizing: content-box;
  /* Opera/IE 8+ */

}
.e-widget.e-box,
.e-widget .e-box,
.e-widget button.e-btn,
button.e-btn.e-widget,
input.e-btn.e-widget,
input.e-input,
input[type="text"].e-input,
.e-input.e-placeholder,
.e-widget input.e-input,
.e-lv.e-js .e-header.e-box,
.e-textbox,
.e-textarea {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */

}
.e-scheduledialog.e-dialog .e-dialog-scroller,
.e-ss-dialog.e-dialog .e-dialog-scroller {
  -webkit-box-sizing: content-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;
  /* Firefox, other Gecko */
  box-sizing: content-box;
  /* Opera/IE 8+ */

}
.e-shadow {
  
}
.e-shadow {
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
.e-overlay {
  background-color: gray;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
}
.e-tooltipbox {
  height: auto;
  position: absolute;
  width: auto;
  min-width: 10px;
  text-align: center;
  z-index: 10000;
  
}
.e-tooltipbox {
  padding: 2px;
  border: 1px solid;
}
.e-tooltipbox {
  font-weight: 500;
}
.e-slider-wrap.e-horizontal.e-scale-wrap .e-slider.e-js {
  
}
.e-slider-wrap.e-default-wrap.e-horizontal.e-scale-wrap .e-slider.e-js {
  
}
.e-slider-wrap.e-horizontal.e-default-wrap .e-scale.e-h-scale {
  
}
.e-slider-wrap.e-horizontal.e-default-wrap .e-scale .e-tick:not(.e-large) {
  
}
.e-slider-wrap.e-horizontal .e-scale.e-h-scale {
  
}
.e-slider-wrap.e-default-wrap.e-horizontal .e-scale.e-h-scale {
  
}
.e-slider-wrap.e-vertical.e-scale-wrap .e-slider.e-js {
  
}
.e-slider-wrap.e-default-wrap.e-vertical.e-scale-wrap .e-slider.e-js {
  
}
.e-slider-wrap.e-default-wrap.e-vertical .e-scale.e-v-scale {
  
}
.e-slider-wrap.e-vertical .e-scale.e-v-scale {
  
}
.e-slider-wrap.e-vertical.e-default-wrap .e-scale .e-tick:not(.e-large) {
  
}
.e-slider-wrap.e-vertical .e-scale .e-tick .e-tick-value {
  
}
.e-slider-wrap .e-sliderbtn.e-select {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  box-shadow: none;
}
.e-slider-wrap.e-horizontal .e-decreasebtn.e-select {
  left: 0;
  right: auto;
}
.e-slider-wrap.e-horizontal.e-rtl .e-decreasebtn.e-select {
  right: 0;
  left: auto;
}
.e-slider-wrap.e-horizontal .e-increasebtn.e-select {
  right: 0;
  left: auto;
}
.e-slider-wrap.e-horizontal.e-rtl .e-increasebtn.e-select {
  left: 0;
  right: auto;
}
.e-slider-wrap.e-vertical .e-increasebtn.e-select {
  top: 0;
  bottom: auto;
}
.e-slider-wrap.e-vertical.e-top-to-bottom .e-increasebtn.e-select {
  bottom: 0;
  top: auto;
}
.e-slider-wrap.e-vertical.e-top-to-bottom.e-rtl {
  direction: ltr;
}
.e-slider-wrap.e-vertical.e-top-to-bottom .e-decreasebtn.e-select {
  top: 0;
  bottom: auto;
}
.e-slider-wrap.e-vertical .e-top.e-decreasebtn.e-select {
  bottom: 0;
  top: auto;
}
.e-slider-wrap.e-horizontal.e-slider-buttons {
  position: relative !important;
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.e-slider-wrap.e-vertical.e-slider-buttons {
  position: relative !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.e-slider-wrap .e-sliderbtn.e-select:active {
  
}
.e-slider-wrap .e-sliderbtn.e-select:hover {
  
}
.e-slider-wrap .e-sliderbtn:not(.e-animate).e-select:not(:active):after {
  
}
.e-slider-wrap .e-sliderbtn.e-select {
  
}
.e-slider-wrap .e-sliderbtn .e-icon.e-plus:before {
  
}
.e-slider-wrap .e-sliderbtn .e-icon.e-plus:before {
  content: "\e8d2";
}
.e-slider-wrap .e-sliderbtn .e-icon.e-minus:before {
  
}
.e-slider-wrap .e-sliderbtn .e-icon.e-minus:before {
  content: "\e8d1";
}
.e-sliderbtn.e-btn.e-select .e-icon {
  
}
.e-sliderbtn.e-btn.e-select .e-icon {
  padding: 0px 2px 0.5px 2px;
}
.e-sliderbtn.e-btn.e-select .e-btn-span {
  
}
.e-sliderbtn.e-btn.e-select .e-btn-span {
  display: block;
}
.e-input::-ms-clear {
  display: none;
}
.edge-browser ::-webkit-input-placeholder {
  opacity: 1 !important;
}
.e-input::-webkit-input-placeholder,
.e-textbox::-webkit-input-placeholder,
.e-textarea::-webkit-input-placeholder {
  
}
.e-input::-webkit-input-placeholder,
.e-textbox::-webkit-input-placeholder,
.e-textarea::-webkit-input-placeholder {
  font-style: italic;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.e-input::-moz-placeholder,
.e-textbox::-moz-placeholder,
.e-textarea::-moz-placeholder {
  
}
.e-input::-moz-placeholder,
.e-textbox::-moz-placeholder,
.e-textarea::-moz-placeholder {
  font-style: italic;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.e-input:-moz-placeholder,
.e-textbox:-moz-placeholder,
.e-textarea:-moz-placeholder {
  
}
.e-input:-moz-placeholder,
.e-textbox:-moz-placeholder,
.e-textarea:-moz-placeholder {
  font-style: italic;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.e-input:-ms-input-placeholder,
.e-textbox:-ms-input-placeholder,
.e-textarea:-ms-input-placeholder {
  
}
.e-input:-ms-input-placeholder,
.e-textbox:-ms-input-placeholder,
.e-textarea:-ms-input-placeholder {
  font-style: italic;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.e-input.e-watermark {
  
}
.e-input.e-watermark {
  font-style: italic;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.e-widget .e-input.e-placeholder {
  top: 0;
  position: absolute;
  white-space: nowrap;
  text-align: left;
  
}
.e-widget .e-input.e-placeholder {
  font-style: italic;
}
.e-textbox {
  height: 34px;
}
.e-textbox,
.e-textarea {
  line-height: 1.908em;
  outline: medium none;
  border: 1px solid;
  
}
.e-textbox,
.e-textarea {
  box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
}
.e-textbox,
.e-textarea {
  width: 100%;
  padding-left: 0.857em;
}
.e-textbox.e-rtl,
.e-textarea.e-rtl {
  
}
.e-textbox[disabled],
.e-textarea[disabled] {
  
}
.e-textbox:focus,
.e-textarea:focus {
  
}
.e-textbox.e-animation:focus,
.e-textarea.e-animation:focus {
  
}
.e-pinch {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.e-pan-x {
  -ms-touch-action: pinch-zoom pan-x;
  touch-action: pinch-zoom pan-x;
}
.e-pan-y {
  -ms-touch-action: pinch-zoom pan-y;
  touch-action: pinch-zoom pan-y;
}
.e-numeric .e-select .e-spin-up:after,
.e-numeric .e-select .e-spin-down:after,
.e-percent .e-select .e-spin-up:after,
.e-percent .e-select .e-spin-down:after,
.e-currency .e-select .e-spin-up:after,
.e-currency .e-select .e-spin-down:after,
.e-treeview .e-plus:after,
.e-treeview .e-minus:after,
.e-treeview .e-icon.e-load:after,
.e-treeview-wrap:not(.e-fullrow-wrap) .e-text:after,
.e-fullrow-wrap .e-fullrow:after,
.e-pager .e-icon.e-animate:after,
.e-pager .e-numericitem.e-animate:after,
.e-schedule .e-resourceexpand:after,
.e-schedule .e-resourcecollapse:after,
.e-btn.e-select:after,
.e-tbtn.e-btn:after,
.e-split .e-split-btn.e-select.e-left-btn:after,
.e-split .e-split-btn.e-select.e-drp-btn:after,
.e-groupbutton > .e-ul > .e-grp-btn-item:after,
.e-datepicker.e-popup .e-header .e-prev:after,
.e-datepicker.e-popup .e-header .e-next:after,
.e-tooltxt:after,
.e-colorwidget .e-color-container .e-selected-color::after,
.e-colorpicker .e-colorblock .e-color-image.e-add:after,
.e-colorwidget .e-select .e-icon::after,
.e-uploadbox.e-widget .e-selectpart.e-select:after,
.e-pivotgrid .filter:after,
.e-pivotgrid .sorting:after,
.e-pivotgrid .removeBtn:after,
.e-datepicker.e-popup .e-header .e-prev:not(:active):after,
.e-datepicker.e-popup .e-header .e-next:not(:active):after,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon:not(:active):after,
.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat:not(:active):after,
.e-datepicker .e-footer.e-btn.e-select.e-flat:not(:active):after,
.e-datetime-popup .e-dt-button.e-btn.e-select.e-flat:not(:active):after,
.e-datepicker .e-datepicker-days td:after,
.e-pivotclient .firstPage.pageEnabled:after,
.e-pivotclient .prevPage.pageEnabled:after,
.e-pivotclient .nextPage.pageEnabled:after,
.e-pivotclient .lastPage.pageEnabled:after {
  
}
.e-btn.e-select:after,
.e-tbtn.e-btn:after,
.e-split .e-split-btn.e-select.e-left-btn:after,
.e-split .e-split-btn.e-select.e-drp-btn:after,
.e-groupbutton > .e-ul > .e-grp-btn-item:after,
.e-datepicker.e-popup .e-header .e-prev:after,
.e-datepicker.e-popup .e-header .e-next:after,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon:after,
.e-colorwidget .e-color-container .e-selected-color::after,
.e-colorpicker .e-colorblock .e-color-image.e-add:after,
.e-colorwidget .e-select .e-icon::after {
  
}
.e-numeric .e-select .e-animate.e-spin-up:not(:active):after,
.e-numeric .e-select .e-animate.e-spin-down:not(:active):after,
.e-percent .e-select .e-animate.e-spin-up:not(:active):after,
.e-percent .e-select .e-animate.e-spin-down:not(:active):after,
.e-currency .e-select .e-animate.e-spin-up:not(:active):after,
.e-currency .e-select .e-animate.e-spin-down:not(:active):after,
.e-treeview .e-animate.e-plus:not(:active):after,
.e-treeview .e-animate.e-minus:not(:active):after,
.e-treeview .e-load.e-animate:not(:active):after,
.e-pager .e-icon.e-animate:not(:active):after,
.e-pager .e-numericitem.e-animate:not(:active):after,
.e-schedule .e-resourcecollapse:not(:active):after,
.e-schedule .e-resourceexpand:not(:active):after,
.e-button.e-btn.e-animate:not(:active):after,
.e-tbtn.e-btn.e-animate:not(:active):after,
.e-split .e-split-btn.e-select.e-btn:not(:active):after,
.e-groupbutton > .e-ul > .e-grp-btn-item.e-active:not(:active):after,
.e-groupbutton > .e-ul > .e-grp-btn-item:not(:active):after,
.e-tbtn.e-btn.e-flat.e-animate:not(:active):after,
.e-button.e-btn.e-flat.e-animate:not(:active):after,
.e-pivotgrid .filter:active:after,
.e-pivotgrid .sorting:active:after,
.e-pivotgrid .removeBtn:active:after,
.e-datepicker .e-datepicker-days td.e-active:after,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days td.e-start-date:after,
.e-daterangepicker-popup .e-datepicker .e-datepicker-days td.e-end-date:after,
.e-datetime-popup .e-dt-button.e-btn.e-select.e-flat.e-focus:not(:active):after,
.e-datepicker .e-footer.e-btn.e-select.e-flat:focus:not(:active):after,
.e-daterangepicker-popup .e-drp-button.e-btn.e-select.e-flat:focus:not(:active):after,
.e-datepicker.e-popup .e-header .e-prev:not(:active):after,
.e-datepicker.e-popup .e-header .e-next:not(:active):after,
.e-datetime-popup .e-drillDowncontainer .e-timepicker.e-popup .e-header .e-icon:not(:active):after,
.e-uploadbox.e-widget .e-selectpart.e-select:active:after,
.e-pivotclient .firstPage.pageEnabled:active:after,
.e-pivotclient .prevPage.pageEnabled:active:after,
.e-pivotclient .nextPage.pageEnabled:active:after,
.e-pivotclient .lastPage.pageEnabled:active:after {
  
}
@-webkit-keyframes e-icon-ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(4);
  }
}
@keyframes e-icon-ripple {
  100% {
    opacity: 0;
    transform: scale(4);
  }
}
.e-treeview-wrap:not(.e-fullrow-wrap) .e-text:after,
.e-fullrow-wrap .e-fullrow:after {
  
}
.e-treeview-wrap:not(.e-fullrow-wrap) .e-text.e-active.e-animate:not(:active):after {
  
}
@-webkit-keyframes e-text-ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(20);
  }
}
@keyframes e-text-ripple {
  100% {
    opacity: 0;
    transform: scale(20);
  }
}
.e-fullrow-wrap .e-animate:not(:active) + .e-fullrow:after,
.e-fullrow-wrap .e-fullrow.e-animate:not(:active):after {
  
}
@-webkit-keyframes e-full-text-ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(70);
  }
}
@keyframes e-full-text-ripple {
  100% {
    opacity: 0;
    transform: scale(70);
  }
}
.e-treeview-wrap:not(.e-fullrow-wrap) .e-text {
  
}
.e-ripple-bar {
  
}
.e-numeric .e-in-wrap:before,
.e-percent .e-in-wrap:before,
.e-currency .e-in-wrap:before,
.e-mask .e-in-wrap:before,
.e-numeric .e-in-wrap:after,
.e-percent .e-in-wrap:after,
.e-currency .e-in-wrap:after,
.e-mask .e-in-wrap:after,
.e-ripple-bar:before,
.e-ripple-bar:after,
.e-datewidget .e-in-wrap:before,
.e-datewidget .e-in-wrap:after,
.e-daterangewidget .e-in-wrap:before,
.e-daterangewidget .e-in-wrap:after,
.e-timewidget .e-in-wrap:before,
.e-timewidget .e-in-wrap:after,
.e-datetime-wrap .e-in-wrap:before,
.e-datetime-wrap .e-in-wrap:after,
.e-atc .e-in-wrap:before,
.e-atc .e-in-wrap:after,
.e-ddl .e-in-wrap:before,
.e-ddl .e-in-wrap:after,
.e-colorpicker .e-codeeditor:after,
.e-colorpicker .e-buttons .e-codeeditor::before {
  
}
.e-colorpicker .e-buttons .e-codeeditor.e-focus::before {
  
}
.e-colorpicker .e-buttons .e-codeeditor .e-color-code {
  
}
.e-colorpicker .e-buttons .e-codeeditor .e-color-code:focus {
  
}
.e-ddl .e-in-wrap:before,
.e-ddl .e-in-wrap:after {
  
}
.e-textbox + .e-ripple-bar:before,
.e-textbox + .e-ripple-bar:after {
  
}
.e-textarea + .e-ripple-bar:before,
.e-textarea + .e-ripple-bar:after {
  
}
.e-numeric .e-in-wrap:before,
.e-percent .e-in-wrap:before,
.e-currency .e-in-wrap:before,
.e-mask .e-in-wrap:before,
.e-ripple-bar:before,
.e-datewidget .e-in-wrap:before,
.e-daterangewidget .e-in-wrap:before,
.e-timewidget .e-in-wrap:before,
.e-datetime-wrap .e-in-wrap:before,
.e-atc .e-in-wrap:before,
.e-ddl .e-in-wrap:before,
.e-colorpicker .e-codeeditor:before {
  
}
.e-numeric .e-in-wrap:after,
.e-percent .e-in-wrap:after,
.e-currency .e-in-wrap:after,
.e-mask .e-in-wrap:after,
.e-ripple-bar:after,
.e-datewidget .e-in-wrap:after,
.e-daterangewidget .e-in-wrap:after,
.e-timewidget .e-in-wrap:after,
.e-datetime-wrap .e-in-wrap:after,
.e-atc .e-in-wrap:after,
.e-ddl .e-in-wrap:after,
.e-colorpicker .e-codeeditor:after {
  
}
.e-numeric.e-focus .e-in-wrap:before,
.e-percent.e-focus .e-in-wrap:before,
.e-currency.e-focus .e-in-wrap:before,
.e-mask.e-focus .e-in-wrap:before,
.e-numeric.e-focus .e-in-wrap:after,
.e-percent.e-focus .e-in-wrap:after,
.e-currency.e-focus .e-in-wrap:after,
.e-mask.e-focus .e-in-wrap:after,
.e-textbox:focus + .e-ripple-bar:before,
.e-textbox:focus + .e-ripple-bar:after,
.e-textarea:focus + .e-ripple-bar:before,
.e-textarea:focus + .e-ripple-bar:after,
.e-datewidget.e-focus .e-in-wrap:before,
.e-datewidget.e-focus .e-in-wrap:after,
.e-daterangewidget.e-focus .e-in-wrap:before,
.e-daterangewidget.e-focus .e-in-wrap:after,
.e-timewidget.e-focus .e-in-wrap:before,
.e-timewidget.e-focus .e-in-wrap:after,
.e-datetime-wrap.e-focus .e-in-wrap:before,
.e-datetime-wrap.e-focus .e-in-wrap:after,
.e-atc.e-focus .e-in-wrap:before,
.e-atc.e-focus .e-in-wrap:after,
.e-ddl.e-popactive .e-in-wrap:before,
.e-ddl.e-popactive .e-in-wrap:after,
.e-colorpicker .e-codeeditor:focus::after {
  
}
.e-numeric .e-in-wrap,
.e-percent .e-in-wrap,
.e-currency .e-in-wrap,
.e-mask .e-in-wrap,
.e-datewidget .e-in-wrap,
.e-daterangewidget .e-in-wrap,
.e-timewidget .e-in-wrap,
.e-datetime-wrap .e-in-wrap,
.e-atc .e-in-wrap,
.e-ddl .e-in-wrap,
.e-colorpicker .e-codeeditor {
  
}
.e-ddl .e-in-wrap {
  
}
html {
  -webkit-tap-highlight-color: transparent;
}
.e-tooltip-wrap {
  display: none;
  position: absolute;
  max-width: 350px;
  min-width: 50px;
  visibility: visible;
  padding: 0px;
}
.e-tooltip-wrap .e-arrowTip {
  height: 10px;
  left: 50%;
  top: 100%;
  overflow: hidden;
  position: absolute;
  width: 20px;
}
.e-tooltip-wrap .e-tipContainer {
  position: relative;
  overflow: hidden;
}
.e-tooltipShadowLeft {
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.06);
}
.e-tooltipShadowRight {
  box-shadow: -4px -4px 4px 0px rgba(0, 0, 0, 0.06);
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader {
  position: relative;
  overflow: hidden;
  display: block;
  
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader {
  padding: 5px 7px 5px 7px;
}
.e-tooltip-wrap .e-tipContainer .e-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  
}
.e-tooltip-wrap .e-tipContainer .e-header {
  font-weight: bold;
  font-size: 15px;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-tooltipTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-tooltipTitle {
  font-weight: bold;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close:before {
  content: "\e6f7";
}
.e-tooltip-wrap .e-cross-circle:before {
  content: "\e60a";
  color: #474747;
}
.e-tooltip-wrap .e-cross-circle {
  top: -9px;
  right: -9px;
  float: right;
  position: absolute;
}
.e-tooltip-wrap .e-tipContainer .e-tooltipHeader .e-close {
  float: right;
  padding: 5px;
  
}
.e-def {
  word-wrap: break-word;
}
.e-tooltip-wrap .e-tipContainer .e-tipcontent {
  
}
.e-tooltip-wrap .e-tipContainer .e-tipcontent {
  
}
.e-tooltip-wrap .e-tipContainer .e-tipcontent {
  padding: 5px 7px;
}
.e-tooltip-wrap .e-corner {
  border-radius: 2px 2px 2px 2px;
}
div.e-tooltip-wrap.e-customAnimation {
  
}
.e-disable {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
.e-rtl {
  direction: rtl;
}
.e-btn {
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  border: medium none;
  box-shadow: none;
  
}
.e-btn.e-select,
.e-btn.e-tbtn.e-select,
.e-btn.e-split-btn.e-select {
  border: 1px solid;
}
.e-btn,
.e-btn .e-btn-span,
.e-btn.e-tbtn .e-btn-span,
.e-btn.e-split-btn .e-btn-span {
  vertical-align: middle;
  border-spacing: 0;
}
.e-btn .e-icon,
.e-tbtn.e-btn .e-btn-span .e-icon,
.e-split-btn-div .e-icon,
.e-split-btn .e-icon {
  display: table-cell;
  padding: 4px 3px;
  visibility: visible;
  vertical-align: middle;
}
.e-split-btn-div .e-icon {
  
}
.e-split-btn-div .e-icon {
  font-size: 10px;
}
.e-btn.e-btn-normal .e-icon {
  
}
.e-rtl .e-splitarrowleft .e-split-btn.e-left-btn {
  border-left: 1px solid;
}
.e-rtl .e-splitarrowright .e-split-btn.e-left-btn {
  
}
.e-rtl .e-splitarrowright .e-split-btn.e-left-btn {
  border-right: 1px solid;
}
.e-split.e-btn-normal .e-in-wrap .e-left-btn .e-icon {
  
}
.e-btn.e-btn-normal.e-txt {
  
}
.e-btn.e-txt {
  
}
.e-btn.e-txt {
  padding: 0.2em 0.4em 0.3em;
}
.e-split .e-splitarrowright .e-splitbutton.e-corner,
.e-split .e-splitarrowleft .e-corner + .e-drp-btn,
.e-rtl.e-split .e-splitarrowleft .e-splitbutton.e-corner,
.e-rtl.e-split .e-splitarrowright .e-corner + .e-drp-btn {
  
}
.e-split .e-btn.e-txt {
  padding: 0.1em 0.4em 0.3em;
}
.e-btn .e-btntxt,
.e-tbtn.e-btn .e-btn-span .e-btntxt,
.e-split-btn.e-btn .e-btn-span .e-btntxt,
.e-tbtn.e-txt {
  width: auto;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
  
}
.e-btn .e-btntxt,
.e-tbtn.e-btn .e-btn-span .e-btntxt,
.e-split-btn.e-btn .e-btn-span .e-btntxt,
.e-tbtn.e-txt {
  padding: 0.1em 0.15em 0.3em;
}
.e-btn.e-btn-normal,
.e-tbtn.e-btn-normal {
  
  height: 34px;
}
.e-btn.e-btn-mini,
.e-tbtn.e-btn-mini {
  
}
.e-btn.e-btn-mini,
.e-tbtn.e-btn-mini {
  height: 28px;
  width: 63px;
}
.e-btn.e-btn-small,
.e-tbtn.e-btn-small {
  
}
.e-btn.e-btn-small,
.e-tbtn.e-btn-small {
  height: 32px;
  width: 89px;
}
.e-btn.e-select.e-btn-medium,
.e-tbtn.e-select.e-btn-medium {
  
}
.e-btn.e-select.e-btn-medium,
.e-tbtn.e-select.e-btn-medium {
  height: 36px;
  width: 113px;
}
.e-btn.e-btn-large,
.e-tbtn.e-btn-large {
  
}
.e-btn.e-btn-large,
.e-tbtn.e-btn-large {
  height: 40px;
  width: 130px;
}
.e-btn.e-btn-normal,
.e-tbtn.e-btn-normal,
.e-split.e-btn-normal .e-split-btn.e-select,
.e-split .e-btn-arrowsplit-normal .e-split-btn.e-select {
  
}
.e-btn.e-btn-large,
.e-tbtn.e-btn-large,
.e-split.e-btn-large .e-split-btn.e-select,
.e-split .e-btn-arrowsplit-large .e-split-btn.e-select {
  
}
.e-btn.e-btn-large,
.e-tbtn.e-btn-large,
.e-split.e-btn-large .e-split-btn.e-select,
.e-split .e-btn-arrowsplit-large .e-split-btn.e-select {
  font-size: 15px;
}
.e-btn.e-btn-mini,
.e-tbtn.e-btn-mini,
.e-split.e-btn-mini .e-split-btn.e-select,
.e-split .e-btn-arrowsplit-mini .e-split-btn.e-select {
  
}
.e-btn.e-btn-mini,
.e-tbtn.e-btn-mini,
.e-split.e-btn-mini .e-split-btn.e-select,
.e-split .e-btn-arrowsplit-mini .e-split-btn.e-select {
  font-size: 12px;
}
.e-btn.e-btn-small,
.e-tbtn.e-btn-small,
.e-split.e-btn-small .e-split-btn.e-select,
.e-split .e-btn-arrowsplit-small .e-split-btn.e-select {
  font-size: 13px;
}
.e-btn.e-btn-medium,
.e-tbtn.e-btn-medium,
.e-split.e-btn-medium .e-split-btn.e-select,
.e-split .e-btn-arrowsplit-medium .e-split-btn.e-select {
  font-size: 14px;
}
.e-split-btn.e-select {
  vertical-align: initial;
}
.e-tbtn-wrap {
  display: block;
}
.e-tbtn.e-chkbx-hidden {
  border: 0 none;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.e-tbtn-wrap label {
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
}
.e-split.e-btn-small {
  height: 32px;
  width: 89px;
}
.e-split.e-btn-mini {
  height: 28px;
  width: 63px;
}
.e-split.e-btn-normal {
  height: 30px;
  
}
.e-split.e-btn-medium {
  height: 36px;
  width: 113px;
}
.e-split.e-btn-large {
  height: 40px;
  width: 130px;
}
.e-split.e-btn-arrowsplit-large {
  height: 64px;
  width: 135px;
}
.e-split.e-btn-arrowsplit-medium {
  height: 60px;
  width: 113px;
}
.e-split.e-btn-arrowsplit-normal {
  height: 54px;
}
.e-split.e-btn-arrowsplit-mini {
  height: 52px;
  width: 63px;
}
.e-split.e-btn-arrowsplit-small {
  height: 56px;
  width: 89px;
}
.e-split.e-btn-arrowsplit-small.e-drop {
  height: 42px;
  width: 89px;
}
.e-split.e-btn-arrowsplit-large.e-drop {
  height: 50px;
  width: 135px;
}
.e-split.e-btn-arrowsplit-medium.e-drop {
  height: 46px;
  width: 113px;
}
.e-split.e-btn-arrowsplit-normal.e-drop {
  height: 40px;
}
.e-split.e-btn-arrowsplit-mini.e-drop {
  height: 38px;
  width: 63px;
}
.e-split {
  display: block;
  position: relative;
  margin: 0;
  overflow: hidden;
}
.e-split.e-btnrtl {
  padding: 0;
}
.e-split-btn,
.e-split-btn.e-left-btn {
  height: 100%;
}
.e-split-btn.e-btn-txt {
  height: 100%;
}
.e-split-btn.e-btn-txt {
  width: 24px;
}
.e-split-btn.e-left-btn {
  width: 100%;
}
.e-split.e-btn-normal .e-split-btn.e-left-btn {
  
}
.e-split-btn.e-rht-btn {
  width: 24px;
  height: 100%;
}
.e-split-btn.e-drp-btn.e-select {
  float: left;
  position: absolute;
}
.e-split.e-drop .e-in-wrap .e-left-btn .e-split-btn-div .e-icon,
.e-split.e-drop .e-in-wrap .e-left-btn .e-split-btn-div .e-icon:before {
  
}
.e-split.e-drop .e-in-wrap .e-left-btn .e-split-btn-div .e-icon,
.e-split.e-drop .e-in-wrap .e-left-btn .e-split-btn-div .e-icon:before {
  height: 12px;
  width: 12px;
  font-size: 10px;
}
.e-split.e-btn-normal.e-drop .e-in-wrap .e-left-btn .e-split-btn-div .e-icon,
.e-split.e-btn-normal.e-drop .e-in-wrap .e-left-btn .e-split-btn-div .e-icon:before {
  
}
.e-split .e-in-wrap {
  border: none;
}
.e-split .e-padding {
  padding: 0 24px 0 0;
}
.e-split.e-rtl .e-padding,
.e-split.e-btn-normal.e-rtl .e-padding.e-splitarrowright,
.e-split.e-btn-normal .e-padding.e-splitarrowleft {
  padding: 0 0 0 24px;
}
.e-split.e-btn-mini .e-padding.e-splitarrowright,
.e-split.e-btn-mini.e-rtl .e-padding.e-splitarrowleft,
.e-split.e-btn-normal .e-padding.e-splitarrowright,
.e-split.e-btn-normal.e-rtl .e-padding.e-splitarrowleft {
  
}
.e-split.e-btn-small .e-padding.e-splitarrowright,
.e-split.e-btn-small.e-rtl .e-padding.e-splitarrowleft {
  
}
.e-split .e-in-wrap .e-left-btn .e-icon,
.e-split .e-in-wrap .e-left-btn .e-icon:before {
  
}
.e-split.e-btn-medium .e-padding.e-splitarrowright,
.e-split.e-btn-medium.e-rtl .e-padding.e-splitarrowleft,
.e-split.e-btn-large .e-padding.e-splitarrowright,
.e-split.e-btn-large.e-rtl .e-padding.e-splitarrowleft {
  
}
.e-split.e-btn-mini.e-rtl .e-padding.e-splitarrowright,
.e-split.e-btn-mini .e-padding.e-splitarrowleft,
.e-split.e-btn-normal.e-rtl .e-padding.e-splitarrowright,
.e-split.e-btn-normal .e-padding.e-splitarrowleft {
  
}
.e-split.e-btn-small.e-rtl .e-padding.e-splitarrowright,
.e-split.e-btn-small .e-padding.e-splitarrowleft {
  
}
.e-split.e-btn-medium.e-rtl .e-padding.e-splitarrowright,
.e-split.e-btn-medium .e-padding.e-splitarrowleft,
.e-split.e-btn-large.e-rtl .e-padding.e-splitarrowright,
.e-split.e-btn-large .e-padding.e-splitarrowleft {
  
}
.e-split.e-drop .e-padding {
  padding: 0;
}
.e-split .e-padding.e-splitarrowleft,
.e-split.e-rtl .e-padding.e-splitarrowright {
  padding: 0 0 0 24px;
}
.e-split.e-rtl .e-padding.e-splitarrowleft,
.e-split .e-padding.e-splitarrowright {
  padding: 0 24px 0 0;
}
.e-splitarrowleft .e-split-btn.e-rht-btn,
.e-splitarrowleft .e-split-btn.e-btn-txt {
  height: 100%;
  left: 0;
}
.e-splitarrowleft .e-split-btn.e-rht-btn,
.e-splitarrowleft .e-split-btn.e-btn-txt {
  width: 24px;
}
.e-splitarrowleft .e-split-btn.e-left-btn {
  border-left: medium none;
}
.e-split.e-rtl .e-splitarrowleft .e-split-btn.e-rht-btn,
.e-split.e-rtl .e-splitarrowleft .e-split-btn.e-btn-txt {
  right: 0;
}
.e-splitarrowright .e-split-btn.e-rht-btn.e-btn-normal,
.e-splitarrowright .e-split-btn.e-btn-txt.e-btn-normal {
  width: 24px;
  height: 100%;
}
.e-split.e-btn-normal .e-splitarrowright .e-split-btn.e-rht-btn,
.e-split.e-btn-normal .e-splitarrowright .e-split-btn.e-btn-txt {
  
}
.e-splitarrowright .e-split-btn.e-left-btn {
  border-right: medium none;
}
.e-splitarrowleft .e-split-btn.e-left-btn {
  border-left: medium none;
}
.e-splitarrowtop .e-split-btn.e-left-btn {
  border-top: medium none;
}
.e-splitarrowtop .e-split-btn.e-left-btn {
  border-top: medium none;
}
.e-split.e-rtl .e-splitarrowright .e-split-btn.e-rht-btn,
.e-split.e-rtl .e-splitarrowright .e-split-btn.e-btn-txt {
  left: 0;
}
.e-split .e-padding.e-splitarrowbottom {
  padding: 0 0 24px 0;
}
.e-splitarrowbottom .e-split-btn.e-rht-btn,
.e-splitarrowbottom .e-split-btn.e-btn-txt {
  height: 24px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.e-splitarrowbottom .e-split-btn.e-left-btn {
  border-bottom: medium none;
}
.e-split .e-padding.e-splitarrowtop {
  padding: 24px 0 0 0;
}
.e-splitarrowtop .e-split-btn.e-rht-btn,
.e-splitarrowtop .e-split-btn.e-btn-txt {
  height: 24px;
  width: 100%;
  top: 0;
  left: 0;
}
.e-splitarrowtop .e-split-btn.e-left-btn {
  border-top: medium none;
}
.e-split.e-drop .e-droparrowleft,
.e-split.e-drop.e-rtl .e-droparrowright {
  padding: 0 0 0 15px;
}
.e-split.e-drop.e-rtl .e-droparrowleft,
.e-split.e-drop .e-droparrowright {
  padding: 0 15px 0 0;
}
.e-droparrowleft .e-split-btn-div {
  left: 0;
  top: 50%;
  
}
.e-droparrowleft .e-split-btn-div {
  margin-top: -10px;
}
.e-splitbutton.e-btn {
  box-sizing: border-box;
}
.e-split.e-rtl .e-droparrowleft .e-split-btn-div {
  right: 0;
  left: auto;
  top: 50%;
  
}
.e-split.e-rtl .e-droparrowleft .e-split-btn-div {
  margin-top: -10px;
}
.e-droparrowright .e-split-btn-div {
  right: 0;
  top: 50%;
  
}
.e-droparrowright .e-split-btn-div {
  margin-top: -10px;
}
.e-split.e-rtl .e-droparrowright .e-split-btn-div {
  left: 0;
  right: auto;
  top: 50%;
  
}
.e-split.e-rtl .e-droparrowright .e-split-btn-div {
  margin-top: -10px;
}
.e-split.e-active .e-droparrowright .e-split-btn-div,
.e-split.e-active.e-rtl .e-droparrowright .e-split-btn-div,
.e-split.e-active .e-droparrowleft .e-split-btn-div,
.e-split.e-active.e-rtl .e-droparrowleft .e-split-btn-div {
  
}
.e-split.e-drop .e-droparrowbottom {
  padding: 0 0 15px 0;
}
.e-droparrowbottom .e-split-btn-div {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
}
.e-split.e-drop .e-droparrowtop {
  padding: 10px 0 0 0;
}
.e-droparrowtop .e-split-btn-div {
  top: 2px;
  left: 50%;
  margin-left: -10px;
}
.e-split.e-menu {
  
}
.e-split.e-menu {
  border-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
}
.e-split.e-menu.e-corner {
  border-radius: 4px;
}
.e-split.e-context,
.e-split.e-context li.e-list.e-haschild {
  overflow: visible;
}
.e-split.e-context li.e-list,
.e-split.e-context li.e-list.e-haschild span {
  overflow: hidden;
}
.e-flat-icon-btn.e-btn.e-select.e-icon,
.e-icon-btn.e-btn.e-select.e-icon,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon,
.e-float-btn.e-btn.e-select.e-icon,
.e-primary-icon-btn.e-btn.e-select.e-icon {
  height: 56px;
  width: 56px;
  overflow: hidden;
  
}
.e-icon-btn.e-btn.e-select.e-icon,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon,
.e-float-btn.e-btn.e-select.e-icon,
.e-primary-icon-btn.e-btn.e-select.e-icon {
  border-radius: 100%;
}
.e-flat-icon-btn.e-btn.e-select.e-icon > .e-btn-span,
.e-icon-btn.e-btn.e-select.e-icon > .e-btn-span,
.e-togglebutton.e-btn.e-tbtn.e-select.e-toggle-icon-btn.e-icon > .e-btn-span,
.e-float-btn.e-btn.e-select.e-icon > .e-btn-span,
.e-primary-icon-btn.e-btn.e-select.e-icon > .e-btn-span {
  display: none;
}
.e-split-btn.e-btn .e-btn-span {
  
}
.e-split-btn.e-btn.e-droparrowright .e-btn-span.e-split-btn-div span.e-icon,
.e-split-btn.e-btn.e-droparrowleft .e-btn-span.e-split-btn-div span.e-icon {
  
}
.e-split.e-btn-small [class*="e-splitarrow"] .e-split-btn.e-left-btn {
  
}
.e-split.e-btn-small .e-split-btn.e-drp-btn {
  
}
.e-split.e-btn-medium [class*="e-splitarrow"] .e-split-btn.e-left-btn {
  
}
.e-split.e-btn-medium .e-split-btn.e-drp-btn {
  
}
.e-split.e-btn-large [class*="e-splitarrow"] .e-split-btn.e-left-btn {
  
}
.e-split.e-btn-large .e-split-btn.e-drp-btn {
  
}
.e-split.e-btn-mini.e-drp-btn .e-split-btn-div,
.e-split.e-btn-small .e-drp-btn .e-split-btn-div {
  
}
.e-split.e-btn-normal .e-drp-btn .e-split-btn-div {
  
}
.e-split.e-btn-medium .e-drp-btn,
.e-split.e-btn-large .e-drp-btn {
  
}
.e-split.e-btn-mini .e-drp-btn {
  
}
.e-split.e-btn-small .e-drp-btn {
  
}
.e-split .e-splitarrowright .e-splitbutton.e-corner,
.e-split .e-splitarrowright .e-splitbutton,
.e-split .e-splitarrowright .e-corner .e-drp-btn {
  
}
.e-split.e-widget.e-active .e-in-wrap .e-split-btn-div .e-icon {
  
}
.e-split.e-widget .e-in-wrap .e-split-btn-div .e-icon {
  
}
.e-split.e-widget.e-disable:hover,
.e-split.e-widget.e-disable:focus,
.e-split.e-widget.e-disable:hover:focus {
  
}
.e-split.e-widget:focus,
.e-split.e-widget:focus:hover {
  
}
.e-split.e-corner,
.e-split .e-splitarrowright .e-corner + .e-drp-btn {
  
}
.e-split.e-menu.e-context .e-list {
  
}
.e-split.e-widget .e-splitarrowleft .e-splitbutton.e-corner,
.e-split.e-widget .e-splitarrowright .e-corner + .e-drp-btn,
.e-rtl.e-split.e-widget .e-splitarrowright .e-splitbutton.e-corner,
.e-rtl.e-split.e-widget .e-splitarrowleft .e-corner + .e-drp-btn {
  
}
.e-split.e-widget .e-splitarrowright .e-splitbutton.e-corner,
.e-split.e-widget .e-splitarrowleft .e-corner + .e-drp-btn,
.e-rtl.e-split.e-widget .e-splitarrowleft .e-splitbutton.e-corner,
.e-rtl.e-split.e-widget .e-splitarrowright .e-corner + .e-drp-btn {
  
}
.e-split.e-widget .e-split-btn.e-left-btn,
.e-split.e-widget .e-split-btn.e-drp-btn {
  
}
.e-numeric .e-in-wrap,
.e-percent .e-in-wrap,
.e-currency .e-in-wrap,
.e-mask .e-in-wrap {
  border-width: 1px;
}
.e-numeric,
.e-percent,
.e-currency,
.e-mask {
  display: block;
  overflow: visible;
  height: 34px;
  width: 143px;
}
.e-numeric .e-spin,
.e-percent .e-spin,
.e-currency .e-spin {
  position: absolute;
  right: 0;
  border: 0 none;
  cursor: pointer;
}
.e-numeric .e-spin-up,
.e-numeric .e-spin-down,
.e-percent .e-spin-up,
.e-percent .e-spin-down,
.e-currency .e-spin-up,
.e-currency .e-spin-down {
  display: block;
  
}
.e-numeric .e-spin-up,
.e-numeric .e-spin-down,
.e-percent .e-spin-up,
.e-percent .e-spin-down,
.e-currency .e-spin-up,
.e-currency .e-spin-down {
  height: 50%;
  width: 100%;
}
.e-numeric .e-spin-up,
.e-percent .e-spin-up,
.e-currency .e-spin-up {
  top: 0;
}
.e-numeric .e-spin-down,
.e-percent .e-spin-down,
.e-currency .e-spin-down {
  bottom: 0;
}
.e-numeric .e-padding,
.e-percent .e-padding,
.e-currency .e-padding,
.e-numeric:hover .e-padding,
.e-percent:hover .e-padding,
.e-currency:hover .e-padding {
  
}
.e-numeric .e-padding,
.e-percent .e-padding,
.e-currency .e-padding,
.e-numeric:hover .e-padding,
.e-percent:hover .e-padding,
.e-currency:hover .e-padding {
  padding: 0 24px 0 0;
}
.e-numeric .e-icon,
.e-percent .e-icon,
.e-currency .e-icon {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
}
.e-numeric .e-icon,
.e-percent .e-icon,
.e-curre