/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #ff4d4f;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1175BB;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 15px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.antd-pro-component-dashs-exception-index-exception {
  display: flex;
  align-items: center;
  height: 80%;
  min-height: 500px;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgBlock {
  flex: 0 0 62.5%;
  width: 62.5%;
  padding-right: 152px;
  zoom: 1;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgBlock:before,
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgBlock:after {
  content: ' ';
  display: table;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgBlock:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgEle {
  height: 360px;
  width: 100%;
  max-width: 430px;
  float: right;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-content {
  flex: auto;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-content h1 {
  color: #434e59;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
  margin-bottom: 24px;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-content .antd-pro-component-dashs-exception-index-desc {
  color: rgba(0, 0, 0, 0.45);
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
}
.antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-content .antd-pro-component-dashs-exception-index-actions button:not(:last-child) {
  margin-right: 8px;
}
@media screen and (max-width: 1200px) {
  .antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgBlock {
    padding-right: 88px;
  }
}
@media screen and (max-width: 576px) {
  .antd-pro-component-dashs-exception-index-exception {
    display: block;
    text-align: center;
  }
  .antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgBlock {
    padding-right: 0;
    margin: 0 auto 24px;
  }
}
@media screen and (max-width: 480px) {
  .antd-pro-component-dashs-exception-index-exception .antd-pro-component-dashs-exception-index-imgBlock {
    margin-bottom: -24px;
    overflow: hidden;
  }
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#nprogress .bar {
  background: #4dbd74;
  height: 4px;
}
.preview-area {
  position              : relative;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -moz-box;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -moz-box-orient       : vertical;
  -moz-box-direction    : normal;
  -ms-flex-direction    : column;
  flex-direction        : column;
  -webkit-box-flex      : 1;
  -webkit-flex          : 1 0 auto;
  -moz-box-flex         : 1;
  -ms-flex              : 1 0 auto;
  flex                  : 1 0 auto;
  width                 : 100%;
  height                : 100vh;
  overflow              : hidden;
  -webkit-border-radius : 0 0 5px 5px;
  -moz-border-radius    : 0 0 5px 5px;
  border-radius         : 0 0 5px 5px;
}




.panorama-container {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%
}

.hotspot {
  height          : 30px;
  width           : 30px;
  background-color: orange;
  border-radius   : 50%;
  display         : flex;
  justify-content : center;
  align-items     : center;
  position        : relative;
  align-self      : center;
  cursor          : pointer;
}

.hotspot.hotspot-dashboard {
  height: 15px;
  width : 15px;

}

.hotspot-line {
  height          : 25px;
  width           : 2px;
  background-color: #fff;
  display         : block;
  opacity         : 1;
  visibility      : visible;
}


.hotspot::before {
  content      : "";
  position     : absolute;
  border       : 1px solid orange;
  width        : calc(100% + 10px);
  height       : calc(100% + 10px);
  border-radius: 50%;
  animation    : pulse 1s linear infinite
}

.hotspot::after {
  content        : "";
  position       : absolute;
  border         : 1px solid ORANGE;
  width          : calc(100% + 10px);
  height         : calc(100% + 10px);
  border-radius  : 50%;
  animation      : pulse 1s linear infinite;
  animation-delay: 0.3s
}

.hotspot-container {
  position: relative;
}

.hotspot-container .hotspot-infoConainer {
  position      : absolute;
  bottom        : 100%;
  left          : 50%;
  text-align    : left;
  transform     : translateX(-50%);
  display       : flex;
  flex-direction: column;
  align-items   : center;
  max-width     : 250px;


}

.hotspot-container .hotspot {
  background-color: purple;
}

.hotspot-container .hotspot::before,
.hotspot-container .hotspot::after {
  border-color: purple;
}

.hotspot-container .hotspot.warning {
  background-color: red;
}

.hotspot-container .hotspot.warning::before,
.hotspot-container .hotspot.warning::after {
  border-color: red;
}

.hotspot-name {
  padding         : 10px;
  background-color: purple;
  border          : 1px solid #fff;
  color           : white;
  display         : block;
  width           : max-content;
  border-radius   : 5px;
  opacity         : 1;
  visibility      : visible;


}

.hotspot-infoConainer.warning .hotspot-name {
  background-color : rgba(255, 0, 0, 0.7) !important;
  -webkit-animation: coccoc-alo-circle-img-anim2 1s infinite ease-in-out;
  -moz-animation   : coccoc-alo-circle-img-anim2 1s infinite ease-in-out;
  -ms-animation    : coccoc-alo-circle-img-anim2 1s infinite ease-in-out;
  -o-animation     : coccoc-alo-circle-img-anim2 1s infinite ease-in-out;
  animation        : coccoc-alo-circle-img-anim2 1s infinite ease-in-out;
}

.hotspot-infoConainer .boxDetail,
.dashboad360View .boxDetail {
  position        : absolute;
  z-index         : 10;
  bottom          : 20px;
  left            : 50%;
  opacity         : 0;
  visibility      : hidden;
  transform       : translateY(-50%) translateX(-50%);
  transition      : all 0.5s ease;
  background-color: purple;
  border          : 1px solid #fff;
  color           : white;
  padding         : 10px;
  width           : max-content;
  border-radius   : 5px;
  height          : max-content;
}

.dashboad360View .boxDetail {
  bottom    : 0;
  transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.5s ease;
}

.hotspot-infoConainer.active-info .boxDetail,
.dashboad360View .boxDetail.active {
  opacity   : 1;
  visibility: visible;
  transform : translateY(0) translateX(-50%)
}

.hotspot-infoConainer .boxDetail p,
.dashboad360View .boxDetail p {
  font-style: italic;
}

.hotspot-infoConainer .boxDetail p>a,
.dashboad360View .boxDetail p>a {
  color      : #fff;
  font-weight: 500;
  font-style : normal;
}

.hotspot-infoConainer .boxDetail .detail-box_avatar,
.dashboad360View .boxDetail .detail-box_avatar {
  display      : flex;
  margin-bottom: 10px;
}

.hotspot-infoConainer .boxDetail .avatar-member,
.dashboad360View .boxDetail .avatar-member {
  width       : 80px;
  height      : 80px;
  margin-right: 10px;
}

.hotspot-infoConainer .boxDetail p.detail_hotname,
.dashboad360View .boxDetail p.detail_hotname {
  font-size : 16px;
  font-style: normal;
}


.hotspot-container .trash {
  position        : absolute;
  bottom          : -15px;
  left            : -25px;
  cursor          : pointer;
  background-color: #fff;
  width           : 20px;
  height          : 20px;
  border-radius   : 50%;
  display         : flex;
  align-items     : center;
  justify-content : center;
  z-index         : 10;
  font-size       : 14px;
  color           : #1b75bc;
}

.hotspot-container .input-hostpost {
  position: absolute;
  top     : 0;
  right   : 10px;
  width   : 50px;
}

.hotspot-fullname {
  background     : #fff;
  width          : 150px;
  border-radius  : 5px;
  font-weight    : 500;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  padding        : 5px;
  line-height    : 1.5;
  cursor         : pointer;
  box-shadow     : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.hotspot-fullname-text {
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.hotspot-fullname-span {
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
}

.hotspot-fullname-view {
  position           : relative;
  background         : #fff;
  width              : 165px;
  border-radius      : 5px;
  font-weight        : 500;
  display            : block;
  padding            : 5px;
  box-shadow         : rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  /* background      : none 0% 0% repeat scroll transparent; */
  /* background-color: rgba(236, 239, 241, 0.7); */
}

.hotspot-fullname>i {
  cursor     : pointer;
  font-size  : 16px;
  margin-left: 2px;
}

.waring-icon {
  cursor      : unset;
  font-size   : 14px;
  color       : red;
  margin-right: 5px;

  -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -moz-animation   : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -ms-animation    : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -o-animation     : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  animation        : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}


@keyframes coccoc-alo-circle-img-anim2 {
  0% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-5deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(5deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-5deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(5deg) scale(1) skew(1deg)
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg)
  }
}

@keyframes coccoc-alo-circle-img-anim {
  0% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    transform: rotate(0) scale(1) skew(1deg)
  }
}

.hotspot-container-fullname {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  cursor         : pointer;
}

.hotspot-container-fullname.warning {
  color: red;
}


.hotspot-container .save {
  position        : absolute;
  bottom          : -15px;
  right           : -25px;
  cursor          : pointer;
  background-color: #fff;
  width           : 20px;
  height          : 20px;
  border-radius   : 50%;
  display         : flex;
  align-items     : center;
  justify-content : center;
  z-index         : 10;
  font-size       : 14px;
  color           : darkgoldenrod;
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity  : 0
  }

  50% {
    transform: scale(1);
    opacity  : 1
  }

  100% {
    transform: scale(1.3);
    opacity  : 0
  }
}

.list-office-user {
  list-style: none;
  margin    : 0;
  padding   : 0;
  display   : block;

  /* position: absolute;
    bottom: calc(100% + 15px);
    left: 50%;
    transform: translateX(-50%); */
  width              : 100%;
  /* background      : #fff; */
  padding            : 5px;
  border-radius      : 4px;
  width              : 157px;
  background         : none 0% 0% repeat scroll transparent;
  /* background-color: rgba(236, 239, 241, 0.5); */
}

.list-office-user::after {
  content         : '';
  display         : block;
  position        : absolute;
  top             : 100%;
  left            : 0;
  width           : 100%;
  height          : 15px;
  background-color: transparent;
}

.list-office-user::before {
  content  : '';
  display  : block;
  position : absolute;
  top      : 100%;
  left     : 50%;
  transform: translateX(-50%);

  background  : none 0% 0% repeat scroll transparent;
  width       : 0;
  height      : 0;
  border-left : 10px solid transparent;
  border-right: 10px solid transparent;
  border-top  : 10px solid rgba(236, 239, 241, 0.5);
}

.list-office-user__item {
  display    : flex;
  align-items: center;
  cursor     : pointer;
}

.list-office-user__item:hover>span:nth-child(2) {
  text-decoration: underline;
}

.list-office-user__item>.circle {
  display      : block;
  width        : 10px;
  height       : 10px;
  border-radius: 50%;
  background   : rebeccapurple;
  margin-right : 10px;
}

.list-office-user__item>i {
  margin-left: 5px;
  color      : red;

  -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -moz-animation   : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -ms-animation    : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  -o-animation     : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
  animation        : coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}

.hotspot-infoConainer .list-office-user {
  list-style: none;
  margin    : 0;
  padding   : 0;
  display   : block;

  position        : unset;
  bottom          : unset;
  left            : unset;
  transform       : unset;
  width           : 100%;
  /* background   : #fff; */
  padding         : 5px;
  border-radius   : 4px;
  width           : 157px;
  background      : unset;
  background-color: unset;
}


.hotspot-span {
  display   : block;
  border-top: 1px solid #eee;
  padding   : 5px 0;
}

.hotspot-container-fullname .hotspot-span {
  border-top: none;
}

.hotspot-fullname-view:hover .list-office-user {
  display: block;
}

.preview-area .logo_workUnit {
  z-index: 10;
  cursor : pointer;
}

.preview-area .logo_workUnit>img {
  width       : 100px;
  /* height   : 100px;
    object-fit: cover; */
}

.preview-area .info-general {
  position     : fixed;
  z-index      : 10;
  top          : 200px;
  left         : 13px;
  width        : 165px;
  /* background: #00000054; */
}

.preview-area .info-general .info-general__item {
  width           : 100%;
  height          : 30px;
  display         : flex;
  align-items     : center;
  justify-content : flex-start;
  background      : #00000054;
  color           : #fff;
  /* margin-bottom: 10px; */
  padding         : 0 10px;
  /* font-weight  : 700; */
}

.preview-area .workUnit-info {
  position        : fixed;
  z-index         : 10;
  /* padding-top  : 10px; */
  left            : 50%;
  width           : 100%;
  height          : 140px;
  transform       : translateX(-50%);
  background-color: #00000054;
  align-items     : center;
}

.preview-area .workUnit-info_container {
  display    : flex;
  align-items: center;
  width      : 1100px;
  margin     : 0 auto;
  padding-top: 20px;
}

.preview-area .banner-title {
  position      : relative;
  left          : -50px;
  width         : 100%;
  color         : #fff;
  font-weight   : 600;
  text-transform: uppercase;
  z-index       : 1;
}

.preview-area .banner-title>h2 {
  text-align   : center;
  font-weight  : 700;
  font-size    : 18px;
  line-height  : 30px;
  color        : #fff;
  margin-bottom: 0;
}

.preview-area .banner-title>h3 {
  text-align : center;
  font-size  : 12px;
  line-height: 20px;
  color      : #fff;
}

.preview-area .banner-title>h1 {
  color        : #fff;
  text-align   : center;
  font-size    : 40px;
  line-height  : 40px;
  margin-top   : 12px;
  color        : red;
  text-shadow  : 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
  position     : relative;
  left         : -10px;
  margin-bottom: 0;
}


.preview-page .detail {
  position               : fixed;
  z-index                : 99;
  bottom                 : 0;
  left                   : 0;
  background-color       : #ffca73;
  width                  : 100%;
  height                 : 100%;
  max-height             : 100%;
  max-width              : 100%;
  border-top-right-radius: 20px;
  border-top-left-radius : 20px;
  padding                : 20px 0;
  transition             : transform 0.4s ease;
  transform              : translateY(var(--slide, calc(100% - 66px)))
}

.preview-page .detail.show {
  --slide: 40px
}

.preview-page .detail .detail_close {
  position : absolute;
  z-index  : 10;
  color    : #fff;
  font-size: 30px;
  right    : 50px;
  top      : 10px;
  cursor   : pointer;
}

.preview-page .detail .arrow {
  position : absolute;
  top      : -50px;
  right    : 50%;
  transform: translateX(50%);
  cursor   : pointer;
  font-size: 50px;
  color    : #fff;
}



.preview-page .detail_container {
  overflow       : auto;
  height         : calc(100vh - 70px);
  scrollbar-color: #7f7f7f white;
  scrollbar-width: thin;
  padding        : 0 100px 40px;
}

.preview-page .detail_container .ant-table {
  background-color: transparent;
  color           : #fff
}

.preview-page .detail_container .ant-table-thead>tr>th {
  background-color: transparent;
  color           : #fff
}

.preview-page .detail_container .ant-table-tbody>tr.ant-table-row {
  cursor: pointer;
}

.preview-page .detail_container .ant-table-tbody>tr.ant-table-row:hover>td {
  background-color: gray;
}

.preview-page .detail_container .ant-table-cell-fix-left,
.preview-page .detail_container .ant-table-cell-fix-right {
  background-color: transparent
}

.preview-page .detail_container .ant-table-body .ant-table-tbody,
.preview-page .detail_container .ant-table-body {
  scrollbar-width   : none !important;
  -ms-overflow-style: none !important;
}

.preview-page .detail_container .ant-table-body .ant-table-tbody::-webkit-scrollbar,
.preview-page .detail_container .ant-table-body ::-webkit-scrollbar {
  display: none !important;
}

/* width */

.preview-page .detail_container::-webkit-scrollbar {
  width: 2px;
}


.preview-page .detail_container::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.411);
}

/* Handle on hover */

.preview-page .detail_container::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.preview-page .detail_container .detail_title {
  text-align    : center;
  font-size     : 24px;
  font-weight   : bold;
  letter-spacing: 0.01px;
  color         : #000;
  text-transform: uppercase;
  margin-bottom : 21px;
  padding-top   : 10px;
}

.preview-page .detail_container .detail_info {
  margin-bottom: 16px;
  margin-left  : 0;
}

.preview-page .detail_container .detail_info .detail_info_item {
  display       : flex;
  align-items   : center;
  text-align    : left;
  letter-spacing: 0.01px;
  color         : #2B2B2B;
  font-size     : 18px;
  margin-bottom : 10px;
}

.preview-page .detail_container .detail_info_left {
  width        : 157px;
  margin-bottom: 0;
}

.preview-page .detail_container .detail_info_right {
  font-weight  : bold;
  margin-bottom: 0;
}

.preview-page .detail_container .detail_desc {
  color    : #2B2B2B;
  font-size: 18px;
}

.preview-page .detail_container .detail_desc p {
  margin-bottom: 1rem
}

.preview-page .detail_container .detail_desc li {
  margin-bottom: 1rem
}

.preview-page .detail_container .detail_desc h1,
.preview-page .detail_container .detail_desc h2,
.preview-page .detail_container .detail_desc h3,
.preview-page .detail_container .detail_desc h4 {
  color: #2B2B2B;
}

.preview-page .detail_container .detail_media {
  color        : #2B2B2B;
  font-size    : 18px;
  line-height  : 24px;
  font-weight  : bold;
  margin-top   : 15px;
  margin-bottom: 15px;
  padding-top  : 15px;
  border-top   : 1px solid #2B2B2B;
}

.preview-page .detail_container .media_container {
  display        : flex;
  width          : 100%;
  justify-content: space-between;
  align-items    : center;
  margin-bottom  : 17px;
  margin-top     : 19px;
}

.preview-page .detail_container .media_container .owl-dots {
  text-align: center;
}

.preview-page .detail_container .media_container .owl-dot {
  width        : 10px;
  height       : 10px;
  border       : 1px solid #fff !important;
  border-radius: 50%;
  margin       : 5px;
}

.preview-page .detail_container .media_container .owl-dot.active {
  background-color: #fff !important;
}

.preview-page .detail_container .media_item {
  width           : 206px;
  height          : 115px;
  background-color: #ffffff;
  cursor          : pointer;
}

.preview-page .detail_container .detail_listOffice {
  display   : flex;
  flex-wrap : wrap;
  margin-top: 20px;
}

.preview-page .detail_container .detail_office_item {
  width     : 20%;
  text-align: center;
  cursor    : pointer;
  padding   : 0 10px
}

.preview-page .detail_container .detail_office_name {
  color     : #fff;
  font-size : 18px;
  transition: color 0.5s ease
}

.preview-page .detail_container .detail_office_item:hover .detail_office_name {
  color: gray
}

@media (max-width: 1023px) {

  .preview-area .workUnit-info h1 {
    padding  : 5px 10px;
    font-size: 15px;
  }

  .preview-area .logo_workUnit>img {
    width : 45px;
    height: 45px;
  }

  .preview-area .workUnit-info_container {
    width: 100%;
  }

  .preview-area .banner-title>h2 {
    font-size: 12px;

  }

  .preview-area .banner-title>h3 {
    font-size: 12px;
  }

  .preview-area .banner-title>h1 {

    font-size: 35px;

  }

  .preview-area .banner-title {
    left: 0;
  }

  .preview-area .logo_workUnit>img {
    margin-left: 15px;
  }
}


@media (max-width: 767px) {

  .preview-area .workUnit-info h1,
  .dashboad360View .workUnit-info h1 {
    font-size : 14px;
    width     : unset;
    text-align: center;
  }

  .preview-page .control-right {
    right: 10px;
    top  : 80px;
  }

  .dashboad360View .control-right {
    right: 28px;
    top  : 80px;
  }

  .preview-page .root-backBtn,
  .dashboad360View .root-backBtn {
    left: 10px;
    top : 70px;
  }

  .preview-area .info-general {
    display: none;
  }

  .preview-page .detail_container {
    padding: 0 20px 40px;
  }

  .preview-area .logo_workUnit>img {
    width         : 70px;
    margin-left   : 10px;
    /* height     : 100px;
        object-fit: cover; */
  }

  .preview-area .banner-title {
    left: 0;
  }

  .preview-area .workUnit-info_container {
    align-items: flex-start;
  }

  .preview-area .banner-title>h2 {
    line-height: 20px;

  }
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.antd-pro-component-dashs-account-info-main {
  width: 80%;
  height: 80vh;
  /* border-radius: 5px; */
  margin: auto;
  background-color: #fff;
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
}
.antd-pro-component-dashs-account-info-main .antd-pro-component-dashs-account-info-leftmenu {
  width: 300px;
  border-right: 1px solid gray;
}
.antd-pro-component-dashs-account-info-main .antd-pro-component-dashs-account-info-leftmenu .ant-menu-inline {
  border: none;
}
.antd-pro-component-dashs-account-info-main .antd-pro-component-dashs-account-info-leftmenu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  font-weight: bold;
}
.antd-pro-component-dashs-account-info-main .antd-pro-component-dashs-account-info-right {
  flex: 1;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.antd-pro-component-dashs-account-info-main .antd-pro-component-dashs-account-info-right .antd-pro-component-dashs-account-info-title {
  font-size: 23px;
  color: #196ca6;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 12px;
  border-bottom: 1px solid #f1f1f1;
}
.antd-pro-component-dashs-account-info-main .ant-list-split .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.antd-pro-component-dashs-account-info-main .ant-list-item {
  padding-top: 14px;
  padding-bottom: 14px;
}
.ant-list-item-meta .taobao {
  color: #ff4000;
  display: block;
  font-size: 48px;
  line-height: 48px;
  border-radius: 2px;
}
.ant-list-item-meta .dingding {
  background-color: #2eabff;
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  padding: 6px;
  margin: 2px;
  border-radius: 2px;
}
.ant-list-item-meta .alipay {
  color: #2eabff;
  font-size: 48px;
  line-height: 48px;
  border-radius: 2px;
}
font.strong {
  color: #52c41a;
}
font.medium {
  color: #faad14;
}
font.weak {
  color: #ff4d4f;
}
@media screen and (max-width: 768px) {
  .antd-pro-component-dashs-account-info-main {
    flex-direction: column;
  }
  .antd-pro-component-dashs-account-info-main .antd-pro-component-dashs-account-info-leftmenu {
    width: 100%;
    border: none;
  }
  .antd-pro-component-dashs-account-info-main .antd-pro-component-dashs-account-info-right {
    padding: 15px;
  }
}
@media screen and (max-width: 992px) {
  .antd-pro-component-dashs-account-info-main {
    width: calc(100vw - 40px);
    width: 100%;
    height: calc(100vh - 100px);
  }
  .antd-pro-component-dashs-account-info-right {
    padding: 40px;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.baseView {
  display: flex;
  padding-top: 12px;
}
.baseView .left {
  max-width: 600px;
  min-width: 500px;
}
.baseView .right {
  flex: 1;
  min-width: 200px;
}
.baseView .right .avatar_title {
  height: 22px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  margin-bottom: 8px;
}
.baseView .right .avatar {
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  width: 144px;
  height: 144px;
  margin-bottom: 12px;
  overflow: hidden;
}
.baseView .right .avatar img {
  width: 100%;
}
.baseView .right .button_view {
  width: 144px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .baseView {
    flex-direction: column;
  }
  .baseView .right {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    max-width: 448px;
  }
  .baseView .right .avatar_title {
    display: none;
  }
  .baseView .left {
    min-width: 100%;
  }
}
.icon3 {
  font-size: 20px;
  padding: 5px;
  right: 20px;
  border-radius: 50px;
  z-index: 5;
  cursor: pointer;
  background: #eee;
  box-shadow: #333333 2px 0px 5px 0px;
  position: absolute;
  top: -180px;
  right: -100px;
}

.react-tag-input {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 2.375em;
  padding: 0.1875em 0.375em;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1rem;
  background: #fff;
  color: #333;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
}

.react-tag-input * {
  box-sizing: border-box;
}

.react-tag-input > * {
  margin: 0.1875em;
}

.react-tag-input__input {
  width: auto;
  flex-grow: 1;
  height: 1.875em;
  padding: 0 0 0 0.1875em;
  margin: 0 0.1875em;
  font-size: 1em;
  line-height: 1;
  background: transparent;
  color: #333;
  border: none;
  border-radius: 3px;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

.react-tag-input__input::placeholder,
.react-tag-input__input:-moz-placeholder,
.react-tag-input__input:-ms-input-placeholder,
.react-tag-input__input::-moz-placeholder,
.react-tag-input__input::-webkit-input-placeholder {
  color: #333;
}

.react-tag-input__input:focus {
  border: none;
}

.react-tag-input__tag {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.85em;
  line-height: 1;
  background: #e1e1e1;
  border-radius: 3px;
}

.react-tag-input__tag__content {
  outline: 0;
  border: none;
  white-space: nowrap;
  padding: 0 0.46875em;
}

.react-tag-input__tag__remove {
  position: relative;
  height: 2em;
  width: 2em;
  font-size: 0.85em;
  cursor: pointer;
  background: #d4d4d4;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.react-tag-input__tag__remove:before,
.react-tag-input__tag__remove:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: ' ';
  height: 0.9em;
  width: 0.15em;
  background-color: #333;
}

.react-tag-input__tag__remove:before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.react-tag-input__tag__remove:after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.react-tag-input__tag__remove-readonly {
  width: 0;
}

.react-tag-input__tag__remove-readonly:before,
.react-tag-input__tag__remove-readonly:after {
  content: '';
  width: 0;
}

.react-tag-input__input {
  width: 100% !important;
  color: rgba(0, 0, 0, 0.85) !important;
  padding: 4.8px 11px !important;
  font-size: 13px !important;
  line-height: 1.5715 !important;
  /* border: 1px solid #d9d9d9; */
}

.react-tag-input__input::placeholder {
  color: #d9d9d9 !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 15px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 13px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 13px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-rtl .ant-card-grid {
  float: right;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover {
  margin-right: -1px;
  margin-left: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-rtl .ant-card-actions > li {
  float: right;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 13px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1175BB;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1175BB;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 13px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  float: right;
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 13px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.iconGroup i {
  transition: color 0.32s;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  margin-left: 16px;
}
.iconGroup i:hover {
  color: rgba(0, 0, 0, 0.85);
}
.rankingList {
  margin: 25px 0 0;
  padding: 0;
  list-style: none;
}
.rankingList li {
  zoom: 1;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.rankingList li:before,
.rankingList li:after {
  content: ' ';
  display: table;
}
.rankingList li:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.rankingList li span {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 22px;
}
.rankingList li .rankingItemNumber {
  background-color: #f5f5f5;
  border-radius: 20px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  margin-right: 16px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  margin-top: 1.5px;
}
.rankingList li .rankingItemNumber.active {
  background-color: #314659;
  color: #fff;
}
.rankingList li .rankingItemNumber.title {
  background-color: unset;
}
.rankingList li .rankingItemTitle {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 8px;
  cursor: pointer;
}
.rankingList li .rankingItemValue {
  font-size: 15px;
  font-weight: bold;
}
.buttonExp {
  float: right;
}
.salesExtra {
  display: inline-block;
  margin-right: 24px;
}
.salesExtra a {
  color: rgba(0, 0, 0, 0.85);
  margin-left: 24px;
}
.salesExtra a:hover {
  color: #1175BB;
}
.salesExtra a.currentDate {
  color: #1175BB;
}
.iconMenuThu {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 20px;
  z-index: 999;
}
.iconMenu {
  font-size: 20px;
  z-index: 999;
}
.salesCard {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
}
.salesCard .salesBar {
  padding: 0 0 10px 32px;
}
.salesCard .salesRank {
  padding: 0px 10px;
  height: 420px;
  overflow-y: auto;
}
.salesCard .ant-tabs-bar {
  padding-left: 16px;
}
.salesCard .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding-top: 16px;
  padding-bottom: 14px;
  line-height: 24px;
}
.salesCard .ant-tabs-nav-wrap {
  padding-left: 16px;
}
.salesCard .ant-tabs-extra-content {
  padding-right: 24px;
  line-height: 55px;
}
.salesCard .ant-card-head {
  position: relative;
}
.salesCardExtra {
  height: 68px;
}
.salesTypeRadio {
  position: absolute;
  left: 24px;
  bottom: 15px;
}
.offlineCard .ant-tabs-ink-bar {
  bottom: auto;
}
.offlineCard .ant-tabs-bar {
  border-bottom: none;
}
.offlineCard .ant-tabs-nav-container-scrolling {
  padding-left: 40px;
  padding-right: 40px;
}
.offlineCard .ant-tabs-tab-prev-icon:before {
  position: relative;
  left: 6px;
}
.offlineCard .ant-tabs-tab-next-icon:before {
  position: relative;
  right: 6px;
}
.offlineCard .ant-tabs-tab-active h4 {
  color: #1175BB;
}
.trendText {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.85);
}
.topTabsWeb .ant-tabs-bar {
  border: unset;
  margin: 0;
}
.topTabsWeb .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav {
  width: 100%;
}
.topTabsWeb .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab {
  border: unset;
  background: unset;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 20px;
}
.topTabsWeb .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab-active {
  background: #1175BB;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
  border-radius: 10px;
}
.topTabsWeb .ant-tabs-bar .ant-tabs-nav-container .ant-tabs-nav-wrap .ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab-active a {
  color: #fff;
}
.topTabsWeb .ant-tabs-nav {
  margin: 0;
}
.topTabsWeb .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: 100%;
}
.topTabsWeb .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  border: unset;
  background: unset;
  font-size: 15px;
  font-weight: 600;
}
.topTabsWeb .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active {
  background: #1175BB;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
  border-radius: 10px;
}
.topTabsWeb .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active a {
  color: #fff;
}
.topTabsWeb .ant-tabs-nav::before {
  border: unset;
}
.icon_dashBoard {
  color: #fff;
  height: 65px;
  width: 65px;
  text-align: center;
  font-size: 30px;
  line-height: 65px;
  margin-right: 20px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.icon_dashBoard i {
  float: left;
  color: #fff;
  height: 65px;
  width: 65px;
  text-align: center;
  font-size: 30px;
  line-height: 65px;
  margin-right: 20px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}
@media screen and (max-width: 992px) {
  .salesExtra {
    display: none;
  }
  .rankingList li span:first-child {
    margin-right: 8px;
  }
}
@media screen and (max-width: 768px) {
  .rankingTitle {
    margin-top: 16px;
  }
  .salesCard .salesBar {
    padding: 5px;
  }
}
@media screen and (max-width: 576px) {
  .salesExtraWrap {
    display: none;
  }
  .salesCard .ant-tabs-content {
    padding-top: 30px;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  .icon_dashBoard {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    right: 0px;
  }
  .icon_dashBoard i {
    height: 40px;
    width: 40px;
    font-size: 16px;
    line-height: 40px;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #1175BB;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: #1175BB;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: #fff;
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1175BB;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1175BB;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1175BB;
  border-color: #1175BB;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.85);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.85);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1175BB;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.85);
  border-color: rgba(0, 0, 0, 0.85);
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #e1f4fa;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.85);
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: #1175BB;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-tree .ant-tree-switcher {
  flex: none;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon {
  font-size: 10px;
  display: inline-block;
  vertical-align: baseline;
}
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree .ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree .ant-tree-switcher-loading-icon {
  color: #1175BB;
}
.ant-tree .ant-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: #1175BB;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #addbed;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-node-content-wrapper[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
}
.ant-tree .ant-tree-treenode.drag-over > [draggable] {
  color: white;
  background-color: #1175BB;
  opacity: 0.8;
}
.ant-tree .ant-tree-treenode.drag-over-gap-top > [draggable] {
  border-top-color: #1175BB;
}
.ant-tree .ant-tree-treenode.drag-over-gap-bottom > [draggable] {
  border-bottom-color: #1175BB;
}
.ant-tree-show-line {
  /* Motion should hide line of measure */
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: calc(100% - 4px);
  right: -12px;
  bottom: -28px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-tree-indent-unit::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  z-index: 1;
  background: #fff;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -12px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl.ant-tree .ant-tree-checkbox {
  margin: 4px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-checkbox {
  margin: 4px 0 0 8px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-rtl {
  direction: rtl;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.antd-pro-component-dashs-table-index-TableAntd {
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px #00000033;
  width: 'unset';
}
.antd-pro-component-dashs-table-index-TableAntd .ant-table-tbody > tr > td {
  color: #000000;
}
.antd-pro-component-dashs-table-index-TableAntd .ant-table-tbody > tr.ant-table-row:hover > td {
  background-color: #e5f9fe;
}
.antd-pro-component-dashs-table-index-TableAntd .ant-table-tbody > tr[class*='footer'] > td {
  text-transform: uppercase;
}
.antd-pro-component-dashs-table-index-TableAntd .ant-table-thead > tr > th {
  font-size: 15px;
}
.antd-pro-component-dashs-table-index-TableAntd .ant-btn-ghost {
  border-width: 0px;
  box-shadow: unset;
}
.antd-pro-component-dashs-table-index-rowUnCheck {
  height: 50px;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.antd-pro-component-dashs-table-index-ModalIssue .ant-modal-body {
  padding: 10px 24px;
}
.antd-pro-component-dashs-table-index-ModalIssue .ant-modal-close-x {
  font-size: 1.5rem;
}
.antd-pro-component-dashs-table-index-ModalIssue .ant-modal-content {
  background-color: #fafafa;
}
.antd-pro-component-dashs-table-index-ModalIssue .ant-modal-title {
  font-size: 20px;
  text-transform: capitalize;
}
.antd-pro-component-dashs-table-index-styleRowle td {
  background: #f7f8f8;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.85);
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  user-select: none;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px rgba(17, 117, 187, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #1175BB;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.36s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 22px - 4px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(0, 0, 0, 0.65);
  transform: translate(-50%, -50%);
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #1175BB;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  transform: translate(-50%, -50%) scale(0.66667);
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 16px - 4px - 2px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 22px - 4px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 16px - 4px - 2px);
}

.selectHiddenBorder .ant-select-selector {
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
  box-shadow: none !important;
}
.inputNumberHiddenBorder {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
  box-shadow: none !important;
  margin-top: 6px;
}
.selectHiddenBorder2 .ant-select-selector {
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
  box-shadow: none !important;
  background-color: #F8F8F8 !important;
}
.backgroundIsu {
  background: #fff;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
}
.backgroundIsu2 {
  background: #F8F8F8;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
}
.thanhtien {
  color: #DA291C;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
}
.cardToaDo {
  background: #f3f3f3;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
  position: relative;
}
.cardName {
  color: #fc322e;
  border-bottom: 1px solid red;
  font-size: 16px;
  font-weight: 500;
}
.valueName {
  float: right;
}
.titleName {
  color: #276CCD;
  font-weight: 500;
}
.iconedit {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 20px;
  cursor: pointer;
}
.backgroundIsu111 {
  background: #fff;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .backgroundIsu111 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .colCustom_issuse {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .colCustom_issuse {
    padding-left: 0;
    padding-right: 0;
  }
  .backgroundIsu111 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media (max-width: 575px) {
  .colCustom_issuse {
    padding-left: 0;
    padding-right: 0;
  }
  .backgroundIsu111 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

.antd-pro-component-dashs-upload-image-upload-message {
  line-height: 25px;
  height: 180px;
  border-radius: 50%;
  box-shadow: #333333 1px 1px 3px 0px;
  background-repeat: round;
  background-image: url('/static/web/images/uploadCamera.png');
}
.antd-pro-component-dashs-upload-image-upload-icon {
  font-size: 20px;
  padding: 5px;
  right: 20px;
  border-radius: 50px;
  z-index: 5;
  position: absolute;
  cursor: pointer;
  background: #eee;
  box-shadow: #333333 2px 0px 5px 0px;
}
.antd-pro-component-dashs-upload-image-upload-icon2 {
  font-size: 20px;
  padding: 5px;
  right: -15px;
  top: 90px;
  border-radius: 50px;
  z-index: 5;
  position: absolute;
  cursor: pointer;
  background: #eee;
  box-shadow: #333333 2px 0px 5px 0px;
}
.antd-pro-component-dashs-upload-image-upload-icon3 {
  font-size: 20px;
  padding: 5px;
  right: -10px;
  top: 40px;
  border-radius: 50px;
  z-index: 5;
  position: absolute;
  cursor: pointer;
  background: #eee;
  box-shadow: #333333 2px 0px 5px 0px;
}
.antd-pro-component-dashs-upload-image-upload-previewImage {
  background-color: #fff;
  position: absolute;
  width: 180px;
  border-radius: 50%;
  height: 180px;
  top: 0;
  left: 0;
}
.antd-pro-component-dashs-upload-image-upload-previewImage2 svg {
  background-color: #fff;
  position: absolute;
  width: 180px;
  border-radius: 50%;
  height: 180px;
  top: 0;
  left: 0;
}
.antd-pro-component-dashs-upload-image-upload-previewColor {
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  position: absolute;
  width: 180px;
  border-radius: 50%;
  height: 180px;
  top: 0;
  left: 0;
}
.antd-pro-component-dashs-upload-image-upload-container {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  padding: 50px 0 50px 0;
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
.antd-pro-component-dashs-upload-image-upload-container #crop-container-transform:hover #btnConfirmCropper {
  display: block !important;
}
.antd-pro-component-dashs-upload-image-upload-container #crop-container-insertLogo:hover #btnConfirmSave {
  display: block !important;
}
@media (min-width: 576px) {
  .antd-pro-component-dashs-upload-image-upload-container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .antd-pro-component-dashs-upload-image-upload-container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .antd-pro-component-dashs-upload-image-upload-container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .antd-pro-component-dashs-upload-image-upload-container {
    max-width: 100%;
  }
}
.antd-pro-component-dashs-upload-image-upload-container .antd-pro-component-dashs-upload-image-upload-imgContainer {
  margin-bottom: 1rem;
  min-height: 200px;
}
@media (min-width: 768px) {
  .antd-pro-component-dashs-upload-image-upload-container .antd-pro-component-dashs-upload-image-upload-imgContainer {
    min-height: 300px;
  }
}
.antd-pro-component-dashs-upload-image-upload-container .antd-pro-component-dashs-upload-image-upload-imgContainerLogo {
  min-height: 200px;
  text-align: center;
  position: relative;
  background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
@media (min-width: 768px) {
  .antd-pro-component-dashs-upload-image-upload-container .antd-pro-component-dashs-upload-image-upload-imgContainerLogo {
    min-height: 300px;
  }
}
.antd-pro-component-dashs-upload-image-upload-modal_content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.ck-block-toolbar-button {
  z-index: 9999 !important;
}

.text_keyWord {
  color: red;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  /* line-height: 1.5rem; */
}
.contentEdit{
  border: 1px solid #d9d9d9;
  padding: 10px;
   cursor: text
}
.contentEdit img,.contentEdit video,.contentEdit table,.contentEdit iframe{
  max-width: 100%;
}
/* 
.ck.ck-editor__editable_inline > :first-child {
  margin-top: 0 !important;
}
*/

/* .ck.ck-editor__editable_inline > :last-child {
  margin-bottom: 0 !important;
}  */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 4.8px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.ant-input-number::-moz-placeholder {
  opacity: 1;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #328ec7;
  border-right-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #328ec7;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(17, 117, 187, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.85);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.85);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 7.3px 11px;
  font-size: 15px;
}
.ant-input-number-sm {
  padding: 0.8px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #328ec7;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #328ec7;
  border-right-width: 1px !important;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #328ec7;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(17, 117, 187, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.85);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  opacity: 1;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 15px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 7px;
  min-width: auto;
  margin-right: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
  border-right: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 2px 0 0 2px;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: rtl;
  text-align: right;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1175BB;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1175BB;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1175BB;
  border-color: #1175BB;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.85);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.85);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1175BB;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.85);
  border-color: rgba(0, 0, 0, 0.85);
}
.ant-tree-select-dropdown {
  padding: 8px 4px 0;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode {
  padding-bottom: 8px;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #e1f4fa;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.85);
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: #1175BB;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 24px;
}
.ant-select-tree .ant-select-tree-switcher {
  flex: none;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.ant-select-tree .ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon {
  font-size: 10px;
  display: inline-block;
  vertical-align: baseline;
}
.ant-select-tree .ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree .ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree .ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree .ant-select-tree-switcher-loading-icon {
  color: #1175BB;
}
.ant-select-tree .ant-select-tree-checkbox {
  top: initial;
  margin: 4px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  min-height: 24px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: #1175BB;
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #addbed;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-node-content-wrapper[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
}
.ant-select-tree .ant-select-tree-treenode.drag-over > [draggable] {
  color: white;
  background-color: #1175BB;
  opacity: 0.8;
}
.ant-select-tree .ant-select-tree-treenode.drag-over-gap-top > [draggable] {
  border-top-color: #1175BB;
}
.ant-select-tree .ant-select-tree-treenode.drag-over-gap-bottom > [draggable] {
  border-bottom-color: #1175BB;
}
.ant-select-tree-show-line {
  /* Motion should hide line of measure */
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  position: absolute;
  top: calc(100% - 4px);
  right: -12px;
  bottom: -28px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-select-tree-indent-unit::before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  z-index: 1;
  background: #fff;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none;
    object-fit: contain;
    /* height: auto !important; */
   }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjY0IiBoZWlnaHQ9Ijg4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTY3LjAwMiA1OS41djMuNzY4Yy02LjMwNy44NC05LjE4NCA1Ljc1LTEwLjAwMiA5LjczMiAyLjIyLTIuODMgNS41NjQtNS4wOTggMTAuMDAyLTUuMDk4VjcxLjVMNzMgNjUuNTg1IDY3LjAwMiA1OS41ek0xMyAyOXYtNWgydjNoM3YyaC01em0wLTE0aDV2MmgtM3YzaC0ydi01em0xOCAwdjVoLTJ2LTNoLTN2LTJoNXptMCAxNGgtNXYtMmgzdi0zaDJ2NXptMzEtNXY1aC0ydi0zaC0zdi0yaDV6bTAtNGgtNXYtMmgzdi0zaDJ2NXptOCAwdi01aDJ2M2gzdjJoLTV6bTAgNGg1djJoLTN2M2gtMnYtNXpNMjAuNTg2IDY2bC01LjY1Ni01LjY1NiAxLjQxNC0xLjQxNEwyMiA2NC41ODZsNS42NTYtNS42NTYgMS40MTQgMS40MTRMMjMuNDE0IDY2bDUuNjU2IDUuNjU2LTEuNDE0IDEuNDE0TDIyIDY3LjQxNGwtNS42NTYgNS42NTYtMS40MTQtMS40MTRMMjAuNTg2IDY2em05MS4xOTktLjk3TDExMCA2My41bDMtMy41aC0xMHYtMmgxMGwtMy0zLjUgMS43ODUtMS40NjhMMTE3IDU5bC01LjIxNSA2LjAzem00MC40MyAwTDE1NCA2My41bC0zLTMuNWgxMHYtMmgtMTBsMy0zLjUtMS43ODUtMS40NjhMMTQ3IDU5bDUuMjE1IDYuMDN6bTguNzQyLTM2LjQ4N2wtMy4yNS0zLjI1LTEuNDEzIDEuNDE0IDMuMjUgMy4yNXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTUyLjUgMjdhNS41IDUuNSAwIDEwMC0xMSA1LjUgNS41IDAgMTAwIDExeiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNTAgMjFoNXYxaC01em0tMzMuMDQzIDcuNTQzbC0xLjQxNCAxLjQxNC0zLjI1LTMuMjUgMS40MTQtMS40MTQgMy4yNSAzLjI1eiIvPjxwYXRoIGQ9Ik0xMDguNSAyN2E1LjUgNS41IDAgMTAwLTExIDUuNSA1LjUgMCAxMDAgMTF6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwNiAyMWg1djFoLTV6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwOS4wNDMgMTkuMDA4bC0uMDg1IDUtMS0uMDE3LjA4NS01eiIvPjwvZz48L3N2Zz4=); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }


/*# sourceMappingURL=styles.cff4bc36.chunk.css.map*/