.center-form {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.center-form .ant-checkbox-wrapper {
  display: flex;
  align-items: center;
}
.copyrights {
  width: 460px;
  padding: 10px 7px;
}
.copyrights a {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  margin-left: 20px;
}

h2[data-v-3ceb96bb] {
  margin-bottom: 10px;
}
.tasks-wrap[data-v-3ceb96bb] {
  margin-bottom: 30px;
  width: 300px;
}
.tasks-wrap[data-v-3ceb96bb]:last-child {
  margin-bottom: 0;
}
.tasks-wrap .save-button[data-v-3ceb96bb] {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.tasks-wrap .save-button .ant-btn[data-v-3ceb96bb] {
  margin-left: 20px;
}
.tasks-wrap .add-button[data-v-3ceb96bb] {
  margin-top: 10px;
  padding: 6px 10px 6px 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tasks-wrap .add-button[data-v-3ceb96bb]:hover {
  color: #4096ff;
}
.tasks-wrap .add-button .anticon[data-v-3ceb96bb] {
  font-size: 20px;
  margin-right: 12px;
}
.tasks-wrap .draggable[data-v-3ceb96bb] {
  border: 1px #f0f0f0 solid;
  margin-top: -1px;
  background: white;
  cursor: pointer;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tasks-wrap .draggable .left[data-v-3ceb96bb] {
  display: flex;
  align-items: center;
}
.tasks-wrap .draggable .anticon-vertical-align-middle[data-v-3ceb96bb] {
  margin-right: 10px;
}
.tasks-wrap .draggable .ant-btn.hidden[data-v-3ceb96bb] {
  display: none;
}
.tasks-wrap .draggable:hover .ant-btn.hidden[data-v-3ceb96bb] {
  display: block;
}
.tasks-wrap .draggable .name[data-v-3ceb96bb] {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 5px;
}

.tasks-type-new-modal .colors {
  display: flex;
  justify-content: space-between;
}
.tasks-type-new-modal .ck-cp-container {
  width: 230px;
  box-shadow: none;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 8px;
}
.tasks-type-new-modal .ck-cp-container .colour-area,
.tasks-type-new-modal .ck-cp-container .colour-area-mask {
  border-radius: 4px;
}

h2[data-v-0f9895a9] {
  margin-bottom: 10px;
}
.tasks-wrap[data-v-0f9895a9] {
  margin-bottom: 30px;
  width: 300px;
}
.tasks-wrap[data-v-0f9895a9]:last-child {
  margin-bottom: 0;
}
.tasks-wrap .save-button[data-v-0f9895a9] {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.tasks-wrap .save-button .ant-btn[data-v-0f9895a9] {
  margin-left: 20px;
}
.tasks-wrap .add-button[data-v-0f9895a9] {
  margin-top: 10px;
  padding: 6px 10px 6px 8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tasks-wrap .add-button[data-v-0f9895a9]:hover {
  color: #4096ff;
}
.tasks-wrap .add-button .anticon[data-v-0f9895a9] {
  font-size: 20px;
  margin-right: 12px;
}
.tasks-wrap .draggable[data-v-0f9895a9] {
  border: 1px #f0f0f0 solid;
  margin-top: -1px;
  background: white;
  cursor: pointer;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tasks-wrap .draggable .left[data-v-0f9895a9] {
  display: flex;
  align-items: center;
}
.tasks-wrap .draggable .anticon-vertical-align-middle[data-v-0f9895a9] {
  margin-right: 10px;
}
.tasks-wrap .draggable .ant-btn.hidden[data-v-0f9895a9] {
  display: none;
}
.tasks-wrap .draggable:hover .ant-btn.hidden[data-v-0f9895a9] {
  display: block;
}
.tasks-wrap .draggable .name[data-v-0f9895a9] {
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 5px;
}

.tasks-type-new-modal .colors {
  display: flex;
  justify-content: space-between;
}
.tasks-type-new-modal .ck-cp-container {
  width: 230px;
  box-shadow: none;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 8px;
}
.tasks-type-new-modal .ck-cp-container .colour-area,
.tasks-type-new-modal .ck-cp-container .colour-area-mask {
  border-radius: 4px;
}

.head[data-v-c54a4106] {
  border: 0;
}
.content[data-v-c54a4106] {
  height: calc(100vh - 70px);
}
.content[data-v-c54a4106] {
  padding: 0 20px;
}

.ant-notification-notice {
  background: #595959 !important;
  border-radius: 10px !important;
}
.ant-notification-notice .ant-notification-close-x,
.ant-notification-notice .ant-notification-notice-description {
  color: white;
}
.ant-notification-notice .ant-notification-close-x:hover {
  color: #1890ff;
}
.ant-notification-notice .ant-notification-notice-message {
  margin: 0;
}
.ant-notification-notice .ant-notification-notice-content {
  padding-right: 20px;
}
.user-info {
  margin-right: 20px;
  display: flex;
}
.user-info .ant-badge-count {
  min-width: 20px;
  top: 4px !important;
}
.user-info .ant-avatar {
  margin-left: 5px;
}
.user-info a {
  color: rgba(0, 0, 0, 0.85);
}
.user-info a:hover {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
}
.user-info .title {
  display: flex;
  justify-content: end;
  align-items: center;
}
.user-info .two-line .name,
.user-info .submenu-title-wrapper .name {
  text-align: right;
  line-height: 20px;
  padding-right: 10px;
}
.user-info-dropdown {
  position: fixed;
}
.user-info-dropdown .ant-popover-inner-content {
  padding: 0;
}
.user-info-dropdown .ant-popover-inner-content .ant-menu {
  border-right: none;
  border-radius: 0;
  display: flex;
  flex-flow: column;
  row-gap: 5px;
}
.user-info-dropdown .ant-popover-inner-content .ant-menu .ant-menu-item {
  width: 100%;
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.user-info-dropdown .ant-popover-inner-content .ant-menu .ant-menu-item:hover span:not(.ant-scroll-number-only) {
  color: #1890ff;
}
.user-info-dropdown .ant-popover-inner-content .ant-menu .ant-menu-item .ant-badge {
  display: flex;
  height: 100%;
  align-items: center;
}
.user-info-dropdown .ant-popover-inner-content .ant-menu .ant-menu-item .ant-badge-count {
  display: inline-block;
  transform: none;
  width: 20px !important;
  height: 20px !important;
}
.user-info-dropdown .ant-popover-inner-content .branch {
  padding-top: 10px;
}
.user-info-dropdown .ant-popover-inner-content .branch h2 {
  font-size: 18px;
}
.user-info-dropdown .ant-popover-inner-content .branch .branch-item {
  width: 100%;
  position: relative;
  white-space: nowrap;
  margin-top: 5px;
  height: 30px;
  line-height: 30px;
  padding: 1px 10px;
  border-radius: 8px;
}
.user-info-dropdown .ant-popover-inner-content .branch .branch-item:hover,
.user-info-dropdown .ant-popover-inner-content .branch .branch-item.active {
  cursor: pointer;
  color: #1890ff;
  padding: 0 9px;
  border: 1px solid #1890ff;
}
.relative-badge .ant-badge-count {
  min-width: 20px;
  position: relative !important;
  margin-left: 5px !important;
  top: 0 !important;
}


.all-changed[data-v-40c14578] {
		background: white;
		width: 30px;
		height: 30px;
		border-radius: 30px;
		font-size: 20px;
		color: #1890ff;
		text-align: center;
		line-height: 30px;
		margin-top: 5px;
}


#app {
  overflow: hidden;
}

.main-text[data-v-2177839d] {
  height: calc(100vh - 49px);
  text-align: center;
}
.main-text span[data-v-2177839d] {
  color: black;
  display: block;
  font-size: 12px;
}
.main-text span.title[data-v-2177839d] {
  font-size: 18px;
  color: #1890ff;
  font-weight: bold;
}

:root {
  --a-color: #40a9ff;
}
.ant-tabs .ant-tabs-ink-bar {
  background: var(--a-color) !important;
}
.ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--a-color) !important;
}
.padding0 {
  padding: 0 !important;
}
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.padding15 {
  padding: 15px;
}
.padding20 {
  padding: 20px !important;
}
.margin0 {
  margin: 0 !important;
}
.margin5 {
  margin: 5px !important;
}
.margin15 {
  margin: 15px !important;
}
.margin0 {
  margin: 0 !important;
}
.margin5 {
  margin: 5px !important;
}
.margin15 {
  margin: 15px !important;
}
.pTop0 {
  padding-top: 0 !important;
}
.pTop1 {
  padding-top: 1px !important;
}
.pTop5 {
  padding-top: 5px !important;
}
.pTop7 {
  padding-top: 7px !important;
}
.pTop10 {
  padding-top: 10px !important;
}
.pTop12 {
  padding-top: 12px !important;
}
.pTop15 {
  padding-top: 15px !important;
}
.pTop20 {
  padding-top: 20px !important;
}
.pTop30 {
  padding-top: 30px !important;
}
.pTop40 {
  padding-top: 40px !important;
}
.pTop50 {
  padding-top: 50px !important;
}
.pTop70 {
  padding-top: 70px !important;
}
.pRight0 {
  padding-right: 0 !important;
}
.pRight2 {
  padding-right: 2px !important;
}
.pRight3 {
  padding-right: 3px !important;
}
.pRight5 {
  padding-right: 5px !important;
}
.pRight10 {
  padding-right: 10px !important;
}
.pRight20 {
  padding-right: 20px !important;
}
.pRight30 {
  padding-right: 30px !important;
}
.pRight40 {
  padding-right: 40px !important;
}
.pRight50 {
  padding-right: 50px !important;
}
.pRight80 {
  padding-right: 80px !important;
}
.pLeft0 {
  padding-left: 0 !important;
}
.pLeft3 {
  padding-left: 3px !important;
}
.pLeft8 {
  padding-left: 8px !important;
}
.pLeft10 {
  padding-left: 10px !important;
}
.pLeft15 {
  padding-left: 15px !important;
}
.pLeft20 {
  padding-left: 20px !important;
}
.pLeft25 {
  padding-left: 25px !important;
}
.pLeft35 {
  padding-left: 35px !important;
}
.pLeft45 {
  padding-left: 45px !important;
}
.pLeft50 {
  padding-left: 50px !important;
}
.pLeft80 {
  padding-left: 80px !important;
}
.pBottom0 {
  padding-bottom: 0 !important;
}
.pBottom5 {
  padding-bottom: 5px !important;
}
.pBottom10 {
  padding-bottom: 10px !important;
}
.pBottom15 {
  padding-bottom: 15px !important;
}
.pBottom20 {
  padding-bottom: 20px !important;
}
.pBottom25 {
  padding-bottom: 25px !important;
}
.pBottom30 {
  padding-bottom: 30px !important;
}
.pBottom35 {
  padding-bottom: 35px !important;
}
.pBottom70 {
  padding-bottom: 70px !important;
}
.pBottom95 {
  padding-bottom: 95px !important;
}
.pBottom100 {
  padding-bottom: 100px !important;
}
.mTop-10 {
  margin-top: -10px !important;
}
.mTop0 {
  margin-top: 0 !important;
}
.mTop5 {
  margin-top: 5px !important;
}
.mTop10 {
  margin-top: 10px !important;
}
.mTop12 {
  margin-top: 12px !important;
}
.mTop15 {
  margin-top: 15px !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.mTop25 {
  margin-top: 25px !important;
}
.mTop30 {
  margin-top: 30px !important;
}
.mTop40 {
  margin-top: 40px !important;
}
.mTop90 {
  margin-top: 90px !important;
}
.mLeft-5 {
  margin-left: -5px !important;
}
.mLeft2 {
  margin-left: 2px !important;
}
.mLeft5 {
  margin-left: 5px !important;
}
.mLeft10 {
  margin-left: 10px !important;
}
.mLeft15 {
  margin-left: 15px !important;
}
.mLeft20 {
  margin-left: 20px !important;
}
.mLeft22 {
  margin-left: 22px !important;
}
.mLeft24 {
  margin-left: 24px !important;
}
.mLeft30 {
  margin-left: 30px !important;
}
.mBottom-5 {
  margin-bottom: -5px !important;
}
.mBottom-10 {
  margin-bottom: -10px !important;
}
.mBottom-20 {
  margin-bottom: -20px !important;
}
.mBottom-25 {
  margin-bottom: -25px !important;
}
.mBottom0 {
  margin-bottom: 0 !important;
}
.mBottom3 {
  margin-bottom: 3px !important;
}
.mBottom5 {
  margin-bottom: 5px !important;
}
.mBottom10 {
  margin-bottom: 10px !important;
}
.mBottom15 {
  margin-bottom: 15px !important;
}
.mBottom20 {
  margin-bottom: 20px !important;
}
.mBottom25 {
  margin-bottom: 25px !important;
}
.mBottom30 {
  margin-bottom: 30px !important;
}
.mBottom40 {
  margin-bottom: 40px !important;
}
.mBottom55 {
  margin-bottom: 55px !important;
}
.mRight1 {
  margin-right: 1px !important;
}
.mRight5 {
  margin-right: 5px !important;
}
.mRight7 {
  margin-right: 7px !important;
}
.mRight10 {
  margin-right: 10px !important;
}
.mRight15 {
  margin-right: 15px;
}
.mRight20 {
  margin-right: 20px !important;
}
.mRight40 {
  margin-right: 40px;
}
.mRelativeTop-22 {
  top: -22px !important;
  position: relative;
}
.mRelativeTop-45 {
  top: -45px !important;
  position: relative;
}
.mRelativeTop-35 {
  top: -35px !important;
  position: relative;
}
.mRelativeTop-25 {
  top: -25px !important;
  position: relative;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.nowrap {
  white-space: nowrap;
}
.br2 {
  display: block;
  height: 2px;
  width: 100%;
}
.width20 {
  width: 20%;
}
.width24 {
  width: 24%;
}
.width25 {
  width: 25%;
}
.width30 {
  width: 30%;
}
.width33 {
  width: 33%;
}
.width40 {
  width: 40% !important;
}
.width45 {
  width: 45% !important;
}
.width48 {
  width: 48%;
}
.width49 {
  width: 49% !important;
}
.width50 {
  width: 50% !important;
}
.width60 {
  width: 60%;
}
.width70 {
  width: 70%;
}
.width80 {
  width: 80%;
}
.width100 {
  width: 100%;
}
.width320px {
  width: 320px;
}
.height28px {
  height: 28px !important;
}
.height100 {
  height: 100%;
}
.fs09em {
  font-size: 0.9em;
}
.fs11 {
  font-size: 11px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs16_child * {
  font-size: 16px !important;
}
.fs18 {
  font-size: 18px !important;
}
* {
  font-family: "Open Sans", sans-serif !important;
  outline: none !important;
  box-sizing: border-box !important;
}
* :active:not(.ant-popover):not(.ant-popover-inner):not(.ant-menu):not(.balance),
* :focus-within:not(.ant-popover):not(.ant-popover-inner):not(.ant-menu):not(.balance) {
  outline: none !important;
  box-shadow: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background-color: transparent;
}
::-webkit-scrollbar-track {
  width: 8px;
  background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 5px;
  background-color: var(--a-color);
}
.displayFlex {
  display: flex;
}
.displayFlexSARW {
  display: flex;
  justify-content: space-around;
  flex-flow: row wrap;
}
.displayFlexSCRW {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}
.displayFlexS {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.displayFlexERW {
  display: flex;
  justify-content: flex-end;
  flex-flow: row wrap;
}
.displayFlexSBRW {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.displayFlexSARN {
  display: flex;
  justify-content: space-around;
  flex-flow: row nowrap;
}
.displayFlexSCRN {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
}
.displayFlexSRN {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
}
.displayFlexSRW {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}
.displayFlexERN {
  display: flex;
  justify-content: flex-end;
  flex-flow: row nowrap;
}
.displayFlexSBRN {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
}
.displayFlexSACW {
  display: flex;
  justify-content: space-around;
  flex-flow: column wrap;
}
.displayFlexSCCW {
  display: flex;
  justify-content: center;
  flex-flow: column wrap;
}
.displayFlexSCW {
  display: flex;
  justify-content: flex-start;
  flex-flow: column wrap;
}
.displayFlexECW {
  display: flex;
  justify-content: flex-end;
  flex-flow: column wrap;
}
.displayFlexSBCW {
  display: flex;
  justify-content: space-between;
  flex-flow: column wrap;
}
.displayFlexSACN {
  display: flex;
  justify-content: space-around;
  flex-flow: column nowrap;
}
.displayFlexSCCN {
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
}
.displayFlexSCN {
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
}
.displayFlexECN {
  display: flex;
  justify-content: flex-end;
  flex-flow: column nowrap;
}
.displayFlexSBCN {
  display: flex;
  justify-content: space-between;
  flex-flow: column nowrap;
}
.vAlignCenter {
  display: flex;
  align-items: center;
}
.vAlignTop {
  display: flex;
  align-items: flex-start;
}
.vAlignArround {
  align-content: space-around;
}
.blockAlign {
  align-content: center;
}
.textCenter {
  text-align: center !important;
}
.textLeft {
  text-align: left;
}
.textRight {
  text-align: right;
}
body {
  height: 100%;
  margin: 0;
  background: #fafafa;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.logo {
  width: 76px;
  height: 43px;
  margin: 0 10px;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.red-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: red;
  border-radius: 5px;
  margin-right: 2px;
  vertical-align: 1px;
}
.all-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10000;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.all-loading .message {
  text-align: center;
  width: 100%;
  color: #1890ff;
  font-size: 16px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.all-loading .message .text {
  max-width: 400px;
  margin: 0 20px;
}
.ant-message {
  z-index: 10001;
}
.modal-no-padding .ant-modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ant-modal-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-modal {
  top: 0;
  padding-bottom: 0;
}
.ant-modal-title {
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
}
.ant-modal-content .help {
  border-radius: 6px;
  padding: 5px 10px;
  background: white;
  margin-bottom: 20px;
  border: 1px #e6e6e6 solid;
}
.ant-modal-body label:not(.ant-radio-button-wrapper) {
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
}
.ant-modal-bodyinner .divider-header {
  top: 0 !important;
}
.ant-modal-bodyinner .ant-divider-horizontal {
  margin-top: 0 !important;
}
.ant-modal-footer {
  text-align: left;
  padding: 16px 24px;
}
.ant-select {
  width: 100%;
}
.ant-select-dropdown {
  width: auto !important;
}
.ant-select-dropdown .rc-virtual-list-holder-inner {
  position: relative !important;
}
a {
  cursor: pointer;
  color: #1890ff;
}
a:hover {
  color: #1677ff;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 400;
  background: #fafbfc !important;
}
main {
  width: 100%;
  min-height: 100%;
}
main .page-block {
  padding-top: 47px;
}
main h1 {
  line-height: 40px;
  margin-bottom: 10px;
  font-weight: 400;
}
main h4.border-right {
  border-right: 1px solid #e8e8e8;
  margin-bottom: 0;
  padding-bottom: 5px;
}
main .head .add-new,
main .content .add-new {
  color: #a3acb9;
}
main .head .add-new:hover,
main .content .add-new:hover {
  color: #1677ff;
}
main .head {
  padding: 0 10px;
}
main .head.no-border {
  border: 0;
  margin-bottom: -10px;
  padding-bottom: 0;
}
main .head .name {
  padding-top: 15px;
  display: flex;
}
main .head .name h1 {
  margin-bottom: 15px;
  white-space: nowrap;
  font-size: 22px;
}
main .head .name .add-new {
  padding-top: 5px;
  line-height: 35px;
  font-size: 24px;
  margin-left: 10px;
}
main .ant-input-number-input,
main .ant-input:not(textarea):not(.ant-input-lg) {
  max-height: 34px;
}
main .content {
  border-radius: 8px;
  margin: 0 10px 10px 10px;
  padding: 12px;
  height: 100%;
  overflow: auto;
  background: white;
}
main .content .name {
  display: flex;
}
main .content .name .add-new {
  line-height: 24px;
  font-size: 18px;
  margin-left: 5px;
}
main .content h3 {
  margin-bottom: 5px;
}
main .content .ant-table-wrapper .ant-input-number-input,
main .content .ant-table-wrapper .ant-input {
  height: 34px;
  padding: 0 8px;
}
main .content .card {
  border-radius: 3px;
  background: #fafbfc;
  padding: 10px;
}
main .content .card h2 {
  margin-bottom: 20px;
}
main .content .card .help {
  background: white;
  padding: 5px;
}
main .top-block {
  background: white;
  width: 100%;
  position: fixed;
  top: 0;
  height: 46px;
  z-index: 1000;
  border-bottom: 1px solid rgba(88, 88, 88, 0.1);
}
main .top-block .ant-menu-light {
  background: none;
}
main .top-block .ant-menu-horizontal {
  border: 0;
}
main .top-block .ant-tabs-nav .ant-tabs-tab-active {
  font-weight: 400;
}
main .top-block .ant-menu-title-content a {
  color: rgba(0, 0, 0, 0.88);
}
main .top-block .ant-menu-title-content .submenu-title-wrapper .anticon {
  margin-right: 5px;
}
main .top-block .wrap {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
}
main .app-form {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  margin: 5px;
  background: white;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  transition-property: height;
  transition-duration: 0.5s;
  width: 460px;
  padding-top: 20px;
}
main .app-form .app-animate-left {
  width: 100%;
}
main .app-form-head {
  text-align: center;
  padding: 20px 30px 0 30px;
}
main .app-form-head span {
  display: block;
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
}
main .app-form-body {
  padding: 20px 30px;
  padding-bottom: 10px;
  border-top: 0;
}
main .app-form-body label {
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
}
main .app-form-footer {
  padding: 0 30px 30px 30px;
}
main .wrap {
  width: 1170px;
  margin: 0 auto;
}
main .ant-form .save-fixed {
  margin-bottom: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  background: white;
  left: 0;
  border-top: solid 2px gray;
  padding: 5px 0;
  z-index: 9999;
}
main .table-page {
  height: calc(100vh - 49px);
}
main .table-page .left-menu {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  z-index: 100;
}
main .table-page .left-menu * {
  white-space: nowrap;
}
main .table-page .left-menu h4 {
  padding-right: 10px;
}
main .table-page .left-menu .ant-menu {
  height: 100%;
}
main .table-page .left-menu .ant-menu .ant-menu-submenu-popup {
  margin-top: -5px !important;
}
main .table-page .left-menu .ant-menu .ant-menu-item a {
  color: rgba(0, 0, 0, 0.65);
}
main .table-page .left-menu .ant-menu .ant-menu-item-selected a {
  color: #1890ff;
}
main .table-page .title {
  padding-right: 20px;
}
main .table-page .title h1 {
  margin-bottom: 0;
}
main .table-page .right-content {
  width: 100%;
}
main .table-page .right-content .title {
  background: white;
}
main .table-page .right-content .scroll {
  overflow-y: scroll;
}
main .table-page .right-content .wrap {
  width: calc(100% + 20px);
  margin-left: -20px;
}
main .table-page .right-content .wrap.noPadding {
  padding-left: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
}
main .table-page .ant-table .actions {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.group-child-footer {
  width: 100%;
  height: 1px;
  background: var(--a-color);
  position: relative;
  margin: 20px 0;
  text-align: center;
}
.group-child-footer .anticon {
  width: 30px;
  background: #fafbfc;
  position: relative;
  top: -10px;
  color: var(--a-color);
}
.group-child-footer .anticon:hover {
  cursor: pointer;
  color: black;
}
a .anticon-delete:hover {
  cursor: pointer;
  color: var(--a-color);
}
.clear {
  clear: both;
}
.videoObject.isUpload .ant-upload {
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center;
}
.videoObject.isUpload .ant-upload .ant-upload-drag-container {
  vertical-align: bottom;
}
.videoObject.isUpload .ant-upload .ant-upload-drag-container > .name {
  position: relative;
  top: 7px;
}
.videoObject.error .ant-upload {
  border-color: red;
  background-color: #ffecec;
}
.videoObject .ant-upload-drag-container {
  height: 196px;
}
.videoObject .ant-upload {
  padding: 0 0 !important;
}
.bold {
  font-weight: bold;
}
.displayBlock {
  display: block;
}
.ant-scrolling-effect {
  width: 100% !important;
}
.ant-table-thead > tr > th {
  border-bottom: 1px solid #f0f0f0;
  padding: 3px 8px !important;
  margin: 0;
  color: rgba(0, 0, 0, 0.65) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.ant-table-tbody > tr > td {
  padding: 3px 8px !important;
  margin: 0;
}
.ant-table-tbody > tr > td .ant-select-selector {
  background: transparent !important;
}
.ant-table .ant-table-body {
  border-right: 1px solid #f0f0f0;
}
.ant-table .ant-table-expanded-row-fixed {
  margin: -3px -10px !important;
}
.ant-table-filter-dropdown-link.clear {
  clear: none !important;
}
.ant-table .input-cell {
  padding: 0 !important;
}
.ant-table .ant-table-measure-row td {
  padding: 0 !important;
}
.marmelad-table {
  width: 100%;
}
.marmelad-table .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.marmelad-table .ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.marmelad-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.marmelad-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.marmelad-table .ant-table-thead > tr > th {
  text-align: left;
}
.marmelad-table table {
  width: 100%;
}
.marmelad-table table td,
.marmelad-table table th {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.marmelad-table table th {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  line-height: 20px !important;
}
.marmelad-table table tr:not(.padding) td {
  padding: 0 !important;
}
.marmelad-table .end-row {
  background: #fafbfc;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
  font-weight: 700;
}
.dsp-video-table .legend,
.dsp-campaigns-table .legend {
  padding: 20px;
  background: #fafbfc;
}
.dsp-video-table .legend .statuses .status,
.dsp-campaigns-table .legend .statuses .status {
  margin-right: 20px;
  color: black;
  font-size: 14px;
}
.dsp-video-table .legend .statuses .circle,
.dsp-campaigns-table .legend .statuses .circle {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  display: inline-block;
}
.ant-input-number .ant-input-number-handler-wrap {
  display: none;
}
.ant-card-head {
  background: #fafbfc !important;
  min-height: 15px !important;
  padding: 0 10px !important;
}
.ant-card-head-title {
  font-size: 13px !important;
  padding: 5px 0 !important;
}
.ant-card-body {
  padding: 10px !important;
  font-size: 13px !important;
}
.ant-tabs {
  position: relative;
}
.report .content,
.month-report .content,
.warehouse .content {
  position: relative;
  overflow: visible;
  margin-top: 36px;
}
.report .ant-tabs-nav,
.month-report .ant-tabs-nav,
.warehouse .ant-tabs-nav {
  top: -48px;
  position: absolute;
  background: none;
  margin-bottom: -1px;
  border-bottom: 0;
}
.report .ant-tabs-nav .ant-tabs-nav-operations,
.month-report .ant-tabs-nav .ant-tabs-nav-operations,
.warehouse .ant-tabs-nav .ant-tabs-nav-operations {
  display: none;
}
.report .ant-tabs-nav .ant-tabs-tab,
.month-report .ant-tabs-nav .ant-tabs-tab,
.warehouse .ant-tabs-nav .ant-tabs-tab {
  background: #fff !important;
}
.report .ant-table-body table,
.month-report .ant-table-body table,
.warehouse .ant-table-body table {
  border-top: 0;
}
.add-row-button {
  position: absolute;
  top: -50px;
  right: 20px;
}
.ant-divider-inner-text {
  position: relative;
  top: 10px;
}
.divider-header {
  padding-left: 0;
  padding-right: 5px;
  font-size: 20px;
  position: relative;
  top: 12px;
  left: 0;
  background: white;
  z-index: 10;
  display: inline-block;
  margin-bottom: -10px;
  margin-top: -20px;
  color: rgba(0, 0, 0, 0.85);
}
.divider-description .item.error {
  color: red;
}
.divider-description .item.error input {
  border-color: red;
}
.divider-description .item.confirm {
  color: green;
}
.divider-description .item.confirm input {
  border-color: green;
}
.checked-error {
  background: red !important;
  color: white !important;
}
.error-text {
  color: red !important;
}
.confirm-text {
  color: green !important;
}
.no-padding-modal .ant-modal-body {
  padding: 0;
}
.popover-no-padding .ant-popover-inner-content,
.popover-no-padding .ant-popover-inner {
  padding: 0;
}
.ant-table-cell.ant-table-cell-fix-left {
  border-right: 1px solid #e8e8e8;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  z-index: 12;
}
.error-popover {
  color: red;
}
.tasks-type-color,
.tasks-status-type {
  display: inline-block;
  height: 21px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 3px;
  white-space: nowrap;
  font-size: 11px;
  text-transform: uppercase;
}
.tasks-type-color.type2,
.tasks-status-type.type2 {
  background: #f6ffed;
  border: 1px solid #b7eb8f;
}
.tasks-type-color.type0,
.tasks-status-type.type0 {
  background: #e6f4ff;
  border: 1px solid #91caff;
}
.ck.ck-editor {
  width: 100%;
}
.ck.ck-editor .ck-placeholder:before {
  cursor: text;
  color: rgba(0, 0, 0, 0.25);
}
.ck.ck-editor .ck.ck-sticky-panel__content,
.ck.ck-editor .ck.ck-toolbar {
  border-radius: 6px 6px 0 0;
}
.ck.ck-editor .ck.ck-label.ck-voice-label {
  display: none !important;
}
.ant-picker-dropdown .ant-picker-time-panel-column:after {
  height: 0 !important;
}
.top-z-index-model {
  z-index: 1040 !important;
}

.mobile-header {
  display: none;
}
@media screen and (max-width: 900px) {
  .logo {
    margin: 0 5px;
  }
  .ant-menu-submenu .ant-menu-submenu:not(.ant-menu-submenu-selected) a {
    color: rgba(0, 0, 0, 0.88);
  }
  .top-block .pc-header {
    display: none;
  }
  .top-block .mobile-header {
    display: flex;
    justify-content: space-between;
  }
  .top-block .mobile-header .user-info {
    margin-right: 10px;
  }
  .top-block .mobile-header .user-info .submenu-title-wrapper {
    display: none;
  }
  .top-block .ant-menu {
    width: calc(100vw - 133px);
  }
}