/* here you can put your own css to customize and override the theme */
.mt10{ margin-top:10px;}
.mt12{ margin-top:12px;}
.mt24{ margin-top:24px;}
.mr10{ margin-right:20px;}
.ml5{ margin-left:5px;}

/*pop windowns*/
.modal{
  left: 49%;
  bottom: auto;
  width: 290px;
  overflow-y: auto;
  margin-left: -145px;
  background-color: #fff;
  border: 4px solid #717171;
  border-radius: 5px;
}
.w-x {
  width: 430px;
  overflow: visible;
  margin-left: -215px;
}
.w-xx {
  width: 534px;
  overflow: visible;
  margin-left: -267px;
}
.modal.fade.in {
  top: 10%;
}
.modal-header{
  padding: 10px 5px 10px 10px;
  background-color: #CDCDCD;
}
.modal-header.no_icon {
  padding-left:10px;
}
*+html .modal-header{
  padding-bottom: 3px;/* onlyfor ie7*/
}
.modal-header h3 {
  color:#000;
  font-size: 14px;
  font-family: '\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif;
}
.modal-header i.fa {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  background-color: #189EC0;
}
.modal-header .close {
  font-weight: 300;
  text-shadow: none;
  color: #fff;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
*+html .modal-header .close{
  margin-top:-7px;/* onlyfor ie7*/
}
.modal-header .fa-lightbulb-o {
  text-indent:-9999px;
  background-position:-67px -348px;
}
.modal-body {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 0;
  background-color: #f7f7f7;
}
.modal-footer {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #f7f7f7;
  border-top: none;
}
.modal-body .zTreeDemoBackground {
  overflow:hidden;
  border:1px dotted #858585;
  background-color:#fff;
}
.modal-body iframe{
  width: 268px;
  min-height: 440px;
  border: 1px solid #CDCDCD;
}
.modal-body .fm222 {
  float: left;
}
.modal-body .fm222 iframe {
  width: 220px;
}
.modal-body .fm222.left-box {
  margin-left: 10px;
}
.modal-body .fm222.left-box iframe {
  min-height: 340px;
}
.modal-body .fm222 .input-large {
  width: 160px !important;
  margin-bottom:0;
  border-bottom: none !important;
}
.modal-body .fm222.right-box .box {
  float:left;
  width: 220px;
  height: 337px;
  padding-top: 3px;
  background-color: #fff;
  border: 1px solid #CECECE;
}
.modal-body .fm222.right-box .box li {
  float:left;
  width: 97%;
  font-size: 14px;
  margin-left:2px;
  padding-left: 4px;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px solid #CECECE;
}
.modal-body .fm222.right-box .box li:hover {
  color:#fff;
  background-color:#A5CFFF;
}
.modal-body .fm222.right-box .box li:hover a {
  display:block;
}
.modal-body .fm222.right-box .box li a {
  display: none;
  float: right;
  margin-top: 7px;
  margin-right: 5px;
  color: #5D9AE0;
  font-size: 12px;
}
.modal-body .fm222.right-box .box li a:hover {
  color: #fff;
}
.search-zoom {
  width: 39px;
  height: 30px;
  background: #E5E5E5 url(../img/project-img/icon-searchzoom.png) no-repeat 0 0;
  border: 1px solid #CDCDCD;
  border-left: none;
  border-bottom: none;
}
.w-x .form-horizontal .control-label {
  width: 146px;
}
.w-x .form-horizontal .controls {
  margin-left: 150px;
}
*+html .w-x .form-horizontal .controls {
  margin-left: 0px;/* onlyfor ie7*/
}
.w-x .controls .label-check {
  margin-top: -2px;
  margin-bottom: 0;
}
.w-x .form-horizontal .control-group {
  margin-bottom: 8px;
}
.modal-body .modal-tips {
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  color: #666;
  text-align: left;
  font-size: 14px;
}
.modal-body .box {
  float: left;
  position: relative;
  display: inline-block;
}
.page-sidebar-menu>li>a{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}

.page-sidebar-menu>li>a>i{
	margin-right: 10px;
	margin-top: 4px;
}