.geToolbarContainer {
  background: #fff;
  border-bottom: 1px solid #dedee3;
}
.geToolbar {
  position: relative;
  box-sizing: border-box;
  padding: 0 0 0 10px;
  border: none;
  box-shadow: none;
}
.geToolbarContainer .geButton {
  width: auto;
  height: auto;
  padding: 7px 10px;
  margin: 0 3px;
  border: none;
  opacity:1;
  filter:alpha(opacity=100);
}
.geToolbarContainer .geButton:hover {
  border:none;
  border-radius:0;
  opacity:1;
  background: #ededed;
  filter:none !important;
}
.geToolbarContainer .geButton:active {
  border:none;
}
.geToolbarContainer .geToolbar .geButton .geSprite{
  padding-top: 26px;
  width: auto;
  height: auto;
  line-height: 20px;
  font-size: 14px;
  color: #465258;
  margin: 0 auto;
}
.geToolbarContainer .geToolbar .mxDisabled {
  opacity: 0.6 !important;
}
.geToolbarContainer .geToolbar .mxDisabled:hover {
  border:none !important;
  opacity:0.6 !important;
  filter:alpha(opacity=60) !important;
}
.geToolbarContainer .geToolbar .geSeparator {
  height: 20px;
  margin: 20px 10px;
  background: #dedee3;
}
.geToolbarContainer .geLabel {
  width: auto;
  height: auto;
  padding: 7px 10px;
  margin: 0 5px;
  border: none;
  opacity:1;
  filter:alpha(opacity=100);
  text-align: center;
}
.geToolbarContainer .geLabel:hover {
  border:none;
  border-radius:0;
  opacity:1;
  background: #ededed;
  filter:none !important;
}
.geToolbarContainer .geToolbar .geLabel .geSprite {
  padding-top: 26px;
  width: auto;
  height: auto;
  line-height: 20px;
  font-size: 14px;
  color: #465258;
}
.geToolbarContainer .geToolbar .geLabel .geSprite-more {
  padding-top: 17px;
  width: 24px;
  height: 28px;
  margin-left: 15px;
}
.geToolbarContainer .geToolbar .geLabel .zoom-num {
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #465258;
}
.geToolbarContainer .geToolbar .geLabel .zoom-label {
  margin: 6px auto 0;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #465258;
}
.geToolbarContainer .geToolbar .geSprite-talignleft{
  background: url("images/nav_icon_alignment_1@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-taligncenter{
  background: url("images/nav_icon_alignment_5@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-talignright{
  background: url("images/nav_icon_alignment_3@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-taligntop{
  background: url("images/nav_icon_alignment_4@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-talignmiddle{
  background: url("images/nav_icon_alignment_2@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-talignbottom{
  background: url("images/nav_icon_alignment_6@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-import{
  background: url("images/nav_icon_import@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-export{
  background: url("images/nav_icon_export@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-copy{
  background: url("images/nav_icon_copy@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-paste{
  background: url("images/nav_icon_paste@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-cut{
  background: url("images/nav_icon_shear@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-undo{
  background: url("images/nav_icon_undo@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-redo{
  background: url("images/nav_icon_redo@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-align{
  background: url("images/nav_icon_alignment@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-tofront{
  background: url("images/nav_icon_move_1@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-toback{
  background: url("images/nav_icon_move_2@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-image{
  background: url("images/nav_icon_img@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-group{
  background: url("images/nav_icon_group@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-ungroup{
  background: url("images/nav_icon_remove-group@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-lock{
  background: url("images/nav_icon_lock@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-unlock{
  background: url("images/nav_icon_unlock@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-layers{
  background: url("images/nav_icon_layer@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-preview{
  background: url("images/nav_icon_preview@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-usrshare{
  background: url("images/nav_icon_share@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-save{
  background: url("images/nav_icon_save@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-help{
  background: url("images/nav_icon_help@2x.png") no-repeat center top;
  background-size: 22px;
}
.geToolbarContainer .geToolbar .geSprite-more{
  background: url("images/nav_icon_more@2x.png") no-repeat center;
  background-size: 24px 28px;
}
.geToolbarMenu {
  border: none !important;
}
html div.mxPopupMenu {
  padding: 0;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10) !important;
}
html td.mxPopupMenuItem {
  padding-left: 35px;
  font-size: 12px;
  color: #465258;
}
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(1) td:nth-child(2),
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(1) td:nth-child(2){
  background: url("images/nav_icon_alignment_1@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(2) td:nth-child(2),
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(2) td:nth-child(2) {
  background: url("images/nav_icon_alignment_1@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(3) td:nth-child(2),
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(3) td:nth-child(2) {
  background: url("images/nav_icon_alignment_1@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(4) td:nth-child(2),
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(4) td:nth-child(2) {
  background: url("images/nav_icon_alignment_1@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(5) td:nth-child(2),
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(5) td:nth-child(2) {
  background: url("images/nav_icon_alignment_1@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(6) td:nth-child(2),
.usr-align .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(6) td:nth-child(2) {
  background: url("images/nav_icon_alignment_1@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(1) td:nth-child(2),
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(1) td:nth-child(2) {
  background: url("images/nav_icon_group@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(2) td:nth-child(2),
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(2) td:nth-child(2) {
  background: url("images/nav_icon_remove-group@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(4) td:nth-child(2),
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(4) td:nth-child(2) {
  background: url("images/nav_icon_lock@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(5) td:nth-child(2),
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(5) td:nth-child(2) {
  background: url("images/nav_icon_unlock@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(7) td:nth-child(2),
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(7) td:nth-child(2) {
  background: url("images/nav_icon_layer@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(9) td:nth-child(2),
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(9) td:nth-child(2) {
  background: url("images/nav_icon_import@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItem:nth-child(10) td:nth-child(2),
.usr-more .mxPopupMenu tbody tr.mxPopupMenuItemHover:nth-child(10) td:nth-child(2) {
  background: url("images/nav_icon_export@2x.png") no-repeat 15px center;
  background-size: 14px;
}
.usr-more .mxDisabled {
  opacity: 0.6 !important;
}
.toolbar-right {
  position: absolute;
  width: auto;
  right: 10px;
}
/*.geToolbarContainer .geToolbar .toolbar-right a.geButton:last-child {*/
  /*padding:18px 0 0;*/
  /*width: auto;*/
  /*height: 24px;*/
  /*line-height: 24px;*/
  /*margin-left: 80px;*/
/*}*/
/*.geToolbarContainer .geToolbar .toolbar-right a.geButton:last-child:hover {*/
  /*background: none;*/
/*}*/
/*.geToolbarContainer .geToolbar .toolbar-right .geButton .geSprite-save{*/
  /*padding: 0 15px;*/
  /*width: auto;*/
  /*line-height: 24px;*/
  /*font-size: 12px;*/
  /*color: #fff;*/
  /*border-radius: 4px;*/
  /*background: #3C78FF;*/
/*}*/
/*.geToolbarContainer .geToolbar .toolbar-right .geButton .geSprite-save:hover{*/
  /*opacity: 0.8;*/
/*}*/
.geToolbarContainer .geToolbar .geItem.geStatus {
  margin: 16px 0 0 15px;
}
.usrSidebarControlsContainer .geSidebar {
  clear: both;
  background: none;
  border: none;
  padding: 0;
}
.usrSidebarControlsContainer .geSidebar .geItem {
  border: none !important;
  float: left;
  margin: 0 0 10px 9px;
}
.usrSidebarControlsContainer .geSidebar .geItem > svg,
.usrSidebarControlsContainer .geSidebar .geItem .controls-img {
  position: relative;
  width: 76px;
  height: 76px;
  border: 2px solid transparent;
  border-radius: 2px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: url("images/png_bg.png") no-repeat center;
}
.usrSidebarControlsContainer .geSidebar .geItem > svg {
  box-sizing: border-box;
}
.usrSidebarControlsContainer .geSidebar .geItem .controls-img img {
  width: auto;
  height: auto;
  max-width: 76px;
  max-height: 76px;
  vertical-align: middle;
}
.usrSidebarControlsContainer .geSidebar .geItem .controls-img .isNew {
  width: 18px;
  height: 19px;
  background: url("../../images/new.png") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  right: -5px;
  top: 8px;
}
.usrSidebarControlsContainer .geSidebar .geItem .controls-title {
  width: 100%;
  line-height: 24px;
  margin: 3px auto 0;
  text-align: center;
  font-size: 13px;
  color: #465258;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.usrSidebarControlsContainer .geSidebar .geItem:hover > svg,
.usrSidebarControlsContainer .geSidebar .geItem:hover .controls-img {
  border: 2px solid #3C78FF;
  background: #fff;
}
.usrSidebarControlsContainer .geSidebar .geItem:hover .controls-title {
  color: #3C78FF;
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small {
  margin: 0 0 5px 9px;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  box-sizing: border-box;
  border: 2px solid transparent !important;
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small:hover {
  border: 2px solid #3C78FF !important;
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small .controls-img {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  display: block;
  padding-top: 13px;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: none;
  border: none;
}
/*基本元件*/
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-text:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_text_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-rectangle:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_rectangular_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-circle:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_round_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-line:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_line_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-table:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_table_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-table_header:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_form_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-time:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_time_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-img:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_img_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-weather:hover .controls-img {
  content: url("../../images/usr-thumb/basic-element/icon_weather_hover@2x.png");
}
/*控制元件*/
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-onoff:hover .controls-img {
  content: url("../../images/usr-thumb/controller-element/icon_switch_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-switch:hover .controls-img {
  content: url("../../images/usr-thumb/controller-element/icon_main-switch_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-button:hover .controls-img {
  content: url("../../images/usr-thumb/controller-element/icon_button_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-device-state:hover .controls-img {
  content: url("../../images/usr-thumb/controller-element/icon_state_hover@2x.png");
}
/*图表元件*/
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-var:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_var_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-varimg:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_var-img_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-flow:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_flow_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-dashboard:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_instrument_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-chart:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_chart_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-data-table:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_data-table_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-warn:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_table-warning_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-pie:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_pie_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-light:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_light_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-thermometer:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_wdj_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-barimg:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_bang-img_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-capacity:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_rlq_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-measure:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_measure_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-web:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_web_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-video:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_video_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-waterLevelMap:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_waterLevelMap_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-liquidFill:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_liquidFill_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-horizontalVerticalScreen:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_horizontalVerticalScreen_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-temperatureGauge:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_temperatureGauge_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-regularDonutPie:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_regularDonutPie_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-roundedDonutPie:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_roundedDonutPie_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-dataCurveChart:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_dataCurveChart_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-dataLineChart:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_dataLineChart_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-curvedAreaChart:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_curvedAreaChart_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-lineAreaChart:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_lineAreaChart_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small.usr-barChart:hover .controls-img {
  content: url("../../images/usr-thumb/chart-element/icon_barChart_hover@2x.png");
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-thumb-small .controls-img img {
  width: auto;
  max-width: 100%;
}
.usrSidebarControlsContainer .geSidebar .geItem:hover {
  border: none !important;
}
.usrSidebarPagesContainer {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: auto;
}
.pcPageContainer {
  width: 100%;
  margin: 0 auto;
  border-bottom:1px solid #dedee3;
}
.mobilePageContainer {
  width: 100%;
  margin: 0 auto;
  border-bottom:1px solid #dedee3;
}
.usr-page-head {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  font-size: 14px;
  color: #1E2426;
  font-weight: bold;
  padding-left: 10px;
  background: #fff;
  box-sizing: border-box;
}
.usr-page-head::before {
  content: '';
  display: inline-block;
  margin-right: 12px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #1E2426;
  transition: all 0.3s;
}
.usr-page-head.active::before {
  transform: rotate(90deg);
}
.usr-page-head span {
  float: right;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 15px;
  background: url("images/icon_add_page@2x.png") no-repeat center;
  background-size: 20px;
}
.usr-page-list {
  width: 100%;
  line-height: 20px;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 13px;
  color: #6F828C;
  cursor: pointer;
  padding-left: 40px;
  box-sizing: border-box;
  background: url("images/icon_page_default@2x.png") no-repeat 40px 13px;
  background-size: 14px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.usr-page-list label {
  width: calc(100% - 55px);
  padding-left: 20px;
  cursor: pointer;
  display: block;
  word-break: break-word;
}
.usr-page-list span {
  width: 18px;
  height: 20px;
  float: right;
  margin-right: 10px;
  display: block;
  cursor: pointer;
  background: url("images/icon_page_more_default@2x.png") no-repeat center;
  background-size: 18px 6px;
}
.usr-page-list.active{
  color: #3C78FF;
  background: url("images/icon_page_onclick@2x.png") no-repeat 40px 13px;
  background-size: 14px;
}
.usr-page-list:hover{
  background-color:#f2f2f2;
}
.usr-page-list.active span{
  background: url("images/icon_page_more_onclick@2x.png") no-repeat center;
  background-size: 18px 6px;
}
.usr-page-sortable-drag {
  cursor: move;
}
.geEditor ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
.usrSidebarControlsContainer {
  width: 100%;
  margin: 12px auto 0;
  overflow: auto;
}
.usrSidebarControlsContainer > div:first-child {
  width: 100%;
  height: 41px;
  margin: 0 auto;
}
.usrSidebarControlsContainer .usr-sidebar {
  width: auto;
  float: left;
  line-height: 40px;
  font-size: 14px;
  color: #6F828C;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.usrSidebarControlsContainer .usr-sidebar::after {
  width: 0;
  height: 1px;
  content: '';
  display: block;
  margin: 0 auto;
  background: #fff;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.usrSidebarControlsContainer .usr-sidebar:nth-child(1) {
  margin-left: 65px;
}
.usrSidebarControlsContainer .usr-sidebar:nth-child(2) {
  margin-left: 70px;
}
.usrSidebarControlsContainer .usr-sidebar:hover,
.usrSidebarControlsContainer .usr-sidebar-current {
  color: #3C78FF;
}
.usrSidebarControlsContainer .usr-sidebar:hover::after,
.usrSidebarControlsContainer .usr-sidebar-current::after {
  width: 80%;
  background: #3C78FF;
}
.showTemplateLibrary .usr-sidebar {
  float: none;
}
.showTemplateLibrary .usr-sidebar:nth-child(1),
.showTemplateLibrary .usr-sidebar:nth-child(2) {
  margin-left: 0;
}
.geSidebarContainer .geTitle {
  display:block;
  border:none;
  border-top: 1px solid #dedee3;
  font-size: 14px;
  color: #1e2426;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin:0 auto;
  cursor:default;
  background:none;
  text-overflow:ellipsis;
  line-height:45px;
  box-sizing: border-box;
  position: relative;
}
.geSidebarContainer .geTitle .isNew {
  width: 18px;
  height: 19px;
  background: url("../../images/new.png") no-repeat center;
  background-size: 100% 100%;
  display: inline-block;
  margin-left: 5px;
}
.geSidebarContainer .geTitle::before {
  content: '';
  display: inline-block;
  margin-right: 12px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #1E2426;
  transition: all 0.3s;
}
.geSidebarContainer .geTitle:hover {
  background: none;
}
.geSidebarContainer .geTitle.active::before {
  transform: rotate(90deg);
}

.usrGalleryContainer {
  position: relative;
  padding-bottom: 34px;
}
.usrGalleryContainer > .geSidebarContainer {
  border-top: none;
}
.geFormatContainer {
  background-color: #fff !important;
}
.location_div_style{
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  width: 80px;
  height: 28px;
  float: left;
}
.location_div_style_title{
  line-height: 18px;
  margin-top: 5px;
  margin-left: 5px;
}
.geSidebarContainer {
  border-top: none;
  overflow: hidden;
}

.geDiagramBackdrop {
  border: none;
  background: #f4f4f4;
}
.tableBtn .geButton {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 7px;
  margin: 0 3px;
  border: none;
}
.tableContainer {
  display: inline-block;
}
.tableContainer .geButton {
  float: left;
  padding: 3px 5px;
  border-radius: 0 !important;
}
@media screen and (max-width:1440px) {
  .geToolbarContainer .geButton {
    margin: 0;
  }
}
.geSprite-center{
  background: url("images/text_align_center_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-center-selected{
  background: url("images/text_align_center_onclick.png") no-repeat center;
  background-size: 22px;
}
.geSprite-left{
  background: url("images/text_align_left_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-left-selected{
  background: url("images/text_align_left_onclick.png") no-repeat center;
  background-size: 22px;
}
.geSprite-right{
  background: url("images/text_align_right_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-right-selected{
  background: url("images/text_align_right_onclick.png") no-repeat center;
  background-size: 22px;
}
.geSprite-justifyfull{
  background: url("images/text_align_justify_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-justifyfull-selected{
  background: url("images/text_align_justify_onclick.png") no-repeat center;
  background-size: 22px;
}
.geSprite-top{
  background: url("images/vertical_align_top_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-top-selected{
  background: url("images/vertical_align_top_onclick@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-middle{
  background: url("images/vertical_align_center_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-middle-selected{
  background: url("images/vertical_align_center_onclick@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-bottom{
  background: url("images/vertical_align_botton_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-bottom-selected{
  background: url("images/vertical_align_botton_onclick@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-bold{
  background: url("images/text_weight_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-bold-selected{
  background: url("images/text_weight_onclick@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-italic{
  background: url("images/text_italic_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-italic-selected{
  background: url("images/text_italic_onclick@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-underline{
  background: url("images/text_underline_default@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-underline-selected{
  background: url("images/text_underline_onclick@2x.png") no-repeat center;
  background-size: 22px;
}
input[type="checkbox"]{width:10px;height:10px;display: inline-block;text-align: center;vertical-align: middle; line-height: 8px;position: relative;}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #ffffff;width: 10px;height: 10px;border: 1px solid #e5e5e5}
input[type="checkbox"]:checked::before{content: "\2713";background-color: #3C78FF;position: absolute;top: 0;left: 0;width:10px;border: 1px solid #3C78FF;color:#ffffff;font-size: 8px;font-weight: bold;}
/*.public_btn {*/
  /*width: 100%;*/
  /*margin: 0 auto;*/
  /*font-size: 14px;*/
  /*color: #1E2426;*/
  /*font-weight: bold;*/
  /*padding-left: 10px;*/
  /*background: #fff;*/
  /*box-sizing: border-box;*/
/*}*/
.public_btn{
  content: '';
  display: inline-block;
  margin-right: 12px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #1E2426;
  transition: all 0.3s;
  transform: rotate(90deg);
  cursor: pointer;
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-favorite {
  width: 76px;
  height: 76px;
  border: 2px solid transparent!important;
  border-radius: 2px;
  overflow: hidden;
  padding: 0;
  float: left;
  margin: 0 0 10px 9px;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
  content: url("images/nav_icon_zoom_Enlarged@2x.png");
  background: url("images/png_bg.png") no-repeat center;
}
.usrSidebarControlsContainer .geSidebar .geItem.usr-favorite:hover {
  border: 2px solid #3C78FF!important;
  background: #fff;
}
.usrDialogTable_dynamic input{
  width: 200px !important;
  height:32px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  text-align: center;
}
.usrDialogTable input{
  width: 110px !important;
  height:32px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  text-align: center;
}
.usrDialogTable tr{
  height: 50px;
}
.usrDialogTable td{
  padding: 0 !important;
  height: 50px;
}
.usrDialogTableDelete{
  width: 50px;
  height: 25px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  background: #FFFFFF;
  font-size: 14px;
  color: #FF1717;
  text-align: center;
}
.usrDialogTableAddOne{
  border: 1px solid #3C78FF;
  border-radius: 4px;
  width: 100px;
  height: 30px;
  font-size: 14px;
  color: #3C78FF;
  background: #FFFFFF;
  margin: 10px auto auto;
  cursor: pointer;
}
.usrTableOkButton{
  background: #3C78FF !important;
  border-radius: 4px;
  width: 80px;
  height: 32px;
  font-size: 12px;
  color: #FFFFFF;
  border: none;
}
.usrTableCancelButton{
  border: 1px solid #DEDEE3;
  border-radius: 4px;
  width: 80px;
  height: 32px;
  font-size: 12px;
  color: #465258;
  background: #ffffff;
}
.transTable input {
  height: 23px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  text-align: center;
}

.transTable tr {
  height: 30px;
}

.transTable td {
  padding: 0 !important;
  height: 30px;
}


/*input[type="radio"] + .usrRadioName::before {*/
  /*content: "\a0"; !*不换行空格*!*/
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  /*font-size: 18px;*/
  /*width: 1em;*/
  /*height: 1em;*/
  /*margin-right: .4em;*/
  /*border-radius: 50%;*/
  /*border: 1px solid #01cd78;*/
  /*text-indent: .15em;*/
  /*line-height: 1;*/
/*}*/
/*input[type="radio"]:checked + .usrRadioName::before {*/
  /*background-color: #01cd78;*/
  /*background-clip: content-box;*/
  /*padding: .2em;*/
/*}*/
/*input[type="radio"] {*/
  /*position: absolute;*/
  /*clip: rect(0, 0, 0, 0);*/
/*}*/
.usrImg{
    width: 80px;
    height: 80px;
}
.usrImg img{
    width: 76px;
    height: 76px;
    border: 2px solid transparent;
    border-radius: 2px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background: url("images/png_bg.png") no-repeat center;
}
.usrImg img:hover {
    border: 2px solid #3C78FF!important;
    background: #fff;
}
.usrElectricalSvg{
  border: 2px solid transparent;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: url("images/png_bg.png") no-repeat center;
}
.usrElectricalSvg:hover {
  border: 2px solid #3C78FF!important;
  background: #fff;
}
.usrImgClick{
  border: 2px solid #3C78FF!important;
  background: #fff !important;
}
.usrCustom{
    width: 80px;
    height: 28px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding-left: 10px;
    display: inline-block;
    color: #465258 ;
}
/*.usrCustom:hover{*/
  /*border: 2px solid #3C78FF;*/
/*}*/
.usrCustomInput{
  outline: none;
  border: none;
  width: 50px;
  text-align: right;
}
.usrHr{
  background : rgb(222, 222, 227);
  height :1px;
  margin-top:20px;
  border :none;
  margin-left :-10px;
  padding-left:0;
}
.usrPwdButton{
  border: 1px solid #DEDEE3;
  border-radius: 4px;
  background: #ffffff;
  font-size: 12px;
  color: #465258;
  width: 68px;
  height: 28px;
  margin-top: 10px;
  cursor: pointer;
}
.usrGridInput{
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  height: 28px;
}
.spop {
  min-height: 26px;
  padding: 0 20px;
}
.spop-container {
  z-index: 100000;
}
@media screen and (min-width: 30em) {
  .spop {
    border-radius: 2px;
    margin: .7em
  }
}
.spop-body {
  padding: 0.6em;
}
.spop--top-center {
  top: 70px;
}
#spop--top-center {
  cursor: pointer;
}
.spop--error, .spop--info, .spop--success, .spop--warning {
  background-color: #FFFFFF;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.20);
  border-radius: 18px;
  text-align: center;
}
.spop--success {
  color: #63ca1d;
}
.spop--info {
  color: #3C78FF;
}
.spop--warning {
  color: #fcd000;
}
.spop--error {
  color: #ff1717;
}
.spop-close {
  display: block;
  color: #5b6b73;
  top: 3px;
}
.spop-icon {
  width: 20px;
  height: 20px;
  margin-left: -30px;
  top: 7px;
  left: auto;
}
.spop-icon--success {
  border: 2px solid #63ca1d;
}

.spop-icon--success:before {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 6px;
  border-bottom: 2px solid #63ca1d;
  border-left: 2px solid #63ca1d;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.spop-icon--warning {
  border: 2px solid #fcd000
}

.spop-icon--warning:before {
  top: 2px;
  left: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fcd000;
  border-width: 0 6px 10px
}

.spop-icon--info {
  border: 2px solid #3C78FF
}

.spop-icon--error:after, .spop-icon--info:after {
  left: 7px;
  width: 2px;
  height: 6px;
}
.spop-icon--error:before, .spop-icon--info:before {
  left: 7px;
  width: 2px;
  height: 2px;
}

.spop-icon--error:before {
  top: 11px;
}
.spop-icon--error:after {
  top: 3px;
}
.spop-icon--info:before {
  top: 3px;
  background-color: #3C78FF;
}
.spop-icon--info:after {
  top: 8px;
  background-color: #3C78FF;
}

html td.mxWindowTitle {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 14px;
  color: #1e2426;
  border: none;
  background: #f7f7f7;
}

.mxWindow .geToolbarContainer .geButton {
  float: right;
  margin: 0;
  padding: 10px 5px;
}
.mxWindow .geToolbarContainer .geButton:hover {
  background: none;
  margin: 0;
  padding: 10px 5px;
}
.mxWindow  .geToolbarContainer .mxDisabled:hover {
  border: none;
}
.mxWindow .geToolbarContainer .geButton .geSprite {
  width: 20px;
  height: 20px;
}

.mxWindow .geToolbarContainer .geButton .geSprite-plus{
  background: url("../../images/pop_icon_add@2x.png") no-repeat center;
  background-size: 20px;
}
.mxWindow .geToolbarContainer .geButton:hover .geSprite-plus{
  background: url("../../images/pop_icon_add_hover@2x.png") no-repeat center;
  background-size: 20px;
}
.mxWindow .geToolbarContainer .geButton .geSprite-duplicate{
  background: url("../../images/pop_icon_cope@2x.png") no-repeat center;
  background-size: 20px;
}
.mxWindow .geToolbarContainer .geButton:hover .geSprite-duplicate{
  background: url("../../images/pop_icon_cope_hover@2x.png") no-repeat center;
  background-size: 20px;
}
.mxWindow .geToolbarContainer .geButton .geSprite-insert{
  background: url("../../images/pop_icon_2@2x.png") no-repeat center;
  background-size: 20px;
}
.mxWindow .geToolbarContainer .geButton:hover .geSprite-insert{
  background: url("../../images/pop_icon_2_hover@2x.png") no-repeat center;
  background-size: 20px;
}
.mxWindow .geToolbarContainer .geButton .geSprite-delete{
  background: url("../../images/pop_icon_delete@2x.png") no-repeat center;
  background-size: 20px;
}
.mxWindow .geToolbarContainer .geButton:hover .geSprite-delete{
  background: url("../../images/pop_icon_delete_hover@2x.png") no-repeat center;
  background-size: 20px;
}
.usr_table_button{
  display: inline-block;
}
.usrTableDiv{
  width: 100px;
  float: left;
  height: 30px;
  line-height: 30px;
  border: 1px solid rgb(230, 230, 230);
  padding-left: 10px;
}
.usrTableDiv input{
  width: 70px;
  height: 25px;
  border: none;
  margin-left: 10px;
  outline:none;
  text-align: center;
}
.usr_table_thead_tr{
  /*background: #F7F7F7;*/
  border-radius: 10px 10px 0 0;
}
.usr_data_table tr{
  background: #ffffff !important;
}
.usr_table_title{
  padding-top: 10px;
  height: 50px;
  text-align: left;
  width: 100%;
}
.usr_table_title select{
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  background: #ffffff;
  width: 160px;
  height: 36px;
}
.usr_table_select_button{
  background: #3C78FF;
  border-radius: 4px;
  margin-left: 10px;
  width: 100px;
  height: 36px;
  border: none;
  color: #ffffff;
  font-size: 14px;
}
.usr_table_span_data{
  clear: both;
  width: 100%;
  height: 36px;
  text-align: left;
  padding-left: 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.geDialog{
  overflow: hidden !important;
}
.usrInteractionDiv{
  height: 30px;
  /*width: 240px;*/
  padding: 10px 15px 0px 20px;
  background-color: rgb(255, 255, 255);
  line-height: 30px;
  position: relative;
}
.usrInteractionDiv input{
  margin-top: -1px;
}
.usrInteractionName{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.interactiveDialogLeft{
  width: 60px;
  height: 290px;
  float: left;
}
.interactiveDialogRight{
  width: 490px;
  height: 290px;
  float: left;
}
.interactiveLeftTitle{
  width: 100%;
  height: 30px;
  margin-top: 10px;
  text-align: left;
  padding-left: 20px;
  line-height: 30px;
}
.usrEventRight{
  width: 300px;
  height: 30px;
  margin-top: 10px;
  text-align: left;
  line-height: 30px;
  margin-left: 20px;
  padding-left: 10px;
  background: #c5c5c5;
  border-radius: 5px;
}
.interactiveSelect{
  width: 300px;
  height: 30px;
  margin-top: 10px;
  text-align: left;
  line-height: 30px;
  margin-left: 20px;
  padding-left: 10px;
  border-radius: 5px;
  display: block;
}
.interactiveInput{
  width: 290px;
  height: 30px;
  margin-top: 10px;
  text-align: left;
  line-height: 30px;
  margin-left: 20px;
  padding-left: 10px;
  border-radius: 5px;
  border-width: 1px;
  display: block;
}
.interactiveSelectDiv{
  width: 300px;
  height: 30px;
  margin-top: 10px;
  text-align: left;
  line-height: 30px;
  margin-left: 20px;
  /*padding-left: 10px;*/
  border-radius: 5px;
}
.interactiveSelectDiv span{
  width: 300px;
  outline:medium;
}
.usr_table_title{
  color: #666666;
}
.usr_table_title select{
  color: #666666;
}
/*.interactiveDialogRight span{*/
  /*width: 300px !important;*/
  /*height: 30px;*/
  /*display: block;*/
  /*text-align: left !important;*/
  /*padding-right: 0;*/
  /*padding-left: 10px;*/
/*}*/
/*.interactiveDialogRight b{*/
  /*left: 95% !important;*/
/*}*/
.st_pagination{
  /*position: absolute !important;*/
  /*right: 30px;*/
  /*bottom: 10px;*/
  margin-top: 20px;
  margin-right: 30px;
}
.controlButton button{
  border: none;
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.2);

}
.controlButton button:hover{
  box-shadow: inset 0 3px 3px 0 rgba(0,0,0,0.6);
}
.controlButton.active button{
  box-shadow: inset 0 3px 10px 0 rgba(0,0,0,0.6);
}
.horizontalVerticalScreenButton button {
  border: none;
}
.horizontalVerticalScreenButton button:hover {
  opacity: 0.8;
}
.usr_table_button {
  width: 22px;
  height: 22px;
  margin-right: 8px;
}
.geSprite-insertRowBefore {
  background: url("images/add_top@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-insertRowAfter {
  background: url("images/add_bottom@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-insertColumnBefore {
  background: url("images/add_left@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-insertColumnAfter {
  background: url("images/add_right@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-deleteRowBefore {
  background: url("images/delete_top@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-deleteRowAfter {
  background: url("images/delete_bottom@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-deleteColumnBefore {
  background: url("images/delete_left@2x.png") no-repeat center;
  background-size: 22px;
}
.geSprite-deleteColumnAfter {
  background: url("images/delete_right@2x.png") no-repeat center;
  background-size: 22px;
}
.ComponentDialogName{
  width: 70px;
  float: left;
}
.ComponentDialogValue{
  float: left;
  margin-left: 20px;
}
.singleEquipentDic{
  margin-top: 10px;
  margin-left: 20px;
  font-size: 14px;
  height: 30px;
}
.format-name-input {
  width: calc(100% - 20px);
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  margin: 10px 0 10px 0px;
  /*border: 1px solid #e6e6e6;*/
  /*border-radius: 4px;*/
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #465258;
  outline:none;
}
.format-name-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #a1acb3;
}
.format-name-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #a1acb3;
}
.format-name-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #a1acb3;
}
.format-name-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a1acb3;
}
.usrColorOuterDiv{
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #E6E6E6;
  width: 60px;
  text-align: center;
  margin-left: 10px;
}
.usrColorOuterDivByGrid{
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #E6E6E6;
  width: 60px;
  text-align: center;
  position: absolute;
  left: 150px;
}
.select2{
  width: 180px !important;
}
.select2-selection{
  height: 36px !important;
}
.select2-selection__rendered{
  line-height: 36px !important;
}
.usr_select_data_right .select2{
  width: 150px !important;
}
.usr_select_data_right .select2-selection{
  height: 28px !important;
}
.usr_select_data_right .select2-selection__rendered{
  line-height: 28px !important;
}
/*svg{*/
  /*overflow: visible;*/
/*}*/
.usr_introjs_div{
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index:99999;
  justify-content:center;
  align-items:center;
  display: none;
}
.usr_introjs_div_node{
  width: 500px;
  height: 246px;
  background: #FFFFFF;
  opacity: 1;
}
.usr_introjs_node_title{
  font-size: 16px;
  color: #333333;
  text-align: center;
  width: 100%;
  margin-top: 60px;
  font-weight: 600;
}
.usr_introjs_node_text{
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  margin: 20px auto auto;
  text-align: left;
  width: 320px;
}
#usr_introjs_button{
  background: #3B78FF;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  width: 260px;
  height: 36px;
  margin: 40px auto auto;
  border: none;
  cursor: pointer;
}
.usr_introjs_node_button{
  width: 100%;
  text-align: center;
}
.introjs-nextbutton,.introjs-skipbutton{
  background: #3C78FF !important;
  border: 1px solid #3C78FF;
  border-radius: 4px;
  color: #FFFFFF !important;
}
.introjs-disabled{
  background: #e6e6e6 !important;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #b3b3b3 !important;
}
.introjs-tooltip{
  width: 420px !important;
  padding: 20px;
}
.introjs-button{
  text-shadow : none !important;
}
.introjs-bullets{
  position: absolute;
  text-align: left;
  font-size: 14px;
  color: #666666;
}
.introjs-helperNumberLayer{
  display: none;
}
.usr_introjs_close{
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
.swal-button--confirm{
  background-color: #3C78FF !important;
  color: #ffffff !important;
}
.swal-modal,.swal-overlay{
  z-index: 100001 !important;
}
.geColorBtn {
  position: relative;
  border-radius: 0;
  overflow: hidden;
}
.geColorBtn span {
  width: 0;
  height: 0;
  border-top: 18px solid #fff;
  border-right: 45px solid #ffa3a3;
  position: relative;
  display: block;
}
.geColorBtn span::before{
  content:"";
  position:absolute;
  bottom: -1px;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-right: 45px solid #fff;
  display: block;
}
.geColorBtn div {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.usr-color {
  width: 55px;
  height: 28px;
  padding: 3px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  box-sizing: border-box;
}
.usr-color .geColorBtn {
  width: 45px;
  height: 20px;
  margin: 0 auto;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #999;
}
.usr-color .geColorBtn span {
  width: 0;
  height: 0;
  border-top: 18px solid #fff;
  border-right: 45px solid #ffa3a3;
  position: relative;
  display: block;
}
.usr-color .geColorBtn span::before{
  content:"";
  position:absolute;
  bottom: -1px;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-right: 45px solid #fff;
  display: block;
}
.usr-color .geColorBtn div {
  width: 45px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.sidebar-lib {
  width: 140px;
}
.showTemplateLibrary .sidebar-lib {
  width: 93px;
  text-align: center;
  position: relative;
}
.showTemplateLibrary .sidebar-lib .isNew {
  width: 18px;
  height: 19px;
  background: url("../../images/new.png") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  right: 13px;
  top: 4px;
}
.swal-button--catch{
  background-color: #3C78FF !important;
}
/*.sweetAlert {*/
  /*width: 22em;*/
  /*margin: 0 auto;*/
  /*left: 0;*/
  /*right: 0;*/
/*}*/
.usr_arrow_select{
  width: 90px !important;
}
.usr_arrow_select div{
  width: 70px !important;
}
.usr_table_style{
  width:100%;
  height: calc(100% - 2px);
  text-align:center;
  border-collapse:collapse;
  border: #b3b3b3;
}
.dialog-title{
  /*width: 100%;*/
  height: 40px;
  background: #F7F7F7;
  line-height: 40px;
  font-size: 14px;
  color: #1E2426;
  letter-spacing: 0;
  font-weight: 600;
  text-align: left;
  padding-left: 10px;
}
.check_div_anim{
  padding: 10px 20px !important;
}
.check_div_anim input{
  margin-left: 40px !important;
}
.check_div_func span:first-child{
  display: inline-block;
  width: 47px;
}
.check_div_func_table span:first-child{
  display: inline-block;
  width: 47px;
}
.check_div_func_table input{
  margin-left: 10px !important;
}
.templateLibraryList {
  width: 125px;
  height: 110px;
  position: relative;
  overflow: hidden;
  padding: 0;
  border: none;
  margin: 0 0 10px 9px;
  float: left;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  cursor: default !important;
}
.templateLibraryList .templateLibraryImg {
  width: 125px;
  height: 74px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: url("images/png_bg.png") repeat center;
  cursor: pointer;
}
.templateLibraryList .templateLibraryImg img {
  width: 100%;
  height: 100%;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.templateLibraryList .templateLibraryImg .templateLibraryBtn {
  width: 125px;
  height: 49px;
  padding-top: 25px;
  background: rgba(0,0,0,0.5);
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}
.templateLibraryList .templateLibraryImg .templateLibraryBtn .templateLibraryButton {
  display: inline-block;
  width: auto;
  line-height: 24px;
  margin: 0 4px;
  border: none;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 12px;
  color: #fff;
  background: #3c78ff;
}
.templateLibraryList .templateLibraryImg .templateLibraryBtn .templateLibraryButton:hover {
  opacity: 0.9;
}
.templateLibraryList .templateLibraryTitle {
  width: 100%;
  line-height: 24px;
  margin: 3px auto 0;
  text-align: center;
  font-size: 13px;
  color: #465258;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.templateLibraryList:hover .templateLibraryImg .templateLibraryBtn {
  display: block;
}