/* Widget Base Styles */
/* Selects, Dropdowns */
/* Inputs */
/* Links */
/* Headers */
/* Buttons */
/* 窗体关闭按钮  wuzp add */
/*wuzp add*/
/*wuzp add*/
/*wuzp add*/
/*wuzp add*/
/* 窗体保存按钮  wuzp add */
/*wuzp add*/
/*wuzp add*/
/*wuzp add*/
/*wuzp add*/
/* Group Base Styles */
/* Content */
/* Widget States */
/* Hover State */
/* Selected State */
/*Focused State*/
/* Active State */
/* Error State */
/* Disabled State */
/* Notification */
/* ToolTip */
/* Validation Message */
/* Splitter */
/* Slider */
/* Grid */
/* wuzp add */
/* wuzp add */
/* wuzp add */
/* wuzp add */
/* wuzp add */
/* Scheduler */
/* Upload */
/* Loading Indicators */
/* Shadows */
/* Border Radii */
/*wuzp add*/
/* Icons */
/* Pages  wuzp添加 */
/*页title颜色*/
/*treegrid*/
/* joy skin */
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}
/* main colors */
.k-block,
.k-widget {
  background-color: #ffffff;
}
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files {
  border-color: #dddddd;
}
.k-group,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-calendar th,
.k-dropzone-hovered,
.k-widget.k-popup {
  background-color: #ebebeb;
}
.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
  background-color: #f7f7f7;
}
.k-list-container {
  border-color: #dddddd;
  background-color: #f8f8f8;
}
.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
  background-color: #ffffff;
}
.k-alt,
.k-separator {
  background-color: #f8f8f8;
}
.k-selectable tr > td {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.k-selectable tr.k-state-selected > td {
  border-top: 1px solid #bfdef0;
  border-bottom: 1px solid #bfdef0;
}
.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
  border-color: #dddddd;
  background-color: #f8f8f8;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input {
  border-color: #dddddd;
}
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
  background: none;
}
.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap {
  background-color: #ffffff;
  color: #2e2e2e;
}
.k-input[readonly] {
  background-color: #ffffff;
  color: #2e2e2e;
}
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input {
  color: #2e2e2e;
}
.k-block {
  color: #a6a7a9;
}
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #2e2e2e;
}
.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
  color: #2e2e2e;
}
.k-header {
  color: #a6a7a9;
}
.k-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-position: 50% 50%;
  background-color: #f7f7f7;
}
.k-widget.k-tooltip {
  background-image: url('../common/image/highlight.png');
}
.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
html .km-pane-wrapper .k-header {
  background-color: #f7f7f7;
}
.k-grid-header .k-header {
  background-image: none;
  background-color: #ddebf4;
  border-color: #ddebf4;
}
.k-grid-header .k-header {
  font-size: 14px;
  font-weight: 600;
  color: #4a4c4b;
  text-align: center;
}
.k-grid-header {
  padding-right: 0px;
  background-color: #ddebf4;
}
.k-grid .k-grid-header-wrap {
  border-color: #ddebf4;
}
.k-grid.k-widget.k-reorderable {
  border-top: none;
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite {
  opacity: 1;
}
.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite {
  opacity: 0.8;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  opacity: 0.8;
}
.k-tool {
  border-color: transparent;
}
.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after {
  background-image: url('../joystyle/image/sprite.png');
  border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
  background-image: url('../joystyle/image/sprite.png');
  border-color: transparent;
}
.k-loading,
.k-state-hover .k-loading {
  background-image: url('../joystyle/image/loading.gif');
  background-position: 50% 50%;
}
.k-loading-image {
  background-image: url('../joystyle/image/loading-image.gif');
}
.k-loading-color {
  background-color: #ffffff;
}
.k-button {
  color: #2e2e2e;
  border-color: #dddddd;
  background-color: #f7f7f7;
}
/*wuzp add*/
.k-button.k-importantBtn {
  background-image: none;
  color: #ffffff;
  border-color: #4286fa;
  background-color: #4c8cf8;
  padding: 0.2em;
  font-size: 105%;
  font-weight: 600;
 letter-spacing: 0.5em;
    text-indent: 0.6em;
  border-radius: 1px;
      font-family: Microsoft YaHei;
}
.k-button.joy-window-close {
  background-image: none;
  color: #434343;
  border-color: #dddddd;
  background-color: #ffffff;
  padding: 0.2em 0.2em;
  font-size: 105%;
  font-weight: 600;
/*   letter-spacing: 0.8em; */
/*   text-indent: 0.8em; */
    letter-spacing: 0.4em;
    text-indent: 0.6em;
  border-radius: 1px;
}
.k-button.k-gridBtn {
  color: #397EBF;
  border: 1px solid #FFFFFF;
  background: none;
}
.k-button.k-gridBtn.k-state-disabled {
  color: #397EBF;
  border: 1px solid #FFFFFF;
  background: none;
}
.k-button.k-userBtn {
  background-image: none, linear-gradient(to bottom, #86d1fd, #1685d4);
  border-color: #0163aa;
  border-radius: 5px;
  color: #ffffff;
  font-family:  Microsoft YaHei;
  font-size: 16px;
  padding: 1px 30px;
  background-color: #2878b4;
}
.k-button:focus,
.k-button.k-state-focused {
  border-color: #dddddd;
}
.k-button.k-importantBtn.k-state-focused {
  background-image: none;
}
/*button hover*/
.k-button:hover {
  color: #2e2e2e;
  border-color: #85a4d0;
  background-color: #f3f8fc;
}
/*wuzp add*/
.k-button.k-importantBtn:hover {
  color: #ffffff;
  border-color: #2878b4;
  background-color: #50a0dc;
  background-image: none;
}
.k-button.joy-window-close:hover {
  color: #4b8bf7;
  border-color: #4788ee;
  background-color: #ffffff;
  background-image: none;
}
.k-button.k-userBtn:hover {
  color: #ffffff;
  border-color: #2878b4;
  background-color: #2878b4;
}
.k-button.k-gridBtn:hover {
  color: #4b8bf7;
  border: 1px solid #4788ee;
  background-color: #ffffff;
}
.k-button.k-gridBtn.k-state-disabled:hover {
  color: #4b8bf7;
  background: none;
}
/*button active*/
.k-button:active {
  color: #010101;
  background-color: #f3f8fc;
  border-color: #bfdef0;
}
/*wuzp add*/
.k-button.k-importantBtn:active {
  color: #ffffff;
  border-color: #2878b4;
  background-color: #50a0dc;
  background-image: none;
}
.k-button.k-gridBtn.k-state-disabled:active {
  color: #397EBF;
  background: none;
}
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
  color: #9f9e9e;
  border-color: #dddddd;
  background-color: #f7f7f7;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
}
.k-button.k-importantBtn.k-state-disabled,
.k-state-disabled .k-button.k-importantBtn,
.k-state-disabled .k-button.k-importantBtn:hover,
.k-button.k-importantBtn.k-state-disabled:hover,
.k-state-disabled .k-button.k-importantBtn:active,
.k-button.k-importantBtn.k-state-disabled:active {
  color: #ffffff;
  border-color: #2878b4;
  background-color: #50a0dc;
  background-image: none;
}
.k-button:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 0 1px 1px #aed5ec;
  box-shadow: 0 0 1px 1px #aed5ec;
}
.k-draghandle {
  border-color: #dddddd;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-draghandle:hover {
  border-color: #85a4d0;
  background-color: #f3f8fc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Scheduler */
.k-scheduler {
  color: #2e2e2e;
  background-color: #ffffff;
}
.k-scheduler-layout {
  color: #2e2e2e;
}
.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #ffffff;
  color: #2e2e2e;
}
.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
  border-color: #dddddd;
}
.k-nonwork-hour {
  background-color: #f2f2f2;
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: #f8f8f8;
}
.k-scheduler-now-arrow {
  border-left-color: #e20000;
}
.k-scheduler-now-line {
  background-color: #e20000;
}
.k-event {
  border-color: #ffdac1;
  background: #ffdac1 0 -257px url('../common/image/highlight.png') repeat-x;
  color: #2e2e2e;
}
.k-event-inverse {
  color: #ffffff;
}
.k-event.k-state-selected {
  background-position: 0 0;
}
.k-ie7 .k-event .k-resize-handle,
.k-event .k-resize-handle:after {
  background-color: #bababa;
}
.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
  border-color: #f3f8fc;
}
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  background-color: #ffffff;
  color: #2e2e2e;
  border-color: #dddddd;
}
.k-panelbar > li > .k-link {
  color: #2e2e2e;
}
.k-panelbar > .k-item > .k-link {
  border-color: #dddddd;
}
.k-panel > li.k-item {
  background-color: #ffffff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
  background-color: #ffffff;
  border-color: #f3f8fc;
  color: #2e2e2e;
}
.k-menu .k-state-hover > .k-state-active {
  background-color: transparent;
}
.k-state-highlight {
  background: #ffffff;
  color: #2e2e2e;
}
.k-state-focused,
.k-grouping-row .k-state-focused {
  border-color: #85a4d0;
}
.k-calendar .k-link {
  color: #2e2e2e;
}
.k-calendar .k-footer {
  padding: 0;
}
.k-calendar .k-footer .k-nav-today {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: .5em 0;
  color: #2e2e2e;
  text-decoration: none;
  background-color: #ffffff;
}
.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today.k-state-hover {
  background-color: #ffffff;
  text-decoration: underline;
}
.k-calendar .k-footer .k-nav-today:active {
  background-color: #ffffff;
}
.k-calendar .k-link.k-nav-fast {
  color: #2e2e2e;
}
.k-calendar .k-nav-fast.k-state-hover {
  text-decoration: none;
  background-color: #f3f8fc;
  color: #2e2e2e;
}
.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
  border-radius: 4px;
}
.k-calendar .k-footer .k-link {
  border-radius: 0;
}
.k-calendar th {
  background-color: #ebebeb;
}
.k-calendar-container.k-group {
  border-color: #dddddd;
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  color: #010101;
  background-color: #f3f8fc;
  border-color: #bfdef0;
}
.k-marquee-text {
  color: #010101;
}
.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  -webkit-box-shadow: 0 0 1px 1px #aed5ec;
  box-shadow: 0 0 1px 1px #aed5ec;
}
.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused,
.k-ie7 .k-panelbar span.k-state-focused,
.k-ie7 .k-menu li.k-state-focused,
.k-ie7 .k-listview > .k-state-focused,
.k-ie7 .k-grid-header th.k-state-focused,
.k-ie7 td.k-state-focused,
.k-ie7 .k-tool.k-state-hover,
.k-ie7 .k-button:focus,
.k-ie7 .k-button.k-state-focused {
  background-color: #f3f8fc;
}
/* wuzp add */
.k-ie8 .k-button.k-importantBtn.k-state-focused,
.k-ie8 .k-button.k-importantBtn:focus {
  background-color: #4c8cf8;
}
.k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
  color: #010101;
}
.k-state-selected,
.k-button:active,
.k-draghandle.k-state-selected:hover {
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.0) 100%);
}
.k-button:active,
.k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}
.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-imagebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active,
.k-mobile-list .k-recur-view .k-check:active {
  color: #2e2e2e;
  background-color: #f3f8fc;
  border-color: #85a4d0;
}
.k-ie7 .k-window-titlebar .k-state-hover,
.k-ie8 .k-window-titlebar .k-state-hover {
  border-color: #85a4d0;
}
.k-state-hover > .k-select,
.k-state-focused > .k-select {
  border-color: #85a4d0;
}
.k-button:hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em,
.k-draghandle:hover {
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
}
.k-pager-wrap {
  background-color: #f7f7f7;
  color: #a6a7a9;
}
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
  background-image: none;
}
.k-tool-icon {
  background-image: url('../joystyle/image/sprite.png');
}
.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em {
  color: #2e2e2e;
}
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
  background-color: #f3f8fc;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-position: 50% 50%;
  border-color: #bfdef0;
}
.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
  color: #2e2e2e;
}
.k-dropdown .k-state-hover .k-input {
  color: #2e2e2e;
}
.k-state-error {
  border-color: #e20000;
  background-color: #ff5252;
  color: #ffffff;
}
.k-state-disabled {
  filter: alpha(opacity=70);
  opacity: .7;
}
.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle {
  color: #9f9e9e;
}
/* Progressbar */
.k-progressbar-indeterminate {
  background: url('../joystyle/image/indeterminate.gif');
}
.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
  display: none;
}
/* Slider */
.k-slider-track {
  background-color: #dddddd;
}
.k-slider-selection {
  background-color: #f3f8fc;
}
.k-slider-horizontal .k-tick {
  background-image: url('../joystyle/image/slider-h.gif');
}
.k-slider-vertical .k-tick {
  background-image: url('../joystyle/image/slider-v.gif');
}
/* Tooltip */
.k-widget.k-tooltip {
  border-color: #dddddd;
  background-color: #c6c6c6;
  color: #282828;
}
.k-widget.k-tooltip-validation {
  border-color: #ffe79e;
  background-color: #fff4c9;
  color: #635145;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
  font-size: 12px;
  position: relative;
  top: 3px;
}
.k-callout-n {
  border-bottom-color: #dddddd;
}
.k-callout-w {
  border-right-color: #dddddd;
}
.k-callout-s {
  border-top-color: #dddddd;
}
.k-callout-e {
  border-left-color: #dddddd;
}
.k-tooltip-validation .k-callout-n {
  border-bottom-color: #ffe79e;
}
.k-tooltip-validation .k-callout-w {
  border-right-color: #ffe79e;
}
.k-tooltip-validation .k-callout-s {
  border-top-color: #ffe79e;
}
.k-tooltip-validation .k-callout-e {
  border-left-color: #ffe79e;
}
/* Splitter */
.k-splitbar {
  background-color: #f7f7f7;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal {
  background-color: #ffffff;
}
/* Upload */
.k-file {
  background-color: #ffffff;
  border-color: #dddddd;
}
.k-file-progress {
  color: #0066cc;
}
.k-file-progress .k-progress {
  background-color: #d0f8ff;
}
.k-file-success {
  color: #28760b;
}
.k-file-success .k-progress {
  background-color: #ddffd0;
}
.k-file-error {
  color: #cc0000;
}
.k-file-error .k-progress {
  background-color: #ffded7;
}
/* ImageBrowser */
.k-tile {
  border-color: #ffffff;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #85a4d0;
}
.k-tiles li.k-state-selected {
  border-color: #bfdef0;
}
.k-tile .k-folder,
.k-tile .k-file {
  background-image: url('../joystyle/image/imagebrowser.png');
}
/* Shadows */
.k-widget,
.k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-slider,
.k-treeview,
.k-upload {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid td.k-state-selected.k-state-focused {
  background-color: #ffffff;
}
.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-imagebrowser .k-image,
.k-tooltip {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
/* Window */
.k-window {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
  background-color: #ffffff;
}
.k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
}
.k-window.k-window-maximized,
.k-window-maximized .k-window-titlebar,
.k-window-maximized .k-window-content {
  border-radius: 0;
}
.k-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* Selection */
.k-editor-inline ::selection {
  background-color: #bfdef0;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::-moz-selection {
  background-color: #bfdef0;
  text-shadow: none;
  color: #fff;
}
/* Notification */
.k-notification.k-notification-info {
  background-color: #e5f5fa;
  color: #0487c4;
  border-color: #b7e1f0;
}
.k-notification.k-notification-success {
  background-color: #eaf7ec;
  color: #349946;
  border-color: #c3e8ca;
}
.k-notification.k-notification-warning {
  background-color: #fff4d9;
  color: #0487c4;
  border-color: #fff0c8;
}
.k-notification.k-notification-error {
  background-color: #ffe0d9;
  color: #ef470a;
  border-color: #ffb7a8;
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-colorpicker,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload {
  border-radius: 0px;
}
.k-window,
.k-window-titleless .k-window-content,
.k-window-action {
  border-radius: 5px;
}
.k-tool {
  text-align: center;
  vertical-align: middle;
}
.k-tool.k-group-start {
  border-radius: 0px 0 0 0px;
}
.k-rtl .k-tool.k-group-start {
  border-radius: 0 0px 0px 0;
}
.k-tool.k-group-end {
  border-radius: 0 0px 0px 0;
}
.k-rtl .k-tool.k-group-end {
  border-radius: 0px 0 0 0px;
}
.k-group-start.k-group-end.k-tool {
  border-radius: 0px;
}
.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-filter-menu {
  border-radius: 0 0 0px 0px;
}
.k-window-content {
  border-radius: 0 0 5px 5px;
}
.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color,
.k-numeric-wrap.k-state-border-up .k-input {
  border-radius: 0 0 0 0px;
}
.k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 0px 0px;
}
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
  border-radius: 0px 0px 0 0;
}
.k-window-titlebar {
  border-radius: 5px 5px 0 0;
}
.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  border-radius: -1px 0 0 -1px;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
  border-radius: 0 -1px -1px 0;
}
.k-numeric-wrap .k-link {
  border-radius: 0 -1px 0 0;
}
.k-numeric-wrap .k-link + .k-link {
  border-radius: 0 0 -1px 0;
}
.k-colorpicker .k-selected-color {
  border-radius: -1px 0 0 -1px;
}
.k-rtl .k-colorpicker .k-selected-color {
  border-radius: 0 -1px -1px 0;
}
.k-autocomplete.k-state-border-down .k-input {
  border-radius: 0px 0px 0 0;
}
.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
  border-radius: 0px 0 0 0;
}
.k-numeric-wrap .k-link.k-state-selected {
  background-color: #f3f8fc;
}
.k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: -1px -1px 0 0;
}
.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
  border-radius: 0 0px 0px 0;
}
.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
  border-radius: 0px 0 0 0px;
}
.k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 0px;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
  border-radius: 0;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-dropzone {
  border-radius: 0;
}
.k-slider .k-button,
.k-grid .k-slider .k-button {
  border-radius: 13px;
}
.k-draghandle {
  border-radius: 7px;
}
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link {
  border-radius: 0px 0 0 0px;
}
.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
  border-radius: 0 0px 0px 0;
}
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
  border-radius: 0px;
}
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-radius: 0px 0 0 0px;
}
.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
  border-radius: 0px;
}
.k-more-events,
.k-event,
.k-event .k-link {
  border-radius: -1px;
}
.k-scheduler-mobile .k-event {
  border-radius: -2px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #2e2e2e;
}
html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
  color: #2e2e2e;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  div.km-pane-wrapper a {
    color: #2e2e2e;
  }
  .km-pane-wrapper .k-icon {
    background-image: url('../joystyle/image/sprite_2x.png');
    background-size: 21.2em 21em;
  }
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
}
.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
  background-color: #f3f8fc;
  border-top-color: #bfdef0;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  border-top-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
  box-shadow: inset 0 -1px 0 #dddddd;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
  color: #919191;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  border-bottom: 1px solid #dddddd;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  -webkit-box-shadow: 0 1px 1px #dddddd;
  box-shadow: 0 1px 1px #dddddd;
}
.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
  color: #fff;
  border-color: #e20000;
  background-color: red;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255,255,255,.3)), to(rgba(255,255,255,.15)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: linear-gradient(to bottom, rgba(255,255,255,.3), rgba(255,255,255,.15));
}
.km-actionsheet .k-grid-delete:active,
.km-actionsheet .k-scheduler-delete:active,
.km-pane-wrapper .k-scheduler-delete:active,
.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
  background-color: #990000;
}
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.6) 0%, rgba(255,255,255,.0) 100%);
  background-position: 50% 50%;
  background-color: #e9e9e9;
  border-color: #dddddd;
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #f3f8fc;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-position: 50% 50%;
  border-color: #85a4d0;
}
.k-multiselect.k-header {
  border-color: #dddddd;
}
.k-multiselect.k-header.k-state-hover {
  border-color: #85a4d0;
}
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
  background-color: #f3f8fc;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, -o-linear-gradient(top, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-image: none, linear-gradient(to bottom, rgba(255,255,255,.4) 0%, rgba(255,255,255,.0) 100%);
  background-position: 50% 50%;
  border-color: #85a4d0;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-list-container {
  color: #2e2e2e;
}
.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
  color: #2e2e2e;
}
.k-state-default > .k-select {
  border-color: #dddddd;
}
.k-state-hover > .k-select {
  border-color: #85a4d0;
}
.k-state-focused > .k-select {
  border-color: #85a4d0;
}
.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #2e2e2e;
}
.k-tabstrip-items .k-state-hover .k-link,
.k-panelbar > li.k-state-hover > .k-link,
.k-panelbar > li.k-state-default > .k-link.k-state-hover {
  color: #2e2e2e;
}
.k-panelbar .k-state-focused.k-state-hover {
  background: #f3f8fc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-tabstrip-items .k-state-default,
.k-ie7 .k-tabstrip-items .k-state-default .k-loading {
  border-color: #dddddd;
}
.k-tabstrip-items .k-state-hover,
.k-ie7 .k-tabstrip-items .k-state-hover .k-loading {
  border-color: #85a4d0;
}
.k-tabstrip-items .k-state-active,
.k-ie7 .k-tabstrip-items .k-state-active .k-loading {
  background-color: #ffffff;
  background-image: none;
  border-color: #f3f8fc;
}
.k-tabstrip .k-content.k-state-active {
  background-color: #ffffff;
  color: #2e2e2e;
}
.k-menu.k-header,
.k-menu .k-item {
  border-color: #dddddd;
}
.k-column-menu,
.k-column-menu .k-item {
  border-color: #dddddd;
}
.k-column-menu .k-separator {
  border-color: #dddddd;
  background-color: transparent;
}
.k-menu .k-group {
  border-color: #dddddd;
}
.k-grid-filter.k-state-active {
  background-color: #ffffff;
}
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
  color: #2e2e2e;
  border-color: #dddddd;
  font-weight: bold;
}
.k-grouping-header {
  color: #2e2e2e;
}
.k-grid td.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px none;
  box-shadow: inset 0 0 0 1px none;
}
.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator {
  border-color: #dddddd;
}
.k-grid-header {
  border-color: #85a4d0;
}
.k-primary {
  color: #ffffff;
  border-color: #ef671a;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, -moz-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, -o-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, linear-gradient(to bottom, #f6813f 0%, #f35a03 100%);
  background-position: 50% 50%;
  background-color: #f35800;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary:focus,
.k-primary.k-state-focused {
  color: #ffffff;
  border-color: #e84200;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, #f1713f 0%, #ed4503 100%);
  background-image: none, -moz-linear-gradient(top, #f1713f 0%, #ed4503 100%);
  background-image: none, -o-linear-gradient(top, #f1713f 0%, #ed4503 100%);
  background-image: none, linear-gradient(to bottom, #f1713f 0%, #ed4503 100%);
  -webkit-box-shadow: 0 0 3px 1px #e10000;
  box-shadow: 0 0 3px 1px #e10000;
}
.k-primary:hover {
  color: #ffffff;
  border-color: #ef671a;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, #f1713f 0%, #ed4503 100%);
  background-image: none, -moz-linear-gradient(top, #f1713f 0%, #ed4503 100%);
  background-image: none, -o-linear-gradient(top, #f1713f 0%, #ed4503 100%);
  background-image: none, linear-gradient(to bottom, #f1713f 0%, #ed4503 100%);
  background-color: #ed4300;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: 0 0 3px 1px #e10000;
  box-shadow: 0 0 3px 1px #e10000;
}
.k-primary:active {
  color: #ffffff;
  border-color: #ef671a;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, -moz-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, -o-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, linear-gradient(to bottom, #f6813f 0%, #f35a03 100%);
  background-color: #f35800;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
  color: #fab58e;
  border-color: #ef671a;
  background-color: #f35800;
  background-image: url('../common/image/highlight.png');
  background-image: none, -webkit-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, -moz-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, -o-linear-gradient(top, #f6813f 0%, #f35a03 100%);
  background-image: none, linear-gradient(to bottom, #f6813f 0%, #f35a03 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-pager-numbers .k-link,
.k-treeview .k-in {
  border-color: none;
}
.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
  background-color: transparent;
  border-radius: 4px;
}
.k-scheduler-table .k-state-hover .k-icon {
  background-color: transparent;
}
a:focus,
button:focus {
  outline: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-icon:not(.k-loading),
  .k-grouping-dropclue,
  .k-drop-hint,
  .k-callout,
  .k-tool-icon,
  .k-state-hover .k-tool-icon,
  .k-state-active .k-tool-icon,
  .k-state-active.k-state-hover .k-tool-icon,
  .k-state-selected .k-tool-icon,
  .k-state-selected.k-state-hover .k-tool-icon,
  .k-column-menu .k-sprite,
  .k-mobile-list .k-check:checked,
  .k-mobile-list .k-edit-field [type=checkbox]:checked,
  .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url('../joystyle/image/sprite_2x.png');
    background-size: 340px 336px;
  }
  .k-dropdown-wrap .k-input,
  .k-picker-wrap .k-input,
  .k-numeric-wrap .k-input {
    border-radius: -1px 0 0 -1px;
  }
}
@media screen and (-ms-high-contrast: active) {
  .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
  .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
    border-color: #fff;
  }
}
/*wuzp add*/
.joy-head-title {
  font-size: 20px;
  text-align: center;
  color: #4b8bf7;
  line-height: 20px;
  height: 30px;
}
/* 滚动条  */
.joy-scroller .joy-scroller-content {
  padding: 20px;
}
.joy-scroller .joy-scroller-pane {
  background: #B3C9DC;
  width: 8px;
  right: 1px;
  margin: 5px;
}
.joy-scroller .joy-scroller-slider {
  background: #007EBC;
}
.j-treegrid-main {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.j-treegrid-title {
  float: left;
  width: auto;
  height: 35px;
  line-height: 35px;
}
.j-tree-checkbox {
  float: left;
  height: 35px;
  line-height: 35px;
  margin: 0 4px;
}
.j-treegrid-item {
  width: 80%;
  float: right;
}
.j-treegrid-item-table {
  height: 30px;
  float: right;
  margin-right: 2%;
}
.j-treegrid-item-table td {
  text-align: center;
}
.k-tree-grid-header {
  margin-right: 5%;
}
.k-tree-grid-header th {
  height: 25px;
  line-height: 25px;
}
.j-checkbox {
  border: medium none;
  cursor: pointer;
  background: none;
  width: auto;
}
.j-checkbox input {
  display: none;
}
.j-checkbox.unchecked div {
  height: 25px;
  width: 25px;
  float: left;
  background-image: url('image/checkbox-radio.png');
  background-repeat: no-repeat;
  background-position: -53px;
}
.j-checkbox.checked div {
  height: 25px;
  width: 25px;
  float: left;
  background-image: url('image/checkbox-radio.png');
  background-repeat: no-repeat;
  color: #5d5d5d;
}
.j-checkbox.focus div {
  height: 25px;
  width: 25px;
  float: left;
  background-image: url('image/checkbox-radio.png');
  background-repeat: no-repeat;
  background-position: -27px;
}
.j-checkbox.checked label {
  float: left;
  line-height: 24px;
  height: 24px;
  margin-left: 4px;
  color: #5D9CDA;
}
.j-checkbox.unchecked label {
  float: left;
  line-height: 24px;
  height: 24px;
  margin-left: 4px;
  color: #555555;
}
.j-checkbox.focus label {
  float: left;
  line-height: 24px;
  height: 24px;
  margin-left: 4px;
  color: #555555;
}
.j-radio {
  border: medium none;
  cursor: pointer;
  height: 25px;
  background: none;
  width: auto;
  float: left;
  padding-right: 10px;
}
.j-radio input {
  display: none;
}
.j-radio.unchecked div {
  height: 25px;
  width: 25px;
  float: left;
  background-image: url('image/checkbox-radio.png');
  background-repeat: no-repeat;
  background-position: -133px;
}
.j-radio.checked div {
  height: 25px;
  width: 25px;
  float: left;
  background-image: url('image/checkbox-radio.png');
  background-repeat: no-repeat;
  color: #5d5d5d;
  background-position: -80px;
}
.j-radio.focus div {
  height: 25px;
  width: 25px;
  float: left;
  background-image: url('image/checkbox-radio.png');
  background-repeat: no-repeat;
  background-position: -106px;
}
.j-radio.checked label {
  float: left;
  line-height: 24px;
  height: 24px;
  margin-left: 4px;
  color: #5D9CDA;
}
.j-radio.unchecked label {
  float: left;
  line-height: 24px;
  height: 24px;
  margin-left: 4px;
  color: #555555;
}
.j-radio.focus label {
  float: left;
  line-height: 24px;
  height: 24px;
  margin-left: 4px;
  color: #555555;
}
.joy-textarea {
  border: 1px solid #C5C5C5;
  border-radius: 0px;
  line-height: 30px;
}
/*treegrid*/
.panel {
  overflow: hidden;
}
.panel-header {
  line-height: 32px;
  color: #15428b;
  font-weight: bold;
  background: url('image/panel_title.png') repeat-x;
  position: relative;
  border: 1px solid #C5C5C5;
}
.panel-title {
  background: url('image/blank.gif') no-repeat;
}
.panel-header-noborder {
  border-width: 0px;
  border-bottom: 1px solid #C5C5C5;
}
.panel-body {
  overflow: auto;
  border: 1px solid #C5C5C5;
  border-top-width: 0px;
}
.panel-body-noheader {
  border-top-width: 0px;
}
.panel-body-noborder {
  border-width: 0px;
}
.panel-with-icon {
  padding-left: 18px;
}
.panel-icon {
  position: absolute;
  left: 5px;
  top: 4px;
  width: 16px;
  height: 16px;
}
.panel-tool {
  position: absolute;
  right: 5px;
  top: 4px;
}
.panel-tool a {
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin-left: 2px;
}
.panel-tool a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.panel-tool-close {
  background: url('image/panel_tools.gif') no-repeat -16px 0px;
}
.panel-tool-min {
  background: url('image/panel_tools.gif') no-repeat 0px 0px;
}
.panel-tool-max {
  background: url('image/panel_tools.gif') no-repeat 0px -16px;
}
.panel-tool-restore {
  background: url('image/panel_tools.gif') no-repeat -16px -16px;
}
.panel-tool-collapse {
  background: url('image/panel_tool_collapse.gif') no-repeat;
}
.panel-tool-expand {
  background: url('image/panel_tool_expand.gif') no-repeat;
}
.panel-loading {
  padding: 11px 0px 10px 30px;
  background: url('image/panel_loading.gif') no-repeat 10px 10px;
}
.datagrid .panel-body {
  overflow: hidden;
}
.datagrid-wrap {
  position: relative;
}
.datagrid-view {
  position: relative;
  overflow: hidden;
}
.datagrid-view1 {
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
}
.datagrid-view2 {
  position: absolute;
  overflow: hidden;
  left: 210px;
  top: 0px;
}
.datagrid-mask {
  position: absolute;
  left: 0;
  top: 0;
  background: #ccc;
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: none;
}
.datagrid-mask-msg {
  position: absolute;
  left: 100px;
  top: 50px;
  width: auto;
  height: 16px;
  padding: 12px 5px 10px 30px;
  background: #ffffff url('image/pagination_loading.gif') no-repeat scroll 5px 10px;
  border: 2px solid #6593CF;
  color: #222;
  display: none;
}
.datagrid-title {
  background: url('image/datagrid_title_bg.png') repeat-x;
  border-bottom: 1px solid #8DB2E3;
  border-top: 1px solid #fff;
  position: relative;
  padding: 5px 0px;
}
.datagrid-title-text {
  color: #15428b;
  font-weight: bold;
  padding-left: 5px;
}
.datagrid-title-with-icon {
  padding-left: 22px;
}
.datagrid-title-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3px;
  top: 4px!important;
  top: 6px;
}
.datagrid-sort-icon {
  display: none;
}
.datagrid-sort-desc .datagrid-sort-icon {
  padding: 2px 13px 3px 0px;
  background: url('image/datagrid_sort_desc.gif') no-repeat center center;
}
.datagrid-sort-asc .datagrid-sort-icon {
  padding: 2px 13px 3px 0px;
  background: url('image/datagrid_sort_asc.gif') no-repeat center center;
}
.datagrid-toolbar {
  height: 28px;
  background: #efefef;
  padding: 1px 2px;
  border-bottom: 1px solid #ccc;
}
.datagrid-btn-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 2px 1px;
}
.datagrid-pager {
  background-color: #eeeff0;
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 1%, rgba(255, 255, 255, 0.2) 100%);
  background-position: 50% 50%;
  border-top: 1px solid #ccc;
  position: relative;
}
.datagrid-header {
  overflow: hidden;
  background-color: #ddebf4;
  cursor: default;
  border-bottom: 1px solid #85a4d0;
}
.datagrid-header-inner {
  float: left;
  width: 10000px;
}
.datagrid-header td {
  border-right: none;
  color: #4a4c4b;
  font-weight: 600;
  background-color: #ddebf4;
  border-bottom: none;
  font-size: 14px;
}
.datagrid-header .datagrid-cell {
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-align: center;
  font-weight: 600;
}
.datagrid-header .datagrid-cell-group {
  margin: 0;
  padding: 4px 2px 4px 4px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-align: center;
}
.datagrid-header-rownumber {
  width: 25px;
  text-align: center;
  margin: 0px;
  padding: 3px 0px;
}
.datagrid-td-rownumber {
  background: #fafafa url('image/datagrid_header_bg.gif') repeat-x left bottom;
}
.datagrid-cell-rownumber {
  width: 25px;
  text-align: center;
  margin: 0px;
  padding: 3px 0px;
  color: #000;
}
.datagrid-body {
  margin: 0;
  padding: 0;
  overflow: auto;
  zoom: 1;
}
.datagrid-body .k-button {
  margin: 0 .16em;
}
.datagrid-view1 .datagrid-body-inner {
  padding-bottom: 20px;
}
.datagrid-view1 .datagrid-body {
  overflow: hidden;
}
.datagrid-footer {
  overflow: hidden;
}
.datagrid-footer-inner {
  border-top: 1px solid #ccc;
  width: 10000px;
  float: left;
}
.datagrid-body td,
.datagrid-footer td {
  border-right: 1px solid #dddddd;
  overflow: hidden;
  padding: 1px 0px;
  margin: 0;
}
.datagrid-body .datagrid-cell,
.datagrid-footer .datagrid-cell {
  overflow: hidden;
  margin: 0;
  padding: 6px 4px;
  white-space: nowrap;
  word-wrap: normal;
}
.datagrid-header-check {
  padding: 3px 6px;
}
.datagrid-cell-check {
  padding: 3px 0px;
  font-size: 1px;
  overflow: hidden;
}
.datagrid-header-check input {
  margin: 0;
  padding: 0;
  width: 15px;
  height: 15px;
}
.datagrid-cell-check input {
  margin: 5px;
  padding: 0;
  width: 15px;
  height: 15px;
}
.datagrid-row-collapse {
  background: url('image/datagrid_row_collapse.gif') no-repeat center center;
}
.datagrid-row-expand {
  background: url('image/datagrid_row_expand.gif') no-repeat center center;
}
.datagrid-row-alt {
  background: #EEEEFF;
}
.datagrid-row-over {
  cursor: default;
}
.datagrid-row-selected {
  background-color: #f3f8fc;
}
.datagrid-row-selected td {
  padding: 0px 0px;
  border-top: 1px solid #bfdef0;
  border-bottom: 1px solid #bfdef0;
}
.datagrid-resize-proxy {
  position: absolute;
  width: 1px;
  top: 0;
  height: 10000px;
  background: red;
  cursor: e-resize;
  display: none;
}
.datagrid-body .datagrid-editable {
  padding: 0;
}
.datagrid-body .datagrid-editable table {
  width: 100%;
  height: 100%;
}
.datagrid-body .datagrid-editable td {
  border: 0;
  padding: 0;
}
.datagrid-body .datagrid-editable .datagrid-editable-input {
  width: 100%;
  border: 1px solid #A4BED4;
  padding: 3px 2px;
}
.pagination {
  zoom: 1;
}
.pagination table {
  float: left;
  height: 40px;
}
.pagination-btn-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 3px 1px;
}
.pagination-num {
  border: 1px solid #ccc;
  height: 26px;
  margin: 0 2px;
  width: 30px;
  text-align: center;
}
.pagination-page-list {
  margin: 0px 6px;
}
.pagination-info {
  float: right;
  padding-right: 6px;
  line-height: 40px;
}
.pagination-first {
  background-image: url("image/sprite.png");
  border-color: transparent;
  background-position: 0 -112px;
}
.pagination-prev {
  background-image: url("image/sprite.png");
  border-color: transparent;
  background-position: 0 -48px;
}
.pagination-next {
  background-image: url("image/sprite.png");
  border-color: transparent;
  background-position: 0 -16px;
}
.pagination-last {
  background-image: url("image/sprite.png");
  border-color: transparent;
  background-position: 0 -80px;
}
.pagination-load {
  background-image: url("image/sprite.png");
  border-color: transparent;
  background-position: -32px -112px;
}
.pagination-loading {
  background: url('image/pagination_loading.gif') no-repeat;
}
a.l-btn {
  color: #444;
  background: url('image/button_a_bg.gif') no-repeat top right;
  text-decoration: none;
  display: inline-block;
  zoom: 1;
  height: 24px;
  padding-right: 18px;
  cursor: pointer;
  outline: none;
}
a.l-btn-plain {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #c5c5c5;
  border-radius: 20px;
  padding-right: 5px;
}
a.l-btn-disabled {
  color: #ccc;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
a.l-btn span.l-btn-left {
  display: inline-block;
  background: url('image/button_span_bg.gif') no-repeat top left;
  padding: 4px 0px 4px 18px;
  line-height: 16px;
  height: 16px;
}
a.l-btn-plain span.l-btn-left {
  background: transparent;
  padding-left: 5px;
}
a.l-btn span span.l-btn-text {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0px;
}
a.l-btn span span span.l-btn-empty {
  display: inline-block;
  padding: 0px;
  width: 16px;
}
a:hover.l-btn {
  background-position: bottom right;
  outline: none;
}
a:hover.l-btn span.l-btn-left {
  background-position: bottom left;
}
a:hover.l-btn-plain {
  border: 1px solid #7eabcd;
  background: url('image/button_plain_hover.png') repeat-x left bottom;
  _padding: 0px 5px 0px 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a:hover.l-btn-disabled {
  background-position: top right;
}
a:hover.l-btn-disabled span.l-btn-left {
  background-position: top left;
}
a.l-btn .l-btn-focus {
  outline: #0000FF dotted thin;
}
.tree {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tree li {
  white-space: nowrap;
}
.tree li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tree-node {
  height: 18px;
  white-space: nowrap;
  cursor: pointer;
}
.tree-indent {
  display: inline-block;
  width: 16px;
  height: 18px;
  vertical-align: middle;
}
.tree-hit {
  cursor: pointer;
}
.tree-expanded {
  display: inline-block;
  width: 16px;
  height: 18px;
  vertical-align: middle;
  background: url('image/tree_arrows.gif') no-repeat -18px 0px;
}
.tree-expanded-hover {
  background: url('image/tree_arrows.gif') no-repeat -50px 0px;
}
.tree-collapsed {
  display: inline-block;
  width: 16px;
  height: 18px;
  vertical-align: middle;
  background: url('image/tree_arrows.gif') no-repeat 0px 0px;
}
.tree-collapsed-hover {
  background: url('image/tree_arrows.gif') no-repeat -32px 0px;
}
.tree-folder {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
}
.tree-file {
  display: inline-block;
  height: 18px;
  vertical-align: middle;
}
.tree-title {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  padding: 1px 2px 1px 2px;
  white-space: nowrap;
}
.tree-node-hover {
  background: #fafafa;
}
.tree-node-selected {
  background: #FBEC88;
}
.tree-checkbox {
  display: inline-block;
  width: 16px;
  height: 18px;
  vertical-align: middle;
}
.tree-checkbox0 {
  background: url('image/tree_checkbox_0.gif') no-repeat;
}
.tree-checkbox1 {
  background: url('image/tree_checkbox_1.gif') no-repeat;
}
.tree-checkbox2 {
  background: url('image/tree_checkbox_2.gif') no-repeat;
}
.tree-node-proxy {
  padding: 1px 2px 1px 18px;
  background: #fafafa;
  border: 1px solid #ccc;
  z-index: 9900000;
}
.tree-dnd-yes {
  background: url('image/tree_dnd_yes.png') no-repeat 0 center;
}
.tree-dnd-no {
  background: url('image/tree_dnd_no.png') no-repeat 0 center;
}
.tree-node-top {
  border-top: 1px dotted red;
}
.tree-node-bottom {
  border-bottom: 1px dotted red;
}
.tree-node-append .tree-title {
  border: 1px dotted red;
}
.tree-editor {
  border: 1px solid #ccc;
  line-height: 16px;
  width: 80px;
  position: absolute;
  top: 0;
}
/*liuxd add*/
.k-form-validation {
  color: #CB7177;
}
.k-form-label {
  height: 24px;
  line-height: 24px;
}
.k-form-required {
  color: #ff0000;
  font-size: 13px;
}
.k-info-table {
  border-right: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}
.k-info-table td {
  border-left: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  padding-left: 8px;
}
.k-info-table td.head {
  border-left: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
  background-color: #f6f6f6;
  text-align: right;
  padding-right: 8px;
}
.k-info-title {
  padding-top: 15px;
  padding-bottom: 2px;
  color: #0078d2;
  font-size: 14px;
  margin: 0 auto;
  font-weight: bold;
}
.k-page-toolbar {
  height: 40px;
  line-height: 40px;
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  padding-left: 10px;
  padding-right: 10px;
}
.k-validation-icon {
  margin-left: 8px;
  display: inline-block;
  width: 14px;
  height: 12px;
  background-image: url('image/validation.png');
  border: 0;
}
.k-validation-msg {
  margin-left: 4px;
}