@charset "utf-8";

body {
  background: #f8f8f8;
}

.ui-login-logo {
  font-family: cursive;
}

.navbar.navbar-default {
  background: #2d353c;
}

.navbar {
  box-shadow: none;
  background: #182358 !important;
}

#header .navbar-nav .dropdown-menu {
  border-radius: 0;
}

#content-body {
  flex: 1;
}

.content {
  padding: 20px;
  margin-left: 180px;
  display: flex;
}

#system-box {
  width: 180px;
  overflow-y: auto;
  background: rgba(209, 219, 238, 1);
  box-shadow: 0 0 3px -2px #000;
  border-radius: 20px;
}

#system-box h5 {
  color: #0052cc;
}

.group-box-r {
  position: relative;
  margin: 10px 0;
  border-bottom: solid 1px rgba(186, 198, 219, 1);
  padding: 0 0px 10px 0px;
  color: #252631;
}

.group-box-r > .group-div-text > span {
  position: absolute;
  left: 15px;
}

.group-div-text {
  padding-left: 30px;
  padding-right: 15px;
  line-height: 25px;
}

.group-box {
  width: 100%;
  min-height: 150px;
}

.group-height {
  height: inherit;
  background-color: #e5edf7;
}

.curSelectedNode {
  background: transparent !important;
}

.curSelectedNode .node_name {
  color: #000 !important;
  padding: 2px 5px;
  border-radius: 8px;
}

.link-box {
  width: 230px;
  height: 230px;
  display: block;
  float: left;
  background: #fff;
  position: relative;
  margin: 0 15px 15px 0;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 3px -2px #000;
  border-radius: 20px;
  padding: 20px 18px;
}

.link-box:hover {
  background: linear-gradient(
    to top,
    #01479b 0%,
    #01479b 47%,
    white 47%,
    white 100%
  );
  outline: solid 1px #01479b;
  border-radius: 20px;
  text-decoration: none;
  cursor: pointer;
}

.link-box:hover::after {
  content: "";
  position: absolute;
  top: 105px;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  margin-left: -10px;
}

.link-box:hover .link-title {
  color: #fff;
}

.link-box:hover .link-title-des {
  /* color: #ccc; */
  color: #fff;
}

.link-img {
  width: 70px;
  height: 70px;
  margin: 5px 10px 25px 10px;
}

.link-title {
  font-size: 14px;
  display: block;
  width: 100%;
  white-space: nowrap;
  height: 30px;
  color: rgba(1, 71, 155, 1);
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px;
}

.link-title-des {
  display: block;
  color: #b5b5b5;
}

.authNone {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  width: 240px;
  height: 180px;
  text-align: center;
  margin-left: -120px;
}

.authNone > img {
  margin-bottom: 20px;
}

[treenode_ico] {
  display: none !important;
}

[treenode_a] {
  padding: 0 5px !important;
}

.group-div {
  min-height: 300px;
  padding: 0;
  display: flex;
}
.role-modal-body {
  background-color: #fff;
  border-radius: 20px;
}

#group-list {
  border-right: solid 1px #ddd;
  padding: 10px;
  max-width: 300px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}

#group-right,
#authorize-right {
  flex: 1;
  padding: 10px;
  /* background: #eee; */
  width: calc(100% - 200px);
}
.function-left {
  flex: 0.3;
  padding-top: 50px;
}

.role-ztree {
  width: 300px;
  /* padding: 30px; */
  padding-left: 0px;
  border-right: 0;
}

#search-input {
  border-radius: 8px;
}

#group-input {
  background-color: #fff;
}

.area-div {
  min-height: 300px;
  padding: 0;
  display: flex;
}

#area-list {
  width: 240px;
  border-right: solid 1px #ddd;
  min-height: 536px;
  padding: 10px;
}

#area-img-s {
  user-select: none;
  pointer-events: none;
  position: fixed;
  left: -100%;
  top: -100%;
  opacity: 0;
}

.area-img {
  user-select: none;
  pointer-events: none;
  position: fixed;
  left: -100%;
  top: -100%;
  opacity: 0;
}

#area-right {
  flex: 1;
  padding: 10px;
  background: #eee;
  width: calc(100% - 200px);
  overflow: auto;
}

.sizeTxCls {
  padding: 5px;
  float: right;
}

.group-title-div {
  float: right;
  position: relative;
  margin: 0;
  transform: translate(-10px, -3px);
}

.group-center-div {
  position: relative;
  margin: 0;
}

.group-title-div .btn-search {
  top: 0;
}

#new-company {
  margin-left: 5px;
  cursor: pointer;
  margin-top: 10px;
}

#group-path {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
}

#group-path .btn-sm,
#add-authorize {
  padding: 2px 5px;
  border-radius: 20px;
  margin-left: 5px;
  height: 30px;
}

.btn span.filter-option {
  color: #000;
}

.modal-open .modal {
  background: rgba(0, 0, 0, 0.2);
}

.left {
  float: left;
}

.right {
  float: right;
  display: flex;
}

.table.dataTable th {
  border-color: transparent;
  border-bottom-color: #888;
}

.formError {
  left: 15px !important;
}

#member-photo-div img {
  max-width: 100%;
}

#avatar-modal {
  z-index: 2000;
}

.avatar-wrapper-hidden div {
  display: none;
}

.avatar-wrapper-hidden img {
  display: none;
}

#imageHead img {
  display: none;
}

.modal {
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.2);
}

.member-photo {
  text-align: center;
}

.member-photo-img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.hideImgLeft > * {
  visibility: hidden !important;
}

.hidden {
  display: none !important;
}

.hideImgRight > * {
  display: none !important;
}

.DTFC_RightBodyWrapper {
  left: -1px !important;
}

.DTFC_RightWrapper .table.dataTable th:first-child {
  padding-left: 0;
}

#group-member td,
#function-member td {
  white-space: nowrap;
  line-height: 30px;
  padding: 2px 5px;
  max-width: 200px !important;
  word-break: break-all;
  min-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}

tr[data-level="1"] td:first-child {
  padding-left: 20px !important;
}
tr[data-level="2"] td:first-child {
  padding-left: 40px !important;
}
tr[data-level="3"] td:first-child {
  padding-left: 60px !important;
}
tr[data-level="4"] td:first-child {
  padding-left: 80px !important;
}

@media (min-width: 1100px) {
  .modal-lg-1100 {
    width: 1100px;
  }
}

#modal-del {
  z-index: 1070;
}

.unread-num {
  position: absolute;
  right: 5px;
  top: 10px;
  background: #ff5b57;
  color: #fff;
  width: 30px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  font-size: 14px;
  box-shadow: 0px 0px 1px #000;
  display: none;
}

.group-form {
  padding: 15px;
}

.group-form input {
  border: none;
}

.group-form .input-group {
  border-radius: 8px;
  overflow: hidden;
}

.group-form .btn-search {
  /*
    margin-top: -51px;
    margin-left: 100px;
      height:30px;
    background:0;
    color:#242a30;
    */
  height: 34px;
  border: none;
}

.group-form .btn-down {
  /*
    margin-left: 135px;
    margin-top: -83px;
      height:30px;
    background:0;
    color:#242a30;
    */
  border-left: solid 1px #eaeaea !important;
  height: 34px;
  border: none;
}

.ztree li a {
  height: initial !important;
  white-space: normal;
}

.navbar-brand {
  white-space: pre;
}

.layout-size-span {
}

#layout-size-tab-1 input {
  width: 70px;
  margin: 0 10px;
  text-align: right;
  width: 70px;
}

.layout-form-box {
  display: inline-flex;
  line-height: 30px;
}

.layout-size-div .tab-pane {
  display: none;
}

.layout-size-div .tab-pane.active {
  display: block;
}

.area-photo-div img {
  display: none;
}

#layout-setting {
  margin-left: 20px;
  font-size: 12px;
}

.form-control {
  border: none;
  border-radius: 8px;
  background-color: #f1f6fb;
}

.authorize-btn,
.copy-btn {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.copy-btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0 10px;
  cursor: pointer;
}

.license-key {
  white-space: normal;
  overflow-wrap: break-word;
  position: relative;
}

.license-key span {
  position: absolute;
  right: 0;
}

.modal-text {
  white-space: normal;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  #modal-mi .modal-dialog {
    width: 680px;
    margin: 30px auto;
  }
}

#authorize-key {
  display: none !important;
}
.batch-import {
  min-width: 750px;
}
#download-template,
#com-upload-open,
#choose-role {
  width: 170px;
}