/* 默认图标样式 */

.accept_icon {
  background-image: url(../images/accept.png) !important;
}

.action_icon {
  background-image: url(../images/action.png) !important;
}

.add_icon {
  background-image: url(../images/add.png) !important;
}

.aim_icon {
  background-image: url(../images/aim.png) !important;
}

.ajax_icon {
  background-image: url(../images/ajax.png) !important;
}

.align_icon {
  background-image: url(../images/align.png) !important;
}

.anonymous_icon {
  background-image: url(../images/anonymous.png) !important;
}

.application_icon {
  background-image: url(../images/application.png) !important;
}

.application_add_icon {
  background-image: url(../images/application_add.png) !important;
}

.application_delete_icon {
  background-image: url(../images/application_delete.png) !important;
}

.arrow_branch_icon {
  background-image: url(../images/arrow_branch.png) !important;
}

.arrow_divide_icon {
  background-image: url(../images/arrow_divide.png) !important;
}

.arrow_join_icon {
  background-image: url(../images/arrow_join.png) !important;
}

.attach_icon {
  background-image: url(../images/attach.png) !important;
}

.axis_icon {
  background-image: url(../images/axis.png) !important;
}

.backup_icon {
  background-image: url(../images/backup.png) !important;
}

.backup_add_icon {
  background-image: url(../images/backup_add.png) !important;
}

.backup_delete_icon {
  background-image: url(../images/backup_delete.png) !important;
}

.backup_edit_icon {
  background-image: url(../images/backup_edit.png) !important;
}

.backup_start_icon {
  background-image: url(../images/backup_start.png) !important;
}

.backup_stop_icon {
  background-image: url(../images/backup_stop.png) !important;
}

.bold_icon {
  background-image: url(../images/bold.png) !important;
}

.book_icon {
  background-image: url(../images/book.png) !important;
}

.bottom_icon {
  background-image: url(../images/bottom.png) !important;
}

.bug_icon {
  background-image: url(../images/bug.png) !important;
}

.business_icon {
  background-image: url(../images/business.png) !important;
}

.button_icon {
  background-image: url(../images/button.png) !important;
}

.calc_icon {
  background-image: url(../images/calc.png) !important;
}

.calendar_icon {
  background-image: url(../images/calendar.png) !important;
}

.cancel_icon {
  background-image: url(../images/cancel.png) !important;
}

.chart_icon {
  background-image: url(../images/chart.png) !important;
}

.check_icon {
  background-image: url(../images/check.png) !important;
}

.check_group_icon {
  background-image: url(../images/check_group.png) !important;
}

.check_in_icon {
  background-image: url(../images/check_in.png) !important;
}

.check_off_icon {
  background-image: url(../images/check_off.png) !important;
}

.check_on_icon {
  background-image: url(../images/check_on.png) !important;
}

.check_out_icon {
  background-image: url(../images/check_out.png) !important;
}

.chrome_icon {
  background-image: url(../images/chrome.png) !important;
}

.clock_icon {
  background-image: url(../images/clock.png) !important;
}

.close_icon {
  background-image: url(../images/close.png) !important;
}

.color_icon {
  background-image: url(../images/color.png) !important;
}

.column_icon {
  background-image: url(../images/column.png) !important;
}

.columns_icon {
  background-image: url(../images/columns.png) !important;
}

.combobox_icon {
  background-image: url(../images/combobox.png) !important;
}

.comment_icon {
  background-image: url(../images/comment.png) !important;
}

.computer_icon {
  background-image: url(../images/computer.png) !important;
}

.connect_icon {
  background-image: url(../images/connect.png) !important;
}

.console_icon {
  background-image: url(../images/console.png) !important;
}

.container_icon {
  background-image: url(../images/container.png) !important;
}

.copy_icon {
  background-image: url(../images/copy.png) !important;
}

.cube_icon {
  background-image: url(../images/cube.png) !important;
}

.cut_icon {
  background-image: url(../images/cut.png) !important;
}

.data_icon {
  background-image: url(../images/data.png) !important;
}

.dataview_icon {
  background-image: url(../images/dataview.png) !important;
}

.date_icon {
  background-image: url(../images/date.png) !important;
}

.datetime_icon {
  background-image: url(../images/datetime.png) !important;
}

.db_icon {
  background-image: url(../images/db.png) !important;
}

.db_add_icon {
  background-image: url(../images/db_add.png) !important;
}

.db_delete_icon {
  background-image: url(../images/db_delete.png) !important;
}

.db_edit_icon {
  background-image: url(../images/db_edit.png) !important;
}

.db_export_icon {
  background-image: url(../images/db_export.png) !important;
}

.db_field_icon {
  background-image: url(../images/db_field.png) !important;
}

.db_field_add_icon {
  background-image: url(../images/db_field_add.png) !important;
}

.db_field_delete_icon {
  background-image: url(../images/db_field_delete.png) !important;
}

.db_field_edit_icon {
  background-image: url(../images/db_field_edit.png) !important;
}

.db_form_icon {
  background-image: url(../images/db_form.png) !important;
}

.db_form_add_icon {
  background-image: url(../images/db_form_add.png) !important;
}

.db_form_delete_icon {
  background-image: url(../images/db_form_delete.png) !important;
}

.db_form_edit_icon {
  background-image: url(../images/db_form_edit.png) !important;
}

.db_import_icon {
  background-image: url(../images/db_import.png) !important;
}

.db_start_icon {
  background-image: url(../images/db_start.png) !important;
}

.db_stop_icon {
  background-image: url(../images/db_stop.png) !important;
}

.delete_icon {
  background-image: url(../images/delete.png) !important;
}

.desktop_icon {
  background-image: url(../images/desktop.png) !important;
}

.develop_icon {
  background-image: url(../images/develop.png) !important;
}

.disconnect_icon {
  background-image: url(../images/disconnect.png) !important;
}

.down_icon {
  background-image: url(../images/down.png) !important;
}

.dp_icon {
  background-image: url(../images/dp.png) !important;
}

.edge_icon {
  background-image: url(../images/edge.png) !important;
}

.edit_icon {
  background-image: url(../images/edit.png) !important;
}

.eject_icon {
  background-image: url(../images/eject.png) !important;
}

.error_icon {
  background-image: url(../images/error.png) !important;
}

.execute_icon {
  background-image: url(../images/execute.png) !important;
}

.explorer_icon {
  background-image: url(../images/explorer.png) !important;
}

.export_icon {
  background-image: url(../images/export.png) !important;
}

.fieldset_icon {
  background-image: url(../images/fieldset.png) !important;
}

.field_label_icon {
  background-image: url(../images/field_label.png) !important;
}

.file_add_icon {
  background-image: url(../images/file_add.png) !important;
}

.file_css_icon {
  background-image: url(../images/file_css.png) !important;
}

.file_default_icon {
  background-image: url(../images/file_default.png) !important;
}

.file_delete_icon {
  background-image: url(../images/file_delete.png) !important;
}

.file_doc_icon {
  background-image: url(../images/file_doc.png) !important;
}

.file_edit_icon {
  background-image: url(../images/file_edit.png) !important;
}

.file_jar_icon {
  background-image: url(../images/file_jar.png) !important;
}

.file_java_icon {
  background-image: url(../images/file_java.png) !important;
}

.file_js_icon {
  background-image: url(../images/file_js.png) !important;
}

.file_jsp_icon {
  background-image: url(../images/file_jsp.png) !important;
}

.file_ppt_icon {
  background-image: url(../images/file_ppt.png) !important;
}

.file_ss_icon {
  background-image: url(../images/file_ss.png) !important;
}

.file_txt_icon {
  background-image: url(../images/file_txt.png) !important;
}

.file_xls_icon {
  background-image: url(../images/file_xls.png) !important;
}

.file_xml_icon {
  background-image: url(../images/file_xml.png) !important;
}

.file_xwl_icon {
  background-image: url(../images/file_xwl.png) !important;
}

.file_zip_icon {
  background-image: url(../images/file_zip.png) !important;
}

.fill_icon {
  background-image: url(../images/fill.png) !important;
}

.filter_icon {
  background-image: url(../images/filter.png) !important;
}

.filter_add_icon {
  background-image: url(../images/filter_add.png) !important;
}

.filter_delete_icon {
  background-image: url(../images/filter_delete.png) !important;
}

.filter_edit_icon {
  background-image: url(../images/filter_edit.png) !important;
}

.firefox_icon {
  background-image: url(../images/firefox.png) !important;
}

.first_icon {
  background-image: url(../images/first.png) !important;
}

.flag1_icon {
  background-image: url(../images/flag1.png) !important;
}

.flag2_icon {
  background-image: url(../images/flag2.png) !important;
}

.flag3_icon {
  background-image: url(../images/flag3.png) !important;
}

.flash_icon {
  background-image: url(../images/flash.png) !important;
}

.folder_icon {
  background-image: url(../images/folder.png) !important;
}

.folder_add_icon {
  background-image: url(../images/folder_add.png) !important;
}

.folder_closed_icon {
  background-image: url(../images/folder_closed.png) !important;
}

.folder_delete_icon {
  background-image: url(../images/folder_delete.png) !important;
}

.folder_edit_icon {
  background-image: url(../images/folder_edit.png) !important;
}

.folder_open_icon {
  background-image: url(../images/folder_open.png) !important;
}

.form_icon {
  background-image: url(../images/form.png) !important;
}

.format_icon {
  background-image: url(../images/format.png) !important;
}

.full_screen_icon {
  background-image: url(../images/full_screen.png) !important;
}

.get_icon {
  background-image: url(../images/get.png) !important;
}

.go_icon {
  background-image: url(../images/go.png) !important;
}

.grid_icon {
  background-image: url(../images/grid.png) !important;
}

.group_icon {
  background-image: url(../images/group.png) !important;
}

.help_icon {
  background-image: url(../images/help.png) !important;
}

.hiddenfield_icon {
  background-image: url(../images/hiddenfield.png) !important;
}

.history_icon {
  background-image: url(../images/history.png) !important;
}

.home_icon {
  background-image: url(../images/home.png) !important;
}

.hr_icon {
  background-image: url(../images/hr.png) !important;
}

.htmleditor_icon {
  background-image: url(../images/htmleditor.png) !important;
}

.ie_icon {
  background-image: url(../images/ie.png) !important;
}

.image_icon {
  background-image: url(../images/image.png) !important;
}

.import_icon {
  background-image: url(../images/import.png) !important;
}

.info_icon {
  background-image: url(../images/info.png) !important;
}

.insert_icon {
  background-image: url(../images/insert.png) !important;
}

.italic_icon {
  background-image: url(../images/italic.png) !important;
}

.item_icon {
  background-image: url(../images/item.png) !important;
}

.ja_icon {
  background-image: url(../images/ja.png) !important;
}

.js_icon {
  background-image: url(../images/js.png) !important;
}

.key_icon {
  background-image: url(../images/key.png) !important;
}

.keyboard_icon {
  background-image: url(../images/keyboard.png) !important;
}

.label_icon {
  background-image: url(../images/label.png) !important;
}

.lamp_green_icon {
  background-image: url(../images/lamp_green.png) !important;
}

.lamp_red_icon {
  background-image: url(../images/lamp_red.png) !important;
}

.lamp_yellow_icon {
  background-image: url(../images/lamp_yellow.png) !important;
}

.last_icon {
  background-image: url(../images/last.png) !important;
}

.law_icon {
  background-image: url(../images/law.png) !important;
}

.left_icon {
  background-image: url(../images/left.png) !important;
}

.level_down_icon {
  background-image: url(../images/level_down.png) !important;
}

.level_up_icon {
  background-image: url(../images/level_up.png) !important;
}

.li_icon {
  background-image: url(../images/li.png) !important;
}

.link_icon {
  background-image: url(../images/link.png) !important;
}

.link_add_icon {
  background-image: url(../images/link_add.png) !important;
}

.link_delete_icon {
  background-image: url(../images/link_delete.png) !important;
}

.link_edit_icon {
  background-image: url(../images/link_edit.png) !important;
}

.list_icon {
  background-image: url(../images/list.png) !important;
}

.listcon_icon {
  background-image: url(../images/listcon.png) !important;
}

.lock_icon {
  background-image: url(../images/lock.png) !important;
}

.logout_icon {
  background-image: url(../images/logout.png) !important;
}

.love_icon {
  background-image: url(../images/love.png) !important;
}

.mail_icon {
  background-image: url(../images/mail.png) !important;
}

.measure_icon {
  background-image: url(../images/measure.png) !important;
}

.media_flash_icon {
  background-image: url(../images/media_flash.png) !important;
}

.menu_icon {
  background-image: url(../images/menu.png) !important;
}

.menuitem_icon {
  background-image: url(../images/menuitem.png) !important;
}

.minus_icon {
  background-image: url(../images/minus.png) !important;
}

.model_icon {
  background-image: url(../images/model.png) !important;
}

.module_icon {
  background-image: url(../images/module.png) !important;
}

.money_icon {
  background-image: url(../images/money.png) !important;
}

.mouse_icon {
  background-image: url(../images/mouse.png) !important;
}

.move_icon {
  background-image: url(../images/move.png) !important;
}

.music_icon {
  background-image: url(../images/music.png) !important;
}

.navview_icon {
  background-image: url(../images/navview.png) !important;
}

.ne_icon {
  background-image: url(../images/ne.png) !important;
}

.new_icon {
  background-image: url(../images/new.png) !important;
}

.notepad_icon {
  background-image: url(../images/notepad.png) !important;
}

.null_icon {
  background-image: url(../images/null.png) !important;
}

.object_icon {
  background-image: url(../images/object.png) !important;
}

.ok_icon {
  background-image: url(../images/ok.png) !important;
}

.open_icon {
  background-image: url(../images/open.png) !important;
}

.opera_icon {
  background-image: url(../images/opera.png) !important;
}

.option_icon {
  background-image: url(../images/option.png) !important;
}

.order_icon {
  background-image: url(../images/order.png) !important;
}

.ordered_list_icon {
  background-image: url(../images/ordered_list.png) !important;
}

.org_icon {
  background-image: url(../images/org.png) !important;
}

.page_icon {
  background-image: url(../images/page.png) !important;
}

.panel_icon {
  background-image: url(../images/panel.png) !important;
}

.paste_icon {
  background-image: url(../images/paste.png) !important;
}

.pause_icon {
  background-image: url(../images/pause.png) !important;
}

.pay_icon {
  background-image: url(../images/pay.png) !important;
}

.phone_icon {
  background-image: url(../images/phone.png) !important;
}

.photo_icon {
  background-image: url(../images/photo.png) !important;
}

.picker_icon {
  background-image: url(../images/picker.png) !important;
}

.plugin_icon {
  background-image: url(../images/plugin.png) !important;
}

.plus_icon {
  background-image: url(../images/plus.png) !important;
}

.preview_icon {
  background-image: url(../images/preview.png) !important;
}

.printer_icon {
  background-image: url(../images/printer.png) !important;
}

.product_icon {
  background-image: url(../images/product.png) !important;
}

.property_icon {
  background-image: url(../images/property.png) !important;
}

.question_icon {
  background-image: url(../images/question.png) !important;
}

.radio_group_icon {
  background-image: url(../images/radio_group.png) !important;
}

.radio_off_icon {
  background-image: url(../images/radio_off.png) !important;
}

.radio_on_icon {
  background-image: url(../images/radio_on.png) !important;
}

.record_icon {
  background-image: url(../images/record.png) !important;
}

.record_add_icon {
  background-image: url(../images/record_add.png) !important;
}

.record_copy_icon {
  background-image: url(../images/record_copy.png) !important;
}

.record_delete_icon {
  background-image: url(../images/record_delete.png) !important;
}

.record_edit_icon {
  background-image: url(../images/record_edit.png) !important;
}

.redo_icon {
  background-image: url(../images/redo.png) !important;
}

.refresh_icon {
  background-image: url(../images/refresh.png) !important;
}

.registration_icon {
  background-image: url(../images/registration.png) !important;
}

.relation_icon {
  background-image: url(../images/relation.png) !important;
}

.remove_icon {
  background-image: url(../images/remove.png) !important;
}

.rename_icon {
  background-image: url(../images/rename.png) !important;
}

.replace_icon {
  background-image: url(../images/replace.png) !important;
}

.report_icon {
  background-image: url(../images/report.png) !important;
}

.research_icon {
  background-image: url(../images/research.png) !important;
}

.resource_icon {
  background-image: url(../images/resource.png) !important;
}

.restore_icon {
  background-image: url(../images/restore.png) !important;
}

.resume_icon {
  background-image: url(../images/resume.png) !important;
}

.right_icon {
  background-image: url(../images/right.png) !important;
}

.role_icon {
  background-image: url(../images/role.png) !important;
}

.rss_icon {
  background-image: url(../images/rss.png) !important;
}

.ruby_icon {
  background-image: url(../images/ruby.png) !important;
}

.run_icon {
  background-image: url(../images/run.png) !important;
}

.safari_icon {
  background-image: url(../images/safari.png) !important;
}

.save_icon {
  background-image: url(../images/save.png) !important;
}

.save_all_icon {
  background-image: url(../images/save_all.png) !important;
}

.save_as_icon {
  background-image: url(../images/save_as.png) !important;
}

.script_icon {
  background-image: url(../images/script.png) !important;
}

.search_icon {
  background-image: url(../images/search.png) !important;
}

.search_again_icon {
  background-image: url(../images/search_again.png) !important;
}

.security_icon {
  background-image: url(../images/security.png) !important;
}

.seek_icon {
  background-image: url(../images/seek.png) !important;
}

.select_all_icon {
  background-image: url(../images/select_all.png) !important;
}

.series_icon {
  background-image: url(../images/series.png) !important;
}

.server_icon {
  background-image: url(../images/server.png) !important;
}

.servers_icon {
  background-image: url(../images/servers.png) !important;
}

.server_add_icon {
  background-image: url(../images/server_add.png) !important;
}

.server_delete_icon {
  background-image: url(../images/server_delete.png) !important;
}

.server_start_icon {
  background-image: url(../images/server_start.png) !important;
}

.server_stop_icon {
  background-image: url(../images/server_stop.png) !important;
}

.set_icon {
  background-image: url(../images/set.png) !important;
}

.settings1_icon {
  background-image: url(../images/settings1.png) !important;
}

.settings2_icon {
  background-image: url(../images/settings2.png) !important;
}

.share_icon {
  background-image: url(../images/share.png) !important;
}

.shopping_cart_icon {
  background-image: url(../images/shopping_cart.png) !important;
}

.shopping_cart_add_icon {
  background-image: url(../images/shopping_cart_add.png) !important;
}

.shopping_cart_delete_icon {
  background-image: url(../images/shopping_cart_delete.png) !important;
}

.shopping_cart_edit_icon {
  background-image: url(../images/shopping_cart_edit.png) !important;
}

.sitemap_icon {
  background-image: url(../images/sitemap.png) !important;
}

.slider_icon {
  background-image: url(../images/slider.png) !important;
}

.sort_by_date_icon {
  background-image: url(../images/sort_by_date.png) !important;
}

.sort_by_name_icon {
  background-image: url(../images/sort_by_name.png) !important;
}

.sort_by_quantity_icon {
  background-image: url(../images/sort_by_quantity.png) !important;
}

.sound_icon {
  background-image: url(../images/sound.png) !important;
}

.sound_delete_icon {
  background-image: url(../images/sound_delete.png) !important;
}

.spacer_icon {
  background-image: url(../images/spacer.png) !important;
}

.spinner_icon {
  background-image: url(../images/spinner.png) !important;
}

.sql_icon {
  background-image: url(../images/sql.png) !important;
}

.sql_switcher_icon {
  background-image: url(../images/sql_switcher.png) !important;
}

.ss_icon {
  background-image: url(../images/ss.png) !important;
}

.star_icon {
  background-image: url(../images/star.png) !important;
}

.start_icon {
  background-image: url(../images/start.png) !important;
}

.stop_icon {
  background-image: url(../images/stop.png) !important;
}

.store_icon {
  background-image: url(../images/store.png) !important;
}

.strike_icon {
  background-image: url(../images/strike.png) !important;
}

.support_icon {
  background-image: url(../images/support.png) !important;
}

.system_icon {
  background-image: url(../images/system.png) !important;
}

.tab_icon {
  background-image: url(../images/tab.png) !important;
}

.table_icon {
  background-image: url(../images/table.png) !important;
}

.table_add_icon {
  background-image: url(../images/table_add.png) !important;
}

.table_align_columns_icon {
  background-image: url(../images/table_align_columns.png) !important;
}

.table_align_rows_icon {
  background-image: url(../images/table_align_rows.png) !important;
}

.table_auto_format_icon {
  background-image: url(../images/table_auto_format.png) !important;
}

.table_borders_icon {
  background-image: url(../images/table_borders.png) !important;
}

.table_cell_alignment_icon {
  background-image: url(../images/table_cell_alignment.png) !important;
}

.table_delete_icon {
  background-image: url(../images/table_delete.png) !important;
}

.table_edit_icon {
  background-image: url(../images/table_edit.png) !important;
}

.table_merge_cells_icon {
  background-image: url(../images/table_merge_cells.png) !important;
}

.table_split_cells_icon {
  background-image: url(../images/table_split_cells.png) !important;
}

.tbar_icon {
  background-image: url(../images/tbar.png) !important;
}

.te_icon {
  background-image: url(../images/te.png) !important;
}

.textarea_icon {
  background-image: url(../images/textarea.png) !important;
}

.text_align_center_icon {
  background-image: url(../images/text_align_center.png) !important;
}

.text_align_left_icon {
  background-image: url(../images/text_align_left.png) !important;
}

.text_align_right_icon {
  background-image: url(../images/text_align_right.png) !important;
}

.text_align_right_pin_icon {
  background-image: url(../images/text_align_right_pin.png) !important;
}

.text_indent_icon {
  background-image: url(../images/text_indent.png) !important;
}

.text_justify_icon {
  background-image: url(../images/text_justify.png) !important;
}

.text_outdent_icon {
  background-image: url(../images/text_outdent.png) !important;
}

.tile_windows_horizontally_icon {
  background-image: url(../images/tile_windows_horizontally.png) !important;
}

.tile_windows_vertically_icon {
  background-image: url(../images/tile_windows_vertically.png) !important;
}

.time_icon {
  background-image: url(../images/time.png) !important;
}

.toggle_icon {
  background-image: url(../images/toggle.png) !important;
}

.tool_icon {
  background-image: url(../images/tool.png) !important;
}

.toolbar_icon {
  background-image: url(../images/toolbar.png) !important;
}

.top_icon {
  background-image: url(../images/top.png) !important;
}

.topic_icon {
  background-image: url(../images/topic.png) !important;
}

.total_icon {
  background-image: url(../images/total.png) !important;
}

.trash_icon {
  background-image: url(../images/trash.png) !important;
}

.tree_icon {
  background-image: url(../images/tree.png) !important;
}

.treestore_icon {
  background-image: url(../images/treestore.png) !important;
}

.underline_icon {
  background-image: url(../images/underline.png) !important;
}

.undo_icon {
  background-image: url(../images/undo.png) !important;
}

.unlock_icon {
  background-image: url(../images/unlock.png) !important;
}

.unordered_list_icon {
  background-image: url(../images/unordered_list.png) !important;
}

.up_icon {
  background-image: url(../images/up.png) !important;
}

.upward_icon {
  background-image: url(../images/upward.png) !important;
}

.usb_icon {
  background-image: url(../images/usb.png) !important;
}

.user_icon {
  background-image: url(../images/user.png) !important;
}

.user1_icon {
  background-image: url(../images/user1.png) !important;
}

.user_add_icon {
  background-image: url(../images/user_add.png) !important;
}

.user_delete_icon {
  background-image: url(../images/user_delete.png) !important;
}

.user_edit_icon {
  background-image: url(../images/user_edit.png) !important;
}

.user_group_icon {
  background-image: url(../images/user_group.png) !important;
}

.video_icon {
  background-image: url(../images/video.png) !important;
}

.view_icon {
  background-image: url(../images/view.png) !important;
}

.viewport_icon {
  background-image: url(../images/viewport.png) !important;
}

.wait_icon {
  background-image: url(../images/wait.png) !important;
}

.wand_icon {
  background-image: url(../images/wand.png) !important;
}

.warning_icon {
  background-image: url(../images/warning.png) !important;
}

.weather_icon {
  background-image: url(../images/weather.png) !important;
}

.web_icon {
  background-image: url(../images/web.png) !important;
}

.window_icon {
  background-image: url(../images/window.png) !important;
}

.workflow_icon {
  background-image: url(../images/workflow.png) !important;
}

.wrench_icon {
  background-image: url(../images/wrench.png) !important;
}

.write_icon {
  background-image: url(../images/write.png) !important;
}

.zoom_icon {
  background-image: url(../images/zoom.png) !important;
}

.zoom_in_icon {
  background-image: url(../images/zoom_in.png) !important;
}

.zoom_out_icon {
  background-image: url(../images/zoom_out.png) !important;
}

.x-grid-tree-loading .x-tree-icon {
  background-image: url(../images/app/loading1.gif) !important;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../libs/fa/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../libs/fa/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../libs/fa/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../libs/fa/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../libs/fa/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../libs/fa/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.wb_comboicon {
  background-repeat: no-repeat;
  background-position: 2px 2px;
  padding: 0 0 0 22px;
}

.wb_icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-top: -3px;
  float: left;
  position: relative;
  top: 2px;
}

.wb_icon1 {
  width: 16px;
  height: 16px;
}

.wb_icon2 {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  float: left;
  position: relative;
  top: 2px;
}

@-webkit-keyframes wb_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes wb_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.x-portal .x-panel-dd-spacer {
  border: 2px dashed #99bbe8;
  background: #f6f6f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  margin: 3px;
}

.x-portlet {
  margin: 4px;
}

.x-view-selector {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  background-color: #c3daf9;
  border: 1px dotted #39b;
  filter: alpha(opacity=50);
  opacity: 0.5;
  zoom: 1;
}

.wb_cell_height .x-grid-cell {
  height: 30px;
}

.wb_cell_height70 .x-grid-cell {
  height: 70px;
}

.wb_cell_bold .x-grid-cell {
  font-weight: bold;
}

.wb_cell_pointer .x-grid-cell {
  cursor: pointer;
}

.wb_spiner {
  font-family: FontAwesome;
  display: inline-block;
  -moz-animation: wb_spin 2s infinite linear;
  -o-animation: wb_spin 2s infinite linear;
  -webkit-animation: wb_spin 2s infinite linear;
  animation: wb_spin 2s infinite linear
}

.wb_glyph_i {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
}

.wb_gicon {
  float: left;
  width: 22px;
  margin: 1px 5px 0 0;
  text-align: center;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wb_glyph {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wb_gbutton {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}

.wb_glyph2 {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  text-align: center;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wb_glyph3 {
  font-family: FontAwesome;
  font-size: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wb_glyph4 {
  font-family: FontAwesome;
  font-size: 48px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wb_glyph_icon {
  display: inline-block;
  width: 20px;
}

.wb_opacity {
  opacity: 0;
}

.wb_doc {
  padding: 2px 8px 2px 8px;
  line-height: 1.8;
  font-size: 12px;
}

.wb_pb {
  page-break-after: always;
}

.wb_abs {
  position: absolute !important;
}

.wb_rel {
  position: relative !important;
}

.wb_hr {
  border: none;
  border-top: 1px solid #bbbbbb;
}

.wb_line {
  border-bottom: 1px solid #AAA;
  padding-bottom: 5px;
}

.wb_code {
  background-color: #f7f7f7;
  border: solid 1px #e8e8e8;
  color: #314e64;
  font-size: 12px;
  padding: 5px;
  margin: 5px 0 5px 0;
  line-height: 1.6;
}

.wb_table {
  border: 1px solid #666666;
  table-layout: fixed;
  border-collapse: collapse;
}

.wb_table td {
  border: 1px solid #666666;
  padding: 3px;
}

.wb_tb {
  border: 1px solid #aaa;
  table-layout: fixed;
  border-collapse: collapse
}

.wb_tb > tbody > tr > td {
  border: 1px solid #aaa;
  padding: 3px;
}

.xfield .wb_tb td {
  border: none;
  padding: 0;
}

.wb_pad td {
  padding: 5px;
}

.wb_gray {
  background-color: #EEE;
}

.wb_white {
  background-color: white;
}

.wb_link a:link {
  color: #FFFF00;
}

.wb_link a:visited {
  color: #FFFF00;
}

.wb_link a:hover {
  color: #FFFF00;
}

.wb_link a:active {
  color: #FFFF00;
}

.wb_pointer {
  cursor: pointer;
}

.wb_thumb {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
}

.wb_item {
  border: 1px solid transparent;
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
  height: 105px;
  text-align: center;
}

.wb_tag {
  border: 1px solid #ababab;
  background-color: #ebebeb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  float: left;
  margin: 5px;
  padding: 2px;
}

.wb_tag_text {
  margin: 8px;
}

.wb_tag_icon {
  margin: 8px 5px 8px 0;
  cursor: pointer;
  font-family: FontAwesome;
  width: 10px;
  text-align: center;
  opacity: 0.3;
}

.wb_tag_over {
  background-color: #d0e1f9;
}

.wb_tag_selected {
  background-color: #38f;
  color: white;
}

.wb_tag_selected .wb_tag_icon {
  opacity: 1;
}

.wb_badge {
  position: absolute;
  right: 10px;
  background: #E74C3C;
  color: #fff;
  padding: 3px 7px;
  white-space: nowrap;
  border-radius: 10px;
  margin-top: -3px;
}

.wb_badge1 {
  position: relative;
  font-size: 11px;
  top: -6px;
  right: 3px;
  background: #E74C3C;
  color: #fff;
  padding: 1px 5px;
  white-space: nowrap;
  border-radius: 10px;
}

.wb_table1 {
  width: 100%;
  border-collapse: collapse;
}

.wb_table1 td {
  border: 1px solid transparent;
  border-bottom: 1px solid #eee;
  padding: 5px;
}

.wb_table2 {
  border-collapse: collapse;
  table-layout: fixed;
}

.wb_table2 td {
  border: 1px solid transparent;
  border-bottom: 1px solid #eee;
  padding: 5px;
}

.wb_hover {
  background-color: #eff5fb;
  border: 1px solid #d6e9fb;
}

.wb_selected {
  background-color: #d0e1f9;
  border: 1px solid #a7beda;
}

.wb_red_row .x-grid-cell {
  background-color: red
}

.wb_green_row .x-grid-cell {
  background-color: springgreen
}

.wb_blue_row .x-grid-cell {
  background-color: blue
}

.wb_yellow_row .x-grid-cell {
  background-color: yellow
}

.wb_hotpink_row .x-grid-cell {
  background-color: hotpink
}

.wb_gold_row .x-grid-cell {
  background-color: gold
}

.wb_bisque_row .x-grid-cell {
  background-color: bisque
}

.wb_aqua_row .x-grid-cell {
  background-color: aqua
}

.wb_orange_row .x-grid-cell {
  background-color: orange
}

.wb_white_row .x-grid-cell {
  background-color: #fff;
}

.wb_lightred_row .x-grid-cell {
  background-color: #FFC0CB;
}

.wb_bold_row .x-grid-cell {
  font-weight: bold;
}

.wb_highlight_row .x-grid-cell {
  color: #db8b0b;
}

.grid-line .x-grid-table {
  table-layout: fixed;
  border-collapse: collapse;
}

.grid-line .x-grid-cell {
  border: 1px solid #c8c8c8;
}

.wb_header {
  background-color: #ddd;
}

.wb_table2 .wb_header_td {
  border: 1px solid #c8c8c8;
}

.wb_stripe_even {
  background: #f9f9f9;
}

.wb_stripe_odd {
  background: #fff;
}

.wb_stripe_even:hover {
  background-color: #eff5fb;
  border: 1px solid #d6e9fb;
}

.wb_stripe_odd:hover {
  background-color: #eff5fb;
  border: 1px solid #d6e9fb;
}

.wb_selected .wb_td {
  background-color: #d0e1f9;
}

.wb_line_td {
  border: solid 1px #d7e2ee;
  min-width: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  text-align: center;
  padding: 3px 5px 3px 5px;
  cursor: pointer;
  white-space: nowrap;
}

.wb_line_select {
  background: #006699;
  color: white;
}

.wb_simple {
  padding: 0 5px 0 5px;
  cursor: pointer;
}

.wb_simple_select {
  background: #0270ad;
}

.wb_btn_default {
  background: #fff;
  border-color: #ccc;
  color: #333;
}

.wb_btn_default_focus {
  background: #e6e6e6;
  border-color: #8c8c8c;
  color: #333;
}

.x-wb_btn_default_over {
  background: #e6e6e6;
  border-color: #adadad;
  color: #333;
}

.x-wb_btn_default_pressed {
  background: #d4d4d4;
  border-color: #8c8c8c;
  color: #333;
}

.wb_btn_default .x-btn-inner {
  color: #333;
}

.wb_btn_default .x-btn-glyph {
  color: #333;
  opacity: 1;
}

.wb_btn_primary {
  background: #337ab7;
  border-color: #2e6da4;
}

.wb_btn_primary_focus {
  background: #286090;
  border-color: #122b40;
}

.x-wb_btn_primary_over {
  background: #286090;
  border-color: #204d74;
}

.x-wb_btn_primary_pressed {
  background: #204d74;
  border-color: #122b40;
}

.wb_btn_primary .x-btn-inner {
  color: white;
}

.wb_btn_primary .x-btn-glyph {
  color: white;
  opacity: 1;
}

.wb_btn_success {
  background: #5cb85c;
  border-color: #4cae4c;
}

.wb_btn_success_focus {
  background: #449d44;
  border-color: #255625;
}

.x-wb_btn_success_over {
  background: #449d44;
  border-color: #398439;
}

.x-wb_btn_success_pressed {
  background: #398439;
  border-color: #255625;
}

.wb_btn_success .x-btn-inner {
  color: white;
}

.wb_btn_success .x-btn-glyph {
  color: white;
  opacity: 1;
}

.wb_btn_info {
  background: #5bc0de;
  border-color: #46b8da;
}

.wb_btn_info_focus {
  background: #31b0d5;
  border-color: #1b6d85;
}

.x-wb_btn_info_over {
  background: #31b0d5;
  border-color: #269abc;
}

.x-wb_btn_info_pressed {
  background: #269abc;
  border-color: #1b6d85;
}

.wb_btn_info .x-btn-inner {
  color: white;
}

.wb_btn_info .x-btn-glyph {
  color: white;
  opacity: 1;
}

.wb_btn_warning {
  background: #f0ad4e;
  border-color: #eea236;
}

.wb_btn_warning_focus {
  background: #ec971f;
  border-color: #985f0d;
}

.x-wb_btn_warning_over {
  background: #ec971f;
  border-color: #d58512;
}

.x-wb_btn_warning_pressed {
  background: #d58512;
  border-color: #985f0d;
}

.wb_btn_warning .x-btn-inner {
  color: white;
}

.wb_btn_warning .x-btn-glyph {
  color: white;
  opacity: 1;
}

.wb_btn_danger {
  background: #d9534f;
  border-color: #d43f3a;
}

.wb_btn_danger_focus {
  background: #c9302c;
  border-color: #761c19;
}

.x-wb_btn_danger_over {
  background: #c9302c;
  border-color: #ac2925;
}

.x-wb_btn_danger_pressed {
  background: #ac2925;
  border-color: #761c19;
}

.wb_btn_danger .x-btn-inner {
  color: white;
}

.wb_btn_danger .x-btn-glyph {
  color: white;
  opacity: 1;
}

.wb_btn_round {
  border-radius: 30px;
}

.x-btn-default-large .x-btn-inner {
  font-size: 16px;
}

.x-btn-default-medium .x-btn-inner {
  font-size: 14px;
}
/* 登录界面样式 */

.wb-login-mode-bar {
  position: relative;
  border-bottom: 1px solid #30a0e5;
}

.wb-login-mode {
  float: left;
  width: 50%;
  cursor: pointer;
  padding: 15px 0px 10px 0px;
  text-align: center;
  font-size: 14px;
  opacity: .9;
  color: gray;
  border-bottom: 3px solid transparent;
  transition: all .5s;
}

.wb-login-mode-active {
  color: #30a0e5;
  opacity: 1;
  border-bottom: 3px solid #30a0e5;
  transition: all .5s;
}

.qrcode-hint {
  padding-top: 15px;
  font-size: 14px;
}

.wb-login {
  opacity: .95;
}

.wb-login-logo {
  padding-top: 20px;
  text-align: center;
}

.wb-topbar {
  background: transparent;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.45);
  opacity: .9;
}

.wb-bottombar {
  background: transparent;
  opacity: .9;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}

.wb-signup {
  padding: 15px;
}

.wb-slogan {
  font-size: 20px;
  color: #000;
}

.shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2)
}

.wb-login .sbtn,
.wb-login .x-form-text,
.wb-login .x-form-item-label-top,
.wb-login .x-form-cb-label,
.wb-login .forget-pass {
  font-size: 16px;
}

.wb-login .x-form-item-label-top {
  padding-bottom: 10px;
  color: gray;
}

.wb-login .x-form-text {
  height: 40px;
  padding: 5px 15px;
  border-radius: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-appearance: none;
}

.forget-pass:hover {
  text-decoration: underline;
}

.forget-pass {
  text-align: right;
  cursor: pointer;
}
/* 更改默认样式 */

label {
  display: inline-block;
  max-width: 100%;
}

.x-datepicker-month .x-btn {
  background: #337ab7;
}

.x-tab-bar-default {
  background-color: #ffffff;
}
/*tab滚动*/

.x-box-scroller-left,
.x-box-scroller-right,
.x-box-scroller-top,
.x-box-scroller-bottom {
  display: table;
}

.x-tab-bar-default .x-tabbar-scroll-left,
.x-tab-bar-default .x-tabbar-scroll-right,
.x-tab-bar-default .x-tabbar-scroll-top,
.x-tab-bar-default .x-tabbar-scroll-bottom {
  font: normal normal normal 14px/1 FontAwesome;
  background-image: none;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
}

.x-tab-bar-default .x-tabbar-scroll-left:before {
  content: "\f053";
}

.x-tab-bar-default .x-tabbar-scroll-right:before {
  content: "\f054";
}

.x-tab-bar-default .x-tabbar-scroll-top:before {
  content: "\f077";
}

.x-tab-bar-default .x-tabbar-scroll-bottom:before {
  content: "\f078";
}
/*tab关闭*/

.x-tab-close-btn {
  visibility: hidden;
}

.x-tab-default-over .x-tab-close-btn {
  visibility: visible;
}

.x-tool .x-tool-icon,
.x-tab-close-btn {
  background-image: none !important;
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
  opacity: 1 !important;
}

.x-tab-close-btn:before {
  content: "\f00d";
}

.x-tool .x-tool-icon,
.x-tab-close-btn {
  font: normal normal normal 12px/1 FontAwesome;
  color: #97a0b3;
}

.x-tab-close-btn.x-tab-close-btn-over {
  color: #606c84;
}

.x-tab-default-active .x-tab-glyph,
.x-tab-default .x-tab-glyph {
  color: #333;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.x-panel-header-default .x-panel-header-glyph,
.x-window-header-default .x-window-header-glyph,
.x-menu-item-glyph,
.x-btn-glyph {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* .x-grid-row-selected .x-grid-td {
  background-color: #ecf0f5;
} */
/*面板边框色*/

.x-panel,
.x-panel-body,
.x-panel-body-default,
.x-panel-header,
.x-toolbar,
.x-tab-bar-default,
.x-tab-default,
.x-docked-summary,
.x-accordion-item .x-accordion-hd {
  border-color: #C5C5C5;
}
/*面板背景色*/

.x-panel-header,
.x-panel-body,
.je-mainview-bg > .x-panel-body,
.x-toolbar,
.x-toolbar-default,
.x-toolbar-footer,
.x-border-layout-ct,
.x-splitter,
.x-accordion-item .x-accordion-hd {
  /*   background: none; */
  
  background-image: none;
  /*   background-color: #ffffff; */
}
/*window*/

.x-window,
.x-window .x-window-header,
.x-window .x-window-body {
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 0px;
  box-shadow: 0px 0px 0px #000000;
}

.x-window {
  padding: 10px;
}

.x-window>.x-toolbar-footer {
  margin-top: 10px;
}

.x-window>.x-window-header {
  border-top-width: 7px;
  border-top-style: solid;
}

.x-window-header-text-container-default {
  font-size: 18px;
  line-height: 20px;
  padding-left: 6px;
}

.x-window>.x-window-header .x-tool {
  top: 0px !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 5px !important;
  line-height: 20px;
}

.x-window>.x-window-header .x-tool .x-tool-icon {
  font-size: 16px;
}

.x-header-icon,
.x-header-text-container,
.x-panel-header-text-container-default,
.x-panel-header-default .x-panel-header-icon,
.x-window-header-text-container-default,
.x-window-header-default .x-window-header-icon {
  color: #444;
}

.x-window .x-window-body>.je-tree .x-grid-header-ct {
  border-color: #ffffff;
}

.x-panel-default .x-panel-header {
  background-color: #ffffff;
  border: 1px solid #C5C5C5 !important;
  border-top: 3px solid #3c8dbc !important;
}
/* 蓝色主题 */

.skin-blue .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #3c8dbc !important;
}

.skin-blue .wb_btn_primary {
  background: #3c8dbc;
  border-color: #2e6da4;
}

.skin-blue .wb_btn_primary_focus {
  background: #367fa9;
  border-color: #122b40;
}

.skin-blue .x-wb_btn_primary_over {
  background: #367fa9;
  border-color: #204d74;
}

.skin-blue .x-wb_btn_primary_pressed {
  background: #204d74;
  border-color: #122b40;
}

.x-panel-body-default,
.x-panel-default-framed,
.x-panel-body-default-framed,
.x-border-layout,
.x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.x-panel-header-default,
.x-window-header-default-top,
.x-window-header-default,
.x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #3c8dbc;
}

.skin-blue .x-panel-header-default,
.skin-blue .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #3c8dbc !important;
}

.x-window-header-default,
.x-window-default,
.x-window-body-default,
.x-panel-header-default {
  border-color: #3c8dbc;
}

.x-window>.x-window-header {
  border-top-color: #3c8dbc;
}

.x-panel-header-default-framed {
  border: 5px solid #3c8dbc;
}

.x-tab-bar-default {
  background-color: #ffffff;
}

.x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.x-tab-default,
.x-tab-default-active {
  background: transparent;
}

.x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.x-tab-default {
  border-bottom-color: #3c8dbc;
}

.x-tab-default-active {
  border-bottom-color: #3c8dbc;
}

.x-tab-default .x-tab-inner,
.x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.x-tab-default-active .x-tab-inner,
.x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: transparent;
}

.x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #3c8dbc;
}
/* 蓝色高亮主题 */

.skin-blue-light .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #3c8dbc !important;
}

.skin-blue-light .wb_btn_primary {
  background: #3c8dbc;
  border-color: #2e6da4;
}

.skin-blue-light .wb_btn_primary_focus {
  background: #367fa9;
  border-color: #122b40;
}

.skin-blue-light .x-wb_btn_primary_over {
  background: #367fa9;
  border-color: #204d74;
}

.skin-blue-light .x-wb_btn_primary_pressed {
  background: #204d74;
  border-color: #122b40;
}

.skin-blue-light .x-panel-body-default,
.skin-blue-light .x-panel-default-framed,
.skin-blue-light .x-panel-body-default-framed,
.skin-blue-light .x-border-layout,
.skin-blue-light .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-blue-light .x-panel-header-default,
.skin-blue-light .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #3c8dbc !important;
}

.skin-blue-light .x-window-header-default,
.skin-blue-light .x-window-default,
.skin-blue-light .x-window-body-default,
.skin-blue-light .x-panel-header-default {
  border-color: #3c8dbc;
}

.skin-blue-light .x-window>.x-window-header {
  border-top-color: #3c8dbc;
}

.skin-blue-light .x-panel-header-default-framed {
  border: 5px solid #3c8dbc;
}

.skin-blue-light .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-blue-light .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-blue-light .x-tab-default,
.skin-blue-light .x-tab-default-active {
  background: transparent;
}

.skin-blue-light .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-blue-light .x-tab-default {
  border-bottom-color: #3c8dbc;
}

.skin-blue-light .x-tab-default-active {
  border-bottom-color: #3c8dbc;
}

.skin-blue-light .content-wrapper .x-tab-default .x-tab-inner,
.skin-blue-light .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-blue-light .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-blue-light .x-wrapper .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-blue-light .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-blue-light .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #3c8dbc;
}
/* 紫色主题 */

.skin-purple .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #605ca8 !important;
}

.skin-purple .wb_btn_primary {
  background: #605ca8;
  border-color: #2e6da4;
}

.skin-purple .wb_btn_primary_focus {
  background: #4d4b88;
  border-color: #343256;
}

.skin-purple .x-wb_btn_primary_over {
  background: #4d4b88;
  border-color: #343256;
}

.skin-purple .x-wb_btn_primary_pressed {
  background: #393760;
  border-color: #343256;
}

.skin-purple .x-panel-body-default,
.skin-purple .x-panel-default-framed,
.skin-purple .x-panel-body-default-framed,
.skin-purple .x-border-layout,
.skin-purple .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-purple .x-panel-header-default,
.skin-purple .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #605ca8 !important;
}

.skin-purple .x-window-header-default,
.skin-purple .x-window-default,
.skin-purple .x-window-body-default,
.skin-purple .x-panel-header-default {
  border-color: #605ca8;
}

.skin-purple .x-window>.x-window-header {
  border-top-color: #605ca8;
}

.skin-purple .x-panel-header-default-framed {
  border: 5px solid #605ca8;
}

.skin-purple .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-purple .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-purple .x-tab-default,
.skin-purple .x-tab-default-active {
  background: transparent;
}

.skin-purple .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-purple .x-tab-default {
  border-bottom-color: #605ca8;
}

.skin-purple .x-tab-default-active {
  border-bottom-color: #605ca8;
}

.skin-purple .content-wrapper .x-tab-default .x-tab-inner,
.skin-purple .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-purple .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-purple .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-purple .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-purple .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #605ca8;
}
/* 紫色高亮主题 */

.skin-purple-light .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #605ca8 !important;
}

.skin-purple-light .wb_btn_primary {
  background: #605ca8;
  border-color: #2e6da4;
}

.skin-purple-light .wb_btn_primary_focus {
  background: #4d4b88;
  border-color: #343256;
}

.skin-purple-light .x-wb_btn_primary_over {
  background: #4d4b88;
  border-color: #343256;
}

.skin-purple-light .x-wb_btn_primary_pressed {
  background: #393760;
  border-color: #343256;
}

.skin-purple-light .x-panel-body-default,
.skin-purple-light .x-panel-default-framed,
.skin-purple-light .x-panel-body-default-framed,
.skin-purple-light .x-border-layout,
.skin-purple-light .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-purple-light .x-panel-header-default,
.skin-purple-light .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #605ca8 !important;
}

.skin-purple-light .x-window-header-default,
.skin-purple-light .x-window-default,
.skin-purple-light .x-window-body-default,
.skin-purple-light .x-panel-header-default {
  border-color: #605ca8;
}

.skin-purple-light .x-window>.x-window-header {
  border-top-color: #605ca8;
}

.skin-purple-light .x-panel-header-default-framed {
  border: 5px solid #605ca8;
}

.skin-purple-light .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-purple-light .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-purple-light .x-tab-default,
.skin-purple-light .x-tab-default-active {
  background: transparent;
}

.skin-purple-light .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-purple-light .x-tab-default {
  border-bottom-color: #605ca8;
}

.skin-purple-light .x-tab-default-active {
  border-bottom-color: #605ca8;
}

.skin-purple-light .content-wrapper .x-tab-default .x-tab-inner,
.skin-purple-light .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-purple-light .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-purple-light .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-purple-light .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-purple-light .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #605ca8;
}
/* 绿色主题 */

.skin-green .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #00a65a !important;
}

.skin-green .wb_btn_primary {
  background: #00a65a;
  border-color: #005730;
}

.skin-green .wb_btn_primary_focus {
  background: #009551;
  border-color: #005730;
}

.skin-green .x-wb_btn_primary_over {
  background: #009551;
  border-color: #005730;
}

.skin-green .x-wb_btn_primary_pressed {
  background: #006c3b;
  border-color: #005730;
}

.skin-green .x-panel-body-default,
.skin-green .x-panel-default-framed,
.skin-green .x-panel-body-default-framed,
.skin-green .x-border-layout,
.skin-green .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-green .x-panel-header-default,
.skin-green .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #00a65a !important;
}

.skin-green .x-window-header-default,
.skin-green .x-window-default,
.skin-green .x-window-body-default,
.skin-green .x-panel-header-default {
  border-color: #00a65a;
}

.skin-green .x-window>.x-window-header {
  border-top-color: #00a65a;
}

.skin-green .x-panel-header-default-framed {
  border: 5px solid #00a65a;
}

.skin-green .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-green .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-green .x-tab-default,
.skin-green .x-tab-default-active {
  background: transparent;
}

.skin-green .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-green .x-tab-default {
  border-bottom-color: #00a65a;
}

.skin-green .x-tab-default-active {
  border-bottom-color: #00a65a;
}

.skin-green .content-wrapper .x-tab-default .x-tab-inner,
.skin-green .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-green .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-green .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-green .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-green .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #00a65a;
}
/* 绿色高亮主题 */

.skin-green-light .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #00a65a !important;
}

.skin-green-light .wb_btn_primary {
  background: #00a65a;
  border-color: #005730;
}

.skin-green-light .wb_btn_primary_focus {
  background: #009551;
  border-color: #005730;
}

.skin-green-light .x-wb_btn_primary_over {
  background: #009551;
  border-color: #005730;
}

.skin-green-light .x-wb_btn_primary_pressed {
  background: #006c3b;
  border-color: #005730;
}

.skin-green-light .x-panel-body-default,
.skin-green-light .x-panel-default-framed,
.skin-green-light .x-panel-body-default-framed,
.skin-green-light .x-border-layout,
.skin-green-light .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-green-light .x-panel-header-default,
.skin-green-light .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #00a65a !important;
}

.skin-green-light .x-window-header-default,
.skin-green-light .x-window-default,
.skin-green-light .x-window-body-default,
.skin-green-light .x-panel-header-default {
  border-color: #00a65a;
}

.skin-green-light .x-window>.x-window-header {
  border-top-color: #00a65a;
}

.skin-green-light .x-panel-header-default-framed {
  border: 5px solid #00a65a;
}

.skin-green-light .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-green-light .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-green-light .x-tab-default,
.skin-green-light .x-tab-default-active {
  background: transparent;
}

.skin-green-light .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-green-light .x-tab-default {
  border-bottom-color: #00a65a;
}

.skin-green-light .x-tab-default-active {
  border-bottom-color: #00a65a;
}

.skin-green-light .content-wrapper .x-tab-default .x-tab-inner,
.skin-green-light .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-green-light .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-green-light .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-green-light .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-green-light .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #00a65a;
}
/* 黑色高亮主题 */

.skin-black-light .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #ddd !important;
}

.skin-black-light .x-panel-body-default,
.skin-black-light .x-panel-default-framed,
.skin-black-light .x-panel-body-default-framed,
.skin-black-light .x-border-layout,
.skin-black-light .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-black-light .x-panel-header-default,
.skin-black-light .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #ddd !important;
}

.skin-black-light .x-window-header-default,
.skin-black-light .x-window-default,
.skin-black-light .x-window-body-default,
.skin-black-light .x-panel-header-default {
  border-color: #fff;
}

.skin-black-light .x-window>.x-window-header {
  border-top-color: #fff;
}

.skin-black-light .x-panel-header-default-framed {
  border: 5px solid #fff;
}

.skin-black-light .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-black-light .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-black-light .x-tab-default,
.skin-black-light .x-tab-default-active {
  background: transparent;
}

.skin-black-light .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-black-light .x-tab-default {
  border-bottom-color: #fff;
}

.skin-black-light .x-tab-default-active {
  border-bottom-color: #fff;
}

.skin-black-light .content-wrapper .x-tab-default .x-tab-inner,
.skin-black-light .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-black-light .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-black-light .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-black-light .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-black-light .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #fff;
}
/* 黑色主题 */

.skin-black .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #ddd !important;
}

.skin-black .x-panel-body-default,
.skin-black .x-panel-default-framed,
.skin-black .x-panel-body-default-framed,
.skin-black .x-border-layout,
.skin-black .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-black .x-panel-header-default,
.skin-black .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #ddd !important;
}

.skin-black .x-window-header-default,
.skin-black .x-window-default,
.skin-black .x-window-body-default,
.skin-black .x-panel-header-default {
  border-color: #fff;
}

.skin-black .x-window>.x-window-header {
  border-top-color: #fff;
}

.skin-black .x-panel-header-default-framed {
  border: 5px solid #fff;
}

.skin-black .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-black .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-black .x-tab-default,
.skin-black .x-tab-default-active {
  background: transparent;
}

.skin-black .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-black .x-tab-default {
  border-bottom-color: #fff;
}

.skin-black .x-tab-default-active {
  border-bottom-color: #fff;
}

.skin-black .content-wrapper .x-tab-default .x-tab-inner,
.skin-black .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-black .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-black .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-black .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-black .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #fff;
}
/* 红色高亮主题 */

.skin-red-light .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #dd4b39 !important;
}

.skin-red-light .wb_btn_primary {
  background: #dd4b39;
  border-color: #a03629;
}

.skin-red-light .wb_btn_primary_focus {
  background: #c64333;
  border-color: #a03629;
}

.skin-red-light .x-wb_btn_primary_over {
  background: #c64333;
  border-color: #a03629;
}

.skin-red-light .x-wb_btn_primary_pressed {
  background: #812b21;
  border-color: #a03629;
}

.skin-red-light .x-panel-body-default,
.skin-red-light .x-panel-default-framed,
.skin-red-light .x-panel-body-default-framed,
.skin-red-light .x-border-layout,
.skin-red-light .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-red-light .x-panel-header-default,
.skin-red-light .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #dd4b39 !important;
}

.skin-red-light .x-window-header-default,
.skin-red-light .x-window-default,
.skin-red-light .x-window-body-default,
.skin-red-light .x-panel-header-default {
  border-color: #dd4b39;
}

.skin-red-light .x-window>.x-window-header {
  border-top-color: #dd4b39;
}

.skin-red-light .x-panel-header-default-framed {
  border: 5px solid #dd4b39;
}

.skin-red-light .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-red-light .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-red-light .x-tab-default,
.skin-red-light .x-tab-default-active {
  background: transparent;
}

.skin-red-light .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-red-light .x-tab-default {
  border-bottom-color: #dd4b39;
}

.skin-red-light .x-tab-default-active {
  border-bottom-color: #dd4b39;
}

.skin-red-light .content-wrapper .x-tab-default .x-tab-inner,
.skin-red-light .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-red-light .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-red-light .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-red-light .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-red-light .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #dd4b39;
}
/* 红色主题 */

.skin-red .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #dd4b39 !important;
}

.skin-red .wb_btn_primary {
  background: #dd4b39;
  border-color: #a03629;
}

.skin-red .wb_btn_primary_focus {
  background: #c64333;
  border-color: #a03629;
}

.skin-red .x-wb_btn_primary_over {
  background: #c64333;
  border-color: #a03629;
}

.skin-red .x-wb_btn_primary_pressed {
  background: #812b21;
  border-color: #a03629;
}

.skin-red .x-panel-body-default,
.skin-red .x-panel-default-framed,
.skin-red .x-panel-body-default-framed,
.skin-red .x-border-layout,
.skin-red .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-red .x-panel-header-default,
.skin-red .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #dd4b39 !important;
}

.skin-red .x-window-header-default,
.skin-red .x-window-default,
.skin-red .x-window-body-default,
.skin-red .x-panel-header-default {
  border-color: #dd4b39;
}

.skin-red .x-window>.x-window-header {
  border-top-color: #dd4b39;
}

.skin-red .x-panel-header-default-framed {
  border: 5px solid #dd4b39;
}

.skin-red .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-red .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-red .x-tab-default,
.skin-red .x-tab-default-active {
  background: transparent;
}

.skin-red .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-red .x-tab-default {
  border-bottom-color: #dd4b39;
}

.skin-red .x-tab-default-active {
  border-bottom-color: #dd4b39;
}

.skin-red .content-wrapper .x-tab-default .x-tab-inner,
.skin-red .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-red .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-red .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-red .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-red .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #dd4b39;
}
/* 黄色主题 */

.skin-yellow .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #f39c12 !important;
}

.skin-yellow .wb_btn_primary {
  background: #f39c12;
  border-color: #b0710d;
}

.skin-yellow .wb_btn_primary_focus {
  background: #da8c10;
  border-color: #b0710d;
}

.skin-yellow .x-wb_btn_primary_over {
  background: #da8c10;
  border-color: #b0710d;
}

.skin-yellow .x-wb_btn_primary_pressed {
  background: #9e650c;
  border-color: #b0710d;
}

.skin-yellow .x-panel-body-default,
.skin-yellow .x-panel-default-framed,
.skin-yellow .x-panel-body-default-framed,
.skin-yellow .x-border-layout,
.skin-yellow .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-yellow .x-panel-header-default,
.skin-yellow .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #f39c12 !important;
}

.skin-yellow .x-window-header-default,
.skin-yellow .x-window-default,
.skin-yellow .x-window-body-default,
.skin-yellow .x-panel-header-default {
  border-color: #f39c12;
}

.skin-yellow .x-window>.x-window-header {
  border-top-color: #f39c12;
}

.skin-yellow .x-panel-header-default-framed {
  border: 5px solid #f39c12;
}

.skin-yellow .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-yellow .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-yellow .x-tab-default,
.skin-yellow .x-tab-default-active {
  background: transparent;
}

.skin-yellow .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-yellow .x-tab-default {
  border-bottom-color: #f39c12;
}

.skin-yellow .x-tab-default-active {
  border-bottom-color: #f39c12;
}

.skin-yellow .content-wrapper .x-tab-default .x-tab-inner,
.skin-yellow .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-yellow .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-yellow .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-yellow .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-yellow .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #f39c12;
}
/* 黄色高亮主题 */

.skin-yellow-light .x-panel-default .x-panel-header {
  background-color: #ffffff;
  border-top: 3px solid #f39c12 !important;
}

.skin-yellow-light .wb_btn_primary {
  background: #f39c12;
  border-color: #b0710d;
}

.skin-yellow-light .wb_btn_primary_focus {
  background: #da8c10;
  border-color: #b0710d;
}

.skin-yellow-light .x-wb_btn_primary_over {
  background: #da8c10;
  border-color: #b0710d;
}

.skin-yellow-light .x-wb_btn_primary_pressed {
  background: #9e650c;
  border-color: #b0710d;
}

.skin-yellow-light .x-panel-body-default,
.skin-yellow-light .x-panel-default-framed,
.skin-yellow-light .x-panel-body-default-framed,
.skin-yellow-light .x-border-layout,
.skin-yellow-light .x-border-layout-ct {
  border-color: #ddd;
  background-color: #ffffff;
}

.skin-yellow-light .x-panel-header-default,
.skin-yellow-light .x-panel-header-default-framed-top {
  background-color: #ffffff;
  border-top: 3px solid #f39c12 !important;
}

.skin-yellow-light .x-window-header-default,
.skin-yellow-light .x-window-default,
.skin-yellow-light .x-window-body-default,
.skin-yellow-light .x-panel-header-default {
  border-color: #f39c12;
}

.skin-yellow-light .x-window>.x-window-header {
  border-top-color: #f39c12;
}

.skin-yellow-light .x-panel-header-default-framed {
  border: 5px solid #f39c12;
}

.skin-yellow-light .x-tab-bar-default {
  background-color: #ffffff;
}

.skin-yellow-light .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #ecf0f5;
}

.skin-yellow-light .x-tab-default,
.skin-yellow-light .x-tab-default-active {
  background: transparent;
}

.skin-yellow-light .x-tab-default-active {
  border-bottom: 3px solid transparent;
}

.skin-yellow-light .x-tab-default {
  border-bottom-color: #f39c12;
}

.skin-yellow-light .x-tab-default-active {
  border-bottom-color: #f39c12;
}

.skin-yellow-light .content-wrapper .x-tab-default .x-tab-inner,
.skin-yellow-light .x-window .x-tab-default .x-tab-inner {
  color: #9794a2;
  font-weight: normal;
}

.skin-yellow-light .content-wrapper .x-tab-default-active .x-tab-inner,
.skin-yellow-light .x-window .x-tab-default-active .x-tab-inner {
  color: #333;
  font-weight: bold;
}

.skin-yellow-light .x-box-scroller-left,
.x-box-scroller-right {
  border-bottom: 0px solid transparent;
}

.skin-yellow-light .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom: 1px solid transparent;
  border-bottom-color: #f39c12;
}

.x-tab-default .x-tab-inner,
.x-window .x-tab-default .x-tab-inner {
  font-size: 14px;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px;
}

.sidebar-menu li a,
.navbar-custom-menu li a {
  /*菜单默认采用手样式*/
  
  cursor: pointer;
}

.sidebar-menu .treeview .treeview-menu li a {
  font-size: 13px;
}

.main-sidebar {
  height: auto !important;
}
/* 解决与BS之间的冲突 */

.x-panel img,
.x-window img {
  vertical-align: inherit;
}

legend {
  width: auto;
  font-size: 16px;
}

.x-panel-header-default {
  border-color: #C5C5C5 !important;
}

.x-panel-default {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
/*   无边框 蓝色*/

.x-blues.x-panel,
.x-blues.x-panel .x-tab-bar-body .x-box-inner,
.x-blues.x-panel .x-tab-bar-body,
.x-blues.x-panel-default .x-panel-body,
.x-blues.x-panel-default .x-panel-header,
.x-blues.x-panel-default .x-panel-header-default,
.x-blues.x-panel-default .x-header-text-container,
.x-blues.x-panel-default .x-header-icon,
.x-blues.x-panel-default .x-panel-header-text-container-default .x-blues.x-panel-default .x-componen,
.x-blues.x-panel-default .x-grid-view table td,
.x-blues.x-panel-default .x-grid-view {
  background-color: #0099CC !important;
  border: none;
  color: #fff !important;
}

.x-blues.x-panel-default .wb_cell_pointer .x-grid-cell {
  cursor: pointer;
}

.x-blues.x-panel-default .x-panel-body {
  border-width: 0px;
  color: #fff;
}

.x-blues.x-panel-default .x-panel-body svg text {
  fill: #fff;
}

.x-blues.x-panel-default .x-surface svg {
  background: linear-gradient(#0099CC, #99CCFF);
}

.x-blues.x-panel-default .x-grid-view .x-grid-row:hover .x-grid-cell {
  background-color: #fff;
  color: black;
}

.x-blues.x-panel-default .x-grid-view .x-grid-row .x-grid-cell {
  transition: background 0.5s, color 0.5s;
  -webkit-transition: background 0.5s, color 0.5s;
}

.x-blues.x-panel-default .x-tab-default-active,
.x-blues .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom-color: #fff;
  background-color: #0099CC;
}

.x-blues.x-panel-default .box-body a:hover {
  border-color: #0099CC;
}

.x-blues.x-panel-default .kj-box-body a:hover,
.x-blues.x-panel-default .cy-box-body a:hover,
.x-blues.x-panel-default .kj-box-body a:hover i,
.x-blues.x-panel-default .cy-box-body a:hover i {
  border-color: #0099CC;
  color: #0099CC;
  background-color: #fff;
}

.x-blues.x-panel-default .cy-box-body .btn-app,
.x-blues.x-panel-default .kj-box-body .btn-app {
  color: #fff;
  border: 1px solid #fff;
  background-color: #0099CC;
}

.x-blues.x-panel-default .x-tab-default-active .x-tab-inner.x-tab-inner-center {
  color: #fff;
}

.x-blues.x-panel-default .x-tab-default .x-tab-inner {
  color: #ccc;
}

.x-blues.x-panel-default .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #0099CC;
  background-color: #fff;
}

.x-blues.x-panel-default .wb_item:hover {
  border-radius: 7px;
  color: black;
}

.x-blues.x-panel-default .wb_item {
  border-radius: 7px;
}

.x-blues.x-panel-default .wb_item p {
  margin: 0 0 10px;
  margin-top: 13px;
}
/*   无边框 浅蓝*/

.x-blue.x-panel,
.x-blue.x-panel .x-tab-bar-body .x-box-inner,
.x-blue.x-panel .x-tab-bar-body,
.x-blue.x-panel-default .x-panel-body,
.x-blue.x-panel-default .x-panel-header,
.x-blue.x-panel-default .x-panel-header-default,
.x-blue.x-panel-default .x-header-text-container,
.x-blue.x-panel-default .x-header-icon,
.x-blue.x-panel-default .x-panel-header-text-container-default .x-blue.x-panel-default .x-componen,
.x-blue.x-panel-default .x-grid-view table td,
.x-blue.x-panel-default .x-grid-view {
  background-color: #67a8ce !important;
  border: none;
  color: #fff !important;
}

.x-blue.x-panel-default .wb_cell_pointer .x-grid-cell {
  cursor: pointer;
}

.x-blue.x-panel-default .x-panel-body {
  border-width: 0px;
  color: #fff;
}

.x-blue.x-panel-default .x-panel-body svg text {
  fill: #fff;
}

.x-blue.x-panel-default .x-surface svg {
  background: linear-gradient(#67a8ce, #3c8dbc);
}

.x-blue.x-panel-default .x-grid-view .x-grid-row:hover .x-grid-cell {
  background-color: #fff;
  color: black;
}

.x-blue.x-panel-default .x-grid-view .x-grid-row .x-grid-cell {
  transition: background 0.5s, color 0.5s;
  -webkit-transition: background 0.5s, color 0.5s;
}

.x-blue.x-panel-default .x-tab-default-active,
.x-blue .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom-color: #fff;
  background-color: #67a8ce;
}

.x-blue.x-panel-default .box-body a:hover {
  border-color: #67a8ce;
}

.x-blue.x-panel-default .kj-box-body a:hover,
.x-blue.x-panel-default .cy-box-body a:hover,
.x-blue.x-panel-default .kj-box-body a:hover i,
.x-blue.x-panel-default .cy-box-body a:hover i {
  border-color: #67a8ce;
  color: #67a8ce;
  background-color: #fff;
}

.x-blue.x-panel-default .cy-box-body .btn-app,
.x-blue.x-panel-default .kj-box-body .btn-app {
  color: #fff;
  border: 1px solid #fff;
  background-color: #67a8ce;
}

.x-blue.x-panel-default .x-tab-default-active .x-tab-inner.x-tab-inner-center {
  color: #fff;
}

.x-blue.x-panel-default .x-tab-default .x-tab-inner {
  color: #ccc;
  line-height: 17px;
}

.x-blue.x-panel-default .x-tab-bar-strip-default {
  border-style: solid;
  border-color: #ecf0f5;
  background-color: #fff;
}

.x-blue.x-panel-default .x-tab-bar-strip-default {
  background-color: #ecf0f5;
}

.x-blue.x-panel-default .wb_item:hover {
  border-radius: 7px;
  color: black;
}

.x-blue.x-panel-default .wb_item {
  border-radius: 7px;
}

.x-blue.x-panel-default .wb_item p {
  margin: 0 0 10px;
  margin-top: 13px;
}
/* 默认*/

.x-primary.x-panel-default {
  border: 1px solid #ddd;
  border-top: none;
}

.x-primary.x-panel-default .x-panel-body {
  border-width: 0px;
}

.x-primary.x-panel-default .x-panel-header {
  border: none;
}

.x-primary.x-panel-default .x-tab-bar-strip-default {
  background-color: #fff;
}
/* 边框 绿色 */

.x-selegant.x-panel-default {
  border: 1px solid #00a65a;
  border-top: none;
}

.x-selegant .x-tab-default .x-tab-inner {
  color: #00a65a;
}

.x-selegant.x-panel-default .x-panel-header {
  background-color: #00a65a !important;
  border: none;
}

.x-selegant.x-panel-default .x-panel-header .x-header-text-container {
  color: #fff;
}

.x-selegant.x-panel-default .x-panel-body {
  border-width: 0px;
}

.x-selegant.x-panel-default .x-tab-default-active,
.x-selegant .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom-color: #00a65a;
}

.x-selegant.x-panel-default .x-tab-bar-strip-default {
  background-color: #fff;
}

.x-selegant.x-panel-default .kj-box-body a:hover,
.x-selegant.x-panel-default .cy-box-body a:hover,
.x-selegant.x-panel-default .kj-box-body a:hover i,
.x-selegant.x-panel-default .cy-box-body a:hover i {
  border-color: #00a65a;
  color: #00a65a;
}
/* 边框 深绿 */

.x-elegant.x-panel-default {
  border: 1px solid #669999;
  border-top: none;
}

.x-elegant .x-tab-default .x-tab-inner {
  color: #669999;
}

.x-elegant.x-panel-default .x-panel-header {
  border: none;
  border-top: 3px solid #669999 !important;
}

.x-elegant.x-panel-default .x-panel-body {
  border-width: 0px;
}

.x-elegant.x-panel-default .x-tab-default-active,
.x-elegant .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom-color: #669999;
}

.x-elegant.x-panel-default .x-tab-bar-strip-default {
  background-color: #fff;
}

.x-elegant.x-panel-default .kj-box-body a:hover,
.x-elegant.x-panel-default .cy-box-body a:hover,
.x-elegant.x-panel-default .kj-box-body a:hover i,
.x-elegant.x-panel-default .cy-box-body a:hover i {
  border-color: #669999;
  color: #669999;
}
/* 边框 紫色 */

.x-fashion.x-panel-default {
  border: 1px solid #663366;
  border-top: none;
}

.x-fashion .x-tab-default .x-tab-inner {
  color: #663366;
}

.x-fashion.x-panel-default .x-panel-header {
  border: none;
  border-top: 3px solid #663366 !important;
}

.x-fashion.x-panel-default .x-panel-body {
  border-width: 0px;
}

.x-fashion.x-panel-default .x-tab-default-active,
.x-fashion .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom-color: #663366;
}

.x-fashion.x-panel-default .x-tab-bar-strip-default {
  background-color: #fff;
}

.x-fashion.x-panel-default .kj-box-body a:hover,
.x-fashion.x-panel-default .cy-box-body a:hover,
.x-fashion.x-panel-default .kj-box-body a:hover i,
.x-fashion.x-panel-default .cy-box-body a:hover i {
  border-color: #663366;
  color: #663366;
}
/* 边框 黄色 */

.x-yellows.x-panel-default {
  border: 1px solid #f39c12;
  border-top: none;
}

.x-yellows .x-tab-default .x-tab-inner {
  color: #f39c12;
}

.x-yellows.x-panel-default .x-panel-header {
  background-color: #f39c12 !important;
  border: none;
}

.x-yellows.x-panel-default .x-panel-header .x-header-text-container {
  color: #fff;
}

.x-yellows.x-panel-default .x-panel-body {
  border-width: 0px;
}

.x-yellows.x-panel-default .x-tab-default-active,
.x-yellows .x-tab-bar .x-horizontal-box-overflow-body {
  border-bottom-color: #f39c12;
}

.x-yellows.x-panel-default .x-tab-bar-strip-default {
  background-color: #fff;
}

.x-yellows.x-panel-default .kj-box-body a:hover,
.x-yellows.x-panel-default .cy-box-body a:hover,
.x-yellows.x-panel-default .kj-box-body a:hover i,
.x-yellows.x-panel-default .cy-box-body a:hover i {
  border-color: #f39c12;
  color: #f39c12;
}
/*   重构公共样式 */

.wb-disabled {
  /* background: #f0f0f0; */
  
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de;
}

.x-portal-body .x-panel-default.x-panel-closable {
  margin: 5px 5px 10px 5px;
  border-radius: 2px;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
  top: 42px !important;
}

.x-toolbar-footer {
  background: #f6f6f6;
}
/* .x-portal-body .x-panel-default.x-panel-closable .x-panel-header-default {
  border: none;
} */
/* 滚动条样式定义（仅用于webkit） */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
/* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {
  background-color: #acacac;
  border-radius: 3px;
}
/* 滑块颜色 */
/* 清除按钮相关CSS */

.ext-ux-clearbutton {
  width: 12px;
  height: 12px;
  background-image: url(../images/clear-text-icon.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-user-focus: ignore;
  /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
  
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  /* IE 6 :-( */
  /*margin-top: 4px;*/
  
  background-color: white;
}

.ext-ux-clearbutton-mouse-over-input {
  background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
  background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
  background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
  opacity: 1;
  visibility: visible;
  transition: opacity .35s linear;
  -webkit-transition: opacity .35s linear;
  -moz-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  -ms-transition: opacity .35s linear;
  -khtml-transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s linear, visibility .0s linear .35s;
  -webkit-transition: opacity .35s linear, visibility .0s linear .35s;
  -moz-transition: opacity .35s linear, visibility .0s linear .35s;
  -o-transition: opacity .35s linear, visibility .0s linear .35s;
  -ms-transition: opacity .35s linear, visibility .0s linear .35s;
  -khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}
/* 日期组件下拉宽度*/

.x-monthpicker-years {
  width: 50%;
}

.x-monthpicker-months {
  width: 50%;
}

.x-grid-row-selected .x-grid-td {
  border-style: solid;
  border-color: #f2e3b2;
  color: #404040;
  background-color: #ffefbb;
}

.x-grid-view .x-grid-td {
  height: 38px;
  vertical-align: middle;
}

.x-grid-row .x-grid-cell-selected {
  background-color: #ffefbb;
}
/*表格其他样式*/
/* .x-group-sub-header,
.x-column-header {
  border-right: 1px solid #f4f4f4;
} */

.x-column-header,
.x-column-header-over,
.x-grid-header-ct {
  background-color: #fff;
}

.x-toolbar {
  /*   border-style: none; */
}

.x-menu-item-separator {
  margin: 2px 5px 2px 5px;
}
/** 课表相关 **/

.kb_title {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  color: #666;
  vertical-align: middle;
}

.kb_class_day {
  border: 1px solid #8E8E8E;
  border-radius: 3px;
  padding: 5px 0 5px 0;
  background-color: #f1f6db;
}

.kb_cell {
  font-family: Arial, 'Microsoft YaHei' !important;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  border: 1px solid #037e1d;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.kb_temp {
  font: 12px Arial, Helvetica, sans-serif;
  float: left;
  margin: 5px;
  background: #fcf8e3;
  margin-right: 0;
  padding: 5px;
  height: 30px;
  text-align: center;
  border: 1px solid #F39C12;
  cursor: pointer;
}
/*************************************流程***************************************************/

.stepsContainer .progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
}

.stepsContainer .progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #cac0c0;
}

.stepsContainer .progressbar.active li {
  cursor: pointer;
}

.stepsContainer .progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #cac0c0;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}

.stepsContainer .progressbar li:after {
  width: 80%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #cac0c0;
  top: 15px;
  left: -40%;
}

.stepsContainer .progressbar li:first-child:after {
  content: none;
}

.stepsContainer .progressbar li.active {
  color: #4CAF50;
}

.stepsContainer .progressbar li.active:before {
  border-color: #4CAF50;
}

.stepsContainer .progressbar li.active + li:after {
  background-color: #4CAF50;
}

.stepsContainer .progressbar li.nextStep {
  color: #03a9f4;
}

.stepsContainer .progressbar li.nextStep:before {
  border-color: #03a9f4;
}

.stepsContainer .progressbar li.nextStep + li:after {
  background-color: #03a9f4;
}

.cusForm .field-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 14px;
}

.cusForm .field-desc {
  padding: 0px 5px;
  color: #30a0e5;
  font-size: 1.33333333em;
  vertical-align: -15%;
}

.cusForm .field-ct-selected {
  border: 2px solid #30a0e5 !important;
  background: #fafafa !important;
  cursor: pointer;
}

.cusForm .field-ct {
  padding: 10px 50px 10px 50px;
  border: 2px solid white;
  position: relative;
  border-radius: 2px;
}

.cusForm .field-ct:hover {
  background: #fafafa;
}

.cusForm .field-info {
  color: #ccc;
  font-size: 12px!important;
  margin-left: 8px;
  font-weight: 400;
  opacity: .9;
}