body:-moz-full-screen,body:-webkit-full-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #fff
}

.drawableSurface canvas {
  position: absolute;
  top: 0;
  
  /** $THIS REPLACE 0->260px   */

}

.drawableSurface.with-menu canvas {
  -webkit-width: calc(100% - 313px);
  width: calc(100% - 313px);
  height: 100%
}

#scripts {
  display: none
}

.clear {
  clear: both
}

.left {
  float: left
}

.right {
  float: right
}

#webgl_container {
  display: none
}

canvas.brush {
  cursor: url(../images/cursor_brush.cur), auto !important
}

canvas.eraser {
  cursor: url(../images/cursor_eraser.cur), auto !important
}

#main-ui {
  position: absolute;
  
  /** $THIS REPLACE right:0 -> left:0 */
  left: 53px;
  width: 260px;
  height: 100%;
  top: 0px;
  z-index: 1000;
  /* background: rgba(255,255,225,0.5); */
  background: rgba(255,255,255,1);
}


#main-ui ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#toolbar {
  position: absolute;
  width: 260px;
  right: 0;
  display:block;
}
/**
 * 巡检
 */
#inspectionPlayDiv {
  position:absolute;
  top:30%;
  left:50%;
  width:200px;
  height:50px;
  background:rgba(197, 197, 197, 1)
}
#inspectionPlayDiv span{
  color: #fff;
  font-size: 16px;
  margin: 15px 17px 17px 17px;
  cursor: pointer;
  display: inline-block;
}
#inspectionPlayDiv span:last-child{
  font-size: 20px;
}
/*
* 右键菜单
*/
.imc-htopo-menu{
  box-shadow: #999 1px 1px 5px 1px;
  border-bottom: 1px solid #999 !important;
  border-right: 1px solid #999 !important;
}

.imc-htopo-menu>div>div{ box-shadow: #999 1px 1px 5px 1px; }

.imc-htopo-menu div:hover>label{color: #fff !important;}

/*.imc-htopo-menu div:hover>span:before{content:attr(data-imagesrc); display: inline;}*/
.imc-htopo-menu div>span{background: #f2f2f2;}
.imc-htopo-menu div:hover>span{background: #00b8ff;}
.imc-htopo-menu div>label{position:absolute; left: 0; right: 0;padding-left: 7px;padding-right: 7px;}

/*
* tip信息
*/
/* topo */
.imc-htopo-toolTipDiv{
  color: black;
  background-color: rgb(255, 255, 255) !important;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid rgb(153, 153, 153) !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  box-shadow: rgb(153, 153, 153) 1px 1px 5px 1px !important;
  -webkit-box-shadow: rgb(153, 153, 153) 1px 1px 5px 1px !important;
}

.imc-htopo-toolTipDiv tr>td:nth-child(odd){
  color: #393939;
  font-weight: bold;
  padding: 2px 5px;
  text-align: right;
}

.imc-htopo-toolTipDiv tr>td:nth-child(even){
  color: #393939;
  padding: 2px 5px;
}

.imc-htopo-toolTipDiv tr>td:nth-child(even) a{
  color: rgb(66, 139, 202) !important;
}

.imc-htopo-toolTipDiv tr>td:nth-child(even) a:hover{
  color: rgb(42, 100, 150) !important;
}

/*
* 左上角图标
*/      
#switchIcon{
	position:absolute;
	left:0px;
	top:0px;
	width:55px;
	height:55px;
	background-color:rgb(56,56,56);
	border-radius: 0 0 60px 0;
	border-right:solid #999;
	border-bottom:solid #999;
	z-index:100001;
	background-image: url(../images/ui/icon32-switch.png);
	background-position: 7px 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#switchIcon:hover{
	position:absolute;
	left:0px;
	width:55px;
	height:55px;
	background-color:rgb(56,56,56);
	border-radius: 0 0 60px 0;
	border-right:solid #999;
	border-bottom:solid #999;
	background-image: url(../images/ui/icon32-switch-hover.png);
	background-position: 7px 10px;
	background-repeat: no-repeat;
	z-index:100001;
	cursor: pointer;
}
/*
* 右上角css 
*/
.rightArea{
  position:absolute;
  background-image: url(../images/ui/icon.png);
  background-repeat: no-repeat;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: rgb(221, 221, 221);
  cursor: pointer;
  display: block;
  font-family: Verdana, 'Sans Serif', serif, Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  height: 34px;
  letter-spacing: normal;
  line-height: 14.399999618530273px;
  margin-bottom: 3px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 3px;
  text-transform: none;
  width: 34px;
  z-index:43;
  word-spacing: 0px;
}
/* 过滤列表css */
#filterDevice{
	/*background-position:-170px -34px;*/
}
#filterDevice span{
  color: #fff;
  font-size: 10px;
  text-align: center;
  max-height: 16px;
  margin: 23px 0px 0 0;
  padding: 0 10px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
  font-family:微软雅黑,Arial, sans-serif
}

/*英文环境*/
.enFilterDiv div>ul{
	list-style:none;
}
.enFilterDiv hr{
    margin-top: 0px;
    padding-top: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
	top:30px;
	position:absolute;
	height:2px;width:100%;
	margin-bottom: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    padding-bottom: 0px;

}
.enFilterDiv tr:nth-child(1) td {
	text-align:left;
	padding-left:4px;
	font-size:12px;
}
.enFilterDiv tr:nth-child(2) td {
	border:0px;
  text-overflow:ellipsis;
}
.enFilterDiv tr:nth-child(2) div ul {
    padding-left: 5px;
    padding-right: 10px;
	
}
.enFilterDiv tr:nth-child(2) div ul li input{
	margin:0px;
	padding:0px;
}
/*
.enFilterDiv tr:nth-child(2) div ul li:before{
	content: " ";
	background: #fff;
	position: absolute;
	padding: 0 1px;
	font-size: 8pt;
	border-radius: 2px;
	margin-left: 16px;
	color: #888;
	border: #bbb solid 1px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
}*/
.enFilterDiv tr:nth-child(2) div ul li input:checked{
	background:blue;
}
.enFilterDiv tr:nth-child(2) td:nth-child(4), .enFilterDiv tr:nth-child(2) td:nth-child(3){
	padding-bottom:120px;
}
.enFilterDiv tr:nth-child(2) td:nth-child(1){
	padding-bottom:90px;
}
.enFilterDiv tr:nth-child(2) td:nth-child(5){
  padding-bottom:70px;
}
.enFilterDiv tr:nth-child(2) td:nth-child(7){
  padding-bottom:40px;
}
.enFilterDiv tr:nth-child(2) td:nth-child(2),.enFilterDiv tr:nth-child(2) td:nth-child(6){
	padding-bottom:100px;
}
/*中文环境*/
.zhFilterDiv div>ul{
  list-style:none;
}
.zhFilterDiv hr{
    margin-top: 0px;
    padding-top: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
  top:30px;
  position:absolute;
  height:2px;width:100%;
  margin-bottom: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    padding-bottom: 0px;

}
.zhFilterDiv tr:nth-child(1) td {
  text-align:left;
  padding-left:15px;
  font-size:15px;
}
.zhFilterDiv tr:nth-child(2) td {
  border:0px;
}
.zhFilterDiv tr:nth-child(2) div ul {
    padding-left: 15px;
    padding-right: 30px;
  
}
.zhFilterDiv tr:nth-child(2) div ul li input{
  margin:0px;
  padding:0px;
}
/*
.zhFilterDiv tr:nth-child(2) div ul li:before{
  content: " ";
  background: #fff;
  position: absolute;
  padding: 0 1px;
  font-size: 8pt;
  border-radius: 2px;
  margin-left: 16px;
  color: #888;
  border: #bbb solid 1px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
}*/
.zhFilterDiv tr:nth-child(2) div ul li input:checked{
  background:blue;
}
.zhFilterDiv tr:nth-child(2) td:nth-child(4), .zhFilterDiv tr:nth-child(2) td:nth-child(3){
  padding-bottom:120px;
}
.zhFilterDiv tr:nth-child(2) td:nth-child(1){
  padding-bottom:90px;
}
.zhFilterDiv tr:nth-child(2) td:nth-child(5){
  padding-bottom:70px;
}
.zhFilterDiv tr:nth-child(2) td:nth-child(7){
  padding-bottom:40px;
}
.zhFilterDiv tr:nth-child(2) td:nth-child(2),.zhFilterDiv tr:nth-child(2) td:nth-child(6){
  padding-bottom:100px;
}
 /* 动态的伸展 hucz 
.transitionDiv {
 
    width:0px;

    -webkit-transition: width 1s; 
	 -moz-transition:width 1s;
	-o-transition:width 1s;
    transition: width 1s;
}

.mainMenu:hover #mainMenuContent {
    width: 260px;
}
*/

.switch-icon{
	margin-top: 10px;
	margin-left: 7px;
}
/* $THIS REPLACE */
#toolbar #toolbar-bar {
   background: #383838; 
  border-radius: 0 0 0 0;
  text-align: center;
  /* box-shadow: 0 0 8px rgba(0, 0, 0, .4); */
  height: 53px;
  /* background: rgba(0,0,0,0.1); */
  /* background:rgba(0,0,0,0.6); */
}

#subMenuList li.menu-subitem ul,#toolbar li.menu-subitem ul {
  display: none;
  position: absolute;
  background: #fff;
  border: 5px solid #eee;
  z-index: 100000
}

#subMenuList li.menu-subitem.opened>ul,#toolbar li.menu-subitem.opened>ul {
  display: block
}

#toolbar #toolbar-bar>ul {
  display: table;
  width: 260px;
  text-align: center;
  margin-left: 20px
  
}

#subMenuList {
  display: table;
  min-width: 50px;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 14px
}

#subMenuList>li,#toolbar #toolbar-bar>ul>li {
  display: table-cell;
  text-align: center;
  min-width: 54px;
  height: 53px;
  cursor: pointer;
  vertical-align: middle
}

#subMenuList>li>span,#toolbar #toolbar-bar>ul>li>span {
  display: block;
  transition: all .2s;
  -webkit-transition: all .2s
}

#subMenuList>li>span.menu-icon,#toolbar #toolbar-bar>ul>li>span.menu-icon {
  margin-top: 7px;
  width: 100%;
  opacity: .9
}

#subMenuList>li>span.menu-icon img,#toolbar #toolbar-bar>ul>li>span.menu-icon img {
  max-width: 32px;
  max-height: 32px;
  transition: all .2s;
  -webkit-transition: all .2s;
  vertical-align: middle;
  -webkit-transform-origin: top
}

#subMenuList>li>span.menu-title,#toolbar #toolbar-bar>ul>li>span.menu-title {
  color: #eee;
  font-size: 10px;
  display: block;
  text-align: center;
  max-height: 16px;
  margin-top: -3px;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  font-family: 微软雅黑,Arial, sans-serif
}

#subMenuList>li:not (.opened ):hover>span.menu-icon,#toolbar #toolbar-bar>ul>li:not (.opened ):hover>span.menu-icon
  {
  transform: scale(.8) translate(0, -3px);
  -webkit-transform: scale(.8) translate(0, -3px);
  transform-origin: top;
  -webkit-transform-origin: top
}

#subMenuList>li.opened>span.menu-title,#subMenuList>li:hover>span.menu-title,#toolbar #toolbar-bar>ul>li.opened>span.menu-title,#toolbar #toolbar-bar>ul>li:hover>span.menu-title
  {
  opacity: 1
}

#subMenuList .menu-item .loader,#toolbar #toolbar-bar ul .menu-item .loader {
  display: none
}

#subMenuList .menu-item.loading .loader,#toolbar #toolbar-bar ul .menu-item.loading .loader {
  display: block
}

#subMenuList>.menu-item i,#toolbar #toolbar-bar>ul>.menu-item i {
  color: #fff;
  font-size: 1.8em;
  padding: 6px 4px;
  position: relative
}

#subMenuList .menu-item i.special,#toolbar #toolbar-bar ul .menu-item i.special {
  color: #fff;
}
/* $THIS REPLACE */
#subMenu {
  height: 43px;
  min-width: 75px;
  position: relative
}

#subMenuContainer {
  background: #383838;
  position: absolute;
  /*
  right: -moz-calc(100% - 140px);
  right -webkit-calc(100% - 140px);
  right: calc(100%- 140px);
  */
  /** $THIS REPLACE 修改顶部工具栏距离左侧距离*/
  left: 300px;
  width:37%;
  right: -moz-calc(100% - 140px);
  right -webkit-calc(100% - 140px);
  right: calc(100%- 140px);
  padding: 0 50px 13px 30px;
  /* z-index: 42; */
  overflow: hidden;
  color: #fff;
  font-size: 18pt;
  font-family: 微软雅黑,Arial, sans-serif;
  border-radius: 0 0 46px 0;
  /* background: rgba(209, 197, 197, 0.3); */
  background:rgba(0, 0, 0, 0.15);
  z-index:10000;
  padding-bottom: 10px;

 
}

.subMenuButton {
  float: left;
  margin: 5px 15px -2px 5px !important;
  cursor: pointer;
  z-index: 43;
  color: #fff;
  font-size: 24px !important
}

.subMenuButton:hover {
  color: #333 !important
}

.subMenuButtonImage {
  float: left;
  margin-top: 0 !important;
  cursor: pointer;
  z-index: 43;
  color: #fff;
  font-size: 24px !important
}

.subMenuButtonTransparency {
  background-image: url(../images/icon-transparency.png)
}

.subMenuButtonOpacity {
  background-image: url(../images/icon-opacity.png)
}

.subMenuButtonImage:hover {
  background-image: url(../images/icon-transparency-hover.png)
}

#mainMenuTabsContainer {
  overflow: auto
}

.mainMenu { 
  /** $THIS REPLACE #f1f1f1 -> rgba(240,240,240,0.5)*/
  /** background: rgba(240,240,240,0.5); */
height: 100%;
background: rgba(0,0,0,.2);
/* box-shadow: 0 0 8px rgba(0, 0, 0, .4); */
/* border-right: #bbb solid 1px; */
margin-top: 53px;
}



.mainMenu  ul#mainMenuTabs li {
	
  /* $THIS REPLACE 
  display: inline-block; */
  text-align: center;
  cursor: pointer;
  width: 33px;
  padding: 5px 0;
  margin: 0;
  border: #f1f1f1 solid 1px;
  border-top: none;
  border-bottom: none;
  position: relative;
  /*$THIS REPLACE  */
    border-left-width: 0px;
    border-right-width: 0px;
	padding-right:20px
}

.mainMenu  ul#mainMenuTabs li img {
  vertical-align: middle
}

.mainMenu  ul#mainMenuTabs li span {
  display: block
}

.mainMenu ul#mainMenuTabs li span.menu-title {
  color: #222;
  font-size: 9pt;
  text-shadow: 1px 1px 0 #fff
}
/* $THIS REPLACE 去除hover效果*/
.mainMenu ul#mainMenuTabs>li:hover {
  background: #00B8FF;
  border-color: #00887f;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .1)
}

.mainMenu  ul#mainMenuTabs>li.selected {
  background: #00B8FF;
  border-color: #00887f;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, .3), inset -1px 0 0 rgba(255, 255, 255, .3)
}

.mainMenu  ul#mainMenuTabs>li.selected span.menu-title {
  color: #fff;
  text-shadow: -1px -1px 0 #00887f
}

.mainMenu  ul#mainMenuTabs li.label-2D:before,.mainMenu  ul#mainMenuTabs li.label-3D:before {
  background: #fff;
  position: absolute;
  padding: 0 1px;
  font-size: 8pt;
  border-radius: 2px;
  margin-left: 16px;
  color: #888;
  border: #bbb solid 1px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .2)
}

.mainMenu ul#mainMenuTabs>li.selected:before
  {
  background: #5FE7DD;
  border-color: #00887f;
  color: #566F13;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .3)
}

.mainMenu  ul#mainMenuTabs li.label-2D:before {
  content: "2D"
}

.mainMenu  ul#mainMenuTabs li.label-3D:before {
  content: "3D"
}
/* $THIS REPLACE #mainMenu*/
#mainMenuTitle {
	background: #383838;
	margin: 0;
	color: #f1f1f1;
	text-shadow: -1px -1px 0 #000;
	cursor: default;
	/** $THIS REPLACE  修改padding  hucz*/
	font-size:17px;
	padding-bottom: 0px;
	padding-top: 5px;
	width:20px;
}
/* $THIS REPLACE #mainMenu*/
 #mainMenuContent {
  overflow: auto;
  padding-top: 1px;
  height: 90%;
  height: -moz-calc(100% - 140px);
  height: -webkit-calc(100% - 140px);
  height: calc(100% - 140px);
/*   padding-top:20px; */
  
}

.menu-item.hidden {
  display: none !important
}

.mainMenu li.menu-item.hidden,.mainMenu  li.menu-subitem ul {
  display: none
}

.mainMenu  li.menu-subitem ul.visible,.mainMenu  li.menu-subitem.opened ul {
  display: block
}

.mainMenu li {
  cursor: pointer
}

.mainMenu  li.menu-subitem>ul {
  box-shadow: -1px 0 0 #999;
  margin-left: 8px !important;
  margin-top: -1px;
  padding-top: 2px
}

.mainMenu ul.mainList li .menu-title {
  margin-left: 9px
}

.mainMenu  ul.mainList li span.menu-icon,.mainMenu ul.sublist li span.menu-icon {
  background: #e1e1e1;
  float: left;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0;
  border: #fff solid 2px;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, .3);
  outline-color: #00B8FF
}

.mainMenu ul.mainList li span.menu-icon .colorChooser,.mainMenu  ul.sublist li span.menu-icon .colorChooser
  {
  position: absolute;
  margin: -28px 0 0 35px;
  display: block;
  height: 20px;
  width: 20px;
  border: #fff solid 1px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
  overflow: hidden
}

.mainMenu  ul.mainList li span.menu-icon .colorChooser:hover,.mainMenu ul.sublist li span.menu-icon .colorChooser:hover
  {
  transition: all .1s;
  -webkit-transition: all .1s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1)
}

.mainMenu  ul.mainList li span.menu-icon .colorChooser:after,.mainMenu  ul.sublist li span.menu-icon .colorChooser:after
  {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 14px 0 0 14px;
  border: #fff solid 1px;
  pointer-events: none
}

.mainMenu  ul.mainList li span.menu-label {
  display: inline-block;
  height: 20px;
  font-size: 15px;
  padding-top: 4px;
  margin-left: 5px
}

.mainMenu  ul.layout-list-icon>li,.mainMenu ul.layout-list>li {
  width: 100%
}

.mainMenu  ul.layout-list li.menu-item,.mainMenu  ul.layout-list-icon li.menu-item {
  padding: 9px 0;
  white-space: normal;
  overflow: hidden;
  border-bottom: #ccc solid 1px;
  box-shadow: 0 1px 0 #fff;
  color: #333;
  text-shadow: 1px 1px 0 #fff
 
}

.mainMenu  ul.layout-list-icon>li.menu-subitem,.mainMenu  ul.layout-list>li.menu-subitem {
  background: url(../images/menu-closed.png) right no-repeat
}

.mainMenu  ul.layout-list-icon>li.menu-subitem.opened,.mainMenu  ul.layout-list>li.menu-subitem.opened
  {
  background: url(../images/menu-opened.png) right 6px no-repeat
}

.mainMenu ul.layout-list>li.menu-subitem.opened {
  padding-bottom: 0
}

.mainMenu  ul.layout-list>li.menu-subitem.opened ul {
  margin-top: 9px;
  background: #eee
}

.mainMenu ul.layout-list li:hover,.mainMenu ul.layout-list-icon li:hover {
  /* background-color: rgba(00,184,255,0.7);*/
  background-color: #fff;
}

.mainMenu  ul.layout-list>li.menu-subitem.opened {
  background-color: #bbb;
  color: #fff;
  text-shadow: -1px -1px 0 #999;
  border: #999 solid 1px;
  border-right: none;
  margin-top: -2px;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(255, 255, 255, .2)
}

.mainMenu ul.layout-list li.selected {
  background-color: #00B8FF;
  color: #fff;
  text-shadow: -1px -1px 0 #00887f;
  border: #00887f solid 1px;
  border-right: none;
  margin-top: -2px;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(255, 255, 255, .2)
}

.mainMenu  ul.layout-list>li>div>span.menu-icon {
  display: none
}

.mainMenu  ul.layout-list-icon>li>div>span.menu-icon {
  display: inline-block
}

.mainMenu  ul.layout-table,.mainMenu  ul.layout-table-26,.mainMenu  ul.layout-table-60 {
  padding: 8px 0 !important;
  text-align: center;
  border-bottom: #ccc solid 1px
}

.mainMenu  ul.layout-table-26>li,.mainMenu  ul.layout-table-26>li>div,.mainMenu  ul.layout-table-60>li,.mainMenu  ul.layout-table-60>li>div,.mainMenu ul.layout-table>li
  {
  display: inline-block;
  width: auto;
  border: none;
  box-shadow: none
}

.mainMenu  ul.layout-table-26>li,.mainMenu  ul.layout-table-60>li,.mainMenu  ul.layout-table>li {
  margin: 0 2px
}

.mainMenu  ul.layout-table-26>li span.menu-icon,.mainMenu  ul.layout-table-60>li span.menu-icon,.mainMenu  ul.layout-table>li span.menu-icon
  {
  margin: 0;
  transition: all .1s;
  -webkit-transition: all .1s
}

.mainMenu  ul.layout-table-26>li>span.menu-label,.mainMenu  ul.layout-table-60>li>span.menu-label,.mainMenu  ul.layout-table>li>span.menu-label
  {
  display: none
}

.mainMenu  ul.layout-table-26>li,.mainMenu  ul.layout-table-60>li,.mainMenu ul.layout-table>li {
  transition: all .1s;
  -webkit-transition: all .1s
}

.mainMenu ul.layout-table-26>li.menu-item,.mainMenu  ul.layout-table-60>li.menu-item,.mainMenu  ul.layout-table>li.menu-item
  {
  padding: 0;
  border-bottom: none;
  box-shadow: none
}

.mainMenu  ul.layout-table-26>li span.menu-icon.colorable,.mainMenu  ul.layout-table-60>li span.menu-icon.colorable,.mainMenu  ul.layout-table>li span.menu-icon.colorable
  {
  position: relative
}

.mainMenu  ul.layout-table-26>li span.menu-icon.colorable img,.mainMenu  ul.layout-table-60>li span.menu-icon.colorable img,.mainMenu  ul.layout-table>li span.menu-icon.colorable img
  {
  width: 60px;
  height: 60px
}

.mainMenu  ul.layout-table-26>li span.menu-icon {
  width: 28px;
  height: 28px
}

.mainMenu  ul.layout-table-26>li span.menu-icon:hover { //
  transform: scale(1.4); //
  -webkit-transform: scale(1.4)
}

#luxens ul.layout-table-26>li span.menu-icon {
  width: 28px;
  height: 28px;
  border: 1px solid transparent
}

#luxens ul.layout-table-26>li span.menu-icon:hover {
  border: 1px solid #666
}

#mainMenu ul.layout-table-26>li.selected span.menu-icon {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  outline: #00B8FF solid 2px;
  box-shadow: none
}

#mainMenu ul.layout-table-60>li span.menu-icon {
  width: 60px;
  height: 60px;
  margin: 2px
}

#mainMenu ul.layout-table-60>li:hover span.menu-icon {
  box-shadow: 0 0 3px rgba(0, 0, 0, .6)
}

#mainMenu ul.layout-table-60>li.selected span.menu-icon {
  box-shadow: none;
  outline: #00B8FF solid 2px
}

#mainMenu ul.layout-table-60>li span.menu-icon img {
  max-width: 64px
}

#plan_container {
  display: none
}

#plan_container canvas {
  position: absolute;
  top: 0;
  left: 0
}

#plan_menu {
  position: fixed;
  top: 20px;
  left: 10px;
  width: 100px;
  height: 300px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid #000
}

#global-parameters {
  background: #F2F2F2;
  padding: 10px;
  min-width: 25px;
  min-height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  box-shadow: 0 0 10px #AAA;
  font-size: 10px
}

#global-parameters input {
  width: 70px
}

#global-parameters table td {
  padding-left: 10px
}

#model-parameters {
  position: absolute;
  top: 0;
  left: 0
}

.dialog {
  text-align: center;
  position: relative;
  z-index: 100;
  box-shadow: 0 0 1px #888;
  background: #333;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  margin: 0;
  padding: 5px;
  letter-spacing: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.dialog-item {
  width: 16px;
  height: 16px;
  float: left;
  padding: 3px;
  border: 1px solid #333
}

.dialog-item.selected,.dialog-item:active,.dialog-item:hover {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px
}

.dialog-item.actions:hover {
  background: rgba(212, 212, 212, 0);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0
}

.dialog-title {
  height: 23px;
  width: 160px
}

.dialog-item.actions {
  margin-left: 5px;
  width: 10px;
  height: 10px
}

.dialog-item.actions img {
  width: 10px;
  height: 10px;
  margin-top: 4px
}

#dialog-more-parameters {
  clear: both;
  background-color: #F2F2F2;
  padding: 5px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-box-shadow: inset 0 0 1px #888;
  -moz-box-shadow: inset 0 0 1px #888;
  box-shadow: inset 0 0 1px #888
}

.dialog-more-parameters h4 {
  padding: 0;
  margin: 0 0 3px 5px;
  font-size: 12px;
  clear: left;
  font-weight: 400
}

.dialog-more-parameters input {
  position: relative;
  width: 40px;
  height: 15px;
  float: left;
  font-size: 12px;
  margin: 0 2px 3px 5px
}

#messageBox {
  display: none;
  position: absolute;
  background-color: #F2F2F2;
  box-shadow: 0 0 10px #AAA;
  z-index: 99999
}

#messageBox h2.mb-header {
  background: #00B8FF;
  color: #8F8F8F;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  margin: 0;
  padding: 10px;
  letter-spacing: 2px;
  font-weight: 100
}

#messageBox p.mb-content {
  margin: 10px;
  color: #767676
}

#messageBox input.mb-input {
  display: block;
  width: 90%;
  margin: 5px auto 15px
}

#messageBox input[type=checkbox] {
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  opacity: 1 !important;
  background-color: #f1f1f1 !important;
  display: inline !important;
  width: auto !important;
  height: auto !important
}

#messageBox div.mb-buttons-container {
  margin: auto;
  text-align: center
}

#messageBox div.mb-buttons-container:after {
  clear: left
}

#messageBox a.mb-button {
  display: block;
  margin: 5px auto 15px;
  text-align: center;
  width: 65px;
  height: 25px;
  line-height: 25px;
  background-color: #B2B2B2;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  padding: 2px;
  border: 1px solid #fff;
  box-shadow: 2px 2px 1px #cdcdcd
}

#messageBox #mb-button-a.left,#messageBox #mb-button-b.left {
  float: left;
  margin-left: 15px
}

#messageBox #mb-button-b.right,#messageBox #mb-button-c.right {
  float: right;
  margin-right: 15px
}

#messageBox #mb-button-b.center {
  text-align: center;
  display: inline-block
}

#messageBox a.mb-button:hover {
  background-color: #A2A2A2;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in
}

#floor-controller {
  max-width: 80%
}

#floor-controller .floor-item {
  width: 80px;
  height: 20px;
  background: #aaa;
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #aaa;
  font-size: 10px;
  padding: 3px;
  float: left;
  margin-right: 5px;
  text-align: center;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis
}

#floor-controller .floor-item.selected,#floor-controller .floor-item:hover {
  background: #454545;
  border: 1px solid #000
}

#floor-controller .floor-item .delete {
  position: absolute;
  right: 5px;
  top: 2px;
  width: 10px;
  opacity: 0
}

#floor-controller .floor-item .settings {
  position: absolute;
  left: 5px;
  top: 2px;
  width: 10px;
  opacity: 0;
  border-radius: 5px;
  border: 1px solid #fff
}

#floor-controller .floor-item:hover .delete,#floor-controller .floor-item:hover .settings {
  opacity: .5
}

#floor-controller .floor-item:hover .delete:hover,#floor-controller .floor-item:hover .settings:hover
  {
  opacity: 1
}

#floor-controller .floor-item.dragover {
  background: green
}

#remote-controller {
  position: absolute;
  width: 31px;
  height: 200px
}

#remote-buttons {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  border: 1px solid #BEBEBE;
  background-color: #f0f0f0;
  margin: 2px 0 0
}

.remote-button {
  width: 9px;
  height: 9px;
  display: block;
  position: absolute
}

#remote-buttons .remote-button img {
  width: 18px
}

.remote-button img {
  display: block
}

.remote-button.up {
  top: 1px;
  left: 21px
}

.remote-button.down {
  top: 40px;
  left: 21px
}

.remote-button.left {
  top: 21px;
  left: 1px
}

.remote-button.right {
  top: 21px;
  left: 41px
}

.remote-button.camera {
  display: block;
  position: absolute;
  top: 24px;
  left: 22px
}

.remote-button.camera img {
  width: 18px
}

#remote-slider-bar {
  position: relative;
  top: 5px;
  left: 20px;
  width: 25px;
  height: 170px
}

.remote-button.zoomdown,.remote-button.zoomup {
  position: relative
}

.remote-button.zoomdown img,.remote-button.zoomup img {
  width: 20px
}

#remote-slider-content {
  width: 15px;
  height: 125px;
  margin: 10px 0 0 2px;
  background-color: #f0f0f0;
  border-radius: 50px;
  border: 1px solid silver
}

#remote-slider {
  display: block;
  position: absolute;
  top: 70px;
  left: -7px
}

#remote-slider:hover {
  cursor: pointer
}

#edition-controller {
  position: absolute;
  width: 31px;
  height: 200px
}

#edition-slider-bar {
  position: relative;
  top: 5px;
  left: 20px;
  width: 25px;
  height: 170px
}

#edition-slider-content {
  width: 15px;
  height: 125px;
  margin: 10px 0 0 2px;
  background-color: #f0f0f0;
  border-radius: 50px;
  border: 1px solid silver
}

#edition-slider {
  display: block;
  position: absolute;
  top: 70px;
  left: -7px
}

#edition-slider:hover {
  cursor: pointer
}

#infoBox {
  padding: 10px;
  border: 1px solid orange;
  border-radius: 5px;
  background-color: #ffe;
  position: absolute
}

#infoBox .infoBoxImage {
  float: left;
  padding: 10px
}

#productList .drag {
  border: 2px solid red
}

#productListBox {
  width: 800px;
  height: 400px;
  overflow: hidden;
  background-color: transparent;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2)
}

#productListBox * {
  color: #5D5A59
}

#productListHeader {
  background: #00B8FF;
  height: 40px;
  position: relative
}

#closeProductList {
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  color: #fff;
  font-size: 16px
}

#closeProductList:hover {
  -webkit-transition: all .15s ease-in;
  -moz-transition: all .15s ease-in;
  -o-transition: all .15s ease-in;
  transition: all .15s ease-in;
  font-weight: 700
}

#productListHeader h3 {
  margin: 0 0 0 5px;
  padding: 0;
  height: 40px;
  line-height: 40px;
  color: #fff
}

#productListHeader h3 img {
  margin: 4px 4px 0 0;
  float: left
}

.productContainer {
  background-color: rgba(255, 255, 255, .85);
  float: left;
  width: 200px;
  height: 100%;
  color: #6d6d6d;
  font-weight: 600
}

#productListBox .productContainer h4 {
  margin: 0;
  background-color: #E1E1E1;
  color: #2f2f2f;
  padding: 4px;
  font-size: 14px;
  border-bottom: 1px solid #ccc
}

.productContainer {
  overflow: scroll
}

.productContainer ul {
  margin: 0;
  padding: 0
}

.productContainer li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc
}

#productListBox .productContainer li a {
  display: block;
  padding: 9px;
  text-decoration: none;
  font-size: 15px;
  color: #6d6d6d
}

#productListBox .productContainer li a span {
  font-size: 11px;
  margin-bottom: 5px;
  position: relative;
  left: 5px;
  top: -5px
}

#productListBox .productContainer .selected,.productContainer a:hover {
  background: #E7F6CF;
  -webkit-transition: all .15s ease-in;
  -moz-transition: all .15s ease-in;
  -o-transition: all .15s ease-in;
  transition: all .15s ease-in
}

#productsView {
  overflow: scroll;
  height: 550px;
  padding: 10px 10px 0;
  position: relative;
  background: rgba(255, 255, 255, .7)
}

#productsView div {
  border: 1px solid transparent;
  float: left;
  margin: 5px;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 100px
}

#productsView div:hover {
  border: 1px solid #E7F6CF;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in
}

#productsView button {
  text-align: center;
  margin: 25px 0 0
}

#productsView span.itemSelected {
  position: absolute;
  top: 0;
  width: 120px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  background: #00B8FF;
  color: #fff;
  display: none
}

#productsView span.itemSelected.show {
  display: block
}

#productsView span.itemTitle {
  display: block;
  position: absolute;
  bottom: -2px;
  width: 120px;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  text-align: center;
  background: #383838;
  color: #fff
}

#productsView span.itemTitle:hover {
  cursor: pointer
}

#productsView img.itemSearch {
  visibility: hidden;
  position: absolute;
  top: -70px;
  left: 100px;
  width: 48px;
  height: 48px;
  z-index: 9999
}

#productsView span.itemTitle:hover img {
  visibility: visible;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-transform: scale(1.2);
  left: 30px
}

#productsView img {
  width: 120px
}

#editBox {
  position: absolute;
  background: #eee;
  border: 1px solid #aaa;
  display: none;
  min-width: 160px;
  z-index: 10000
}

#editBox .editBoxHeader {
  background-color: #00B8FF;
  color: #fff;
  padding: 6px 3px 3px;
  display: none
}

#editBox .editBoxHeader img {
  border: 1px solid transparent
}

#editBox .editBoxHeader img:hover {
  border-color: #fff
}

#editBox .editBoxHeader.visible,#editBox.visible {
  display: block
}

#editBox .hide {
  display: none
}

#editBox .editBoxHeader a:last-child {
  float: right
}

#editBox ul {
  margin: 0;
  padding: 0
}

#editBox li {
  list-style: none;
  padding: 0;
  padding: 0
}

#editBox input {
  font-size: 11px
}

#editBox input[type=number],#editBox input[type=text] {
  width: 50px
}

#editBox section {
  clear: left;
  margin: 0 0 15px
}

#editBox span {
  display: inline-block;
  width: 100px;
  margin-left: 6px;
  font-size: 11px
}

#editBox input[type=text] {
  width: 95px
}

#editBox button {
  font-size: 11px
}

#editBox .eb-stacked_1 {
  text-align: center
}

#editBox .eb-stacked_2 button:nth-child(1) {
  float: left;
  margin-left: 20px
}

#editBox .eb-stacked_2 button:nth-child(2) {
  float: right;
  margin-right: 20px
}

#editBox .eb-stacked_2 clear {
  clear: both
}

#editBox .eb-stacked_3 button:nth-child(1) {
  float: left;
  margin-left: 10px
}

#editBox .eb-stacked_3 button:nth-child(2) {
  text-align: center
}

#editBox .eb-stacked_3 button:nth-child(3) {
  float: right;
  margin-right: 10px
}

#editBox .spacer {
  display: block;
  height: 25px
}

#dcf_main {
  position: absolute;
  bottom: 0;
  right: -240px;
  width: 280px;
  height: 250px;
  background: #fafafa;
  z-index: 9999;
  box-shadow: 0 0 10px #aaa
}

#dcf_main.show {
  bottom: 0;
  right: 0;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  transition: all .4s ease-in
}

#dcf_main.hide {
  bottom: -220px;
  right: -240px;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  transition: all .4s ease-in
}

#dcf_main header {
  background-color: #454545
}

#dcf_main header img {
  float: left;
  width: 32px;
  margin: 0 0 0 5px
}

#dcf_main h3 {
  margin: 0;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  font-weight: 400
}

#dcf_main .row {
  padding: 5px
}

#dcf_main .label {
  float: left;
  width: 80px
}

#dcf_main input[type=text] {
  width: 175px
}

#dcf_message {
  width: 175px;
  height: 85px
}

#dcf_main .row.last {
  padding: 5px 0 0 195px
}

#dcf_submit {
  position: relative;
  right: 0
}

#debugArea {
  background: rgba(0, 0, 0, .7);
  color: #fff;
  position: fixed;
  bottom: 0;
  height: auto;
  z-index: 999999;
  width: 100%;
  font-style: normal;
  box-shadow: 0 -1px 10px rgba(0, 0, 0, .5);
  max-height: 150px;
  overflow: auto
}

#debugArea div {
  padding: 5px;
  border-bottom: rgba(255, 255, 255, .5) dashed 1px
}

#debugArea div:last-child {
  border-bottom: none
}

#loader3D {
  position: absolute;
  display: none;
  z-index: 999999;
  background-color: rgba(255, 255, 255, .6);
  width: 100%;
  height: 100%
}

#loader3D h4 {
  position: absolute
}

#loader3D img {
  display: block;
  margin: auto
}

#smallViewer {
  min-height: 400px;
  min-width: 600px;
  overflow: hidden;
  position: absolute;
  top: -5000px;
  left: -5000px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
  background-color: #fff
}

#smallViewer.hide {
  display: none
}

#smallViewerParameters {
  width: 180px;
  height: 100%;
  float: right
}

#smallViewerParameters ul {
  padding: 0 0 0 5px;
  list-style: none
}

#smallViewerParameters li {
  margin: 0 0 5px
}

#smallViewerParameters li span {
  display: block;
  float: left;
  width: 50px;
  font-size: 12px
}

#smallViewerParameters li input {
  width: 70px;
  height: 15px;
  font-size: 12px
}

#smallViewerParameters h4 {
  padding: 10px 0 5px 5px;
  margin: 0 0 15px;
  background-color: #383838;
  color: #fff
}

#smallViewerParameters .smallViewerActions {
  margin: 15px 0 0 5px
}

#smallViewerParameters .smallViewerActions button {
  font-size: 12px;
  height: 20px
}

#userConnectionForm .visible,#userConnectionForm.visible {
  display: block
}

#userConnectionForm .hide,#userConnectionForm.hide {
  display: none
}

#userConnectionToggle {
  text-decoration: none;
  color: #555;
  margin-right: 5px;
  font-size: 9pt;
  font-family: 微软雅黑,Arial
}

#userConnectionToggle:hover {
  text-decoration: underline
}

#userConnectionForm .error {
  display: none;
  border-radius: 2px;
  padding: 5px;
  border-left: 3px solid #DFB5B4;
  background: #FCF2F2
}

#userConnectionForm .loader {
  display: none;
  position: absolute;
  bottom: 5px
}

#userConnectionForm .check {
  margin: 5px 0 0 5px;
  visibility: hidden
}

#miniEditBox {
  position: absolute;
  bottom: 0;
  right: 260px;
  height: 30px;
  width: 300px;
  background: green
}

#ephemeralInfos,#waiter {
  width: 400px;
  height: 30px;
  padding: 5px;
  padding-left: 40px;
  line-height: 35px;
  background: #FEF86C;
  color: #F4661B;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -200px
}

#ephemeralInfos {
  height: 15px;
  line-height: 10px;
  background: #eee;
  color: #999
}

#ephemeralInfos table td {
  width: 33%;
  text-align: center
}

#ephemeralInfos.hidden,#waiter.hidden {
  display: none
}

#colorPopup .window-content {
  overflow: auto;
  text-align: center;
  border-bottom: #ccc solid 1px
}

#colorPopup .luxens {
  display: inline-block;
  cursor: pointer;
  margin-right: 3px;
  margin-bottom: 3px;
  width: 22px;
  height: 22px;
  border: #fff solid 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .3);
  transition: all .1s;
  -webkit-transition: all .1s
}

#colorPopup .luxens:hover {
  transform: scale(1.4);
  -webkit-transform: scale(1.4)
}

#colorPopup .luxens.selected {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  outline: #00B8FF solid 2px;
  box-shadow: none
}

#helpbubble {
  position: absolute;
  bottom: 20px;
  right: 280px;
  min-width: 200px;
  min-height: 100px;
  max-width: 520px;
  background: #000;
  z-index: 420;
  pointer-events: none;
  border-radius: 3px;
  box-shadow: 0 0 7px rgba(0, 0, 0, .6);
  padding: 10px;
  opacity: 0;
  -moz-filter: blur(7px);
  -webkit-filter: blur(7px);
  filter: blur(7px);
  transition: all .6s;
  line-height: 1.3em
}

#helpbubble .close {
  position: absolute;
  top: 3px;
  right: 3px;
  background: url(../images/helpbubble-close.png) center no-repeat;
  width: 16px;
  height: 16px;
  pointer-events: none;
  cursor: pointer;
  border-radius: 2px
}

#helpbubble .close:hover {
  background-color: rgba(255, 255, 255, .1)
}

#helpbubble .wrapper {
  display: table
}

#helpbubble .wrapper .content,#helpbubble .wrapper .image {
  display: table-cell;
  vertical-align: middle;
  padding: 5px
}

#helpbubble .wrapper .image img {
  vertical-align: middle
}

#helpbubble .wrapper .content {
  color: #fff;
  font-size: 13pt;
  line-height: 1.4em;
  vertical-align: top
}

#helpbubble .wrapper .content strong {
  display: block;
  border-bottom: rgba(255, 255, 255, .3) solid 1px;
  margin-bottom: .5em
}

#helpbubble .wrapper .content ul {
  margin: 0;
  padding: 0 0 0 15px
}

#helpbubble .wrapper .content ul li {
  margin-bottom: 5px
}

#helpbubble.visible {
  opacity: .8;
  -moz-filter: blur(0);
  -webkit-filter: blur(0);
  filter: blur(0)
}

#helpbubble.visible .close {
  pointer-events: auto
}

#smallViewerParameters {
  background: #f1f1f1
}

#smallViewerParameters ul {
  margin: 0 8px;
  display: table;
  width: 90%;
  overflow: visible;
  border-collapse: collapse
}

#smallViewerParameters li {
  display: table-row
}

#smallViewerParameters li label,#smallViewerParameters li span.field {
  display: table-cell;
  width: auto;
  vertical-align: middle
}

#smallViewerParameters li span.field input {
  width: 100%;
  box-sizing: border-box;
  height: 2em
}

#smallViewerParameters li label {
  padding-right: 5px
}

#smallViewerParameters li label:after {
  content: "?:"
}

#smallViewerParameters li label:empty:after {
  content: ""
}

#smallViewerParameters li.separator {
  border-bottom: #bbb solid 1px
}

#smallViewerParameters li.separator .field {
  padding-top: 7px
}

#smallViewerParameters li.separator hr {
  display: none
}

#smallViewerParameters li span.field {
  float: none
}

#smallViewerParameters .smallViewerActions {
  text-align: center
}

#smallViewerParameters .smallViewerActions button {
  float: none;
  margin: 0
}

.load-dialog .remove {
  float: right;
  position: relative;
  top: -50px;
  cursor: pointer
}

#viewer-commands {
  position: absolute;
  z-index: 99999;
  right: 5px;
  top: 5px
}

#viewer-commands a {
  text-decoration: none;
  display: block;
  height: 16px;
  margin: 0 0 10px
}

#viewer-commands span {
  font-weight: 700;
  color: #333
}

#viewer-commands img {
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none
}

#playerMode {
  position: absolute;
  z-index: 99999
}

#playerMode img {
  position: absolute
}

iframe {
  border: none
}

#wnp-iframe {
  background: rgba(255, 255, 255, .9);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99999;
  margin: 0
}

#wnp-iframe .wnp-iframe-container {
  position: absolute;
  border: #bbb solid 1px;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

#wnp-iframe .close-button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, .4) url(../images/helpbubble-close.png);
  width: 16px;
  height: 16px;
  border-radius: 0 2px 0 3px;
  transition: all .3s
}

#wnp-iframe .close-button:hover {
  background-color: rgba(0, 0, 0, .8)
}

#wnp-iframe .close-button img {
  display: none
}

#screenshot-flash {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity ease-in 200ms
}

.window-content-background>canvas,.window-content-background>div {
  margin: 0 0 10px
}

.window-content-background>canvas {
  border: #bbb solid 1px;
  border-radius: 2px;
  margin-left: 10px
}

.warning {
  background: #f6f5d5;
  color: #e88d5c;
  border: 1px solid #e88d5c;
  border-radius: 5px;
  padding: 10px
}

.loader {
  position: absolute;
  top: 10%;
  left: 30%
}

@
keyframes bubble-in { 0%,33%{
  opacity: 0;
  transform: translateX(-30px)
}

80%{
opacity
:
1;transform
:translateX(10px)
}
100%{
opacity
:
1
}
}
@
-webkit-keyframes bubble-in { 0%,33%{
  opacity: 0;
  -webkit-transform: translateX(-30px)
}

80%{
opacity
:
1;-webkit-transform
:translateX(10px)
}
100%{
opacity
:
1
}
}
.window p {
  margin: 0 0 10px
}

.window a {
  color: #01585F
}

.window a:hover {
  color: #0D8893
}

.param-item.hidden,.separator.hidden {
  display: none !important
}

.window {
  position: absolute;
  border: #aaa solid 1px;
  border-radius: 2px;
  background: #f1f1f1;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  font-family: 微软雅黑,Arial, sans-serif;
  z-index: 1337
}

.window .window-title {
  border-radius: 2px 2px 0 0;
  background: #383838;
  border-bottom: #000 solid 1px;
  margin: -1px -1px 0 -1px;
  height: 35px;
  overflow: hidden
}

.window .window-title h1 {
  margin: 0;
  padding: 8px 0 8px 10px;
  font-size: 12pt;
  color: #fff;
  text-shadow: -1px -1px 0 #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  cursor: default
}

.window .window-title h1:active,.window .window-title:active {
  cursor: move
}

.window .window-title h1 img {
  width: 25px;
  height: 25px;
  float: left;
  margin: -3px 5px 0 -5px
}

.window .window-title .window-close {
  float: right;
  margin: 5px 5px 0 0;
  width: 26px;
  height: 26px;
  font-size: 12pt;
  color: #fff;
  text-shadow: -1px -1px 0 #000;
  background: #555 center no-repeat
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcEDSwmvNKTFgAAAEJQTFRF////////////////////////////////////////////////////////////////////////////////////////AJZvxwAAABZ0Uk5TAAEECQokJzIzOWpzdn6Cg5yfoqOlpp82CWIAAAABYktHRACIBR1IAAAAZUlEQVQY05WOSQ6AMAwDQ6FsZS/5/1dRiKymLRd8GWeUg4n+ZfA5JeN1eEvtzHKBcHKB4pqV35xROb+f3cYmwVFl4axNjmi61cXe7sRnvrO01pU7l73eGRyYFkkHYbWDmtbl/MoDPwIM4IdJz4sAAAAASUVORK5CYII=);
  border-radius: 2px;
  position: relative;
  cursor: pointer
}

.window .window-title .window-close:hover {
  background-color: #777
}

.window .window-content {
  margin: 0 -1px -1px -1px;
  padding: 10px;
  overflow: hidden;
  height: calc(100% - 20px - 35px)
}

.window .window-content.scrollable {
  overflow: auto
}

.window.window-with-button .window-content {
  height: calc(100% - 20px - 35px - 36px)
}

.window .window-action-bar {
  margin-top: -11px;
  text-align: right;
  padding: 9px
}

.tabbed {
  height: 100%
}

.tabbed .tabbed-tabs {
  background: #fff;
  list-style-type: none;
  margin: 0;
  padding: 1px;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .2), 1px 1px 0 #fff, inset 1px 1px 0 #bbb, inset -1px -1px 0
    #bbb
}

.tabbed .tabbed-tabs li {
  font-size: 10pt;
  padding: 10px 13px;
  color: #222;
  cursor: pointer
}

.tabbed .tabbed-tabs li:hover {
  text-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.tabbed .tabbed-tabs li.active {
  background: #00B8FF;
  color: #fff;
  text-shadow: -1px -1px 0 #00887f;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 rgba(255, 255, 255, .3), 1px
    0 #00887f, -1px 0 #00887f, 0 -1px 0 #00887f, 0 1px 0 #00887f
}

.tabbed .tabbed-tabcontent {
  margin-top: 9px;
  overflow: auto
}

.tabbed .tabbed-tabcontent section {
  display: none
}

.tabbed .tabbed-tabcontent section.active {
  display: block
}

.tabbed.horizontal .tabbed-tabs {
  text-align: center
}

.tabbed.horizontal .tabbed-tabs li {
  display: inline-block
}

.tabbed.horizontal .tabbed-tabs li.active {
  border-bottom: none;
  border-top: none
}

.tabbed.horizontal .tabbed-tabcontent {
  height: calc(100% - 47px);
  overflow-x: hidden
}

.tabbed.vertical .tabbed-tabs {
  text-align: left;
  width: 170px;
  height: 100%;
  height: calc(100% - 2px);
  overflow: auto
}

.tabbed.vertical .tabbed-tabs li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.tabbed.vertical .tabbed-tabs li.active {
  border: none
}

.tabbed.vertical .tabbed-tabcontent {
  position: absolute;
  top: 36px;
  height: 90%;
  height: calc(100% - 55px);
  width: calc(100% - 197px);
  margin-left: 179px
}

.window.window-with-button .tabbed-tabcontent {
  height: calc(100% - 55px)
}

.tabbed.notab .tabbed-tabs {
  display: none
}

.tabbed.notab .tabbed-tabcontent {
  margin: 0;
  height: 100%
}

.window button::-moz-focus-inner,.window input[type=submit]::-moz-focus-inner {
  border: 0;
  padding: 0
}

.window .param-item button,.window .param-item input[type=submit] {
  border: #999 solid 1px;
  background: #ddd;
  background: -moz-linear-gradient(top, #ddd 0, #bbb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd),
    color-stop(100%, #bbb));
  background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
  background: -o-linear-gradient(top, #ddd 0, #bbb 100%);
  background: -ms-linear-gradient(top, #ddd 0, #bbb 100%);
  background: linear-gradient(to bottom, #ddd 0, #bbb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb',
    GradientType=0);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 rgba(255, 255, 255, .3), 1px
    1px 1px rgba(0, 0, 0, .1);
  border-radius: 2px;
  color: #424242;
  text-shadow: 1px 1px 0 #ddd;
  padding: 4px 7px;
  cursor: pointer;
  font-height: 16px;
  line-height: 1em
}

.window .param-item button:active,.window .param-item input[type=submit]:active {
  background: #bbb;
  background: -moz-linear-gradient(top, #bbb 0, #ddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb),
    color-stop(100%, #ddd));
  background: -webkit-linear-gradient(top, #bbb 0, #ddd 100%);
  background: -o-linear-gradient(top, #bbb 0, #ddd 100%);
  background: -ms-linear-gradient(top, #bbb 0, #ddd 100%);
  background: linear-gradient(to bottom, #bbb 0, #ddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dddddd',
    GradientType=0)
}

/*
.window .window-action-bar button,.window .window-action-bar input[type=submit] {
  border: #00887f solid 1px;
  background: #00B8FF;
  background: -moz-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00B8FF),
    color-stop(100%, #00887f));
  background: -webkit-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: -o-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: -ms-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: linear-gradient(to bottom, #00B8FF 0, #00887f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8FF', endColorstr='#00887f',
    GradientType=0);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 rgba(255, 255, 255, .3), 1px
    1px 1px rgba(0, 0, 0, .1);
  border-radius: 2px;
  color: #fff;
  text-shadow: -1px -1px 0 #00887f;
  padding: 6px 10px;
  cursor: pointer;
  font-height: 16px;
  line-height: 1em;
  margin-left: 10px
}
*/
.window .window-action-bar button,.window .window-action-bar input[type=submit] {
  /* border: #00887f solid 1px; */
  border: 1px solid rgba(0, 0, 0, 0);
  background: #00B8FF;
  /*
  background: -moz-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00B8FF),
    color-stop(100%, #00887f));
  background: -webkit-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: -o-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: -ms-linear-gradient(top, #00B8FF 0, #00887f 100%);
  background: linear-gradient(to bottom, #00B8FF 0, #00887f 100%);
  */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8FF', endColorstr='#00887f',
    GradientType=0);
  /*
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 rgba(255, 255, 255, .3), 1px
    1px 1px rgba(0, 0, 0, .1);
  */
  border-radius: 2px;
  color: #fff;
  /*
  text-shadow: -1px -1px 0 #00887f;
  */
  /*
  padding: 6px 10px;
  */
  padding: 0px 12px;
  cursor: pointer;
  font-height: 16px;
  /*
  line-height: 1em;
  */
  margin-left: 10px;
  line-height: 31px;
}

.window .window-action-bar button:active,.window .window-action-bar input[type=submit]:active {
  background: #00887f;
  background: -moz-linear-gradient(top, #00887f 0, #00B8FF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00887f),
    color-stop(100%, #00B8FF));
  background: -webkit-linear-gradient(top, #00887f 0, #00B8FF 100%);
  background: -o-linear-gradient(top, #00887f 0, #00B8FF 100%);
  background: -ms-linear-gradient(top, #00887f 0, #00B8FF 100%);
  background: linear-gradient(to bottom, #00887f 0, #00B8FF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00887f', endColorstr='#00B8FF',
    GradientType=0)
}

.window .window-action-bar button.remove {
  float: left;
  margin-left: 0;
  /* border: #999 solid 1px; */
  border: 1px solid rgba(0, 0, 0, 0);
  background: #ddd;
  /*
  background: -moz-linear-gradient(top, #ddd 0, #bbb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd),
    color-stop(100%, #bbb));
  background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
  background: -o-linear-gradient(top, #ddd 0, #bbb 100%);
  background: -ms-linear-gradient(top, #ddd 0, #bbb 100%);
  background: linear-gradient(to bottom, #ddd 0, #bbb 100%);
  */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb',
    GradientType=0);
  /*
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 rgba(255, 255, 255, .3), 1px
    1px 1px rgba(0, 0, 0, .1);
  */
  color: #424242;
  /*
  text-shadow: 1px 1px 0 #ddd
  */
}

.window .window-action-bar button.remove:active {
  background: #bbb;
  background: -moz-linear-gradient(top, #bbb 0, #ddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb),
    color-stop(100%, #ddd));
  background: -webkit-linear-gradient(top, #bbb 0, #ddd 100%);
  background: -o-linear-gradient(top, #bbb 0, #ddd 100%);
  background: -ms-linear-gradient(top, #bbb 0, #ddd 100%);
  background: linear-gradient(to bottom, #bbb 0, #ddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dddddd',
    GradientType=0)
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.window input[type=email],.window input[type=number],.window input[type=password],.window input[type=tel],.window input[type=text],.window input[type=url]
  {
  border: #bbb solid 1px;
  margin: 0;
  border-radius: 2px;
  outline: 0;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
  padding: 2px 5px;
  -webkit-appearance: textfield;
  min-width: 100px;
  line-height: 1.3em;
  font-size: 14px;
  background: #fff
}

.window input[type=number].unit {
  padding-right: 27px
}

.window input[type=email]:focus,.window input[type=number]:focus,.window input[type=password]:focus,.window input[type=tel]:focus,.window input[type=text]:focus,.window input[type=url]:focus
  {
  border-color: #00887f;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .1), inset 0 0 8px rgba(0, 0, 0, .1)
}

.window input[type=checkbox].cb-switch {
  display: inline-block;
  width: 52px;
  height: 24px;
  opacity: 0;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 2px 0 0;
  z-index: 40;
  position: relative
}

.window input[type=checkbox].cb-switch+span {
  position: relative;
  display: block;
  width: 50px;
  height: 20px;
  margin-top: -26px;
  margin-left: calc(100% - 52px);
  background: #fff url(../images/ui/switch-bg.png) center no-repeat;
  border: #aaa solid 1px;
  border-radius: 3px;
  outline: 0;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .2);
  -webkit-transition: all .3s;
  transition: all .3s
}

.window input[type=checkbox].cb-switch+span:after {
  content: "";
  position: relative;
  display: block;
  width: 22px;
  height: 16px;
  border: #aaa solid 1px;
  margin-top: 1px;
  margin-left: 1px;
  border-radius: 3px;
  background: #ddd url(../images/ui/switch-btn-bg.png) center no-repeat;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 rgba(255, 255, 255, .3);
  -webkit-transition: all .2s;
  transition: all .2s
}

.window input[type=checkbox].cb-switch:checked+span {
  background-color: #00B8FF;
  border-color: #5D7814;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .2), 0 0 7px rgba(137, 184, 8, .5)
}

.window input[type=checkbox].cb-switch:checked+span:after {
  border-color: #5D7814;
  border-left-color: #637F17;
  margin-left: 25px
}

.window hr {
  border: none;
  border-top: #bbb solid 1px;
  border-bottom: #fff solid 1px
}

.window .separator {
  border-bottom: #bbb solid 1px;
  box-shadow: 0 1px 0 #fff
}

.window .separator hr {
  margin-top: 0;
  display: none
}

.window .separator label {
  color: #888;
  text-shadow: 1px 1px 0 #fff;
  cursor: default
}

.window .separator label:after {
  content: ""
}

.window label {
  color: #222;
  text-shadow: 1px 1px 0 #fff
}

.window label:after {
  content: ""
}

.window label:empty:after {
  content: ""
}

.window .product-item {
  display: inline-block;
  width: 130px;
  margin: 1px 6px 8px 7px;
  box-shadow: -1px 0 0 #aaa, 1px 0 0 #aaa, 0 -1px 0 #aaa, 0 1px 0 #aaa;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .3), -1px 0 0 #aaa, 1px 0 0 #aaa, 0 -1px 0 #aaa, 0 1px 0 #aaa;
  cursor: pointer;
  transition: box-shadow .2s;
  -webkit-transition: box-shadow .2s
}

.window .product-item:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, .4), -1px 0 0 #555, 1px 0 0 #555, 0 -1px 0 #555, 0 1px 0 #555
}

.window .product-item span {
  display: block;
  margin: 0;
  padding: 0
}

.window .product-item .product-item-image {
  display: inline-block;
  width: 100%;
  height: 95px;
  overflow: hidden;
  background: #eeee;
  text-align: center
}

.window .product-item .product-item-image img {
  max-width: 102%
}

.window .product-item .selected {
  border-radius: 2px;
  opacity: 0;
  position: absolute;
  background: #00B8FF;
  margin: 4px 0 0 -6px;
  padding: 3px 5px;
  color: #fff;
  text-shadow: -1px -1px 0 #00887f;
  border: #00887f solid 1px;
  font-size: 14px;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 rgba(255, 255, 255, .3)
}

.window .product-item .selected.show {
  opacity: 1;
  animation: bubble-in .5s;
  -webkit-animation: bubble-in .5s
}

.window .product-item .product-item-purchase {
  display: none
}

.window .product-item .product-item-description {
  margin-top: -5px;
  text-align: center;
  padding: 4px 5px 1px;
  font-size: 11px;
  background: #393939;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  width: calc(100% - 10px);
  color: #fff;
  text-shadow: -1px -1px 0 #000;
  z-index: 100;
  transition: background .1s;
  -webkit-transition: background .1s;
  box-shadow: 0 1px 0 #555, 1px 0 0 #555, -1px 0 0 #555, inset 0 1px 0 rgba(255, 255, 255, 1)
}

.window ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%
}

.window .tabbed-tabcontent ul {
  display: table;
  border-collapse: collapse
}

.window li.param-item,.window li.separator {
  display: table-row
}

.window li.param-item div {
  display: table-cell;
  vertical-align: middle
}

.window .param-item label,.window .separator label {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 10px 3px 0;
  white-space: nowrap
}

.window .param-item .field,.window .separator .field {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 5px 0;
  white-space: nowrap;
  max-width: 200px
}

.window .param-item .field input[type=email],.window .param-item .field input[type=number],.window .param-item .field input[type=password],.window .param-item .field input[type=range],.window .param-item .field input[type=tel],.window .param-item .field input[type=text],.window .param-item .field input[type=url]
  {
  min-width: 100px;
  max-width: 80%;
  max-width: calc(100% - 50px);
  width: 100%
}

.window .param-item .field span.unit {
  display: inline-block;
  width: 25px;
  padding-left: 5px;
  font-size: 10pt;
  overflow: hidden;
  color: #666;
  cursor: default;
  text-align: left;
  margin-left: -30px;
  margin-bottom: -3px;
  pointer-events: none
}

.window .param-item button,.window .param-item input[type=submit] {
  min-width: 100px;
  margin: -1px 0 0 0
}

.window .param-item .field input[type=range] {
  width: 90px;
  width: calc(100% - 90px);
  margin: -3px 0 0 0;
  vertical-align: middle
}

.window .param-item .field input[type=range]+input {
  width: 62px;
  min-width: 62px;
  margin-left: 5px
}

.window .param-item .field input[type=range]+input.unit {
  width: 40px;
  min-width: 40px;
  margin-left: 5px
}

.load-dialog .window-content {
  overflow: hidden !important
}

.load-dialog ul {
  height: 100%;
  overflow: auto;
  background: #fff;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .2), 1px 1px 0 #fff, inset 1px 1px 0 #bbb, inset -1px -1px 0
    #bbb
}

.load-dialog ul li {
  display: table;
  padding: 10px;
  cursor: pointer;
  width: 90%;
  width: calc(100% - 20px);
  box-shadow: inset 0 -1px 0 #bbb
}

.load-dialog ul li:hover {
  background: #00B8FF;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2), inset -1px -1px 0 #00887f, inset 1px 0 0 #00887f, 0 -1px 0
    #00887f, inset 2px 1px 0 rgba(255, 255, 255, .3), inset -2px -2px 0 rgba(255, 255, 255, .3)
}

.load-dialog ul li:first-child:hover,.load-dialog ul.layout-table li:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, .2), inset -1px -1px 0 #00887f, inset 1px 0 0 #00887f, inset 0 1px
    0 #00887f, inset 2px 2px 0 rgba(255, 255, 255, .3), inset -2px -2px 0 rgba(255, 255, 255, .3)
}

.load-dialog ul li .preview {
  display: table-cell;
  border: #fff solid 1px;
  width: 64px;
  height: 64px;
  border-radius: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3), 1px 1px 0 #aaa, -1px -1px 0 #aaa, -1px 1px 0 #aaa, 1px -1px 0
    #aaa;
  background: #fff;
  transition: all .4s
}

.load-dialog ul li:hover .preview {
  box-shadow: 0 0 5px rgba(0, 0, 0, .3), 1px 1px 0 #00887f, -1px -1px 0 #00887f, -1px 1px 0 #00887f,
    1px -1px 0 #00887f
}

.load-dialog ul li .preview img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle
}

.load-dialog ul li .plan-text-wrapper {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle
}

.load-dialog ul li .plan-text-wrapper .plan-name {
  display: block;
  font-weight: 700;
  padding-bottom: 5px;
  font-size: 12pt;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.load-dialog ul li:hover .plan-text-wrapper .plan-date,.load-dialog ul li:hover .plan-text-wrapper .plan-name
  {
  color: #fff;
  text-shadow: -1px -1px 0 #00887f
}

.load-dialog ul li .plan-text-wrapper .plan-date {
  display: block;
  color: gray;
  font-style: italic;
  font-size: 10pt
}

.load-dialog ul.layout-table {
  padding: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  text-align: center
}

.load-dialog ul.layout-table li {
  display: inline-block;
  width: 100px;
  text-align: center;
  box-shadow: none
}

.load-dialog ul.layout-table li .preview {
  display: inline-block;
  width: 96px;
  height: 64px
}

.load-dialog ul.layout-table li .plan-text-wrapper {
  display: block;
  padding: 10px 0 0
}

.load-dialog ul.layout-table li .plan-text-wrapper .plan-name {
  font-size: 10pt;
  padding: 0
}

.load-dialog ul.layout-table li .plan-text-wrapper .plan-date {
  display: none
}

.window .scrollable-content {
  background: #fff;
  list-style-type: none;
  margin: 0;
  padding: 10px;
  border: #999 solid 1px;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, .2);
  overflow: auto
}

.window .scrollable-content ul li {
  margin-bottom: 15px
}

.window .scrollable-content ul li dl {
  margin: 10px 0 0 30px
}

#toolbar-bar li.menu-subitem {
  position: relative;
  text-align: left
}

#toolbar-bar li.menu-subitem ul {
  position: absolute;
  background: #111;
  z-index: 420000000;
  top: 57px;
  right: 10px;
  padding: 5px 0;
  pointer-events: auto;
  border-radius: 5px;
  opacity: .94;
  min-width: 200px;
  transition: all .3s;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  border: 2px solid #fff
}

#toolbar-bar li.menu-subitem ul:after,#toolbar-bar li.menu-subitem ul:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 53px;
  width: 0;
  position: absolute;
  pointer-events: none;
  opacity: .94
}

#toolbar-bar li.menu-subitem ul:after {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #000;
  border-width: 10px;
  right: 10px;
  margin-left: -10px
}

#toolbar-bar li.menu-subitem ul:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 13px;
  right: 7px;
  margin-left: -13px
}

#toolbar-bar li.menu-subitem ul li {
  color: rgba(255, 255, 255, .9);
  clear: both;
  padding: 3px 0 3px 10px;
  text-align: left
}

#toolbar-bar li.menu-subitem ul li:hover {
  background: #444
}

#toolbar-bar li.menu-subitem ul li.separator {
  padding: 3px 10px
}

#toolbar-bar li.menu-subitem ul li.separator:hover {
  background: 0 0
}

#toolbar-bar li.menu-subitem ul li button::-moz-focus-inner {
  border: 0;
  padding: 0
}

#toolbar-bar li.menu-subitem ul li button {
  width: 100%;
  margin: 0;
  padding: 5px 10px;
  text-align: left;
  border: none;
  background: 0 0;
  color: rgba(255, 255, 255, .9);
  cursor: pointer;
  font-family: 微软雅黑,Arial, sans-serif;
  font-size: 11pt;
  border-radius: 2px
}

#toolbar-bar li.menu-subitem ul li hr {
  margin: 3px 0;
  border: none;
  border-bottom: rgba(255, 255, 255, .2) solid 1px
}

#toolbar-bar li.menu-subitem ul.hidden {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(0, 5px);
  transform: translate(0, 7px)
}

#toolbar-bar li.menu-subitem ul li label {
  line-height: 30px;
  font-family: 微软雅黑,Arial, sans-serif;
  font-size: 11pt;
  padding: 0 15px 0 10px;
  cursor: pointer;
  width: 100%;
  width: calc(100% - 25px);
  display: inline-block
}

#toolbar-bar li.menu-subitem ul li label:empty {
  display: none
}

#toolbar-bar li.menu-subitem ul li input {
  float: right;
  margin-left: 5px
}

#toolbar-bar li.menu-subitem input[type=checkbox] {
  display: inline-block;
  width: 48px;
  height: 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: -30px 10px 0 0;
  cursor: pointer;
  opacity: 0
}

#toolbar-bar li.menu-subitem input[type=checkbox]+span {
  margin: -26px 10px 0 -10px;
  float: right;
  display: inline-block;
  width: 45px;
  height: 20px;
  border: #fff solid 1px;
  border-radius: 3px;
  pointer-events: none;
  opacity: .9;
  transition: all .2s;
  background: #000 url(../images/ui/menu-switch-bg.png) center no-repeat
}

#toolbar-bar li.menu-subitem input[type=checkbox]+span:before {
  display: block;
  content: "";
  width: 20px;
  height: 16px;
  margin-top: 1px;
  margin-left: 1px;
  border: #fff solid 1px;
  border-radius: 2px;
  background: #fff url(../images/ui/menu-switch-btn-bg.png) center no-repeat;
  pointer-events: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, .6);
  transition: all .13s
}

#toolbar-bar li.menu-subitem input[type=checkbox]:checked+span {
  background-color: #777;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .6)
}

#toolbar-bar li.menu-subitem input[type=checkbox]:checked+span:before {
  margin-left: 22px
} /*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
@font-face {
  font-family: FontAwesome;
  src: url(datacenter-webfont.eot?v=3.2.1);
  src: url(datacenter-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),
    url(datacenter-webfont.woff?v=3.2.1) format('woff'),
    url(datacenter-webfont.ttf?v=3.2.1) format('truetype'),
    url(datacenter-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');
  font-weight: 400;
  font-style: normal
}

[class*=" icon-"],[class^=icon-] {
  font-family: FontAwesome;
  font-weight: 400;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em
}

[class*=" icon-"]:before,[class^=icon-]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none
}

.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em
}

a [class*=" icon-"],a [class^=icon-] {
  display: inline
}

[class*=" icon-"].icon-fixed-width,[class^=icon-].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: .2857142857142857em
}

[class*=" icon-"].icon-fixed-width.icon-large,[class^=icon-].icon-fixed-width.icon-large {
  width: 1.4285714285714286em
}

.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none
}

.icons-ul>li {
  position: relative
}

.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit
}

[class*=" icon-"].hide,[class^=icon-].hide {
  display: none
}

.icon-muted {
  color: #eee
}

.icon-light {
  color: #fff
}

.icon-dark {
  color: #333
}

.icon-border {
  border: solid 1px #eee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}

.icon-2x {
  font-size: 2em
}

.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.icon-3x {
  font-size: 3em
}

.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.icon-4x {
  font-size: 4em
}

.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px
}

.icon-5x {
  font-size: 5em
}

.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

[class*=" icon-"].pull-left,[class^=icon-].pull-left {
  margin-right: .3em
}

[class*=" icon-"].pull-right,[class^=icon-].pull-right {
  margin-left: .3em
}

[class*=" icon-"],[class^=icon-] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0
}

.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-menu>.active>a>[class^=icon-],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^=icon-],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^=icon-],.icon-white,.nav-list>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^=icon-],.nav-pills>.active>a>[class*=" icon-"],.nav-pills>.active>a>[class^=icon-],.navbar-inverse .nav>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^=icon-]
  {
  background-image: none
}

.btn [class*=" icon-"].icon-large,.btn [class^=icon-].icon-large,.nav [class*=" icon-"].icon-large,.nav [class^=icon-].icon-large
  {
  line-height: .9em
}

.btn [class*=" icon-"].icon-spin,.btn [class^=icon-].icon-spin,.nav [class*=" icon-"].icon-spin,.nav [class^=icon-].icon-spin
  {
  display: inline-block
}

.nav-pills [class*=" icon-"],.nav-pills [class*=" icon-"].icon-large,.nav-pills [class^=icon-],.nav-pills [class^=icon-].icon-large,.nav-tabs [class*=" icon-"],.nav-tabs [class*=" icon-"].icon-large,.nav-tabs [class^=icon-],.nav-tabs [class^=icon-].icon-large
  {
  line-height: .9em
}

.btn [class*=" icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x,.btn [class^=icon-].pull-left.icon-2x,.btn [class^=icon-].pull-right.icon-2x
  {
  margin-top: .18em
}

.btn [class*=" icon-"].icon-spin.icon-large,.btn [class^=icon-].icon-spin.icon-large {
  line-height: .8em
}

.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x,.btn.btn-small [class^=icon-].pull-left.icon-2x,.btn.btn-small [class^=icon-].pull-right.icon-2x
  {
  margin-top: .25em
}

.btn.btn-large [class*=" icon-"],.btn.btn-large [class^=icon-] {
  margin-top: 0
}

.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x,.btn.btn-large [class^=icon-].pull-left.icon-2x,.btn.btn-large [class^=icon-].pull-right.icon-2x
  {
  margin-top: .05em
}

.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^=icon-].pull-left.icon-2x {
  margin-right: .2em
}

.btn.btn-large [class*=" icon-"].pull-right.icon-2x,.btn.btn-large [class^=icon-].pull-right.icon-2x
  {
  margin-left: .2em
}

.nav-list [class*=" icon-"],.nav-list [class^=icon-] {
  line-height: inherit
}

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%
}

.icon-stack [class*=" icon-"],.icon-stack [class^=icon-] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em
}

.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em
}

.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear
}

a .icon-spin,a .icon-stack {
  display: inline-block;
  text-decoration: none
}

@
-moz-keyframes spin { 0%{
  -moz-transform: rotate(0deg)
}

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

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

100%{
-o-transform
:rotate(359deg)
}
}
@
-ms-keyframes spin { 0%{
  -ms-transform: rotate(0deg)
}

100%{
-ms-transform
:rotate(359deg)
}
}
@
keyframes spin { 0%{
  transform: rotate(0deg)
}

100%{
transform
:rotate(359deg)
}
}
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1)
}

a .icon-flip-horizontal:before,a .icon-flip-vertical:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-rotate-90:before
  {
  display: inline-block
}

.icon-glass:before {
  content: "\f000"
}

.icon-music:before {
  content: "\f001"
}

.icon-search:before {
  content: "\f002"
}

.icon-envelope-alt:before {
  content: "\f003"
}

.icon-heart:before {
  content: "\f004"
}

.icon-star:before {
  content: "\f005"
}

.icon-star-empty:before {
  content: "\f006"
}

.icon-user:before {
  content: "\f007"
}

.icon-film:before {
  content: "\f008"
}

.icon-th-large:before {
  content: "\f009"
}

.icon-th:before {
  content: "\f00a"
}

.icon-th-list:before {
  content: "\f00b"
}

.icon-ok:before {
  content: "\f00c"
}

.icon-remove:before {
  content: "\f00d"
}

.icon-zoom-in:before {
  content: "\f00e"
}

.icon-zoom-out:before {
  content: "\f010"
}

.icon-off:before,.icon-power-off:before {
  content: "\f011"
}

.icon-signal:before {
  content: "\f012"
}

.icon-cog:before,.icon-gear:before {
  content: "\f013"
}

.icon-trash:before {
  content: "\f014"
}

.icon-home:before {
  content: "\f015"
}

.icon-file-alt:before {
  content: "\f016"
}

.icon-time:before {
  content: "\f017"
}

.icon-road:before {
  content: "\f018"
}

.icon-download-alt:before {
  content: "\f019"
}

.icon-download:before {
  content: "\f01a"
}

.icon-upload:before {
  content: "\f01b"
}

.icon-inbox:before {
  content: "\f01c"
}

.icon-play-circle:before {
  content: "\f01d"
}

.icon-repeat:before,.icon-rotate-right:before {
  content: "\f01e"
}

.icon-refresh:before {
  content: "\f021"
}

.icon-list-alt:before {
  content: "\f022"
}

.icon-lock:before {
  content: "\f023"
}

.icon-flag:before {
  content: "\f024"
}

.icon-headphones:before {
  content: "\f025"
}

.icon-volume-off:before {
  content: "\f026"
}

.icon-volume-down:before {
  content: "\f027"
}

.icon-volume-up:before {
  content: "\f028"
}

.icon-qrcode:before {
  content: "\f029"
}

.icon-barcode:before {
  content: "\f02a"
}

.icon-tag:before {
  content: "\f02b"
}

.icon-tags:before {
  content: "\f02c"
}

.icon-book:before {
  content: "\f02d"
}

.icon-bookmark:before {
  content: "\f02e"
}

.icon-print:before {
  content: "\f02f"
}

.icon-camera:before {
  content: "\f030"
}

.icon-font:before {
  content: "\f031"
}

.icon-bold:before {
  content: "\f032"
}

.icon-italic:before {
  content: "\f033"
}

.icon-text-height:before {
  content: "\f034"
}

.icon-text-width:before {
  content: "\f035"
}

.icon-align-left:before {
  content: "\f036"
}

.icon-align-center:before {
  content: "\f037"
}

.icon-align-right:before {
  content: "\f038"
}

.icon-align-justify:before {
  content: "\f039"
}

.icon-list:before {
  content: "\f03a"
}

.icon-indent-left:before {
  content: "\f03b"
}

.icon-indent-right:before {
  content: "\f03c"
}

.icon-facetime-video:before {
  content: "\f03d"
}

.icon-picture:before {
  content: "\f03e"
}

.icon-pencil:before {
  content: "\f040"
}

.icon-map-marker:before {
  content: "\f041"
}

.icon-adjust:before {
  content: "\f042"
}

.icon-tint:before {
  content: "\f043"
}

.icon-edit:before {
  content: "\f044"
}

.icon-share:before {
  content: "\f045"
}

.icon-check:before {
  content: "\f046"
}

.icon-move:before {
  content: "\f047"
}

.icon-step-backward:before {
  content: "\f048"
}

.icon-fast-backward:before {
  content: "\f049"
}

.icon-backward:before {
  content: "\f04a"
}

.icon-play:before {
  content: "\f04b"
}

.icon-pause:before {
  content: "\f04c"
}

.icon-stop:before {
  content: "\f04d"
}

.icon-forward:before {
  content: "\f04e"
}

.icon-fast-forward:before {
  content: "\f050"
}

.icon-step-forward:before {
  content: "\f051"
}

.icon-eject:before {
  content: "\f052"
}

.icon-chevron-left:before {
  content: "\f053"
}

.icon-chevron-right:before {
  content: "\f054"
}

.icon-plus-sign:before {
  content: "\f055"
}

.icon-minus-sign:before {
  content: "\f056"
}

.icon-remove-sign:before {
  content: "\f057"
}

.icon-ok-sign:before {
  content: "\f058"
}

.icon-question-sign:before {
  content: "\f059"
}

.icon-info-sign:before {
  content: "\f05a"
}

.icon-screenshot:before {
  content: "\f05b"
}

.icon-remove-circle:before {
  content: "\f05c"
}

.icon-ok-circle:before {
  content: "\f05d"
}

.icon-ban-circle:before {
  content: "\f05e"
}

.icon-arrow-left:before {
  content: "\f060"
}

.icon-arrow-right:before {
  content: "\f061"
}

.icon-arrow-up:before {
  content: "\f062"
}

.icon-arrow-down:before {
  content: "\f063"
}

.icon-mail-forward:before,.icon-share-alt:before {
  content: "\f064"
}

.icon-resize-full:before {
  content: "\f065"
}

.icon-resize-small:before {
  content: "\f066"
}

.icon-plus:before {
  content: "\f067"
}

.icon-minus:before {
  content: "\f068"
}

.icon-asterisk:before {
  content: "\f069"
}

.icon-exclamation-sign:before {
  content: "\f06a"
}

.icon-gift:before {
  content: "\f06b"
}

.icon-leaf:before {
  content: "\f06c"
}

.icon-fire:before {
  content: "\f06d"
}

.icon-eye-open:before {
  content: "\f06e"
}

.icon-eye-close:before {
  content: "\f070"
}

.icon-warning-sign:before {
  content: "\f071"
}

.icon-plane:before {
  content: "\f072"
}

.icon-calendar:before {
  content: "\f073"
}

.icon-random:before {
  content: "\f074"
}

.icon-comment:before {
  content: "\f075"
}

.icon-magnet:before {
  content: "\f076"
}

.icon-chevron-up:before {
  content: "\f077"
}

.icon-chevron-down:before {
  content: "\f078"
}

.icon-retweet:before {
  content: "\f079"
}

.icon-shopping-cart:before {
  content: "\f07a"
}

.icon-folder-close:before {
  content: "\f07b"
}

.icon-folder-open:before {
  content: "\f07c"
}

.icon-resize-vertical:before {
  content: "\f07d"
}

.icon-resize-horizontal:before {
  content: "\f07e"
}

.icon-bar-chart:before {
  content: "\f080"
}

.icon-twitter-sign:before {
  content: "\f081"
}

.icon-facebook-sign:before {
  content: "\f082"
}

.icon-camera-retro:before {
  content: "\f083"
}

.icon-key:before {
  content: "\f084"
}

.icon-cogs:before,.icon-gears:before {
  content: "\f085"
}

.icon-comments:before {
  content: "\f086"
}

.icon-thumbs-up-alt:before {
  content: "\f087"
}

.icon-thumbs-down-alt:before {
  content: "\f088"
}

.icon-star-half:before {
  content: "\f089"
}

.icon-heart-empty:before {
  content: "\f08a"
}

.icon-signout:before {
  content: "\f08b"
}

.icon-linkedin-sign:before {
  content: "\f08c"
}

.icon-pushpin:before {
  content: "\f08d"
}

.icon-external-link:before {
  content: "\f08e"
}

.icon-signin:before {
  content: "\f090"
}

.icon-trophy:before {
  content: "\f091"
}

.icon-github-sign:before {
  content: "\f092"
}

.icon-upload-alt:before {
  content: "\f093"
}

.icon-lemon:before {
  content: "\f094"
}

.icon-phone:before {
  content: "\f095"
}

.icon-check-empty:before,.icon-unchecked:before {
  content: "\f096"
}

.icon-bookmark-empty:before {
  content: "\f097"
}

.icon-phone-sign:before {
  content: "\f098"
}

.icon-twitter:before {
  content: "\f099"
}

.icon-facebook:before {
  content: "\f09a"
}

.icon-github:before {
  content: "\f09b"
}

.icon-unlock:before {
  content: "\f09c"
}

.icon-credit-card:before {
  content: "\f09d"
}

.icon-rss:before {
  content: "\f09e"
}

.icon-hdd:before {
  content: "\f0a0"
}

.icon-bullhorn:before {
  content: "\f0a1"
}

.icon-bell:before {
  content: "\f0a2"
}

.icon-certificate:before {
  content: "\f0a3"
}

.icon-hand-right:before {
  content: "\f0a4"
}

.icon-hand-left:before {
  content: "\f0a5"
}

.icon-hand-up:before {
  content: "\f0a6"
}

.icon-hand-down:before {
  content: "\f0a7"
}

.icon-circle-arrow-left:before {
  content: "\f0a8"
}

.icon-circle-arrow-right:before {
  content: "\f0a9"
}

.icon-circle-arrow-up:before {
  content: "\f0aa"
}

.icon-circle-arrow-down:before {
  content: "\f0ab"
}

.icon-globe:before {
  content: "\f0ac"
}

.icon-wrench:before {
  content: "\f0ad"
}

.icon-tasks:before {
  content: "\f0ae"
}

.icon-filter:before {
  content: "\f0b0"
}

.icon-briefcase:before {
  content: "\f0b1"
}

.icon-fullscreen:before {
  content: "\f0b2"
}

.icon-group:before {
  content: "\f0c0"
}

.icon-link:before {
  content: "\f0c1"
}

.icon-cloud:before {
  content: "\f0c2"
}

.icon-beaker:before {
  content: "\f0c3"
}

.icon-cut:before {
  content: "\f0c4"
}

.icon-copy:before {
  content: "\f0c5"
}

.icon-paper-clip:before,.icon-paperclip:before {
  content: "\f0c6"
}

.icon-save:before {
  content: "\f0c7"
}

.icon-sign-blank:before {
  content: "\f0c8"
}

.icon-reorder:before {
  content: "\f0c9"
}

.icon-list-ul:before {
  content: "\f0ca"
}

.icon-list-ol:before {
  content: "\f0cb"
}

.icon-strikethrough:before {
  content: "\f0cc"
}

.icon-underline:before {
  content: "\f0cd"
}

.icon-table:before {
  content: "\f0ce"
}

.icon-magic:before {
  content: "\f0d0"
}

.icon-truck:before {
  content: "\f0d1"
}

.icon-pinterest:before {
  content: "\f0d2"
}

.icon-pinterest-sign:before {
  content: "\f0d3"
}

.icon-google-plus-sign:before {
  content: "\f0d4"
}

.icon-google-plus:before {
  content: "\f0d5"
}

.icon-money:before {
  content: "\f0d6"
}

.icon-caret-down:before {
  content: "\f0d7"
}

.icon-caret-up:before {
  content: "\f0d8"
}

.icon-caret-left:before {
  content: "\f0d9"
}

.icon-caret-right:before {
  content: "\f0da"
}

.icon-columns:before {
  content: "\f0db"
}

.icon-sort:before {
  content: "\f0dc"
}

.icon-sort-down:before {
  content: "\f0dd"
}

.icon-sort-up:before {
  content: "\f0de"
}

.icon-envelope:before {
  content: "\f0e0"
}

.icon-linkedin:before {
  content: "\f0e1"
}

.icon-rotate-left:before,.icon-undo:before {
  content: "\f0e2"
}

.icon-legal:before {
  content: "\f0e3"
}

.icon-dashboard:before {
  content: "\f0e4"
}

.icon-comment-alt:before {
  content: "\f0e5"
}

.icon-comments-alt:before {
  content: "\f0e6"
}

.icon-bolt:before {
  content: "\f0e7"
}

.icon-sitemap:before {
  content: "\f0e8"
}

.icon-umbrella:before {
  content: "\f0e9"
}

.icon-paste:before {
  content: "\f0ea"
}

.icon-lightbulb:before {
  content: "\f0eb"
}

.icon-exchange:before {
  content: "\f0ec"
}

.icon-cloud-download:before {
  content: "\f0ed"
}

.icon-cloud-upload:before {
  content: "\f0ee"
}

.icon-user-md:before {
  content: "\f0f0"
}

.icon-stethoscope:before {
  content: "\f0f1"
}

.icon-suitcase:before {
  content: "\f0f2"
}

.icon-bell-alt:before {
  content: "\f0f3"
}

.icon-coffee:before {
  content: "\f0f4"
}

.icon-food:before {
  content: "\f0f5"
}

.icon-file-text-alt:before {
  content: "\f0f6"
}

.icon-building:before {
  content: "\f0f7"
}

.icon-hospital:before {
  content: "\f0f8"
}

.icon-ambulance:before {
  content: "\f0f9"
}

.icon-medkit:before {
  content: "\f0fa"
}

.icon-fighter-jet:before {
  content: "\f0fb"
}

.icon-beer:before {
  content: "\f0fc"
}

.icon-h-sign:before {
  content: "\f0fd"
}

.icon-plus-sign-alt:before {
  content: "\f0fe"
}

.icon-double-angle-left:before {
  content: "\f100"
}

.icon-double-angle-right:before {
  content: "\f101"
}

.icon-double-angle-up:before {
  content: "\f102"
}

.icon-double-angle-down:before {
  content: "\f103"
}

.icon-angle-left:before {
  content: "\f104"
}

.icon-angle-right:before {
  content: "\f105"
}

.icon-angle-up:before {
  content: "\f106"
}

.icon-angle-down:before {
  content: "\f107"
}

.icon-desktop:before {
  content: "\f108"
}

.icon-laptop:before {
  content: "\f109"
}

.icon-tablet:before {
  content: "\f10a"
}

.icon-mobile-phone:before {
  content: "\f10b"
}

.icon-circle-blank:before {
  content: "\f10c"
}

.icon-quote-left:before {
  content: "\f10d"
}

.icon-quote-right:before {
  content: "\f10e"
}

.icon-spinner:before {
  content: "\f110"
}

.icon-circle:before {
  content: "\f111"
}

.icon-mail-reply:before,.icon-reply:before {
  content: "\f112"
}

.icon-github-alt:before {
  content: "\f113"
}

.icon-folder-close-alt:before {
  content: "\f114"
}

.icon-folder-open-alt:before {
  content: "\f115"
}

.icon-expand-alt:before {
  content: "\f116"
}

.icon-collapse-alt:before {
  content: "\f117"
}

.icon-smile:before {
  content: "\f118"
}

.icon-frown:before {
  content: "\f119"
}

.icon-meh:before {
  content: "\f11a"
}

.icon-gamepad:before {
  content: "\f11b"
}

.icon-keyboard:before {
  content: "\f11c"
}

.icon-flag-alt:before {
  content: "\f11d"
}

.icon-flag-checkered:before {
  content: "\f11e"
}

.icon-terminal:before {
  content: "\f120"
}

.icon-code:before {
  content: "\f121"
}

.icon-mail-reply-all:before,.icon-reply-all:before {
  content: "\f122"
}

.icon-star-half-empty:before,.icon-star-half-full:before {
  content: "\f123"
}

.icon-location-arrow:before {
  content: "\f124"
}

.icon-crop:before {
  content: "\f125"
}

.icon-code-fork:before {
  content: "\f126"
}

.icon-unlink:before {
  content: "\f127"
}

.icon-question:before {
  content: "\f128"
}

.icon-info:before {
  content: "\f129"
}

.icon-exclamation:before {
  content: "\f12a"
}

.icon-superscript:before {
  content: "\f12b"
}

.icon-subscript:before {
  content: "\f12c"
}

.icon-eraser:before {
  content: "\f12d"
}

.icon-puzzle-piece:before {
  content: "\f12e"
}

.icon-microphone:before {
  content: "\f130"
}

.icon-microphone-off:before {
  content: "\f131"
}

.icon-shield:before {
  content: "\f132"
}

.icon-calendar-empty:before {
  content: "\f133"
}

.icon-fire-extinguisher:before {
  content: "\f134"
}

.icon-rocket:before {
  content: "\f135"
}

.icon-maxcdn:before {
  content: "\f136"
}

.icon-chevron-sign-left:before {
  content: "\f137"
}

.icon-chevron-sign-right:before {
  content: "\f138"
}

.icon-chevron-sign-up:before {
  content: "\f139"
}

.icon-chevron-sign-down:before {
  content: "\f13a"
}

.icon-html5:before {
  content: "\f13b"
}

.icon-css3:before {
  content: "\f13c"
}

.icon-anchor:before {
  content: "\f13d"
}

.icon-unlock-alt:before {
  content: "\f13e"
}

.icon-bullseye:before {
  content: "\f140"
}

.icon-ellipsis-horizontal:before {
  content: "\f141"
}

.icon-ellipsis-vertical:before {
  content: "\f142"
}

.icon-rss-sign:before {
  content: "\f143"
}

.icon-play-sign:before {
  content: "\f144"
}

.icon-ticket:before {
  content: "\f145"
}

.icon-minus-sign-alt:before {
  content: "\f146"
}

.icon-check-minus:before {
  content: "\f147"
}

.icon-level-up:before {
  content: "\f148"
}

.icon-level-down:before {
  content: "\f149"
}

.icon-check-sign:before {
  content: "\f14a"
}

.icon-edit-sign:before {
  content: "\f14b"
}

.icon-external-link-sign:before {
  content: "\f14c"
}

.icon-share-sign:before {
  content: "\f14d"
}

.icon-compass:before {
  content: "\f14e"
}

.icon-collapse:before {
  content: "\f150"
}

.icon-collapse-top:before {
  content: "\f151"
}

.icon-expand:before {
  content: "\f152"
}

.icon-eur:before,.icon-euro:before {
  content: "\f153"
}

.icon-gbp:before {
  content: "\f154"
}

.icon-dollar:before,.icon-usd:before {
  content: "\f155"
}

.icon-inr:before,.icon-rupee:before {
  content: "\f156"
}

.icon-jpy:before,.icon-yen:before {
  content: "\f157"
}

.icon-cny:before,.icon-renminbi:before {
  content: "\f158"
}

.icon-krw:before,.icon-won:before {
  content: "\f159"
}

.icon-bitcoin:before,.icon-btc:before {
  content: "\f15a"
}

.icon-file:before {
  content: "\f15b"
}

.icon-file-text:before {
  content: "\f15c"
}

.icon-sort-by-alphabet:before {
  content: "\f15d"
}

.icon-sort-by-alphabet-alt:before {
  content: "\f15e"
}

.icon-sort-by-attributes:before {
  content: "\f160"
}

.icon-sort-by-attributes-alt:before {
  content: "\f161"
}

.icon-sort-by-order:before {
  content: "\f162"
}

.icon-sort-by-order-alt:before {
  content: "\f163"
}

.icon-thumbs-up:before {
  content: "\f164"
}

.icon-thumbs-down:before {
  content: "\f165"
}

.icon-youtube-sign:before {
  content: "\f166"
}

.icon-youtube:before {
  content: "\f167"
}

.icon-xing:before {
  content: "\f168"
}

.icon-xing-sign:before {
  content: "\f169"
}

.icon-youtube-play:before {
  content: "\f16a"
}

.icon-dropbox:before {
  content: "\f16b"
}

.icon-stackexchange:before {
  content: "\f16c"
}

.icon-instagram:before {
  content: "\f16d"
}

.icon-flickr:before {
  content: "\f16e"
}

.icon-adn:before {
  content: "\f170"
}

.icon-bitbucket:before {
  content: "\f171"
}

.icon-bitbucket-sign:before {
  content: "\f172"
}

.icon-tumblr:before {
  content: "\f173"
}

.icon-tumblr-sign:before {
  content: "\f174"
}

.icon-long-arrow-down:before {
  content: "\f175"
}

.icon-long-arrow-up:before {
  content: "\f176"
}

.icon-long-arrow-left:before {
  content: "\f177"
}

.icon-long-arrow-right:before {
  content: "\f178"
}

.icon-apple:before {
  content: "\f179"
}

.icon-windows:before {
  content: "\f17a"
}

.icon-android:before {
  content: "\f17b"
}

.icon-linux:before {
  content: "\f17c"
}

.icon-dribbble:before {
  content: "\f17d"
}

.icon-skype:before {
  content: "\f17e"
}

.icon-foursquare:before {
  content: "\f180"
}

.icon-trello:before {
  content: "\f181"
}

.icon-female:before {
  content: "\f182"
}

.icon-male:before {
  content: "\f183"
}

.icon-gittip:before {
  content: "\f184"
}

.icon-sun:before {
  content: "\f185"
}

.icon-moon:before {
  content: "\f186"
}

.icon-archive:before {
  content: "\f187"
}

.icon-bug:before {
  content: "\f188"
}

.icon-vk:before {
  content: "\f189"
}

.icon-weibo:before {
  content: "\f18a"
}

.icon-renren:before {
  content: "\f18b"
}

.pin_ic:before{
	content: "\f18c"
}

.pin_ic {
	background: url(images/buttons.gif) no-repeat -220px -44px;
}

@font-face {
  font-family: wanaplan;
  src: url(datacenter.eot?17929319);
  src: url(datacenter.eot?17929319#iefix) format('embedded-opentype'),
    url(datacenter.woff?17929319) format('woff'), url(datacenter.ttf?17929319)
    format('truetype'), url(datacenter.svg?17929319#wanaplan) format('svg');
  font-weight: 400;
  font-style: normal
}

[class*=" wicon-"]:before,[class^=wicon-]:before {
  font-family: wanaplan;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em
}

.wicon-plus:before {
  content: '\e801'
}

.wicon-cog:before {
  content: '\e804'
}

.wicon-print:before {
  content: '\e802'
}

.wicon-resize-full:before {
  content: '\e805'
}

.wicon-resize-full-alt:before {
  content: '\e806'
}

.wicon-resize-small:before {
  content: '\e807'
}

.wicon-resize-small-alt:before {
  content: '\e808'
}

.wicon-doc-inv:before {
  content: '\e803'
}

.wicon-floppy:before {
  content: '\e809'
}

.wicon-camera:before {
  content: '\e800'
}