.mobile-content {
  width: 100%;
  height: auto;
  background: #323232;
  padding: 20px 0;
}

.system-mobile-show {
  margin: 0 auto;
  width: 414px;
  height: 811px;
  border-radius: 40px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.system-mobile-show .preview-top {
  height: 76px;
  padding-top: 26px;
}
.system-mobile-show .preview-top i {
  display: block;
  background: #e3e3e3;
  margin: 0 auto;
  margin-bottom: 6px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.system-mobile-show .preview-top span {
  margin: 0 auto;
  height: 8px;
  width: 86px;
  border-radius: 30px;
  display: block;
  background: #e3e3e3;
}
.system-mobile-show .preview-content {
  width: 375px;
  height: 660px;
  margin: 0 auto;
  background-color: #fafafa;
  padding: 10px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.system-mobile-show .preview-content * {
  max-width: 355px !important;
}
.system-mobile-show .preview-content img {
  height: auto !important;
}
.system-mobile-show .preview-home {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #e3e3e3;
  margin: 0 auto;
  margin-top: 20px;
}

.grid__actions__ .btn {
  margin-right: 4px;
}
.grid__actions__ .btn-group,
.grid__actions__ .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.grid__actions__ .btn-group-vertical > .btn,
.grid__actions__ .btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

.grid-modal-no-clone .fa-clone {
  display: none;
  opacity: 0;
}

.home-container {
  display: flex;
  flex-direction: column;
}
.home-container .count {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.home-container .count .item {
  flex: none;
  width: 240px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-container .count .item .value {
  flex: none;
  font-size: 56px;
  font-weight: 500;
}
.home-container .count .item .label {
  flex: none;
  color: #333;
  font-weight: normal;
  cursor: none;
  display: flex;
  flex-direction: column;
}
.home-container .count .item .label .btn {
  margin-top: 10px;
}
.home-container .line {
  width: 100%;
  height: 1px;
  margin: 30px 0;
}
.home-container .filter-count {
  flex: none;
  display: flex;
  flex-direction: column;
}
.home-container .filter-count .filter {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.home-container .filter-count .filter .form-group {
  margin: 0 20px;
}
.home-container .filter-count .data-panel {
  margin-top: 40px;
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.home-container .filter-count .data-panel .item {
  flex: none;
  width: 200px;
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-container .filter-count .data-panel .item .value {
  flex: none;
  font-size: 36px;
}
.home-container .filter-count .data-panel .item .label {
  flex: none;
  cursor: none;
  color: #333;
}
.full_height{
  min-height: 80vh;
}