.topLogo{
  /* background-color: rgb(0,47,168)!important; */
  /* background-color: rgb(146, 182, 213)!important; */
  /* background-color: #3670a9!important; */

}
.topHeader{
  /* background-color: rgb(146, 182, 213)!important; */
  /* background-color: #3c80bc!important; */
}
.app-sidebar{
  /* background-color:#363b3f !important; */
}
.app-sidebar.leftNav > .sidebar-wrapper{
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
}
.app-sidebar.leftNav .sidebar-menu > .nav-header {
  color: #a4aab4;
  background: #595e66;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}
.app-sidebar.leftNav .sidebar-menu .nav-item:hover > .nav-link,
.app-sidebar.leftNav .sidebar-menu .nav-item.active > .nav-link {
  /* color: #ffffff;
  background: #3f4b4f;
  border-left-color: #3c8dbc; */
}

/* .searchPanel {
  display: flex;
  flex-wrap: nowrap;       
  overflow-x: auto;         
}
.searchPanel input {
  flex: 1 1 auto;          
  min-width: 0;             
} */

.closeBtn{
  cursor: pointer;
}

/**joyconn-collapse**/
.joyconn-collapse {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.joyconn-collapse:hover {
  overflow: visible;
}




.joyconn-collapse > li {
  position: relative;
  margin: 0;
  padding: 0;
  border-top: 1px solid #b6c3c9;
  line-height: 30px;
  /* height: 30px; */
}
.joyconn-collapse > li:last-child {
    border-bottom: 1px solid #b6c3c9;;
}
.joyconn-collapse > li > span {
  padding: 12px 5px 12px 15px;
  display: block;
  border-left: 3px solid transparent;
}
.joyconn-collapse > li > span > .fa{
  width: 20px;
}
.joyconn-collapse > li .label,
.joyconn-collapse > li .badge {
  margin-top: 3px;
  margin-right: 5px;
}

.joyconn-collapse > li:hover > span {
  color: #b6c3c9;
  border-left-color: #3c8dbc;
}
.joyconn-collapse li  .icheckbox_flat,
.joyconn-collapse li  .icheckbox_flat-red,
.joyconn-collapse li  .icheckbox_square,
.joyconn-collapse li  .icheckbox_square-blue {
  float: left;margin-top: 15px;
  z-index: 1;
}
.joyconn-collapse li  .view_item_name {
  width: 100%;margin-left: 30px;cursor: pointer;
}
.joyconn-collapse li > span {
  position: relative;
}
.joyconn-collapse li > span > .pull-right {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}
.joyconn-collapse li   .fa-angle-left,.joyconn-collapse li   .fa-angle-down {
  float: right;
  line-height: 30px;
  font-size: 20px;
  color: #8aa4af;
  margin-right: 10px;
}



/* .joyconn-collapse >li.active   .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
} */


.joyconn-collapse li.active > .treeview-collapse {
  display: block;
}


.joyconn-collapse .treeview-collapse {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  /* padding-left: 5px; */
}
.joyconn-collapse .treeview-collapse  li {
  margin: 0;
  border-top: 1px solid #b6c3c9;
  line-height: 30px;
}
.joyconn-collapse .treeview-collapse > li > span {
  display: block;
  font-size: 14px;
  padding:  10px 0px 10px 15px;;
}
.joyconn-collapse .treeview-collapse > li > span > .fa{
  width: 20px;
}

.joyconn-collapse .treeview-collapse > li >  span:hover {
  color: #b6c3c9;
  /* border-left-color: #3c8dbc; */
}
/**joyconn-collapse**/


.uploaderContainer .pre_upload_pics{
  display: inline-block;
  vertical-align: top;
}
.uploaderContainer .weui-uploader__input-box{
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 0px;
  float: none;
  width: 77px;
  height: 77px;
  border: 1px solid #d9d9d9;
  position: relative;
}
.uploaderContainer .weui-uploader__input-box:after, 
.uploaderContainer .weui-uploader__input-box:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%,-50%);
  background-color: #d9d9d9;
}
.uploaderContainer .weui-uploader__input-box:before {
  width: 2px;
  height: 39.5px;
}
.uploaderContainer .weui-uploader__input-box::after {
  width: 39.5px;
  height: 2px;
}
.uploaderContainer .weui-uploader__input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin-right: 9px;
    margin-bottom: 9px;
}

.uploaderContainer .weui-uploader__file{
  position: relative;
  max-width: 77px;
  max-height: 77px;
  display: inline-block;
  margin-right: 9px;
  margin-bottom: 9px;
}
.uploaderContainer .weui-uploader__file img{
  max-width: 77px;
   max-height: 77px;
  vertical-align: inherit;
}
.uploaderContainer .weui-uploader__file .weui-uploader__file_preview,
.uploaderContainer .weui-uploader__file .weui-uploader__file_delete{
  width: 100%;
  background: rgba(99, 99, 99, 0.3);
  height: 30%;
  text-align: center;
  color: #fff;
}
.uploaderContainer .weui-uploader__file .weui-uploader__file_preview{
  position: absolute;
  top:0px;
  left: 0px;
}
.uploaderContainer .weui-uploader__file .weui-uploader__file_delete{
  position: absolute;
  bottom:0px;
  left: 0px;
}



/* 默认状态 */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid blue;
  background-color: white;
  line-height: 20px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin-left: .5rem;
}

/* 取消状态 */
input[type="checkbox"]:after {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
  content: "x";
  color: transparent;
  background-color: transparent;
}

/* 选中状态 */
input[type="checkbox"]:checked:after {
  content: "✔";
  color: blue;
  /* background-color: yellow; */
}