@CHARSET "UTF-8";

.communityManage{
  padding: 15px;
  display: flex;
  /*flex-direction: column;*/
  height: 558px;
  box-sizing: border-box;
}

.communityManage .communityTree{
  width: 250px;
  border：1px solid #ccc;
  border-radius: 5px;
  height: 100%;
  background: rgba(51, 153, 255, 1);
  padding: 10px;
  box-sizing: border-box;
  overflow: auto;
}

.communityManage .importUnint {
  margin-left: 10px;
  flex:1;
  border: 1px solid #ccc;
  padding: 10px;
  flex-direction: row;
}
.communityManage .importUnint .info  p{
  margin-top: 10px;
}
.communityManage .importUnint .info .name {
  color:#0099FF;
}

.communityManage .importUnint .head {
  display: flex;
  justify-content: space-between;
}

.communityManage .importUnint .head .btnImport{
   width: 140px;
   height: 40px;
   border-radius: 5px;
   color: #fff;
   background-color: #0099FF;
   border: none;
}
.communityManage .importUnint .head .btnImport.disabled{
  cursor: not-allowed;
  background: #ccc;
}

.communityManage  .textareaImport {
    margin-top: 20px;
    position:relative;
}
.communityManage  .textareaImport .placeholder{
  position: absolute;
  top:10px;
  left:10px;
  color:#ccc;
  cursor: pointer;
  line-height: 20px;
  cursor: pointer;
}
.communityManage  .textareaImport .placeholder p{
  margin-bottom: 0;
}
.communityManage  .textareaImport .unitItem{
  width: 100%;
  height: 423px;
  outline: none;
  resize: none;
}
.communityManage  .textareaImport .unitItem.error{
  color:red;
}

#addCommunityModal div.modal-dialog {
  position: absolute;
  margin: 0;
  width: 280px;
  height: 146px;
  left: 50%;
  top: 50%;
  margin-left: -140px;
  margin-top: -73px;
}
#addCommunityModal input.error {
  border-color:red;
}
#addCommunityModal .btn-ok {
  display: inline-block;
  cursor: pointer;
  height: 32px;
  margin: 0 auto;
  margin-right: 5px;
  border: 0px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #bbcbf0;
  background-color: #366ff5;
  padding: 0 14px;
  line-height: 32px;
}
.communityTree .ztree li span.button.ico_close {
  display: none!important;
}
.communityTree .ztree li span.button.ico_docu {
  display: none!important;
}
.communityTree .ztree li span.button.ico_open {
  display: none!important;
}
.communityTree .ztree * {
  color:#fff;
  font-size: 14px;
}
.communityTree .ztree li a.curSelectedNode{
  background:#abcdef;
  border: none;
}
.communityTree .ztree li a:hover {
  text-decoration: none;
}

#tree-root {
  display: flex;
  justify-content: space-around;
}
#rootAddBtn{
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("../img/zTreeStandard.png");
}

.communityTree .ztree li a span:nth-child(2){
  max-width: 105px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.importShadow{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0, 0.5);
  /*display: flex;*/
}
.importShadow p{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.importShadow p span {
  color:#fff;
}
.icon-loading{
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url("../image/icon-16-loading.gif");
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}
